@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&subset=latin-ext);
*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box;text-shadow:1px 1px 1px rgba(0,0,0,.004);outline:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
a,img{outline:0;text-decoration:none}
a{cursor:pointer;color:#45494e;-webkit-transition:all .1s ease;transition:all .1s ease}
b,strong{font-weight:800}
input{-webkit-border-radius:0;border-radius:0}
body,html{width:100%;margin:0;padding:0}
body{font-family:'Source Sans Pro',sans-serif;font-size:1.2rem;overflow:hidden;overflow-y:scroll;color:#333e48}
.ui-tooltip{width:auto;text-align:center;background-color:#000!important;box-shadow:none!important;padding:.2rem!important;border:1px solid #222!important}
.ui-tooltip-content{position:relative;padding:.2rem;font-weight:600;font-size:.9rem;opacity:1!important;color:#fff}
@media (max-width:1024px){
.ui-tooltip{display:none!important}
}
button,input,textarea{font-family:'Source Sans Pro',sans-serif}
.clearfix{clear:both}
.loading{display:block;position:fixed;z-index:999999999999!important;top:0;left:0;color:#fff;padding:0;width:100vw;height:100vh;background-color:rgba(52,58,64,.8)}
.loader{width:90px;height:90px;border:3px solid rgba(255,255,255,.1);border-bottom:3px solid transparent;border-radius:50%;position:relative;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;display:flex;justify-content:center;align-items:center;margin:20% auto}
.loader .inner{width:64px;height:64px;border:3px solid transparent;border-top:3px solid #45494e;border-radius:50%;-webkit-animation:spinInner 1s linear infinite;animation:spinInner 1s linear infinite}
.loader.small{width:50px;height:50px;margin:10% auto;border:3px solid rgba(113,113,113,.3);border-bottom:3px solid transparent}
.loader.small .inner{width:36px;height:36px;border:3px solid transparent;border-top:3px solid #2d3236}
@media (max-width:1024px){
.loader{margin:18rem auto}
}
@-webkit-keyframes spin{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes spin{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@-webkit-keyframes spinInner{
0%{transform:rotate(0)}
100%{transform:rotate(-720deg)}
}
@keyframes spinInner{
0%{transform:rotate(0)}
100%{transform:rotate(-720deg)}
}
.input,.textarea{background-color:#4f4f4f;padding:8px;width:100%;font-family:arial;font-size:.6rem;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);-webkit-border-radius:3px;border-radius:3px;-webkit-appearance:none;appearance:none;border:0;outline:0;-webkit-transition:.3s ease all;-moz-transition:.3s ease all;-ms-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all}
select{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>");background-color:#4f4f4f;background-repeat:no-repeat;background-position:right 10px top 12px;background-size:12px 12px;padding:8px;width:100%;font-family:arial;font-size:.6rem;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);-webkit-border-radius:3px;border-radius:3px;-webkit-appearance:none;appearance:none;border:0;outline:0;-webkit-transition:.3s ease all;-moz-transition:.3s ease all;-ms-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all}
select:active,select:focus{border:0;outline:0}
select:hover{background-color:#535353}
#container{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto}
.container{display:block;width:100%;overflow:hidden}
.container .wrapper{display:block;width:90%;margin:0 auto}
@media (max-width:1024px){
.container .wrapper{width:95%}
}
header{display:block;width:100%;margin:0;padding:0;-webkit-transition:.1s;transition:.1s;position:fixed;top:0;z-index:15;}
header .wrapper{display:block;width:90%;margin:0 auto;max-height:250px;position:relative;transition:.3s}
header .header{display:block;width:90%;margin:0 auto;position:relative}
header.sticky .wrapper{max-height:0;overflow:hidden}
@media (max-width:1024px){
header{top:0;overflow:hidden}
header .header{width:100%}
header.sticky{top:0;position:absolute}
}

.logo{width:300px;height:105px;margin:0;display:block;overflow:hidden;transition:.1s;cursor:pointer;background-position:center center;background-repeat:no-repeat;background-image:url("../images/logo.png");background-size:90%; float: left;}
@media (max-width:1024px){
.logo{width:175px;height:70px;background-size:100%;}
}
.upper-right{display:block;position:absolute;right:5%;top:1.7rem }
@media (max-width:1024px){
.upper-right{display:block;float:right;margin:0}
}

.social-feed{display:block;overflow:hidden;float:left}
.social-feed a{display:inline-block;width:2rem;height:3rem;line-height:3rem;text-align:center;margin:0;overflow:hidden;position:relative;background-repeat:no-repeat;background-position:center center;background-size:20px;color:#111;border-radius:.4rem;font-size:1.7rem}
.social-feed a:hover{filter:brightness(120%)}
.social-feed a.social_facebook:hover{color:#4b69b1}
.social-feed a.social_twitter:hover{color:#37b1e2}
.social-feed a.social_instagram:hover{color:#cf3053}
.social-feed a.social_youtube:hover{color:red}
.social-feed.footer-social{float:none}
.social-feed.footer-social a{width:auto;height:auto;line-height:auto;font-size:2.2rem;margin:0 1rem 0 0;color:#eee}
@media (max-width:1440px){
.social-feed{display:none}
.social-feed.footer-social{display:block}
}

.toggleMenu{background-color:#45494e;color:#fff!important;z-index:10000;text-align:center;overflow:hidden;width:50px;height:51px;line-height:50px;-webkit-transition:.5s;transition:.5s;opacity:1;display:none;font-family:FontAwesome;float:right;margin:0;font-size:2rem;position:fixed;top:0;right:0}
.toggleMenu:before{content:"\f0c9"}
.toggleMenu.toogle_hover:before{content:"\f00d"}
header.sticky .toggleMenu{background-color:#45494e;color:#fff!important}
nav{margin:0;padding:0;display:block}
header.sticky nav{background-color:#555}
.nav{margin:1.4rem;padding:0;list-style:none;position:relative;z-index:250; float: left;}
.nav:after,.nav:before{content:"";display:table}
.nav:after{clear:both}
.nav>li{display:inline-block;padding:0;margin:0;position:relative}
.nav li a{display:block;font-size:1.3rem;margin:0;font-weight:700;padding:1rem .6rem;color:#111;position:relative}
.nav li a img{position:absolute;left:-2.4rem;top:.4rem}
.nav>li:hover>a{color:#111; border-bottom: 4px solid #45494e; opacity:1}
.nav li:hover>a:before{height:.4rem}
.nav li ul{position:absolute;list-style:none;width:275px;display:none;margin:0;padding:0;transition:.3s}
.nav li:hover>ul{display:block}
.nav li li li:hover ul,.nav li li:hover ul{display:block;top:0;padding:0}
.nav li li{border:none;margin:0;padding:0;position:relative}
.nav li li a{display:block;background:#45494e;height:auto;color:#fff;padding:1rem;font-size:1rem;text-align:left}
.nav li li:last-child a{border-bottom:0}
.nav li li li a{display:block;background:#7c7c7c;font-size:.8rem;height:auto;color:#fff;padding:0 15px;text-align:left;line-height:40px;font-weight:300}
.nav li ul li a:hover,.nav li ul li:hover>a{color:#fff; filter: brightness(110%);}
@media (max-width:1024px){
nav{display:block;overflow:hidden;height:auto;background:0 0;margin:0;padding:0}
.nav{width:250px;height:100%;min-height:100%;margin:0;padding:0;position:fixed;display:none;overflow:hidden;z-index:9999999;top:0;left:0;background:#fff;overflow-y:auto;border-right:1px solid #dedede}
.nav>li{width:100%;display:block;padding:0;margin:0;position:relative;border-bottom:1px solid #eee}
.nav>li>a.parent:after{color:#45494e;float:right;font-size:.8rem;position:absolute;right:1rem;top:.2rem}
.nav>li a{display:block;color:#444;font-size:1.1rem;height:50px;padding:0 20px;line-height:50px;text-align:left;font-weight:800;transition:.3s;-webkit-transition:.3s;border-bottom:0}
.nav li:hover>a{background:#444;color:#45494e}
.nav li a:hover{color:#fff}
.nav li ul{list-style:none;width:100%;position:static;margin:0;padding:0}
.nav li ul li{border:none;margin:0;padding:0;position:relative}
.nav li ul li a{color:#fff;padding:0 1.3rem;font-weight:500;height:auto;font-size:1rem;background:#444;border-bottom:0}
.nav li li.hover ul,.nav li.hover>ul{position:static}
}

.slider_banner{display:block;width:100%;height:100vh;overflow:hidden;margin:0;position:relative;z-index:0}
@media (max-width:1024px){
.slider_banner{height:100vh; margin:0 }
}
.scrollbutton{position:absolute;width:50%;bottom:0; left: 30%; margin: 0 0 0 -100px; z-index:2;-webkit-transition:.3s;transition:.3s;-webkit-transform:scale(1);transform:scale(1);display:block}
.scrollbutton .scrolldown{width:100px;height:100px;margin:0 auto;text-align:center;overflow:hidden;display:block;padding:0;background-image:url("../svg/arrow.svg");background-repeat:no-repeat;background-position:center center;background-size:3rem;animation:arrowDown .8s infinite;transform:translateY(0); background-color: #45494e;}
@media (max-width:1024px){
.scrollbutton{left: 50%; margin: 0 0 0 -100px;}
.scrollbutton .scrolldown{background-size:2rem}
}
@keyframes arrowDown{
0%{transform:translateY(20px);opacity:.3}
100%{transform:translateY(0);opacity:1}
}

.banner{width:100%;margin:0;padding:0}
.banner .owl-item{margin:0!important;padding:0!important;overflow:hidden}
.banner .owl-item img{width:100%; height: 100vh; vertical-align:bottom}
.banner .owl-item img.desk{ display: block;}
.banner .owl-item img.mobile{ display: none;}
.banner .owl-nav span{display:none}
.banner .owl-nav .owl-next,.banner .owl-nav .owl-prev{font-size:2rem!important;width:4rem;height:4rem;border-radius:.2rem;background-color:#45494e!important}
.banner .owl-nav .owl-prev:before{font-family:FontAwesome;content:"\f104"}
.banner .owl-nav .owl-next:after{font-family:FontAwesome;content:"\f105"}
.banner .owl-nav button.owl-prev{left:auto;right: 7rem;}
.banner .owl-nav button.owl-next{right:2rem}
.banner .owl-nav button{position:absolute;top:95%;transform:translateY(-95%);color:#fff!important}
@media (max-width:1024px){
.banner .owl-nav button{top:80%;display:none}
.banner .owl-item img.desk{ display: none;}
.banner .owl-item img.mobile{ display: block;}
}

.caption{width:100%;height:100%;margin:0; padding: 10% 0 0 5.5%; z-index:999;position:absolute;top:0;color:#111; background-image:radial-gradient(#666 1%,transparent 1%);background-size:4px 4px }
.caption:before{ content: ""; position: absolute; width: 150vw; height: 100vh; top:-10%; left: -90%; transform: skewX(-70deg); display: block; background-color: rgba(255, 255, 255, 1); box-shadow: 0 5px 15px #666; }
.caption-desc,.caption-link,.caption-title{width:40%;display:block;overflow:hidden;color:#111;padding:0;margin:0;position:relative;line-height:110%;opacity:0}
.caption-title{font-size:4rem;font-weight:800;animation:title .2s .4s linear forwards}
.caption-desc{font-size:1.2rem;font-weight:300;padding:1rem 0;animation:desc .2s .5s linear forwards}
.caption-link{display:block;padding:2rem 0;opacity:0;animation:link .2s .6s linear forwards}
.caption-link a{display:block;max-width:300px;margin:1rem 0;padding:1.2rem 1rem;background-color:#45494e; color:#fff!important;font-weight:700;font-size:1.4rem;position:relative;text-align:center;border-radius:.4rem;clear:both}
.caption-link a:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-top-color:#45494e;border-width:25px;margin-left:-25px}
@media (max-width:1120px){
.caption{padding:40% 10% 0 10%; background-image: none;}
.caption:before{ content: ""; position: absolute; width: 150vw; height: 110vh; top:-10%; left: -90%; transform: skewX(-35deg); display: block; background-color: rgba(255, 255, 255, 1); box-shadow: 0 5px 15px #666; }
.caption-desc,.caption-title{width:100%}
.caption-title{font-size:4rem}
.caption-desc{font-size:1rem; padding:1rem 0 0 0; font-weight: 500;}
.caption-link{display:block;width:175px;margin:0}
.caption-link a{width:100%;font-size:.8rem; margin: 0;}
}
@keyframes title{
from{opacity:0}
to{opacity:1}
}
@keyframes desc{
from{opacity:0}
to{opacity:1}
}
@keyframes link{
from{opacity:0}
to{opacity:1}
}

.headline{width:100%;margin:1rem auto;display:block;text-align:center;overflow:hidden}
.headline:before{content:"";display:block;width:6rem;height:.5rem;background-color:#45494e;margin:1rem auto;border-radius:10rem}
.headline h1,.headline h2,.headline h3,.headline h4{margin:0;padding:0;line-height:115%}
.headline h1{font-size:3.2rem;color:#2d3236;font-weight:700}
.headline h2{font-size:1.2rem;width:75%;margin:1rem auto;font-weight:300;color:#2d3236}
.headline h3{font-size:3.2rem;color:#2d3236;font-weight:700}
.headline h4{font-size:1.2rem;margin:1rem auto;font-weight:300;color:#2d3236}
.headline p{margin:.6rem 0;padding:0}
.headline.text-light *{color:#fff}
.headline.text-light:before{background-color:#45494e}
.headline.text-light:after{background-color:#45494e}
.headline.text-left{text-align:left}
.headline.text-left:before{margin:1rem 0}
@media (max-width:1024px){
.headline{width:100%;margin:auto}
.headline h3{font-size:2.6rem}
.headline h4{font-size:1rem}
.headline h5{font-size:2.6rem}headline
.headline h6{font-size:1rem}
}

.readmore{display:block;max-width:300px;margin:3rem 0;padding:1.2rem 1rem;background-color:#111; color:#fff!important;font-weight:700;font-size:1.4rem;position:relative;text-align:center;border-radius:.4rem;clear:both}
.readmore:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-top-color:#111;border-width:25px;margin-left:-25px}
.readmore.align-center { margin: 3rem auto;}
@media (max-width:1024px){
.readmore{margin:2.5rem auto}
}
.section{width:100%;margin:0;padding:3rem 0;overflow:hidden}
.section .wrapper{width:1280px;text-align:center}

.section99{padding:0;margin:0; height: 125px; background-color: #eee; border-bottom: 1px solid #dedede;}
.section99 .wrapper{width:100%;text-align:left}
@media (max-width:1024px){
    .section99{height: 160px;}
}

.section5{background-color:#fff; padding:4% 0;}
.section5 .wrapper{width:90%}
.gallery{display:block;margin:4rem 0 0 0;padding:0;}
.gallery .owl-item{margin:0!important;padding:0 1rem!important}
.gallery .owl-item a{display:block;width:100%;background-color:#fff;padding:0;border:1px solid #dedede}
.gallery .owl-item img{width:100%;vertical-align:bottom;filter:grayscale(0)}
.gallery .owl-nav span{display:none}
.gallery .owl-nav .owl-next,.gallery .owl-nav .owl-prev{font-size:2rem!important;color:#333; }
.gallery .owl-nav .owl-prev:before{font-family:FontAwesome;content:"\f104"}
.gallery .owl-nav .owl-next:after{font-family:FontAwesome;content:"\f105"}
.gallery .owl-nav button.owl-prev{left:-2.5rem}
.gallery .owl-nav button.owl-next{right:-2.5rem}
.gallery .owl-nav button{position:absolute;top:45%;transform:translateY(-50%);color:#333!important;}
@media (max-width:1024px){
.section5{padding:3rem 0 0 0}
.section5 .wrapper{width:90%}
}

.section1{padding:0;margin:0; }
.section1 .wrapper{width:100%; display: flex; flex-wrap: nowrap; flex-direction: row-reverse;  text-align: left;}
.about{width:100%;padding:5% 25%;margin:0;color:#fff;position:relative; background:#45494e url(../images/about.png) top center no-repeat; background-size: cover;}
.about h3{font-size:4rem; font-weight: 800; color: #fff;}
@media (max-width:1024px){
.section1{padding:0;margin:0}
.about{width:100%;padding:2rem}
.about h3{font-size:3.2rem;}
}

.section3{background-color:#fff; padding: 5% 0; background: url(../images/about.png) 0 0 repeat; background-size: 100%;}
.section3 .wrapper{width:95%;}

.block{display:block;overflow:hidden}
.block-col{display:flex;flex-wrap:wrap;justify-content:space-between;margin:5% 0 0 0; position: relative; overflow: hidden;}
.block-col:nth-child(2n+0){flex-direction:row-reverse}
/* .block-col:after{ content: ""; width: 48%; height: 100%; position: absolute; top: 0; z-index: 10; background-image: url(../images/icon.png); background-repeat: no-repeat; background-position: center; background-size: 250px; background-color: rgba(0,0,0,.6);} */

.block-left{width:48%; position: relative; overflow: hidden;}
.block-image{width:100%;vertical-align:bottom;filter:brightness(100%); border: 1px solid #ccc;}
.block-right{width:48%;padding:3% 5%;text-align:left}
.block-title{display:block;margin:0;padding:.6rem 0;border-radius:.2rem;font-weight:700;font-size:2rem;color:#1a2227;text-shadow:0 0 2px #fff}
.block-title:before{content:"";display:block;float:left;width:3rem;height:3rem;background-color:#45494e;margin:0 1rem 0 0; border-radius: 50%;}
.block-summary{display:block;margin:1rem 0 0 0;font-size:1.2rem}
.block-col:nth-child(2n+0) .block-right{text-align:right}
.block-col:nth-child(2n+0) .block-title:before{margin:0 0 0 1rem;float:right}
@media (max-width:1024px){
.section2 .wrapper{width:90%}
.block-col{margin:3rem 0}
.block-col:after{ content: ""; width: 100%; height: 41%; position: absolute; top: 0; z-index: 10; background-image: url(../images/icon.png); background-repeat: no-repeat; background-position: center; background-size: 150px; background-color: rgba(0,0,0,.6);}
.block-left{width:100%}
.block-right{width:100%}
.block-title{font-size:2rem}
.block-summary{font-size:1rem}
}

.section6{padding:4rem 0;background-color:#1a2227}
.section6 .wrapper{width:70%;display:block}
@media (max-width:1024px){
.section6 .wrapper{width:90%}
}
.heading{width:100%;margin:2rem auto;display:block;text-align:center;overflow:hidden}
.heading:before{content:"";display:block;width:6rem;height:.4rem;background-color:#45494e;margin:1rem auto;border-radius:10rem}
.heading h1,.heading h2{margin:0;padding:0;line-height:115%}
.heading h1{font-size:3rem;color:#2d3236;font-weight:700}
.heading h2{font-size:1.2rem;width:75%;margin:1rem auto;font-weight:300;color:#2d3236}
@media (max-width:1024px){
.heading{margin:0 auto}
.heading h1{font-size:2rem}
}

.section9{background-color:#eee; padding: 5% 0; border-top: 1px solid #dedede;}
.section9 .wrapper{width:85%}
.news{display:block;margin:4rem 0;padding:0;text-align: left;}
.news .owl-item{margin:0!important;padding:0 2rem!important}
.news .owl-item a{display:block;max-width:200px;margin:3rem 0;padding:1.2rem 1rem;background-color:#45494e; color:#fff!important;font-weight:700;font-size:1.4rem;position:relative;text-align:center;border-radius:.4rem;clear:both}
.news .owl-item a:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-top-color:#45494e;border-width:25px;margin-left:-25px}
.news .owl-item img{width:100%;vertical-align:bottom;filter:grayscale(0); border: 1px solid #ccc;}
.news .owl-nav span{display:none}
.news .owl-nav .owl-next,.news .owl-nav .owl-prev{font-size:2rem!important;color:#2d3236}
.news .owl-nav .owl-prev:before{font-family:FontAwesome;content:"\f104"}
.news .owl-nav .owl-next:after{font-family:FontAwesome;content:"\f105"}
.news .owl-nav button.owl-prev{left:-2rem}
.news .owl-nav button.owl-next{right:-2rem}
.news .owl-nav button{position:absolute;top:45%;transform:translateY(-50%);color:#2d3236!important}
@media (max-width:1024px){
.section9{padding:3rem 0 0 0}
.section9 .wrapper{width:90%}
}


.news-blog{width:100%;margin:2rem 0;padding:0;display:block;font-weight:600}
.news-blog li{display:block;float:left;width:23%;padding:.6rem;margin:0 2.6% 2.6% 0;transition:.3s linear;position:relative;overflow:hidden;background-color:#fff;border:1px solid #dedede;border-radius:.1rem;box-shadow:0 0 0rem #ccc}
.news-blog li img{width:100%}
.news-blog li:nth-child(4n+0){float:right;margin:0 0 2.5% 0}
.news-blog li a{width:100%;padding:0;display:block;overflow:hidden;text-align:center;position:relative}
.news-blog li:hover{border:1px solid #ccc}

.news-data{display:block;text-align:left;border-top:0 solid #dedede;padding:1rem 1rem 2rem 1rem;text-align:center}
.news-data span{display:block;font-size:1rem;pointer-events:none!important}
.news-data span a{color:#999!important;pointer-events:none!important}
.news-data span.name{font-weight:600;font-size:1.4rem}
.news-data span.summary{font-size:1rem;color:#999!important;pointer-events:none!important}


.section8{padding:2rem 0;background-color:#fff}
.section8 .wrapper{width:80%;display:block;text-align:left}
@media (max-width:1024px){
.section8{padding:2rem 0;background-color:#fff}
.section8 .wrapper{width:90%;display:block;text-align:left}
}
.products{width:100%;margin:2rem 0;padding:0;display:block;font-weight:600}
.products li{display:block;float:left;width:23%;padding:.6rem;margin:0 2.6% 2.6% 0;transition:.3s linear;position:relative;overflow:hidden;background-color:#fff;border:1px solid #dedede;border-radius:.1rem;box-shadow:0 0 0rem #ccc}
.products li img{width:100%}
.products li:nth-child(4n+0){float:right;margin:0 0 2.5% 0}
.products li a{width:100%;padding:0;display:block;overflow:hidden;text-align:center;position:relative}
.products li:hover{border:1px solid #ccc}
.products li:hover button{display:block}
.badge{width:120px;height:55px;line-height:75px;text-align:center;position:absolute;top:-10px;left:-42px;color:#fff;font-size:1rem;font-weight:700;transform:rotate(-45deg);z-index:10}
.badge.new{background-color:#45494e}
.badge.discount{background-color:#e71926}
.data{display:block;text-align:left;border-top:0 solid #dedede;padding:1rem 1rem 2rem 1rem;text-align:center}
.data span{display:block;font-size:1rem;pointer-events:none!important}
.data span a{color:#999!important;pointer-events:none!important}
.data span.name{font-weight:600;font-size:1.4rem}
.data span.code,.data span.code a{font-size:1rem;color:#999!important;pointer-events:none!important}
.data span.price{font-size:2rem;color:#e71926;color:#2d3236}
.data span.price i{font-size:1rem;display:inline-block;height:31px;vertical-align:middle;font-weight:300;text-decoration:line-through;color:#666}
.process{display:block;padding:0;min-height:50px}
.process button{display:none;cursor:pointer;font-size:1.2rem;border-radius:.4rem;border:none;padding:1rem .6rem;margin:0;background-color:#45494e;color:#fff;width:100%;position:absolute;bottom:1.4%;width:94%;z-index:10;font-weight:700}
.process button i{margin:0 1rem 0 0}
@media (max-width:1024px){
.section3 .wrapper{width:90%}
.products{display:flex;flex-wrap:wrap;justify-content:space-between}
.products li{display:block;width:48%;float:none;margin:0 0 3% 0}
.products li:nth-child(4n+0){float:none;margin:0 0 3% 0}
.badge{font-size:.8rem}
.data span.name{font-weight:600;font-size:1.2rem}
.process button{display:block;font-size:.9rem;padding:1rem 0;bottom:1.4%;width:89%}
}
aside{width:40%;float:left;display:block;margin:2rem 0}
aside>a{display:block}
aside>a>img{width:100%;vertical-align:bottom;border:2px solid #dedede}
main{width:55%;float:right;display:block;margin:2rem 0 0 0}
.table{display:table;padding:0;width:100%;overflow:hidden;border:0 solid #eee;border-collapse:collapse}
.tr{display:table-row;width:auto;padding:3px 5px}
.td{display:table-cell;width:auto;vertical-align:top;padding:.6rem .2rem;font-size:1.1rem;border-bottom:0 solid #eee}
.modImage{width:100px;border:1px solid #eee;float:right}
.th{padding:10px 5px;font-size:1.3rem}
.td.first{width:180px}
.table-fixed-layout{table-layout:fixed}
@media (max-width:1120px){
.td{font-size:1.3rem}
.th{font-size:1.3rem}
}
@media (max-width:480px){
.tr{padding:3px 5px}
.td{display:table-cell;width:25%;vertical-align:top;padding:5px;font-size:1rem!important}
.th{padding:10px 5px;font-size:1.2rem}
.td.first{width:100px}
.table-fixed-layout{table-layout:unset}
}

.videos { display: flex; flex-wrap: wrap; justify-content: space-between;}
.videos iframe{width:49%; height: 450px; margin: 1rem 0; border: 1px solid #ccc;}


.button{cursor:pointer;border:none;overflow:hidden;padding:1rem;font-weight:700;font-size:1.2rem!important;color:#fff;border-radius:.4rem}
.button:hover{opacity:.9}
.button-icon{font-size:1.4rem;height:25px;margin-right:5px;float:left}
.button-icon-data{font-size:1.8rem;float:left}
.button-comment{display:block;width:150px;margin:0 auto}
.button-exit{display:block;width:180px;margin:0}
.btngroup{display:flex;flex-wrap:wrap;justify-content:space-between}
.btngroup button{width:49%;margin:0 0 .6rem 0}
.btn-red{background-color:#eb6020}
.btn-dark{background-color:#111}
.btn-light{background-color:#dedede}
.btn-lightgray{background-color:#5c5c5c}
.btn-blue{background-color:#1a93f7}
.btn-green{background-color:#68a11d}
.btn-white{background-color:#fff}
.btn-transparent{background-color:transparent}
.btn-disabled{background-color:#dedede}
.btn-active{background-color:#eb6020}
.btn-margin{margin:10px 0}
.btn-margin2{margin:0 0 10px 0}
.btn-fill{width:100%}
.btn-large{padding:10px 15px;font-size:1.2rem}
.btn-small{padding:3px 10px}
.btn-icon{padding:5px 7px;font-size:1rem;height:30px;margin-right:5px;float:left}
.btn-radius{border-radius:3px!important;-webkit-border-radius:3px!important;-moz-border-radius:3px!important;-ms-border-radius:3px!important;-o-border-radius:3px!important}

.photos{display:flex;flex-wrap:wrap;margin:2rem 0}
.photos-col{width:24%;display:block;margin:0 1% 2% 0;position:relative;overflow:hidden}
.photos-col img{width:100%;vertical-align:bottom;transition:.2s;border:1px solid #dedede}
.photos-col:hover img{filter:brightness(110%)}

.downloads{width:100%;display:flex;flex-wrap:wrap}
.downloads a{width:48%;position:relative;overflow:hidden;margin:0 2% 2% 0;padding:25px;display:block;float:left;border:1px solid #dedede;color:#444;background-color:#fff}
.downloads a:nth-child(3){float:right;margin:0 0 2% 0}
.downloads a h3{width:100%;padding:0;margin:0;display:block;font-size:1.4rem}
.downloads a p{width:100%;padding:0;margin:0;display:block;font-size:1rem;line-height:100%}
.downloads a span{width:60px;height:60px;line-height:60px;display:block;margin:0 3% 0 0;float:left;border:1px solid #eee;border-radius:0;color:#fff;font-size:2rem;overflow:hidden;position:relative;background-color:#ee2d34;text-align:center;transition:.3s}
.downloads a:hover span{transform:scale(.9) rotate(90deg);border-radius:50%}
.downloads a span i{position:absolute;display:block;width:100%;height:100%;line-height:60px}
.downloads a:hover span i{animation:arrow 1s forwards}
@media (max-width:1024px){
.downloads a{width:100%;margin:0 0 2% 0}
}
@keyframes arrow{
0%{left:0}
10%{left:25%}
20%{left:0}
30%{left:25%}
40%{left:50%}
50%{left:75%}
60%{left:100%}
70%{left:-100%;opacity:0}
80%{left:-75%;opacity:1}
90%{left:-50%}
100%{left:0}
}

#map_container{width:100%;height:450px;position:relative;z-index:0;filter:gray;opacity:.9;-webkit-filter:grayscale(50%);-webkit-transition:.5s;transition:.5s;border:2px solid #dedede}
#map_container iframe{position:absolute;width:100%;height:100%}
.contact_info{display:block;overflow:hidden;margin:25px 0 40px 0;font-weight:600;padding:0;font-size:1.2rem;text-align:center}
.contact_info .row{display:block;width:30%;margin:0 5% 0 0; min-height: 200px; float:left;padding:1rem;line-height:110%;color:#555; border: 1px solid #dedede;}
.contact_info .row a{display:block}
.contact_info .row:last-child{float:right;margin:0}
.contact_info .row i{display:block;width:100%;text-align:center;margin:1rem 0;font-size:3rem;color:#444}
@media (max-width:1024px){
.contact_info{display:block;overflow:hidden;margin:25px 0;font-size:1.2rem}
.contact_info .row{width:100%;margin:0;float:left;padding:25px}
}
.contact_form{width:100%;margin:20px 0;display:flex;flex-wrap:wrap;justify-content:space-between}
.form_row{width:49%;display:block;overflow:hidden;color:#111;margin:0 0 10px 0;padding:0}
.form_row input,.form_row textarea{width:100%;font-size:1rem;display:block;padding:0 20px;margin:10px 0;height:50px;line-height:50px;background-color:#fff;color:#444;border:1px solid #dedede;-webkit-transition:.2s;transition:.2s}
.form_row textarea{height:180px}
.form_row input:focus,.form_row textarea:focus{border:1px solid rgb(197, 62, 62);background:#f7f7f7}
.form_row input[type=submit]{width:100%;height:55px;float:right;font-size:1.3rem;line-height:45px;font-weight:700;text-align:center;overflow:hidden;margin:20px 0 0 0;display:block;border:none;background-color:#45494e;color:#fff;cursor:pointer;transition:all .1s linear;-moz-transition:all .1s linear;-webkit-transition:all .1s linear;border-radius:5px}
.form_row input[type=submit]:hover{ filter: brightness(130%);}
@media (max-width:1024px){
.contact_form{width:100%;margin:20px 0;display:flex;flex-wrap:wrap;justify-content:space-between}
.form_row{width:108%;display:block;overflow:hidden;color:#111;margin:0;padding:0}
.form_row input,.form_row textarea{margin:0 0 10px 0}
}


footer{width:100%;display:block;padding:7rem 0;margin:0;color:#fff;position:relative;border-top:1px solid #222;background-color:#111}
footer .wrapper{display:block;width:80%;margin:0 auto}
.columns{display:flex;flex-wrap:nowrap;justify-content:space-between;padding:0;font-size:1.2rem}
.columns .cols{display:block;width:30%}
.columns .cols:nth-child(1){width:40%}
.columns .title{display:block;overflow:hidden;font-weight:700;padding:0;font-size:2rem;margin:2rem 0;color:#fff}
.columns .link{margin:1rem 0;display:block}
.columns .link a{color:#dedede;font-weight:400;display:inline;font-size:1.2rem}
.columns .link a:hover{color:#45494e}
.contact_row{display:block;margin:1rem 0;overflow:hidden}
.contact_row>i{float:left;display:block;width:2.6rem;height:2.6rem;line-height:2.6rem;padding:0;margin:0 1rem 0 0;border-radius:.6rem;background-color:#45494e; color: #111; text-align:center}
.contact_row>span{float:left;display:block;width:80%;padding:.4rem 0}
.contact_row>span a{color:#fff}
@media (max-width:1024px){
footer{padding:2rem 0}
footer .wrapper{width:90%}
.columns{padding:0;width:100%;flex-wrap:wrap;font-size:1.2rem}
.columns .cols{width:100%;padding:0 1rem}
.columns .cols:nth-child(1){width:100%}
}
.subscribe{display:block;overflow:hidden;width:80%}
.subscribe p{display:block;margin:25px 0 0 0!important}
.subscribe form{height:50px;width:100%;display:block;margin:0;overflow:hidden;background-color:#fff;border:1px solid #222}
.subscribe form input[type=text]{width:70%;float:left;border:none;background:0 0;height:45px;font-size:1rem;padding:0 20px;color:#fff;font-weight:400}
.subscribe form button{float:right;border:none;height:50px;padding:0 2rem;font-size:1.6rem;color:#111;position:relative;cursor:pointer;background:#45494e}
.subscribe form button:before{font-family:fontAwesome;content:"\2b"}
@media (max-width:1024px){
.subscribe{width:100%}
}
.bottom{width:100%;display:block;overflow:hidden;padding:1rem 0;margin:0;color:#333;background:#eee}
.bottom .wrapper{display:block;width:80%;margin:0 auto}
.copyright{display:block;font-weight:400;margin:0;float:left}
.copyright p{color:#777;margin:0;padding:0}
.copyright p span{color:#777}
.copyright p strong{color:#e2294f;font-weight:800}
.webtasarim{display:block;margin:0;float:right}
.webtasarim a{display:block}
.webtasarim img{width:4rem}
@media (max-width:690px){
.bottom .wrapper{width:90%}
.copyright{float:none;text-align:center;padding:0 5%}
.webtasarim{float:none;text-align:center;margin:20px 0 0 0}
}
.siteup{position:fixed;bottom:30px;right:-60px;display:block;width:60px;height:60px;line-height:60px;font-size:1rem;color:#fff;overflow:hidden;background:#1d1d1b;-webkit-transition:.3s;transition:.3s;z-index:999;border-radius:50%;text-align:center}
.siteup.sticky{right:30px}
@media (max-width:1024px){
.siteup{bottom:10px;right:-50px;width:50px;height:50px;line-height:50px;background-size:22px}
}
.lightbox{cursor:pointer;position:fixed;width:100%;height:100%;top:0;left:0;background:#fff;-webkit-filter:none!important;filter:none!important;z-index:999999999999!important}
.lightbox img{display:block;position:absolute}
.lightbox-loading{background:url(../images/loading.gif) center center no-repeat;width:80px;height:80px;margin:-20px 0 0 -16px;position:absolute;top:50%;left:50%}
.lightbox-caption{display:none;position:absolute;left:0;bottom:0;width:100%;text-align:center;z-index:9998}
.lightbox-caption p{margin:0 auto;max-width:70%;display:inline-block;padding:10px;color:#fff;font-size:12px;line-height:18px}
.lightbox-button{position:absolute;z-index:9999;background:no-repeat center center;width:60px;height:60px;opacity:.9;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;background-size:35px}
.lightbox-button:focus,.lightbox-button:hover{opacity:1}
.lightbox-close{right:30px;top:20px;background-image:url(../svg/close.svg)}
.lightbox-nav{top:47%;width:100%;margin-top:-16px}
.lightbox-nav-next{right:30px;width:60px;height:60px;background-image:url(../svg/next.svg);background-size:80px}
.lightbox-nav-prev{left:30px;width:60px;height:60px;background-image:url(../svg/prev.svg);background-size:80px}
.animation-element{opacity:0;position:relative}
.animation-element.anime-left{opacity:0;transition:all .5s linear;transform:translate3d(-100px,0,0)}
.animation-element.anime-left.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-right{opacity:0;transition:all .5s linear;transform:translate3d(100px,0,0)}
.animation-element.anime-right.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-top{opacity:0;transition:all .5s .1s linear;transform:translate3d(0,100px,0)}
.animation-element.anime-top.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-bottom{opacity:0;transition:all .5s .1s linear;transform:translate3d(0,100px,0)}
.animation-element.anime-bottom.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-zoom{opacity:0;transition:all .5s linear;transform:scale(0)}
.animation-element.anime-zoom.in-view{opacity:1;transform:scale(1)}
.modal,.modal-box{z-index:999999999}
.modalOverlay{position:fixed;width:100%;height:100%;top:0;left:0;background:0 0}
.modal{display:none;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);overflow:auto}
.modal .modal-box{position:relative;width:40%;margin:100px auto;animation-name:modalbox;animation-duration:.3s;animation-timing-function:ease-out;background-color:#fff;padding:0;border-radius:2px;overflow:hidden}
.modal .modal-header{padding:0;position:relative;display:block}
.modal .modal-header .modal-header-title{font-size:1rem;color:#0c304a;font-weight:600}
.modal .modal-header a.close{display:block;width:35px;height:35px;overflow:hidden;text-align:center;line-height:25px;border:none;padding:0;margin:0;position:absolute;top:0;right:0;background:#dedede url(../svg/close.svg) center center no-repeat;background-size:15px;opacity:1;transition:.2s;z-index:99}
.modal .modal-header a.close:hover{opacity:1}
.modal .modal-body{font-size:16px;padding:.4rem .4rem .2rem .4rem;color:#75818c}
.modal .modal-body video{width:100%;position:relative;z-index:0}
@media (max-width:1024px){
.modal .modal-box{width:100%;margin:0;border-radius:0}
}