@charset "UTF-8";

body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
    font-family: 'latolight';
	overflow:visible;
	background-color:black;
	 -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}
a{
	color:white;
}
#contactForm input[type=text].redborder, #contactForm textarea.redborder{ background-color: rgba(255, 14, 14, 0.6);}
.pages{
	box-sizing:border-box;
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	
}
.page{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	max-width:100%;
	height:auto;
	padding:0;
	margin:0;
	box-sizing:border-box;
	overflow-x:hidden;
	overflow-y:auto;
	opacity:0;
	transition:all .5s ease-in-out;
	padding-bottom:100px;

}
.backgroundWhitePanel{
	
}
.pageBackground{
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	position:fixed;
	box-sizing:border-box;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
	transition:all .2s ease-in-out;
	

}
.logo{
	width:149px;
	height:110px;
	box-sizing: border-box; 
	padding:0px !important;
}
.logo_text{
	width:100%;
	height:100%;
	background-image:url(../images/logo_text.png);
	background-size:100% 100%;
	background-position:center center;
	position:absolute;
	
	
}
.logo_background{
	width:100%;
	height:100%;
	background-image:url(../images/logo_background.png);
	background-size:100% 100%;
	background-position:center center;
	position:absolute;
	opacity:0.5;
	transition:all .3s ease-in-out;

}
.logo2:hover>.logo_background{
	opacity:1;
}	
.title{
	font-size:41px;
	font-weight:100;
	margin-top:120px;
}
.text{
	font-size:22px;
	line-height:22px	
}
.thanks_subtitle{
	display:none;
}
.menuMobileContainer{
	width:270px;
	height:100%;
	background-color:rgba(0,0,0,0.9);
	padding:20px 20px;
	box-sizing:border-box;
	position:fixed;
	top:0;
	left:-270px;
	text-align:center;
	transition:all .2s ease-in-out;
	z-index:20;
}
.mobileHeader{
	width:100%;
	padding:5px 0px;
	box-sizing:border-box;
	background-color:rgba(0,0,0,0.9);
	display:none;
	z-index:15;
	position:fixed;
	top:0;
	left:0;
	display:none;
}
.logoMobile{
	width:135px;
	height:45px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/logo_mobile.png);
	background-size:100% auto;
	background-position:center center;
	background-repeat:no-repeat;
}
.logoMobile:hover{
	cursor:pointer;
}
.menuIconMobile{
	width:26px;
	height:26px;
	background-image:url(../images/menuIcon.png);
	background-size:100% auto;
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	left:15px;
	top:50%;
	margin-top:-13px;
}
.menuIconMobile:hover{
	cursor:pointer;
}
.menuMobile{
	text-align:left;
	list-style-type:none;
	padding:0px;
}
.menuMobile li{
	color:white;
	font-size:25px;
	border:0px !important;
	margin-bottom:13px;
}
.menuMobile li:hover{
	text-decoration:underline;
	cursor:pointer;
}
.menuBlackPanel{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	box-sizing:border-box;
	background-color:rgba(0,0,0,0.5);
	z-index:17;
	display:none;
}
.menu{
	position:relative;
	list-style-type:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:30px;
	padding:0px;
	z-index:10;
	padding-left:15px;
	display:none;
}
.menu li{
	color:white;
	display:inline-block;
	margin-right:40px;
	vertical-align:middle;
	padding-top:4px;	
	border-bottom:3px solid transparent;
	font-weight:100;
	transition:all .2s ease-in-out;
	padding-top:30px;
}

.menu li:hover{
	border-bottom:3px solid white;
	cursor:pointer;
}

.menu li:last-child{
	margin-right:0px;
}
.activeVoice{
	border-bottom:3px solid white !important;
}
.activePage{
	opacity:1;
}
/*PAGE 1*/
.logo1{
	
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:32px;
}
.footer1{
	position:fixed;
	width:100%;
	padding:15px 20px;
	box-sizing:border-box;
	text-align:center;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,0.1);
	color:#FFF;
	font-size:16px;
	font-weight:100;
	transition:all .2s ease-in-out;
}
.footer1:hover{
	background-color:rgba(0,0,0,0.8);

}
.menu1{
	position:relative;
	list-style-type:none;
	left:58%;
	top:8%;
	text-align:left;
	margin-top:30px;
	padding:0px;
	z-index:10;
}
.menu1 li{
	
	color:#000;
	margin-right:40px;
	font-weight:100;
	font-size:38px;
	line-height:39px
}
.menu1 li:nth-child(2){
	margin-left:7px;
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	animation-delay: .1s;

}
.menu1 li:nth-child(3){
	margin-left:14px;
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	animation-delay: .2s;
}
.menu1 li:nth-child(4){
	margin-left:21px;
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	animation-delay: .3s;}
.menu1 li:hover{
	text-decoration:underline;
	cursor:pointer;
}
.page1{display:block;background-color:#FFF;}
.pageBackground1{
	background-image:url(../images/page1.png);

}




/*PAGE 2*/
.page2{
	
	display:none;
}
.logo2{
	
	padding-bottom:25px !important;
	border:0px !important;
	position:relative;
}
.textcontainer2{
	width:980px;
	max-width:90%;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
	margin-top:190px;

}
.title2{

	width:35%;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
	padding-right:45px;
	text-align:right;
	color:white;
	margin-top:0px;
}
.text2{


	width:64%;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
	color:white;
}
.footer2{
	position:fixed;
	width:100%;
	padding:15px 20px;
	box-sizing:border-box;
	text-align:center;
	bottom:0;
	left:0;
	color:#FFF;
	font-size:16px;
	font-weight:100;
	background-color:rgba(0,0,0,0.1);
	transition:all .2s ease-in-out;
}
.footer2:hover{
	background-color:rgba(0,0,0,0.7);

}
.pageBackground2{
	background-image:url(../images/page2.png);

}
/*PAGE 3*/
.page3{
	
	
	display:none;

}
.menuContainer3{
	left:8%;
	top:0px;
	height:100%;
	padding:30px;
	background-color:rgba(49,63,81,0.45);
	box-sizing:border-box;
	width:251px;
	transition:all .2s ease-in-out;
	z-index:10;
}
.menuContainer3:hover{
	background-color:rgba(49,63,81,0.9);
}
.menu3{
	list-style-type:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:30px;
	padding:0px;
}
.menu3 li{
	color:white;
	vertical-align:middle;
	padding-bottom:10px;
	padding-top:4px;
	border-bottom:3px solid transparent;
	font-weight:100;
	font-size:19px;
	
}

.menu3 li:hover{
	cursor:pointer;
	text-decoration:underline;
}


.logo3{
	
	width:150px;
	height:112px;
	margin:20px auto;
	
}



.textcontainer3{
	position:relative;
	width:477px;
	max-width:90%;
	left:50%;
	transform:translateX(-50%);
	box-sizing:border-box;
	text-align:justify;
	top:8%;
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	animation-delay: .4s;
	margin-top:190px;

}

.title3{
	box-sizing:border-box;
	color:white;
	text-align:justify;
}
.text3{
	margin-top:7px;
	box-sizing:border-box;
	color:white;
	text-align:justify;
}



.footer3{
	position:fixed;
	width:100%;
	padding:15px 20px;
	box-sizing:border-box;
	text-align:center;
	bottom:0;
	left:0;
	background-color:rgba(39,53,71,0.5);
	color:#FFF;
	font-size:16px;
	font-weight:100;
	transition:all .2s ease-in-out;
}
.footer3:hover{
	background-color:rgba(39,53,71,0.9);

}
.pageBackground3{
	background-image:url(../images/page3.png);

}
/*PAGE 4*/

.page4{
	display:none;
}
.logo4{
	
	padding-bottom:25px !important;
	border:0px !important;
}
.textcontainer4{
	width:880px;
	padding-right:465px;
	margin-right:auto;
	margin-left:auto;
	max-width:100%;
	box-sizing:border-box;
	position:relative;
	text-align:justify;
	margin-top:190px;
}
.title4{
	width:100%;
	box-sizing:border-box;
	
	text-align:justify;
	color:white;
}
.text4{
	margin-top:7px;
	width:100%;
	vertical-align:top;
	color:white;
}
.footer4{
	position:fixed;
	width:100%;
	padding:15px 20px;
	box-sizing:border-box;
	text-align:center;
	bottom:0;
	left:0;
	color:#FFF;
	font-size:16px;
	font-weight:100;
	background-color:rgba(0,0,0,0.1);
	transition:all .2s ease-in-out;
}
.footer4:hover{
	background-color:rgba(0,0,0,0.7);

}
.pageBackground4{
	background-image:url(../images/page4.png);

}
/*PAGE 5*/

.page5{
	
	display:none;
}
.logo5{
	
	padding-bottom:25px !important;
	border:0px !important;
}
.textcontainer5{
	width:700px;
	max-width:90%;
	box-sizing:border-box;
	position:relative;
	margin-top:170px;
	margin-right:auto;
	margin-left:auto;
	text-align:justify;
	box-sizing:border-box;
}
.title5{
	width:100%;
	box-sizing:border-box;
	font-size:46px;
	text-align:justify;
	color:white;
	margin-top:13px !important;  
}
.text5{
	margin-top:13px;
	width:100%;
	vertical-align:top;
	color:white;
	font-size:23px;

}
.footer5{
	position:fixed;
	width:100%;
	padding:15px 20px;
	box-sizing:border-box;
	text-align:center;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,0.1);
	color:#FFF;
	font-size:16px;
	font-weight:100;
	transition:all .2s ease-in-out;
}
.footer5:hover{
	background-color:rgba(0,0,0,0.7);

}
.pageBackground5{
	background-image:url(../images/page5.png);

}
#contactForm{
	margin-top:13px;
	width:100%;
	max-width:100%;
}
.col_sx_form{
	width:50%;
	float:left;
	padding-right:15px;
	box-sizing:border-box;
	
}
.col_dx_form{
	width:50%;
	float:left;
	text-align:right;
	padding-left:15px;
	box-sizing:border-box;

}
#contactForm input[type=text]{
	background-color:rgba(255,255,255,0.6);
	border:0px;
	padding:12px 20px;
	width:100%;
	max-width:100%;
	box-sizing:border-box;
	font-size:18px;
	font-weight:100;
	margin-bottom:15px;
	transition:all .2s ease-in-out;

}
#contactForm input[type=text]:focus,#contactForm textarea:focus{
	background-color:rgba(255,255,255,0.9);
    outline: none;

}
#contactForm textarea{
	background-color:rgba(255,255,255,0.6);
	border:0px;
	padding:10px 15px;
	width:100%;
	min-width:100%;
	height:168px;
	min-height:168px;
	max-width:100%;
	box-sizing:border-box;
	font-size:19px;
	font-weight:100;
	transition:all .2s ease-in-out;

}
 input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
	font-family: 'latolight';
	font-size:19px;
	line-height:19px;
	color:#666;
}

 input::-moz-placeholder,textarea::-moz-placeholder{
	font-family: 'latolight';
	font-size:19px;
	line-height:19px;
	color:#666;
}

 input:-moz-placeholder,textarea:-moz-placeholder{
	font-family: 'latolight';
	font-size:19px;
	line-height:19px;
	color:#666;
}

 input:-ms-input-placeholder,textarea:-ms-input-placeholder{
	font-family: 'latolight';
	font-size:19px;
	line-height:19px;
	color:#666;
}


.formButton{
	color:white;
	font-size:30px;
}
.formButton:hover{
	cursor:pointer;
	text-decoration:underline;
}

@media screen and (max-width:1100px){
	.pageBackground{
		background-size:auto 1000px;
	}
}
@media screen and (max-width:900px){

	.textcontainer4{
		position:relative;
		width: 660px;
		left:auto;
		top:auto;
		box-sizing:border-box;
		right:auto;
		margin-right:auto;
		margin-left:auto;
		padding-right:259px
	}
	.menu{
		padding-left:0px;
	}
	.title2{
		width:42%;
	}
	.text2{
		width:57%;
	}
	

}
@media screen and (max-width:670px){
	.menuBig{
		display:none !important;
	}

	
	.pageBackground1{
	 	-webkit-filter: blur(10px); 
    	filter: blur(10px); 
		opacity:0.5;
		box-sizing:border-box;
	}
	body{
		overflow-y:auto;
		  position: absolute;
		  width:100%;
		  max-width:100%;
		  overflow-x:hidden;
	}
	.page{
		height:auto;
		overflow-y:visible !important;
		overflow-x:hidden !important;
		position:relative;	
		min-height:100%;
		padding-bottom:50px;
		padding-top:60px;
		max-height:none;
		top:0;
		left:0;

	}
	.page1{
		margin-top:0px;
		padding-top:20px;
	}
	.pages{
		position:relative;	
		height:auto;
		min-height:100%;
		padding-top:0px;
	}
	.menu1{
		position:relative;
		list-style-type:none;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		margin-top:0px;
		padding:0px;
		z-index:10; 
		top:auto;
		left:auto;
	}
	.menu1 li{
		margin-right:0px;
		margin-left:0px !important;
		margin-top:10px;
		font-size:26px;
	}
	.title2,.text2,.title3,.text3{
		width:100%;
		text-align:justify;
	}
	.title{
		text-align:left;
		margin-top:10px;
		line-height:35px;
	}
	.text{
		margin-top:5px;
	}
	.title2{
		padding-right:0px;
		margin-bottom:15px;
	}
	.textcontainer3 {
	  position: relative;
	  width: 90%;
	  left:auto;
	  top:auto;
	  transform:none;
	  box-sizing: border-box;
	  text-align: justify;
	  margin-left:auto;
	  margin-right:auto;
	  -webkit-animation-delay: .4s;
	  -moz-animation-delay: .4s;
	  animation-delay: .4s;
	}
	.textcontainer4{
		position:relative;
		width: 90%;
		left:auto;
		top:auto;
		box-sizing:border-box;
		right:auto;
		margin-right:auto;
		margin-left:auto;
	}
	.textcontainer5{
		margin-top:0;
	}
	.textContainer{
		margin-top:0 !important;
		padding:0 !important;
	}
	.col_sx_form,.col_dx_form{
		float:inherit;
		width:100%;
		padding:0px;
	}
	.footer{
		position:relative !important;
		width:100%;
		max-width:100%;
		top:auto !important;
	}
	.footer a{
		color:white;
	}
	.footer1{
		background-color:rgba(0,0,0,0.8);
	}
	.footer2{
		background-color:rgba(0,0,0,0.8);
	}
	.footer3{
		background-color:rgba(39,53,71,0.8);
	}
	.footer4{
		background-color:rgba(0,0,0,0.8);
	}
	.footer5{
		background-color:rgba(0,0,0,0.8);
	}
	.pageBackground{
		position:absolute;
	}
}
@media screen and (min-width:1400px){
	.menu1{
		margin-top:100px;
		left:56%;
	}
}