@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:#212527;-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}
body{font-family:'Source Sans Pro',sans-serif;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;overflow-x:hidden;overflow-y:scroll;color:#111;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}
}
.clearfix{clear:both;width:100%!important;}
.loading{display:block;position:fixed;z-index:999999999999!important;top:0;left:0;color:#fff;padding:0;width:100vw;height:100vh;background-color:rgba(52,58,64,.8)}
.loader{width:90px;height:90px;border:3px solid rgba(255,255,255,.1);border-bottom:3px solid transparent;border-radius:50%;position:relative;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;display:flex;justify-content:center;align-items:center;margin:20% auto}
.loader .inner{width:64px;height:64px;border:3px solid transparent;border-top:3px solid #212527;border-radius:50%;-webkit-animation:spinInner 1s linear infinite;animation:spinInner 1s linear infinite}
.loader.small{width:50px;height:50px;margin:10% auto;border:3px solid rgba(113,113,113,.3);border-bottom:3px solid transparent}
.loader.small .inner{width:36px;height:36px;border:3px solid transparent;border-top:3px solid #2d3236}
@media (max-width:1024px){.loader{margin:18rem auto}
}
@-webkit-keyframes spin{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes spin{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@-webkit-keyframes spinInner{0%{transform:rotate(0)}
100%{transform:rotate(-720deg)}
}
@keyframes spinInner{0%{transform:rotate(0)}
100%{transform:rotate(-720deg)}
}
.input,.textarea{background-color:#4f4f4f;padding:8px;width:100%;font-family:arial;font-size:.6rem;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);-webkit-border-radius:3px;border-radius:3px;-webkit-appearance:none;appearance:none;border:0;outline:0;-webkit-transition:.3s ease all;-moz-transition:.3s ease all;-ms-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all}
select{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>");background-color:#4f4f4f;background-repeat:no-repeat;background-position:right 10px top 12px;background-size:12px 12px;padding:8px;width:100%;font-family:arial;font-size:.6rem;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);-webkit-border-radius:3px;border-radius:3px;-webkit-appearance:none;appearance:none;border:0;outline:0;-webkit-transition:.3s ease all;-moz-transition:.3s ease all;-ms-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all}
select:active,select:focus{border:0;outline:0}
select:hover{background-color:#535353}
#container{width:100%;height:100%;margin:0;padding:0}
.container{display:block;width:100%;overflow:hidden}
.container .wrapper{display:block;width:90%;margin:0 auto}
@media (max-width:1024px){.container .wrapper{width:95%}
}
header{display:block;width:100%;margin:0;padding:0;-webkit-transition:.1s;transition:.1s;position:fixed;top:0;z-index:30}
header.sticky{top:0;background-color:#212527;}
header .header{display:block;width:95%;margin:0 auto;position:relative}
@media (max-width:1024px){header{top:0;overflow:hidden}
header .header{width:85%}
header.sticky{top:0;position:absolute}
}
.logo{width:190px;height:90px;margin:0;display:block;overflow:hidden;transition:1s;cursor:pointer;background-position:center center;background-repeat:no-repeat;background-image:url(../images/logo.png);background-size:100%;position:relative;float:left;}
@media (max-width:1024px){.logo{width:150px;height:50px;}
header.sticky .logo{transform:scale(1)}
}
.toggleMenu{color:#fff!important;z-index:10000;text-align:center;overflow:hidden;transition:.5s;opacity:1;display:none;font-family:FontAwesome;float:right;margin:0;font-size:2rem;position:fixed;top:0;right:0;z-index:30}
.toggleMenu:before{content:"\f141";display:block;transform:scale(0);width:5rem;height:5rem;line-height:5rem;animation:menu 1s forwards}
.toggleMenu.open:before{content:"\f00d";background-color:transparent;transform:scale(0);animation:menuOpen 1s forwards}
header.sticky .toggleMenu:before{background-color:#212527;}
@media (max-width:1024px){.toggleMenu:before{width:5rem;height:3rem;line-height:3rem;}
}
@keyframes menu{to{transform:scale(1)}
}
@keyframes menuOpen{to{transform:scale(1)}
}
nav{margin:1rem 2rem 0 0;padding:0;display:block;float:right;}
.nav{margin:0;padding:0;list-style:none;position:relative;text-align:center;}
.nav:after,.nav:before{content:"";display:table}
.nav:after{clear:both}
.nav>li{display:inline-block;padding:0;margin:0;position:relative;}
.nav li a{display:block;font-size:1rem;overflow:hidden;margin:0 1.2rem;font-weight:500;padding:1rem 0;color:#fff;text-align:left;letter-spacing:.1rem;}
.nav li:hover>a{color:#ccc;opacity:1}
.nav>li>a:before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background-color:#fff;z-index:0;opacity:0;transition:.5s;}
.nav>li:hover>a:before{opacity:1;}
.nav>li:nth-child(1)>a:after{font-family:FontAwesome;content:"\f0c9";position:absolute;left:-.5rem;top:1.2rem;}
.nav li ul{position:absolute;background-color:#212527;z-index:25;list-style:none;width:250px;display:none;margin:0;padding:0rem 0 0 0;transition:.3s}
.nav li:hover>ul{display:block}
.nav li li:hover ul{display:block;top:0;padding:0}
.nav li li li:hover ul{display:block;top:0;padding:0}
.nav li li{border:none;margin:0;padding:0;position:relative}
.nav li li a{display:block;line-height:normal;color:#fff;padding:1rem;font-size:.9rem;font-weight:500;border-bottom:1px solid #000000}
.nav li li:last-child a{border-bottom:0}
.nav li li li a{display:block;font-size:.8rem;height:auto;color:#fff;padding:1rem;font-weight:300}
.nav li ul li a:hover,.nav li ul li:hover>a{background-color:#313844;color:#fff}
@media (max-width:1120px){nav{width:320px;height:100vh;margin:0;padding:1rem 1rem;position:fixed;display:none;z-index:240;top:0;left:0;background:#fff;overflow:hidden;overflow-y:auto;border-right:1px solid #dedede}
.nav>li{width:100%;display:block;padding:0;margin:0;position:relative;border-bottom:1px solid #eee}
.nav>li>a.parent:after{font-family:dripicons-v2;content:"\54";float:right;position:absolute;font-size:16px;color:#071a3b;right:20px}
.nav>li a{display:block;color:#444;font-size:1.2rem;padding:1rem .4rem;text-align:left;font-weight:500;transition:.3s;-webkit-transition:.3s;border-bottom:0}
.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:1rem .4rem;font-weight:500;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}
.nav li li.hover ul,.nav li.hover>ul{position:static}
}
.slider{display:block;width:100%;height:100vh;position:relative;overflow:hidden; z-index: 0;}
.video { min-width: 100%; min-height: 100%; overflow: hidden; z-index: 0; position: absolute; border: 0!important; filter: grayscale(100%); }

.banner{width:100%;margin:0;padding:0}
.banner .owl-item{margin:0!important;padding:0!important;height:100%!important;overflow:hidden}
.banner .owl-item img{width:100%; height: 100%; vertical-align:bottom;filter:grayscale(100%);}
.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;}
.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:2rem}
.banner .owl-nav button.owl-next{right:2rem;}
.banner .owl-nav button{position:absolute;top:45%;transform:translateY(-45%);color:#fff!important}
@media (max-width:1024px){.slider{display:block;width:100%;height:auto}
.banner .owl-item .banner-desk{display:none!important}
.banner .owl-item .banner-mobile{display:block!important}
.banner .owl-nav button{top:70%;display:none}
}
.caption{width:100%;height:100%;padding:20% 0 0 15%;margin:0;z-index:7;position:absolute;top:0;left:0;overflow:hidden;background-color:rgba(26,25,25,.8)}
.caption-desc,.caption-title{width:980px;display:block;color:#fff;padding:0;margin:0;position:relative;line-height:120%;opacity:0;z-index:1}
.caption-title{font-size:4rem;font-weight:600;animation:title .2s .4s linear forwards}
.caption-desc{font-size:1.2rem;font-weight:100;margin:1rem 0 0 0;animation:desc .2s .5s linear forwards}
.caption-link{display:block;opacity:0;animation:link .2s .6s linear forwards;position:relative;z-index:1}
.caption-link a{display:block;width:200px;padding:1rem;margin:2rem 0;text-align:center;border:1px solid #fff;color:#fff;border-radius:.6rem;background-color:transparent;transition:.3s ease-in-out}
.caption-link a:hover{transform:scale(1.04);color:#fff;box-shadow:inset 20rem 0 4px #111;border-color:#111}
@media (max-width:1120px){.caption{padding:50% 7%}
.caption-desc,.caption-title{width:100%}
.caption-title{font-size:3rem}
.caption-desc{font-size:1.2rem}
.caption-link a{width:125px!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}
}
.headline{width:700px;margin:5% auto;display:block;text-align:center;overflow:hidden}
.headline:before{content:"";display:block;width:5rem;height:.2rem;background-color:#212527;margin:1rem auto;border-radius:10rem}
.headline h1,.headline h2,.headline h3,.headline h4{margin:0;padding:0;line-height:115%}
.headline h1{font-size:3.6rem;color:#212527;font-weight:300}
.headline h2{font-size:1.4rem;width:75%;margin:1rem auto;font-weight:300;color:#212527}
.headline h3{font-size:3.6rem;color:#212527;font-weight:300}
.headline h4{font-size:1.4rem;margin:1rem auto;width:75%;font-weight:300;color:#212527}
.headline p{margin:.6rem 0;padding:0}
.headline.text-light *{color:#fff}
.headline.text-light:before{background-color:#212527}
@media (max-width:1024px){.headline{width:100%;margin:4rem auto}
.headline h3{font-size:3rem}
.headline h4{font-size:1rem}
.headline h5{font-size:1.4rem}
.headline h6{font-size:1rem}
}
.heading-filter-text{display:block;font-size:10vw;font-weight:700;color:#777;position:relative;top:0;left:-1rem;line-height:100%;letter-spacing:0;padding:2rem 0;}
.heading{width:1000px;margin:2.5rem 0;display:block;overflow:hidden}
.heading:before{content:"";display:block;width:5rem;height:.2rem;background-color:#212527;margin:1rem 0;border-radius:10rem}
.heading h1,.heading h2{margin:0;padding:0;line-height:115%;color:#111;}
.heading h1{font-size:1.6rem;}
.heading h2{font-weight:300;font-size:1.2rem;}
.heading h3,.heading h4{margin:0;padding:0;line-height:115%;color:#111;}
.heading h3{font-size:1.6rem;}
.heading h4{font-weight:300;font-size:1.2rem;}
.heading.text-light{width:1280px;margin:0 auto;}
.heading.text-light *{color:#fff!important;}
@media (max-width:1024px){.heading-filter-text{font-size:3rem;top:0;left:0;line-height:1;padding:2rem 0;}
.heading{width:100%;margin:5% auto;}
}
.readmore{display:block;width:200px;padding:1rem;margin:2rem 0;text-align:center;border:1px solid #111;color:#111;border-radius:.6rem;background-color:transparent;transition:.3s ease-in-out}
.readmore:hover{transform:scale(1.04);color:#fff;box-shadow:inset 200rem 0 4px #111;border-color:#111}
.readmore.align-center{margin:5rem auto;}
.parallax{background-repeat:no-repeat;background-position:100% 0;background-size:cover;background-attachment:fixed}
.section1{width:100%;margin:0;padding:0 0 5% 0;}
.about{display:block;width:85%;margin:0 auto;position:relative;}
.about-filter-text{display:block;font-size:10vw;font-weight:700;color:#f7f7f7;position:relative;top:10vh;left:0;letter-spacing:2rem;}
.about-filter-text img{ opacity: .5;}
.about-content{width:800px;display:block;margin:0 auto;}
.about-content h3{font-size:3rem;font-weight:300;}
.about-content h3 img{width:auto;}
@media (max-width:1024px){.section1 .wrapper{width:100%}
.about-filter-text{font-size:15vw;top:2vh;letter-spacing:0;}
.about-content{width:100%;}
.about-content h3{font-size:2rem;}
.about-content h3 img{width:75%;}
}
.company{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin:0 auto;}
.company-col{width:45%;}
@media (max-width:1024px){.company{width:90%;margin:0 0 3rem 0;}
.company-col{width:100%;}
}
.section2{width:100%;margin:0;padding:0;display:block;overflow:hidden;background-size:cover;color:#2d3236}
.section2 .wrapper{width:100%;}
.products-filter-text{display:block;font-size:15vw;font-weight:700;color:#f7f7f7;position:relative;top:0;left:0;line-height:.4;letter-spacing:2rem;}
.products{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin:0}
.products-col{width:33.33%;display:block;margin:0;position:relative;overflow:hidden}
.products-col img{width:100%;vertical-align:bottom;transition:.2s}
.products-header{display:block;width:100%;height:100%;overflow:hidden;color:#fff;padding:5rem;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.4);transition:.6s}
.products-title{display:block;margin:0;font-weight:300;font-size:2.2rem}
.products-title:after{content:"";background-color:#fff;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;opacity:0;font-size:1.1rem;padding:0;overflow:hidden}
.products-col:hover .products-header{background-color:rgba(0,0,0,.8);bottom:0}
.products-col:hover .products-summary{opacity:1;}
@media (max-width:1024px){.section2{padding:0}
.section2 .wrapper{width:90%}
.products{display:flex;flex-wrap:wrap;justify-content:space-between}
.products-col{width:100%;margin:0 0 1rem 0}
.products-header{bottom:-70px;background-color:rgba(0,0,0,.8)}
.products-title{font-size:1rem}
.products-summary{font-size:.8rem}
}
.section3{width:100%;margin:0;padding:8rem 0;font-weight:400;}
.section3 .wrapper{width:80%}
.carreer-filter-text{display:block;font-size:15vw;font-weight:700;color:#f7f7f7;position:relative;top:0;left:0;line-height:.7;letter-spacing:0rem;}
.carreer-content{width:500px;display:block;margin:0 auto;font-weight:300;}
.carreer-content h3{font-size:3rem;}
.carreer-content a{width:100%;}
@media (max-width:1024px){.section3{width:100%;margin:0;padding:2.5rem 0;font-weight:400;}
.section3 .wrapper{width:80%}
.carreer-filter-text{display:block;font-size:4rem;font-weight:700;color:#f7f7f7;position:relative;top:0;left:0;line-height:.7;letter-spacing:0;}
.carreer-content{width:100%;}
.carreer-content h3{font-size:3rem;}
}
.references{display:block;margin:4rem 0 0 0;padding:0;overflow:hidden;}
.references .owl-item{margin:0!important;padding:0 .6rem!important;}
.references .owl-item a{display:block;width:100%;background-color:#fff;padding:0;border:1px solid #dedede;}
.references .owl-item img{width:100%;vertical-align:bottom;filter:grayscale(0);}
.references .owl-nav span{display:none;}
.references .owl-nav .owl-next,.references .owl-nav .owl-prev{font-size:2rem!important;color:#2d3236;}
.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:45%;transform:translateY(-50%);color:#2d3236!important;}
.section-head{width:100%;height:100px;overflow:hidden;background-color:#212527;}
@media (max-width:1024px){.section-head{height:50px;}
}
.section5{width:100%;overflow:hidden;margin:0;padding:5% 0 0 0;}
.section5 .wrapper{width:80%;}
@media (max-width:1024px){.section5 .wrapper{width:90%;}
}
.section6{width:100%;margin:0;padding:2.5% 0;}
.section6 .wrapper{width:80%}
.section6 .products{width:100%;padding:2rem 0;}
.section6 .products *{color:#fff;}
@media (max-width:1024px){.section6{width:100%;margin:0;padding:1rem 0;}
.section6 .wrapper{width:90%}
.section6 .products *{color:#fff;}
}
.section-dark{background-color:#212527;}
.section-dark .heading-filter-text{color:#555;margin:0 0 5% 0;}
.slider-page{display:block;padding:5rem 0 0 0;}
@media (max-width:1024px){.slider-page{padding:0;}
}
.project-category{display:block;margin:0;}
.project-category label{display:inline-block;padding:0.25rem 0.75rem;border-radius:0.25rem;cursor:pointer;transition:0.25s;margin:0 0 2rem 0;}
.project-category [type="radio"]:checked+label{background-color:#111;color:#fff;}
.project-category [type="radio"]{display:none;}
@media (max-width:1024px){.project-category{display:flex;justify-content:center;flex-wrap:wrap;}
.project-category label{padding:.4rem;margin:.2rem;}
}
.projects{display:flex;flex-wrap:wrap;width:100%;margin:0}
.projects-col{width:32%;display:block;margin:0;position:relative;overflow:hidden;text-align:center;transition:0.25s;border:1px solid #fff;}
.projects-col img{width:100%;vertical-align:bottom;transition:.2s}
.projects-header{display:block;width:100%;height:100%;overflow:hidden;color:#fff;padding:1rem;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.4);transition:.6s}
.projects-title{display:block;margin:0;font-weight:300;font-size:2vw;text-align:left;}
.projects-title:after{content:"";background-color:#fff;width:50%;height:.1rem;border-radius:1rem;margin:.4rem 0;display:block;font-size:1rem;text-align:center}
.projects-summary{display:block;margin:1rem 0 0 0;opacity:0;font-size:1.1rem;padding:0;overflow:hidden;text-align:left;}
.projects-col:hover .projects-header{background-color:rgba(0,0,0,.8);bottom:0}
.projects-col:hover .projects-summary{opacity:1;}
@media (max-width:1024px){.projects-col{width:100%;}
.projects-title{font-size:5vw}
.projects{margin:2rem 0 0 0;}
}
aside{width:30%;float:left;font-size:1rem; position: relative; z-index: 1;}
aside span{display:block;margin:0 0 2rem 0;}
aside .light{width:100%;display:block;margin:2rem 0;border:1px solid #dedede;}
aside .light img{width:100%;vertical-align:bottom;}
main{width:65%;float:right;}
@media (max-width:1024px){aside{width:100%;float:left;font-size:1rem;}
aside span{margin:0 0 1rem 0;width:50%;min-height:75px;float:left;padding:1rem;background-color:#f7f7f7;}
aside h3{margin:4rem 0 0 0;display:block;}
main{width:100%;}
}
.gallery{display:flex;flex-wrap:wrap;width:100%;margin:5rem 0 0 0}
.gallery-col{width:33%;display:block;margin:0;position:relative;overflow:hidden;transition:0.25s;border:1px solid #fff;}
.gallery-col img{width:100%;vertical-align:bottom;transition:.2s}
.gallery-header{display:block;width:100%;height:100%;overflow:hidden;color:#fff;padding:1rem;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.4);transition:.6s}
.gallery-title{display:block;margin:0;font-weight:300;font-size:1vw}
.gallery-title:after{content:"";background-color:#fff;width:50%;height:.1rem;border-radius:1rem;margin:.4rem 0;display:block;font-size:1rem;text-align:center}
.gallery-summary{display:block;margin:1rem 0 0 0;opacity:0;font-size:1.1rem;padding:0;overflow:hidden}
.gallery-col:hover .gallery-header{background-color:rgba(0,0,0,.8);bottom:0}
.gallery-col:hover .gallery-summary{opacity:1;}
.gallery.references{margin:1rem 0 0 0;justify-content:center;}
.gallery.references .gallery-col{width:18%;margin:1rem;border:0}
.gallery.references .gallery-col img{width:100%;vertical-align:bottom;transition:.2s;filter:grayscale(100%);}
@media (max-width:1024px){.gallery{justify-content:space-between;}
.gallery-col{width:48%;margin:0 0 1rem 0;border:1px solid #dedede;}
.gallery.references .gallery-col{width:32%;margin:0 0 1rem 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: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:#111}
@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;-webkit-transition:.2s;transition:.2s}
.form_row textarea{height:180px}
.form_row input:focus,.form_row textarea:focus{border:1px solid #111;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:#111;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}
}
.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:50px;line-height:50px;background-color:#fff;color:#444;border:1px solid #ccc;-webkit-transition:.2s;transition:.2s;margin:0 0 15px 0;border-radius:.6rem;}
.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;border-radius:.6rem;}
.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:#111;color:#fff;cursor:pointer;border-radius:5px}
.hrform .cls .upload{width:125px;height:40px;border-radius:5px;overflow:hidden;background:url(../images/upload.jpg) top center no-repeat;background-size:100%;color:#fff;margin:0 0 1.2rem 0}
.hrform .cls .upload:hover{opacity:.8}
.hrform .cls .upload>input{display:block!important;width:130px!important;height:30px!important;opacity:0!important;overflow:hidden!important;position:relative;z-index:9999;background:0 0;cursor:pointer}
.hrform .cls input.code{width:75%;height:55px;float:left}
.hrform .cls .security{width:25%;height:55px;line-height:50px;padding:0 15px;margin:0;font-weight:800;float:left;background:#fff;font-size:20px;color:#1a1a1a}
@media (min-width:1024px){.hrform .cls{width:30%}
}
footer{width:100%;display:block;padding:15rem 0;margin:0;color:#cecece;position:relative;background-color:#212527; z-index: 1;}
footer .wrapper{display:block;width:1280px;margin:0 auto}
.columns{display:flex;flex-wrap:nowrap;justify-content:space-between;padding:0;font-size:1.2rem}
.columns .cols{display:block;width:30%}
.columns .cols:first-child{width:50%}
.columns .cols>a{color:#cecece;display:block;margin:1rem 0}
.columns .cols>a i{margin:.2rem 1rem 1rem 0;float:left}
.columns .title{display:block;overflow:hidden;font-weight:300;padding:0;font-size:1.6rem;margin:2rem 0}
.columns .link{margin:1rem 0;display:block}
.columns .link a{color:#999;font-weight:400;display:inline;font-size:1.2rem}
.columns .link a:hover{color:#fff}
@media (max-width:1024px){footer{padding:2rem 0}
footer .wrapper{width:90%}
.columns{padding:0;width:100%;flex-wrap:wrap;font-size:1.2rem}
.columns .cols{width:100%;padding:0 1rem}
.columns .cols:first-child{width:100%}
}
.social-feed{display:block;overflow:hidden;margin:0}
.social-feed a{display:inline-block;text-align:center;margin:0;overflow:hidden;position:relative;background-repeat:no-repeat;background-position:center center;background-size:20px;margin:0 1rem 0 0;color:#eee;border-radius:.4rem;font-size:1.4rem}
.social-feed a:hover{filter:brightness(100%)}
.social-feed a.social_facebook:hover{color:#4b69b1}
.social-feed a.social_twitter:hover{color:#37b1e2}
.social-feed a.social_instagram:hover{color:#cf3053}
.social-feed a.social_youtube:hover{color:red}
.subscribe{display:block;overflow:hidden;width:80%}
.subscribe p{display:block;margin:25px 0 0 0!important}
.subscribe form{height:50px;width:100%;display:block;margin:0;overflow:hidden;background-color:#fff;border:1px solid #222}
.subscribe form input[type=text]{width:70%;float:left;border:none;background:0 0;height:50px;font-size:1.1rem;padding:0 20px;color:#fff;font-weight:400}
.subscribe form button{float:right;border:none;height:50px;padding:0 2rem;font-size:1.6rem;color:#fff;position:relative;cursor:pointer;background:#212527}
.subscribe form button:before{font-family:fontAwesome;content:"\2b"}
@media (max-width:1024px){.subscribe{width:100%}
}
.bottom{width:100%;display:block;overflow:hidden;padding:1rem 0;margin:0;color:#fff;background-color:#212527; z-index: 1; position: relative;}
.bottom .wrapper{display:block;width:1280px;margin:0 auto}
.copyright{display:block;font-weight:400;margin:0;float:left}
.copyright p{color:#fff;margin:.4rem 0;padding:0}
.webtasarim{display:block;margin:0;float:right}
.webtasarim a{display:block}
.webtasarim img{width:5rem}
@media (max-width:690px){.bottom .wrapper{width:90%}
.copyright{float:none;text-align:center;padding:0 5%}
.webtasarim{float:none;text-align:center;margin:20px 0 0 0}
}
.siteup{position:fixed;bottom:1rem;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:999;border-radius:50%;text-align:center}
.siteup.sticky{right:1rem}
@media (max-width:1024px){.siteup{bottom:1rem}
.siteup.sticky{right:1rem}
}
.contact-button{display:inline-block;border-radius:50%;color:#fff;border:.2rem solid #212527;background-color:#212527;padding:0;text-align:center;width:4rem;height:4rem;line-height:3.8rem;font-size:1.4rem;position:relative;transition:all .25s ease-in-out;position:fixed;left:1rem;bottom:1rem;z-index:32}
.contact-button:hover{background-color:#212527;color:#fff}
.contact-button:hover:before{animation:contact-button 1.5s ease-out infinite}
.contact-button:hover:after{animation:contact-button 1.5s ease-out .4s infinite}
.contact-button:after,.contact-button:before{content:"";display:block;position:absolute;top:0;left:0;z-index:-1;background-color:#ccc;width:100%;height:100%;border-radius:50%;opacity:0;transition:all .25s ease-in-out}
@media (max-width:1024px){.contact-button{width:4rem;height:4rem;line-height:3.8rem;left:1rem;bottom:1rem;z-index:32}
}
@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:25px}
.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:40px}
.lightbox-nav-prev{left:30px;width:60px;height:60px;background-image:url(../svg/prev.svg);background-size:40px}
@media (max-width:1024px){.lightbox-close{right:.5rem;top:.5rem;}
}
.animation-element{opacity:0;position:relative}
.animation-element.anime-left{opacity:0;transition:all .8s 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 .8s 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 .8s .3s 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 .8s .3s 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 .8s linear;transform:scale(0)}
.animation-element.anime-zoom.in-view{opacity:1;transform:scale(1)}
.modal,.modal-box{z-index:999999999}
.modalOverlay{position:fixed;width:100%;height:100%;top:0;left:0;background:0 0}
.modal{display:none;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);overflow:auto}
.modal .modal-box{position:relative;width:500px;margin:4rem auto;animation-name:modalbox;animation-duration:.3s;animation-timing-function:ease-out;background-color:#111;border:1px solid #333;padding:0;border-radius:2px;overflow:hidden}
.modal .modal-header{padding:25px 0 0 0;position:relative;display:block;text-align:center;overflow:hidden}
.modal .modal-header .modal-header-title{font-size:2rem;color:#fff;font-weight:300}
.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:#666 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%;margin:0;border-radius:0}
}
.geometric-background{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:-1;}
.shape{position:absolute;opacity:0.2;transform-origin:center;}
.square{width:10rem;height:10rem;background:#283f53;animation:rotate 20s infinite linear;}
.circle{width:5rem;height:5rem;border-radius:50%;background:#777;animation:pulse 15s infinite alternate;}
.triangle{width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:50px solid #ebb239;animation:float 12s infinite ease-in-out;}
.rectangle{width:5rem;height:3rem;background:#ebb239;animation:slide 18s infinite linear;}
@keyframes rotate{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@keyframes pulse{0%{transform:scale(1);opacity:0.1;}
50%{transform:scale(1.5);opacity:0.3;}
100%{transform:scale(1);opacity:0.1;}
}
@keyframes float{0%{transform:translateY(0px) translateX(0px) rotate(0deg);}
50%{transform:translateY(-20px) translateX(20px) rotate(180deg);}
100%{transform:translateY(0px) translateX(0px) rotate(360deg);}
}
@keyframes slide{0%{transform:translateX(-100px) rotate(0deg);}
50%{transform:translateX(100px) rotate(180deg);}
100%{transform:translateX(-100px) rotate(360deg);}
}
.particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}
.particle{position:absolute;width:2px;height:2px;background-color:white;opacity:0.5;animation:sparkle 8s infinite linear;}
@keyframes sparkle{0%{opacity:0;}
50%{opacity:0.8;}
100%{opacity:0;}
}