@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);
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box;text-shadow:1px 1px 1px rgba(0,0,0,.004);outline:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
a,img{outline:0;text-decoration:none}
a{cursor:pointer;color:#1e2122;-webkit-transition:all .1s ease;transition:all .1s ease}
b,strong{font-weight:800}
input{-webkit-border-radius:0;border-radius:0}
input, textarea, button {font-family:'Source Sans Pro',sans-serif;font-family: "Titillium Web", sans-serif;}
body,html{width:100vw;margin:0;padding:0}
html {scroll-behavior: smooth;}
body{font-family:'Source Sans Pro',sans-serif;font-family: "Titillium Web", sans-serif;font-size:1.2rem;overflow-x:hidden;overflow-y:scroll;color:#fff;background-color:#fff}
::-webkit-scrollbar{background-color:#dedede;width:.5em;position:fixed;z-index:91}
::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:window-inactive{cursor:pointer;background-color:#ac1f25}
.ui-tooltip{width:auto;text-align:center;background-color:#000!important;box-shadow:none!important;padding:.2rem!important;border:1px solid #222!important}
.ui-tooltip-content{position:relative;padding:.2rem;font-weight:600;font-size:.9rem;opacity:1!important;color:#fff}
@media (max-width:1280px){
.ui-tooltip{display:none!important}
}
.clearfix{ clear:both }
.loading{display: none !important;position:fixed;z-index:999999999999!important;top:0;left:0;color:#fff;padding:0;width:100vw;height:100vh;background-color:rgba(52,58,64,.8)}
.loader{width:90px;height:90px;border:3px solid rgba(255,255,255,.1);border-bottom:3px solid transparent;border-radius:50%;position:relative;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;display:flex;justify-content:center;align-items:center;margin:20% auto}
.loader .inner{width:64px;height:64px;border:3px solid transparent;border-top:3px solid #ac1f25;border-radius:50%;-webkit-animation:spinInner 1s linear infinite;animation:spinInner 1s linear infinite}
.loader.small{width:50px;height:50px;margin:10% auto;border:3px solid rgba(113,113,113,.3);border-bottom:3px solid transparent}
.loader.small .inner{width:36px;height:36px;border:3px solid transparent;border-top:3px solid #2d3236}
@media (max-width:1280px){
.loader{margin:18rem auto}
}
@-webkit-keyframes spin{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes spin{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@-webkit-keyframes spinInner{
0%{transform:rotate(0)}
100%{transform:rotate(-720deg)}
}
@keyframes spinInner{
0%{transform:rotate(0)}
100%{transform:rotate(-720deg)}
}

#container{width:100%;height:100%;margin:0;padding:0}
.container{display:block;width:100%;overflow:hidden}
.container .wrapper{display:block;width:85%;margin:0 auto}
@media (max-width:1680px){
.container .wrapper{ width:95% }
}

header{display:block;width:100%; margin:0;padding:.5rem 0;transition:.3s;position:fixed;top:0;z-index:99; background-color: #fff; }
header.sticky{ box-shadow: 0 0 0 #ccc; background-color: #fff;}
header .upper,header .header{display:block;width:80%;margin:0 auto; padding: 0; position:relative; clear: both;  transition: .3s;}
header .upper { border-bottom: 0px solid #eee; height: 40px; margin: 0 auto 1rem auto;}
header.sticky .upper { overflow: hidden; height: 0; opacity: 0; margin: 0 auto; }
@media (max-width:1280px){
header .header{width:95%}
header .upper,header.sticky .upper {display: none; }
header.sticky { padding:.5rem 0; border-bottom: 1px solid #dedede;}
}

.topnav{display:block;height:100%;margin:0;padding:0 .1rem;float:left}
.topnav ul{margin:0;padding:0;}
.topnav li{display:block;float:left;position:relative; margin: 0 .5rem 0 0;}
.topnav li a{display:block;text-align:center;font-size:.9rem;padding:.4rem 1rem; line-height: 1; color: #fff !important; background-color: #ac1f25; border-radius: .4rem;}
.topnav li i{margin:0 .2rem 0 0;font-size:.7rem;color:#fff; float: left; line-height: 1.5;}
.topnav li:hover a{color:#ac1f25}
.topnav li.topnav-green a{ background-color: #389e44;}
.working-time { color: #111; font-size: 14px; padding: .2rem;}
.working-time b { color: #ac1f25; font-weight: 600;}
@media (max-width:1280px){
    .topnav li{ display: none;}
}

.hotline{display:block;height:100%;margin:0;padding:0 .1rem;float:right;}
.hotline ul{margin:0;padding:0;}
.hotline li{display:block;float:left;position:relative; margin:0 0 0 .5rem;}
.hotline li a{display:block;text-align:center;font-size:.9rem;padding:.4rem 1rem; line-height: 1; color:#fff!important; background-color: #ac1f25; border-radius: .4rem;}
.hotline li i{margin:0 1rem 0 0;font-size:.7rem;color:#fff; float: left; line-height: 1.5;}
@media (max-width:1280px){
    .hotline { float: left; position: absolute; top: 4rem; left: 0;}
    .hotline span{ display: none;}
    .hotline li{margin:0;}
    .hotline li:nth-child(1){ display: none;}
    .hotline li a{padding:.4rem 0;background-color: transparent; border-radius:0;}
    .hotline li i{margin:0;font-size:3.4rem; color: #3da8e0; line-height: 1;}
}

#google_translate_element { display: none; }
ul.flag { display: block; list-style: none; margin: 0; padding: 0; position: relative; z-index: 999; width: auto; float: left; }
ul.flag li { display: block; position: relative; float: left; margin:0 0 0 1rem; }
ul.flag li a { display: block; padding: 0; margin:0;  }
ul.flag li img { width: 28px; }
.skiptranslate { display: none!important; }
body { top: 0!important; }
@media (max-width:1280px){
    ul.flag li { display: block; position: relative; float: left; margin:0 .2rem 0 0; }
}

.social-top{ float: right; margin: .5rem 0 0 0;}
.social-top a{display:inline-block;text-align:center; width: 2rem; margin:0 .2rem 0 0;overflow:hidden;position:relative;color:#fff;border-radius:.4rem;font-size:1rem}
.social-top a svg{ width: 20px; height: 15px; fill: #fff; }
.social-top a:hover{filter:brightness(100%)}
.social-top a.social_facebook{background-color:#4b69b1}
.social-top a.social_twitter{background-color:#222}
.social-top a.social_instagram{background-color:#cf3053}
.social-top a.social_youtube{background-color:red}
.social-top a.social_linkedin{background-color:#37b1e2}

@media (max-width:1280px){
.social-top{ display: none;} 
}

.logo{width:270px;height:65px; float: left; display:block;overflow:hidden;transition:.3s;cursor:pointer;}
.st0 { fill: #cd202a; }
.st1, .st2 { fill: #111; }
.st2 { stroke: #111; stroke-miterlimit: 10; stroke-width: .9px; }
.st3 { fill: #ab1f24; }
@media (max-width:1280px){
    .logo{width:275px;}
}

.toggleMenu{color: #fff; z-index:10000;text-align:center;overflow:hidden;transition:.5s; display: block; margin:0;font-size:1.6rem; width: 50px; height: 50px; line-height: 50px; position: absolute; top:0; right:0;background-color:#ac1f25;border-radius: 50%; }

nav{margin:10px 0 0 5%;padding:0;display:block;position:relative;z-index:250;float:left}
.nav{margin:0;padding:0;list-style:none;text-align:center;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:250px}
.nav a{display:block;color:#111;font-size:1rem;font-weight:700;padding:0 .6rem;margin:0;text-align:center;transition:.1s;-webkit-transition:.1s;overflow:hidden;position:relative}
.nav>li{display:inline-block;padding:0;margin:0;position:relative}
.nav>li:hover>a{color:#ac1f25}
.nav>li>a:after{content:'';display:block;width:0;height:5px;background:#ac1f25;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;font-size:.9rem;color:#fff;padding:8px 10px;height:auto;line-height:normal;text-align:left;font-weight:500;border-bottom:1px solid #313131}
.nav li ul li ul li a{ background-color: #ac1f25;}
.nav li ul li:last-child a{border-bottom:0}
.nav li ul li a:hover,.nav li ul li:hover>a{background:#939499;color:#fff}
.nav li.language{border-left:1px solid #ccc}
.nav li.language ul{margin:0}
.nav li.language ul li{width:100px}
.nav li.language ul li a{font-weight:700;color:#fff}
.nav li.language a img{width:30px;height:30px;margin:0 1rem 0 0;float:left}
@media (max-width:1366px){
nav{width:auto;margin:1.6rem 0 0 2rem}
}
@media (max-width:1280px){
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:1rem;height:auto;padding:8px 20px;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:before{color:#111;right:15px;top:15px}
.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{padding:0 20px;line-height:40px;font-weight:500;height:auto;font-size:1rem;border-bottom:0}
.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{border-left:1px solid #ccc}
.nav li.language ul li{width:100%}
.nav li.language a img{margin:.2rem 1rem 0 0;height:25px;width:25px}
}
.video_banner { display: block; width: 100%; overflow: hidden; margin:0; position: relative; z-index: 0; }
.banner{width:100%; margin:0;padding:0}
.banner .owl-item{margin:0!important;padding:0!important;overflow:hidden;}
.banner .owl-item img{width:100%; vertical-align:bottom}
.banner .owl-item .banner-desk{display:block!important}
.banner .owl-item .banner-mobile{display:none!important}
.banner .owl-nav span{display:none}
.banner .owl-nav .owl-next,.banner .owl-nav .owl-prev{font-size:1rem!important;width:4rem;height:4rem;background-color:#ac1f25!important;}
.banner .owl-nav .owl-next:hover,.banner .owl-nav .owl-prev:hover{background-color:#1e2122!important}
.banner .owl-nav .owl-prev:before{font-family:FontAwesome;content:"\f104"}
.banner .owl-nav .owl-next:after{font-family:FontAwesome;content:"\f105"}
.banner .owl-nav button.owl-prev{left:0}
.banner .owl-nav button.owl-next{right:.6rem;}
.banner .owl-nav button{position:absolute;top:50%;transform:translateY(-50%);color:#fff!important}

@media (max-width:1024px) {
    .video_banner { height: auto; }
    .banner{height: auto; }
    .banner .owl-nav .owl-next,.banner .owl-nav .owl-prev{background-color:transparent!important;border:0!important;}
    .banner .owl-nav .owl-next:hover,.banner .owl-nav .owl-prev:hover{background-color:transparent!important}
    .banner .owl-nav button.owl-prev{left:5%}
    .banner .owl-nav button.owl-next{right:5%;}
    .banner .owl-nav button{ display: none!important;}
    .banner .owl-item .banner-desk{display:none!important}
    .banner .owl-item .banner-mobile{display:block!important}
}

.caption{width:100%;height:100%;padding:20% 0 0 10%;margin:0;z-index:7;position:absolute;top:0;left:0;overflow:hidden; background-color:rgba(0,0,0,.1);/* background-image: radial-gradient(#000 01%, transparent 01%); background-size: 3px 3px; */}
.caption-desc,.caption-title{width:40%;display:block;color:#fff;padding:0;margin:0;text-align:left;position:relative;opacity:0;z-index:1; text-shadow: 0 0 5px #111;}
.caption-title{font-size:3rem;font-weight:700;animation:title .2s .4s linear forwards;line-height:.9;}
.caption-desc{ margin: 1rem 0 0 0; font-size:1.2rem;font-weight:100;animation:desc .2s .5s linear forwards;line-height:1.3;}
.caption-link{display:block; width: 200px; opacity:0;margin:2rem 0!important;animation:link .2s .6s linear forwards;position:relative;z-index:1}
.caption-link a{ display: block; border: 1px solid #fff; color: #fff; padding: .5rem 1rem;}
.caption-link i{ float: right; margin: .2rem 0 0 0; }
.caption-link a:hover{ background-color: #ac1f25; color: #fff; transform: scale(1.1) translateX(10px);}
.caption-link a:hover i{  margin: .2rem 0 0 1rem;}

@media (max-width:1440px){
.caption{padding:25% 0 0 10%;}
.caption-title{font-size:2rem;}
.caption-desc{ font-size:1rem;}
}

@media (max-width:1120px){
.caption{padding:30% 5% 0 5%; background-color:rgba(0,0,0,.2);}
.caption-desc,.caption-title{width:100%}
.caption-title{font-size:2.4rem}
.caption-desc{font-size:1rem}
.caption-link{display:block; width: 125px;}
.caption-link a{ padding: .5rem 1rem;}
.caption-link i{  display: none; }
}

@media (max-width:1280px){
.caption{padding:50% 5% 0 5%; }
.caption-title{font-size:2.4rem}
.caption-desc{font-size:1.2rem}
}

@media (max-width:1280px){
.caption{padding:60% 5% 0 5%; }
.caption-title{font-size:1.8rem}
.caption-desc{font-size:1rem}
}

@keyframes title{
from{opacity:0}
to{opacity:1}
}
@keyframes desc{
from{opacity:0}
to{opacity:1}
}
@keyframes link{
from{opacity:0}
to{opacity:1}
}

.scrollbutton { display: none!important; position: absolute; width: 100%; bottom: 5%; z-index: 2; -webkit-transition: .3s; transition: .3s; -webkit-transform: scale(1); transform: scale(1); display: block; }
.scrollbutton .scrolldown { width: 75px; height: 75px; margin: 0 auto; text-align: center; overflow: hidden; display: block; padding: 0; background-image: url(../svg/arrow.svg); background-repeat: no-repeat; background-position: center center; background-size: 3rem; animation: arrowDown .8s infinite; transform: translateY(0); }
@media (max-width:1024px) {
  .scrollbutton { bottom: 5%; }
  .scrollbutton .scrolldown { background-size: 2rem; }
}
@keyframes arrowDown {
  0% { transform: translateY(20px); opacity: .3; }
  100% { transform: translateY(0); opacity: 1; }
}

.offer_wrap { display: block; position: absolute; width: 650px; padding:0 1rem; border-radius: .2rem; overflow: hidden; z-index: 10; right: 10rem; top: 35%; background-color: rgba(255,255,255,.7);}
.offer_title { display: block; font-size: 1.4rem; margin: 2rem 0 0 0; border-radius: .6rem; color: #fff; background-color: #ac1f25; text-align: center; font-weight: 600;}
.offer_form{width:100%;margin:20px 0;display:flex;flex-wrap:wrap;justify-content:space-between}
.offer_row{width:48%;display:block;overflow:hidden;color:#111;margin:0 0 10px 0;padding:0}
.offer_row>input,.offer_row textarea,.offer_row select{width:100%;font-size:1.2rem;display:block;padding:0 20px;margin:15px 0;height:50px;line-height:50px;background-color:#fff;color:#444;border:1px solid #dedede; border-radius: 1rem; -webkit-transition:.2s;transition:.2s}
.offer_row textarea{height:180px}
.offer_row input:focus,.offer_row textarea:focus{border:1px solid #ac1f25;background:#f7f7f7}
.offer_row input[type=submit]{width:100%;height:55px;float:right;font-size:1.3rem;line-height:45px;font-weight:700;text-align:center;overflow:hidden;margin:20px 0 0 0;display:block;border:none;background-color:#ac1f25;color:#fff;cursor:pointer;transition:all .1s linear;-moz-transition:all .1s linear;-webkit-transition:all .1s linear;border-radius:5px}
.offer_row input[type=submit]:hover{ filter: brightness(130%);}
@media (max-width:1280px){
.offer_wrap { position: static; right: 0; top: 0; width: 100%;background-color: #fff;}
.offer_form{width:100%;margin:20px 0;display:flex;flex-wrap:wrap;justify-content:space-between}
.offer_row{width:108%;display:block;overflow:hidden;color:#111;margin:0;padding:0}
.offer_row input,.offer_row textarea{margin:0 0 10px 0}
}

.headline{width:800px;margin:2.5% auto;display:block;text-align:center;overflow:hidden}
.headline:before{content:"";display:block;width:5rem;height:.8rem;background-color:#ac1f25;margin:1rem auto;border-radius:10rem}
.headline h1,.headline h2,.headline h3,.headline h4{margin:0;padding:0;line-height:115%}
.headline h1{font-size:2rem;color:#111;font-weight:700}
.headline h2{font-size:1.2rem;width:75%;margin:1rem auto;font-weight:300;color:#111}
.headline h3{font-size:2rem;color:#111;font-weight:700}
.headline h4{font-size:1.2rem;margin:0 auto;font-weight:300;color:#111}
.headline p{margin:.6rem 0;padding:0}
.headline.text-light *{color:#fff}
.headline.text-light:before{background-color:#ac1f25}
.headline.text-left{ text-align: left; width: 100%; }
.headline.text-left:before{ margin: 1rem 0; }
@media (max-width:1280px){
.headline{width:100%;margin:4rem auto}
.headline h3{font-size:2.2rem}
.headline h4{font-size:1rem}
.headline h5{font-size:1.4rem}
.headline h6{font-size:1rem}
}

.readmore{display:block; width: 250px;margin:2rem 0;position:relative;z-index:1}
.readmore a{ display: block; border: 2px solid #ac1f25; color: #111; font-weight: 600; padding: 1rem 2rem; font-size: 1.4rem;}
.readmore i{ float: right; margin: .2rem 0 0 0; }
.readmore a:hover{ background-color: #ac1f25; color: #fff; transform: scale(1.1) translateX(10px);}
.readmore a:hover i{  margin: .2rem 0 0 1rem;}
.readmore.align-center{ margin: 2rem auto;}
.readmore.align-center  a:hover{ margin: 2rem auto;transform: scale(1.1) translateX(0);}
@media (max-width:480px){
    .readmore{width:70%;}
    .readmore a{ padding: 1rem 2rem; font-size: 1.2rem;}
}

.section3{padding:0; overflow: hidden; color: #111; margin: 2rem 0;}
.section3 .wrapper{width:80%;}
.section3.service { background-color: #dedede; padding: 3rem 0; margin: 0;}

.cards { display: flex; flex-wrap: wrap; justify-content: space-between;}
.card_col { width: 32%; background-color: #fff; padding: 1rem 2rem; margin: 0 0 2rem 0; overflow: hidden; border-radius: 1rem; box-shadow: 0 0 5px #ccc; background-repeat: no-repeat; background-position: top center; background-size: cover;}
.card_title { display: block; text-align: center; font-weight: 700; font-size: 1.6rem; margin: 0 0 2rem 0;}
.card_title i{ display: block; margin: 1rem auto; color: #ac1f25;}
.card_link { display: block; border-bottom: 1px solid #dedede; padding: .5rem 0; font-weight: 700;}
.card_link:last-child { border: 0;}
.card_link:hover {color: #ac1f25;}

@media (max-width:1280px){
.card_col { width: 49%; }
}

@media (max-width:690px){
.card_col { width: 100%; }
}


.sub_categories { display: block; margin: 2rem 0 0 0;}
.sub_categories a {  width: 31%; float: left; margin: 0 3.5% 2% 0;}
.sub_categories img {  width: 100%; vertical-align: middle;}
.sub_categories a:nth-child(3n+0) { margin: 0 0 2% 0; float: right;}

.flexbox{ display: block; width:100%; margin:0;padding:0 }
.flexbox .owl-item{margin:0!important;padding:0!important;}
.flexbox .owl-nav span{display:none}
.flexbox .owl-nav .owl-next,.flexbox .owl-nav .owl-prev{font-size:1.4rem!important;width:4rem;height:4rem;background-color:transparent!important;}
.flexbox .owl-nav .owl-next:hover,.flexbox .owl-nav .owl-prev:hover{background-color:#ccc!important}
.flexbox .owl-nav .owl-prev:before{font-family:FontAwesome;content:"\f104"}
.flexbox .owl-nav .owl-next:after{font-family:FontAwesome;content:"\f105"}
.flexbox .owl-nav button.owl-prev{left:-5rem}
.flexbox .owl-nav button.owl-next{right:-5rem;}
.flexbox .owl-nav button{position:absolute;top:50%;transform:translateY(-50%);color:#111!important}
.flex-col{ width:100%; display:flex;flex-wrap:wrap;justify-content:space-between;margin:0; position: relative; background-repeat: no-repeat; background-size: cover; background-position: top center; color: #fff; border-right: 1px solid #fff;}
.flex-col:last-child{ border-right: 0;}
.flex-content{width:100%; padding:15% 10% 30% 10%;text-align:left; background-color: rgba(0,0,0,.6); transition: .3s;}
.flex-title{display:block;margin:0;padding:.6rem 0;font-weight:100;font-size:1.6rem; line-height: 1.2; min-height: 150px; color:#fff;text-shadow:0 0 2px #111}
.flex-title:before{content:"";display:block;width:5rem;height:.5rem;background-color:#ac1f25;margin:0 0 1rem 0; border-radius: 3rem;}
.flex-summary{display:block;margin:1rem 0 0 0;font-size:1rem; min-height: 175px;}
.flex-link{display:block; width: 250px;margin:2rem 0;position:relative;z-index:1}
.flex-link a{ display: block; border: 2px solid #fff; text-align: left; color: #fff; font-weight: 600; padding: 1rem 1rem; font-size: 1.2rem;}
.flex-link i{ float: right; margin: .2rem 0 0 0; }
.flex-link a:hover{ background-color: #ac1f25; color: #fff; transform: scale(1.1) translateX(0);}
.flex-link a:hover i{  margin: .2rem 0 0 1rem;}
.flex-col:hover .flex-content{ background-color: rgba(0,0,0,.8);}

@media (max-width:1440px){
.flex-title{font-size:1.2rem}
.flex-summary{font-size:.8rem}
.flex-link{display:block; width: 100%;}
}

@media (max-width:1280px){
.section3{ margin:2rem 0 0 0;}
.section3 .wrapper{width:85%}
.flex-col{margin:0 0 5% 0; width: 100%;}
.flex-left{width:100%}
.flex-right{width:100%}
.flex-title{font-size:2rem}
.flex-summary{font-size:1rem}
}

.section1{width:100%;margin:2.5rem 0;padding:0; position: relative; z-index: 10;}
.section1 .wrapper{width:80%;}

.about{display:block;width:100%;margin:0 auto;}
.about-left{width:40%; height: 100%; float: left; overflow:hidden; background-size: cover; background-position: 0; position: relative;}
.about-left img{ width: 100%;}
.about-left:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: radial-gradient(rgba(0, 0, 0, 0) 1%, transparent 1%); background-size: 5px 5px;}
.about-right{width:60%; float: right; overflow:hidden;padding:1rem 5%;font-size:1.1rem;font-weight:100; color: #111;}
.about-right * { line-height:1.2; margin:1rem 0;}
.about-right h3{color:#111;font-size:3rem;font-weight:700; margin: 0; padding: 0;}
.about-right h4{color:#111;font-size:1.4rem;font-weight:100; margin: 0; padding: 0;}
.about-right a{color:#111;margin:4rem 0}
@media (max-width:1280px){
.section1{margin:0;}
.section1 .wrapper{width:100%}
.about-left{width:100%; height: 250px; background-size: 100%;}
.about-right{width:100%;padding:2rem;font-size:1.2rem}
.about-right h3{font-size:2.6rem}
.about-right h4{font-size:1.6rem; }
.about-right a{margin:4rem 0 0 0}
}

.section7{width:100%; overflow: hidden; clear: both; margin:0;padding:0; background-color: #fff;}
.section7 .wrapper{width:80%; border-bottom: 1px solid #dedede; border-top: 0px solid #dedede; }

.counter-block{width:100%;margin:0;display:flex;flex-wrap:wrap;justify-content:space-between}
.counter-item{display:block;width:23%;margin:0;padding:2rem;position:relative;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;}
.counter-data{display:block;width:100%;position:relative;overflow:hidden;transition:.2s;text-align:center}
.counter-data h5{color:#ac1f25;padding:0;margin:0;font-size:5rem;font-weight:700;line-height:100%}
.counter-data h6{color:#ac1f25;padding:2rem 0;margin:0;font-size:1.4rem;font-weight:400;}
@media (max-width:1280px){
    .counter-item{width:100%;margin:0;padding:1rem; border-bottom: 1px solid #ccc;}
    .counter-item:last-child{ border-bottom: 0;}
    .counter-data h5{font-size:3rem;}
    .counter-data h6{font-size:1.2rem;}
}


.section8 { width: 100%; margin:0 0 0 0; z-index: 10; padding:2.5rem 0; background-color: #eee; position: relative; overflow: hidden;}
.section8 .wrapper{ width: 80%; }

.info { display: flex; flex-wrap: wrap; justify-content: space-between; }
.info-col { width: 31%; color: #fff; margin: 1rem 0; text-align: center; border-radius: 1rem; }
.info-col:nth-child(1) { background-color: #1c42eb; }
.info-col:nth-child(2) { background-color: #cd202a; }
.info-col:nth-child(3) { background-color: #05a51f; }

.icon-count { display: block; width: 10rem; height: 10rem; line-height: 9rem;border: 0px solid #fff; text-align: center; color: #fff; font-size: 6rem; margin:1rem auto; }
.info-text {  width: 100%; text-align: center;}
.info-text>h5 { display: block; font-size: 1.6rem; margin: 0; line-height: 1; }
.info-text>span { display: block; font-size: 1.2rem; margin: 2rem 0 0 0; }

.icon-count { display: inline-block; perspective: 600px;               }
.icon-count i {display: inline-block;transition: transform 0.4s ease;transform-origin: center center;}
.info-col:hover .icon-count i {transform: rotateY(180deg);}
.info-col:hover { filter: brightness(110%);}
.info-link{display:block; width: 175px;margin:2rem auto;position:relative;z-index:1}
.info-link a{ display: block; border: 2px solid #fff; text-align: left; color: #fff; font-weight: 600; padding: 1rem 1rem; font-size: 1.2rem;}
.info-link i{ float: right; margin: .2rem 0 0 0; }
.info-link a:hover{  color: #fff; transform: scale(1.1) translateX(0);}

.info-col:nth-child(1) .info-link a:hover { background-color: #1c42eb; }
.info-col:nth-child(2) .info-link a:hover { background-color: #cd202a; }
.info-col:nth-child(3) .info-link a:hover { background-color: #05a51f; }

.info-link a:hover i{  margin: .2rem 0 0 1rem;}

@media (max-width:1280px){
    .section8 { width: 100%; padding: 1rem 0; }
    .section8 .wrapper{ width: 90%; }

    .info { margin: 2rem 0 0 0; }
    .info-col { width: 100%;}
    .info-text { float: left; width: 100%;}
    .info-text>h5 { display: block; font-size: 2rem; margin: 1rem 0; }
    .info-text>span { display: block; font-size: 1.2rem; margin: 1rem 0; }
}



.section2{width:100%;margin:0;padding:0 0 2rem 0;display:block;overflow:hidden;background-size:cover;color:#2d3236;}
.section2 .wrapper{ width: 80%}

.block{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;}
.block-col{width:19%; height: 250px; display:block;margin:2% 0;position:relative;overflow:hidden; box-shadow: 0 0 20px #aeaeae;}
.block-header{display:block;width:100%; height: 100%; overflow:hidden;color:#fff;padding:2rem;position:absolute;bottom:0;left:0;background-color:rgba(0,0,0,.4);transition:.6s}
.block-title{display:block;margin:0;font-weight:700;font-size:1.2rem; line-height: 1;}
.block-title:after{content:"";background-color:#ac1f25;width:25%;height:.6rem;border-radius:1rem;margin:.4rem 0;display:block;font-size:2rem;text-align:center}
.block-summary{display:block;margin:1rem 0 0 0;font-size:1.4rem;padding:0;overflow:hidden}
.block-header i{ position: absolute; right: 5%; top: 15%; z-index: 0; font-size: 10rem; opacity: .5; transform: rotate(-20deg); }
.block-col:hover .block-header{background-color:rgba(0,0,0,.8);padding:3rem 2rem;bottom:0}
.block-col:hover .block-summary {opacity: 1; }
@media (max-width:1280px){
.section2{padding:0 0 3rem 0}
.section2 .wrapper{width:90%}
.block{display:flex;flex-wrap:wrap;justify-content:space-between}
.block-col{width:100%;margin:0 0 2rem 0}
.block-header{background-color:rgba(0,0,0,.8)}
.block-title{font-size:1.4rem}
.block-summary{font-size:.8rem}
}
 
.blog_left { width: 60%; float: left;}
.blog_right { width: 35%; float: right;}
@media (max-width:1280px){ 
.blog_left { width: 100%;}
.blog_right { width: 100%; } 
}

.blog_photos{display:flex;flex-wrap:wrap;width:100%;margin:0 0 0 0}
.blog_photos-col{width:100%;display:block;margin:0 0 2% 0;position:relative;overflow:hidden; box-shadow: 0 0 20px #aeaeae; background-color: #2b252b;}
.blog_photos-col img{width:100%;vertical-align:bottom;transition:.1s}
.blog_photos-col:hover i{ opacity: 1;}
.blog_photos-col:hover img{transform: scale(1.1);}


.photos{display:flex;flex-wrap:wrap;width:100%;margin:3rem 0 0 0}
.photos-col{width:21%;display:block;margin:0 2% 2% 0;position:relative;overflow:hidden; box-shadow: 0 0 20px #aeaeae; background-color: #2b252b;}
.photos-col i{ content: ""; display: block; opacity: 0; transition:.3s; width: 100%; height: 100%; padding: 48% 0; position: absolute; top: 0; left: 0; text-align: center; font-size: 3rem; color: #ac1f25; }
.photos-col img{width:100%;vertical-align:bottom;transition:.1s}
.photos-col:hover i{ opacity: 1;}
.photos-col:hover img{transform: scale(1.1);}
@media (max-width:1280px){
    .photos{ justify-content: space-between; }
    .photos-col{width:48%;margin:0 0 4% 0; }
}

.section99 {width:100%; height: 150px; overflow: hidden; margin:0;padding:0; background-color: #fff;}
@media (max-width:1280px){
    .section99 {height: 85px;}
}
.section5{width:100%; overflow: hidden; clear: both; margin:0;padding:0; background-color: #fff; border-top: 1px solid #dedede;}
.section5 .wrapper{width:80%; border-bottom: 1px solid #dedede; }
@media (max-width:1280px){
    .section5{ padding: 2rem 0 0 0;}
    .section5 .wrapper{width:90%; }
}
.heading{width:100%;margin:2.5% 0;display:block;text-align:left;overflow:hidden}
.heading:before{content:"";display:block;width:5rem;height:.2rem;background-color:#ac1f25;margin:0 0 1rem 0;border-radius:10rem}
.heading.align-center{ text-align: center; width: 100%;}
.heading.align-center:before{margin:1rem auto;}

.heading h1,.heading h2,.heading h3,.heading h4{margin:0;padding:0;line-height:115%; color: #111;}
.heading h1{ font-size: 2.2rem;}
.heading h2{ font-size: 1.1rem; font-weight: 300;}
.heading h3{ font-size: 2.2rem;}
.heading h4{ font-size: 1.1rem; font-weight: 300;}
@media (max-width:1280px){
    .heading{width:100%;margin:0 0 5% 0;}
    .heading.align-center{ width: 100%; }
    .heading h1,.heading h2,.heading h3,.heading h4{line-height:100%;}
    .heading h1{ font-size: 1.8rem;}
    .heading h2{ font-size: 1rem;}
    .heading h3{ font-size: 1.8rem;}
    .heading h4{ font-size: 1rem;}
}

.section6{width:100%;margin:0;padding:2.5% 0; position: relative; background-color: #fff; color: #111;}
.section6 .wrapper{width:80%; clear: both;}
@media (max-width:1280px){
    .section6{padding:1rem 0 2.5rem 0;}
    .section6 .wrapper{width:90%}
}

aside{width:27%;float:left;display:block; margin:0 0 2rem 0;font-size:1.2rem;}
aside.detail_aside{ width:45%;}
aside.detail_aside.about_aside{ width:25%; min-width: 350px;}
aside.detail_aside.about_aside video{ width:320px;}
aside ul{display:block;margin:0;padding:0;list-style:none}
aside ul li{width:100%;display:block; margin: 0 0 .8rem 0;}
aside ul li i{margin:0 1rem 0 0;float:right}
aside ul li a{width:100%;padding:1rem 0 1rem 1rem;overflow:hidden;display:block; line-height: 1; background-color: #eee;border-left:15px solid #ac1f25;  font-weight: 700;}
aside ul li a:hover,aside ul li.active a{background-color:#ac1f25; color: #fff;}

main{width:68%;float:right;display:block;}
main.detail_main{ width: 50%;}
main.detail_main.about_main{ width: 70%;}
main.detail_main .heading{ margin:2rem 0;}
@media (max-width:1280px){
    aside,aside.detail_aside{display: block; width: 100%;}
    main,main.detail_main{width:100%;float:right;display:block;margin:0 0 1rem 0}

    aside.detail_aside.about_aside{ width:100%;}
    main.detail_main.about_main{ width: 100%;}
    aside.detail_aside.about_aside video{ width:100%; height: auto;}
}


.products{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin:0}
.products-col{width:32%;display:block;margin:0 0 2% 0;position:relative;overflow:hidden; box-shadow: 0 0 20px #aeaeae; color: #111;}
.products-col img{ width: 100%; vertical-align: bottom;}
.products-header{display:block;width:100%;overflow:hidden;padding:2rem;transition:.6s;color: #111; float: left;}
.products-title{display:block;margin:0;font-weight:700;font-size:1.3rem; line-height: 1;}
.products-title:after{content:"";background-color:#3da8e0;width:50%;height:.1rem;border-radius:1rem;margin:.4rem 0;display:block;font-size:2rem;text-align:center}
.products-summary{display:block;margin:1rem 0 0 0;  font-size:1rem;padding:0;overflow:hidden}
.products-price{width:25%; float: right; text-align: right; font-size: 2.8rem; padding: 2rem;}
.products-price sup{ font-size: 1rem;}
@media (max-width:1280px){
    .products-col{margin: 0 0 10% 0; width: 100%;}
    .products-header{width:100%;padding:.4rem .4rem 1rem 1rem;}
    .products-title{font-size:1.3rem;}
    .products-summary{margin:0;font-size:.9rem;}
    .products-price{width:100%; font-size: 1.8rem; padding:0rem .4rem;}
}

.ref { display: flex; flex-wrap: wrap; justify-content: center;}
.ref a { display: block; width: 20%; padding: 1rem 0; border-bottom: 1px solid #ccc;  border-right: 1px solid #ccc;}
.ref a:nth-child(5n+0) { border-right: 0;}
.ref img { width: 100%;}
.ref a:nth-child(6),
.ref a:nth-child(7),
.ref a:nth-child(8),
.ref a:nth-child(9),
.ref a:nth-child(10) { border-bottom:0;}
@media (max-width:1280px){
.ref { padding: 1rem; }
}



.references{ display: block; padding: 2rem 0; }
.references .owl-item{margin:0!important;padding:0 1rem!important;}
.references .owl-item img{ width: 100%; vertical-align: bottom;}
.references .owl-nav span{display:none}
.references .owl-nav .owl-next,.references .owl-nav .owl-prev{font-size:1.4rem!important;width:4rem;height:4rem;background-color:transparent!important;}
.references .owl-nav .owl-next:hover,.references .owl-nav .owl-prev:hover{background-color:#ccc!important}
.references .owl-nav .owl-prev:before{font-family:FontAwesome;content:"\f104"}
.references .owl-nav .owl-next:after{font-family:FontAwesome;content:"\f105"}
.references .owl-nav button.owl-prev{left:-2rem}
.references .owl-nav button.owl-next{right:-2rem;}
.references .owl-nav button{position:absolute;top:50%;transform:translateY(-50%);color:#111!important}
@media (max-width:768px){
.references .owl-nav button.owl-prev{left:0rem}
.references .owl-nav button.owl-next{right:0rem;}
}

.gallery{ display: block; }
.gallery .owl-item{margin:0!important;padding:0!important;}
.gallery .owl-item img{ width: 100%; vertical-align: bottom;}
.gallery .owl-nav span{display:none}
.gallery .owl-nav .owl-next,.gallery .owl-nav .owl-prev{font-size:1.4rem!important;width:4rem;height:4rem;background-color:transparent!important;}
.gallery .owl-nav .owl-next:hover,.gallery .owl-nav .owl-prev:hover{background-color:#ccc!important}
.gallery .owl-nav .owl-prev:before{font-family:FontAwesome;content:"\f104"}
.gallery .owl-nav .owl-next:after{font-family:FontAwesome;content:"\f105"}
.gallery .owl-nav button.owl-prev{left:-5rem}
.gallery .owl-nav button.owl-next{right:-5rem;}
.gallery .owl-nav button{position:absolute;top:50%;transform:translateY(-50%);color:#111!important}


.index-blog{ display: block; padding: 2rem 0; }
.index-blog .owl-item{margin:0!important;padding:0 1rem!important;}
.index-blog .owl-item img{ width: 100%; vertical-align: bottom;}
.index-blog .owl-nav span{display:none}
.index-blog .owl-nav .owl-next,.index-blog .owl-nav .owl-prev{font-size:1.4rem!important;width:4rem;height:4rem;background-color:transparent!important;}
.index-blog .owl-nav .owl-next:hover,.index-blog .owl-nav .owl-prev:hover{background-color:#ccc!important}
.index-blog .owl-nav .owl-prev:before{font-family:FontAwesome;content:"\f104"}
.index-blog .owl-nav .owl-next:after{font-family:FontAwesome;content:"\f105"}
.index-blog .owl-nav button.owl-prev{left:-5rem}
.index-blog .owl-nav button.owl-next{right:-5rem;}
.index-blog .owl-nav button{position:absolute;top:50%;transform:translateY(-50%);color:#111!important}

.index-blog-col{width:100%;display:block;margin:0 0 2% 0;position:relative;overflow:hidden; color: #111;}
.index-blog-col img{ width: 100%; vertical-align: bottom;}
.index-blog-header{display:block;width:100%;overflow:hidden;padding:2rem;transition:.6s;color: #111; float: left;}
.index-blog-title{display:block;margin:0;font-weight:700;font-size:1.3rem; line-height: 1; min-height: 75px;}
.index-blog-title:after{content:"";background-color:#ac1f25;width:50%;height:.1rem;border-radius:1rem;margin:1rem 0;display:block;font-size:2rem;text-align:center}
.index-blog-summary{display:block;margin:1rem 0 0 0;  font-size:1rem;padding:0;overflow:hidden}
.index-blog-date{width:100%; font-size: 1rem; padding: 2rem 0; text-align: left; color: #999;}
@media (max-width:1280px){
    .index-blog-col{margin: 0 0 10% 0; width: 100%;}
    .index-blog-header{width:100%;padding:.4rem .4rem 1rem 1rem;}
    .index-blog-title{font-size:1.3rem;}
    .index-blog-summary{margin:0;font-size:.9rem;}
    .index-blog-date{width:100%; font-size: 1.8rem; padding:0rem .4rem;}
}


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

.cflex { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; overflow: hidden;}
.cflex-col { display: block; overflow: hidden;}
.cflex-col:nth-child(1) { width: 80%;}
.cflex-col:nth-child(2) { width: auto;}
.cvideo {
    display: block;
    width: 250px;
    height: auto;
    margin:1.6rem 0 0 0;
}
@media (max-width:1280px){
.cflex-col:nth-child(1) { width: 100%;}
.cflex-col:nth-child(2) { width: 100%;}

}
#map_container{width:100%;height:450px;position:relative;z-index:0;filter:gray;opacity:.9;-webkit-filter:grayscale(50%);-webkit-transition:.5s;transition:.5s;border:2px solid #dedede}
#map_container iframe{position:absolute;width:100%;height:100%}
.contact_info{display:block;overflow:hidden;margin:1rem 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:2rem 1rem;line-height:110%;color:#555; border: 1px solid #dedede;}
.contact_info .row a{display:block}
.contact_info .row:last-child{float:right;margin:0}
.contact_info .row i{display:block;width:100%;text-align:center;margin:0 0 1rem 0;font-size:3rem;color:#ac1f25}
@media (max-width:1280px){
.contact_info{display:block;overflow:hidden;margin:25px 0;font-size:1.2rem}
.contact_info .row{width:100%;margin:0;float:left;padding:25px}
}

table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem;margin:1rem 0;border:1px solid #dedede}
table th{padding:.5rem;background:#dedede;}
table td{padding:.5rem;border:1px solid #dedede}
table tr:nth-child(odd){background:#f7f7f7}
table i{margin:0 .4rem}
table span{display:block}
table small{display:block}
@media (max-width:1280px){
table{ overflow-x: auto; table-layout: fixed;}
}
.input,.textarea{background-color:#4f4f4f;padding:8px;width:100%;font-family:arial;font-size:1rem;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);border-radius:3px;-webkit-appearance:none;appearance:none;border:0;outline:0;-webkit-transition:.3s ease all;-moz-transition:.3s ease all;-ms-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all}

select{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>");background-color:#fff;background-repeat:no-repeat;background-position:right 10px top 20px;background-size:12px 12px;padding:1rem;width:100%;font-size:1rem;color:#111;text-shadow:0 -1px 0 rgba(0,0,0,.25);border-radius:3px;-webkit-appearance:none;appearance:none;border:1px solid #cecece;outline:0;-webkit-transition:.3s ease all;-moz-transition:.3s ease all;-ms-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all}
/* select:active,select:focus{outline:0} */



.section33{ padding: 2rem 0; overflow: hidden; color: #111; background:linear-gradient(#dedede, #eee,#f5f5f5); margin: 2rem 0 0 0;}
.section33 .wrapper{width:80%;}

.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,.form_row select{width:100%;font-size:1.2rem;display:block;padding:0 20px;margin:15px 0;height:50px;line-height:50px;background-color:#fff;color:#444;border:1px solid #dedede; border-radius: 1rem; -webkit-transition:.2s;transition:.2s}
.form_row textarea{height:180px}
.form_row input:focus,.form_row textarea:focus{border:1px solid #ac1f25;background:#f7f7f7}
.form_row input[type=submit]{width:100%;height:55px;float:right;font-size:1.3rem;line-height:45px;font-weight:700;text-align:center;overflow:hidden;margin:20px 0 0 0;display:block;border:none;background-color:#ac1f25;color:#fff;cursor:pointer;transition:all .1s linear;-moz-transition:all .1s linear;-webkit-transition:all .1s linear;border-radius:5px}
.form_row input[type=submit]:hover{ filter: brightness(130%);}
@media (max-width:1280px){
.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}
}


.hrform{margin:25px 0 0 0;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
.hrform .cls{width:100%;display:block;overflow:hidden}
.hrform .cls strong{display:block;margin:0 0 20px 0;color:#777;font-size:1em}
.hrform .cls input[type=text]{width:100%;font-size:14px;display:block;padding:0 20px;height:45px;line-height:45px;background-color:#fff;color:#444;border:1px solid #ccc;-webkit-transition:.2s;transition:.2s;margin:0 0 15px 0}
.hrform .cls textarea{width:100%;font-size:14px;display:block;padding:10px 20px;margin:0 0 15px 0;height:150px;background-color:#fff;color:#444;border:1px solid #ccc;-webkit-transition:.2s;transition:.2s}
.hrform .cls input[type=submit]{width:200px;height:55px;line-height:40px;font-size:1rem;font-weight:700;margin:15px 0 0 0;padding:0;float:right;display:block;border:none;background-color:#ac1f25;color:#fff;cursor:pointer;border-radius:5px}
.hrform .upload{padding:1rem;background:#eee; border: 1px solid #dedede; color:#111;max-width:100%;font-family:system-ui;}
.hrform .upload input[type="file"]{display:block;}
.hrform .upload-status{margin-top:10px;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.05);font-size:14px;}
.hrform .upload-status.ok{border:1px solid #2ecc71;color:#2ecc71;}
@media (min-width:1024px){
.hrform .cls{width:30%}
}



footer{width:100%;display:block;padding:7rem 0 5rem 0;margin:0;color:#fff;position:relative;background-color:#ac1f25; background-color: #26292e; clear: both;}
footer .wrapper{display:block;width:80%;margin:0 auto}
.columns{display:flex;flex-wrap:nowrap;justify-content:space-between;padding:0;font-size:1rem}
.columns .cols{display:block;  width: 30%;}
.columns .cols:nth-child(1){ width: 50%;}
.columns .cols>a{color:#fff;display:block;margin:1rem 0}
.columns .cols>a i{margin:.2rem 1rem 1rem 0;float:left}
.columns .title{display:block;overflow:hidden;font-weight:600;padding:0;font-size:1.8rem;margin:2rem 0}
.columns .link{margin:1rem 0;display:block}
.columns .link a{color:#fff;font-weight:500;display:inline;font-size:1rem}
.columns .link a:hover{ text-decoration: underline;}
@media (max-width:1280px){
footer{padding:2rem 0}
footer .wrapper{width:90%}
.columns{padding:0;width:100%;flex-wrap:wrap;font-size:1.2rem}
.columns .cols{width:100%;padding:0 1rem}
.columns .cols:last-child,.columns .cols:first-child{width:100%}
}
.social-feed{display:block;overflow:hidden;margin:0}
.social-feed a{display:inline-block;text-align:center; width: 3rem; margin:0 1rem 0 0;overflow:hidden;position:relative;color:#fff;border-radius:.4rem;font-size:1.8rem}
.social-feed a svg{ width: 30px; height: 25px; fill: #fff; }
.social-feed a:hover{filter:brightness(100%)}
.social-feed a.social_facebook{background-color:#4b69b1}
.social-feed a.social_twitter{background-color:#444}
.social-feed a.social_instagram{background-color:#cf3053}
.social-feed a.social_youtube{background-color:red}
.social-feed a.social_linkedin{background-color:#37b1e2}

.bottom{width:100%;display:block;overflow:hidden;padding:2rem 0;margin:0;color:#ac1f25;background-color:#fff; font-size: 1rem;}
.bottom .wrapper{display:block;width:80%;margin:0 auto;padding:0; text-align: center;}

.copyright{display:block;font-weight:400;margin:0;}
.copyright p{color:#111;margin:.4rem 0;padding:0}

.webtasarim{display: none !important;margin:0;float:right;}
.webtasarim a{display:block;margin:0 auto; font-size: .9rem; color: #111;}
.webtasarim span{ display: block; font-size: .9rem;}
@media (max-width:690px){
.bottom .wrapper{width:90%}
.copyright{float:none;text-align:center;padding:0 5%}
.webtasarim{float:none;text-align:center;}
}
.siteup{position:fixed;bottom:2rem;right:-4rem;display:block;width:4rem;height:4rem;line-height:4rem;font-size:1rem;color:#fff!important;overflow:hidden;background:#1d1d1b;-webkit-transition:.3s;transition:.3s;z-index:22;border-radius:50%;text-align:center; display: none!important;}
.siteup.sticky{right:2rem}
@media (max-width:1280px){
.siteup{bottom:.4rem;width:3rem;height:3rem;line-height:2.8rem; border-radius: .2rem;}
.siteup.sticky{right:.4rem}
}

.whatsapp-button{display:inline-block;border-radius:5rem;color:#fff;border:.2rem solid #46c355;background-color:#46c355;padding:0;text-align:center;width:12rem;height:4rem;line-height:3.8rem;font-size:1rem;position:relative;transition:all .25s ease-in-out;position:fixed;right:2rem;bottom:2rem;z-index:32}
.whatsapp-button i{ margin: 0 .5rem 0 0;}
.whatsapp-button.mobile{ display: none!important;}
.whatsapp-button:hover{background-color:#46c355;color:#fff}
.whatsapp-button:before{animation:contact-button 1.5s ease-out infinite}
.whatsapp-button:after{animation:contact-button 1.5s ease-out .4s infinite}
.whatsapp-button:after,.whatsapp-button:before{content:"";display:block;position:absolute;top:0;left:0;z-index:-1;background-color:#46c355;width:100%;height:100%;border-radius:5rem;opacity:0;transition:all .25s ease-in-out}
@media (max-width:1280px){
.whatsapp-button{ display: none!important; width:auto;height:3rem;line-height:2.8rem; border-radius: .4rem; padding: 0 1rem; left:.4rem;bottom:.4rem;z-index:22}
.whatsapp-button.mobile{ display: block!important; left: auto; right: .4rem;}
}
@keyframes contact-button{
0%{opacity:.8;transform:scale(1)}
70%{opacity:0;transform:scale(1.5)}
100%{opacity:0}
}

.esonuc-btn-flex { display: flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden;}
.esonuc-btn { display: block; width: 49%; padding: 1rem; background-color: #ac1f25; color: #fff; text-align: center; font-weight: 600; border-radius: .4rem;}
.esonuc-btn:hover { filter: brightness(110%);}
.esonuc-btn:nth-child(2) { background-color: #065fb3;}

.esonuc-button{display:inline-block;border-radius:1rem;color:#fff;border:.2rem solid #389e44;background-color:#389e44;padding:0;text-align:center;width:7rem;height:4rem;line-height:3.8rem;font-size:1.2rem;position:relative;transition:all .25s ease-in-out;position:fixed;left:2rem;bottom:2rem;z-index:32; font-weight: 700;}
.esonuc-button.mobile{ display: none!important;}
.esonuc-button:hover{background-color:#389e44;color:#fff}
.esonuc-button:before{animation:contact-button 1.5s ease-out infinite}
.esonuc-button:after{animation:contact-button 1.5s ease-out .4s infinite}
.esonuc-button:after,.esonuc-button:before{content:"";display:block;position:absolute;top:0;left:0;z-index:-1;background-color:#389e44;width:100%;height:100%;border-radius:1rem;opacity:0;transition:all .25s ease-in-out}
@media (max-width:1280px){
.esonuc-button{ display: block!important; width:5rem;height:3rem;line-height:2.8rem; border-radius: .2rem; font-size: 1rem; left:.4rem;bottom:.4rem;z-index:22}
.esonuc-button.mobile{ display: block!important;}
}
@keyframes contact-button{
0%{opacity:.8;transform:scale(1)}
70%{opacity:0;transform:scale(1.5)}
100%{opacity:0}
}

.lightbox{cursor:pointer;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,1);-webkit-filter:none!important;filter:none!important;z-index:999999999999!important}
.lightbox img{display:block;position:absolute}
.lightbox-loading{background:url(../images/loading.gif) center center no-repeat;width:80px;height:80px;margin:-20px 0 0 -16px;position:absolute;top:50%;left:50%}
.lightbox-caption{display:none;position:absolute;left:0;bottom:0;width:100%;text-align:center;z-index:9998}
.lightbox-caption p{margin:0 auto;max-width:70%;display:inline-block;padding:10px;color:#fff;font-size:12px;line-height:18px}
.lightbox-button{position:absolute;z-index:9999;background:no-repeat center center;width:60px;height:60px;opacity:.9;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;background-size:35px}
.lightbox-button:focus,.lightbox-button:hover{opacity:1}
.lightbox-close{right:30px;top:20px;background-image:url(../svg/close.svg)}
.lightbox-nav{top:47%;width:100%;margin-top:-16px}
.lightbox-nav-next{right:30px;width:60px;height:60px;background-image:url(../svg/next.svg);background-size:80px}
.lightbox-nav-prev{left:30px;width:60px;height:60px;background-image:url(../svg/prev.svg);background-size:80px}

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

.modal,.modal-box{z-index:999999999}
.modalOverlay{position:fixed;width:100%;height:100%;top:0;left:0;background:0 0}
.modal{display:none;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);overflow:auto}
.modal .modal-box{position:relative;max-width:800px;margin:4rem auto;animation-name:modalbox;animation-duration:.3s;animation-timing-function:ease-out;background-color:#fff;padding:0;border-radius:2px;overflow:hidden}
.modal .modal-header{padding:1rem 0;position:relative;display:block;text-align:center;overflow:hidden; color: #111;}
.modal .modal-header h4{font-size:2rem;color:#111;font-weight:300; margin: 0; padding: 0;}
.modal .modal-header .close{display:block;width:35px;height:35px;overflow:hidden;text-align:center;line-height:25px;border:none;padding:0;margin:1rem;position:absolute;top:0;right:0;background:#eee url(../svg/close.svg) center center no-repeat;background-size:15px;opacity:.6;transition:.2s}
.modal .modal-header .close:hover{opacity:1}
.modal .modal-body{font-size:16px;padding:25px;color:#75818c}
.modal .modal-footer{display:none;text-align:center;padding:15px 0;background:#f7f7f7;border-top:1px solid #eee}
@media (max-width:1280px){
.modal .modal-box{width:100%; height: 100vh; margin:0;border-radius:0}
}