.loader{position:fixed; top:0; left:0; width:100%; height:100%; background:url(/img/loader.gif) no-repeat #83afb6 center / 50px 50px; z-index:99;}
.loading{padding-right:60px !important; position:relative;}
.loading::before {content:""; position:absolute; right:10%; top:50%; width:18px; height:18px; margin-top:-9px; border:1px solid none; border-top: 1px solid #fff; border-radius:50%; animation:spin 2s linear infinite; z-index:2;}
@keyframes spin {0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@-webkit-keyframes spin {0%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg); transform:rotate(360deg);}}

#popup_container{position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto; z-index:99;}
#popup_container .bg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.popup{position:absolute; top:0; margin:100px 0; left:50%; width:900px; background:#fff; padding:100px; font-size:15px; line-height:26px; box-sizing:border-box; -webkit-transform:translate(-50%,0); transform:translate(-50%,0 ); z-index:10; box-shadow:0 0 30px rgba(0,0,0,0.1);}
.popup .close{position:absolute; top:20px; right:20px; font-family:'dincondensedbold', sans-serif; text-transform:uppercase; font-size:16px; line-height:16px; letter-spacing:2px; color:#b1ba76;}
.popup .close::before{position:absolute; bottom:-3px; left:0; content:""; width:100%; height:2px; background:#8caeb5; z-index:-1;}
.popup .close:hover::before{bottom:-1px; background:#b1ba76;}
.popup h1{width:50%; font-size:60px; line-height:58px; margin:-10px 0 40px;}
.popup h2{margin:0 0 -20px; font-size:30px; line-height:34px; color:#83afb6; letter-spacing:1px;}
.popup a{position:relative;}
.popup a::before{position:absolute; bottom:-4px; left:0; content:""; width:100%; height:3px; background:#8caeb5; z-index:-1;}
.popup a:hover::before{bottom:0; background:#b1ba76;}
.popup a.linkbtn{margin:10px 0 0; border:2px solid #aeba71; height:45px; line-height:45px; color:#fff; background:#aeba71; padding:0 36px;}
.popup a.linkbtn::before, .popup a.linkbtn::after{display:none !important;}
.popup a.linkbtn:hover{border:2px solid #aeba71; color:#aeba71; background:#fff;}
.popup hr{width:100%; margin:40px 0; border:0; border-bottom:2px dashed #84afb5;}
.popup div{margin:30px 0;}

#cookiebar{position:fixed; bottom:0; left:0; width:90%; padding:8px 5%; line-height:20px; background-color:#ddd; color:#777; font-size:13px; text-align:center; letter-spacing:0; z-index:97;}
#cookiebar a{color:#777; text-decoration:underline;}
#cookiebar a:hover{color:#444; text-decoration:underline;}
#cookiebar span{display:inline-block; margin-left:20px; cursor:pointer;}
#cookiebar span:hover{opacity:0.5;}

.fixed{position:absolute; top:160px; left:200px; width:342px; z-index:3;}
.fixed .logo{float:left; width:100%; height:136px; background:url(/img/logo-white.png) no-repeat center / 342px 136px; z-index:99;}
.fixed .nav{float:left; width:173px; margin-top:80px; text-align:right;}
.fixed .nav li{position:relative; display:block;}
.fixed .nav li ul{display:none;}
.fixed .nav li a{position:relative; margin-bottom:16px; display:block; font-family:'dincondensedbold', sans-serif; font-size:30px; line-height:30px; color:#fff; text-transform:uppercase;}
.fixed .nav li a::after{content:""; position:absolute; right:-21px; width:0; height:21px; background:#fff; opacity:0; transition:0.2s ease;}
.fixed .nav li a.active::after, .fixed .nav li a:hover::after{width:6px; opacity:1;}
.tel{position:absolute; top:60px; right:60px; font-family:'dincondensedbold', sans-serif; font-size:20px; line-height:20px; color:#fff; text-transform:uppercase; z-index:3; letter-spacing:2px;}
.tel a{font-family:'dincondensedbold', sans-serif; color:#fff;}
.tel span{font-family:'dincondensedbold', sans-serif; font-size:13px; color:#fff; letter-spacing:1px;}
.fixed.next{top:40px; left:56px; right:120px; width:auto;}
.fixed.next .logo{width:210px; height:84px; background-size:210px 84px;}
.fixed.next .nav{float:right; width:auto; margin-top:68px;}
.fixed.next .nav li{display:inline-block;}
.fixed.next .nav li a{display:inline-block; font-size:22px; line-height:22px; margin-left:30px; opacity:0.4;}
.fixed.next .nav li a:hover, .fixed.next .nav li a.active{opacity:1;}
.fixed.next .nav li a::after{display:none;}
.fixed.next .nav li ul{display:block; position:absolute; top:90px; right:0; z-index:10;}
.fixed.next .nav li ul li{display:block;}
.fixed.next .nav li ul li a{font-size:21px; line-height:21px; margin-bottom:14px;}
.fixed.next .nav li ul::before{position:absolute; content:""; top:-54px; right:28%; width:1px; height:30px; background:#fff;}
.fixed.next .nav li.main.active ul.child{display:block!important;}

.footer{padding:240px 0 140px; background:#aebb6d; font-size:14px; line-height:28px; color:#fff; text-align:justify;}
.footer .full.small{width:900px;}
.footer h5{margin-bottom:5px;}
.footer p{margin:0;}
.footer a.linkbtn{margin-top:30px;}
.footer .half{width:50%; margin:0; padding:50px 46px; box-sizing:border-box; border-bottom:1px solid #fff;}
.footer .half:nth-child(odd){border-right:1px solid #fff;}
.footer .half:nth-of-type(3),.footer .half:nth-of-type(4){border-bottom:0;}
.footer .social{margin-top:120px; text-align:center;}
.footer .social a{display:inline-block; width:24px; height:24px; margin:0 10px; background:no-repeat center / 24px 24px;}
.footer .social a.facebook{background-image:url(/img/icons/social/facebook.png);}
.footer .social a.vimeo{background-image:url(/img/icons/social/vimeo.png);}
.footer .social a.linkedin{background-image:url(/img/icons/social/linkedin.png);}
.footer .social a:hover{opacity:0.6;}

.bottom{padding:28px 30px 24px; background:#a7b465; color:#fff; text-align:center; text-transform:uppercase; box-sizing:border-box;}
.bottom p{font-family:'dincondensedbold', sans-serif; margin:0; font-size:15px; line-height:15px; letter-spacing:1px;}
.bottom p:first-child{float:left;}
.bottom p:first-child a{margin-left:24px;}
.bottom p:last-child{float:right; opacity:0.7;}
.bottom a{font-family:'dincondensedbold', sans-serif; color:#fff;}
.bottom a:hover{text-decoration:underline;}

/*retina*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
.fixed .logo{background-image:url(/img/logo-white@2x.png);}
.footer .social a.facebook{background-image:url(/img/icons/social/facebook@2x.png);}
.footer .social a.vimeo{background-image:url(/img/icons/social/vimeo@2x.png);}
.footer .social a.linkedin{background-image:url(/img/icons/social/linkedin@2x.png);}
}
/*responsive*/
@media screen and (max-width:1500px){
.fixed{top:100px; left:100px;}
.fixed .nav li a{margin-bottom:14px; font-size:27px; line-height:27px;}
.fixed .nav li a::after{height:20px;}
.fixed.next{top:30px; left:40px; right:80px;}
.fixed.next .nav li ul{top:60px;}
.fixed.next .nav li ul::before{top:-33px; height:20px;}
.tel{top:46px; right:50px;}
}
@media screen and (max-width:1300px){
.fixed{top:60px; left:60px;}
.tel{top:36px; right:40px;}
}
@media screen and (max-width:1100px){
.popup{margin:40px 0; width:84%; padding:60px;}
.fixed{top:40px; left:60px;}
.fixed .nav li a{font-size:25px; line-height:25px;}
.fixed .nav li a::after{height:18px;}
.fixed.next ul{display:none;}
.tel{top:30px; right:34px;}
.footer{padding:100px 0;}
.footer .full.small{width:98%;}
}
@media screen and (max-width:990px){
.fixed {top:120px; left:40px;}
.fixed .nav{display:none;}
.tel{left:34px; right:auto;}
.footer{padding:50px 0;}
.footer .container{width:90%;}
.footer .social {margin-top: 50px;}	
}
@media screen and (max-width:750px){
.popup{margin:10px 0; width:96%; padding:24px; font-size:14px; line-height:24px;}
.popup .close{top:9px; right:4px;}
.popup h1{font-size:38px; line-height:38px; width:70%; margin: 0 0 20px;}
.popup h2{font-size:27px; line-height:32px; margin:0 0 -25px;}
.popup h3{margin:30px 0 -20px !important;}
.popup p{margin-top:20px !important;}
.tel{left:16px; top:16px; font-size:17px; line-height:17px; letter-spacing:1px;}
.tel span{font-size:12px;}
.fixed {top:70px;}
.fixed.next{top:16px; left:18px; right:auto;}
.home .fixed{top:auto !important; bottom:38px !important; left:0; width:100%;}
.home .fixed .logo{background-size:240px 96px; height:96px; background-position:left 30px bottom 0px;}
.footer {padding:40px 0 50px 0 !important;}
.footer .container{width:84%;}
.footer .full.small{width:100%;}
.footer .half {width:100%; border:none; padding:0 0 40px 0;}
.footer .half:nth-child(odd){border:none;}
.footer .social{margin-top:20px;}
.footer a.linkbtn {margin-top:20px;}
.bottom{padding:28px 20px 24px;}
.bottom p {float:none !important;}
.bottom p:last-child {margin-top: 10px;}
}