/* RESET STYLES */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { 
	margin:0; padding:0 
}
table { 
	border-collapse:
	collapse; 
	border-spacing:0 
}
fieldset, img { 
	border:0 
}
address, caption, cite, code, dfn, em, strong, th, var { 
	font-style:normal; font-weight:normal 
}
ol, ul, li { 
	list-style:none 
}
.tweet li { 
	list-style:none; 
	padding-left:30px; 
	padding-bottom:15px;
}
caption, th { 
	text-align:left 
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
q:before, q:after { 
	content:''
}
strong { 
	font-weight: bold 
}
em { 
	font-style: italic 
}
.italic { 
	font-style: italic 
}
.aligncenter { 
	display:block; 
	margin:0 auto; 
}
.alignleft { 
	float:left; 
	margin:10px; 
}
.alignright { 
	float:right;
	margin:10px; 
}
.no-margin{
	margin:0px;
}
.no-bottom{
	margin-bottom:0px;
}
.no-padding{
	padding:0px;
}
.margin-t{
	margin-top:25px;
}
div { 
	position:relative 
} 
a{
	color:#4e4e4e;
	text-decoration:none; 
	padding:3px 5px 3px 5px;
	border-radius: 3px;
}
a:hover{
	color:#ffffff;
	text-decoration:underline; 
	background-color:#4e4e4e;
}
a:active,a:focus{
	outline: none;
}

*{ 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

h1{font-size: 42px; line-height:42px;}
h2{font-size:35px;line-height:36px;}
h3{font-size:30px;line-height:30px;}
h4{font-size:24px;line-height:24px;}
h5{font-size:18px;line-height:18px;}
h6{font-size:12px;line-height:12px;}
h1, h2{margin-bottom:12px;}
h3, h4, h5, h6{margin-bottom:6px;}
p{
	margin-bottom:12px;
}
.column-clear{
	clear:both;
}
.clear{
	overflow:hidden;
}
html{
	background:url('../images/bg.jpg') no-repeat fixed center center; 
	min-height:100%;  
	background-size:cover;
}
body{
	font: 13px/1.5em 'Open Sans', sans-serif; 
	font-weight:300;
	color:#000000;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%; 
	min-height:100%; background:none;
}

.wrapper{
	background-color:rgba(243, 243, 243, 0.55);
	padding:20px 0;
	margin-top:2.2%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 0px 9px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 0px 9px rgba(0, 0, 0, 0.3);
}

.title{
	text-align:center; 
	color:#333333;
}
.title h2{
	background-image:url(../images/shadow.png); 
	background-repeat:no-repeat; 
	background-position:center top; 
	text-transform:capitalize; 
	border-top:1px solid #f6f6f6; 
	line-height:45px; 
	padding:20px 0 0 0px; 
	font-family: 'Fjalla One', sans-serif; 
	color:#333333;
}
.title .textlogo{
	text-transform:uppercase; 
	margin:0 auto; 
	padding:20px 0 40px 0 ;
	font-size:60px; 
	font-weight:300;
	border-bottom:1px solid #c9c9c9;
	color:#333333;
	font-family: 'Audiowide', cursive;
	text-shadow:3px 3px rgba(0, 0, 0, 0.1), 0 0 3px rgba(0, 0, 0, 0.1);
}
.title .imglogo{
	margin:0 auto; 
	padding-bottom:10px;
}
/* ---------- TIMER ---------- */
ul#countdown{
	text-align:center;
}
ul#countdown li {
	color:#fff;
	display: inline-block;
	margin-right:18px;
	margin-bottom:10px;
	width: 100px;
	height:100px;
	text-align: center;
	line-height:25px;
	background-image:url(../images/count_bg.png);
	background-repeat:no-repeat;
	background-position: left top;
}
ul#countdown li span {
	font-size: 35px;
	font-weight: 300;
	color: #fff;
	position: relative;
	text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
	line-height:35px;
}

ul#countdown li p.timeRefDays,
ul#countdown li p.timeRefHours,
ul#countdown li p.timeRefMinutes,
ul#countdown li p.timeRefSeconds {
	text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
	text-transform:capitalize;
	text-align:right;
	padding-right:10px;
	line-height:22px;
}

.bottom-row{
	margin-top:30px;
}
.sub-block{
	padding:0px 20px 0px 20px;
	min-height:180px;
}
.sub-block .signup h4{ 
	border:none; 
	background-image:url(../images/message_sent.png); 
	background-repeat:no-repeat;
	padding-top:50px;
	font-size:25px;
	text-align:center;
	background-position: center top; 
	color:#6da016;
}
.sub-block h4{
	font-size:20px;
	color:#333333;
	border-bottom:1px dotted #999999;
	padding-bottom:5px;
	text-transform:uppercase;
	font-family: 'Fjalla One', sans-serif; 
}

#email {
	background-color:rgba(243, 243, 243, 0.95);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border:1px solid #e3e3e3;
	border-radius: 5px;
	float: left;
	padding:5px 5px 3px 10px;
	outline: none;
	margin-top: 6px;
	width: 70%;
	height:43px;
	font-size:13px;
	font-family:'Open Sans', sans-serif; 
	font-weight:300;
}

#email:focus {
	border-color: #7CB30B;
	-webkit-box-shadow: 0 0 8px rgba(127, 186, 10, 0.6);
	-moz-box-shadow:  0 0 8px rgba(127, 186, 10, 0.6);
	box-shadow:  0 0 8px rgba(127, 186, 10, 0.6);
	outline: 0 none;
}

#submit{
	padding: 9px 15px;
	display: block;
	text-align: center;
	font:16px/1.5em 'Open Sans', sans-serif; 
	font-weight:300; 
	text-shadow: 0 1px 0 rgba(30, 30, 30, 0.8);
	color: #ffffff;
	border-radius: 3px;	
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;
	border:1px solid #5e8913;
	float:left;
	margin-left:6px;
  	margin-top: 6px;
  	background-color:#5e8913;
	color:#ffffff;
  	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.25), inset 0 -4px 0 rgba(255,255,255,.2), 0 1px 0 rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.25), inset 0 -4px 0 rgba(255,255,255,.2), 0 1px 0 rgba(0,0,0,.1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.25), inset 0 -4px 0 rgba(255,255,255,.2), 0 1px 0 rgba(0,0,0,.1);
}
#submit:hover{
	background: #9BD611;
	color:#000000;
}

@media (min-width: 768px) and (max-width: 979px) {

}

@media (max-width: 767px) {
.sub-block{
	margin-bottom:30px;
	min-height:100px;
}
}

/* ---------- DNAWEB ---------- */
.logo_dna {vertical-align:central;}