/* 
Файл создан:29.12.2014
Последнее обновление:09.11.2018
Автор: Alex_Top
*/

/* Resset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, /*hgroup,*/
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
	
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, /*hgroup,*/ menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
table {border-collapse:collapse; border-spacing:0;}
/* ---- END Resset CSS ---*/

/* Real CSS default */
html, body {height:100%;}
 /*html {background:url("images/pattern.gif") repeat 0 0 fixed;}*/
body {width:100%;
 font:normal 16px Arial,Helvetica,sans-serif; text-align:left; line-height:120%; color:#333; overflow:auto;
/*background:url(images/body_bg.jpg) no-repeat top center fixed;
background-size:cover;*/
/*background:#f2f2f2;
font-size:62.5%; 10px*/     
}

/* Style text */
address {font-style:normal;}
em {font-style:italic;}
strong, b {font-weight:bold;}
small {font-size:90%;}
sup, sub {font-size:70%;}
sup {vertical-align:super;}
sub {vertical-align:sub;}
div, p, span, h1, h2, h3, h4, h5 {line-height:120%;}
a {text-decoration:underline; cursor:pointer; color:#333; outline:none;}
a:hover {color:#525046; text-decoration:none;}
a img {text-decoration:none;}
hr {margin:8px 0; height:0; border:0 transparent; border-top:1px solid #232323; text-indent:0; 
/*border-bottom: 1px solid #C6C9CD; design 2px line*/}

/* Все заголовки */
h1, h2, h3, h4, h5 {margin:10px 0;}
h1 {font-size:24px;}
h2 {font-size:22px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
P {margin:15px 0;}

.content P {margin:25px 0;}
/* Style select text*/
::-moz-selection {color:white; background:#333;}
::selection {color:white; background:#333;}

/* Quote */
blockquote {position:relative; margin:10px 0 10px 30px; font-style:italic;  border-left:4px solid #E7E8E1;/* */}
/* blockquote:before, blockquote:after {position:absolute; content:"\201C"; z-index:1; font-size:60px; color:#005E70;}
blockquote:before {top:24px; left:5px;}
blockquote:after {content:"\201D"; bottom:0; right:5px;} */
blockquote p {margin:0; padding:0 0 0 10px;/*padding:10px 40px;  font-weight:700; */}

/* Marker */
ul,ol {text-indent:0;}
li {position:relative; padding-left:35px; margin:5px 0; list-style-type:none;}
li:before {display:block; position:absolute; content:""; width:4px; height:4px; top:6px; left:20px; background:red;}
ol {margin-left:20px;}
ol li {list-style-type:decimal; padding-left:0;}
ol li:before {background:none;}

/*Table */
table td p, table th p {margin:8px 0;}
table {margin:10px auto; table-layout:auto;
/*border:2px solid #333; доп стиль внешний бордюр*/
}
table, table thead th, table tbody td {border:1px solid #333;}
table, table tbody td {vertical-align:top;}
table thead th {vertical-align:middle; color:#FFF; background:#0C54A0; text-align:center; table-layout:auto;}
table thead th, table tbody td {padding:2px 5px;}

/* Table scroll */
.scroll {display:block; overflow-x:auto; border:0;}
.scroll tbody {display:table; width:100%;
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

/* Table line-hover TR */
.table_line tr:hover {background:#DFDFDF;}

/* Table reset */
.table_zero td {border:0;}
.table_zero, .table_zero thead th, .table_zero tbody td {border:0; border-collapse:separate;}
.col .box table,
.col .box table tbody td {border:0;}
/* service class */
.clear {clear:both; line-height:1px; font-size:1px;}
.clearfix:before, .clearfix:after, .box:before, .box:after {content:''; display:table;}
.clearfix:after, .box:after {clear:both;}

.hidden {display:none;}
.reset {padding:0 !important; margin:0 !important;}
.reset_p {padding:0 !important;}
.reset_m {margin:0 !important;}
.float {float:left; width:100%;}
.f_l {float:left;}
.f_r {float:right;}
.center {text-align:center;}
.i_b {display:inline-block;}
.m_b {margin-bottom:20px;}
.ws {white-space:nowrap;}
.overflow {overflow: hidden;}
.del_indent {margin:0 -8px;} /* для выравнивания отступов по краям- галерея */
.layer {position:absolute; top:0; right:0; bottom:0; left:0; text-indent:-9999px; cursor:pointer; /* z-index:3; */}

.h_v_center {display: flex; justify-content: center; align-items: center;}

/* message */
.message {margin:10px 0; font-size:11px; line-height:100%; font-weight:700;}
.error {color:#FF000D;}
.error_i {background:#FF000D; color:#FFF;}
.warning {color:#EDB413;}
.warning_i {background:#EDB413; color:#FFF;}
.info {color:#0080FF;}
.info_i {background:#0080FF; color:#FFF;}
.success {color:#19A413;}
.success_i {background:#19A413; color:#FFF;}

/* columns
.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 {float:left; position:relative;}
.col_1 {width:8.333333%;}
.col_2 {width:16.666667%;}
.col_3 {width:25%;}
.col_4 {width:33.333333%;}
.col_5 {width:41.666667%;}
.col_6 {width:50%;}
.col_7 {width:58.333333%;}
.col_8 {width:66.666667%;}
.col_9 {width:75%;}
.col_10 {width:83.333333%;}
.col_11 {width:91.666667%;}
.col_12 {width:100%;}
 */
/* columns 1- 12 */
/* .c2, .c3 {float:left;}
.c2 {width:50%; background:yellow;}
.c3 {width:calc(50% / 4); background:green;} */
.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 {float:left; position:relative;  /* padding:0 15px; */}
.col_1 {width:100%;}
.col_2 {width:50%;}
.col_3 {width:33.3333%;}
.col_4 {width:25%;}
.col_5 {width:20%;}
.col_6 {width:16.6667%;}
.col_7 {width:14.2857%;}
.col_8 {width:12.5%;}
.col_9 {width:11.1111%;}
.col_10 {width:10%;}
.col_11 {width:9.09091%;}
.col_12 {width:8.33333%;}

div, ul, li, a, form, input, select, textarea, label, nav, p, span {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}


/*google-map*/
/*#map-canvas { padding:0;  width:100%;} */