@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&subset=latin-ext);*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box;text-shadow:1px 1px 1px rgba(0,0,0,.004);outline:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
a,img{outline:0;text-decoration:none}
a{cursor:pointer;color:#1e2122;-webkit-transition:all .1s ease;transition:all .1s ease}
b,strong{font-weight:700}
input{-webkit-border-radius:0;border-radius:0}
input,textarea,button{font-family:'Source Sans Pro',sans-serif;}
body,html{width:100vw;margin:0;padding:0}
html{scroll-behavior:smooth;}
body{font-family:'Source Sans Pro',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:#838383}
.ui-tooltip{width:auto;text-align:center;background-color:#000 !important;box-shadow:none !important;padding:.2rem !important;border:1px solid #222 !important}
.ui-tooltip-content{position:relative;padding:.2rem;font-weight:600;font-size:.9rem;opacity:1 !important;color:#fff}
@media (max-width:1024px){.ui-tooltip{display:none !important}
}
:root{--radius:0;--dur:800ms;--easing:cubic-bezier(.22,.61,.36,1);--cap-w:560px;--btn-bg:#ff6a00;--btn-bg-hover:#e35c00;}
.clearfix{clear:both}
.loading{display:block;position:fixed;z-index:999999999999 !important;bottom:0;right:0;color:#fff;padding:0;width:5rem;height:5rem;}
.loader{width:3rem;height:3rem;border:3px solid rgba(255,255,255,.5);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:2rem;height:2rem;border:3px solid transparent;border-top:3px solid #d62027;border-radius:50%;-webkit-animation:spinInner 1s linear infinite;animation:spinInner 1s linear infinite}
.loader.small{width:2rem;height:2rem;margin:10% auto;border:3px solid rgba(113,113,113,.3);border-bottom:3px solid transparent}
.loader.small .inner{width:2rem;height:2rem;border:3px solid transparent;border-top:3px solid #d62027}
@media (max-width:1024px){.loader{margin:18rem auto}
}
@-webkit-keyframes spin{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes spin{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@-webkit-keyframes spinInner{0%{transform:rotate(0)}
100%{transform:rotate(-720deg)}
}
@keyframes spinInner{0%{transform:rotate(0)}
100%{transform:rotate(-720deg)}
}
.input,.textarea{background-color:#4f4f4f;padding:8px;width:100%;font-family:arial;font-size:.6rem;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);-webkit-border-radius:3px;border-radius:3px;-webkit-appearance:none;appearance:none;border:0;outline:0;-webkit-transition:.3s ease all;-moz-transition:.3s ease all;-ms-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all}
select{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>");background-color:#4f4f4f;background-repeat:no-repeat;background-position:right 10px top 12px;background-size:12px 12px;padding:8px;width:100%;font-family:arial;font-size:.6rem;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);-webkit-border-radius:3px;border-radius:3px;-webkit-appearance:none;appearance:none;border:0;outline:0;-webkit-transition:.3s ease all;-moz-transition:.3s ease all;-ms-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all}
select:active,select:focus{border:0;outline:0}
select:hover{background-color:#535353}

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

header{display:block;width:100%;height:100px;margin:0;padding:0;transition:.3s;background-color:#fff; border-bottom: 1px solid #dedede;}
header.sticky{position:fixed;top:0;z-index:30;background-color:#fff;box-shadow:0 0 5px #ccc;}
header>.wrapper{display:block;width:90%;margin:0 auto;padding:1rem 0;position:relative}
@media (max-width:1024px){header{overflow:hidden}
header>.wrapper{width:95%}
}
.logo{width:300px;height:75px;margin:0;float:left;display:block;overflow:hidden;transition:.3s;cursor:pointer;background-position:left center;background-repeat:no-repeat;background-image:url(../images/logo.png);background-size:100%;}
header.sticky .logo{background-image:url(../images/logo.png);}
@media (max-width:1024px){
.logo{width:230px;height:65px; }
}
.social-feed-header{display:block;overflow:hidden;margin:0;position:absolute;right:8rem;top:2.4rem;}
.social-feed-header a{display:inline-block;text-align:center;margin:0 1rem 0 0;overflow:hidden;position:relative;color:#111;font-size:1.4rem}
.social-feed-header a:hover{filter:brightness(100%)}
.social-feed-header a.social_facebook:hover{color:#4b69b1}
.social-feed-header a.social_twitter:hover{color:#37b1e2}
.social-feed-header a.social_instagram:hover{color:#d62027}
.social-feed-header a.social_youtube:hover{color:red}
header.sticky .social-feed-header{display:none;}
@media (max-width:1024px){
    .social-feed-header{display:none;}
}

.topnav{display:block;margin:.5rem 0 0 0;padding:0;float:right;}
.topnav li{display:block;float:left;position:relative}
.topnav li:first-child{border-right:1px solid #dedede;}
.topnav li a{display:block;text-align:center;font-size:1.4rem;padding:1rem 1rem;line-height:1;color:#111}
.topnav li:hover a{color:#ccc}
header.sticky .topnav *{color:#111;}
@media (max-width:1170px){.topnav{margin:0;}
}

nav{width:100%;overflow:hidden;margin:0;border:0;}
.nav{width:100%;height:100%;margin:0;padding:10% 15%;position:fixed;display:none;overflow:hidden;z-index:999;top:0;right:0;background-color:rgba(0,0,0,.5);overflow-y:auto;-webkit-backdrop-filter:blur(var(--intro-blur));backdrop-filter:blur(var(--intro-blur));}
.nav li{width:100%;display:block;padding:0;margin:0;position:relative;border-bottom:0;transform:translateY(-1rem);opacity:0;}
.nav li.fadeAnim{animation:nav .8s .3s forwards;}
.nav li.fadeAnim:nth-child(even){animation:navEven .8s .5s forwards;}
@keyframes nav{to{transform:translateY(0);opacity:1;}
}
@keyframes navEven{to{transform:translateY(0);opacity:1;}
}
.nav li a{display:block;color:#fff;font-size:2rem;height:auto;padding:1rem;text-align:right;font-weight:100;transition:.3s;-webkit-transition:.3s;border-bottom:0}
.nav li ul{list-style:none;width:100%;position:static;margin:0;padding:0;display:none;}
.nav li ul li{border:none;margin:0;padding:0;position:relative}
.nav li ul li a{padding:.4rem 1rem;font-size:1.2rem;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:#ccc}
.nav>li:first-child{float:right;text-align:right;position:relative;z-index:20;}
.nav>li:first-child a{font-size:2rem;color:#fff;text-align:center;padding:0;margin:0 1rem 5rem 0;width:65px;height:65px;background-color:#d62027;line-height:65px;float:right;}
.nav li li.hover ul,.nav li.hover>ul{position:static;display:block;}
@media (max-width:1170px){.nav{margin:0;padding:5%;background-color:rgba(43,43,43,.9);}
.nav li{width:100%;display:block;padding:0;margin:0;position:relative;border-bottom:0}
.nav>li:first-child a{font-size:2rem;color:#fff;}
}
.slider{display:block;width:100%;height:75vh;overflow:hidden;position:relative;z-index:0;}
.video{width:100%;height:150%;transform:scale(1.4);overflow:hidden;z-index:0;position:absolute;top:0;border:0!important;filter:grayscale(100%);}
@media (max-width:1170px){
    .video{width:100%;z-index:0;transform:scale(4); height: 100%;}
}
.banner{width:100%;height:100%;margin:0;padding:0}
.banner .owl-item{margin:0!important;padding:0!important;overflow:hidden}
.banner .owl-item img{width:100%;height:100%;vertical-align:bottom}
.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:#d62027!important;border:0px solid #212a36!important;}
.banner .owl-nav .owl-next:hover,.banner .owl-nav .owl-prev:hover{}
.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:1rem}
.banner .owl-nav button.owl-next{right:1rem;}
.banner .owl-nav button{position:absolute;top:50%;transform:translateY(-50%);color:#fff!important}
@media (max-width:1170px){
.slider{height:90vh;margin:0;}
.banner{height:100%;}
.banner .owl-item img{width:100%;height:90vh;}
.banner .owl-nav button{display:none!important;}
}
.caption{width:100%;height:100vh;padding:12.5% 0 0 15%;margin:0;z-index:7;position:absolute;top:0;left:0;overflow:hidden;background-color:rgba(0,0,0,0.6);background-image:radial-gradient(#000 05%,transparent 01%);background-size:3px 3px;}
.caption-desc,.caption-title{width:50%;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:4rem;animation:title .2s .4s linear forwards;line-height:.9; font-weight: 700;}
.caption-desc{margin:1rem 0 0 0;font-size:1.1rem;font-weight:100;animation:desc .2s .5s linear forwards;line-height:1.3;}
.caption-link{display:block; width: 250px;margin:2rem 0;position:relative;z-index:1}
.caption-link a{ display: block;background-color: #d62027; border: 2px solid #d62027; color: #fff; font-weight: 600; padding: 1rem 2rem; font-size: 1.4rem;}
.caption-link i{ float: right; margin: .2rem 0 0 0; }
.caption-link a:hover{ background-color: #d62027; color: #fff; transform: scale(1.1) translateX(10px);}
.caption-link a:hover i{  margin: .2rem 0 0 1rem;}

@media (max-width:1170px){.caption{padding:55% 5%}
.caption-desc,.caption-title{width:100%}
.caption-title{font-size:2.2rem}
.caption-desc{font-size:1rem}
.caption-link{display:block;}
.caption-link a{margin:1rem 0!important;}
}
@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{position:absolute;width:auto;bottom:3.5rem;right:15%;z-index:5;-webkit-transition:.3s;transition:.3s;-webkit-transform:scale(1);transform:scale(1);display:block}
.scrolldown{width:75px;margin:0;padding:1rem 0;float:right;text-align:center;overflow:hidden;display:block;background-color:transparent;color:#fff;-webkit-animation:arrowDown .8s infinite;animation:arrowDown .8s infinite;-webkit-transform:translateY(0);transform:translateY(0)}
.scrollbutton.sticky{transform:scale(0)}
@media (max-width:1024px){.scrollbutton{bottom:2rem;right:1rem;}
.scrolldown{width:50px;height:50px;background-size:30px}
}
@-webkit-keyframes arrowDown{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:.3}
50%{-webkit-transform:translateY(10px);transform:translateY(20px);opacity:.5}
100%{-webkit-transform:translateY(0);transform:translateY(20px);opacity:1}
}
@keyframes arrowDown{0%{transform:translateY(20px);opacity:.3}
50%{transform:translateY(10px);opacity:.5}
100%{transform:translateY(0);opacity:1}
}

.counter-block{width:auto;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;}
.counter-item{display:block;width:15%;margin:0;padding:2rem 2rem 2rem 0;position:relative;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.counter-data{display:block;width:100%;position:relative;overflow:hidden;transition:.2s;text-align:center;color:#111;}
.counter-data h5{padding:0;margin:0;font-size:4rem;font-weight:600; color: #d62027;}
.counter-data h6{padding:1rem 0;margin:0;font-size:1.4rem;font-weight:100;letter-spacing:.1rem;}
@media (max-width:1024px){.counter-block{background-color:#fff;padding:1rem;display:flex;flex-wrap:wrap;position:static;bottom:0;}
.counter-item{width:50%;margin:0;padding:2rem 1rem;}
.counter-item:nth-child(1){background-color:#d62027;border:1px solid #ccc;}
.counter-item:nth-child(4){background-color:#d62027;border:1px solid #ccc;}
.counter-item:last-child{border-bottom:0;}
.counter-data{color:#111;}
.counter-item:nth-child(1) .counter-data,.counter-item:nth-child(4) .counter-data,.counter-item:nth-child(1) .counter-data h5,.counter-item:nth-child(4) .counter-data h5{ color: #fff;}
.counter-data h5{font-size:2.6rem;}
.counter-data h6{font-size:1rem;}
}

.headline{width:60%;margin:2.5% 0;display:block;}
.headline:before{ content: ""; display: block; float: left; width: 110px; height: 110px; background-color: #d62027; margin: 0 1rem 0 0; border-radius: .1rem;}
.headline h1,.headline h2,.headline h3,.headline h4{margin:0;padding:0;line-height:110%}
.headline h1{font-size:3rem;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:3rem;color:#111;font-weight:700}
.headline h4{font-size:1.2rem;margin:0 auto;font-weight:500;color:#111}
.headline p{margin:.6rem 0;padding:0}
.headline.text-light *{color:#fff}
.headline.text-light:before{background-color:#fff}
.headline.text-center{text-align:center;width:75%;margin:0 auto;}
.headline.text-center:before{margin:1rem auto;}
.headline.text-center:before{ float: none; height: 10px; }
@media (max-width:1024px){.headline{width:100%;margin:4rem auto;}
.headline{width:100%;}
.headline:before{ content: ""; display: block; float: none; width: 110px; height: 10px; background-color: #d62027; margin: 0 0 1rem 0;}
.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 #d62027; 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: #d62027; 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%;}
}

.section4{width:100%;margin:0;padding:4rem 0; background-color: #eee;}
.section4 .wrapper{width:70%;}
.references{width:100%;margin:0;padding:5rem 0 0 0}
.references .owl-item{margin:0 !important;padding: 0 1rem !important;}
.references .owl-item img{width:100%;vertical-align:bottom;filter:grayscale(0%); padding: 0; background-color: #fff; border: 1px solid #dedede;}
.references .owl-controls{display:none !important;}
.references .owl-item:hover img{filter:grayscale(0);}
@media (max-width:1024px){.section4{width:100%;margin:0;padding:1rem 0 0 0;}
.section4 .wrapper{width:95%}
.references .owl-item{margin:0 !important;padding:0 !important;}
.references .owl-item img{ padding:1rem;}
}
.section1{width:100%;margin:0;padding:0;}
.section1 .wrapper{width:100%;}
.about{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin:0 auto;}
.about-left{width:50%;background-size:cover;background-position:center;position:relative;box-shadow:0 0 0 #ccc;}
.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:50%;overflow:hidden;padding:10% 5%;font-size:1.6rem;font-weight:100;color:#111;}
.about-right h3{color:#111;font-size:4rem;font-weight:100;margin:0;padding:0;}
.about-right h4{color:#111;font-size:2rem;font-weight:100;margin:0;padding:0;}
.about-right a{color:#111;margin:4rem 0}
@media (max-width:1024px){.section1 .wrapper{width:100%;}
.about-left{width:100%;height:300px;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}
}

.section3{padding:0;overflow:hidden;color:#111;background-color:#fff;}
.section3 .wrapper{width:70%;}
.flexbox{display:flex;flex-wrap:wrap;justify-content:space-between;}
.flex-row{width:48%;margin:0;padding:0;display:block;}
.flex-col{width:100%;position:relative;overflow:hidden;}
.flex-image{width:100%;vertical-align:bottom;filter:brightness(100%);overflow:hidden;position:relative;}
.flex-image img{width:100%;vertical-align:bottom;transition:.3s; filter: grayscale(100%);}
.flex-col:hover .flex-image img{transform:scale(1.1);}
.flex-header{display:block;width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;z-index:1;padding:5rem;background-color:rgba(0, 0, 0, 0.5);}
.flex-title{display:block;margin:0;padding:.6rem 0;border-radius:.2rem;font-weight:600;font-size:3rem;line-height:1;color:#fff;text-shadow:0 0 2px #111}
.flex-summary{display:block;margin:1rem 0 0 0;font-size:1.2rem;color:#eee;}
.flex-row:nth-child(2){display:flex;flex-wrap:wrap;justify-content:space-between;width:48%;}
.flex-row:nth-child(2) .flex-col{width:48%;margin:0 0 2% 0;}
.flex-row:nth-child(2) .flex-col .flex-title{font-size:1.6rem;}
.flex-row:nth-child(2) .flex-col .flex-header{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;padding:2rem;}
.flex-link{display:block;width:100px;height:100px;line-height:3;font-size:2rem;text-align:center;overflow:hidden;position:absolute;z-index:1;bottom:0;right:0;background-color:#d62027;color:#fff;transition:.5s;}
.flex-link i{display:block;opacity:1;line-height:3;}
.flex-header:hover .flex-link{background-color:#fff;color:#d62027;}
.flex-header:hover .flex-link i{animation:arrow1 1s forwards;}
@keyframes arrow1{0%{transform:translateX(0);}
40%{transform:translateX(100px);}
60%{opacity:0;transform:translateX(-100px);}
100%{transform:translateX(0);opacity:1;}
}
@media (max-width:1024px){.section3 .wrapper{width:85%}
.flex-row{width:100%;}
.flex-col{margin:0 0 5% 0;width:100%;}
.flex-row:nth-child(2){width:100%;}
.flex-row:nth-child(2) .flex-col{width:100%;}
.flex-left{width:100%}
.flex-right{width:100%}
.flex-title{font-size:2rem}
.flex-summary{font-size:1rem}
}
.section2{width:100%;margin:0;padding:0 0 2rem 0;display:block;overflow:hidden;background-size:cover;color:#2d3236;}
.section2 .wrapper{width:70%}
.block{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;}
.block-col{width:31%;display:block;margin:2% 0;position:relative;overflow:hidden;}
.block-col>img{width:100%;vertical-align:bottom;transition:.3s;}
.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,.2);transition:.6s}
.block-title{display:block;margin:0;font-weight:600;font-size:1.4rem}
.block-title:after{content:"";background-color:#fff;width:20%;height:.1rem;border-radius:1rem;margin:1rem 0 0 0;display:block;text-align:center;transition:.3s;}
.block-summary{display:block;margin:1rem 0 0 0;font-size:1.2rem;font-weight:100;padding:0;overflow:hidden}
.block-header i{position:absolute;right:0;bottom:0;z-index:0;font-size:3rem;opacity:1;padding:1.4rem;background-color:#d62027;color:#fff;transition:.3s;}
.block-col:hover .block-header{background-color:rgba(0,0,0,.5);padding:3rem 2rem;bottom:0}
.block-col:hover .block-summary{opacity:1;}
.block-col:hover .block-title:after{width:40%;}
.block-col:hover img{transform:scale(1.1);}
@media (max-width:1024px){.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,.2)}
.block-title{font-size:1.2rem}
.block-summary{font-size:1rem}
}
.photos{display:flex;flex-wrap:wrap;width:100%;margin:3rem 0 0 0}
.photos-col{width:23%;display:block;margin:0 2% 2% 0;position:relative;overflow:hidden;background-color:#2b252b;}
.photos-col i{content:"";display:block;opacity:0;transition:.3s;width:100%;height:100%;padding:40% 0;position:absolute;top:0;left:0;text-align:center;font-size:3rem;color:#d62027;}
.photos-col img{width:100%;vertical-align:bottom;transition:.1s}
.photos-col:hover i{opacity:1;}
.photos-col:hover img{transform:scale(1.1);}

.photos.ref .photos-col { border: 1px solid #dedede;}
.photos.ref .photos-col:hover img{transform:scale(1);}

@media (max-width:1024px){.photos{justify-content:space-between;}
.photos-col{width:48%;margin:0 0 4% 0;}
}
.section-top{width:100%;height:105px;overflow:hidden;margin:0;padding:0;border-bottom:1px solid #111;background-color:#333;}
@media (max-width:1024px){.section-top{height:100px;}
}
.section-heading{width:100%;overflow:hidden;clear:both;margin:0;padding:0;background-color:#fff;border-bottom:1px solid #dedede;}
.section-heading .wrapper{width:70%;}
@media (max-width:1024px){.section-heading{padding:5% 0;}
.section-heading .wrapper{width:90%;}
}
.heading{width:100%;margin:0;padding:1rem 0;display:block;text-align:left;overflow:hidden}
.heading:before{content:"";display:block;width:5rem;height:2rem;background-color:#d62027;margin:0 0 1rem 0;}
.heading.align-center{text-align:center;}
.heading.align-center:before{margin:1rem auto;}
.heading h1,.heading h2,.heading h3,.heading h4{margin:0;padding:0;line-height:115%;color:#333;}
.heading h1{font-size:2rem;}
.heading h2{font-size:1.2rem;font-weight:300;}
.heading h3{font-size:2rem;}
.heading h4{font-size:1.2rem;font-weight:300;}
@media (max-width:1024px){.heading{width:100%;margin:0;}
.heading.align-center{width:100%;}
.heading h1{font-size:2rem;}
.heading h2{font-size:1.1rem;}
.heading h3{font-size:2rem;}
.heading h4{font-size:1.1rem;}
}
.section6{width:100%;margin:0;padding:1rem 0;position:relative;background-color:#fff;color:#111;}
.section6 .wrapper{width:70%;clear:both;}
@media (max-width:1024px){.section6{padding:1rem 0 2.5rem 0;}
.section6 .wrapper{width:90%}
}
aside{width:25%;float:left;display:block;margin:0 0 2rem 0;font-size:1.2rem;}
aside.detail_aside{width:45%;}
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;background-color:#eee;border-left:15px solid #d62027;font-weight:700;}
aside ul li a:hover,aside ul li.active a{background-color:#d62027;color:#fff;}
main{width:70%;float:right;display:block;}
main.detail_main{width:50%;}
@media (max-width:1024px){aside,aside.detail_aside{width:100%;}
main,main.detail_main{width:100%;float:right;display:block;margin:1rem 0}
}
.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;border:1px solid #dedede;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.8rem;}
.products-title:after{content:"";background-color:#d62027;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:1024px){.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;}
}
.gallery{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0;}
.gallery-main{width:100%;}
.gallery-main a{width:100%;}
.gallery-main img{width:100%;vertical-align:bottom;border:1px solid #ccc;}
.gallery-col{width:100%; margin: 1rem 0 0 0; display:flex;flex-wrap:wrap;}
.gallery-col a{width:25%;margin:0;display:block;}
.gallery-col a img{width:100%;vertical-align:bottom;transition:.2s;border:1px solid #ccc;}
.gallery-col a:hover img{filter:brightness(120%);}

.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:#d62027;text-align:center;transition:.3s;}
.downloads a:hover span{transform:scale(.9) rotate(90deg);border-radius:50%;}
.downloads a span i{position:absolute;display:block;width:100%;height:100%;line-height:60px;}
.downloads a:hover span i{animation:arrow 1s forwards;}
@media (max-width:1024px){.downloads a{width:100%;margin:0 0 2% 0;}
}
@keyframes arrow{0%{left:0;}
10%{left:25%;}
20%{left:0;}
30%{left:25%;}
40%{left:50%;}
50%{left:75%;}
60%{left:100%;}
70%{left:-100%;opacity:0;}
80%{left:-75%;opacity:1;}
90%{left:-50%;}
100%{left:0;}
}
#map_container{width:100%;height:450px;position:relative;z-index:0;filter:gray;opacity:.9;-webkit-filter:grayscale(50%);-webkit-transition:.5s;transition:.5s;border:2px solid #dedede}
#map_container iframe{position:absolute;width:100%;height:100%}
.contact_info{display:block;overflow:hidden;margin: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:0px 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:#d62027}
@media (max-width:1024px){.contact_info{display:block;overflow:hidden;margin:25px 0;font-size:1.2rem}
.contact_info .row{width:100%;margin:0;float:left;padding:25px}
}
.contact_form{width:100%;margin:20px 0;display:flex;flex-wrap:wrap;justify-content:space-between}
.form_row{width:49%;display:block;overflow:hidden;color:#111;margin:0 0 10px 0;padding:0}
.form_row input,.form_row textarea{width:100%;font-size:1.2rem;display:block;padding:0 20px;margin:10px 0;height:50px;line-height:50px;background-color:#fff;color:#444;border:1px solid #dedede; border-radius: .6rem; -webkit-transition:.2s;transition:.2s}
.form_row textarea{height:180px}
.form_row input:focus,.form_row textarea:focus{border:1px solid #212a36;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:#212a36;color:#fff;cursor:pointer;transition:all .1s linear;-moz-transition:all .1s linear;-webkit-transition:all .1s linear;border-radius:5px}
.form_row input[type=submit]:hover{filter:brightness(130%);}
@media (max-width:1024px){.contact_form{width:100%;margin:20px 0;display:flex;flex-wrap:wrap;justify-content:space-between}
.form_row{width:108%;display:block;overflow:hidden;color:#111;margin:0;padding:0}
.form_row input,.form_row textarea{margin:0 0 10px 0}
}
footer{width:100%;display:block;padding:5rem 0;margin:0;color:#212a36;position:relative;background-color:#fff;clear:both;}
footer .wrapper{display:block;width:70%;margin:0 auto;padding:3rem 0 0 0;border-top:0px solid #dedede;}
.columns{display:flex;flex-wrap:nowrap;justify-content:space-between;padding:0;font-size:1.2rem}
.columns .cols{display:block; min-width: 150px;}
.columns .cols:before{content:"";display:block;width:50px;height:50px;line-height:50px;font-size:3rem;text-align:center;background-color:#d62027;color:#fff;}
.columns .cols:nth-child(1):before{content:"P";}
.columns .cols:nth-child(2):before{content:"R";}
.columns .cols:nth-child(3):before{content:"O";}
.columns .cols:nth-child(4):before{content:"E";}
.columns .cols:nth-child(5):before{content:"M";}
.columns .cols>a{color:#000;display:block;margin:1rem 0}
.columns .cols>a i{margin:.2rem 1rem 1rem 0;float:left;color:#d62027;}
.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:#000;font-weight:500;display:inline;font-size:1.2rem}
.columns .link a:hover{color:#d62027}
@media (max-width:1024px){footer{padding:2rem 0}
footer .wrapper{width:90%}
.columns{padding:0;width:100%;flex-wrap:wrap;font-size:1.2rem}
.columns .cols{width:100%;padding:0 1rem}
.columns .cols: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;margin:0 1rem 0 0;overflow:hidden;position:relative;color:#ccc;border-radius:.4rem;font-size:1.8rem}
.social-feed a:hover{filter:brightness(100%)}
.social-feed a.social_facebook{color:#4b69b1}
.social-feed a.social_twitter{color:#37b1e2}
.social-feed a.social_instagram{color:#d62027}
.social-feed a.social_youtube{color:red}
.bottom{width:100%;display:block;overflow:hidden;padding:2rem 0;margin:0;color:#111;background-color:#eee;border-top:1px solid #dedede;}
.bottom .wrapper{display:block;width:1280px;margin:0 auto;}
.copyright{display:block;font-weight:400;margin:0;float:left}
.copyright p{color:#111;margin:.4rem 0;padding:0}
.webtasarim{display:block;margin:0;float:right;margin:.4rem 0;}
.webtasarim a{display:block;margin:0 auto;color:#646464;}
@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}
.siteup.sticky{right:2rem}
@media (max-width:1024px){.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:50%;color:#fff;border:.2rem solid #46c355;background-color:#46c355;padding:0;text-align:center;width:4rem;height:4rem;line-height:3.8rem;font-size:2rem;position:relative;transition:all .25s ease-in-out;position:fixed;left:2rem;bottom:2rem;z-index:32}
.whatsapp-button.mobile{display:none !important;}
.whatsapp-button:hover{background-color:#46c355;color:#fff}
.whatsapp-button:hover:before{animation:contact-button 1.5s ease-out infinite}
.whatsapp-button:hover: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:50%;opacity:0;transition:all .25s ease-in-out}
@media (max-width:1024px){.whatsapp-button{display:none !important;width:3rem;height:3rem;line-height:2.8rem;border-radius:.2rem;font-size:1.8rem;left:.4rem;bottom:.4rem;z-index:22}
.whatsapp-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 .1s linear;transform:translate3d(0,100px,0)}
.animation-element.anime-bottom.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-zoom{opacity:0;transition:all .5s linear;transform:scale(0)}
.animation-element.anime-zoom.in-view{opacity:1;transform:scale(1)}
.modal,.modal-box{z-index:999999999}
.modalOverlay{position:fixed;width:100%;height:100%;top:0;left:0;background:0 0}
.modal{display:none;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);overflow:auto}
.modal .modal-box{position:relative;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:2rem 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:1024px){.modal .modal-box{width:100%;height:100vh;margin:0;border-radius:0}
}

.table{font-size:1rem;width:100%;table-layout:fixed;text-align:left; margin: 2rem 0;}
.table th,.table td{padding:1rem 0;vertical-align:top;border-bottom:1px solid #dedede;}
.table th:first-child{width:65px;padding:1rem 0;}
@media (max-width:991px){.table th:first-child{width:auto;}
.table-responsive>thead th{display:none;}
.table-responsive>tbody td,.table-responsive>tbody th{display:block;}
.table-responsive>tbody>tr:nth-child(even) td,.table-responsive>tbody>tr:nth-child(even) th{background-color:#eee;}
[row-header]{position:relative;/* width:50%;*/
 vertical-align:middle;}
[row-header]:before{content:attr(row-header);display:inline-block;vertical-align:middle;text-align:left;width:50%;padding-right:30px;white-space:nowrap;overflow:hidden;}
}

:root{--intro-bg:rgba(10,12,14,.7);--intro-blur:10px;--tile:#2a2f34;--tile-edge:#3a3f45;--primary:#d62027;--text:#e9eef4;--muted:#c9cfd8;--ease:cubic-bezier(.2,.8,.2,1);--radius:5px;--s:clamp(180px,9.2vw,180px);--g:clamp(0px,1.6vw,0px);}
#introOverlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:var(--intro-bg);-webkit-backdrop-filter:blur(var(--intro-blur));backdrop-filter:blur(var(--intro-blur));opacity:0;pointer-events:none;transform:translateY(8px) scale(.985);transition:opacity .5s var(--ease),transform .5s var(--ease);}
#introOverlay.is-enter{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
#introOverlay.is-exit{opacity:0;pointer-events:none;transform:translateY(-8px) scale(.985)}
.intro-wrap{width:min(1200px,96vw);padding:20px}
.intro-brand{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;color:#cfe2ff;margin:2rem auto 10px;position:relative;left:50%;transform:translateX(-50%);}
.diamonds{display:grid;gap:var(--g);grid-template-columns:repeat(7,var(--s));grid-template-rows:repeat(5,var(--s));grid-template-areas:". A . B . C ." ". . D . E . ." ". . . F . . .";transform:scale(.96);opacity:0;padding:10% 0;transition:transform .6s var(--ease),opacity .6s var(--ease);justify-content:center;}
#introOverlay.is-enter .diamonds{transform:scale(1);opacity:1}
@media (max-width: 900px){
  :root{
    --s: clamp(130px, 10vw, 100px);
    --g: clamp(10px, 1vw, 0px);
  }
  .diamonds{
    grid-template-columns: repeat(2, var(--s));
    grid-auto-rows: var(--s);
    gap: var(--g);
    padding: 30% 0 0 0;
    justify-content: center;
    grid-template-areas:
      "A B"
      "C D"
      "E F";
  }
}
.diamond{position:relative;display:grid;place-items:center;width:100%;height:100%;transform:rotate(45deg);background:var(--tile);border:1px solid var(--tile-edge);border-radius:var(--radius);text-decoration:none;color:var(--text);box-shadow:0 10px 26px rgba(0,0,0,.35);transition:transform .45s var(--ease),border-color .35s var(--ease),opacity .35s var(--ease);overflow:hidden;isolation:isolate;touch-action:manipulation;}
@media (max-width: 900px){
.diamond{transform:rotate(45deg); }
}
.diamond:hover{transform:rotate(45deg) translateY(-4px);border-color:#d62027}
.inner{transform:rotate(-45deg);display:grid;place-items:center;text-align:center;padding:8px;z-index:2;width:100%;}
.title{font-weight:800;letter-spacing:.2px;font-size:clamp(.9rem,2.6vw,1rem);max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.45s var(--ease);}
.sub{margin-top:6px;color:var(--muted);font-size:clamp(.75rem,2.3vw,.85rem);max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.45s var(--ease);}
.diamond:hover .title{transform:translateY(-2px) scale(1.05);letter-spacing:.8px}
.diamond:hover .sub{transform:translateY(-1px)}
.wipe{position:absolute;left:50%;top:50%;width:200%;height:200%;background:var(--primary);transform:translate(-150%,-50%) rotate(-45deg);transition:transform .55s var(--ease);z-index:1;}
.diamond:hover .wipe{transform:translate(-50%,-50%) rotate(-45deg);}
#introOverlay.is-exit .diamond{transform:scale(.7) rotate(45deg);opacity:0;pointer-events:none}
#introOverlay.is-exit .diamonds{transform:scale(.95);opacity:0}
#a-anasayfa{grid-area:A}
#a-kurumsal{grid-area:B}
#a-referanslar{grid-area:C}
#a-projelerimiz{grid-area:D}
#a-temsilcilikler{grid-area:E}
#a-iletisim{grid-area:F}
.intro-close{position:absolute;top:18px;right:18px;z-index:10;background:#22282d;color:#cfe2ff;border:1px solid #3a4148;border-radius:10px;padding:8px 10px;cursor:pointer;transition:transform .2s var(--ease);}
.intro-close:hover{transform:translateY(-1px)}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}
}