@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400italic,400,700italic,700,900italic,900);
@import url(http://fonts.googleapis.com/css?family=Lato);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,300,400italic,400,600italic,600,700italic,700,800italic,800);
@import url(http://fonts.googleapis.com/css?family=Istok+Web:400italic,400,700italic,700);





html, body {min-height:100%;}

body {
	margin:0;
	font-family:'Lato', sans-serif;
	font-size:18px;
	color:#2a2e31;
        
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; margin:0; padding:0;}
dl, dt, dd {margin:0; padding:0;}
img {border:0; vertical-align:bottom;}
a {outline:none; text-decoration:none; color:#000;}
a:hover {text-decoration:underline;}
form, h1, h2, h3, h4, h5, h6 {margin:0 0 10px 0;}
p {margin:0 0 28px 0; line-height:28px;}
h1, h2, h3, h4, h5, h6 {font-weight:700; margin-bottom:70px; letter-spacing:-1px;text-align:center;}
ul, li {margin:0; padding:0;}

.fl {float:left;}
.fr {float:right;}
.clear {clear:both; font-size:0px; line-height:0px;}

input[type="text"]:focus {outline:none;}
input[type="password"]:focus {outline:none;}
select:focus{outline:none;}


* html .clearfix { height:1%;}

*+html .clearfix { display:inline-block;}

.clearfix:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}



.wrapper {max-width:800px; margin:auto; position:relative;}

.content {max-width:800px; margin:auto; padding:11px;margin:22px;}


    .box {border:4px dashed #c80000;padding:20px;margin:15px;width:410px;background-color:#fcffcb;font-family:arial;font-size:16px;line-height:20px;}
    
#optin { background: transparent; repeat-x top; border: 0px solid #efefef; padding: 0px 15px; text-align: center }
	#optin p { margin: 8px 0 0 }
	#optin input {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: 0 2px 2px #ddd;
		-moz-box-shadow: 0 2px 2px #ddd;
		-webkit-box-shadow: 0 2px 2px #ddd
	}
		#optin input[type="text"] {
			border: 1px solid #ccc;
			font-size: 15px;
			margin-bottom: 10px;
			padding: 10px 10px;
			width: 25%
		}
		#optin input.email { background: #fff url(images/email.png) no-repeat center right }
		#optin input.name { background: #fff url(images/name.png) no-repeat center right }
		#optin input[type="submit"] {
			background: rgba(230,78,78,1);
background: -moz-linear-gradient(top, rgba(230,78,78,1) 0%, rgba(201,20,20,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,78,78,1)), color-stop(100%, rgba(201,20,20,1)));
background: -webkit-linear-gradient(top, rgba(230,78,78,1) 0%, rgba(201,20,20,1) 100%);
background: -o-linear-gradient(top, rgba(230,78,78,1) 0%, rgba(201,20,20,1) 100%);
background: -ms-linear-gradient(top, rgba(230,78,78,1) 0%, rgba(201,20,20,1) 100%);
background: linear-gradient(to bottom, rgba(230,78,78,1) 0%, rgba(201,20,20,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e64e4e', endColorstr='#c91414', GradientType=0 );
			border: 1px solid #a44913;
			color: #ff0;
			cursor: pointer;
			font-size: 22px;
			font-weight: bold;
			padding: 6px 0;
			text-shadow: -1px -1px #562806;
			width: 33%
		}
			#optin input[type="submit"]:hover { 
			background: rgba(201,20,20,1);
background: -moz-linear-gradient(top, rgba(201,20,20,1) 0%, rgba(230,78,78,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(201,20,20,1)), color-stop(100%, rgba(230,78,78,1)));
background: -webkit-linear-gradient(top, rgba(201,20,20,1) 0%, rgba(230,78,78,1) 100%);
background: -o-linear-gradient(top, rgba(201,20,20,1) 0%, rgba(230,78,78,1) 100%);
background: -ms-linear-gradient(top, rgba(201,20,20,1) 0%, rgba(230,78,78,1) 100%);
background: linear-gradient(to bottom, rgba(201,20,20,1) 0%, rgba(230,78,78,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c91414', endColorstr='#e64e4e', GradientType=0 );
			color: #ff0 }

    .footer {color:#c2a3a3;font-family: 'Lato';font-size:12px;margin:5px;text-shadow: 1px 1px 0px rgba(0,0,0, 0.4);}
    .footer a {color:#c2a3a3;text-decoration:none;}
    
    
    .box1 {border:2px solid #000;padding:26px;border-radius: 6px;width:700px;
    
    background: rgba(0, 0, 0, 0.5);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000, endColorstr=#000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000, endColorstr=#000)";
    
    	-webkit-box-shadow:inset 0 0 90px #000;
	-moz-box-shadow:inset 0 0 90px #000;
	box-shadow:inset 0 0 90px #000;padding-bottom:30px;
}
    
    .box2 {
background-color:#f5fcf0;filter:alpha(opacity=100); opacity:1.00;
border:3px solid #d0e3c1;
width:590px;margin:34px;
-moz-box-shadow: 1px 1px 7px 2px #37452d;
-webkit-box-shadow: 1px 1px 7px 2px #37452d;
box-shadow: 1px 1px 7px 2px #37452d;
border-radius: 10px;
margin:auto;

}
    
    .box3 {

margin:auto;
border:2px dashed #e8592d;
filter:alpha(opacity=100); opacity:1;
width:450px;margin:34px;padding:16px;padding-bottom:33px;
text-align:center;
border-radius: 16px;
padding-top:23px;
	-webkit-box-shadow:inset 0 0 50px #e7edf1;
	-moz-box-shadow:inset 0 0 50px #e7edf1;
	box-shadow:inset 0 0 50px #e8592d;
}


.head0 {font-family: 'Lato', serif;font-size:20px;text-transform:uppercase;letter-spacing:1px;text-shadow: 1px 1px 0px #b70000; font-weight:500;text-align:center;color:#f00;margin-top:3px;margin-bottom:19px;padding-left:5px;}
.head1 {font-family: 'Istok Web', serif;font-size:38px;line-height:38px;letter-spacing:-1px;text-shadow: 1px 1px 0px #000; font-weight:600;text-align:center;margin:5px;margin-top:15px;color:#fff;}
.head2 {font-family: 'Istok Web', serif;font-size:20px;color:#ff0;letter-spacing:0px;line-height:25px;text-shadow: 1px 1px 0px black;padding:15px 16px;text-align:center;font-weight:400;padding-left:21px;}
.head3 {font-family: 'Istok Web', serif;font-size:38px;line-height:43px;letter-spacing:-1px;text-shadow: 1px 1px 0px #000; font-weight:600;text-align:center;margin:5px;margin-top:15px;color:#a4f14a;}
.head4 {font-family: 'Istok Web', serif;font-size:38px;line-height:43px;letter-spacing:-1px;text-shadow: 1px 1px 0px #000; font-weight:600;text-align:center;margin:5px;margin-top:15px;color:#ffeb3b;}
.head5 {font-family: 'Istok Web', serif;font-size:30px;line-height:43px;letter-spacing:-1px;text-shadow: 1px 1px 0px #000; font-weight:600;text-align:center;margin:5px;margin-top:5px;color:#b5b5b5;}

.inbox {font-family: 'Istok Web', serif;font-size:13px;font-weight:normal;text-align:center;
color:#bfb4b4;
text-shadow: 1px 1px 0px rgba(0,0,0, 0.4);margin-top:23px;
}

hr {
  border-top: 0px solid #737373;
  border-left:0px;border-bottom:0px;border-right:0px;
  color: #fff;
  background-color: #454545;
  height: 1px;
  width:80%;margin-bottom:1px;
}

.secure {position:relative;bottom:3px;}

.arrow {position:absolute;background:url(images/arrow.png);     width:100px; 
    height:111px; 
    display:block; 
margin-left:0px;margin-bottom:0px;margin-top:760px;}

/* SmartPhone ----------- */
@media
only screen and (max-device-width: 600px), screen and (max-width: 600px) {
.box2, .box1 {width:90%}
.box3 {margin:5px;margin-top:25px;width:90%}
.classname {width:95%;height:120px;font-size:45px;margin-bottom:22px;}
.inp, .inp2 {width:90%;height:60px;font-size:31px;background:none;padding:20px;border: solid 2px #a1a1a1;}
.arrow {background:none;}
.head0 {font-size:23px;margin-top:18px;margin-bottom:35px;}
.head1 {font-size:58px;line-height:67px;margin-top:35px;margin-bottom:31px;}
.head2 {font-size:26px;line-height:39px;margin-bottom:43px;margin-top:40px;padding:0 26px;}
.inbox {font-size:25px;margin-top:42px;}
.footer {font-size:15px;margin-top:30px;}
.content, .wrapper {max-width:95%;padding:22px;padding-top:12px;margin:0;}
.secure {position:relative;bottom:10px;}
}

.videobox {border: solid 5px #1f599b; width: 420px; height: 300px; background: rgba(255, 255, 255,0.4); border-radius: 10px; text-align: center; font-size: 40px; color: #1f599b; text-transform: uppercase;}
#af-form-1809711154 .af-element { float: left; }
#af-form-1809711154 .af-clear { display:none; }
#af-form-1809711154 .af-body input.text { width: 150px!important; margin-right:15px!important; }
#af-form-1809711154 .buttonContainer { margin-top:-6px!important; }