/*--------------------------------------------------------
Theme Name	: Decco - Responsive Coming Soon Page
Theme URL	: http://www.cssknight.com/decco/
Author		: CSS Knight
Author URL	: http://themeforest.net/user/cssknight
Version		: 1
--------------------------------------------------------*/


/*--------------------------------------------------------
Resets
--------------------------------------------------------*/

html, body {
    height: 100%;
}

html, body, div, span, applet, object, 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, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img { 
	border:none;
}
	

/*--------------------------------------------------------
Commons
--------------------------------------------------------*/

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

body {
	font-size: 13px;
	font-family:'sans-serif', arial, verdana;
	color: #151515;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

.heading {
	font-family:"BebasNeueRegular",Arial,Verdana;
	font-weight:normal;
}

.heading h2 {
	font-size:80px;
}
.heading span {
	display: inline-block;
	font-size:45px;
	letter-spacing:-1px;
	padding:8px 20px 0;
}

::-moz-selection {
	background: #0088cc;
	color: #fff;
}
::selection {
	background: #0088cc;
	color: #fff;
}


/*--------------------------------------------------------
Typography
--------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	font-family:"BebasNeueRegular",Arial,Verdana;
	position: relative;
	color:#151515;
}

h1 {
	font-size: 100px;
}
h1.white {
	color: #fff;
}

h2 {
	font-size: 80px;
}
h2.white {
	color: #fff;
}

h3 {
	font-size: 28px;
}
h3.white {
	color: #fff;
}

h4 {
	font-size: 24px;
}
h4.white {
	color: #fff;
}

h5 {
	font-size: 20px;
}
h5.white {
	color: #fff;
}

h6 {
	font-size: 18px;
}
h6.white {
	color: #fff;
}

p {
	font-family:'sans-serif', arial, verdana;
}

a {
	color: #151515;
	text-decoration: none;	
}

a:hover {
	color: #0088cc;
}

hr {
	margin:20px 0;
	border: 0;
	border-bottom: 1px solid #0088cc;
}

input, textarea {
	box-sizing: border-box;
	width:100%;
	padding:15px 10px;
}


/*--------------------------------------------------------
Intro
--------------------------------------------------------*/

#intro {
	background: url(../images/pattern.png);
	width:100%;
	height:100%;
	position:relative;
	text-align:center;
}		
#intro .intro {
	padding-top: 40px;
}
#intro .intro .heading h2 {
	padding: 40px 0 40px 0;
	text-shadow: 2px 2px 2px #000;
}
#intro .intro .heading span {
	background: url(../images/home_bg.jpg) repeat center center;
}
#intro .intro #countdown {
	padding: 40px 0 40px 0;
}

/*---- Countdown ----*/

#intro .intro #countdown {
	font-weight: normal;
	font-style: normal;
	color:#fff;
}
#intro .intro #countdown h3, #intro .intro #countdown h4 {
	text-shadow: 2px 2px 2px #000;
	display:inline;
	color:#fff;
}
#intro .intro #countdown h3 {
	font-size:50px;
	margin:auto 8px auto 25px;
}
#intro .intro #countdown h3:first-child {
	margin-left:0;
}
#intro .intro #countdown h4 {
	font-size:30px;
	font-style:italic;
}

/*---- Social Networks ----*/

#intro .intro .networks {
	width:100%;
}
#intro .intro .networks li {
	display: inline-block;
	margin: 0 30px 0 0;
}
#intro .intro .networks li:last-child {
	margin: 0;
} 
#intro .intro .networks li img {
	padding:0 5px 0 0;
}
#intro .intro .networks li a {
	font-size:14px;
	color: #fff;
	font-family:"BebasNeueRegular",Arial,Verdana;
	text-shadow: 1px 1px 1px #000;
	letter-spacing:2px;
}
#intro .intro .networks li a:hover {
	opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}


/*--------------------------------------------------------
Page
--------------------------------------------------------*/

.page {
	padding-top: 100px;
	padding-bottom: 80px;
	border-top:10px solid #0088cc;
	border-bottom:10px solid #0088cc;
	background: url(../images/home_bg.jpg) repeat center center;
}
.page .heading {
	margin-bottom: 40px;
}
.page .heading h2 {
	border-bottom: 5px solid #0088cc;
}
.page .text {
	font-size: 16px;
	line-height: 28px;
	margin-bottom:40px;
}

/*---- Contact Form ----*/

.contact input, .contact textarea {
	border:1px solid #A4A4A4;
	display: block;
	margin-bottom:20px;
}
.contact input.name {
	background:#fff url(../images/name.png) 10px center no-repeat;
	background-size:16px;
	padding-left:35px;
}
.contact input.email {
	background:#fff url(../images/mail.png) 10px center no-repeat;
	background-size:16px;
	padding-left:35px;
}
.contact input.submit {
	background:#0088cc;
	color:#fff;
	font-size: 20px;
	letter-spacing:3px;
	text-align:center;
	text-transform:uppercase;
	cursor: pointer;
	font-family:"BebasNeueRegular",Arial,Verdana;
}
.contact input.submit:hover {
	background:#000;
	color:#fff;
		-moz-transition:all 800ms ease;
		-o-transition:all 800ms ease;
		-webkit-transition:all 800ms ease;
		transition:all 800ms ease;
}

/*---- MAP ----*/

.map {
	width: 100%;
	height: 300px;
	position: relative;
	overflow: hidden;
	margin-bottom:40px;
}