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



html,body{
 font-family: 'Ubuntu', sans-serif;
	width:100%;
	height:100%;
}

.fa-chevron-down {color:white;}
.fa-video-camera {color:white;}



.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;
	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
}

.hide {display: none;}

.slideno{
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:100px;
	font-weight:bold;
	color:rgba(255,255,255,0.3);
}

.vidicon{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	top:20px;
	right:2%;
	background-color:#333333;
}
.vidicon:hover{
	background-color:#494949;
	cursor:pointer;
}

.button{
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	bottom:0px;
	left:50%;
/*	background-color:#333333;*/
}
.button:hover{
	background-color:#494949;
	cursor:pointer;
}


/******************************
 SLIDE 1 
*******************************/
#slide1{
	background:url('../images/01.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
}

h1 {
	font-size:80px;
	font-size:6vw;
	font-weight:bold;
	color:whitesmoke;
	padding-top:140px;
}

h2 {
	font-size:50px;
	font-size:3.5vw;
	color:whitesmoke;
}

h3 {
	font-size:35px;
	font-size:3vw;
	font-weight:lighter;
	color:whitesmoke;
}

#slide1 iframe {

    width: 100%;
}


/******************************
 SLIDE 2 
*******************************/
#slide2{
	background:#0489B1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
}

#slide2 iframe {

    width: 100%;
}


#slide2 video-background {
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;

}

/******************************
 SLIDE 3 
*******************************/
#slide3{
	background:url('../images/03.jpg') no-repeat right top fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
}

/******************************
 SLIDE 4 
*******************************/

#slide4{
	background:#0489B1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
}

#slide4 h1 {
	/* font-size:60px; */
	/*padding-top:30px;*/
	/* color:rgba(255,255,255,0.6); */
}

#slide4 h2 {
	/*font-size: 35px;
	padding-top: 20px;
	line-height: 50px;*/
}

/******************************
 SLIDE 5 
*******************************/

#slide5{
	background:url('../images/04.jpg') no-repeat left top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
}

#slide5 h1 {
	padding-top:30px;
	color:rgba(255,255,255,0.6);
	padding-top:130px;
}

#slide5 h2 {
	padding-top:30px;
}


/******************************
 SLIDE 6 
*******************************/

#slide6{
	background:#0489B1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
}

#slide6 h1 {
	/*font-size: 60px;*/
	padding-top: 10px;
	color:black;	
}

#slide6 h2 {
	padding-top:60px;
	line-height: 1.2;
	color:whitesmoke;
}

/******************************
 SLIDE 7 
*******************************/

#slide7{
	background:url('../images/05.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
}

#slide7 h1 {
	padding-top:90px;
	line-height: 110px;
	/* color:rgba(255,255,255,0.6); */
}

#slide7 h2 {
	padding-top:30px;
}


/******************************
 SLIDE 8 
*******************************/

#slide8{
	background:url('../images/06.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
}

#slide8 h2 {
	padding-top: 30px;
}

#slide8 h1 {
	padding-top: 10px;
	color:rgba(255,255,255,0.6);
	color:whitesmoke;
}

/******************************
 SLIDE 9 
*******************************/

#slide9{
	background:#0489B1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
}

#slide9 h1 {
	font-size: 45px;
	padding-top: 50px;
	/* color:rgba(255,255,255,0.6); */
}
#slide9 h2 {
	font-size: 25px;
	padding-top: 30px;
}


.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:20px;
	font-weight:bold;
	padding:10px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
    margin-top:80px;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.myButton:active {
	position:relative;
	top:1px;
}

.mobileVideo {display: none;}

@media screen and (max-width:767px) {
	h1 {font-size:60px;padding-top:80px;}

	h2 {font-size:30px;color:whitesmoke;}
    
	#slide2 iframe {padding-top:80px;width: 96%;height:300px}
    
	#slide3 h1 {padding-top:20px;}
    
	#slide4 h1 {padding-top:20px;font-size:35px;}
	#slide4 h2 {font-size: 30px;line-height: 40px;}
    
	#slide5 h2 {padding-top:30px;font-size:30px;}
    
	#slide6 h1 {padding-top:10px;font-size:50px;}
	#slide6 h2 {padding-top:35px;font-size:27px;}
	
	#slide7 h1 {padding-top:60px;
				line-height: 80px;}
    
	#slide8 h2 {padding-top:30px;font-size:27px;}
	#slide8 h1 {font-size:35px;}
    
	.hide {display: inherit;}
    
	.button {left:45%;}
    
@media screen and (min-width:360px) and (max-width:767px) {
        /* #slide2 {display: none;} */
        #slide2 iframe{
          width: 100%;
          height: 100%;
          padding: 0 !important;
        }
        /*.mobileVideo {display: inherit;width:90%;margin:0 auto;height:300px;margin-top:20px;}*/
    }

@media screen and (min-width:360px) and (max-width:470px) {
        h1 {font-size: 50px;padding-top:10px;}
    }