@font-face {
    font-family: 'proxima_novaregular';
    src: url(/images/css/fonts/proxima_nova.eot);
    src: url(/images/css/fonts/proxima_nova.eot?#iefix) format('embedded-opentype'),
         url(/images/css/fonts/proxima_nova.woff2) format('woff2'),
         url(/images/css/fonts/proxima_nova.woff) format('woff'),
         url(/images/css/fonts/proxima_nova.ttf) format('truetype'),
         url(/images/css/fonts/proxima_nova.svg#proxima_novaregular) format('svg');

}


/*---/ основной темный цвет #465902 /----*/

/*---/ основной яркий цвет #BF0404 /----*/


a {color:#465902;}
a:hover {color:#BF0404;}


a, a img, a:hover, a:focus {outline: none; border: none;}
a:hover {text-decoration:none; }
a:hover img {opacity:0.7; }
a, span, div, strong, b, input, li, ul, ol, p, textarea, img, h1, h2, h3, h4  {-webkit-transition: 0.4s ease all;-moz-transition: 0.4s ease all;-o-transition: 0.4s ease all;transition: 0.4s ease all;}	

html, body, a, div, input, textarea, li, b, strong, span, td, .nc-field-caption {box-sizing:border-box; font-family: 'proxima_novaregular';}

html, body {padding:0 0 0 0; margin:0 0 0 0;  }

.wrap_box {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:100%; background: url(/images/fon.jpg) no-repeat; background-position: top center; background-size: 100% auto; }
.wrap_fon {background: url(/images/fon_bot.jpg) no-repeat; background-position: bottom center; background-size: 100% auto; }

.wrap_page, .left_right_page, .forma_vopros_wrap, .bottom, .copy {width:1200px; margin:0 auto; box-sizing: border-box; background: #fff;}

@media(max-width:1024px){.wrap_page, .left_right_page, .text_block, .forma_vopros_wrap, .bottom, .copy {width:100%; margin:0 auto; } }

/*-------------------шапка-------------------*/

.header {display:table; width:100%; background: url(/images/fon_head.jpg) no-repeat; background-position: top right; background-size: auto 100%;}
.head_left, .head_center, .head_right {display:table-cell; vertical-align: middle;}

.head_left {width:250px; text-align:center; }
.head_left img {width:100%;}

.head_center {text-align:center; }

.head_right {width:300px; text-align:right; padding: 9px; line-height: 1.5;}
.head_right p {padding:0px; margin:0px; display: block;}

.tel a {font-size:24px; text-decoration:none; }

.regim {font-size:12px; color:#999;}

.head_right p.mail {padding-top:7px;}
.mail a {font-size:15px; }
.mail a:hover {text-decoration:none;}

p.zvonok {margin-top:12px;}
.zvonok a { text-decoration:none; border-radius:3px; font-size:15px; color:#BF0404; border-bottom:1px dashed #BF0404; font-weight:bold;}
.zvonok a:hover { border-bottom:none;}

@media(max-width:480px){
    .header {background: none;}
    .head_left, .head_right {width:50%;}
    .head_center {display: none; }
    .tel a {font-size:18px; }
}
@media(max-width:480px){
    .regim {font-size:10px; }
}
/* ---------------------- верхнее меню ----------------------------*/	

.top_center {display: table; width: 100%; text-align: center;}

.top_menu {display:table-cell; vertical-align: middle;  position: relative; text-align:center; background: #7C8C03;  }

.top_menu ul, .top_menu li {display:inline-block; vertical-align:top; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.top_menu a {display:block; padding:9px 15px; color: #fff; border:3px solid #465902; margin:0 3px; background: #7C8C03; box-shadow: 0 0 3px #777; border-radius: 9px; text-decoration: none; }
.top_menu li li a {padding:7px 15px; border-radius: 5px; font-size: 14px; border: 3px solid #465902; }
.top_menu span a {background:#BF0404;}
.top_menu li:hover a {background:#BF0404;}

.top_menu li:hover li a {background:#7C8C03;}
.top_menu li li:hover a, .top_menu li li.active a {background:#BF0404;}


.top_menu ul ul {display:none;}
.top_menu ul li:hover ul {display:block; position:absolute; z-index: 9; background:#fff;}
.top_menu li li {display:inline; background:#fff;}
.top_menu .active li {color:#BF0404;}

.sub_155 > a, .sub_159 > a, .sub_163 > a {background: #465902 !important; text-transform: uppercase;}

.sub_155:hover > a,
.sub_159:hover > a,
.sub_163:hover > a,
.sub_155.active > a,
.sub_159.active > a,
.sub_163.active > a
{background: #BF0404 !important;}


/* ---------------------- мобильное меню ----------------------------*/

.mob_menu {display:none;}

@media(max-width:960px){
    .mob_menu {display:table-cell; width:10%; padding-left:1%; padding-right: 1%; box-sizing:border-box; text-align:center; vertical-align:middle;} 
    .mob_menu img {width:100%; position: relative; bottom: -3px;}
}
@media(max-width:640px){
    .top_menu a { padding:10px 10px; margin: 2 3px; font-size: 14px; }
}
@media(max-width:533px){
   .top_menu a { margin: 0 1px; }
}
@media(max-width:480px){
    .top_menu a {display:block; padding:10px 5px; border:2px solid #465902;}
}
@media(max-width:414px){ 
    .top_menu li {width: 33%; }
    .top_menu a {display:block; padding:10px 5px; margin: 2px; border:1px solid #465902;}
    .mob_menu {width:15%;}
    .mob_menu img {width:100%;}
}
@media(max-width:320px){ 
    .top_menu a { font-size: 12px; padding:3px 3px; }
}

/*-------------------------обертка для левой и правой колонка-----------------------------*/

.left_right_page {display:table;}

/*-------------------------левая колонка-----------------------------*/

.left_page {width:300px; display:table-cell; vertical-align:top; text-align:right; background: #f0f0f0;}

.left_menu { text-align:left; }
.left_menu_block {margin: 25px 10px; border: 3px solid #ccc; border-radius: 9px; box-shadow: 0 0 3px #777; background: #fff; }
.left_menu_zag a, .left_menu_zag span {font-size: 18px; background: #7C8C03; text-align: center; display: block; padding: 7px 5px; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.left_menu_zag.active span {background:#BF0404;}
.left_menu ul {padding:0px; padding-left: 15px; margin:0px; display:block; }	
.left_menu li {display:block; border-top: 1px dashed #ccc;}
.left_menu li:first-child {border-top: none; }
.left_menu li:first-child li {border-top: 1px dashed #ccc;}

.left_menu li ul {display:none;  }
.left_menu li.active ul {display: block;}
.left_menu li.active ul ul {display:none;}
.left_menu li.active li.active ul {display: block; padding-bottom: 15px; }
.left_menu li.active li.active ul ul {display:none;}
.left_menu li.active li.active li.active ul {display: block; padding-bottom: 9px;}
.left_menu li a {display:block; font-size: 17px; text-decoration: none; padding:7px 0px; }
.left_menu li li a {font-size: 16px; padding:5px 0px; display: list-item; }
.left_menu li li li a {font-size: 15px; padding:3px 0px; }
.left_menu li li li li a {font-size: 14px; padding:3px 0px; list-style: circle; }
.left_menu li span a, .left_menu li a:hover {color:#BF0404;}

@media(max-width:960px){
    .left_page { display:none;  left: -300px; position: absolute; padding: 5px 0 0px 0; box-shadow: 0 0 5px #777; z-index: 999; } 
}
	
/*-------------------------banner в левой колонке-----------------------------*/

.banner_left {width:100%; margin-bottom:25px; }
.banner_left img {width:100%; }
.banner_left a:hover img {opacity:0.7; }


/*-------------------------хлебные крошки-----------------------------*/

.breadcrumbs {background: #f0f0f0; }
.breadcrumbs ol, .breadcrumbs ol li {display:inline-block; font-size:20px; padding: 2px 1px; margin: 0; color:#ccc;}
.breadcrumbs a, .breadcrumbs span {font-size:12px; position:relative; top:-2px;}
.breadcrumbs .active {color:#BF0404;}

@media(max-width:800px){
    .breadcrumbs {padding-left:10px; }
}

/*-------------------------стрелка наверх-----------------------------*/

#up {width:70px; position:fixed; right:3%; bottom:3%; z-index:999;}
#up img {width:100%; opacity:0.7;}
#up img:hover {opacity:1; cursor:pointer;}

@media(max-width:1024px){#up {width: 50px; right:1%; bottom:1%;}}
@media(max-width:667px){#up {width: 50px; right:0%; bottom:0%;}}
@media(max-width:240px){#up {width: 30px;}}
	
/*-------------------------правая колонка(страница)-----------------------------*/	
	
.right_page {display:table-cell; vertical-align:top; }


/*-------------------------контент текст страницы-----------------------------*/

.text_block {padding:0px 25px 9px 25px;}
.text_img_left {float:left; padding:0 15px 7px 0px;}
.text_img_right {float:right; padding:0 0px 7px 15px;}
.text_img {width:30%; position:relative; top:-7px;}
.text_img.text_img_right {top:3px;}
a .text_img {width:100%; float: none;}
.text_img_link_left, .text_img_link_right {width:30%; display:inline-block; vertical-align: top; }
.text_img_link_left { float:left; margin:0 15px 7px 0px;}
.text_img_link_right { float:right; margin:0 0px 7px 15px; }
a .text_img {border:1px solid #ccc; padding:1px;}
a .text_img:hover {border:1px solid #BF0404;}

h1, h2, h3, h4 {font-weight:normal;}
h1 {font-size:36px; color:#000; }
h2 {font-size:30px; color:#BF0404; }
h3 {font-size:26px; color:#465902; }
h4 {font-size:22px; color:#8C0303; }

.text_block li {line-height:1.5; padding-bottom: 9px; }
.text_block ul li {list-style:square;}

.text_block_gal, .text_block_gal ul {text-align:center; padding: 0px;}
.text_block_gal li {display:inline-block; vertical-align:top; margin:1%;  line-height: 1.4;}

.img_big {text-align: center; padding: 15px 0; }
.img_big img {max-width: 100%; }

.gal_items_2 li {width: 48%; }
.gal_items_3 li {width:31.3%; }
.gal_items_4 li {width:23%; }
.gal_items_5 li {width:18%; }
.gal_items_6 li {width:14%; }

.text_block_gal a {text-decoration: none;}
.text_block_gal img {width:100%; border:1px solid #ccc; padding:1px;}
.text_block_gal img:hover {border:1px solid #BF0404;}

.text_block_file {border:1px solid #7C8C03; padding: 15px 0; margin: 15px 0;}
.text_block_file strong {color:#BF0404; display: block; text-align: center;}
.text_block_file a {background: url(/images/excel.jpg) no-repeat; background-size:auto 100%; padding: 10px 10px 10px 60px; font-size:18px; }
.text_block_file li {display: block; margin-bottom: 15px; }

.text_block table {width:100%; border-top:#CCC 1px dashed; border-left:#CCC 1px dashed; }
.text_block table tr:nth-child(odd) {background:#f0f0f0;}
.text_block table td { padding:9px; border-bottom:#CCC 1px dashed; border-right:#CCC 1px dashed; }
.text_block p {padding-top: 0; margin-top:0;}

.table_new {border:1px #e3e3e3 solid; margin:10px; }
.table_new td {vertical-align:middle;border:none;padding:7px 10px;border-top:#dbdbdb 1px solid;border-right:#dbdbdb 1px solid;}
.table_new tr:nth-child(odd) {background:#f5f5f5;}
.table_new tr:nth-child(1) {background:#e3e3e3;color:#333;font-weight:bold;}
.table_new2 td {border:10px #e3e3e3 solid;margin:10px;}

.razdelitel {border-bottom: 2px dashed #e5e5e5; }

.razdelitel2 {border-bottom: 2px solid #ccc; box-shadow:0 0 3px #555; }


.table_wrap {width: 100%; box-sizing: border-box;  overflow: scroll; border: 1px solid #ccc; padding: 3px; }
.table_wrap table {margin: 10px 0;}

@media(max-width:800px){
    table td {padding:5px 5px; font-size: 14px;}
}

@media(max-width:600px){
    .text_img, .text_img_left, .text_img_right, .text_img_link_left, .text_img_link_right {width:70%; float: none; clear: both; display: block; margin: 0 auto; padding:0 0 0 0;}
    .text_img {margin-bottom: 25px;}
    .text_block_gal li {font-size:12px;} 
    h1, h2, h3, h4 {text-align:center;}
    h1 {font-size:32px; }
    h2 {font-size:26px; }
    h3 {font-size:22px; }
    h4 {font-size:18px; }
    .text_block {padding:9px 15px;}
    .text_block_gal li {width:23%; }
    table {border:1px #e3e3e3 solid; margin:10px 0; }
    table td {padding:5px 3px; font-size: 12.5px;}
}
@media(max-width:480px){
    h1 {font-size:30px; }
    h2 {font-size:24px; }
    h3 {font-size:20px; }
    h4 {font-size:16px; }
    .text_block {padding:9px 10px;}
    .text_block_file a {padding: 5px 10px 5px 40px; font-size:16px; }
    .text_block_file ul {margin: 10px 0px 0px 10px; padding: 0;}
    .text_block ul, .text_block ol {margin: 0; padding-left: 25px; padding-top: 10px; }
    .text_block_gal, .text_block_gal ul {padding-left: 0px;}
    .text_block_gal li {width:31.3%; }
    table td {padding:3px 3px; font-size: 11px;}
}
@media(max-width:360px){
    h1 {font-size:28px; }
    h2 {font-size:22px; }
    h3 {font-size:18px; }
    h4 {font-size:14px; }
    .text_block_gal li {width:48%; margin:1%;  line-height: 1.2;}
}


/*-------------------------меню категорий-----------------------------*/	

ul.cat_menu {text-align:center; padding:15px 0px; margin: 0;}
.cat_menu li {display:inline-block; width:32%; padding:2% 0.5%; vertical-align: top; }
.cat_menu img {width:96%; padding:2%; border:1px solid #ccc;}
.cat_menu a:hover img {border:1px solid #BF0404;}
.cat_menu span {display:block; padding: 0px 0px; position:relative; top:-5px;}
.cat_menu a {text-decoration:none; font-size:16px; color:#465902; font-weight:bold;}
.cat_menu a:hover {color:#BF0404;}

@media(max-width:360px){
    .cat_menu li {width:50%; padding:2% 1%; line-height: 1.2;  box-sizing: border-box; }
    .cat_menu a {font-weight: normal; }
}	

/*----------------постраничная навигация---------------------*/

.page_nav {text-align:center; background:#f0f0f0; padding:10px 0px; margin-top:15px;}
.page_nav a { color:#fff; padding:5px 10px; display:inline-block; border:1px solid #fff; background:#465902;}
.page_nav b, .page_nav a:hover { color:#fff; padding:5px 10px; display:inline-block; border:1px solid #fff; background:#BF0404;}


/*-------------------------подвал-----------------------------*/		

.bottom_wrap { margin-bottom: 0px;  }
.bottom {display:table;  margin-top:0px; background:#1A2601; }
.bot_left, .bot_center, .bot_right {display:table-cell; vertical-align: middle;}
.bot_left { width: 300px; line-height: 1; padding: 25px; color:#7C8C03; }
.bot_right {width: 20%; text-align: center; }
.bot_right img {width:100%; }
.bot_left a {color:#7C8C03;}
.bot_left .zvonok a {  border-bottom:1px dashed #7C8C03; }
	
.copy {display:table; background:#000; color: #fff; font-size: 12.5px;}
.copy_left {display: table-cell; vertical-align: middle;  padding: 0 5px;}
.copy_right {display: table-cell; vertical-align: middle; text-align: right; }
.copy_right a img { vertical-align:bottom; }
.copy_right a:hover {background: #FFF500;}

.clear {clear:both;}

@media(max-width:414px){ 
    .bot_left {text-align: center;}
    .bot_right img {width:50%; }
    .copy_left, .copy_right, .bot_left, .bot_center, .bot_right {display: block; width: 100%;} 
    .copy_left {padding:5px;} 
    .copy_right {background: #000;} 
}



/*-------------------------ФОРМЫ-----------------------------*/

/* ---------------------- общие стили для всех форм ----------------------------*/	

form .nc-field-caption, form input, form textarea, form span, .multifile { color: #465902; font-size: 16px;}

form input[type='text'], form textarea {width:100%; box-sizing: border-box; padding: 5px;  color: #000; }
form fieldset {border:1px solid #fff; box-sizing: border-box; }
form span {display:block; padding-top:9px; }
.multifile {padding-top:25px; }
.multifile div {text-align:left; }
.multifile span {font-weight:normal; font-size:12px;}

.but_send {text-align: right; }
.but_send input {background:#465902; color:#fff; padding:15px 20px; font-size: 18px; border: 1px solid #fff; box-shadow: 0 0 3px #999;}
.but_send input:hover {cursor:pointer; background:#BF0404;}

.conf_block {margin-bottom:5px; text-align: left;}

.forma_done { text-align:center; background:#f0f0f0; padding:0px 3px; line-height: 1;}
.forma_done strong {  font-weight:normal; font-size:18px; text-transform:uppercase; color:#BF0404;  display: block; padding-top: 20px; }
.forma_done img {width:100%; }

/* ---------------------- форма обратный звонок ----------------------------*/		

.forma_zvonok_wrap {width:400px; margin: 0 auto;}
.forma_zvonok_wrap .forma_zvonok {background:#f0f0f0; padding:10px 5px;}
.forma_zvonok_wrap strong.forma_zvonok_zag {font-size:24px; color:#fff;  font-weight:normal;}
.forma_zvonok_wrap .mfp-close {color:#BF0404; font-size:24px; font-weight: bold; top:-5px; right:-5px;}

@media(max-width:414px){ 
    .forma_zvonok_wrap {width:99%; }
}

/*----------------форма задать вопрос внизу---------------------*/

.bottom_form {padding:0px 0px; }
.forma_vopros {margin-top:0px; background: #f0f0f0; }
.forma_vopros_zag {text-align: center; }
.forma_vopros_zag strong {font-size: 26px; color:#BF0404;  font-weight:normal; padding: 15px 0px; display: block; }
.forma_vopros_td {display: inline-block; width: 49%; vertical-align: top; }
.forma_vopros_td:nth-child(1){padding-right:2%;}
.forma_vopros_wrap .but_send, .forma_vopros_wrap .multifile {display: inline-block; vertical-align: top; width: 49%;}
.forma_vopros_wrap .forma_done img {width:50%;}

@media(max-width:600px){ 
    .forma_vopros_td {width:100%; } 
    .forma_vopros_wrap .but_send, .forma_vopros_wrap .multifile {width: 100%;} 
    .forma_vopros_td:nth-child(1){padding-right:0%;}
    .forma_vopros_zag strong {font-size: 22px; }
    .forma_vopros_wrap .forma_done img {width:100%;}
}
