html, body {
    position:relative;
    overflow:hidden;
    overflow-y:auto;

}

html{
	font-size:62.5%;
}

body {
   background-color:#EEEEEE;
   font-size:1em;
   font-family:'robotoregular',helvetica,arial,sans-serif;
   line-height:1.2;
}

body .c {
	padding-left: 40px;
	padding-right: 40px;
	max-width:1366px;
	margin:auto;
}

@media screen and (max-width:900px){
	body .c{padding-left: 20px;padding-right: 20px;}
}

body * {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

/*  ------------------------------------------------
	CLASSES
	------------------------------------------------ */

.clear { clear:both; }
.none { display:none; }
.overflow { overflow:hidden; }


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

.strut:before,
*[class*='strut']:before{content:"";display: inline-block;vertical-align: middle;height: 100%;width:0;line-height:100%;padding:0;margin:0;}
.strut>*{display:inline-block;vertical-align:middle;
	*display:inline;
	zoom:1;
}

.iar{text-align:justify;line-height:0}
.iar:after{content:".";display:inline-block;width:100%;visibility:hidden}
.iar>*{display:inline-block;vertical-align:middle;
	*display:inline;
	zoom:1;
}