@charset "UTF-8";
/* CSS Document */

header, .home header.sticky{width:100%;height:120px;z-index:100;background:rgba(0, 0, 0, 0.9); position: fixed;top: 0;-moz-transition:all 0.4s ease-in-out;transition: all 0.4s ease-in-out;padding:15px 40px}
.nav-up, .home header.sticky.nav-up {top: -120px;}
.logo{float:left;margin:10px 0 0 10px;width:auto}

#navMenu {position:absolute;right:40px;top:45px}
#navMenu ul li{display:inline-block;font-size:15px;line-height:1;margin:0;padding:0 25px 0 0;text-transform:uppercase;letter-spacing:2px;}
#navMenu ul li:last-child{padding:0}
#navMenu ul li a{color:#fff;font-weight:300} #navMenu ul li a:hover, .home header.sticky #navMenu ul li a:hover{color:#46c1d1;}
#navMenu ul li a.current::after{content:"";height:3px;width:30px;background:#46c1d1;display:block;margin-top:10px}#navMenu ul li a.current:hover{color:#fff}
#navMenu ul li.fb a img{vertical-align:text-bottom}

#menuMob{display: none;}
#overLayer{position: fixed;min-height: 100%;width: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.6);cursor: pointer;z-index: 2;display: none;}
#overLayer.is-visible {display: block;-webkit-animation: cd-fade-in 0.3s;-moz-animation: cd-fade-in 0.3s;animation: cd-fade-in 0.3s;}
@-webkit-keyframes cd-fade-in {0% {opacity: 0;}  100% {opacity: 1;}} @-moz-keyframes cd-fade-in {0% {opacity: 0;} 100% {opacity: 1;}} @keyframes cd-fade-in {0% {opacity: 0;}  100% {opacity: 1;}}



.home header{background:transparent;} .home header #navMenu ul li a:hover{color:#000}
.home header.sticky{background:#000}
.home header .logo{margin-top:30px;}
.home header.sticky .logo{margin-top:10px}
.home header .logo img{width:80px;-moz-transition:all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.home header.sticky .logo img{width:60px;-moz-transition:all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.home header #navMenu{top:70px;-moz-transition:all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.home header.sticky  #navMenu{top:45px;}

.cycle-slideshow{position:relative;width:100%;margin:0 auto;margin:0;padding:0;z-index:0;height:100%;}
.cycle-slideshow .slide{width:100%;position:relative;height:100%;z-index:1}
.cycle-slideshow .slide .container{height:100%;padding-top:350px;text-align:left;z-index:999;}
.cycle-slideshow .titleRight{display:block;width:calc(auto - 100px);height:auto;border-color:#fff;padding: 20px 0;width:400px;position:relative}

.cycle-slideshow .slide h2{color:#fff;font-size:65px;font-weight:300;display:block; width:calc(100% + 310px);margin-left:-330px;text-align:right;}
.cycle-slideshow .slide h2 span{font-weight:900;display:block;}
.cycle-slideshow .slide h2::after{background:none;margin:0}


.cycle-slideshow .slide1{background:url(../img/slider/fond-slide1.jpg) no-repeat center top / cover fixed  }
.cycle-slideshow .slide2{background:url(../img/slider/fond-slide2.jpg) no-repeat center top / cover fixed }
.cycle-slideshow .slide3{background:url(../img/slider/fond-slide3.jpg) no-repeat center top / cover fixed }
.cycle-slideshow .slide4{background:url(../img/slider/fond-slide4.jpg) no-repeat center top / cover fixed }


.cycle-pager { z-index: 500; overflow: hidden;position:absolute;right:60px;bottom:60px;}
.cycle-pager span { width: 17px; height: 17px; background:transparent;border:2px solid #fff;margin:0 5px;display:inline-block;cursor: pointer;}
.cycle-pager span.cycle-pager-active {border:5px solid #46c1d1}
.cycle-pager > * { cursor: pointer;}


@media only screen and (max-width: 1024px) {
	
header, .home header.sticky{height:80px;padding:10px 25px}	
#navMenu, .home header.sticky  #navMenu{top:25px;right:25px}	
#navMenu ul li{font-size:13px;padding:0 20px 0 0;letter-spacing:1px}

header .logo, .home header.sticky .logo{margin-top:0}	
header .logo img, .home header.sticky .logo img{width:50px;}

.cycle-slideshow .slide .container{padding-top:280px}
.cycle-slideshow .slide h2{font-size:50px}
.cycle-slideshow .titleRight{width:300px;}

}


@media only screen and (max-width: 825px) {
	

header .logo img{width:40px;}
header, .home header.sticky {height:70px}	

.home header .logo{margin:20px 0 0 10px;}
.home header .logo img{width:60px;}
.home header.sticky .logo img{width:40px;}.home header.sticky .logo{margin:0px 0 0 0}
.home header #menuMob{top:40px;right:30px}
.home header.sticky #menuMob{top:17px;right:30px}


#menuMob{position: absolute;top:17px;right:15px;height:100%;z-index:8;display:block;-webkit-transition: all 0.4s ease;transition: all 0.4s ease}
#menuMob a{width:40px;height:40px;display: block;}
#menuMob a {background: url("../img/menu-mobile.svg") no-repeat center center / 35px;}

#navMenu{z-index:3;width:220px;padding-top:100px;position:fixed;top:0;height:100%;overflow-y: auto;-webkit-overflow-scrolling: touch;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);left: -100%;background: #282828;-webkit-transition: left 0.3s;-moz-transition: left 0.3s;transition: left 0.3s;}
#navMenu.speed-in{left: 0;top:0}
#navMenu ul{margin:0;padding:0;float:none}
#navMenu ul li, #navMenu ul li:last-child{display:block;margin: 15px 0;padding: 0;text-align:left;padding-left:10px;line-height:1.5} 


}


@media only screen and (max-width: 768px) {
	
.cycle-pager{right:15px}
.cycle-slideshow .slide .container{padding-top:230px}
.cycle-slideshow .slide h2{font-size:36px}
.cycle-slideshow .titleRight{width:250px;}
	
}


@media only screen and (max-width: 480px) {
	
.cycle-slideshow .slide .container{padding-top:180px}	
.cycle-slideshow .slide h2{font-size:28px;width:calc(100% + 110px);margin-left:-120px;}
.cycle-slideshow .titleRight{width:200px;}

}