.loader{position:fixed; top:0; left:0; width:100%; height:100%; background:url(/img/loader.gif) no-repeat #5b6773 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);}}

#cookiebar{position:fixed; bottom:0; left:0; width:100%; padding:8px 5%; line-height:20px; background-color:#ddd; color:#777; font-size:14px; text-align:center; 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;}

.top {position: absolute; top: 0; left: 0; width: 100%; background:#fff; padding:22px 30px; text-align: right; line-height: 18px; z-index: 3;}
.top a{display: inline-block; font-size:14px; color: #11b5bc; margin-right:8px;}
.top a:nth-of-type(1){background: url(/img/icons/fb.png) no-repeat center / cover; width: 18px; height: 18px; }
.top a:nth-of-type(2){background: url(/img/icons/insta.png) no-repeat center / cover; width: 18px; height: 18px; display:none; }
.top a:nth-of-type(3){padding-left: 22px; background: url(/img/icons/phone.png) no-repeat left top 3px / 13px 13px; margin:0 0 0 100px;}
.top a:nth-of-type(4){padding-left: 24px; background: url(/img/icons/mail.png) no-repeat left top 4px / 16px 12px; margin: 0 0 0 25px;}
.top a:hover{opacity:0.7;}

.nav {position:absolute; top:0; left:0; text-align: center; z-index:4;}
.nav .logo {float:left; width:320px; height:160px; background:url(/img/logo.png) no-repeat #fff center / 179px 88px;}
.nav ul{float:left; margin:62px 0 0 26px;}
.nav ul li{display:inline-block;}
.nav ul li a{display:inline-block; color:#fff; font-weight:600; font-size:17px; padding:0 14px; text-transform:uppercase; line-height:100px;}
.nav ul li a:hover, .nav ul li a.active{color:#11b5bc;}
.nav.home{width:320px;}
.nav.home ul{margin:0; width:100%;}
.nav.home ul li{float:left; width:100%; margin:10px 0 0;}
.nav.home ul li a{width:100%; padding:0; font-size:18px; line-height:130px; background:#11b5bc;}
.nav.home ul li a:hover{background:#5b6773; color:#fff;}

.logos{padding:40px 150px; background-color:#f3f3f3;}
.logos h4{margin:0; color:#11b5bc;}
.logos .wrapper{float:left; width:100%; display:flex; align-items:center;}
.logos .wrapper div.left{float:left; width:22%;}
.logos .wrapper div.right{float:left; width:78%;}
.logos .carousel{position:relative; padding:0 100px;}
.logos .carousel img{display:inline-block; margin-left:2px !important}
.logos .owl-carousel .owl-stage{display:flex; align-items:center;}
.logos .nav{position:absolute; top:50%; margin-top:-10px; width:100%; z-index:5;}
.logos .nav div{position:absolute; width:8px; height:8px; left:0; top:0; border:solid #5b6773; border-width: 0 4px 4px 0; display: inline-block; padding:5px; -webkit-transform: rotate(135deg); transform: rotate(135deg); transition:0.3s ease; cursor:pointer;}
.logos .nav div.next{left:auto; right:0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.logos .nav div:hover{opacity:0.7;}

.footer{padding:150px 150px 140px;}
.footer h4{color:#11b5bc;}
.footer strong{font-weight:500; text-transform:uppercase;}
.footer .wrapper {float:left; width:100%;}
.footer .wrapper div{float:left; margin-right:8%;}
.footer .wrapper div:nth-of-type(1){width:22%; margin-right:0;}
.footer .wrapper div:nth-of-type(1) .logo {display:block; background: url(/img/logo.png) no-repeat center / cover; width: 179px; height: 88px; margin-top:40px;}
.footer .wrapper div:nth-of-type(3){margin-right:0;}
.footer .wrapper div:nth-of-type(3) a:nth-of-type(1){padding-left:24px; background:url(/img/icons/phone.png) no-repeat left top 4px / 13px 13px;}
.footer .wrapper div:nth-of-type(3) a:nth-of-type(2){padding-left:26px; background:url(/img/icons/mail.png) no-repeat left top 5px / 16px 12px;}
.footer .wrapper div:nth-of-type(4){float:right; margin:0;}
.footer .wrapper div:nth-of-type(4) a{display: inline-block; width: 26px; height: 26px; margin-left:10px; margin-top:70px; background:no-repeat center / cover;}
.footer .wrapper div:nth-of-type(4) a:hover{opacity:0.7;}
.footer .wrapper div:nth-of-type(4) a:nth-of-type(1){background-image: url(/img/icons/fb.png);}
.footer .wrapper div:nth-of-type(4) a:nth-of-type(2){background-image: url(/img/icons/insta.png); display:none;}
.footer .wrapper ul{float:left; padding-right:70px;}
.footer .wrapper ul:last-child{padding-right:0;}
.footer ul li a:hover, .footer ul li a.active{color:#11b5bc;}

.bottom {padding:28px 30px; font-size:12px; line-height:20px; text-transform: uppercase; background-color:#f3f3f3; text-align: center;}
.bottom p {display: inline-block; color: #11b5bc; font-weight: 600;}
.bottom a {font-weight: 600; color: #11b5bc;}
.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) {
.nav .logo, .footer .wrapper div:nth-of-type(1) .logo {background-image: url(/img/logo@2x.png);}
.top a:nth-of-type(1), .footer .wrapper div:nth-of-type(4) a:nth-of-type(1){background-image: url(/img/icons/fb@2x.png);}
.top a:nth-of-type(2), .footer .wrapper div:nth-of-type(4) a:nth-of-type(2){background-image: url(/img/icons/insta@2x.png);}
.top a:nth-of-type(3), .footer .wrapper div:nth-of-type(3) a:nth-of-type(1){background-image: url(/img/icons/phone@2x.png);}
.top a:nth-of-type(4), .footer .wrapper div:nth-of-type(3) a:nth-of-type(2){background-image: url(/img/icons/mail@2x.png);}
}
/*responsive*/
@media screen and (max-width:1500px){
.nav.home, .nav .logo {width:280px;}
.logos{padding:40px 100px;}
.footer{padding:100px 100px 90px;}
.footer .wrapper ul{padding-right:40px;}
}
@media screen and (max-width:1400px){
.nav.home, .nav .logo {width:250px;}
.nav .logo{height:140px;}
.nav.home ul li a{line-height:120px;}
.logos .carousel{position:relative; padding:0 80px;}
.logos .wrapper div.left{width:30%;}
.logos .wrapper div.right{width:70%;}
.footer .wrapper div:nth-of-type(1){width:30%;}
}
@media screen and (max-width:1280px){
.logos .carousel{position:relative; padding:0 60px;}
}
@media screen and (max-width:1100px){
.logos .wrapper div.left{width:35%;}
.logos .wrapper div.right{width:65%;}
.logos .carousel{position:relative; padding:0 60px;}
.footer .wrapper div:nth-of-type(1){display:none;}
}
@media screen and (max-width:990px){
.top a:nth-of-type(3){margin-left:40px;}
.nav.home ul{display:none;}
.logos{padding:30px 80px;}
.logos .carousel{position:relative; padding:0 30px;}
.footer{padding:80px;}
.footer .wrapper div:nth-of-type(3){float:right;}
.footer .wrapper div:nth-of-type(4){display:none;}
.footer .wrapper ul{padding-right:24px;}
}
@media screen and (max-width:750px){
.top{padding:16px 22px;}
.top a:nth-of-type(3){margin:0; font-size:15px;}
.nav.home{width:200px;}
.nav .logo {width:200px; height:94px; background-size:122px 60px;}
.logos{padding:30px 40px;}
.logos h4{text-align:center; margin-bottom:20px;}
.logos .wrapper{display:block;}
.logos .wrapper div.left{width:100%;}
.logos .wrapper div.right{width:100%;}
.footer{padding:40px;}
.footer h4{margin-bottom:20px;}
.footer .wrapper div:nth-of-type(3){float:left; margin-top:40px;}
.bottom {padding:20px 22px;}
}
@media screen and (max-width:320px){
.nav .logo {width:160px; height:90px; background-size:100px 49px;}
}