/*
	My Style CSS
	Author: Maxim Mirnov
	Version: 1.0
*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body, html { height: 100%; }
body {margin: 0; padding: 0; width: 100%; }
#document { width: 100%; }
#header, #main, #footer { width: 100%; }

/* Колоночная система */
.boxes { position: relative; }
.boxes, .row_10, .row_12, .row_16 { display: block; width: 100%; /*border: 1px solid #f00;*/ }
.f_light { font-weight: 300;}
.f_regular { font-weight: 400;}
.f_bold { font-weight: 700;}

/* 12 column */
.col_1 { width: 8.33%; }
.col_2 { width: 16.66%; }
.col_3 { width: 25%; }
.col_4 { width: 33.33%; }
.col_5 { width: 41.66%; }
.col_6 { width: 50%; }
.col_7 { width: 58.33%; }
.col_8 { width: 66.66%; }
.col_9 { width: 75%; }
.col_10 { width: 83.33%; }
.col_11 { width: 91.66%; }
.col_12 { width: 100%; }

/* 10 column */
.row_10 .col_1 { width: 10%; }
.row_10 .col_2 { width: 20%; }
.row_10 .col_3 { width: 30%; }
.row_10 .col_4 { width: 40%; }
.row_10 .col_5 { width: 50%; }
.row_10 .col_6 { width: 60%; }
.row_10 .col_7 { width: 70%; }
.row_10 .col_8 { width: 80%; }
.row_10 .col_9 { width: 90%; }
.row_10 .col_10 { width: 100%; }

/* 16 column */
.row_16 .col_1 { width: 6.25%; }
.row_16 .col_2 { width: 12.50%; }
.row_16 .col_3 { width: 18.75%; }
.row_16 .col_4 { width: 25%; }
.row_16 .col_5 { width: 31.25%; }
.row_16 .col_6 { width: 37.50%; }
.row_16 .col_7 { width: 43.75%; }
.row_16 .col_8 { width: 50%; }
.row_16 .col_9 { width: 56.25%; }
.row_16 .col_10 { width: 62.50%; }
.row_16 .col_11 { width: 68.75%; }
.row_16 .col_12 { width: 75%; }
.row_16 .col_13 { width: 81.25%; }
.row_16 .col_14 { width: 87.50%; }
.row_16 .col_15 { width: 93.75%; }
.row_16 .col_16 { width: 100%; }

.col_16, .col_15, .col_14, .col_13,
.col_12, .col_11, .col_10, .col_9,
.col_8, .col_7, .col_6, .col_5,
.col_4, .col_3, .col_2, .col_1 { position: relative; float: left; /*border: 1px solid #000;*/ padding: 0 10px; }

.offset { height: 1px; }

.clearfix::before, .clearfix::after,
.row_10::before, .row_10::after,
.row_12::before, .row_12::after,
.row_16::before, .row_16::after,
.col_16::before, .col_15::before,
.col_14::before, .col_13::before,
.col_12::before, .col_11::before,
.col_10::before, .col_9::before,
.col_8::before, .col_7::before,
.col_6::before, .col_5::before,
.col_4::before, .col_3::before,
.col_2::before, .col_1::before,
.col_16::after, .col_15::after,
.col_14::after, .col_13::after,
.col_12::after, .col_11::after,
.col_10::after, .col_9::after,
.col_8::after, .col_7::after,
.col_6::after, .col_5::after,
.col_4::after, .col_3::after,
.col_2::after, .col_1::after { content: ''; display: block; clear: both; }

p, h1, h2, h3, h4, h5, ul {margin: 0;}
ul {padding: 0; list-style: none;}
a {text-decoration: none;}
img { border: 0; margin: 0; }
.h1,.h2,.h3,.h4,.h5,.h6 { display: block; }

.fleft { float: left; }
.fright { float: right; }
.fcenter { display: table; margin: 5px auto 5px; }

.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }

img.aleft { float: left; margin-right: 5px; }
img.aright { float: right; margin-left: 5px; }
img.acenter, img.aright { margin-top: 5px; margin-bottom: 5px; }

.content ul { padding-left: 40px; list-style: disc;}
.rur { font-family: Arial; }

.block { display: block; }
.iblock { display: inline-block; }
.table { display: table; }
.trow { display: table-row; }
.tcell { display: table-cell; vertical-align: middle; }

.psr { position: relative; }
.psa { position: absolute; }
.psf { position: fixed; }

/* List */
ul { list-style: none; }
/*
ol, ol ol { counter-reset: li; list-style: none; }
ol > li::before, ol ol > li::before { counter-increment: li; content: counters(li,".") " "; position: relative; left: -8px; }
*/

/* MENU */
#menu ul { list-style: none; padding: 0; }
.menu_horizontal > ul > li { float: left; }
.horizontal_menu { margin: 0 auto; }
.horizontal_menu::before,
.horizontal_menu::after { content: ''; display: block; clear: both; }
.horizontal_menu > li { float: left; text-align: center; }
.sub-menu > ul { display: none; }

/* Modal */
body.modal-active { overflow: hidden; }
.modal-box { display:none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); }
.modal-box .modal-block {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	display: table;
	margin-top: 100px;
	padding-bottom: 10px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 5px;
	border: 1px solid #000;
	background-color: #fff;
}
.modal-box .modal-close { position: absolute; right: 3px; top: 0; cursor: pointer; }
.modal-box button { cursor: pointer; }

/* Forms */
input, textarea { border: 1px solid #000; background-color: #fff; resize: none; overflow: hidden; }
input.error-data,
textarea.error-data { border: 1px solid red; }
.error-form { color: red; }
.success-form { color: green; }