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

/*************************************

	1. Default CSS

**************************************/

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);

*{margin:0px; padding:0px;}
body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:18px; background:url(../images/bg.jpg) no-repeat bottom center; background-size:100% ; }
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-weight:normal; border: 0px; outline: 0px;}
address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: 0px; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:o; border:0;}
a{ text-decoration:none; border: 0px; outline: 0px;}
a:hover{ text-decoration:none; border: 0px; outline: 0px;}
a img{ border:none; outline: 0px;}
border{ border-collapse:collapse;}
hr{ height:1px; background:#333333; border:none;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}


/*************************************

	2. Container , Wrapper ,  Main

**************************************/

.container{ width:100%;}
.wrapper{ max-width:960px; width:960px\0/;margin:0 auto; background:url(../images/body_bg.png) repeat-y; }
.main{max-width:960px; width:960px\0/; margin:0 auto;}


/*************************************

	3. Header

**************************************/

.header{ width:100%; background:#f8f8f8;}
.left_number{ width:350px; float:left;  font-family: 'aniversregular'; color:#1d1d1b; font-size:29px; line-height:normal; margin-top:48px; }
.right_number{ width:350px; float:right;  font-family: 'aniversregular';  color:#1d1d1b; font-size:29px; line-height:normal; margin-top:48px; text-align:right;}
.logo{ float:left; width:162px; margin-left:60px}

.header h2{ text-align:center;  font-family: 'aniversregular'; font-size:40px; color:#f29216; text-transform:capitalize; margin:30px 0 20px 0; line-height:normal; }
.header h3{ text-align:center;  font-family: 'sf_toontimeregular'; font-size:33px; color:#e8501d; text-transform:capitalize; margin:30px 0 20px 0; line-height:normal; }
.header h3 span{ font-size:33px; color:#6c7123; font-family: 'aniversregular';}



/*************************************
	 BANNER
**************************************/
/*************************************
	 BELLOW BANNER CONTENT
**************************************/

/*************************************
	 MAIN CONTENT AREA
**************************************/
.main_container{ width:100%; text-align:center;}

ul.countdown {
list-style: none;
margin: 75px 0;
padding: 0;
display: block;
text-align: center;
}
ul.countdown li {
display: inline-block; background:url(../images/flw_bg.png) no-repeat top center ; color:#1d1d1b; text-align:center; font-family: 'aniversregular'; font-size:33px; margin:0 20px;  width:152px; background-size:cover; height:auto;
}


ul.countdown li span {
font-size: 33px;
font-weight: 300;
line-height: 136px; font-family: 'aniversregular'; color:#1d1d1b; position:relative; top:-10px;
}
ul.countdown li.seperator {
font-size: 80px;
line-height: 70px;
vertical-align: top;
}
ul.countdown li p {
color: #1d1d1b;
font-size: 30px; position:relative; top:-30px;
}
a {
color: #76949F;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.source {
width: 405px;
margin: 0 auto;
background: #4f5861;
color: #a7abb1;
font-weight: bold;
display: block;
white-space: pre;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; display:none;
}
.btn {
background: #f56c4c;
margin: 40px auto;
padding: 12px;
display: block;
width: 100px;
color: white;
text-align: center;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.btn:hover {
text-decoration: none;
opacity: .7;
}


.form_con{ max-width:900px; margin:0px auto; position:relative; text-align:center; width:100%; padding-bottom:100px;}
.textarea{ width:230px; float:left; margin-right:12px; border:none; outline:none; height:40px; border-radius:5px; background:#dadada; padding:0 5px 0 10px; font-family: 'aniversregular'; color:#1d1d1b; font-size:24px; line-height:32px; }

.fr_lft{ position:absolute; left:-90px; top:-30px;}

.form_con h3{ font-family: 'aniversregular'; font-size:22px; color:#e8501d; text-align:center; margin:20px 0 20px 0; }
.submit{ background:url(../images/submit.png) no-repeat; width:91px; height:45px; float:left; border:none; outline:none; cursor:pointer;}

/*************************************
	 FOOTER
**************************************/
.footer{ width:100%; background:url(../images/footer_bg.jpg) no-repeat bottom #000; background-size:cover; min-height:429px; padding:15px 0 0 0;}

@media screen and (max-width: 768px) {
.left_number{ width:100%; float:none;  font-family: 'aniversregular'; color:#1d1d1b; font-size:29px; line-height:normal; margin-top:20px; text-align:center; }
.right_number{ width:100%; float:none;  font-family: 'aniversregular';  color:#1d1d1b; font-size:29px; line-height:normal; margin-top:20px; text-align:center;}
.logo{ float:none; width:100%; margin-left:0; text-align:center;}


ul.countdown li {
display: inline-block; background:url(../images/flw_bg.png) no-repeat top center ; color:#1d1d1b; text-align:center; font-family: 'aniversregular'; font-size:33px; margin:0 20px 50px 0;  width:152px; background-size:cover; height:auto;
}


.textarea{ width:80%; float:none; margin:12px auto; border:none; outline:none; height:40px; border-radius:5px; background:#dadada; padding:0 5px 0 10px; font-family: 'aniversregular'; color:#1d1d1b; font-size:24px; line-height:32px; display:block; }

.submit{ float:none; margin:0 auto; width:150px; display:block; text-align:center;}
.fr_lft{ position:relative; margin:0 auto; text-align:center; display:block; width:150px; top:0px; left:0px; }
}