html, body {font-family: 'Oxygen', sans-serif;min-height: 100%;height:100%;}
body.change-overflow {overflow:hidden;}
body {}
* {outline:0;}
a:hover, a:active, a:focus {text-decoration: none;}
a, button {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
}
h1, h2, h3, h4, h5 {font-weight: 700;}
h2 {font-size:36px;color:#004f8a;}


h5 {font-size:24px;color:#004f8a;}

body.page h1 {font-size:36px;color:#004f8a;font-weight: 700;font-family: "Roboto Slab";text-transform: uppercase;}
body.page p {font-size:16px;color:#004f8a;}
body.page section li {font-size: 16px;color: #004f8a;}

ul {margin:0;padding:0;list-style-type: none;}
.mobile-visible {display:none;}
.tablet-visible {display:none;}
.pad-none {padding:0;}
.full {width:100%;}
.table-content {display: table;  width: 100%;  height: 100%;}
.table-cell-content {display: table-cell; vertical-align: middle;}
.animation-- {-webkit-transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out;transition: all .1s ease-in-out;  }
.animation-one {-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;  }
.animation-two {-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.fl-right {float:right;}
.height-fix {height:100%;}
.h-fix {height:100%;}
.height-very {height:80%;}
.stream-iframe {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.stream-iframe iframe, .stream-iframe img {position:absolute;top:0;left:0;width:100%;height:100%;}
.stream-iframe .player {background:transparent !important;}
.grayscale img, .grayscale iframe {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.grayscale img:hover {-webkit-filter: grayscale(0%);filter: grayscale(0%);}

section.s-margin {padding:140px 140px 0;}
.radius-lr {border-top-left-radius: 4px;border-top-right-radius:4px;}
.radius-blr {border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.border-1 {border: 2px solid #1b303e;}
.s-head {background: #f1911f;padding:15px;}
.s-head h2 {font-weight: 600;font-size: 18px;color: #fff;margin:0;}

.mtop18 {margin-top:18px;}
.mtop30 {margin-top:30px;}
.mtop60 {margin-top:60px;}
.mbottom60 {margin-bottom:60px;}
.mbottom80 {margin-bottom:80px;}
.mbottom100 {margin-bottom:100px;}
.section {margin: 300px 0 -151px;}
.section.s2 {margin: 250px 0 0;}
a.more-button {font-size: 18px;font-weight: 700;color: #0069b4;border: 2px solid #0069b4;padding: 3px 7px;margin-top: 30px;display: inline-block;}
a.more-button:hover {color: #fff;padding: 3px 7px;margin-top: 30px;display: inline-block;background: #0069b4;}

/* Figure */
figure.snip1321 {

    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    width: 100%;
    color: #000000;
    text-align: center;
    -webkit-perspective: 50em;
    perspective: 50em;
}
figure.snip1321 * {
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
figure.snip1321 img {
    max-width: 100%;
    vertical-align: top;
}
figure.snip1321 figcaption {
    top: 50%;
    left: 20px;
    right: 20px;
    position: absolute;
    opacity: 0;
    z-index: 1;
    padding: 0 20px;
}
figure.snip1321 h2,
figure.snip1321 h4 {
    margin: 0;
}
figure.snip1321 h2 {

}
figure.snip1321 h4 {
    font-size:18px;
    font-weight: 700;
    color:#fff;
}

figure.snip1321:after {
    position: absolute;
    content: "";
    display: block;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-image: -moz-linear-gradient( 117deg, rgb(160,13,21) 0%, rgb(0,159,221) 0%, rgb(0,119,180) 47%, rgb(0,79,138) 100%);
    background-image: -webkit-linear-gradient( 117deg, rgb(160,13,21) 0%, rgb(0,159,221) 0%, rgb(0,119,180) 47%, rgb(0,79,138) 100%);
    background-image: -ms-linear-gradient( 117deg, rgb(160,13,21) 0%, rgb(0,159,221) 0%, rgb(0,119,180) 47%, rgb(0,79,138) 100%);
    opacity: 0.902;
}
figure.snip1321 a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
}
figure.snip1321:hover figcaption,
figure.snip1321.hover figcaption {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
figure.snip1321:hover:after,
figure.snip1321.hover:after {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 0.9;
}
.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;

    border-bottom: 5px solid black;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    position: absolute;
    margin-top: -55px;
    margin-left: 24px;
}
header.active .arrow-down {margin-top: -46px;}
.arrow-right {
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;

    border-left: 60px solid green;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;

    border-right:10px solid blue;
}

/* header */
header {height:100px;line-height: 100px;position: fixed;width: 100%;z-index: 9;top:0;}
header .logo {margin:13px 0;width:239px;}
header nav {display:inline-block;}
header nav ul {margin:0;padding:0;}
header nav ul li {float:left;margin-right:14px;}
header nav ul li a {padding:3px;display:block;font-weight: 700;color:#fff;font-size: 14px;text-transform: uppercase;}
header nav ul li .language {max-height: 0;transition: max-height 0.15s ease-out;overflow: hidden;margin-top:-40px;}
header.active nav ul li .language {margin-top:-30px;}
header nav ul li:hover .language {max-height: 80px;transition: max-height 0.25s ease-in;}
header nav ul li .language a {display: block;line-height: 10px;}
header nav ul li:last-child:after {transition: all .46s ease-in-out;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #fff;position: absolute;content: "";top: 50px;margin-left: 3px;}
header.active nav ul li:last-child:after {margin-top:-10px;transition: all .46s ease-in-out;}
header nav ul li a img {min-width:25px;}

header.page {height: 225px;background: #004f8a url(../images/page-header.jpg) center center no-repeat;z-index: 999;background-size: cover;}

header.active {background: #0069b4;height: 80px;line-height: 80px;z-index: 99;-webkit-box-shadow: 0px 2px 14px -2px rgba(0,0,0,0.25);-moz-box-shadow: 0px 2px 14px -2px rgba(0,0,0,0.25);box-shadow: 0px 2px 14px -2px rgba(0,0,0,0.25);}
header.active .logo {width: 174px;}
header nav ul li a:hover {
    color: #e2e2e2;
}


.swiper-container {width: 100%;height: 80%;}
.swiper-container h1 {font-weight: 700;font-size: 82px;color: #fff;font-family: 'Roboto Slab';line-height: 1.2;text-shadow: 1.04px 4.891px 13.92px rgba(0, 0, 0, 0.67);}
#home-trick {background: #0069b4;border-bottom: 1px solid #0069b4;}
#home-trick::before {content:"";width: 100%;height:82px;position: absolute;margin-top: -82px;background: #0069b4;z-index: 9;-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);clip-path: polygon(50% 0%, 0% 100%, 100% 100%);}
#home-trick::after {content:"";width: 100%;height:82px;position: absolute;background: #0069b4;z-index: 9;-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);clip-path: polygon(0 0, 50% 100%, 100% 0);}

#home-trick .trick {padding: 20px;border: 1px solid #fff;margin:30px 0;min-height: 425px;overflow: hidden;position: relative;}
#home-trick .trick .head {padding: 20px 0;font-size:20px;color:#fff;font-family: 'Roboto Slab';font-weight: 700;}
#home-trick .trick .content {font-size:17px;color:#fff;font-weight: 300;}
#home-trick .trick .content a {display: block;color: #fff;padding: 3px 10px;font-weight: 700;}
#home-trick .trick:hover .content a {opacity: 1;color:#0069B4;}

#home-trick .trick .reimg {display:none;}
#home-trick .trick:hover img {display:none;}
#home-trick .trick:hover img.reimg {display:inline-block;}
#home-trick .trick:hover {background: #fff;}
#home-trick .trick:hover .head, #home-trick .trick:hover .content {color:#0064aa;}

#home-about {margin-top:130px;}
#home-about p {color:#004f8a;font-size:14px;text-align: justify;}


#mid-content {height:325px;background: #0069b4;position: relative;overflow: hidden;}
#mid-content .overlay {width: 100%;min-height: 100%;position: absolute;background: url(../images/mid-content-img.png) center center no-repeat;background-size: cover;background-color: #0069b4;background-blend-mode: multiply;}
#mid-content .head {font-size:60px;color:#fff;font-family: 'Roboto Slab';font-weight: 700;position: relative;z-index: 9;}
#mid-content .content {font-size: 33px;color: #fff;font-weight: 300;line-height: 1.2;}
#mid-content img {margin-top: 111px;position: absolute;}


footer {background: #004f8a;margin-top:150px;padding: 0 0 30px 0;position: relative;}
footer::before {content:"";width: 100%;height:82px;position: absolute;margin-top: -81px;background: #004f8a;z-index: 9;-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);clip-path: polygon(50% 0%, 0% 100%, 100% 100%);}
footer .catchword {font-size:14px;color:#fff;font-weight: 300;margin:30px 0;}
footer .head {font-size:16px;color:#fff;font-weight: 700;text-transform: uppercase;}
footer .cont {font-size: 14px;color: #fff;font-weight: 300;padding-left: 25px;margin-top: 15px;}
footer .cont div {float:left;margin-left: -25px;}
footer .cont div i {font-size: 22px;margin: 3px 0 0 0;}
footer .cont a {color: #fff;display: block;}
footer .cont.contlr {padding:0;}
footer .cont.contlr.social a {display: inline-block;margin-right: 10px;}
footer .cont.contlr.social a:last-child {margin:0;}
footer .cont.contlr a {margin-bottom:12px;text-transform: capitalize;}
footer .cont input { color: #005e9a;font-weight: 300;padding: 6px;border: 0;width: 75%;float:left;}
footer .cont button {font-size: 13px;color: #005e9a;font-weight: 700;border: 0;background: #fff;display: inline-block;width: 24%;margin-left: 1%;padding: 7px 0;text-transform: uppercase;}
footer .copyright {font-size:12px;color:#fff;font-weight: 300;}


#services {}
#services .area {margin:50px 0;}
#services .area .cont {margin-right: 1%;display: inline-block;float: left;position: relative;width:19%;padding:1%;}
#services .area .cont:last-child {margin:0;}
#services .area .cont.active {padding:0;}
#services .pos-relative {position:relative;}
#services .pos-relative .overlay {width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 100%;background: #0069b4;opacity: 0.4;}

#services .area .cont span.name {font-family: 'Roboto Slab';font-size: 22px;font-weight: 700;color: #004f8a;text-align: center;display: block;margin-top: 20px;}
#services .cont img {width:100%;border-radius: 100%;}
#services .cont.active img {border: 2px solid #0069b4;padding: 2px;}
#services .cont.active .overlay {opacity:0;}
#services .cont:hover {padding:0;}
#services .cont:hover .overlay {opacity:0;}
#services .cont:hover img {border: 2px solid #0069b4;padding: 2px;}
#services .cont a {position: absolute;width: 100%;height:100%;top:0;left:0;z-index: 2;}

#services .content {padding: 150px 0;background-size: cover !important;position: relative;}
#services .content:before {z-index:9;content:"";height: 82px;width: 100%;position: absolute;top: -1px;background: #fff;-webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);clip-path: polygon(100% 0, 0 0, 50% 100%);}
#services .content .right {top:0;width: 50%;height: 100%;position: absolute;right: 0;background: #ffffff;opacity: 0.8;}
#services .content .text {padding-left:30px;}
#services .content .text a {font-weight: 700;color: #004f8a;text-decoration: underline;}
#services .content .text ul li {list-style-type: disc;margin: 0 0 10px 18px;font-size: 16px;color: #004f8a;font-weight: 700;}

.tabgroup {margin-top:25px;}
ul.tabs li {float:left;margin-right:15px;}
ul.tabs li:last-child {margin:0;}
ul.tabs li a {font-weight: 700;font-size: 16px;color: #004f8a;padding: 0 4px 2px;border:1px solid transparent;text-transform: capitalize;}
ul.tabs li a.active {border:1px solid #004f8a;}
span.data {display: inline-block;color:#004f8a;font-size:16px;margin-left:35px;}
span.data a {color:#004f8a;font-size:16px;}
img.icon-left {position: absolute;top: 50%;transform: translateY(-50%);}


#contact ul.seko li {color:#004f8a;font-size:16px;margin:0 5px 10px 0;text-transform: capitalize;}
#contact h2 {margin-bottom:20px;text-transform: capitalize;}

#contact form input, #contact form textarea {font-size: 16px;color: #004f8a;border: 1px solid #004f8a;padding: 10px;margin-bottom: 20px;border-radius: 10px;display: block;width: 100%;}

#contact input::placeholder, #contact textarea::placeholder {color: #004f8a;opacity: 1;}
#contact input:-ms-input-placeholder, #contact textarea:-ms-input-placeholder {color: #004f8a;}
#contact input::-ms-input-placeholder, #contact textarea::-ms-input-placeholder {color: #004f8a;}
#contact button {color: #004f8a;font-weight: 700;background: none;border: 1px solid #004f8a;border-radius: 10px;padding: 10px;min-width: 170px;text-transform: uppercase;}
#contact #map {margin-top:60px;}


#news h3 {font-size:24px;color:#004f8a;font-weight: 700;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#news .news-content {margin-bottom:30px;}
#news .news-content .footer a.button {width: 100%;font-size: 18px;color: #004f8a;border: 1px solid #004f8a;margin-top: 7px;display: block;padding: 6px;text-align: center;}
#news .news-content .footer a.button:hover {box-shadow: 0.416px 1.956px 9px 0px rgba(0, 0, 0, 0.43);}
#news .news-content .footer p {font-size: 18px;font-weight: 300;}
#news .news-content .footer .date {font-weight: 700;color: #004f8a;margin: 5px 0;}
#sidebar .head {font-family: 'Roboto Slab';font-weight: 700;color: #004f8a;font-size: 24px;}
#sidebar ul {margin:10px 0 20px 0;}
#sidebar ul li a {color: #004f8a;font-size: 18px;font-weight: 300;}
#sidebar {border: 1px solid #004f8a;padding: 15px;margin-top: 54px;}

#fields-activity figure.snip1321 {width:20%;float:left;margin:0;}
#fields-activity figure.snip1321 h4 {color: #366d9c;font-size: 18px;margin:20px 0;}
#fields-activity figure.snip1321:after {background: #fff !important;opacity:0.8;}
#fields-activity figure.snip1321 img {opacity:.3;}
#fields-activity figure.snip1321:hover img {opacity:1;}
#fields-activity #blueback {background: #0069b4;}



.display{
    width:100%;
    height:auto;
    margin:0 auto;
}

.display img{
    width:100%;
    height:auto;
    padding:5px 0;
}

.thumbs{
    list-style:none;
    width:100%;
    margin:0 auto;
}

.thumbs li{
    display:inline-block;
    padding:4px 4px 4px 4px;
}

.thumbs img{
    width:85px;
    cursor:pointer;
    padding:4px;
}
.thumbs a.active img {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.21);
}


#product-details {margin-top:243px;}
#product-details .breadcrumb {background-color:#fff;}
#product-details .breadcrumb li {float:left;margin-right:10px;margin-left:0;color:#004f8a;font-size:16px;list-style-type:none;}
#product-details .breadcrumb li a {color:#004f8a;font-size:16px;font-weight: 700;text-transform: capitalize;}
#product-details .breadcrumb li:after {content:">";margin-left:10px;}
#product-details .breadcrumb li:last-child:after {display:none;}
#product-details li {font-size: 16px;color: #004f8a;list-style-type: disc;margin-left: 20px;}

.styled-select {
    height: 29px;
    overflow: hidden;
    width: 100%;
}

.styled-select select {
    background: transparent;
    border: none;
    font-size: 14px;
    height: 29px;
    padding: 5px; /* If you add too much padding here, the options won't show in IE */
    width: 100%;
}

.styled-select.slate {
    height: 34px;
    width: 100%;
}

.styled-select.slate select {
    border: 1px solid #004f8a;
    font-size: 16px;
    height: 34px;
    width: 100%;
    color: #004f8a;
	text-transform:uppercase;
}
.hamburger-menu {
    position: fixed;
    top: 34px;
    right: 19px;
    margin: auto;
    width: 50px;
    height: 33px;
    cursor: pointer;
    z-index:9999;
}
.hamburger-menu.active {top:24px;}
.bar,
.bar:after,
.bar:before {
    width: 50px;
    height: 3px;
}

.bar {
    position: relative;
    transform: translateY(15px);
    background: #fff;
    transition: all 0ms 300ms;
}
.bar.animate {
    background: rgba(255, 255, 255, 0);
}

.bar:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 15px;
    background: #fff;
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar:after {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    background: #fff;
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar.animate:after {
    top: 0;
    transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar.animate:before {
    bottom: 0;
    transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}


#mobile-menu {width: 70%;height: 100%;position: fixed;top: 0;right: -100%;z-index: 999;background: #004f8a;}
#mobile-menu.active {right:0;}
#mobile-menu ul {padding: 0 10%;}
#mobile-menu ul li {margin: 5px 0;}
#mobile-menu ul li a {font-size: 18px;color: #fff;font-weight: 700;padding:3px;display: block;text-transform: uppercase;}
#mobile-menu .language {position: absolute;top: 0;left:0;background: #fff;}
#mobile-menu .language a {display: inline-block;padding: 5px;margin-right: 5px;}
#mobile-menu .language img {border: 1px solid #004f8a;}


a.cataloghref {
	width: 150px;
    height: 150px;
    overflow: hidden;
    display: inline-block;
    background: #004f8a;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 20px;
    text-align: center;
    line-height: 22px;
    position: fixed;
    right: 0;
    z-index: 9999;
    top: 50%;
    margin-top: -75px;
}
a.cataloghref img{
	    display: block;
		margin: 5px auto 0;
		width:30px;
}


@media only screen and (max-width: 1024px) {
    header nav ul li {margin-right:10px;}
    header nav ul li a {font-size:12px;}
    .swiper-container h1 {font-size:48px;}
    #home-trick .trick .content {font-size:15px;}
    #mid-content .head {font-size:48px;}
    #mid-content .content {font-size:33px;}
    #fields-activity figure.snip1321 h4 {font-size:16px;}
    ul.tabs li {margin-right:8px;}
    ul.tabs li a {font-size: 14px;}
}
@media only screen and (max-width: 800px) {
    .tablet-hidden {display:none;}
    .tablet-visible {display:block;}
    .swiper-container h1 {font-size:48px;}
    #home-trick .trick .content {font-size:15px;}
    h2 {font-size:22px;}
    #mid-content .head {font-size: 36px;}
    #mid-content .content {font-size: 24px;}
    #mid-content img {margin-top: 0;position: absolute;right: 0;opacity: 0.6;}
    #fields-activity figure.snip1321 {width: 33%;}
    #fields-activity figure.snip1321 h4 {font-size:18px;}
    #services .area .cont span.name {font-size:18px;}
    #services .content .right {width: 100%;}
    figure.snip1321 h4 {font-size:16px;}
    body.page h1 {font-size:30px;}
    body.page p {font-size:14px;}
    #news .news-content {width:48%;float:left;margin:1%;}
    #news h3 {font-size:18px;}
    #news .news-content .footer p {font-size:14px;}
    #news .news-content .footer a.button {font-size:16px;}
    span.data {font-size:14px;}
    #contact ul.seko li {font-size:14px;}
    #contact form input, #contact form textarea {font-size: 14px;padding: 8px;margin-bottom: 10px;}
	a.cataloghref {position:relative;margin: 0 auto;z-index: 0;display: block;}
}
@media only screen and (max-width: 700px) {
    .mobile-hidden {display:none;}
    .mobile-visible {display:block;}
    .swiper-container h1 {font-size:28px;}
    #home-trick .trick .head {font-size:16px;}
    #home-trick .trick .content {font-size:14px;}
    h2 {font-size:24px;}
    h5 {font-size: 18px;}
    #home-about p {font-size:14px;}
    #mid-content .head {font-size:30px;}
    #mid-content .content {font-size:26px;}
    #fields-activity figure.snip1321 h4 {font-size:14px;}
    footer img.logo {width:50%;}
    footer .head {font-size:14px;}
    footer .catchword {margin: 30px 0 0;font-size:12px;}
    footer .cont {font-size:12px;}
    footer .cont button {padding:6px 0;}
    .t-m-left {text-align:left !important;}
    footer .cont input {font-size:13px;}
    body.page h1 {font-size: 26px;}
    #services .area .cont {width:32%;}
    #services .area .cont span.name {font-size:14px;}
    #services .content .right {width:100%;}
    body.page p {font-size:14px;}
    figure.snip1321 h4 {font-size:14px;}
    #product-details .breadcrumb li a, #product-details .breadcrumb li {font-size:14px;}
    #news h3 {font-size:16px;}
    #news .news-content .footer p {font-size:14px;}
    #news .news-content .footer a.button {font-size:14px;}
    #sidebar .head {font-size:16px;}
    #sidebar ul li a {font-size:14px;}
    ul.tabs li {width:100%;margin-right:0;}
    ul.tabs li a {display: block;}
    span.data, span.data a {font-size:12px;}
    #contact .mtop18 {margin-top:0;margin-bottom:20px;}
    #contact h2 {font-size:16px;}
    #contact ul.seko li {font-size:12px;}
    #contact form input, #contact form textarea {font-size:12px;padding: 5px;margin-bottom: 5px;}
    #contact button {padding:5px;width:100%;}
    #contact #map {margin:0;}
    #fields-activity figure.snip1321 {width: 49% }
    #fields-activity figure.snip1321 i img {max-width:50%;}
    #home-trick .trick {min-height: auto;}
}