/* 
    Created on : 16 mai 2014, 19:03:41
    Author     : HIT9
*/

body{
	background:transparent;
	width:100%;
	overflow-x:hidden;
	font-family: 'Andada', serif;
}

ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
a{
	cursor: pointer;
}

.clear{
	clear:both;
}

#main{
	z-index:0;
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
	display:block;
}


/** menus **/
#mobile-sticky-menu{
	width:100%;
	position:fixed;
	z-index:10;
	top:0px;
	height:88px;
	background-image:url(../img/mobile-sticky-menu.png);
	background-position:center bottom;
	background-repeat:repeat-x;
	text-align:center;
}
#mobile-home-btn{
	position:absolute;
	margin:0 auto;
	left:0;
	right:0;
	top:10px;
	display:block;
	width:60px;
	height:60px;
	
}
#mobile-menu-btn{
	color:#901541;
	float:right;
	height:30px;
	margin:10px 10px 0 0;
	padding:7px 35px 0 0;
	text-transform: uppercase;
	background-image:url(../img/mobile-menu-open.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	text-align:center;
	cursor:pointer;
}
#mobile-menu-btn.closed{
	background-image:url(../img/mobile-menu-closed.png);
}
#scroll-out-menu{
	width:100%;
	height:100%;
	background:rgba(144,21,65,0.8);
	position:fixed;
	margin:0;
	z-index:9;
	display:none;
	text-align:center;
}
#scroll-out-menu ul{
	position:absolute;
	width:300px;
	height:200px;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	text-align:center;
}
#scroll-out-menu li.lang{
	color:#FFF;
	padding: 10px 10px;
	margin-top:30px;
	font-size:16px;
}
#scroll-out-menu li.lang a{
	display:inline;
	padding:0;
	margin:0;
}

#scroll-out-menu li a{
	text-transform: uppercase;
	position:relative;
	text-align:center;
	padding: 10px 10px;
	font-size:22px;
	color:#FFF;
	display:block;
	overflow:hidden;
}
	



#sticky-menu{
	width:100%;
	position:fixed;
	z-index:10;
	top:-88px;
	height:88px;
	background-image:url(../img/sticky-menu.png);
	background-position:center bottom;
	background-repeat:repeat-x;
	text-align:center;
}
#sticky-wrapper{
	width:970px;
	height:88px;
	margin:0 auto;
}
#sticky-menu a:hover{
	background-color:transparent;
}
#sticky-menu li.active a.scroll-link, #sticky-menu a.scroll-link:hover{
	text-decoration:none;
	/*padding-bottom:20px;*/
	background-image:url(../img/sticky-hover-bar.png);
	background-position:center 25px;
	background-repeat:no-repeat;
	color:#901541;
	background-color:transparent;
}
#sticky-menu a.scroll-link{
	text-transform: uppercase;
	background-image:url(../img/sticky-hover-bar.png);
	background-position:center 45px;
	background-repeat:no-repeat;
	position:relative;
	text-align:center;
	padding: 0px 5px 13px;
	top:15px;
	color:#000;
	display:inline-block;
	width:210px;
	overflow:hidden;
	font-size:16px;
	-webkit-transition: background .5s ease, color .5s;
        -moz-transition: background .5s ease, color .5s;
         -ms-transition: background .5s ease, color .5s;
          -o-transition: background .5s ease, color .5s;
             transition: background .5s ease, color .5s;
}
#sticky-menu a{
	float:left;
}
#sticky-space{
	width:130px;
	height:80px;
	display:inline-block;
	cursor:pointer;
}

#header-menu{
	position:absolute;
	z-index:9;
	top:50px;
	text-align:center;
	width:995px;
	left:-500px;
	margin-left:50%;
}
#header-menu #logo{
	margin:0 30px;
}

#header-menu .lang{
	position:absolute;
	top:-40px;
	margin:0 auto;
	left:0;
	right:0;
	width:100px;
	color:#FFF;
}
#header-menu .lang a:hover{text-decoration:underline;}
#header-menu .lang a{
	width:30px;
	display:inline-block;
	padding:0 5px;
	top:0;
	margin:0;
}

#header-menu a:hover{
	text-decoration:none;
	background-image:url(../img/header-hover-bar.png);
	background-position:center 38px;
	background-repeat:no-repeat;
}
#header-menu a{
	color:#FFF;
	background-image:url(../img/header-hover-bar.png);
	background-repeat:no-repeat;
	background-position:center 50px;
	text-transform: uppercase;
	position:relative;
	top:27px;
	text-align:center;
	padding: 10px 5px;
	width:200px;
	font-size:16px;
	display:inline-block;
	-webkit-transition: background .5s ease, color .5s;
        -moz-transition: background .5s ease, color .5s;
         -ms-transition: background .5s ease, color .5s;
          -o-transition: background .5s ease, color .5s;
             transition: background .5s ease, color .5s;
}
/** menus **/



#slide-3-bg{
	width:100%;
	height:100%;
	position:fixed;
	z-index:-1;
	overflow:hidden;
	top:0;
	background:#000;
	text-align:center;
	display:block;
}


.slide-content{
	padding: 110px 30px 70px;
	max-width:1170px;
	height:auto;
	display:block;
	position:absolute;
	top:50%;
	margin:auto;
	left:0;right:0;
}
.slide{
	width:100%;
	height:auto;	
	background:#FFF;
	//overflow:hidden;
	position:relative;
}

#slide-1 #video-wrapper #video-overlay{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	background:rgba(0,0,0,0.3);
}
#slide-1 #video-wrapper{
	position:fixed;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	z-index:0;
}

#slide-1 #title-1{
	position:absolute;
	margin:auto;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding:0 30px;
}
#slide-1{
	text-align:center;
	background:transparent;
}
#slide-2{
	background-image: url(../img/slide-2-bg.png);
	background-position:center;
	background-repeat:no-repeat;
}
#slide-2 .text{
	font-size:24px;
}

#slide-3{
	background:transparent;
}
#slide-3 .titles h1{color:#FFF;margin-top:15px;}
#slide-3 .titles h2{color:#e7e7e7;}

#slide-4{
	z-index:3;
}
#slide-4 .titles{
	height:170px;
	margin-top:-35px;
	background-image: url(../img/slide-4-bg.png);
	background-position:center;
	background-repeat:no-repeat;
}
#slide-4 .titles h1{padding-top:35px;}
/*#slide-3 .titles h2{font-size:20px;}*/

#slide-5.small{
	background:#901541;
}
#slide-5{
	background-image: url(../img/slide-5-bg.png);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#901541;
}
#slide-5 .titles{
	background-image: url(../img/phone-bg.png);
	background-position:bottom;
	background-repeat:no-repeat;
}
#slide-5 .titles h1{color:#FFF;margin-top:10px;}
#slide-5 .titles h2{color:#43091e;margin-top:30px;}
#slide-5 .titles h3{font-family: 'Lato', sans-serif;font-weight:lighter;font-size:28px;color:#FFF;padding-bottom:40px;margin:5px 0;}

#footer{
	position:relative;
	margin-top:-30px;
	width:100%;
	min-height:130px;
	background-image: url(../img/footer.png);
	background-position:top;
	background-repeat:repeat-x;
}
#footer .container-fluid{
	padding:25px 30px;
	max-width:1170px;
	color:#777;
}
#footer .row{
	font-size:14px;
	text-align:center;
	margin-top:70px;
}
#footer a{
	color:#777;
	text-decoration: none;
}

.popup h1{
	text-align: left;
	color:#901541;
	font-size:25px;
	padding-top:0;
	margin-top:0;
	margin-bottom:15px;
	text-transform: uppercase;
	font-family: 'Andada', serif;
}
#popup-overlay{
	position:fixed;
	background:rgba(144,21,65,0.8);
	z-index:999;
	width:100%;
	height:100%;
	top:0;left:0;
	display:none;
}
.popup.full{
	overflow-x:hidden;
	overflow-y:auto;
}
.popup{
	position:fixed;
	background:#FFF;
	z-index:1000;
	width:640px;
	height:450px;
	margin:auto;
	top:0;left:0;right:0;bottom:0;
	padding:50px;
	display:none;
}
.popup.full p {
	overflow-y:visible;
	height:100%;
}
.popup p{
	overflow-x:hidden;
	overflow-y:auto;
	height:300px;
}

.popup #close{
	width:37px;
	height:38px;
	display:block;
	background-image:url(../img/close-popup.png);
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	right:20px;
	top:20px;
	cursor:pointer;
}

.transition{
	position:absolute;
	width:100%;
	bottom:-1px;
	background-image:url(../img/transition.png);
	background-position:center bottom;
	background-repeat:repeat-x;
	height:106px;
	text-align:center;
	z-index:6;
}
.transition.white{
	background-image:url(../img/transition-white.png);
	background-repeat:no-repeat;
	bottom:-48px;
	height:85px;
}

.arrow-down:hover{
	margin-top:6px;
}
.arrow-down{
	width:72px;
	height:72px;
	display:block;
	margin:0 auto;
	background-image:url(../img/arrow.png);
	background-position:top left;
	background-repeat:no-repeat;
	cursor:pointer;
	-webkit-transition: margin-top .5s ease;
        -moz-transition: margin-top .5s ease;
         -ms-transition: margin-top .5s ease;
          -o-transition: margin-top .5s ease;
             transition: margin-top .5s ease;
}

.arrow-down.black{
	background-image:url(../img/arrow-black.png);
}
.arrow-down.red{
	background-image:url(../img/arrow-red.png);
}

.titles{
	margin-bottom:15px;
}

.titles h1{
	font-size:50px;
	color:#000;
	text-transform:uppercase;
	margin:0;
	font-family: 'Andada', serif;
}
.titles h2{
	font-size:30px;
	color:#901541;
	text-transform:uppercase;
	margin:0;
	font-family: 'Andada', serif;
}

.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}
.text-center{
	text-align:center;
}
.text{
	font-family: 'Lato', sans-serif;
	font-size:18px;
	font-weight:lighter;
	color:#777;
}
.img-center{
	margin:0 auto;
}
.left{
	float:left;
}
.right{
	float:right;
}

#slide-5 .title{font-size:18px;display:block;color:#FFF;font-weight:bold;}
#slide-5 .info{font-size:18px;display:block;color:#FFF;}
#slide-5 .text{line-height:20px;}

.ico .title{
	font-size:24px;
}

.ico{
	color:#dadada;
	font-size:14px;
	height:60px;
	min-width:60px;
	padding-left:65px;
	margin-bottom:35px;
	background-image:url(../img/ico-1.png);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
}

.i1{background-image:url(../img/ico-1.png);}
.i2{background-image:url(../img/ico-2.png);}
.i3{background-image:url(../img/ico-3.png);}
.i4{background-image:url(../img/ico-4.png);}
.i5{background-image:url(../img/ico-5.png);}
.i6{background-image:url(../img/ico-6.png);}

@media screen and (max-width: 568px) {
    .titles h1{
		font-size:45px;
		color:#000;
		text-transform:uppercase;
		margin:0;
		font-family: 'Andada', serif;
	}
	.titles h2{
		font-size:25px;
		color:#901541;
		text-transform:uppercase;
		margin:0;
		font-family: 'Andada', serif;
	}
}