@font-face {
  font-family: 'icons';
  src: url("font/icons.eot");
  src: url(".font/icons.eot?#iefix") format('embedded-opentype'), url("font/icons.woff") format('woff'), url("font/icons.ttf") format('truetype'), url("font/icons.svg#icons") format('svg');
  font-weight: normal;
  font-style: normal;
}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

body{
  	background: -webkit-linear-gradient(275deg, #e5ffff, #b3ffff, #ffdbcc, #fff099, #b8d279, #a3c653);
        background: linear-gradient(175deg, #e5ffff, #b3ffff, #ffdbcc, #fff099, #b8d279, #a3c653);
	font-family: 'Open Sans Condensed','Arial Narrow', serif;
	font-weight: 400;
	font-size: 15px;
	color: #333;
	overflow: scroll;
	overflow-x: hidden;
}
a{
	color: #555;
	text-decoration: none;
}
.container{
	width: 100%;
	position: relative;
}
.clr{
	clear: both;
	padding: 0;
	height: 0;
	margin: 0;
}

.main{
	width: 100%;
	height: 80vh;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.container > header{
	margin: 0;
	padding: 1em;
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
   	text-align: center;
}
.container > header h1{
	font-size: 2em;
	line-height: 1em;
	margin: 0;
	position: relative;
	font-weight: 300;
	color: #524f4e;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
}
.container > header h1 span{
	font-weight: 700;
}
.container > header h2{
	font-size: 1em;
	font-weight: 200;
	margin: 0;
	padding: 0.5em;
	color: #888;
	font-family: Cambria, Georgia, serif;
	font-style: italic;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
}


}

/*footer Style */

.acor-bottom{
	top:100%;
	width:100%;
	line-height: 24px;
	font-size: 11px;
	background: transparent;
	text-transform: none;
	z-index: 9999;
	position: absolute;
	font-family: Cambria, Georgia, serif;
}
.acor-bottom a{
	padding: 3px 10px;
	letter-spacing: 0px;
	color: #333;
	display: inline-block;
}
.acor-bottom a:hover{
	background: rgba(255,255,255,0.3);
}
.acor-bottom span.right{
	float: right;
}
.acor-bottom span.right a{
	float: left;
	display: block;
}

.support-note span{
	color: #ac375d;
	font-size: 16px;
	display: none;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
}
.no-cssanimations .support-note span.no-cssanimations,
.no-csstransforms .support-note span.no-csstransforms,
.no-csstransforms3d .support-note span.no-csstransforms3d,
.no-csstransitions .support-note span.no-csstransitions{
	display: block;
}