@charset "UTF-8";
/* CSS Document */

/*=============================================The Rig=============================================== >*/

/*Colums =============================================== >*/
.col-12, .col-11, .col-10, 
.col-9, .col-8, .col-7, .col-6,
.col-5, .col-4, .col-3, .col-2, .col-1{
	padding-left:8px;
	padding-right:8px;
	position:relative;
	display:block;
	float: left;
	-moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
	}
/*Make images responsive =============================================== >*/
.responsive{
	display: block;
    max-width: 100%;
    height: auto;
	}
/*Overlap padding =============================================== >*/
.row {
    margin-right: -8px!important;
    margin-left: -8px!important;
	-moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
}
/*Center the content=============================================== >*/
.container{
	width:80%;
	max-width:1125px;
	min-width:748px;
	margin:0 auto;
	padding-left:8px;
	padding-right:8px;
	display:table;
	-moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
	}
@media (min-width: 768px){
	.col-1 {
		width: 8.33333333%;
	}
	.col-2 {
		width: 16.66666667%;
	}
	.col-3 {
		width: 25%;
	}
	.col-4 {
		width: 33.33333333%;
	}
	.col-5 {
		width: 41.66666667%;
	}
	.col-6 {
		width: 50%;
	}
	.col-7 {
		width: 58.33333333%;
	}
	.col-8 {
		width: 66.66666667%;
	}
	.col-9 {
		width: 75%;
	}
	.col-10 {
		width: 83.33333333%;
	}
	.col-11 {
		width: 91.66666667%;
	}
	.col-12 {
		width: 100%;
	}
}
@media all and (max-width: 768px) {
	.col-12, .col-11, .col-10, 
	.col-9, .col-8, .col-7, .col-6,
	.col-5, .col-4, .col-3, .col-2, .col-1{
		width:100%;
		}
	.container{
		width:100%;
		min-width:100%;
		max-width:100%;
		}
}