/* font */

@font-face {
    font-family: "Lato Light";
		src:url("../fonts/lato-light-webfont-webfont.eot");
		src:url("../fonts/lato-light-webfont-webfont.eot?#iefix") format('embedded-opentype'),
		url("../fonts/lato-light-webfont-webfont.ttf") format('truetype');
		url("../fonts/lato-light-webfont-webfont.woff") format('woff'),
		url('../fonts/lato-light-webfont-webfont.svg') format('svg');
}

@font-face {
    font-family: "Lato Thin";
		src:url("../fonts/lato-thin-webfont-webfont.eot");
		src:url("../fonts/lato-thin-webfont-webfont.eot?#iefix") format('embedded-opentype'),
		url("../fonts/lato-thin-webfont-webfont.ttf") format('truetype');
		url("../fonts/lato-thin-webfont-webfont.woff") format('woff'),
		url('../fonts/lato-thin-webfont-webfont.svg') format('svg');
}

@font-face {
    font-family: "Lato Black";
		src:url("../fonts/lato-black-webfont-webfont.eot");
		src:url("../fonts/lato-black-webfont-webfont.eot?#iefix") format('embedded-opentype'),
		url("../fonts/lato-black-webfont-webfont.ttf") format('truetype');
		url("../fonts/lato-black-webfont-webfont.woff") format('woff'),
		url('../fonts/lato-black-webfont-webfont.svg') format('svg');
}

@font-face {
    font-family: "Lato Light Italic";
		src:url("../fonts/lato-lightitalic-webfont-webfont.eot");
		src:url("../fonts/lato-lightitalic-webfont-webfont.eot?#iefix") format('embedded-opentype'),
		url("../fonts/lato-lightitalic-webfont-webfont.ttf") format('truetype');
		url("../fonts/lato-lightitalic-webfont-webfont.woff") format('woff'),
		url('../fonts/lato-lightitalic-webfont-webfont.svg') format('svg');
}

@font-face {
    font-family: "Lato Bold";
		src:url("../fonts/lato-black-webfont-webfont.eot");
		src:url("../fonts/lato-black-webfont-webfont.eot?#iefix") format('embedded-opentype'),
		url("../fonts/lato-black-webfont-webfont.ttf") format('truetype');
		url("../fonts/lato-black-webfont-webfont.woff") format('woff'),
		url('../fonts/lato-black-webfont-webfont.svg') format('svg');
}

@font-face {
    font-family: "Lato Bold Italic";
		src:url("../fonts/lato-bolditalic-webfont-webfont.eot");
		src:url("../fonts/lato-bolditalic-webfont-webfont.eot?#iefix") format('embedded-opentype'),
		url("../fonts/lato-bolditalic-webfont-webfont.ttf") format('truetype');
		url("../fonts/lato-bolditalic-webfont-webfont.woff") format('woff'),
		url('../fonts/lato-bolditalic-webfont-webfont.svg') format('svg');
}

@font-face {
    font-family: "Lato Medium Italic";
		src:url("../fonts/lato-mediumitalic-webfont-webfont.eot");
		src:url("../fonts/lato-mediumitalic-webfont-webfont.eot?#iefix") format('embedded-opentype'),
		url("../fonts/lato-mediumitalic-webfont-webfont.ttf") format('truetype');
		url("../fonts/lato-mediumitalic-webfont-webfont.woff") format('woff'),
		url('../fonts/lato-mediumitalic-webfont-webfont.svg') format('svg');
}

@font-face {
    font-family: "Rockwell";
		src:url("../fonts/26783-webfont.eot");
		src:url("../fonts/26783-webfont.eot?#iefix") format('embedded-opentype'),
		url("../fonts/26783-webfont.ttf") format('truetype');
		url("../fonts/26783-webfont.woff") format('woff'),
		url('../fonts/26783-webfont.svg') format('svg');
}

@font-face {
    font-family: "Rockwell Bold";
		src:url("../fonts/27793-webfont.eot");
		src:url("../fonts/27793-webfont.eot?#iefix") format('embedded-opentype'),
		url("../fonts/27793-webfont.ttf") format('truetype');
		url("../fonts/27793-webfont.woff") format('woff'),
		url('../fonts/27793-webfont.svg') format('svg');
}


/* default */

#index p {
	font-size: 48px;
	font-family: "Rockwell";
	margin-top: 3%;
	}

#line1 {
	width: 168px;
	border-top: 6px solid #000000;
	margin-top: -1%;
	margin-bottom: 5%;
	}
	
#index h4{
	font-size: 40px;
	font-family: "Rockwell";
	margin-bottom: 2%;
	}
	
#index .left {
	margin-top: 14px;
	display: inline-block;
	width: 24%;
	float: left;
	border: 1px solid #888888;
	margin-left: 80px;
	}
	
#index .right {
	margin-top: 14px;
	width: 24%;
	float: right;
	border: 1px solid #888888;
	margin-right: 80px;
	}
	
.purchase section {
	font-size: 19px;
	font-family: "Lato Light";
	color: #000000;
	}
	
.purchase strong:hover {
	font-family: "Lato Medium Italic";
	color: #D00000;
	}
   
.comp :hover {
	opacity:0.75;
	color: #D00000;
	text-decoration: none;
}

.comp img
 {
	margin-top: 10%;
}
	
.comp span 
{
	font-family: "Rockwell";
	font-size: 19px;
	margin-bottom: 10%;
}
	
.comp a {
	color:#000;
}
	
#line2{
	border-top: 1px solid #888888;
    display: block;
    height: 1px;
    width: 86%;
	margin-top: 4%;
	}

#index .col-centered {
	display: inline-block;
	margin-left: -30px;
	margin-right: -30px;
	vertical-align: middle;
	float: inherit;   /* firefox browser */
	}


/*--- img.html ----*/

.row {
	margin-left: 0px;
	margin-right: 0px;
	}
	
.imgtext {
	color: #fff;
	z-index: 1;
	}
	
.overlay1 {
	max-width:none;
	z-index:-2;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	bottom: auto;
	right: auto;
	}

.overlay2 {
	background: transparent url('../image/dot2.png');
	-webkit-user-select: none;
	opacity: 0.5;
	z-index: -1;
	}
	
.overlay3 {
	max-width:none;
	z-index:-2;
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100%;
	bottom: auto;
	right: auto;
	}

#imageBackground h3{
	font-size: 48px;
	font-family: "Rockwell";
	margin-top: 3%;
	}
	
#line3{
	width: 168px;
	margin-top: 0%;
	border-bottom: 4px solid #FFF;
	margin-bottom: 5%;
	}
	
#imageBackground h4 {
	font-size: 40px;
	font-family: "Rockwell";
	margin-bottom: 2%;
	}
   
.header {
	text-align: center;
	font-size: 19px;
	font-family: "Lato Light";
	margin-bottom: 2%;
	}
	
.left {
	display: inline-block;
	width: 24%;
	float: left;
	margin-top: 11px;
	border: 1px solid #D8D8D8;
	margin-left: 110px;
	}
	
.right {
	margin-top: 11px;
	width: 24%;
	float: right;
	border: 1px solid #D8D8D8;
	margin-right: 110px;
	}
	
.border {
	background: url("../image/line.png") no-repeat right center;
	}

.h-line {
	border: none;
	width: 1px;
	margin-right: 25px;
	margin-top: -22px;
	display: none;
	}
	
#countdown {
	font-family: "Lato Black";
	font-size: 96px;
	}
	
#countdown1 {
	font-family: "Lato Black";
	font-size: 96px;
	}
	
#countdown2 {
	font-family: "Lato Black";
	font-size: 96px;
	}
	
#countdown3 {
	font-family: "Lato Black";
	font-size: 96px;
	}
	
#imageBackground p{
	font-family: "Lato Light Italic";
	font-size: 19px;
	margin-bottom: 50px; 
	}

.delay {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	}
	
input{
	color: #fff;
	font-family: "Lato Bold Italic";
	font-size: 12px;
	width: 26%;
	padding: 10px 5px;
	border: 1px solid rgba(255, 255, 255, 0.7);
	background: rgba(238, 236, 240, 0.2);	
	vertical-align: 26%;
}

button {
	background-color: #BE1E2D;
	color: #fff;
	font-family: "Lato Bold";
	font-size: 19px;
	height: 38px;
	vertical-align: 7%;
	}

.fa {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 40px;
	margin-bottom: 50px;
}

.facebook {
	margin-left: 0px;
	margin-top: 40px;
	margin-bottom: 50px;
}

.twitter {
	margin-left: 30px;
	margin-top: 40px;
	margin-bottom: 50px;
}

.email {
	margin-left: 30px;
	margin-top: 40px;
	margin-bottom: 50px;
}

.instagram {
	margin-left: 30px;
	margin-top: 40px;
	margin-bottom: 50px;
}

.pinterest {
	margin-left: 30px;
	margin-top: 40px;
	margin-bottom: 50px;
}

#imageBackground i {
	font-size: 21px;
	}
	
#imageBackground a {
	font-size: 16px;
	font-family: "Lato Black";
	color: white;
	text-decoration: underline;
	margin-bottom: 30px;
	}

#imageBackground a:hover 
{
	color: #D00000;
}	

	
/* -----about.html------ */

	
#about h1 {
	font-size: 40px;
	font-family: Rockwell;
	margin-top: 6%;
	}
	
#about p {
	font-size: 22px;
	font-family: "Lato Light"; 
	line-height: 1.5;
	margin-bottom: 2%;
	}
	
#about h3 {
	font-size: 40px;
	font-family: "Rockwell";
	}
	
#about span {
	font-size: 24px;
	font-family: "Lato Bold Italic";
	}
	
.borders {
	background: url("../image/line.png") no-repeat right 75px;
	}
	
#about a {
	text-decoration: underline;
	color: #ffffff;
	margin-bottom: 30px;
	}
	
#about a:hover {
	color: #D00000;
	}
			
	
/* imgS.html (carousel) */

#time {
	background-size: 100% 100%;
	min-height : 100%;
	min-width: 100%;
	color:white;
	position: absolute;
	}
	
#myCarousel {
	background-size: 100% 100%;
	min-height : 100%;
	min-width: 100%;
	color:white;
	}
	
.item {
	padding: 0;
	margin: 0;
	}
	
.container-fluid {
	padding-left: 0%;
	padding-right: 0%;
	}
	
#time h3{
	font-size: 48px;
	font-family: "Rockwell";
	}
	
#line5{
	width: 168px;
	border-top: 4px solid white;
	margin-top: 0px;
	margin-bottom: 5%;
	}
	
#time h4 {
	font-size: 40px;
	font-family: "Rockwell"; 
	margin-bottom: 2%;
	} 
	
#time p {
	font-family: "Lato Light Italic";
	font-size: 19px;
	margin-bottom: 50px; 
	}
	
#time i {
	font-size: 21px;
	}
	
#time a {
	font-size: 16px;
	font-family: "Lato Black";
	color: white;
	text-decoration: underline;
	margin-bottom: 30px;
	}
	
#time a:hover 
{
	color: #D00000;
}

#myCarousel img {
	height: 100%;
	}
	
/* about1.html (carousel1) */

.aboutime {
	background-size: 100% 100%;
	min-height : 100%;
	min-width: 100%;
	color:white;
	position: absolute;
	z-index: 9999;
	}
	
#myCarousel1 {
	background-size: 100% 100%;
	min-height : 100%;
	min-width: 100%;
	color:white;
	position: fixed;
	}
	
#myCarousel1 img{
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	color:white;
	}

.aboutime h1 {
	margin-top: 6%;
	margin-bottom: 5%;
	font-size: 40px;
	font-family: "Rockwell";
	}
	
.aboutime p {
	font-size: 22px;
	font-family: "Lato Light";
	line-height: 1.5;
	margin-bottom: 2%;
	}
	
.aboutime h3 {
	font-size: 40px;
	font-family: "Rockwell";
	}
	
.aboutime img {
	height: 60px;
	width: 70px;
	}
	
.aboutime span {
	font-size: 24px;
	font-family: "Lato Bold Italic";
	}
	
.aboutime a {
	text-decoration: underline;
	color: #ffffff;
	margin-bottom: 30px;
	}
	
.aboutime a:hover {
	color: #D00000;
	}
	
	
/* video.html */

video { 
	display: block; 
	background: url('video/oceans.mp4') no-repeat center center fixed;
	z-index: -2;
	} 

#content{
	text-align: center;
	top:0px;
	color:#FFF;
	z-index: 1;
	}

.overlay4 {
	background: transparent url('../image/dot2.png');
	opacity: 0.5;
	z-index: -1;
	min-height: 125%;
	min-width: 100%;
	}
	
#big-video-wrap {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -2; 
	-webkit-transition-duration:0.6s;
	-moz-transition-duration:0.6s;
	-ms-transition-duration:0.6s;
	-o-transition-duration:0.6s;
	transition-duration:0.6s;
	}
	
#big-video-vid {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	z-index: -2; 
	background-size: cover;
	width: 100%;
    height: 100%;
    background-attachment: fixed;
    background-size: 100% 100%;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-webkit-transform: translateZ(0); 
}

#videoBackground{
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	z-index: -9999; 
	background-size: cover;
	width: 100%;
    height: 100%;
    background-attachment: fixed;
    background-size: 100% 100%;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-webkit-transform: translateZ(0); 
	background: url('video/oceans.mp4') no-repeat center center fixed;
	 }  
	
.vjs-tech {
	min-width: 100%;
	min-height: 125%;
	display:block;
	top: 0px;
	position: absolute;
	}
	
#videoBackground h3{
	font-size: 48px;
	font-family: "Rockwell";
	margin-top: 3%;
	}
	
#line7{
	width: 168px;
	margin-top: 0px;
	border-top: 4px solid #FFF;
	margin-bottom: 5%;
	}
	
#videoBackground h4 {
	font-size: 40px;
	font-family: "Rockwell";
	margin-bottom: 2%;
	}

#videoBackground {
	margin-right: 0%;
	margin-left: 0%;
}
	
#videoBackground p{
	font-family: "Lato Light Italic";
	font-size: 19px;
	margin-bottom: 50px;
	}

#videoBackground i {
	font-size: 21px;
	}
	
#videoBackground a {
	font-size: 16px;
	font-family: "Lato Black";
	color: white;
	text-decoration: underline;
	margin-bottom: 30px;
	}

#videoBackground a:hover 
{
	color: #D00000;
}
	

	/* about2.html */
	
#about2 {
	color: #FFF;
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	z-index: -9999; 
	background-size: cover;
	width: 100%;
    height: 100%;
    background-attachment: fixed;
    background-size: 100% 100%;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-webkit-transform: translateZ(0); 
	background: url('video/oceans.mp4') no-repeat center center fixed;
	}

.vjs {
	min-width: 100%;
	min-height: 125%;
	display:block;
	top: 0px;
	position: absolute;
	}
	
#about2 h1 {
	font-size: 40px;
	font-family: "Rockwell";
	margin-top: 1%;
	}
	
#about2 p {
	font-size: 22px;
	font-family: "Lato Light";
	line-height: 1.5;
	margin-bottom: 2%;
	}
	
#about2 h3 {
	font-size: 40px;
	font-family: "Rockwell";
	}
	
#about2 span {
	font-size: 24px;
	font-family: "Lato Bold Italic";
	}
	
#about2 a {
	text-decoration: underline;
	color: #ffffff;
	margin-bottom: 30px;
	}
	
#about2 a:hover {
	color: #D00000;
	}

button {
	margin-left: -6px;
	}

.loader{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:9999;
	background:url('../image/466.GIF') 50% 50% no-repeat #FFF;
	background-color: none;
}