*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.cc-compliance{padding-bottom:100px!important}
.menui{display:none}
.menua{display:none}
#dmessage{text-align:center;font-size:20px;font-weight:700}
body,
html{height:100%}
body{background:#fff;font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;font-size:12px}
.ptb60{padding:30px 0}
.mt90{margin-top:90px}
.gradient{background:linear-gradient(90deg, #fff 0, #1f1f1f 50%, #fff 100%);height:60px;margin-top:-70px}
.bb{border-bottom:1px solid #c6c6c6}
.bt{border-top:1px solid #c6c6c6}
.mb60{margin-bottom:60px}
.mt60{margin-top:60px}
.b0{border:0!important}
.tac{text-align:center}
.pt0{padding-top:0!important}
.w100{width:100%!important;max-width:100%!important}
.bitem img{border:1px solid #848484}
.darkBg{background:#303030!important}
.darkBg *{color:#fff!important}
.mw250C{max-width:250px;float:none;margin:0 auto;display:block}
.darkBg h2{color:#fff!important}
.darkBg h3{color:#fff!important}
.darkBg h4{color:#fff!important}
.darkBg h5{color:#fff!important}
.darkBg h6{color:#fff!important}
.darkBg .carousel *{color:#fff!important;fill:#fff}
h1{font-family:Avenir-Light, Arial, Helvetica, sans-serif;font-size:22px;color:#303030;letter-spacing:0;width:100%;display:block;float:left}
h2{color:#303030;font-size:24px;font-family:Avenir-Black, Arial, Helvetica, sans-serif;margin-bottom:35px;letter-spacing:2px}
h3{color:#303030;font-size:28px;font-family:Avenir-Light, Arial, Helvetica, sans-serif;margin-bottom:15px;letter-spacing:2px}
h4{color:#303030;font-size:28px;font-family:Avenir-Black, Arial, Helvetica, sans-serif;margin-bottom:15px;letter-spacing:2px}
#pLoader{position:fixed;top:0;left:0;width:100%;height:100%;background:url(../images/site/loader.gif) no-repeat center #fff;z-index:10000}
@media (max-width:767px){h1{font-family:Avenir-Light, Arial, Helvetica, sans-serif;font-size:28px;color:#303030;letter-spacing:0;width:100%;display:block;float:left}
h2{color:#303030;font-size:22px;font-family:Avenir-Black, Arial, Helvetica, sans-serif;margin-bottom:10px;letter-spacing:1px}
h3{color:#303030;font-size:20px;font-family:Avenir-Light, Arial, Helvetica, sans-serif;margin-bottom:10px;letter-spacing:1px;text-align:center}
h4{color:#303030;font-size:18px;font-family:Avenir-Black, Arial, Helvetica, sans-serif;margin-bottom:10px;letter-spacing:1px}
}
.donanimItem h3{text-align:left!important}
.marticle{padding-bottom:20px;width:100%;float:left;padding-top:20px}
.marticle hr{display:block;width:100%;float:left;margin:45px 0}
.marticle p{font-family:Avenir-Light, Arial, Helvetica, sans-serif;font-size:15px;color:#303030;margin-bottom:10px;line-height:26px;letter-spacing:0}
.marticle p strong{font-family:Avenir-Black, Arial, Helvetica, sans-serif}
.marticle ul.list li{width:100%;float:left;margin-bottom:5px;font-family:Avenir-Light, Arial, Helvetica, sans-serif;font-size:16px;color:#303030;position:relative;padding-left:15px}
.marticle ul.list li::before{position:absolute;width:5px;height:5px;border-radius:50%;background:#303030;top:9px;left:0;content:""}
.marticle ul.liatNumber,
article ul.listAlphabet{margin-left:20px}
.marticle ul.liatNumber li{list-style:decimal;width:100%;float:left;margin-bottom:5px;font-family:Avenir-Medium, Arial, Helvetica, sans-serif;font-size:16px;color:#303030;position:relative;padding-left:10px}
.marticle ul.listAlphabet li{list-style:lower-latin;width:100%;float:left;margin-bottom:5px;font-family:Avenir-Medium, Arial, Helvetica, sans-serif;font-size:16px;color:#303030;position:relative;padding-left:10px}
.gateways{width:100%;float:left;margin-bottom:15px}
#wrapper{width:100%;position:relative;overflow:hidden;max-width:1920px;margin:0 auto;padding-top:70px}
#header{width:100%;background:#fff;height:72px;position:fixed;top:0;left:0;z-index:9999;border-bottom:2px solid #303030}
#main{width:100%;width:100%;float:left}
article{width:100%;float:left}
section{width:100%;float:left}
.pagebanner{width:100%;float:left;margin-bottom:45px;position:relative;z-index:66}
.pagebanner img{width:100%;float:left;display:block;border-radius:6px}
#footer{background:#f4f4f4;clear:both;width:100%;float:left;padding-top:0}
@media (max-width:767px){.type2 .gateway{margin-right:0!important}
#main{padding-top:65px}
#footer{height:220px;margin-top:0;position:relative;padding-top:20px;height:auto}
}
.gray{background:#f1f1f1}
.pad40{padding:40px}
.generalForm{width:100%;float:left}
.generalForm.servicepattern{background:url(../images/site/servicepatternBig.jpg) no-repeat center;background-size:cover;padding:55px 110px}
.generalForm.servicepatternwithoutbg{padding:55px 110px}
@media (max-width:767px){.generalForm.servicepattern{padding:15px 0}
.generalForm.servicepattern .frow>div{margin-bottom:15px}
.generalForm.servicepattern .frow>div:last-child{margin-bottom:0}
}
.generalForm .frow{width:100%;float:left;margin-bottom:19px}
.generalForm .frow input{width:100%;height:47px;border:2px solid #b9b9b9;background:#fff;text-indent:15px;font-family:Avenir-Black, Arial, Helvetica, sans-serif;color:#303030;letter-spacing:2px;font-size:16px}
.generalForm .frow input[type=submit]{width:100%;height:47px;border:2px solid #303030;background:#303030;text-indent:15px;font-family:Avenir-Black, Arial, Helvetica, sans-serif;color:#fff;letter-spacing:2px;font-size:16px;cursor:pointer;transition:all ease-in-out .4s}
.generalForm .frow input[type=submit]:hover{background:#fff;color:#303030}
.generalForm{margin-bottom:40px;width:100%;float:left}
.generalForm .checks label{float:left;margin:0 15px;cursor:pointer}
.generalForm .checks figure{float:left;width:22px;position:relative;display:block;height:22px;margin-right:5px}
.generalForm .checks input{width:100%;height:100%;margin:0;padding:0;position:absolute;z-index:999;left:0;top:0;opacity:0;cursor:pointer}
.generalForm .checks em{display:block;float:left;width:100%;height:100%;border:4px solid #303030;transition:all ease-in-out .4s}
.generalForm .checks span{font-family:Avenir-Black, Arial, Helvetica, sans-serif;font-size:16px;color:#303030;line-height:22px}
.generalForm .checks input:checked+em{background:#303030}
.generalForm .checks.radio em{border-radius:50%}
.hiddenBox{width:100%;float:left;display:none;padding:30px;background:#f1f1f1;margin-top:30px;margin-bottom:30px}
.generalForm .frow a:hover{text-decoration:underline;color:#303030}
.minusContent{width:100%;float:left;padding-top:45px;position:relative;top:-45px;box-shadow:#303030 0 0 10px inset}
#home h3{font-size:26px;font-family:Avenir-Light, Arial, Helvetica, sans-serif;color:#303030;letter-spacing:3.5px;margin-bottom:20px}
.container{padding:0 180px}
@media (max-width:767px){.container{padding-left:15px;padding-right:15px}
}
@media (max-width:1366px){.container{padding-left:15px;padding-right:15px}
}
#header .container{height:100%;position:relative}
#header #logo{background:url(../../assets/images/site/logo.png) no-repeat center;width:211px;height:42px;position:relative;top:50%;-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);float:left;background-size:100%}
@media (max-width:1366px){#header #logo{width:212px}
}
@media (max-width:767px){#header #logo{width:120px;background-size:100%}
}
#header .menuSide{width:calc(100% - 400px);float:right;height:100%}
@media (max-width:1366px){#header .menuSide{width:calc(100% - 306px)}
.type2 .gateway .infobox strong{color:#fff}
.type2 .gateway .infobox span{color:#fff}
.gateway.type5 .infobox strong{color:#fff}
.gateway.type5 .infobox span{color:#fff}
}
#header .menuSide .topMenu{height:70px;width:100%;float:left}
#header .menuSide .topMenu>ul{padding-top:20px;line-height:28px;float:right}
#header .menuSide .topMenu>ul li{float:left}
#header .menuSide .topMenu>ul li a{color:#442611;font-family:Avenir-Medium, Arial, Helvetica, sans-serif;font-size:11px;font-weight:500;line-height:14.52px;letter-spacing:-1px;transition:all ease-in-out .4s;padding:10px 11px}
@media (max-width:1366px){#header .menuSide .topMenu>ul li a{padding:10px;font-size:12px}
}
#header .menuSide .bottomMenu{height:60px;width:100%;float:left}
#header .menuSide .bottomMenu>ul{float:right;margin-top:10px}
#header .menuSide .bottomMenu>ul>li{float:left}
#header .menuSide .bottomMenu>ul>li a{display:block;padding:0 18px;height:50px;color:#442611;font-family:Avenir-Medium, Arial, Helvetica, sans-serif;font-size:14px;letter-spacing:.21px;transition:all ease-in-out .4s;line-height:50px;transition:all .8s cubic-bezier(.165, .84, .44, 1);-webkit-transition:all .8s cubic-bezier(.165, .84, .44, 1)}
#header .menuSide .bottomMenu>ul>li a.active{background:#303030;color:#fff}
@media (min-width:1025px){#header .menuSide .bottomMenu>ul>li:first-child{display:none}
#header .menuSide .bottomMenu .pagemenu,
#header .menuSide .bottomMenu>ul>li .subm{position:absolute;left:0;top:60px;background:#fff;display:none;border-top:2px solid #303030;left:0;right:0}
#header .menuSide .bottomMenu .pagemenu{width:auto!important}
#header .menuSide .bottomMenu>ul>li .subm .backmenu{display:none;font-size:12px}
#header .mobileMenuButton{display:none}
#header .menuSide .bottomMenu>ul>li .subm>ul>li{float:left;width:50%;height:92px;position:relative}
#header .menuSide .bottomMenu>ul>li .subm>ul>li:first-child{width:100%}
#header .menuSide .bottomMenu>ul>li .subm>ul>li:first-child>a{max-width:247px;background:#303030;color:#fff;width:100%;float:left}
#header .menuSide .bottomMenu>ul>li .subm>ul>li>a{display:block;height:92px;text-align:center;line-height:92px;background:#f1f1f1;color:#303030;font-size:24px;font-family:Avenir-Light, Arial, Helvetica, sans-serif}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2{float:left;width:100%;height:100%}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2 ul{height:100%}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2 ul li{float:left;width:16.666%;height:100%}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2>ul>li>a{display:block;width:100%;height:100%;position:relative}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2>ul>li:hover>a{background:#ebebeb}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2>ul>li>a::before{display:block;width:1px;height:47px;position:absolute;left:-1px;top:50%;content:"";background:#ccc;transform:translateY(-50%);-webkit-transform:translateY(-50%);-webkit-transform:translate(-50%, -50%);transition:all .8s cubic-bezier(.165, .84, .44, 1);-webkit-transition:all .8s cubic-bezier(.165, .84, .44, 1)}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2>ul>li>a::after{display:block;width:1px;height:47px;position:absolute;right:0;top:50%;content:"";background:#ccc;transform:translateY(-50%);-webkit-transform:translateY(-50%);-webkit-transform:translate(-50%, -50%);transition:all .8s cubic-bezier(.165, .84, .44, 1);-webkit-transition:all .8s cubic-bezier(.165, .84, .44, 1)}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2>ul>li:last-child a::after{display:none}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2>ul>li:first-child a::before{display:none}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2>ul>li:hover a::after,
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2>ul>li:hover a::before{height:100%}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2>ul>li>a img{display:block;position:relative;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transition:all .4s cubic-bezier(.165, .84, .44, 1);-webkit-transition:all .4s cubic-bezier(.165, .84, .44, 1)}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2>ul>li>a em{display:none}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2 ul li .subm_3{position:absolute;width:100%;padding:40px 180px;left:0;background:#f9f9f9;z-index:99;display:none}
@media (max-width:1366px){#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2 ul li .subm_3{padding:40px}
}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2 ul li .subm_3 ul{text-align:center;width:100%;float:left}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2 ul li .subm_3 ul li{display:inline-block;width:25%;height:120px;float:none;margin:0 -2px}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2 ul li .subm_3 ul li a{display:block;height:100%;position:relative}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2 ul li .subm_3 ul>li>a::after,
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2 ul li .subm_3 ul>li>a::before{display:block;width:1px;height:47px;position:absolute;top:30%;content:"";background:#ccc;transform:translateY(-50%);-webkit-transform:translateY(-50%);-webkit-transform:translate(-50%, -50%);transition:all .8s cubic-bezier(.165, .84, .44, 1);-webkit-transition:all .8s cubic-bezier(.165, .84, .44, 1)}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2 ul li .subm_3 ul li a::before{right:0}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2 ul li .subm_3 ul li a::after{left:0}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2 ul li .subm_3 ul>li:first-child a::after{display:none}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2 ul li .subm_3 ul>li:last-child a::before{display:none}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2 ul li .subm_3 ul>li:nth-child(4) a::before{display:none}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2 ul li .subm_3 ul>li:nth-child(5) a::after{display:none}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2 ul li .subm_3 ul li a span{display:block;width:100%;float:left;text-align:center;line-height:13px}
#header .menuSide .bottomMenu ul li.sms2:hover .pagemenu,
#header .menuSide .bottomMenu>ul>li:hover .subm{display:block}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2>ul>li:hover .subm_3{display:block}
}
#wrapper{padding-top:70px!important}
@media (max-width:1024px){.subm_2 p{color:#fff!important;padding-top:0!important}
#header .menuSide .bottomMenu>ul>li .subm .backmenu{font-size:12px}
#header{border-bottom:1px solid #1f1f1f;overflow:visible}
#header .mobileMenuButton{display:block;height:100%;position:absolute;width:50px;right:0;top:0;background:#f1f1f1;text-indent:-9999px;transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s}
#header .mobileMenuButton span{display:block;width:23px;height:14px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%)}
#header .mobileMenuButton.active{transform:rotate(90deg);-webkit-transform:rotate(-90deg)}
#header .mobileMenuButton span em{width:100%;display:block;height:2px;background:#000}
#header .mobileMenuButton span em:nth-child(2){margin:4px 0}
#header #logo{left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%)}
#wrapper{padding-top:0!important}
#header{height:51px}
#header .menuSide{display:block;position:fixed;top:51px;left:100%;width:100%;max-width:100%;transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s}
#header .menuSide .topMenu{display:none}
#header .menuSide .bottomMenu ul li>div{transition:all .4s cubic-bezier(.165, .84, .44, 1);-webkit-transition:all .4s cubic-bezier(.165, .84, .44, 1);display:block}
#header .menuSide .bottomMenu ul li>div li a img{display:none}
#header .menuSide .bottomMenu{height:100%;background:rgba(0, 0, 0, .9);padding:25px 0;overflow-y:auto}
#header .menuSide .bottomMenu>ul>li{width:100%;float:left;padding:0 42px}
#header .menuSide .bottomMenu>ul>li a{text-align:center;color:#fff;font-family:Avenir-Light, Arial, Helvetica, sans-serif;font-size:13px;padding:2px 0;border-bottom:1px solid rgba(255, 255, 255, .9);height:auto}
#header .menuSide .bottomMenu>ul>li:last-child a{border:none}
#header .menuSide .bottomMenu>ul>li .subm>ul>li .subm_2 ul li .subm_3{display:none!important}
#header .menuSide .bottomMenu>ul>li .subm{position:fixed;top:51px;left:-100%;width:100%;max-width:100%;padding:0;background:#442611;height:100%;z-index:99}
#header .menuSide .bottomMenu ul li.sms2 .pagemenu,
#header .menuSide .bottomMenu>ul>li .subm ul li .subm_2{display:none;width:100%;float:left;background:#695141;padding:40px 0}
#header .menuSide .bottomMenu>ul>li .subm ul li .subm_2 ul li a{padding:5px 0}
#header .menuSide .bottomMenu .pagemenu>div.pm{height:auto}
}
#header .menuSide>div>ul>li:hover>.submenu{display:block}
.submenu{display:none;width:100%;position:absolute;left:0;top:130px}
.submenu .menuClose{background:url(../images/site/close-icon.png) no-repeat center #303030;width:82px;height:94px;position:absolute;right:15px;top:0}
.submenu .menuClose:hover{background:url(../images/site/close-icon.png) no-repeat center #303030!important}
.submenu .container{padding:0 135px}
.submenu .submenuinner{background:#fff;padding:0 15px;width:100%;float:left;border-top:2px solid #303030;position:relative}
.submenu .submenuinner .menuGateway a{display:block;width:calc(50% - 3px);background:#f1f1f1;font-family:Avenir-Medium, Arial, Helvetica, sans-serif;letter-spacing:4px;font-size:24px!important;color:#303030!important;height:94px;text-align:center;line-height:78px!important}
.submenu .submenuinner .menuGateway a:hover{color:#fff!important}
.submenu .submenuinner .menuGateway a:first-child{float:left}
.submenu .submenuinner .menuGateway a:last-child{float:right}
.submenu .submenuinner>ul{width:100%;float:left!important}
.submenu .submenuinner>ul li{float:left;width:16.6666%}
.submenu .submenuinner ul li a{display:block;height:96px;width:100%;position:relative}
.submenu .submenuinner ul li a:hover{background:#f9f9f9!important}
.submenu .submenuinner ul li a img{position:relative;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%)}
.submenu .submenuinner ul li a::before{width:1px;height:50%;content:"";background:#ccc;position:absolute;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.submenu .submenuinner ul li:first-child a::before{display:none}
.submenu .submenuinner>ul>li>a>span{display:block;width:247px;color:#fff!important;font-family:Avenir-Light, Arial, Helvetica, sans-serif!important;font-size:24px!important;letter-spacing:2px!important;background:#303030;text-align:center;line-height:96px!important;float:left}
.submenu .submenuinner .sub2{position:absolute;width:100%;left:0;top:96px;border-top:2px solid #ebebeb;padding:0;display:block;height:0;transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;overflow:hidden;background:#f9f9f9}
.submenu .submenuinner>ul li:hover .sub2{height:300px;padding:40px 0}
.submenu .submenuinner .sub2 ul{text-align:center}
.submenu .submenuinner .sub2 ul li{display:inline-block;float:none;margin-bottom:30px}
.submenu .submenuinner .sub2 ul li a{font-family:Avenir-Light, Arial, Helvetica, sans-serif;font-size:16px;color:#303030;letter-spacing:1.5px}
.submenu .submenuinner>ul>li:first-child a{padding:0!important}
.submenu .submenuinner .sub2 ul li a::before{height:60%;top:30%}
.submenu .submenuinner .sub2 ul li a span{display:block;width:100%;float:left;font-family:Avenir-Light, Arial, Helvetica, sans-serif;font-size:16px;color:#303030;letter-spacing:1.5px;margin-top:17px}
.submenu .submenuinner .sub2 ul li a img{position:relative;left:0;top:0;transform:none;display:block;margin:0 auto}
#wrapper .topBg{width:100%;float:left;position:absolute;top:0;left:0}
#wrapper .topBg .backSlide{width:100%}
#wrapper .topBg .backSlide img{display:block;width:100%}
#wrapper .mainSlider{width:100%;float:left;height:100vh;max-height:805px;margin-bottom:0}
#wrapper .mainSlider div.slick-slide{height:100vh;max-height:805px;margin-top:0}
#wrapper .mainSlider div.slick-slide img{-webkit-transition:all ease-in-out 2.3s;-moz-transition:all ease-in-out 2.3s;-ms-transition:all ease-in-out 2.3s;transition:all ease-in-out 2.3s;bottom:10px;position:absolute;right:-90px}
#wrapper .mainSlider div.slick-slide.slick-active img{right:-60px;bottom:0;max-width:60%}
#wrapper .mainSlider .bannerInfo{bottom:200px;left:200px;position:absolute;z-index:999;width:100%;max-width:320px}
#wrapper .mainSlider .bannerInfo h2{font-family:Avenir-Light, Arial, Helvetica, sans-serif;font-size:96px;color:#fff;line-height:70px}
#wrapper .mainSlider .bannerInfo h2 span{font-family:Avenir-Light, Arial, Helvetica, sans-serif;font-size:60px;color:#fff;text-align:right;width:100%;display:block}
.bannerInfo a{color:#fff!important;float:Right;font-size:.2em;background-color:rgba(0, 0, 0, .5);padding:0 10px 0 10px;position:absolute}
.slick-arrow{z-index:9980;width:42px;height:50px;top:50%;margin-top:-10px}
.mainSlider .slick-arrow svg{fill:#fff;width:100%;height:100%}
.mainSlider .slick-next{right:150px;bottom:30px;top:auto;margin-top:auto}
.mainSlider .slick-prev{left:150px;bottom:30px;top:auto;margin-top:auto;display:none!important;}
.slick-prev svg{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.slick-dots{width:100%;text-align:center;bottom:45px;z-index:999}
.slick-dots li{display:inline-block;width:16px;height:16px;background-color:#f0f0f0;opacity:.2;text-indent:-9999px;border-radius:50%;margin:0 7px;-webkit-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;transition:all ease-in-out .3s}
.slick-dots li.slick-active{background:#fff;opacity:1}
.carousel .slick-arrow svg{fill:#442611;width:100%;height:100%}
.carousel .slick-next{right:-50px}
.carousel .slick-prev{left:-50px}
.gateway{position:relative;margin:10px!important}
.gateway.type2{position:relative;height:280px;border:1px solid #0b75d8}
.gateway.type3{height:357px;background-size:cover!important}
.gateway .infobox{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:100%;padding:0 20px;z-index:3}
.gateway .infobox a{width:220px;height:46px;border-radius:10px;border:1px solid #0b75d8;background-color:#fff;display:block;color:#0b75d8;font-family:Avenir-Heavy, Arial, Helvetica, sans-serif;font-size:18px;line-height:46px;letter-spacing:1.8px;margin:0 auto;text-align:center}
.gateway .infobox a.type2{border:0;text-decoration:underline}
.gateway .infobox small,
.gateway .infobox span,
.gateway .infobox strong{color:#fff;text-align:center;display:block;width:100%}
.gateway img{width:100%;display:block}
.type2 .gateway{margin-right:12%}
.gateway .infobox span{font-family:Avenir-Light, Arial, Helvetica, sans-serif;font-size:40px;line-height:50px;letter-spacing:5px}
.gateway .infobox strong{font-family:Avenir-Medium, Arial, Helvetica, sans-serif;margin-bottom:20px;font-size:40px;line-height:50px;letter-spacing:5px}
.gateway .infobox small{color:#fff;font-family:Avenir-Medium, Arial, Helvetica, sans-serif;font-size:20px;line-height:20px;margin-top:30px;margin-bottom:30px}
.gateway.type2 small{color:#0b75d8;font-family:Avenir-Light, Arial, Helvetica, sans-serif}
.gateway.type2 span{color:#0b75d8}
.gateway.type5 img{height:100%}
.gateway.type5{height:auto}
article .donanim{width:100%;float:left;border-top:1px solid #303030}
article .donanim>div{width:100%;float:left;padding:45px 0;border-bottom:1px solid #303030}
article .buttonGroup{width:100%;float:left;padding:45px 0}
article .buttonGroup ul li{float:left;width:auto;margin-right:15px}
article .buttonGroup.flrbutton ul li{float:right;width:auto}
article .buttonGroup ul li::before{display:none}
article .buttonGroup ul li a{display:block;padding:15px 70px;background:#303030;color:#fff;font-family:Avenir-Black, Arial, Helvetica, sans-serif;font-size:16px;transition:all ease-in-out .4s;border:1px solid #303030}
article .buttonGroup ul li a:hover{color:#303030;background:#fff}
.pagemenu{width:100%;float:left;margin-bottom:35px}
.pagemenu div{float:left;width:100%}
.pagemenu>div.leftside{height:87px;position:relative;padding:0 60px}
.pagemenu>div.leftside span{color:#fff;font-family:Avenir-Light, Arial, Helvetica, sans-serif;font-size:21px;line-height:87px;text-align:center;display:block}
.pagemenu>div.leftside img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%)}
.pagemenu>div ul{display:block;height:100%;width:100%;float:left}
.pagemenu>div ul li{width:auto;padding:0;margin:0;height:100%}
.pagemenu>div ul li::before{display:none}
.pagemenu>div ul li a{display:block;padding:0 17px;position:relative;height:100%!important;max-height:57px!important;color:#9e9e9e;font-family:Avenir-Black, Arial, Helvetica, sans-serif;font-size:15px;text-align:center;line-height:57px!important;transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s}
.pagemenu>div ul li a::before{display:block;content:"";width:1px;height:11px;position:absolute;right:0;top:50%;transform:translate(-50%, 0);-webkit-transform:translate(0, -50%);transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s}
.pagemenu>div ul li a::after{display:block;content:"";width:1px;height:11px;position:absolute;left:-1px;top:50%;transform:translate(-50%, 0);-webkit-transform:translate(0, -50%);transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s}
.pagemenu>div ul li a.active::after,
.pagemenu>div ul li a.active::before,
.pagemenu>div ul li a:hover::after,
.pagemenu>div ul li a:hover::before,
.pagemenu>div ul li.active a::after,
.pagemenu>div ul li.active a::before{height:100%}
.pagemenu>div ul li a.active,
.pagemenu>div ul li a:hover,
.pagemenu>div ul li.active a{background:linear-gradient(90deg, #fff 0, #303030 50%, #fff 100%);color:#fff!important;border-bottom:2px solid #fff}
.pagemenu>div ul li:last-child a::before{display:none}
.pagemenu>div.pm.center ul li:last-child a::before{display:block}
.pagemenu>div.pm{width:100%}
.pagemenu>div.pm.center{width:100%}
.pagemenu>div.pm.center ul{position:relative;width:100%;display:block}
article .sticky{z-index:99!important}
.pagemenu .dark{background:#303030}
.pagemenu .dark ul{text-align:center;transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s}
.pagemenu .is-sticky .dark ul{height:40px}
.pagemenu .dark ul li{float:none;display:inline-block}
.pagemenu .dark ul li a{color:#fff;transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s}
.pagemenu .is-sticky .dark ul li a{line-height:40px!important}
.pagemenu .dark ul li a.active{background:#fff;color:#303030!important}
.pagemenu .dark ul li a::before,
article .pagemenu .dark ul li a::after{display:none}
.pagemenu.brands>div.pm{height:87px}
.pagemenu.brands>div.leftside{background:#303030}
.pagemenu.brands>div ul li a:hover,
article .pagemenu.brands>div ul li a.active,
article .pagemenu.brands>div ul li.active a{background:#eaeaea;color:#303030}
.pagemenu.brands>div ul li a img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%)}
.pagemenu.brands>div ul li{width:16.6666%}
.pagemenu.brands>div.leftside{width:16%}
article .pageTop{position:relative;width:100%;float:left;margin-top:30px;margin-bottom:25px}
article .pageTop .breadcrumb{position:absolute;mw-width:350px;right:0;top:0;width:100%}
@media (max-width:767px){article .pageTop .breadcrumb{display:none}
.gateway.type5 img{height:280px}
}
@media (max-width:1024px){.pagemenu>div ul li a{max-height:37px!important;line-height:37px!important}
.pagemenu>div.pm{height:37px}
.pagemenu{margin-bottom:20px;margin-top:50px}
}
@media (max-width:767px){.pagemenu{margin-bottom:20px;margin-top:-20px}
}
article .pageTop .breadcrumb ul{float:right}
article .pageTop .breadcrumb ul li{float:left;margin:0 2.5px}
article .pageTop .breadcrumb ul li::before{display:none;padding:0;margin:0;width:auto}
article .pageTop .breadcrumb ul li::after{display:block;content:">";font-family:Avenir-Light, Arial, Helvetica, sans-serif;font-size:14px;color:#303030;float:left;margin-top:1px;margin-right:2.5px}
article .pageTop .breadcrumb ul li:first-child::after{display:none}
article .pageTop .breadcrumb ul li a{font-family:Avenir-Light, Arial, Helvetica, sans-serif;font-size:14px;color:#303030}
article .pageTop .breadcrumb ul li span{font-family:Avenir-Heavy, Arial, Helvetica, sans-serif;font-size:14px;color:#303030}
article .modelsContainer{width:100%;float:left}
article .modelsContainer ul{text-align:center}
article .modelsContainer ul li{display:block;width:33%;float:left;height:265px;margin-bottom:40px}
article .modelsContainer.brands ul li{height:300px}
article .modelsContainer ul li a{display:block;position:relative;width:100%;height:100%;font-family:Avenir-Light, Arial, Helvetica, sans-serif;font-size:20px;color:#919191;text-align:center}
article .modelsContainer ul li a::before{display:block;width:100%;height:100%;max-width:200px;max-height:200px;content:"";background:#ededed;left:50%;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);position:absolute;top:0}
article .modelsContainer ul li a::before{max-height:230px}
article .modelsContainer ul li a>img{display:block;position:absolute;bottom:90px;left:50%;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s}
article .modelsContainer.brands ul li a>img{bottom:50%}
article .modelsContainer ul li a span{display:block;width:100%;float:left;position:absolute;left:0;bottom:0}
article .modelsContainer.brands ul li a span{bottom:15px}
article .modelsContainer ul li a span img{display:block;margin:0 auto 50px auto}
article .filterPage{width:100%;float:left}
article .filterPage .filters{width:100%;float:left;margin-bottom:30px}
article .filterPage .filters form{float:right}
form .selectbox{float:left;background:#fff;width:100%}
form .selectbox:last-child{margin-right:0}
form .selectbox select{color:#303030;height:49px;width:100%;border:0;-webkit-appearance:none;appearance:none;-moz-appearance:none;text-align:center;display:block;padding:0 20px;font-size:16px;font-family:Avenir-Black, Arial, Helvetica, sans-serif;background:url(../images/site/blackarrowdown.png) no-repeat 95% center #fff;border:2px solid #b9b9b9}
form .selectbox select option{font-family:Avenir-Medium, Arial, Helvetica, sans-serif}
.filters form .selectbox,
.filters form .selectbox.dark{background:#303030;width:195px;margin-right:10px}
.filters form .selectbox select,
.filters form .selectbox.dark select{background:url(../images/site/whitearrowdown.png) no-repeat 90% center #303030;color:#fff;border:0}
.gateways,
article .filterPage .filteredItems{width:100%;float:left}
.gateways ul,
article .filterPage .filteredItems ul{width:100%;float:left}
.gateways ul li,
article .filterPage .filteredItems ul li{float:left;width:calc(25% - 10px);margin:0 5px 0 5px}
.gateways.fouritem ul li,
article .filterPage .filteredItems.fouritem ul li{float:left;width:calc(25% - 10px)}
.gateways.sixitem ul li,
article .filterPage .filteredItems.sixitem ul li{float:left;width:calc(16.6666% - 10px)}
.gateways.fiveitem ul li,
article .filterPage .filteredItems.fiveitem ul li{float:left;width:calc(20% - 10px)}
.gateways.sixitem.photos ul li,
article .filterPage .filteredItems.sixitem.photos ul li{border:1px solid #848484}
.gateways ul li a,
.gateways ul li div,
article .filterPage .filteredItems ul li a{display:block;width:100%;margin:0 auto;transition:all ease-in-out .4s}
.ikteam.gateways ul li{width:calc(16.66666667% - 10px)}
.ikteam.gateways ul li div *{width:100%;display:block;text-align:center;margin-bottom:10px}
.ikteam.gateways ul li div span{height:auto;padding-top:5px}
.ikteam.gateways ul li div em{font-family:Avenir-Medium, Arial, Helvetica, sans-serif;color:#303030;font-size:13px;margin-bottom:25px}
.FotoGaleri{display:block;max-height:155px;width:auto!important;margin:0 auto;position:relative;transition:all ease-in-out .4s}
.gateways ul li a img,
.gateways ul li div img,
article .filterPage .filteredItems ul li a img{display:block;Width:300px;height:155px;margin:0 auto;position:relative;transition:all ease-in-out .4s}
.gateways ul li a span,
.gateways ul li div span,
article .filterPage .filteredItems ul li a span{width:100%;float:left;height:85px;font-family:Avenir-Light, Arial, Helvetica, sans-serif;color:#919191;font-size:14px;padding-top:25px}
.gateways ul li a small,
.gateways ul li div small,
article .filterPage .filteredItems ul li a span{font-family:Avenir-Light, Arial, Helvetica, sans-serif;color:#919191;font-size:15px;letter-spacing:1px;display:block;margin-bottom:10px;float:left}
.gateways ul li a em,
.gateways ul li div em,
article .filterPage .filteredItems ul li a span{font-family:Avenir-Light, Arial, Helvetica, sans-serif;color:#919191;font-size:15px;letter-spacing:1px;float:left}
.gateways.photos ul li,
article .filterPage .filteredItems.photos ul li{margin-bottom:10px}
article .gateways.papermedia ul li a{height:auto;overflow:hidden;border:1px solid #848484}
.gateways ul li a{position:relative}
.gateways.photos ul li a::after,
.gateways.photos ul li a::before{position:absolute;content:"";z-index:88;top:0;bottom:0;right:0;left:0;transition:all ease-in-out .4s;border-color:#848484!important}
.gateways.photos ul li a::after{bottom:0}
.gateways.photos ul li a:hover::after{border:10px solid #848484}
.gateways.photos.papermedia ul li a::before{top:0;display:block;left:0;bottom:0;right:0;border:10px solid #fff!important}
article .pager{width:100%;text-align:center;margin-top:40px;float:left}
article .pager>div>span{font-family:Avenir-Light, Arial, Helvetica, sans-serif;display:block;height:30px}
article .pager>div>span.active{display:inline;background:#442611;color:#fff}
article .pager li{display:inline-block}
article .pager .disabled{background:#442611;color:#fff}
article .pager a,
article .pager span.active{display:inline-block;padding:10px 15px;border:1px solid #442611;color:#442611;text-align:center;font-family:Avenir-Light, Arial, Helvetica, sans-serif;font-size:20px;position:relative;transition:all ease-in-out .2s;-webkit-transition:all ease-in-out .2s}
article .pager a:hover{color:#fff;background:#442611}
article .infobar{width:100%;float:left;height:96px;position:relative;margin-bottom:40px;margin-top:20px}
article .infobar.img{width:100%;float:left;height:auto;position:relative;margin-bottom:40px}
article .infobar.servicepattern{background:url(../images/site/servicepattern.png) center;background-size:100%}
article .infobar a{color:#fff;display:block;width:100%}
article .infobar a img{color:#fff;display:block;width:100%;float:left}
article .infobar .center{position:relative;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%)}
article .infobar .center a{color:#1a1818;font-family:Avenir-Medium, Arial, Helvetica, sans-serif;font-size:26px;text-align:center;width:100%;max-width:650px;display:block;margin:0 auto;padding-left:35px}
article .infobar .center a.callCenter{background:url(../images/site/callcenter-icon.png) no-repeat 0 center}
article .infobar .center a.phone{background:url(../images/site/callcenter-icon.png) no-repeat 0 center}
article .infobar.servicepattern .center a.phone{color:#fff!important}
article .infobar .center a span.sif-icon{background:url(../images/site/sif-icon.png) no-repeat 0 center;width:52px;height:48px;display:block;float:left}
article .infobar .center a span.apple-icon{background:url(https://www.avek.com.tr/Cms_Data/Sites/AvekOtomotiv/Files/i/assets/images/site/Apple-icon.png) no-repeat 0 center;width:52px;height:48px;display:block;float:left}
article .infobar .center a span.android-icon{background:url(../images/site/Android-icon.png) no-repeat 0 center;width:52px;height:48px;display:block;float:left}
article .infobar .center a svg{margin-top:-3px;float:left}
article .infobar .center .phone em{font-family:Avenir-Black, Arial, Helvetica, sans-serif}
article .infobar .center span{text-align:center;display:block;width:100%;font-family:Avenir-Light, Arial, Helvetiva, Sans-serif;font-size:16px;color:#fff}
article .infobar.border{border:1px solid #1a1818}
article .infobar.border .center a{max-width:400px;padding-left:0;font-size:28px}
article .more{display:block;width:100%;max-width:350px;margin:0 auto;background:#303030;color:#fff;height:49px;line-height:49px;text-align:center;font-family:Avenir-Black, Arial, Helvetiva, Sans-serif;letter-spacing:3px;font-size:16px}
article .darkBg .more{background:#fff!important;color:#303030!important}
article .accordion{width:100%;float:left;border-top:1px solid #303030;overflow:hidden}
article .accordion .accitem{width:100%;float:left;border-bottom:1px solid #303030}
article .accordion .accitem:last-child{border:0}
article .accordion .accitem .accHead{width:100%;float:left;padding:30px 0;position:relative;overflow:hidden;height:180px;display:block;padding-right:50px}
article .accordion .accitem .accHead>img{float:left;display:block;margin-right:50px;max-width:250px;position:relative;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all ease-in-out .4s;margin-right:50px}
article .accordion .accitem .accHead>span{font-family:Avenir-Black, Arial, Helvetica, sans-serif;letter-spacing:1px;color:#303030;font-size:24px;top:50%;display:block;position:relative;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all ease-in-out .4s}
article .accordion .accitem .accHead em{position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);color:#303030;font-family:Avenir-Black, Arial, Helvetica, sans-serif;font-size:24px;text-decoration:underline}
article .accordion .accitem .accPane{width:100%;float:left;display:none}
article .accordion .accitem .accPane p{font-size:20px;letter-spacing:1px}
article .accordion .accitem .accPane ul li{list-style:disc;font-size:20px;letter-spacing:1px;font-family:Avenir-Light, Arial, Helvetica, sans-serif}
article .accordion .accitem .accPane div img{width:100%;float:left;display:block}
article .accordion .accitem .accPane .paneHead{width:100%;float:left;position:relative;overflow:hidden;display:block;background:#303030;height:85px;margin-bottom:50px}
article .accordion .accitem .accPane .paneHead h2{margin-bottom:0;position:relative;transform:translateY(-50%);-webkit-transform:translateY(-50%);color:#fff;top:50%;padding:0 180px 0 35px}
article .accordion .accitem .accPane .paneHead em{position:absolute;right:35px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);color:#fff;font-family:Avenir-Black, Arial, Helvetica, sans-serif;font-size:24px;text-decoration:underline}
article .ikbottom{width:100%;float:left}
article .page-section{padding:45px 0;width:100%;float:left;height:100vh;border-bottom:1px solid #000}
article .iletisimBox{height:100%;padding-bottom:45px}
article .iletisimBox div.row>div{border-right:1px solid #303030;padding:0 25px;height:300px}
article .iletisimBox div.row>div:last-child{border:0}
article .iletisimBox div img{margin-bottom:20px;display:block;width:100%;float:left}
article .iletisimBox div{height:100%}
article .iletisimBox div p{font-size:13px;color:#303030;letter-spacing:0}
article .iletisimBox div p strong{font-family:Avenir-Black, Arial, Helvetica, sans-serif;display:block;width:100%;float:left}
article .iletisimBox div ul li{width:100%;margin-bottom:20px}
article .iletisimBox div ul li a{font-family:Avenir-Black, Arial, Helvetica, sans-serif;font-size:25px;color:#303030}
article .iletisimBox div ul li a span{font-family:Avenir-Black, Arial, Helvetica, sans-serif;color:#303030;display:block;width:100%;margin-bottom:5px;font-size:16px;letter-spacing:0}
@media (max-width:767px){article .page-section{height:auto;margin-bottom:25px}
.mobileoff{display:none}
article .page-section{padding:0}
article .iletisimBox,
article .iletisimBox div.row>div{padding:0 15px;text-align:center}
article .iletisimBox div ul li a{font-size:20px}
article .iletisimBox div ul li a span{font-size:15px}
article .iletisimBox div.row>div{border:none}
}
#footer .footmenu{width:100%;float:left}
#footer .footmenu>ul>li{float:left;width:25%}
#footer .footmenu>ul>li>a,
#footer h4,
#footer label{color:#919191;font-family:Avenir-Black, Arial, Helvetica, sans-serif;letter-spacing:1px;font-size:14px;display:block;margin-bottom:15px}
#footer .footmenu>ul>li>a{margin-bottom:25px}
#footer .footmenu>ul>li>ul li{margin-bottom:15px}
#footer .footmenu>ul>li>ul li a{color:#919191;letter-spacing:1px;font-size:16px}
#footer .socialMedia{width:100%;float:left;margin-bottom:25px}
#footer .socialMedia li{display:inline-block;margin:0 5px}
#footer .socialMedia li a{display:block;width:18px;height:18px;text-indent:-9999px}
#footer .socialMedia li a.facebook{background:url(../images/site/facebook.svg) no-repeat center;background-size:contain}
#footer .socialMedia li a.linkedin{background:url(../images/site/linkedin.svg) no-repeat center;background-size:contain}
#footer .socialMedia li a.twitter{background:url(../images/site/twitter.svg) no-repeat center;background-size:contain}
#footer .socialMedia li a.instagram{background:url(../images/site/instagram.svg) no-repeat center;background-size:contain}
#footer .socialMedia li a.youtube{background:url(../images/site/youtube.svg) no-repeat center;background-size:contain}
#footer .newslatter{margin-bottom:25px;width:100%;float:left}
#footer .newslatter form div{width:100%;height:60px;float:left;border:1px solid #000;position:relative}
#footer .newslatter form div input[type=text]{width:100%;float:left;height:100%;text-indent:20px;font-family:Avenir-Light, Arial, Helvetica, sans-serif;color:#919191;font-size:20px}
#footer .newslatter form div input[type=submit]{background:#442611;width:60px;height:100%;position:absolute;right:0;top:0;text-align:center;line-height:58px;color:#fff;font-family:Avenir-Light, Arial, Helvetica, sans-serif;cursor:pointer}
#footer .phoneNumber{margin-bottom:25px;width:100%;float:left}
#footer .phoneNumber a{font-size:18px;letter-spacing:1px;color:#442611;font-family:Avenir-Black, Arial, Helvetica, sans-serif}
#footer .footerBottom span{font-family:Avenir-Black, Arial, Helvetica, sans-serif;font-size:12px;color:#adadad}
#footer .footerBottom{text-align:center;padding-bottom:20px}
#footer .logo-carwan{height:auto;width:120px;display:inline-block;margin:20px auto 20px}
#footer p{font-size:14px;text-align:left;color:rgb(48, 48, 48, .7)}
@media (max-width:767px){.gateway .infobox a{width:120px}
#footer .footmenu>ul>li>a,
#footer h4,
#footer label{text-align:center;font-family:Avenir-Black, Arial, Helvetica, sans-serif}
#footer .phoneNumber a{text-align:center;display:block}
#footer .footerBottom span{display:block;width:100%;font-size:10px;font-family:Avenir-Black, Arial, Helvetica, sans-serif;float:left}
#footer h4:first-child{display:none}
#footer .logo-carwan{height:auto;margin:0 auto 20px}
#footer p{font-size:13px;text-align:center}
}
@media (max-width:1440px){.container{padding:0 50px}
.container{padding:0 50px}
#header .menuSide .bottomMenu>ul>li .subm{left:50px;right:80px}
}
@media (max-width:1024px){#header .menuSide .topMenu>ul li a{font-size:11px}
h2{margin-bottom:15px;font-size:15px}
h3{font-size:20px;letter-spacing:0;text-align:left}
#header #logo{width:200px}
#wrapper .mainSlider .bannerInfo h2{line-height:45px;font-size:45px!important}
#wrapper .mainSlider .bannerInfo h2 span{font-size:45px!important;text-align:left}
.bannerInfo a{float:left}
.container{padding:0 50px}
#header .menuSide .bottomMenu>ul>li .subm{left:-100%;right:auto}
#wrapper .mainSlider div.slick-slide img{max-width:55%}
#wrapper .mainSlider{max-height:30vh;margin-top:51px}
#wrapper .mainSlider div.slick-slide{max-height:30vh}
.slick-prev{left:50px!important}
.slick-next{right:50px!important}
.slick-arrow{width:30px}
#wrapper .mainSlider .bannerInfo h2{font-size:60px}
#wrapper .mainSlider .bannerInfo h2 span{font-size:40px}
#wrapper .mainSlider .bannerInfo{left:100px;bottom:100px;max-width:250px}
.ptb60{padding:30px 0}
.container{padding:0 15px}
.gateway .infobox small{font-size:16px;margin:10px 0;font-family:Avenir-Medium, Arial, Helvetica, Sans-serif;letter-spacing:1px}
.gateway .infobox span{font-size:30px;line-height:30px;letter-spacing:1px}
.gateway .infobox img{width:100%}
#home .pr80{padding:0}
#home .gateway.type2,
.gateway.type3{height:265px}
.gateway .infobox strong{font-size:22px;letter-spacing:1px;color:#000}
.gateway .infobox a{height:35px;line-height:35px;font-size:16px;color:#000}
.gateway .infobox span{color:#fff}
.carousel .slick-prev{left:10px!important}
.carousel .slick-next{right:10px!important}
.carousel .slick-arrow{top:50%;margin-top:-15px}
article .pagemenu>div.leftside{width:100%}
article .pagemenu>div.pm{overflow:scroll}
article .pagemenu>div.pm ul{display:block;float:left}
article .pagemenu>div.pm ul.models{min-width:800px}
.media article .pagemenu>div.pm ul{width:1188px}
.aboutus article .pagemenu>div.pm ul{width:500px}
.brand article .pagemenu>div.pm ul{width:768px}
article .pagemenu>div.pm ul{transform:none!important;-webkit-transform:none!important;left:auto!important;top:auto!important;position:relative!important}
article p{font-size:18px;line-height:25px;margin-bottom:20px;letter-spacing:0}
.donanimItem img{display:block;width:100%;margin-bottom:10px}
article .buttonGroup ul li{width:100%}
article .buttonGroup ul li a{text-align:center;margin:5px 0}
.generalForm .checks label{width:100%;margin:5px 0}
.minusContent.pad40.gray{box-shadow:#303030 0 0 10px inset;margin-top:-30px;padding:20px}
#footer .phoneNumber a{font-size:16px;letter-spacing:1px}
#footer .footmenu>ul>li>a{margin-bottom:17px;letter-spacing:0}
#footer .footmenu>ul>li>ul li a{font-size:13px!important}
#footer .footmenu>ul>li>ul li{margin-bottom:5px}
.gateways ul li a span,
.gateways ul li div span,
article .filterPage .filteredItems ul li a span{padding-top:10px;font-size:13px;height:60px}
article .modelsContainer ul li{width:50%}
article .modelsContainer ul li a>img{max-width:75%}
}
@media (max-width:768px){.gateways.fiveitem ul li,
article .filterPage .filteredItems.fiveitem ul li{width:calc(33.3333% - 10px)}
.gateways.sixitem ul li,
article .filterPage .filteredItems.sixitem ul li{width:calc(33.3333% - 10px)}
article .pagemenu>div.pm{width:100%;overflow:scroll}
article .pagemenu>div.pm ul{min-width:100%}
.gateway.type2{height:280px}
#footer .footmenu{display:none}
.gateways.fouritem ul li,
article .filterPage .filteredItems.fouritem ul li{width:calc(33.3333% - 10px)}
.ikteam.gateways ul li{width:calc(33.3333% - 10px)}
article .infobar .center a{font-size:24px}
article .infobar{margin-bottom:15px;position:relative;height:60px}
article .infobar .center a span.sif-icon{width:25px;background-size:100%;position:absolute;top:50%;margin-top:-26px;left:20px}
article .infobar.border .center a{font-size:14px!important}
.generalForm.servicepattern{padding:40px 15px}
.breadcrumb{display:none}
article .accordion .accitem .accHead>img{display:none}
article .accordion .accitem .accHead{height:100px;padding:15px 0}
article .accordion .accitem .accHead>span{font-size:20px;letter-spacing:0}
article .accordion .accitem .accHead em{font-size:15px}
.infobar.darkBg.border{height:73px}
.infobar.darkBg.border svg{margin-top:-16px}
article .pagemenu.brands>div.leftside{width:100%;height:60px}
article .pagemenu>div.leftside span{font-size:18px;line-height:60px}
.type2 .gateway{margin-right:7%}
.carousel .citem span{padding:0 5%;font-size:14px}
}
@media (max-width:767px){#footer .phoneNumber{margin-top:15px;margin-bottom:35px}
#wrapper .mainSlider{margin-top:-14px}
.minusContent.pad40.gray{box-shadow:#303030 0 0 10px inset;margin-top:-30px;margin-bottom:200px;padding:20px}
#wrapper .mainSlider div.slick-slide.slick-active img{right:0!important}
.gateway.type5 .infobox strong{color:#fff}
.gateway.type5 .infobox span{color:#fff}
.gateways.fiveitem ul li,
article .filterPage .filteredItems.fiveitem ul li{width:100%;margin:10px 0}
.gateways.sixitem ul li,
article .filterPage .filteredItems.sixitem ul li{width:100%;margin:10px 0}
article .modelsContainer ul li{width:100%}
article .modelsContainer ul li a>img{max-width:75%}
article .buttonGroup{padding-bottom:15px}
article .buttonGroup.flrbutton ul li{width:100%;margin:5px 0}
article .buttonGroup.flrbutton ul li a{padding:15px}
.mh150{height:150px!important}
article .accordion .accitem .accHead>span{left:0;top:0;position:relative;transform:none;-webkit-transform:none;float:left;text-align:center;display:block;width:100%}
article .accordion .accitem .accHead em{left:0;top:0;position:relative;transform:none;-webkit-transform:none;float:left;display:block;width:100%;text-align:center}
.infobar.darkBg.border svg{margin-left:10px}
.mmb0{margin-bottom:0!important}
article .infobar{margin-bottom:15px;position:relative;height:60px}
article .infobar .center a span.sif-icon{width:25px;background-size:100%;position:absolute;top:50%;margin-top:-26px;left:20px}
article .infobar .center a.phone{padding:30px 0 0 0;background-size:16px;background-position:center 5px;width:100%;font-size:16px}
article .infobar.border .center a{font-size:14px}
article .infobar.servicepattern{background-size:cover;height:150px}
.ikteam.gateways ul li{width:100%;margin:5px 0}
.filters form .selectbox,
.filters form .selectbox.dark{width:100%;margin-bottom:5px}
.gateways ul li,
article .filterPage .filteredItems ul li{width:100%;margin:0}
#header #logo{width:140px}
article .pageTop{margin-top:0}
.pagebanner{margin-bottom:25px}
article .more{letter-spacing:0;font-size:15px}
#wrapper .mainSlider div.slick-slide img{max-width:60%}
#wrapper .mainSlider .bannerInfo{width:calc(100% - 20px);left:20px;bottom:90px}
#wrapper .mainSlider .bannerInfo h2{font-size:32px!important;line-height:34px}
#wrapper .mainSlider .bannerInfo h2 span{font-size:28px!important}
.slick-dots{bottom:15px}
.slick-dots li{width:5px!important;height:5px!important}
.slick-arrow{width:30px;bottom:0!important;top:auto}
.slick-prev{left:25px!important;height:30px}
.slick-next{right:25px!important;height:30px}
.carousel .slick-prev{left:10px!important}
.carousel .slick-next{right:10px!important}
.carousel .slick-arrow{top:50%;margin-top:-15px}
.container{padding:0 15px}
.carousel .citem a{width:100%}
.carousel .citem span{font-size:16px;letter-spacing:1px}
#home .pr80{padding:0}
.ptb60{padding:15px 0}
.carousel .citem a{width:100%}
.carousel .citem span{font-size:16px;letter-spacing:1px}
.gateway .infobox small{font-size:15px;margin:10px 0;font-family:Avenir-Light, Arial, Helvetica, Sans-serif;letter-spacing:1px}
.gateway .infobox span{font-size:30px;line-height:30px;letter-spacing:1px}
.carousel .slick-prev{left:10px!important}
.carousel .slick-next{right:10px!important}
.carousel .slick-arrow{top:50%;margin-top:-15px}
.gateway .infobox img{width:100%}
.gateway .infobox a{height:35px;line-height:35px;font-size:14px}
}
#home .gateway.type2,
.gateway.type3{height:240px}
.container .row>.col-xs-12{text-align:center}
.container .row>.col-xs-12.mobile-bot:last-child{margin-bottom:230px;text-align:center}
.container .row>.col-xs-12.working-hours-bot:last-child{margin-bottom:-70px;text-align:center}
.container .row>.col-xs-12.address-bot{margin-bottom:-20px;text-align:center}
.container .row>.col-xs-12.mobile-bot-footer:last-child{margin-bottom:0;text-align:center}
.gateways.fouritem ul li,
article .filterPage .filteredItems.fouritem ul li{width:100%;margin:5px 0}
article .filterPage .filters form{width:100%}
.gateways.news ul li{margin-bottom:15px}
.gateways.news ul li a{height:auto}
.accitem b{font-weight:700}
@media (max-width:1024px){#header .menuSide .bottomMenu>ul>li:first-child{display:block}
h4{font-size:18px}
.marticle p{line-height:20px}
.sms2 .pagemenu{padding:40px 0!important;margin:0 -42px;float:left;border:0;width:100vw!important}
.sms2 .pagemenu ul{transform:none;-webkit-transform:none;left:0;top:0}
.sms2 .pagemenu ul li{width:100%}
.sms2 .pagemenu ul li a{padding:5px 0!important;text-align:center;color:#fff;font-family:Avenir-Light, Arial, Helvetica, sans-serif;font-size:20px;border-bottom:1px solid #695141;height:auto;height:auto!important;line-height:50px!important}
.sms2 .pagemenu>div ul li a.active,
.sms2 .pagemenu>div ul li a:hover,
.sms2 .pagemenu>div ul li.active a{color:#fff;background:#695141}
#header .menuSide .bottomMenu>ul>li.sms2 a.active{margin:0 -42px}
.sms2 .pagemenu>div ul li a::after,
.sms2 .pagemenu>div ul li a::before{display:none!important}
}
.subm_2 p{color:#303030;margin-top:0;padding-top:20px;font-weight:700;text-align:center;cursor:pointer}
@media (max-width:768px){.whatsapp{position:fixed;bottom:0;background:url(../images/ws.png) no-repeat 18px center #25d366;font-size:14px;line-height:14px;color:#fff;z-index:10000;padding:20px 30px 20px 70px;margin-bottom:10px}
}
.text-center{text-align:center}
.carousel{position:relative;max-width:1062px;margin:0 auto 0;text-align:center}
.carousel *,
.showcase-slider__item{outline:0}
.box{display:-webkit-flex-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;overflow:hidden;background-color:#fff;width:290px;height:auto!important;margin:15px auto;text-align:left;outline:0;-webkit-transition:box-shadow 250ms;-webkit-transition:-webkit-box-shadow 250ms;transition:-webkit-box-shadow 250ms;-o-transition:box-shadow 250ms;transition:box-shadow 250ms;transition:box-shadow 250ms, -webkit-box-shadow 250ms}
@media (max-width:767px){.box{width:320px!important}
.container .row>.col-xs-12.copyright-bot{margin-bottom:20px}
}
.box:after{content:"";display:block;width:100%;padding-bottom:65px}
.box figure{display:block;position:relative;overflow:hidden;width:100%;padding:0;padding-top:75%;margin:0;background-color:#46494d}
.box figure img{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:100%;height:auto;margin:0;-webkit-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms}
.box__info{position:absolute;bottom:0;left:0;width:100%;max-height:135px;padding:15px 20px 12px;background-color:#fff;-webkit-transition:max-height 850ms;-o-transition:max-height 850ms;transition:max-height 850ms}
.box__info:before{content:"";position:absolute;bottom:0;left:0;z-index:1;width:100%;background-color:#fff}
.box__info-rotate{position:absolute;top:-44px;left:0;height:44px;width:20%;background:url(../images/site/logo-sign.png) no-repeat 0 0;background-size:35px auto;background-position:10px center}
.box__info-title{margin:0;font:400 16px/22px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#444c50;letter-spacing:.3px}
.box__info-sub-title{font:600 13px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#9d9d9d}
sup{top:-.5em}
.box__info-features{margin:16px 0 45px;font:400 13px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#444c50}
.box__info-features li{margin:4px 0}
.box__info-features strong{font-weight:600}
.box__info-security{position:absolute;bottom:12px;left:18px;z-index:2}
.box__info-security li{display:inline-block;vertical-align:middle}
.box__info-price{position:absolute;top:-44px;right:-1px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:44px;width:36%;padding:0 10px;background-color:rgb(48, 48, 48, .7);font:600 18px Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;color:#fff;text-align:right;border-radius:6px}
@media (min-width:769px){.box:hover:not(.box--empty) .box__info{border-color:#fff;max-height:100%}
.box:hover:not(.box--empty) .box__info:before{border-color:#fff}
.box:hover:not(.box--empty) figure img{opacity:.3}
}
.more-btn-area{height:110px;background-color:#f7f8fa;text-align:center;line-height:110px}
.more-btn-area a{display:inline-block;font:700 20px Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;color:#fff;line-height:32px}
.more-btn-area a span{display:block;border-bottom:1px solid #444c50;z-index:9999999}
.clearfix::after{content:"";clear:both;display:table}
.sold_out{top:2em;left:-4em;color:#fff;display:block;position:absolute;text-align:center;text-decoration:none;letter-spacing:.06em;background-color:#a00;padding:.5em 5em .4em 5em;text-shadow:0 0 .75em #444;box-shadow:0 0 .5em rgba(0, 0, 0, .5);font:bold 16px/1.2em Arial, Sans-Serif;-webkit-text-shadow:0 0 .75em #444;-webkit-box-shadow:0 0 .5em rgba(0, 0, 0, .5);-webkit-transform:rotate(-45deg) scale(.75, 1);z-index:10}
.sold_out:before{content:'';top:0;left:0;right:0;bottom:0;position:absolute;margin:-.3em -5em;transform:scale(.7);-webkit-transform:scale(.7);border:2px rgba(255, 255, 255, .7) dashed}
.overlay{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, .5);z-index:2;cursor:pointer;border-radius:6px}
#preloader{position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-30px 0 0 -30px}
#status{position:fixed;z-index:999999;top:0;right:0;bottom:0;left:0;display:block;background:rgba(255, 255, 255, .3);background-image:url(../../assets/images/site/loader.png);-webkit-animation:heartBeat .8s infinite linear;animation:heartBeat .8s infinite linear;animation:heartBeat .8s infinite linear;animation:heartBeat .8s infinite linear;background-repeat:no-repeat;background-position:center}