@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);
body,html{height:100%; width: 100%; margin: 0; padding: 0;}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-ms-overflow-style:scrollbar;overflow-y:scroll\9}
*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
:focus{outline:0;border:none;box-shadow:none}
input[type=submit],input[type=text]{-webkit-appearance:none;appearance:none}
input[type=submit]{-webkit-appearance:none;appearance:none}
input,select,textarea{font-size:15px;color:#313131;font-family:Oswald,sans-serif}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0}
b{font-weight:600}
a,img{border:none;outline:0;text-decoration:none}
a{cursor:pointer!important}
.clear{clear:both;display:block}
.clear.margin{height:30px}
table{width:100%;border-collapse:collapse;text-align:left;border:1px solid #eee}
table th{padding:10px;color:#111}
table td{padding:10px}
table a{color:#888}
table a:hover{color:#111}
table td input{margin:0;padding:0}
table+tr{border-bottom:1px solid #444}
table tr:nth-child(even){background:#f7f7f7}
table tr:last-child{border-bottom:0}
body{font-family:'Source Sans Pro',sans-serif;width:100%;height:100%;margin:0;color:#222;padding:0;overflow-x:hidden;overflow-y:scroll; display: block;}
header{width:100%;padding:1.1rem  0;display:block;position:fixed;top:0;left:0;z-index:9999;-webkit-transition:.3s;transition:.3s}
header.sticky{width:100%;display:block;background-color:#fff;border-bottom:1px solid #dedede}
header>.wrapper{display:block;width:95%;margin:0 auto;position:relative}
.logo{display:block;width:275px;height:70px;float:left;background-image:url(../images/logo-white.png);background-repeat:no-repeat;background-position:left center;background-size:100%}
header.sticky .logo{background-image:url(../images/logo-real.png)}
@media (max-width:1024px){
.logo{width:220px;height:60px;background-position:left center}
}
.search{display:block;width:50px;height:32px;margin:0 0 0 25px;padding:0;border-radius:5px;background:#f7f7f7;position:relative;float:left;border:0 solid #dedede;overflow:hidden;transition:.2s}
.search input{font-size:.9rem;background:0 0;height:32px;line-height:32px;margin:0;padding:0 15px;color:#111;border:none;position:absolute;right:0;width:0;transition:.2s}
.search .submit{width:50px;text-indent:-99999px;height:32px;border:none;background:0 0;color:#46ca50;cursor:pointer;background-color:#46ca50;background-image:url(../svg/search.svg);background-repeat:no-repeat;background-position:center;background-size:20px;border-radius:0 5px 5px 0;position:absolute;right:0}
.search:hover{display:block;width:200px}
.search:hover .searctText{width:100%}
@media (max-width:1024px){
.search{display:block;width:100%;height:50px;margin:0;padding:0;border-radius:0;background:#f7f7f7;position:relative;float:left;overflow:hidden;transition:.2s}
.search input{font-size:.9rem;background:0 0;height:50px;line-height:50px;margin:0;padding:0 20px;color:#111;border:none;position:absolute;right:0;width:100%;transition:.2s}
.search .submit{width:50px;height:50px;border-radius:0;right:0}
.search:hover{display:block;width:100%}
.search:hover .searctText{width:100%}
}
.toggleMenu{display:none;padding:0;width:45px;height:45px;margin:0;color:#fff;float:right;z-index:10000;top:8px;text-align:center;position:relative;overflow:hidden;background-color:#46ca50;background-image:url(../svg/menu.svg);background-position:center center;background-repeat:no-repeat;background-size:65%;border-radius:5px;transition:.2s;opacity:1}
.toggleMenu.toogle_hover{background-image:url(../svg/menu_close.svg);background-color:rgba(0,0,0,.7)}
header.sticky .toggleMenu{top:8px}
nav{margin:1.2rem 0 0 0;padding:0;float:right;display:block;position:relative;z-index:250;-webkit-transition:.1s;transition:.1s}

.nav{margin:0;padding:0;list-style:none;position:relative;z-index:250}
.nav:after,.nav:before{content:"";display:table}
.nav:after{clear:both}
.nav ul{list-style:none;width:auto;min-width:200px}
.nav a{display:block;color:#fff;font-size:1rem;font-weight:700;padding:.4rem .6rem;margin:0;transition:.1s;-webkit-transition:.1s;position:relative}
.nav>li{display:block; float: left; padding:0;margin:0;position:relative}
.nav>li:hover>a{color:#46ca50}
.nav>li>a.parent:before{ display: none; font-family:dripicons-v2;content:"\54";margin:0;color:#fff;position:absolute;right:-.2rem;top:.6rem; font-size: .8rem;}
.nav>li>a:after{content:'';display:block;width:0;height:5px;background:#46ca50;transition:width .3s;position:relative;top:0}
.nav>li:hover>a:after{width:100%;transition:width .3s}
.nav>li>a.active::after{width:100%;transition:width .3s}
.nav li ul{position:absolute;width:auto;display:none;margin:0;padding:0}
.nav li:hover>ul{display:block;top:100%;left:0}
.nav li li:hover ul{display:block;top:0;left:100%}
.nav li ul li{border:none;display:block;margin:0;padding:0;position:relative}
.nav li ul li a{display:block;background:#404040;padding:.6rem .6rem; font-size:.9rem;color:#fff;font-weight:500;border-bottom:1px solid #313131}
.nav li ul li:last-child a{border-bottom:0}
.nav li ul li ul li a{display:block;background:#242424;}
.nav li ul li a:hover,.nav li ul li:hover>a{background:#46ca50;color:#fff}
.nav>li.language{ display: block; width: 60px;; float: right;}
.nav>li.language a{font-weight:600;display:block;text-align:center}
.nav>li.language a:after,.nav>li.language a:before{display:none}
.nav>li.language a span{font-weight:100;}
.nav>li.language a i{display:none;font-style:normal;font-weight:800}
.nav>li.language img{display:block;width:20px;height:20px;margin:0 auto}
.nav li.language ul{ min-width: 60px!important;}
.nav>li.language ul li a{font-weight:600;display:block;}
.nav>li.language.hover>ul{display:block;background-color:#222}
header.sticky .nav>li>a{color:#111}

@media (max-width:1120px){
nav{display:block;overflow:hidden;margin:0;padding:0}
.nav{width:270px;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{display:block;color:#444;font-size:1.1rem;height:auto;padding:.8rem .6rem;line-height:normal;text-align:left;font-weight:700;transition:.3s;-webkit-transition:.3s;border-bottom:0}
.nav li:hover>a{border:none!important}
.nav>li>a.parent:after{ display: none;}
.nav>li>a.parent:before{ display: block;}
.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{font-weight:500;height:auto;border-bottom:0; font-size: .9rem;padding:.8rem .6rem;}
.nav li ul li li a{font-weight:300}
.nav li ul li a:hover,.nav li ul li:hover>a{color:#fff;border:none!important}
.nav li li.hover ul,.nav li.hover>ul{position:static}
.nav li.hover>ul{max-height:1000px;transform:scale(1)}
.nav li li.hover ul{max-height:1000px;top:0}

.nav>li.language{ width: 100%;}
.nav>li.language a{ display: block; overflow: hidden;}
.nav>li.language a span{margin:.2rem 0 0 0;float:right;font-size:1rem}
.nav>li.language a i{display:block;float:left}
.nav>li.language img{display:block;width:20px;height:20px;margin:0 10px 0 0;float:left}
.nav>li.language ul{ min-width: 100%;}
.nav>li.language ul li a{text-align: right;}
.nav>li.language.hover>ul{background-color:#fff}
}

#slider{display:block;overflow:hidden;width:100%;position:relative}
.banner{width:100%;margin:0;padding:0;overflow:hidden;position:relative;z-index:1;font-weight:600}
.banner .owl-item{margin:0;padding:0;float:left}
.banner .owl-item img{width:100%}
.banner .owl-prev{left:40px!important; background-color: transparent!important;}
.banner .owl-next{right:40px!important; background-color: transparent!important;}

.banner_mobile{display:none}
.banner_desktop{display:block}
@media (max-width:768px){
.banner_desktop{display:none}
.banner_mobile{display:block}

.banner .owl-controls{top:80%!important}
.banner .owl-prev{left:1rem!important}
.banner .owl-next{right:1rem!important}

}
.caption{width:100%; height: 100%; padding:15% 0;margin:0;z-index:7;position:absolute;top:0;left:0;overflow:hidden;background-color:rgba(0,0,0,.7); text-align: center;}
.caption .title{width:100%;display:block;overflow:hidden;color:#fff;opacity:0;font-size:4rem;font-weight:100;padding:0;animation:title .2s .4s linear forwards;position:relative;transform:scale(0)}
.caption .desc{display:block;width:600px;opacity:0;margin:0 auto;font-size:1.2rem;color:#fff;font-weight:300;overflow:hidden;animation:desc .2s .5s linear forwards;position:relative}
.caption .link{display:block;width:200px;margin:1rem auto;opacity:0;overflow:hidden;animation:link .2s .6s linear forwards;position:relative}
.caption .link a{width:200px;height:60px;display:block;line-height:60px;font-size:1.3rem;background:#fff;color:#111;font-weight:600;text-align:center; border-radius: .4rem;}
.caption .link a:hover{background:#fff;color:#555}
@media (max-width:480px){
.caption{width:100%;height:100%;padding:40% 5%;text-align:center;top:0;left:0;background-color:rgba(0,0,0,.5)}
.caption .title{width:100%;font-size:3rem}
.caption .desc{width:100%;font-size:1rem}
.caption .link{width:150px;margin:30px auto}
.caption .link a{width:150px;height:50px;display:block;line-height:50px;font-size:1rem}
}
@keyframes title{
from{opacity:0;transform:scale(0)}
to{opacity:1;transform:scale(1)}
}
@keyframes desc{
from{opacity:0;top:0}
to{opacity:1;top:4%}
}
@keyframes link{
from{opacity:0;top:0}
to{opacity:1;top:5%}
}
.scrollbutton{width:100%;height:50px;-webkit-transition:.3s;transition:.3s;-webkit-transform:scale(1);transform:scale(1);margin:0;position:absolute;bottom:10%;z-index:20}
.scrollbutton a.scrolldown{width:50px;height:50px;margin:0 auto;text-align:center;overflow:hidden;display:block;background:url(../svg/down-arrow.svg) center center no-repeat;background-size:50px;animation:arrow .8s infinite;-webkit-transform:translateY(0);transform:translateY(0)}
.scrollbutton.sticky{-webkit-transform:scale(0);transform:scale(0)}
@media (max-width:768px){
.scrollbutton{display:none!important}
}
@keyframes arrow{
0%{transform:translateY(20px);opacity:.3}
50%{transform:translateY(10px);opacity:.5}
100%{transform:translateY(0);opacity:1}
}

.summary{display:block;width:750px;margin:3rem auto;padding:0;text-align:center;color:#111}
.summary *{line-height:100%;margin:0;padding:10px 0; }
.summary h1{font-size:2.4rem;line-height:100%;font-weight:700}
.summary h2{font-size:1.1rem;line-height:100%;font-weight:300}
.summary h3{font-size:2.4rem;line-height:100%;font-weight:700}
.summary h4{font-size:1.1rem;line-height:100%;font-weight:300}
.summary h5{font-size:2.4rem;line-height:100%;font-weight:700}
.summary h6{font-size:1.1rem;line-height:100%;font-weight:300}
@media (max-width:1024px){
.summary{display:block;width:90%;margin:0 auto;padding:25px 0;text-align:center;color:#111}
.summary h1{font-size:1.6rem;}
.summary h2{font-size:1rem;}
.summary h3{font-size:1.6rem;}
.summary h4{font-size:1rem;}
.summary h5{font-size:1.6rem;}
.summary h6{font-size:1rem;}
}

.readmore{display:block;width:220px;height:55px;line-height:55px;margin:20px 0;padding:0 20px 0 55px;background:#46ca50;color:#fff;font-weight:700;font-size:14px;position:relative;text-align:center;-webkit-transition:.4s;transition:.4s;border-radius:2px}
.readmore:hover{background:#1b1b1b;color:#fff}
.readmore span{font-size:24px;margin:0;font-weight:500;width:25px;height:25px;line-height:25px;text-align:center;display:block;overflow:hidden;background:#fff;position:absolute;left:15px;top:15px;-webkit-transition:.3s;transition:.3s;color:#000}
.readmore span:before{content:"+"}
.readmore:hover span{-webkit-transform:rotate(360deg);transform:rotate(360deg);border:1px solid #fff}


.categories{display:block;width:100%;margin:0;padding:2rem 0;background-color:#fff;overflow:hidden;border-bottom:0 solid #dedede}
.categories .wrapper{width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}
.categories_col { width: 48%; overflow: hidden; text-align: center; margin: 0 0 4% 0; border: 1px solid #ccc; position: relative; border-radius: .1rem;}
.categories_col img { width: 100%; vertical-align: bottom; }
.categories_col a { width: 100%; height: 100%; padding: 40% 0; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.5); z-index: 9999; font-size: 1.8rem; color: #fff; transition: .5s; }
/* .categories_col.active a{ background-color:rgba(70, 202, 80, .8);} */

@media (max-width:1024px){
.categories{display:block;width:100%;margin:0;padding:2rem 0;background-color:#fff;overflow:hidden;border-bottom:0 solid #dedede}
.categories .wrapper{width:95%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}
.categories_col { width: 31%; overflow: hidden; text-align: center; border: 1px solid #ccc; position: relative;}
.categories_col img { width: 100%; vertical-align: bottom; }
.categories_col a { width: 100%; height: 100%; padding: 43% 0; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.5); z-index: 5; font-size: 1rem; color: #fff; }
 }

    
.icons{display:block;width:100%;margin:0;padding:25px 0;background-color:#fff;overflow:hidden;border-bottom:0 solid #dedede}
.icons .wrapper{width:85%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}
.icons.data{border-bottom:0;padding:0;background-color:#fff}
.icons.data .wrapper{width:85%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}
.icon-tabs{width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin:0;overflow:hidden}
.iconlink{font-size:1rem;cursor:pointer;border:none;text-align:center;color:#111;font-weight:100;margin:0;padding:10px 20px;background-color:transparent; width: 250px;}
.iconlink:hover{background-color:#fff}
.iconlink img{width:100%; border: 5px solid transparent;}
.icon-active img{ border: 5px solid #46ca50; border-radius: 50%;}
.iconlink h5{ display: block; height: 50px;}
.icon-item{width:81%;margin:0 auto;overflow:hidden;padding:25px 0;font-size:1.1rem;display:none}
.icon-flex{display:flex;flex-wrap:wrap;justify-content:space-between}
.icon-left{width:50%}
.icon-left a{display:inline-block;background-color:#46ca50;color:#fff;padding:5px 10px;margin:0 1% 1% 0;border-radius:3px}
.icon-left a:hover{background-color:#444}
.icon-right{width:50%}
.icon-right img{width:75%;vertical-align:bottom;float:right;border:0 solid #dedede}
@media (max-width:1024px){
.icons{display:block;width:100%;margin:0;padding:25px 0;background-color:#eee;overflow:hidden;border-bottom:0 solid #dedede}
.icons.data .wrapper{width:95%}
.icon-tabs{justify-content:space-between}
.iconlink{width:32%}
.icon-item{width:95%}
}

.about{display:block;width:100%;margin:0;padding:0;background-color:#fff;overflow:hidden}
.about .wrapper{width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}
.about-left{width:50%;min-height:400px;padding:150px;float:left;display:block}
.about-left h1{font-size:3rem;font-weight:400;color:#111;margin:0 0 25px 0;padding:0}
.about-left p{font-size:1.3rem;font-weight:300;color:#888;margin:25px 0;padding:0 0 0 10px;border-left:10px solid #46ca50}
.about-right{width:50%;float:right;display:block;background-repeat:no-repeat;background-size:cover; background-position: center;}
@media (max-width:1024px){
.about{padding:25px 0}
.about-left{width:100%;padding:50px;float:none;display:block}
.about-left h5{font-size:3rem;font-weight:400;color:#111;margin:0;padding:0}
.about-right{width:100%;float:right;display:block;background-repeat:no-repeat;background-size:cover}
}
.products{display:block;width:100%;margin:0;padding:50px 0;background-color:#fff;overflow:hidden}
.products .wrapper{width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}
@media (max-width:1024px){
.products{padding:25px 0}
.products .wrapper{width:100%}
}

.blocks{margin:0;display:flex;flex-wrap:wrap;justify-content:space-between}
.block{display:block;width:48%;overflow:hidden;margin:0 0 4% 0;position:relative;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #dedede}
.block a img{width:100%;min-height:350px;vertical-align:bottom;filter:grayscale(100%)}
.block:hover a img{filter:grayscale(0)}
.block-title{display:block;color:#fff;position:absolute;width:100%;padding:1rem 1rem;margin:0;bottom:0;left:0;z-index:1;transition:.2s;background-color:rgba(0,0,0,.4)}
.block-title p{display:block;font-size:1.4rem;margin:0}
.block-title span{display:block;font-size:.8rem}
@media (max-width:1024px){
.blocks{padding:20px}
.block{width:100%;margin:0 0 5% 0}
.block a img{min-height:100%}
}

.news{display:block;width:100%;margin:5rem 0;padding:0;background-color:#fff;overflow:hidden}
.news .wrapper{width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}
.col-news{width:48%;position:relative;overflow:hidden;margin:0;padding:0;display:block}
.col-news h3{width:100%;padding:0;margin:0 0 25px 0;display:block;font-size:2.6rem;font-weight:100}
@media (max-width:1024px){
.news{width:100%;margin:0;padding:2rem 0}
.news .wrapper{width:95%}
.col-news{width:100%;padding:0;margin:0 0 2vh 0}
.col-news h3{font-size:2.1rem}
.col-news h4{font-size:1.3rem}
}

.showreel{display:block;overflow:hidden;margin:0;padding:0}
.showreel iframe{width:100%;border:1px solid #dedede;vertical-align:bottom}

.news-block{display:block;overflow:hidden;margin:0 0 50px 0;padding:0}
.news-block .owl-item{display:block;float:left}
.news-block li{display:block;overflow:hidden;float:left;position:relative;width:100%;padding:0;margin:0;padding:0;transition:.2s}
.news-block li a{margin:15px 0;font-size:1.2rem}
.news-block li img{width:100%;vertical-align:bottom;border:1px solid #dedede}
.news-block li p{font-size:1.8rem;min-height:50px;line-height:100%;margin:0;padding:20px 0}
.news-block li span{font-size:1rem;color:#888;padding:0;display:block}
.news-block li .date{display:block;overflow:hidden;width:75px;text-align:center;padding:10px;background-color:#ed1c24;color:#fff;position:absolute;top:0;right:0;font-size:.9rem}
.news-block li .date i{display:block;font-style:normal;font-weight:600;font-size:2rem}
.news-block .owl-controls{top:30%!important}
.news-block .owl-next,.news-block .owl-prev{background-color:transparent!important;color:#111!important}
.news-block .owl-next{right:25px}
.news-block .owl-prev{left:25px}

.headbar{display:block;width:100%;margin:0;padding:55px 0;background-color:#272927;overflow:hidden}
.heading{width:100%;margin:0;padding:10px 0;display:block;overflow:hidden;background-color:#f7f7f7;color:#111;border-bottom:1px solid #dedede}
.heading .wrapper{width:1280px;margin:0 auto}
.heading h1{margin:0;padding:0}
@media (max-width:1366px){
.heading .wrapper{width:95%}
}
@media (max-width:1024px){
.heading{width:100%;margin:0;padding:10px 0}
.heading .wrapper{width:95%}
}

.content{width:100%;min-height:250px;margin:0;padding:0;display:block;background-color:#fff;overflow:hidden}
.content .wrapper{width:1280px;margin:0 auto;display:block;overflow:hidden;padding:25px 0}
@media (max-width:1024px){
.content .wrapper{width:95%;padding:10px 0}
}

.gallery{margin:1rem 0 0 0;display:flex;flex-wrap:wrap}
.item-gallery{width:19%; margin:0 2% 0 0; display:block;overflow:hidden;padding:0;border:1px solid #dedede}
.item-gallery img{width:100%;vertical-align:bottom}
@media (max-width:1024px){
.item-gallery{width:50%}
}

.buttonDownload{display:inline-block;position:relative;padding:10px 25px;margin:15px 0;background-color:#444;color:#fff;font-family:sans-serif;text-decoration:none;font-size:.9em;text-align:center;text-indent:15px;border-radius:4px;width:200px}
.buttonDownload:hover{background-color:#ccc;color:#111}
.buttonDownload:after,.buttonDownload:before{content:" ";display:block;position:absolute;left:15px;top:52%; transform: scale(1.3);}
.buttonDownload:before{width:10px;height:2px;border-style:solid;border-width:0 2px 2px}
.buttonDownload:after{width:0;height:0;margin-left:1px;margin-top:-7px;border-style:solid;border-width:4px 4px 0 4px;border-color:transparent;border-top-color:inherit;animation:downloadArrow 2s linear infinite;animation-play-state:paused}
.buttonDownload:hover:before{border-color:#444}
.buttonDownload:hover:after{border-top-color:#444;animation-play-state:running}
.buttonDownload img{width:100%;padding:10px}
@keyframes downloadArrow{
0%{margin-top:-7px;opacity:1}
0.001%{margin-top:-15px;opacity:0}
50%{opacity:1}
100%{margin-top:0;opacity:0}
}

.download-documnet{font-size:1.3rem;width:100%;text-align:right;cursor:pointer;border:none;border-right:5px solid #46ca50c7;color:#888;font-weight:700;display:block;margin:0;padding:8px 20px;margin:15px 0 0 0;background-color:transparent;cursor:pointer}
.download-documnet span{font-size:3rem;float:left;color:#46ca50}
.download-documnet img{width:100%}
@media (max-width:1024px){
.download-documnet span{font-size:2rem}
}

aside{width:100%;display:block;overflow:hidden;padding:0;margin:25px 0 50px 0}
aside>ul{width:100%;display:flex;justify-content:center;margin:0;overflow:hidden;list-style:none}
aside>ul li{display:block;margin:0;padding:0;transition:.1s;cursor:pointer}
aside>ul li a{font-size:1.2rem;cursor:pointer;border:none;color:#888;font-weight:600;margin:0;padding:0 15px}
aside>ul li:hover>a{color:#153558}

main{width:100%;margin:0; padding: 2rem 0 0 0; display:block;overflow:hidden}
main h3{display:block;text-align:center;font-size:2rem}
@media (max-width:1024px){
main{width:100%;float:none}
}

.material{display:flex;flex-wrap:wrap;justify-content:center;margin:0 0 50px 0}
.material a{width:10%;display:block;text-align:center;margin:1%}
.material a img{width:100%;vertical-align:bottom;border:1px solid #eee;transition:.1s}
.material a:hover img{transform:scale(1.1)}
@media (max-width:1024px){
.material{justify-content:space-between;margin:0 0 50px 0}
.material a{width:30%}
}

.detail-photo{display:block;width:50%;overflow:hidden;margin:0;padding:0;float:left}
.detail-photo img{width:100%;vertical-align:bottom;border:0 solid #dedede}
.detail-info{width:50%;padding:10% 5%;float:right;line-height:100%;font-size:3.4rem;font-weight:100}
.detail-info small{display:block;font-size:1.2rem;line-height:100%;margin:10px 0 0 0;padding:0}
@media (max-width:768px){
.detail-photo{width:100%;padding:0 0 15px 0}
.detail-info{width:100%;padding:1% 0;float:none;font-size:2.6rem}
.detail-photo img{border:1px solid #dedede}
}

.two_column{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:1.2rem;font-weight:100}
.two_column .item{width:50%;display:block;overflow:hidden;text-align:right;padding:40px;margin:25px 0}
.two_column .item.left{text-align:left}
.two_column .item.photo{padding:0;border:1px solid #eee}
.two_column .item .title,.two_column .item .title *{display:block;font-size:2.6rem;color:#111;margin:5px 0;line-height:100%;font-weight:500}
.two_column .item .title small{display:block;font-size:1.6rem;color:#777;font-weight:100}
.two_column .item .content{padding:10px 0;color:#333}
.two_column .item img{width:100%;vertical-align:bottom;-webkit-transition:.1s;transition:.1s}
@media (max-width:1024px){
.two_column{font-size:1.1rem}
.two_column .item{width:100%;text-align:left;padding:25px;margin:0}
.two_column .item .title{font-size:1.8rem}
}

.technical{display:block}
.technical img{width:100%}

.videos{display:flex;flex-wrap:wrap;justify-content:space-between; margin: 2rem 0;}
.videos iframe{width:49%;display:block}
@media (max-width:1024px){
    .videos iframe{width:100%;}
}

.product-item{display:flex;flex-wrap:wrap;justify-content:start;list-style:none;margin:0;padding:0}
.product-item li{display:block;width:23%;line-height:100%;text-align:center;margin:0 1% 1% 0;padding:0 0 25px 0;border:1px solid #eee;background-color:#fff}
.product-item li p{padding:5px 20px;font-size:1.1rem;min-height:50px;font-weight:600}
.product-item li span{font-size:1rem}
.product-item li img{width:100%;display:block;margin:0 auto;overflow:hidden;padding:0 0}
.product-item-link{display:block;width:150px;height:50px;line-height:45px;text-align:center;border:1px solid #d71921;margin:2rem auto 0 auto;font-size:1.1rem;color:#d71921;font-weight:100;overflow:hidden;position:relative;transition:.1s!important}
.product-item-link:hover{border:1px solid #414141;background-color:#414141;color:#fff}
@media (max-width:1024px){
.product-item{display:flex;flex-wrap:wrap;justify-content:space-between;text-align:center;list-style:none;margin:0;padding:0}
.product-item li{width:48%;margin:0 0 25px 0;padding:0 0 10px 0}
.product-item li p{padding:0 20px;font-size:1.1rem;min-height:55px;font-weight:600}
}

.download-item h3{font-size:1.8rem}
.download-item h3:before{content:"";display:block;width:75px;height:5px;margin:0 0 10px 0;background-color:#46ca50}

.news-blocks{display:block;overflow:hidden;margin:0;padding:0}
.news-blocks li{display:block;overflow:hidden;float:left;width:30%;padding:25px;margin:0;transition:.2s;border:1px solid #dedede}
.news-blocks li a{margin:15px 0;font-size:1.2rem}
.news-blocks li img{width:100%;vertical-align:bottom;margin-bottom:25px;border-bottom:1px solid #eee}
.news-blocks li p{font-size:2rem;min-height:100px;line-height:100%;margin:0 0 15px 0;padding:0}
.news-blocks li span{font-size:1.2rem;min-height:100px;font-weight:300}

.fair-block{display:flex;flex-wrap:wrap;overflow:hidden;margin:0;padding:0}
.fair-block li{display:block;overflow:hidden;float:left;width:19%;padding:15px 0;margin:0 1% 1% 0;transition:.2s}
.fair-block li a{display:block;margin:0;font-size:1.2rem;color:#333}
.fair-block li img{width:100%;height:175px;vertical-align:bottom;margin-bottom:25px;border:1px solid #dedede}
.fair-block li p{font-size:1.2rem;min-height:100px;line-height:100%;margin:0 0 15px 0;padding:0}
.fair-block li span{font-size:1rem;font-weight:300;display:none}

.readmore-link{display:block;width:auto;height:60px;line-height:55px;text-align:center;border:1px solid #d71921;opacity:0;margin:2rem auto;font-size:1.5rem;color:#d71921;font-weight:100;overflow:hidden;position:relative;animation:link .2s .7s linear forwards}
.readmore-link:hover{border:1px solid #d71921;background-color:#d71921;color:#fff}
@media (max-width:1024px){
.readmore-link{margin:2rem 0}
}

.timeline{margin:0 auto;max-width:100em;overflow:hidden;height:auto;position:relative;padding:0;list-style-type:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEElEQVQIW2NMTEz8z8gABAAPKwIlXWq1kgAAAABJRU5ErkJggg==);background-repeat:repeat-y;background-position:50% 0}
.timeline .year{background:#222;font-size:3em;max-width:4em;clear:both;margin:1em auto 1em;color:#fff;border-radius:30%/100%;text-align:center;margin-top:2em}
.timeline .year:first-of-type{margin-top:0!important}
.timeline .event{position:relative;text-align:center;float:right;clear:right;width:45%;margin:2em 2.5%;border-radius:5px;list-style-type:none;display:block;padding:.4em;background:#fff;z-index:15;color:#4d4d4d;border:1px solid #9d9d9d;text-decoration:none;-webkit-transition:background .15s linear;-moz-transition:background .15s linear;-ms-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}
.timeline .event strong{display:block}
.timeline .event.offset-first{margin-top:-1.5em!important}
.timeline .event:hover{background:#e9e9e9}
.timeline .event:hover:after{background:#505050}
.timeline .event:nth-of-type(2n){float:left;clear:left}
.timeline .event:nth-child(2n):after{right:-5%;left:auto}

.social{width:100%;overflow:hidden;padding:50px 0;border-top:1px solid #dedede;background-color:#f7f7f7}
.social .wrapper{width:1280px;margin:0 auto;display:block;overflow:hidden}
@media (max-width:1024px){
.social{padding:30px 0 40px 0;border-top:1px solid #f0f0f0}
.social .wrapper{width:90%}
}
.social-feed{width:30%;display:block;overflow:hidden;float:left;padding:0;margin:0;color:#fff}
.social-feed .header{display:block;line-height:30px;overflow:hidden;color:#000;font-weight:400;padding:0 0 20px 0;font-size:2rem}
.social-feed a{display:inline-block;width:50px;height:50px;text-align:center;margin:0 5px 0 0;overflow:hidden;position:relative;border-radius:1rem;background-repeat:no-repeat;background-position:center center;background-size:20px}
.social-feed a:hover{filter:brightness(110%)}
.social-feed a.social_facebook{content:"";background-image:url(../svg/social_facebook.svg);background-color:#0c50e2;background-color:#46ca50}
.social-feed a.social_linkedin{content:"";background-image:url(../svg/social_linkedin.svg);background-color:#0988f0;background-color:#46ca50}
.social-feed a.social_instagram{content:"";background-image:url(../svg/social_instagram.svg);background-color:#cf259c;background-color:#46ca50}
.social-feed a.social_youtube{content:"";background-image:url(../svg/social_youtube.svg);background-color:#ed1c24;background-color:#46ca50}
@media (max-width:1024px){
.social-feed{width:100%;margin:0 0 25px 0}
}

.subscribe{display:block;overflow:hidden;width:60%;float:right}
.subscribe .header{display:block;line-height:30px;overflow:hidden;color:#000;font-weight:400;padding:0 0 20px 0;font-size:2rem}
.subscribe form{height:50px;width:100%;display:block;margin:0;overflow:hidden;background:#fff;border:1px solid #222;border-radius:5px}
.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:53px;padding:0 15px;font-size:1.6rem;color:#fff;position:relative;cursor:pointer;background:#46ca50}
.subscribe form button:before{font-family:dripicons-v2;content:"\6a"}
@media (max-width:1120px){
.subscribe{width:100%}
}

footer{width:100%;display:table;padding:0;margin:0;color:#fff;position:relative;border-top:1px solid #2d3236;background:#1d1d1b}
.columns{font-weight:200;padding:5rem 0;width:1280px;margin:0 auto;position:relative;z-index:2;display:flex;flex-wrap:nowrap;font-size:1rem}
.columns .cols{display:block;overflow:hidden;width:25%}
.columns .cols.first{display:block;width:35%}
.email-link{display:block;width:80%;overflow:hidden;color:#fff;height:35px;line-height:35px;font-size:1rem}
.email-link:before{float:left;display:block;width:20%;background-color:#2d3236;text-align:center;font-family:dripicons-v2;content:"\e015"; margin: 0 .6rem 0 0;}
.phone-link{display:block;width:80%;overflow:hidden;color:#fff;height:35px;line-height:35px;font-size:1rem; margin: .6rem 0;}
.phone-link:before{float:left;display:block;width:20%;background-color:#2d3236;text-align:center;font-family:dripicons-v2;content:"\e030"; margin: 0 .6rem 0 0;}
.cellphone-link{display:block;width:80%;overflow:hidden;color:#fff;height:35px;line-height:35px;font-size:1rem; margin: .6rem 0;}
.cellphone-link:before{float:left;display:block;width:20%;background-color:#2d3236;text-align:center;font-family:dripicons-v2;content:"\24"; margin: 0 .6rem 0 0;}
.footer-title{display:block;overflow:hidden;font-weight:600;padding:0;font-size:1.5rem;margin:0 0 25px 0;color:#fff}
.links{display:block;margin:0;padding:5px 0}
.footer-link{color:#dedede;font-weight:300;display:inline;font-size:1rem}
.footer-link:hover{color:#46ca50}
@media (max-width:1120px){
.columns{padding:25px 0;width:100%;flex-wrap:wrap}
.columns .cols{width:49%;text-align:left;padding:25px}
.footer-title{font-size:2rem;font-weight:600}
.footer-link{margin:5px 0;font-size:1.3rem}
}

@media (max-width:480px){
.columns{padding:25px 0}
.columns .cols{width:100%;padding:25px}
.columns .cols.first{width:100%}
.footer-title{font-size:1.8rem;font-weight:600}
.footer-link{margin:5px 0;font-size:1.2rem}
.downloads{width:100%}
}

.contactus { display: block;}
.contactus a{  color: #fff; display: block;}

.bottom{width:100%;display:block;overflow:hidden;padding:25px 0 0 0;border-top:1px solid #dedede;background-color:#fff}
.bottom .wrapper{width:1280px;margin:0 auto;display:block;overflow:hidden}
@media (max-width:1024px){
.bottom{border-top:1px solid #f0f0f0}
.bottom .wrapper{width:90%}
}

.privacy{display:flex;flex-wrap:wrap;justify-content:center;margin:0 0 25px 0}
.privacy a{display:inline;text-align:center;font-size:.9rem;margin:0 .5%;color:#888}
.privacy a:after{content:"|";display:inline;margin:0 0 0 10px;color:#ccc}
.privacy a:last-child:after{display:none}
.privacy a:hover{color:#333}

.copyrights{display:block;margin:0;float:left}

.webtasarim{display:block;margin:0;float:right}
.webtasarim a{width:60px;height:60px;display:block;overflow:hidden;background:url(../images/dijitalkuzgun.png) 0 0 no-repeat;background-size:100%}
.webtasarim a:hover{opacity:.7}

.whatsapp{width:auto;height:50px;line-height:50px;-webkit-transition:.5s;transition:.5s;margin:0;padding:0 1rem 0 3rem;border-radius:.6rem;overflow:hidden;background:url(../svg/whatsapp.svg) 10px center no-repeat;background-size:30px;background-color:#43a71b;color:#fff;font-weight:700; position: fixed; bottom: 1rem; left: 1rem; z-index: 10;}
.whatsapp:hover{color:#fff}
.whatsapp.wmobile{display:none}
@media (max-width:1024px){
    .whatsapp{display:none}
    .whatsapp.wmobile{display:block; padding:0 1.55rem;}
}
#map_container{width:100%;height:40vh;border-bottom:1px solid #dedede;position:relative;overflow:hidden;z-index:0;filter:gray;opacity:1;-webkit-filter:grayscale(0);transition:.5s}
#map_container iframe{position:absolute;width:100%;height:40vh}
@media (max-width:1024px){
#map_container{width:100%;height:60vh}
#map_container iframe{position:absolute;width:100%;height:100%}
}


.contact_info{display:block;overflow:hidden;margin: 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;float:left;padding:0;line-height:120%;color:#1c3663;}
.contact_info .row:last-child{float:right;margin:0}
.contact_info .row .icon{display:block;width:6rem;height: 6rem; line-height: 6rem; margin:2rem auto;font-size:2.6rem; border-radius: 50%; background-color: #d71921; text-align:center;color:#fff}
.contact_info .row a{ display: block; color: #111;}
.contact_info .row p{ margin:.4rem 0; padding: 0;}
.contact_info .row small{ display: block; font-weight: 300; font-size: 1.1rem;}
@media (max-width:1024px){
.contact_info{display:block;overflow:hidden;margin:25px 0;font-size:1.2rem}
.contact_info .row{width:100%;margin:1% 0;padding:1rem; height: auto;}
}
.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 input.code{width:50%}
.form_row textarea{height:180px}
.form_row input:focus,.form_row textarea:focus{border:1px solid #d80027;background:#f7f7f7}
.form_row .security{display:block;padding:.5rem 1rem;text-align:center;float:left;margin:0;font-size:1.6rem;font-weight:700;color:#e40230}
.form_row input[type=submit]{width:100%;height:55px;float:right;font-size:1rem;line-height:45px;font-weight:700;text-align:center;overflow:hidden;margin:20px 0 0 0;display:block;border:none;background-color:#d71921;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{background-color:#d71921}
@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}
}

.lightbox{cursor:pointer;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,1);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:32px;height:32px;opacity:.9;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.lightbox-button:focus,.lightbox-button:hover{opacity:1}
.lightbox-close{right:30px;top:20px;background-image:url(../svg/close.svg);background-size:25px}
.lightbox-nav{top:47%;width:100%;margin-top:-16px}
.lightbox-nav-next{right:30px;width:40px;height:40px;background-image:url(../svg/next.svg);background-size:60px}
.lightbox-nav-prev{left:30px;width:40px;height:40px;background-image:url(../svg/prev.svg);background-size:60px}

.animation-element{opacity:0;position:relative}
.animation-element.anime-left{opacity:0;transition:all .1s linear;transform:translate3d(-300px,0,0)}
.animation-element.anime-left.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-right{opacity:0;transition:all .1s linear;transform:translate3d(300px,0,0)}
.animation-element.anime-right.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-top{opacity:0;transition:all .1s linear;transform:translate3d(0,300px,0)}
.animation-element.anime-top.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-bottom{opacity:0;transition:all .1s linear;transform:translate3d(0,300px,0)}
.animation-element.anime-bottom.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-zoom{opacity:0;transition:all .1s linear;transform:scale(0)}
.animation-element.anime-zoom.in-view{opacity:1;transform:scale(1)}