/* Сетка. Собрана под шаблон, лишние классы вычищены. */

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

.container {
	width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}

.row {
	margin-left: -10px;
	margin-right: -10px;
}

.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.row:after,
.clearfix:after {
	clear: both;
}

.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-12 {
	position: relative;
	float: left;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
}

.col-2  { width: 16.666%; }
.col-3  { width: 25%; }
.col-4  { width: 33.333%; }
.col-5  { width: 41.666%; }
.col-6  { width: 50%; }
.col-7  { width: 58.333%; }
.col-8  { width: 66.666%; }
.col-9  { width: 75%; }
.col-12 { width: 100%; }

.text-right  { text-align: right; }
.text-center { text-align: center; }
.nowrap      { white-space: nowrap; }

.mt-0  { margin-top: 0; }
.mb-0  { margin-bottom: 0; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }

/* планшет */
@media screen and (max-width: 1020px) {
	.container {
		width: 100%;
	}
	.col-2 { width: 33.333%; }
	.col-3 { width: 50%; }
}

/* телефон */
@media screen and (max-width: 760px) {
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9 {
		width: 100%;
		float: none;
	}
	.text-right {
		text-align: left;
	}
}