/cody/learning-zone/website-templates/html5-responsive-coming-soon-page/css/styles.css
@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,400);body {	color:#FFF; 	font-family:'Open Sans', sans-serif;	min-width:960px;	top:0;	left:0;	position:absolute;	height:100%;	width:100%;	margin:0; 	color:#000;	background-size:cover;	background:url('../images/swirl_pattern.png') top left repeat;}.ie body {	filter: dropshadow(color=#000000, offx=0, offy=1);	}h1 {	font-size:50px;	letter-spacing:-2px;		line-height:40px; 	text-align:center;  }.ie h1 {	filter: dropshadow(color=#000000, offx=0, offy=3);	padding-bottom:12px;	}h2 { }.ie h2 {	filter: dropshadow(color=#000000, offx=0, offy=3);}h3 {font-size: 30px;margin: 0.2em 0;text-align: center;color: #888;padding: 0 0 29px;}.ie h3 {	filter: dropshadow(color=#000000, offx=0, offy=3);}h4 {	margin-bottom:5px;	}p, pre {	margin:0 0 10px 0; }code {	text-transform:uppercase !important;	color:#EEE;		border-bottom:1px dotted #666;}small {	background:url(../images/alpha.png);	background:rgba(0, 0, 0, 0.8) url();		border:1px solid #111;	font-size:15px;	padding:0 5px;}strong{text-align: center;display: block; font-size: 28px;font-weight: normal;color:#646464;}a {	color:gray;	text-decoration:none;	}a:hover {	color:#BBB;	} .topSection{ }.spacing{padding:60px 0;}#Header { position: relative;width: 100%; z-index: 1;padding-top: 50px}.logo{width: auto; margin: 0 auto;padding: 16px;  border-radius: 180px;padding-bottom:50px;}.logo h1{color:#0f66b1;font-weight:600;
}.logo img {width: 80px;height: 108px;text-align: center;display: block;margin: 0 auto; }.wrapper {margin: 0 auto;position: relative;width: 100%;z-index: 1;}#socialIcons {display:block;}#socialIcons ul {margin:40px 0 0 0px; padding:0px;text-align: center;}#socialIcons ul li {margin-right: 19px;height: 56px;line-height: 50px;list-style-type: none;display: inline-block;background: #fff;border-radius: 71px;padding: 10px;border: 1px solid #888;}#socialIcons ul li a{width:34px;height:34px; display: inline-block;}.twitterIcon, .facebookIcon, .linkedInIcon, .pintrestIcon{background: url('../images/social-icons.png') -74px 0px;} .twitterIcon:hover, .facebookIcon:hover, .linkedInIcon:hover, .pintrestIcon:hover{background-position-y: -33px;}.facebookIcon{background-position: 10px 0px;}.linkedInIcon{background-position: -245px 0px;}.pintrestIcon{background-position: -331px 0px;}.tempBy{display:block;text-align:center;padding:15px;background:#fff;color: #8A8A8A;}#Content h2 {margin: 0px;padding: 0px;text-align: center;font-size: 42px;font-weight: 300;color:#676767;margin-bottom:40px;}#WindowSlide {margin: 0 auto;position: relative;width: 634px;height: 170px;display: block;overflow: hidden;}#Mail {position: absolute;width: 634px;top: 0px;left: 0px;}#Content h3 {text-align: center;font-size: 24px;font-weight: normal;display: block;clear: both;}
#subscribe p{text-align:center;}#subscribe input {background: rgba(255, 255, 255, 0.52);color: #7a7a7a; vertical-align: middle;width: 393px;border: 1px solid #888;padding: 10px;font-size: 14px;}#subscribe input[type="button"]{background: rgba(255, 255, 255, 1);width: auto;padding: 10px 25px;cursor: pointer;margin: 0 0 0 -6px;font-weight: bold;font-size: 14px;color: #888;}#subscribe input[type="button"]:hover{background:#1e7ccd;color:#fff;border:1px solid #1e7ccd;}
.callback,.simple {  font-size: 20px;  background: #27ae60;  padding: 0.5em 0.7em;  color: #ecf0f1;  margin-bottom: 50px;  -webkit-transition: background 0.5s ease-out;  transition: background 0.5s ease-out;}.callback{  cursor: pointer;}.ended {  background: #c0392b;}.countdown {text-align: center;margin-top: 30px;background: #5381E4;padding: 60px 0;} .styled div {  display: inline-block;  margin-left: 10px;  font-size: 70px;  font-weight: normal;   text-align: center;  margin:0 15px;   padding:0 30px;     color:#fff;    text-shadow:none;  vertical-align: middle;  }
#overlay{background: rgba(0, 0, 0, 0.56) url(../images/overlays/01.png) top left repeat;position: fixed;top: 0px;width: 100%;bottom: 0px;opacity:0.8;}/* IE7 inline-block hack */*+html .styled div{  display: inline;  zoom: 1;}.styled div:first-child {  margin-left: 0;}.styled div span {  display: block;  padding-top: 3px;  font-size: 19px;  font-weight: normal;   text-align: center;}footer{width:100%;height:30px;background:rgba(0, 0, 0, 0.64);position:absolute;bottom:0px;}footer span{float:right;margin:10px;}.subscribe {background:#fff;}.features{background: rgba(55, 55, 55, 0.15);}.features h2 {padding: 0 0 30px 0;}.features h4 { margin: 0px 0 10px 0;}.featuresPro{margin-bottom:30px;float:left;}.featuresPro{font-size:15px;}@media(max-width:768px){	body {	min-width: initial !important;	}	.wrapper{width:100%;}	.styled div {	  margin-bottom:10px; 	}}@media(max-width:420px){	h1{	float:initial;	text-align: center;	margin-left:0px;	margin-bottom:0px;	}	.styled div {	  margin-bottom:10px;	  font-size: 40px;	  font-weight: normal; 	  text-align: center;	  width:50px;  	  height:70px;  	}	#Content h2 {	margin: 0px 0px 0px 0px;	padding: 0px;	text-align: center;	font-size: 29px;	font-weight: 300;	}	.styled {	margin-bottom: 30px;	}	#subscribe input[type="button"]{	margin-top:10px;	}	#subscribe input{	width:80%;	}	.featuresPro img {width: 100%;}	footer{	position:relative !important;	}}