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

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

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

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

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

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

html{
	height:100%;
	background-color: #808080;
	}

body {
	overflow: hidden;
	height:100%;
	margin:0 auto !important;
	}
	
.wrapper{
	height:100%;
	display:table;
	margin:0 auto !important;
	}
	
.container-fluid{
	vertical-align:middle;
	display:table-cell;
	}

.cover {
	background: url('../image/covered.jpg') no-repeat center center fixed;
	height: 100%;
	width: 100%;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	/* -moz-opacity: 0.80;
	opacity: 0.80;
	filter: alpha(opacity=80); */
	}

.hooray {
	margin-bottom: -4%;
	z-index: 9000;
	width: 62%;
	margin-top: 0%;
	}
	
h2 {
	font-family: Quicksand-Light;
	font-size: 37px;
	color: #fff;
	margin-left: 10%;
	}
	
.line1 {
	margin-top: -1%;
	margin-left: -8%;
	width: 98%;
	}
	
.time {
	-webkit-transform: skew(18deg);
	-moz-transform: skew(18deg);
	-ms-transform: skew(18deg);
	-o-transform: skew(18deg);
	transform: skew(18deg); 
	position: relative;
	}
	
.weeks {
	-webkit-transform: skew(-18deg);
	-moz-transform: skew(-18deg);
	-ms-transform: skew(-18deg);
	-o-transform: skew(-18deg);
	transform: skew(-18deg); 
	position: relative;
	background-color: rgba(64,64,64,0.5);
	margin-top: -2%;
	margin-left: -23%;
	}
	
.days {
	-webkit-transform: skew(-18deg);
	-moz-transform: skew(-18deg);
	-ms-transform: skew(-18deg);
	-o-transform: skew(-18deg);
	transform: skew(-18deg);
	position: relative;
	background-color: rgba(64,64,64,0.5);
	margin-top: 2%;
	margin-left: -27%;
	width: 140%;
	}

.hours {
	-webkit-transform: skew(-18deg);
	-moz-transform: skew(-18deg);
	-ms-transform: skew(-18deg);
	-o-transform: skew(-18deg);
	transform: skew(-18deg);
	position: relative;
	background-color: rgba(64,64,64,0.5);
	margin-right: 15%;
	margin-top: 2%;
	margin-left: -27%;
	width: 130%;
	}

.minutes {
	-webkit-transform: skew(-18deg);
	-moz-transform: skew(-18deg);
	-ms-transform: skew(-18deg);
	-o-transform: skew(-18deg);
	transform: skew(-18deg);
	position: relative;
	background-color: rgba(64,64,64,0.5);
	margin-right: 30%;
	margin-top: 2%;
	margin-left: -27%;
	width: 120%;
	}
	
.seconds {
	-webkit-transform: skew(-18deg);
	-moz-transform: skew(-18deg);
	-ms-transform: skew(-18deg);
	-o-transform: skew(-18deg);
	transform: skew(-18deg);
	position: relative;
	background-color: rgba(64,64,64,0.5);
	margin-right: 14%;
	margin-top: 2%;
	margin-left: -27%;
	width: 110%;
	}
	
p {
	font-family: AbrilFatface-Regular;
	font-size: 75px;
	color: #fff;
	line-height: 0.9;
	margin-right: 10%;
	}
	
.week {
	font-family: Quicksand-BoldItalic;
	font-size: 43px;
	color: #fff;
	margin-top: 9%;
	}
	
.day {
	font-family: Quicksand-BoldItalic;
	font-size: 43px;
	color: #fff;
	margin-top: 18%;
	margin-left: 30%;
	}

.hour {
	font-family: Quicksand-BoldItalic;
	font-size: 43px;
	color: #fff;
	margin-top: 18%;
	margin-left: 4%;
	}
	
.minute {
	font-family: Quicksand-BoldItalic;
	font-size: 43px;
	color: #fff;
	margin-top: 18%;
	margin-left: -21%;
	}
	
.second {
	font-family: Quicksand-BoldItalic;
	font-size: 43px;
	color: #fff;
	margin-top: 18%;
	margin-left: -52%;
	}
	
h4 {
	font-family: Quicksand-Light;
	font-size: 27px;
	margin-top: 61%;
	color: #fff;
	margin-left: -36%;
	}
	
.line2 {
	width: 147%;
	margin-left: -37%;
	margin-top: -1%;
	}

.copyright {
	-webkit-transform: skew(18deg);
	-moz-transform: skew(18deg);
	-ms-transform: skew(18deg);
	-o-transform: skew(18deg);
	transform: skew(18deg); 
	position: relative;
	font-family: Quicksand-Light;
	font-size: 14px;
	line-height: 2.0;
	color: #fff;
	margin-right: 2%;
	}
	
.copy {
	-webkit-transform: skew(-18deg);
	-moz-transform: skew(-18deg);
	-ms-transform: skew(-18deg);
	-o-transform: skew(-18deg);
	transform: skew(-18deg); 
	position: relative;
	background-color: rgba(64,64,64,0.5);
	margin-top: 2%;
	margin-left: -8%;
	}
	
.facebook {
	padding: 0px 16px 0px 21px;
	margin-left: 5%;
	}
	
.twitter {
	padding: 0px 16px 0px 21px;
	margin-left: 0%;
	}	
	
.google {
	padding: 0px 16px 0px 21px;
	margin-left: 0%;
	}
	
.insta {
	padding: 0px 16px 0px 21px;
	margin-left: 0%;
	}
	
.pin {
	padding: 0px 16px 0px 21px;
	margin-left: 0%;
	}
	
.icon img:hover {
	background-image: url("../image/g++.png");
	padding: 0px 16px 0px 21px;
	}

.slide {
	margin-left: -14%;
	margin-top: 2%;
	width: 114%;
	}
	
.address {
	font-family: Quicksand-Bold;
	font-size: 18px;
	color: #fff;
	}
	
.msg {
	font-family: Quicksand-Light;
	font-size: 16px;
	color: #fff;
	}
	
.twitter-big {
	position: absolute;
	left: -266%;
	margin-top: 55%;
	}
	
.semicolar {
	position: absolute;
	left: -226%;
	margin-top: 42%;
	} 
	
input {
	-webkit-transform: skew(18deg);
	-moz-transform: skew(18deg);
	-ms-transform: skew(18deg);
	-o-transform: skew(18deg);
	transform: skew(18deg); 
	position: relative;
	color: #fff;
	font-family: Quicksand-LightItalic;
	font-size: 26px;
	border: none;
	background: none;
	height: 100%;
	left: 10%;
	}
	
.names {
	-webkit-transform: skew(-18deg);
	-moz-transform: skew(-18deg);
	-ms-transform: skew(-18deg);
	-o-transform: skew(-18deg);
	transform: skew(-18deg); 
	position: relative;
	background-color: rgba(64,64,64,0.5);
	width: 362px;
	height: 64px;
	margin-top: -3%;
	margin-left: -70%;
	}
	
.emails{
	-webkit-transform: skew(-18deg);
	-moz-transform: skew(-18deg);
	-ms-transform: skew(-18deg);
	-o-transform: skew(-18deg);
	transform: skew(-18deg); 
	position: relative;
	background-color: rgba(64,64,64,0.5);
	width: 361px;
	height: 64px;
	margin-top: -23%;
	margin-left: -72%;
	}
	
.messages{
	-webkit-transform: skew(-18deg);
	-moz-transform: skew(-18deg);
	-ms-transform: skew(-18deg);
	-o-transform: skew(-18deg);
	transform: skew(-18deg); 
	position: relative;
	background-color: rgba(64,64,64,0.5);
	height: 135px;
	width: 500px;
	margin-top: -4%;
	margin-left: -76%;
	}
	
.msg1 {
	-webkit-transform: skew(18deg);
	-moz-transform: skew(18deg);
	-ms-transform: skew(18deg);
	-o-transform: skew(18deg);
	transform: skew(18deg); 
	position: relative;
	left: -8%;
	}
	
.msg2 {
	-webkit-transform: skew(18deg);
	-moz-transform: skew(18deg);
	-ms-transform: skew(18deg);
	-o-transform: skew(18deg);
	transform: skew(18deg); 
	position: relative;
	height: 27px;
	margin-top: 15%;
	left: -12%;
	}

.timer {
	position: absolute;
	font-size: 330px;
	width: 1em;
    height: 1em;
	right: 15%;
	top: 60%;
	background-color: rgba(64,64,64,0.5);
	border-radius: 50%;
	z-index: 1;
	}

.timer > .percent {
    position: absolute;
	top: 1.05em;
    left: 0;
    width: 3.33em;
    font-size: 0.3em;
    text-align:center;
    }

.timer > #slice {
	position:absolute;
	width:1em;
	height:1em;
	clip:rect(0px,1em,1em,0.5em);
    }

.timer > #slice.gt50 {
	clip:rect(auto, auto, auto, auto);
	}

.timer > #slice > .pie {
    border: 8px solid #ffffff;
	position:absolute;
	width:0.8em; /* 1 - (2 * border width) */
	height:0.8em; /* 1 - (2 * border width) */
	clip:rect(0em,0.5em,1em,0em);
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em; 
	border-radius:50px; 
    }

.timer > #slice > .pie.fill {
    -moz-transform:rotate(180deg) !important;
	-webkit-transform:rotate(180deg) !important;
	-o-transform:rotate(180deg) !important;
	transform:rotate(180deg) !important;
    }

.timer.fill > .percent {
    position: absolute;
    text-align:center;
    z-index: 4;
	font-family: AbrilFatface-Regular;
	font-size: 80px;
	color: #fff;
	margin-left: 50px;
	margin-top: 30px;
    }

.timer.fill > #slice > .pie {
    background-color: #81B5C7;
	border-radius: 50%;
    width:1em;
    height:1em;
    }

.one{
	font-size: 1px;
	}