/* CSS reset */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 	margin:0;	padding:0;}html,body {	margin:0;	padding:0;}table {	border-collapse:collapse;	border-spacing:0;}fieldset,img { 	border:0;}input{	border:1px solid #b0b0b0;	padding:3px 5px 4px;	color:#979797;	width:190px;}address,caption,cite,code,dfn,th,var {	font-style:normal;	font-weight:normal;}ol,ul {	list-style:none;}caption,th {	text-align:left;}h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}q:before,q:after {	content:'';}abbr,acronym { border:0;}/* General Demo Style */body{	font-family: Georgia, serif;	background: #0149FF;	font-weight: 400;	font-size: 15px;	color: #fff;}a{	color: #333;	text-decoration: none;}.container{	width: 100%;	position: relative;	text-align: center;}.clr{	clear: both;}.container > header{	padding: 30px 30px 10px 30px;	margin: 0px 20px 10px 20px;	position: relative;	display: block;	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);    text-align: right;}.container > header h1{	font-family: 'PT Sans Narrow', Arial, sans-serif;	font-size: 50px;	line-height: 40px;	position: relative;	font-weight: 400;	color: #fff;	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);    padding: 0px 0px 5px 0px;}.container > header h1 span{	color: #000;	text-shadow: 0px 1px 1px rgba(0,0,0,0.3);}.container > header h2{	font-size: 16px;	font-style: italic;	padding: 0px 0px 15px 0px;}/* Header Style */.codrops-top{	font-family: Arial, sans-serif;	line-height: 24px;	font-size: 11px;	background: #000;	opacity: 0.9;	text-transform: uppercase;	z-index: 9999;	position: relative;	-moz-box-shadow: 1px 0px 2px #000;	-webkit-box-shadow: 1px 0px 2px #000;	box-shadow: 1px 0px 2px #000;}.codrops-top a{	padding: 0px 10px;	letter-spacing: 1px;	color: #ddd;	display: block;	float: left;}.codrops-top a:hover{	color: #fff;}.codrops-top span.right{	float: right;}.codrops-top span.right a{	float: none;	display: inline;}p.codrops-demos{    text-align:center;	display: block;	line-height: 30px;	padding: 5px 0px;	position: absolute;	top: 10px;	left: 20px;}p.codrops-demos a{    display: inline-block;	width: 100px;	height: 100px;	background: #000;	margin: 0px 14px;	color: #fff;	line-height: 100px;		font-style: italic;	font-weight: bold;	-webkit-border-radius: 30px;	-moz-border-radius: 30px;	border-radius: 50%;	font-size: 13px;	-webkit-transition: all 0.2s linear;	-moz-transition: all 0.2s linear;	-o-transition: all 0.2s linear;	-ms-transition: all 0.2s linear;	transition: all 0.2s linear;	-webkit-box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.2);	-moz-box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.2);	box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.2);}p.codrops-demos a:hover{	background: #444;}p.codrops-demos a.current-demo,p.codrops-demos a.current-demo:hover{	background: #2255CB;}/* Media Queries */@media screen and (max-width: 767px) {	.container > header{		text-align: center;	}	p.codrops-demos {		position: relative;		top: auto;		left: auto;	}}