@charset "utf-8";




*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 0px;
}





.grid {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	overflow: hidden;
	background:#FFF;
	
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding: .0175438596491228% 0 0 .0175438596491228%;
}

.grid-pad > [class*='col-']:last-of-type {
	padding-right: 0px;
}




.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}



.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}




@media only screen and (min-width: 1600px){

	
.grid {
		max-width: 1400px;
		width:100%;
		}

}

@media only screen
and (max-width : 1383px){
		.grid	{width:100%;
				max-width:1383px;}
	
}

@media only screen
and (max-width : 1055px){
		.grid	{width:100%;}
		
}

@media 
only screen 
 and (max-width: 955px) {
 }

@media 
only screen
 and (max-width: 902px)  {
		.grid	{width:100%;}
		
.col-1-1,
.col-2-3, 
.col-8-12,
.col-1-2, 
.col-6-12,
.col-1-3, 
.col-4-12,
.col-1-4, 
.col-3-12,
.col-1-5,
.col-1-6, 
.col-2-12,
.col-1-7,
.col-1-8 ,
.col-1-9,
.col-1-10,
.col-1-11,
.col-1-12,
.col-11-12,
.col-10-12,
.col-9-12,
.col-5-12,
.col-7-12 	{width:100%;
			display:block;}

}

