/* CSS responsive fixed full width header */

* {
  -webkit-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -webkit-transform;
  -moz-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -moz-transform;
  -o-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -o-transform;
  transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
img {
	max-width:100%;
}
body {
	background-color:#000;
    background: url(../images/bg-film-1.jpg) no-repeat center center fixed;
     background-size: 100%;
     -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}
.bg2 {
	background-color:#000;
    background: url(../images/bg-hdr-1.jpg) no-repeat center center fixed;
     background-size: 100%;
     -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.wrap {
	max-width:95%;
	padding:2%;
	margin:0 auto;
	overflow:hidden;
}

p {
	margin-bottom:4%;
	line-height: 125%;
	color: #373737;
    font-family: "Lato",sans-serif;
    font-size: 20px;
}

form {
	padding:0;
	margin:0;
}

.center {
	margin:0 auto;
	text-align:center;
}

.inp {
    border: solid 2px #f30404;
	border-radius: 0px;
	outline: 0;
	font: normal 18px/100% Verdana, Tahoma, sans-serif;
	width:84%;
	height:4%;
	padding:2%;
	text-align:left;
	margin:1% auto 1% auto;
	background: #FFFFFF  left top repeat-x;
	font-weight:bold;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
}

.heading-1 {
	font-family:arial;
	font-size:26px;
	text-align:center;
	color:#fff;
	font-weight:normal;
	letter-spacing:0px;
	padding:3% 4%;
}

.inbox {
	font-family:arial;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
	color:#cbcbcb;
	margin:5% auto 1% auto;
	filter: dropshadow(color=#000, offx=1, offy=1);
}

.classname {
	-moz-box-shadow:inset 0px 1px 0px 0px #f9eca0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f9eca0;
	box-shadow:inset 0px 1px 0px 0px #f9eca0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0c911), color-stop(1, #f2ab1e) );
	background:-moz-linear-gradient( center top, #f0c911 5%, #f2ab1e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e');
	background-color:#f0c911;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:2px solid #e65f44;
	display:inline-block;
	color:#033177;
	font-family:Arial;
	font-size:27px;
	font-weight:bold;
	font-style:normal;
	height:56px;
	line-height:50px;
	width:85%;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ded17c;filter:alpha(opacity=100); opacity:1;
}


.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2ab1e), color-stop(1, #f0c911) );
	background:-moz-linear-gradient( center top, #f2ab1e 5%, #f0c911 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ab1e', endColorstr='#f0c911');
	background-color:#f2ab1e;
	border:3px solid #d13737;
	filter:alpha(opacity=100); 
	opacity:1;
}

.classname:active {
	position:relative;
	top:2px;
	border:3px solid #d13737;
}
.timercontainer {
	margin-left:200px;
	margin-right:0;
	padding:0;
	max-width: 60%;
}
.privacy {
	color:#969696;
	font-family:verdana;
	font-size:11px;
	text-align:center;
	margin:1% auto 0 auto;
}
.footer {
	color:#969696;
	font-family:verdana;
	font-size:11px;
	margin:6% auto;
	text-align:center;
}
.footer a {
	color:#969696;
	text-decoration:none;
}

.logo {
	width:40%;
	padding:0;
	margin:-2% 0 0 0;
	text-align:left;
}

/*--------------------------
COUNTDOWN TIMER
---------------------------*/
.timercontainer {
	margin: 0 auto 2% auto;
	max-width: 85%;
}


/*  SECTIONS  */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0 0 0 .2%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 62%;
	padding:0;
	margin:0;
}
.span_1_of_4 {
	width: 35%;
	padding:1% 0 1% 0;
}
.optinbox {
	background-color:#000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=95);
    opacity:.90;
	width:95%;
	margin:3% auto;
	padding:5% 2%;
	-moz-box-shadow: 1px 1px 18px 1px #e0e0e0;
	-webkit-box-shadow: 1px 1px 18px 1px #e0e0e0;
	box-shadow: 1px 1px 18px 1px #e0e0e0;
	border-radius: 3px;
	border:#fff075 1px solid;
}

/* Media query 960px */
@media (max-width: 960px) {
	.optinbox {
	width:100%;
	}
	.span_3_of_4 {
	width: 55%;
}
.span_1_of_4 {
	width: 45%;
}
}

/* Media query 960px */
@media (max-width: 960px) {
	.wrap {
		width:100%;
	}
	.timercontainer {
		max-width:85%;
		margin:0 auto;
	}
	img {
	margin:0 auto;
	text-align:center;
	}
	.span_1_of_4 {
	width:100%;
	margin-top:8%;
	padding-bottom:2%;
	}
	.optinbox {
	width:80%;
	margin:0 auto;
	}
	.span_3_of_4 {
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:0 8% 3% 8%;
	}
	.logo {
	text-align:right;
	margin:0 0 0 55%;
	width:55%
	}
}
/* Media query 650px */
@media (max-width: 650px) {
	.span_3_of_4 {
	padding:0;
	}
	.span_1_of_4 {
	margin-top:20%;
	}
	
}
/* Media query 550px */
@media (max-width: 550px) {
	.optinbox {
	width:97%;
	margin:0 auto;
	}
}
/* Media query 450px */
@media (max-width: 450px) {

}