* {
	box-sizing: border-box;
}

.row {
	width:100%;
}

.row::after {
	content:" ";
	display:table;
	clear:both;
}

.vcenter{
	align-self:center;
}

.wrap-header {
	width:100%;
}

.text-justify{
	text-align:justify;
}

.text-center {
	text-align:center;
}

.text-right {
	text-align:right;
}

.img-responsive {
	max-width: 100%;
	height: auto;
	display: block;
}

.img-rounded {
	border-radius:6px;
}

.margin-bottom-25 {
	margin-bottom:25px;
}



@media (max-width: 767px) { 
	.wrap {
		width:100%;
	}

	.s-12,.s-16,.s-25,.s-33,.s-40,.s-50,.s-60,.s-66,.s-100 {
		padding-right:5px;
		padding-left:5px;
		float:left;
	}
	
	.s-12 {
		width:12.5%;
	}
	
	.s-16 {
		width:16.66666%;
	}
	
	.s-25 {
		width:25%;
	}
	
	.s-33 {
		width: 33.33333%;
	}

	.s-40 {
		width: 40%;
	}
	
	.s-50 {
		width:50%;
	}
	
	.s-60 {
		width: 60%;
	}	
	
	.s-66 {
		width: 66.66667%;
	}
	
	.s-100 {
		width:100%;
	}
	
	.s-advent {
		width: 25%;
	}	
	
}


@media (min-width: 768px) { 

	.wrap {
		width: 762px;
		margin:0 auto;
	}

	.m-12,.m-16,.m-25,.m-33,.m-40,.m-50,.m-60,.m-66,.m-100 {
		padding-right:10px;
		padding-left:10px;
		float:left;
	}	
	
	.m-12 {
		width:12.5%;
	}
	
	.m-16 {
		width:16.66666%;
	}
	
	.m-25 {
		width:25%;
	}
	
	.m-33 {
		width: 33.33333%;
	}

	.m-40 {
		width: 40%;
	}
	
	.m-50 {
		width:50%;
	}
	
	.m-60 {
		width: 60%;
	}	
	
	.m-66 {
		width: 66.66667%;
	}
	
	.m-100 {
		width:100%;
	}
	
	.m-offset-20 {
		margin-left:20%;
	}	
	
	.m-advent {
		width: 50%;
	}	
	
}


@media (min-width: 992px) {
	
	.wrap {
		width: 972px;
		margin:0 auto;
	}
	
	.l-12,.l-16,.l-25,.l-33,.l-40,.l-50,.l-60,.l-66,.l-100 {
		padding-right:15px;
		padding-left:15px;
		float:left;
	}		
	
	.l-12 {
		width:12.5%;
	}
	
	.l-16 {
		width:16.66666%;
	}
	
	.l-25 {
		width:25%;
	}
	
	.l-33 {
		width: 33.33333%;
	}

	.l-40 {
		width: 40%;
	}
	
	.l-50 {
		width:50%;
	}
	
	.l-60 {
		width: 60%;
	}	
	
	.l-66 {
		width: 66.66667%;
	}
	
	.l-100 {
		width:100%;
	}
	
	.l-offset-20 {
		margin-left:20%;
	}
	
	.l-advent {
		width: 100%;
	}	

}


@media (min-width: 1200px) {
	
	.wrap {
		width: 1170px;
		margin:0 auto;
	}
		
}


@media (min-width: 1800px) {
	
	.wrap-header {
		width:1800px;
		margin:0 auto;
	}
	
}