/* GOOGLE FONTS */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,900italic,900,700italic,700,500italic,500,400italic,300italic,300,100italic,100);

           /* RESET */
html, body, div, span, applet, object, qLoverlay, qLbar, qLpercentage, subscribe, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;margin-bottom: 0px;margin-left: 0;margin-right: 0;margin-top: 0;}


         /* PRELOADER */
#qLoverlay{filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
#qLbar, #qLpercentage{filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;}


         /* COUNTDOWN */
ul.countdown {list-style: none;display: inline-block;text-align: center;}
ul.countdown li{display: inline-block;font-size: 40px;font-weight: 300;line-height: 80px;font-family: 'LeagueGothicRegular';color: #fff;margin-top: -20px;letter-spacing:1px;}
ul.countdown li.first{width: auto;}
ul.countdown li.days_ref, ul.countdown li.hours_ref, ul.countdown li.minutes_ref{margin-right: 2px;}
span.seconds, span.minutes{display: block;}

/*LET US START*/
body {text-align: center;background:#000;background: transparent url(../images/pattern.png) repeat top left;}
h1 {font-family: 'LeagueGothicRegular';font-size: 100px;font-weight: 100;font-style: normal;text-align: center;text-transform: uppercase;-webkit-font-smoothing: antialiased;color: #000;line-height: 0.9;margin: 70px 0 0 0;padding: 0;}
h4 {font-family: 'LeagueGothicRegular';font-size: 45px;font-weight: 100;font-style: normal;text-align: center;text-transform: uppercase;-webkit-font-smoothing: antialiased;color: #FFF;line-height: 0.9;margin: -20px 0 0 0;padding: 0;}
h5 {font-family: 'LeagueGothicRegular';font-size: 42px;font-weight: 100;font-style: normal;text-align: center;text-transform: uppercase;-webkit-font-smoothing: antialiased;color: #FFF;line-height: 0.9;margin: 0px 0 0 0;padding: 0;letter-spacing: -1px}
h6 {font-family: 'LeagueGothicRegular';font-size: 70px;font-weight: 100;font-style: normal;text-align: center;text-transform: uppercase;-webkit-font-smoothing: antialiased;color: #FFF;line-height: 0.8;margin: 0px 0 0 0;padding: 0;letter-spacing:-2.5px}
h7 {font-family: 'LeagueGothicRegular';font-size: 72px;font-weight: 100;font-style: normal;text-align: center;text-transform: uppercase;-webkit-font-smoothing: antialiased;color: #FFF;line-height: 0.8;margin: 10px 0 0 0;padding: 0;letter-spacing:-2.5px}

/* MAIN */
.textvisible {position: relative;}
.main {margin: 120px auto;}
.main h1 {font-family: 'LeagueGothicRegular';font-size: 140px;font-weight: 100;font-style: normal;text-align: center;-webkit-font-smoothing: antialiased;color: #fff;margin: 7px 0 0 0;text-transform: none;}
.secondtext h3, .secondtext div {font-family: 'Roboto', sans-serif;font-size: 15px;line-height: 1.5;font-style: normal;font-weight: 400;letter-spacing: 0px;color: #fff;text-shadow: 1px 1px 2px #000;}

/*BOTTOM LINE*/
.secondtext h3 span, .secondtext div span {display: inline-block;}

/*UPPER LINE*/
.secondtext h3 {margin: 0 auto;width: 400px;border-bottom: 1px solid #fff;padding: 0 0 15px 0;}
.main-line {width: 100px;height: 1px;background: #fff;margin: 5px 8px;}

/*MAIN TEXT*/
.main {margin: 40px auto;}
.main h1 {font-size: 65px; text-shadow: 1px 1px 2px #000;}
.secondtext h3, .secondtext div {font-size:12px;}
.secondtext h3 {width: 240px;}
.main-line {width: 30px;}
.countdown-animation {display: none;visibility: hidden;}

/*SUBSCRIBE AREA*/
#subscribe input {width: 209px;margin: 0 auto;background-color: transparent;color: #fff;outline: none;font-family: 'LeagueGothicRegular';border-bottom: 1px solid #FFFFFF;text-align: center;border-top: none;border-right: none;border-left: none;font-size: 20px;line-height: 0.7; letter-spacing:1px;}
#subscribe ::-webkit-input-placeholder {color: #fff;text-align: center;font-family: 'LeagueGothicRegular';font-weight: 300;font-size: 20px;line-height: 1.2;}
#subscribe :-ms-input-placeholder { color: #fff; text-align:center; font-family: 'LeagueGothicRegular';font-weight: 300;}
#subscribe button {display: block;width: 250px;margin-top: 0px;padding-top: 0px;text-align: center;background-color: transparent;color: #fff;font-weight: 800;font-family: 'LeagueGothicRegular';text-transform: uppercase;font-size: 90px;border: none;background-repeat: no-repeat;background-position: center top;cursor:pointer;margin:5px auto;background:fixed;background:#000;}

/* FONTS */
@font-face {font-family: 'BebasNeueRegular';src: url('fonts/bebasneue-webfont.eot');src: url('fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/bebasneue-webfont.woff') format('woff'),url('fonts/bebasneue-webfont.ttf') format('truetype'),url('fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');font-style: normal;font-weight: normal;}
@font-face {font-family: 'LeagueGothicRegular';src: url('fonts/leaguegothic-regular-webfont.eot');src: url('fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/leaguegothic-regular-webfont.woff') format('woff'),url('fonts/leaguegothic-regular-webfont.ttf') format('truetype'),url('fonts/leaguegothic-regular-webfont.svg#LeagueGothicRegular') format('svg');font-weight: normal;font-style: normal;}

/*BACKGROUND SLIDESHOW*/
.slideshow,
.slideshow:after {position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 0;}
.slideshow:after {content: '';background: transparent url(../images/pattern.png) repeat top left;}
.slideshow li span {width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;color: transparent;background-size: cover;background-position: 50% 50%;background-repeat: none;opacity: 0;z-index: 0;-webkit-backface-visibility: hidden;-webkit-animation: imageAnimation 36s linear infinite 0s;-moz-animation: imageAnimation 36s linear infinite 0s;-o-animation: imageAnimation 36s linear infinite 0s;-ms-animation: imageAnimation 36s linear infinite 0s;animation: imageAnimation 36s linear infinite 0s;}
.slideshow li:nth-child(1) span { background-image: url(../images/1.jpg) }
.slideshow li:nth-child(2) span {background-image: url(../images/2.jpg);-webkit-animation-delay: 6s;-moz-animation-delay: 6s;-o-animation-delay: 6s;-ms-animation-delay: 6s;animation-delay: 6s;}
.slideshow li:nth-child(3) span {background-image: url(../images/3.jpg);-webkit-animation-delay: 12s;-moz-animation-delay: 12s;-o-animation-delay: 12s;-ms-animation-delay: 12s;animation-delay: 12s;}
.slideshow li:nth-child(4) span {background-image: url(../images/4.jpg);-webkit-animation-delay: 18s;-moz-animation-delay: 18s;-o-animation-delay: 18s;-ms-animation-delay: 18s;animation-delay: 18s;}
.slideshow li:nth-child(5) span {background-image: url(../images/5.jpg);-webkit-animation-delay: 24s;-moz-animation-delay: 24s;-o-animation-delay: 24s;-ms-animation-delay: 24s;animation-delay: 24s;}
.slideshow li:nth-child(6) span {background-image: url(../images/6.jpg);-webkit-animation-delay: 30s;-moz-animation-delay: 30s;-o-animation-delay: 30s;-ms-animation-delay: 30s;animation-delay: 30s;}
.slideshow li:nth-child(2) div {-webkit-animation-delay: 6s;-moz-animation-delay: 6s;-o-animation-delay: 6s;-ms-animation-delay: 6s;animation-delay: 6s;}
.slideshow li:nth-child(3) div {-webkit-animation-delay: 12s;-moz-animation-delay: 12s;-o-animation-delay: 12s;-ms-animation-delay: 12s;animation-delay: 12s;}
.slideshow li:nth-child(4) div {-webkit-animation-delay: 18s;-moz-animation-delay: 18s;-o-animation-delay: 18s;-ms-animation-delay: 18s;animation-delay: 18s;}
.slideshow li:nth-child(5) div {-webkit-animation-delay: 24s;-moz-animation-delay: 24s;-o-animation-delay: 24s;-ms-animation-delay: 24s;animation-delay: 24s;}
.slideshow li:nth-child(6) div {-webkit-animation-delay: 30s;-moz-animation-delay: 30s;-o-animation-delay: 30s;-ms-animation-delay: 30s;animation-delay: 30s;}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
	0% {opacity: 0;-webkit-animation-timing-function: ease-in;}
	8% {opacity: 1;-webkit-transform: scale(1.05);-webkit-animation-timing-function: ease-out;}
	17% {opacity: 1;-webkit-transform: scale(1.1);}
	25% {opacity: 0;-webkit-transform: scale(1.1);}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {opacity: 0;-moz-animation-timing-function: ease-in;}
	8% {opacity: 1;-moz-transform: scale(1.05);-moz-animation-timing-function: ease-out;}
	17% {opacity: 1;-moz-transform: scale(1.1);}
	25% {opacity: 0;-moz-transform: scale(1.1);}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {opacity: 0;-o-animation-timing-function: ease-in;}
	8% {opacity: 1;-o-transform: scale(1.05);-o-animation-timing-function: ease-out;}
	17% {opacity: 1;-o-transform: scale(1.1);}
	25% {opacity: 0;-o-transform: scale(1.1);}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {opacity: 0;-ms-animation-timing-function: ease-in;}
	8% {opacity: 1;-ms-transform: scale(1.05);-ms-animation-timing-function: ease-out;}
	17% {opacity: 1;-ms-transform: scale(1.1);}
	25% {opacity: 0;-ms-transform: scale(1.1);}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {opacity: 0;animation-timing-function: ease-in;}
	8% {opacity: 1;transform: scale(1.05);animation-timing-function: ease-out;}
	17% {opacity: 1;transform: scale(1.1);}
	25% {opacity: 0;transform: scale(1.1);}
	100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
	0% {opacity: 0;-webkit-transform: translateY(200px);}
	8% {opacity: 1;-webkit-transform: translateY(0px);}
	17% {opacity: 1;-webkit-transform: scale(1);}
	19% { opacity: 0 }
	25% {opacity: 0;-webkit-transform: scale(10);}
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {opacity: 0;-moz-transform: translateY(200px);}
	8% {opacity: 1;-moz-transform: translateY(0px);}
	17% {opacity: 1;-moz-transform: scale(1);}
	19% { opacity: 0 }
	25% {opacity: 0;-moz-transform: scale(10);}
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {opacity: 0;-o-transform: translateY(200px);}
	8% {opacity: 1;-o-transform: translateY(0px);}
	17% {opacity: 1;-o-transform: scale(1);}
	19% { opacity: 0 }
	25% {opacity: 0;-o-transform: scale(10);}
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {opacity: 0;-ms-transform: translateY(200px);}
	8% {opacity: 1;-ms-transform: translateY(0px);}
	17% {opacity: 1;-ms-transform: scale(1);}
	19% { opacity: 0 }
    25% {opacity: 0;-webkit-transform: scale(10);}
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {opacity: 0;transform: translateY(200px);}
	8% {opacity: 1;transform: translateY(0px);}
	17% {opacity: 1;transform: scale(1);}
	19% { opacity: 0 }
	25% {opacity: 0;transform: scale(10);}
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .slideshow li span{opacity: 1;}