/*@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: local('Roboto'),
		url('../fonts/Roboto-Regular.ttf'),
}
@font-face {
	font-family: 'Roboto'; 
	font-style: normal;
	font-weight: bold;
	font-display: swap;
	src: local('Roboto'),
		url('../fonts/Roboto-Bold.ttf'),
}*/

* { font-family: 'Geist', Arial, Calibri, Trebuchet MS, Tahoma, Verdana, Helvetica, sans-serif !important; }
.fa, .far, .fas { font-family: "Font Awesome 5 Free" !important; }
.fab { font-family: "Font Awesome 5 Brands" !important; }

html, body { margin: 0px; padding: 0px; font-family: Arial, Calibri, Trebuchet MS, Tahoma, Verdana, Helvetica, sans-serif; }
html { background: #fff; }
body { background-repeat: no-repeat; }
h1, h2, h4, h5, h6 { font-family: 'Roboto', Arial, 'PT Serif', Cambria, Georgia, Trebuchet MS, Impact, Tahoma, Verdana, Helvetica, sans-serif; font-size: 36px; font-weight: 500; color: #010101; }
h1 { border-bottom: 1px solid #e9e9e9; margin-top: 20px; margin-bottom: 22px; line-height: 1.3; padding-bottom: 10px; font-weight: 600; }
h2, h4, h5, h6 { font-size: 30px; margin-bottom: 0px; }
h2 { color: #026f93; padding: 0; margin: 25px 0 20px 0; font-weight: 600; line-height: 1.3; }
h3, .h3 { font-weight: 500; padding: 0; margin: 25px 0 10px 0; font-family: 'Roboto', Arial, 'PT Serif', Cambria, Georgia, Trebuchet MS, Impact, Tahoma, Verdana, Helvetica, sans-serif; font-size: 20px; line-height: 1.3; }
h5 { font-size: 18px; font-size: 17px; font-weight: normal; color: #555; margin-top: 0; margin-bottom: 15px; }
h6 { font-size: 16px; color: #010101; color: #333; margin-bottom: 4px; }
h2.red { color: #d50303; text-align: center; margin-bottom: 25px; }
header { padding: 15px 0; }
sup { font-size: 70%; line-height: .5; }
img { border: 0; }
.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.h3 { font-size: 22px !important; color: #333; margin-bottom: 20px; }
.h3-blue { font-size: 22px !important; color: #026f93; }

a { text-decoration: underline; color: #222; /*transition: all 0.1s;*/ }
/*a:link {color: #222;}*/
/*a:visited {color: #222;}*/
/*a:active {color: #222;}*/
a:hover {color: #026f93;}

td, input, select, textarea, main, #content { font-family: Arial, Calibri, Trebuchet MS, Tahoma, Verdana, Helvetica, sans-serif; font-size: 16px; color: #333; color: #222; vertical-align: top; }
table { border-collapse: collapse; width: 100%; }
td { padding: 0px; margin: 0px; }

p.inner, p.inner_top {
	font-family: 'Roboto', Arial, 'PT Serif', Cambria, Georgia, Trebuchet MS, Tahoma, Verdana, Helvetica, sans-serif;
	font-style: italic;
	margin: 30px 0;
	font-size: 19px;
	background-color: #f5f5f5;
	border-left: 5px solid #026f93;
	border-left: 10px solid rgba(2, 111, 147, 0.1);
	/*padding: 17px 15px 15px 15px;*/
	padding: 20px;
	color: #010101;
	color: #333;
	background-color: rgba(59, 105, 126, 0.05);
	background-color: rgba(2, 111, 147, 0.05);
}
p.inner { background-image: url(../img/icons/icon_ok_22.png); background-repeat: no-repeat; background-position: 99% 5px; }
p.inner_top {
	background-image: url(../img/icons/icon_flag_green_22.png);
	background-repeat: no-repeat;
	background-position: 99% 10px;
	margin-top: 10px;
	margin-bottom: 30px;
}
p.inner b, p.inner_top b, p.inner_center b { font-weight: 500; }
.inner_center {
	font-family: 'Roboto', Arial, 'PT Serif', Cambria, Georgia, Trebuchet MS, Tahoma, Verdana, Helvetica, sans-serif;
	font-style: italic;
	text-align: center;
	margin: 30px 0;
	font-size: 22px;
	border: 10px solid rgba(2, 111, 147, 0.1);
	padding: 25px;
	color: #333;
	border-radius: 24px;
}
.inner_center_top { margin-top: 10px; }

.container { position:relative; width: 1200px; /*width: 80%; min-width: 1200px;*/ margin: auto; }
.div_maincontent { padding: 40px 0; padding: 0 0 40px 0; line-height: 1.65; z-index: 0; }
.div_maincontent_nopadding { padding: 0 0 40px 0 !important; }
.div_maincontent ul li, .div_maincontent ol li { margin-bottom: 12px; }
section .container.div_maincontent { padding: 40px 0; }
#content { margin-top: 24px; }

footer { padding: 20px 0; border-top: 1px solid #e9e9e9; z-index: 1; margin-top: 20px; border-bottom: 1px solid #e9e9e9; }
.nooferta { font-size: 11px; color: #555; text-align: center; padding: 10px 0; }
nav { height: 35px; background: rgba(0, 0, 0, 0.03); }
.div_topmenu_services { height: 50px; vertical-align: middle; }
.div_picture, .div_picture_index {
	text-align: left;
	font-size: 46px;
	font-family: 'Roboto', Arial, 'PT Serif', Cambria, Georgia, Trebuchet MS, Impact, Tahoma, Verdana, Helvetica, sans-serif;
	background-position: right center;
	background-repeat: no-repeat;
	text-shadow: #fff 2px 2px 1px;
	line-height: 40px;
}
.div_picture { height: 110px; height: 170px; background-color: rgba(2, 111, 147, 0.05); display: none; }
.div_picture a, .div_picture_index a { color: #D50303; text-decoration: none; }
.div_picture a:hover, .div_picture_index a:hover { text-decoration: underline; }
span.subtext { font-size: 20px; }
.subfont, .subfont a:link, .subfont a:visited, .subfont a:active, .bread, .bread a:link, .bread a:visited, .bread a:active { color: #aaa; }
.subfont a:hover, .bread a:hover { text-decoration: none; color: #010101; }
.bread { font-size: 13px; padding: 0; margin: 0; color: #aaa; }

.logo { width: 223px; /*width: 160px;*/ line-height: 0; vertical-align: middle; }
.logo img { height: 80px; width: auto; }
.slogan { vertical-align: middle; font-size: 14px; color: #333; line-height: 1.5; }
.phone {
	font-family: 'Roboto', Arial, 'PT Serif', Cambria, Georgia, Trebuchet MS, Impact, Tahoma, Verdana, Helvetica, sans-serif;
	text-align: right;
	vertical-align: middle;
	font-weight: 500;
	text-shadow: #fff 1px 1px 2px;
	line-height: 1.15;
}
.phone a { text-decoration: none; line-height: 1; }
.prefix { font-size: 26px; }
.searchfont {
	font-family: Arial, Calibri, Trebuchet MS, Impact, Tahoma, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #888;
	text-shadow: none;
}
.searchfont a:link, .searchfont a:active, .searchfont a:visited { color: #888; text-decoration: underline; }
.searchfont a:hover { color: #333; }
.searchfont .green.rabota247 { display: inline-block; font-weight: bold; margin-top: 7px; }
.foot_name, .foot_name a, .foot_addr, .foot_addr a, .foot_counter { font-size: 11px; color: #555; }
.foot_name a:hover, .foot_addr a:hover { color: #333; }
.foot_name { /*width: 240px;*/ }
.foot_counter { text-align: right; width: 190px; }
.foot_counter { display: none; }
.foot_addr.foot_addr2 { text-align: right; }


/* ------------------------- Левое меню: начало */
.leftmenu { width: 230px; font-size: 13px; color: #5eb6cc; color: #026f93; line-height: 1.2; /*padding-right: 10px;*/ }
.leftmenu p { margin: 15px 0; }
.leftmenu p:first-child { margin-top: 0; }
.leftmenu p:last-child { margin-bottom: 0; }
.leftmenu a { color: #5eb6cc; color: #026f93; text-decoration: none; font-size: 15px; }
.leftmenu a:before { content: '\f0da'; font-family: "Font Awesome 5 Free"; font-weight: bold; margin-right: 5px; color: rgba(2, 111, 147, 0.5); }
.leftmenu a.current:before { content: '\f0d7'; }
.leftmenu .leftmenu_area a:before { display: none; }
.leftmenu .leftmenu_area a { border: none; display: inline; padding: 0; font-size: 13px; }
.leftmenu .leftmenu_area a:hover { text-decoration: underline; }
.leftmenu_act { font-weight: bold; color: #026f93; /*padding-left: 6px; border-left: 6px solid #026f93;*/ }
.leftmenu a {
	color: #444;
	text-decoration: none;
	padding: 15px 20px;
	display: block;
	border: 1px solid #e9e9e9;
	border-bottom-width: 0px;
}
.leftmenu div:last-child a { border-bottom-width: 1px; }
.leftmenu a:hover { color: #026f93; }
.leftmenu a.current { font-weight: bold; color: #026f93; border-bottom-width: 1px; background-color: rgba(2, 111, 147, 0.1); }
.leftmenu p b { color: #555; }
div.leftmenu_area {
	padding: 20px;
	border: 1px solid #e9e9e9;
	border-top: none;
	border-bottom: none;
	padding-right: 10px;
	background-color: rgba(2, 111, 147, 0.05);
}
/* ------------------------- Левое меню: конец */


.pr, .pr a:link, .pr a:active, .pr a:visited { font-family: 'Roboto', Arial, 'PT Serif', Cambria, Georgia, Trebuchet MS, Impact, Tahoma, Verdana, Helvetica, sans-serif; font-size: 20px; color: #d50303; }
.pr_big { font-size: 30px; }

table.footer { border-top: 5px solid #e9e9e9; }
td.foot { padding: 5px 15px 0 15px; height: 50px; vertical-align: middle; }

table.calc { width: 100%; margin-bottom: 15px; }
table.calc td, table.calc th { padding: 10px; border: 1px solid #d2e7ec; background-color: rgba(2, 111, 147, 0.03); vertical-align: middle; font-size: 14px; }
table.calc th { font-weight: bold; background-color: rgba(2, 111, 147, 0.1); }
table.calc td.inner { font-style: italic; padding-left: 50px; }
table.calc td.l { border-right: none; width: 50%; }
table.calc td.r { border-left: none; }
table.calc input[type="radio"], table.calc input[type="checkbox"] { margin-left: 0; }
table.calc select, table.calc input[type="number"], table.calc input[type="text"], table.calc textarea, table.calc input[type="submit"] { width: 100%; }
table.calc input[type="number"], table.calc input[type="text"], table.calc textarea { width: 97%; }
table.calc td.summ { font-weight: bold; font-size: 130%; }
table.calc td span#lightgrey, table.price td span#lightgrey { font-size: 90%; }
input[type="text"], input[type="number"], input[type="password"], input[type="date"], select, textarea { padding: 6px; border: 1px solid #ddd; }
input[type="submit"], input[type="button"] { padding: 6px; cursor: pointer; }
input[type="checkbox"] { border: 1px solid rgba(2, 111, 147, 0.3); }
select { background: #fff; }
select option { border: 1px solid #ddd; }

table.text_in_text, table.price { width: 100%; margin-top: 10px; }
table.text_in_text td, table.text_in_text th, table.price td, table.price th { padding: 10px; font-size: 14px; border: 1px solid #d2e7ec; line-height: 1.5; vertical-align: middle; }
table.text_in_text th, table.price th { font-weight: bold; background-color: rgba(2, 111, 147, 0.05); }
table.price td, table.price th { padding: 10px; text-align: center; vertical-align: middle; }
table.price td.left, table.price th.left { text-align: left; }
table.price td.left li { margin-left: 20px; }
table.price tr.light, table.price td.light { background-color: #f8f8f8; }
table.price th a:link, table.price th a:visited, table.price th a:active { color: #333; }
table.price th a:hover { color: #5eb6cc; color: #026f93; }
table.price .morebutton { margin: 7px 0; display: inline-block; }

table.price_new { width: 100%; margin-top: 10px; }
table.price_new td, table.price_new th { text-align: center; padding: 15px; font-size: 14px; border-bottom: 1px solid rgba(2, 111, 147, 0.06); line-height: 1.5; vertical-align: middle; }
table.price_new th { font-weight: bold; background-color: rgba(2, 111, 147, 0.04); border-bottom: none; }
table.price_new td:first-child { text-align: left; }
table.price_new td.left li { margin-left: 20px; }
table.price_new th a:link, table.price th a:visited, table.price th a:active { color: #333; }
table.price_new th a:hover { color: #5eb6cc; color: #026f93; }
table.price_new .morebutton { margin: 7px 0; display: inline-block; }


table.stamps td { text-align: center; padding: 10px 0 30px 0; font-weight: bold; }
table.objects td { text-align: left; padding: 10px 20px 30px 0; }
.partners { width: calc((100% - 100px - 12px)/6); height: auto; margin: 0 20px 20px 0; display: inline-block; float: left; }
.partners:nth-child(6n) { margin-right: 0; }

td.name, td.name a:hover, td.name a:link, td.name a:visited, td.name a:active {
	font-size: 42px;
	width: 250px;
	color: #010101;
	text-decoration: none;
	vertical-align: middle;
	font-family: Impact, Trebuchet MS, Tahoma, Verdana, Helvetica, sans-serif;
	background: url(../img/bg_top_middle.gif) center top repeat-x;
}

td.menu, td.menu_act, td.menu_index, td.menu_index_act {
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	color: #fff;
 	width: 100px;
	background-color: #cfcfcf;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
}

td.menu a:link, td.menu a:visited, td.menu a:active, td.menu_index a:link, td.menu_index a:visited {
	line-height: 84px;
	display: block;
	color: #fff;
	text-decoration: none;
}

td.menu a:hover, td.menu_act { background-color: #ffcd04; }
td.menu_index { background: url(../img/menu_index.gif) left top repeat-x; }
td.menu_index a:hover, td.menu_index_act { background: url(../img/menu_index_act.gif) left top repeat-x; }
td.sep { width: 1px; }
.text { padding-left: 24px; line-height: 1.65; font-size: 16px; /*border-left: 1px solid #e9e9e9;*/ }
div.text { float: left; width: calc(100% - 230px - 10px - 2px - 24px);}
.text b { color: #222; }
.text ul li, .text ol li { margin-bottom: 10px; }
.text img { max-width: 100%; height: auto; }
.text img.imgcustom { max-width: calc(100% - 2px); height: auto; }

td.copy { height: 60px; vertical-align: middle; color: #a0a0a0; font-size: 11px; text-align: right; }
.imgcustom, .imgphoto { /*border: 1px solid #e9e9e9;*/ border: 1px solid rgba(2, 111, 147, 0.05); }
a img.imgcustom:hover, a img.imgphoto:hover  { box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 15px rgba(0, 0, 0, 0.1); }
.fright { margin: 0 0 20px 20px; float: right; width: 200px; height: auto; }
.imgsize300 { width: 300px; height: auto; }
.imgsize350 { width: 350px; height: auto; }
.imgsize400 { width: 400px; height: auto; }

.imgbanner { border: 1px dashed #e9e9e9; border-top: none; }
.banner { width: 200px; background: url(../img/banner_border_top.png) center top no-repeat; }
.imgphoto { margin: 0 15px 15px 0; width: 200px; height: 150px; }
.rr { color: #d50303 !important; }
a.rr:hover, a b.rr:hover { color: #026f93 !important; }
#lightgrey, #lightgrey a, .lightgrey, .lightgrey a { color: #666; font-size: 90%; font-weight: normal; }
#lightgrey a:hover, .lightgrey a:hover { color: #444; }
#lightgrey2, #lightgrey2 a { color: #bbb; }
#lightgrey2 a:hover { color: #026f93; }
#green, .green { color: #328f17; }
#pink, .pink { color: #ea4d28; }
#orange, .orange { color: #f07f00; }
.leftmenu .rr { font-weight: normal; }
.rr_big { color: #d50303 !important; font-size: 17px; font-weight: bold; }
.header { padding-top: 5px; cursor: pointer; text-align: left; }
.header span { border-bottom: 1px dashed; font-weight: bold; }
.header span:hover { border-bottom: 1px dashed #026f93; color: #026f93; }
.content { overflow: hidden; }
.radius {
	background: #f5f5f5; /* Цвет фона */
    border: 1px solid #e9e9e9; /* Параметры рамки */
    padding: 15px; /* Поля вокруг текста */
    margin-bottom: 10px; /* Отступ снизу */
    border-radius: 10px;
}
.btn_more { font-size: 14px; margin-right: 10px; padding: 6px 12px 5px 12px; background-color: #ddd; text-decoration: none !important; border-radius: 2px; }
.btn_more:hover { background-color: #666; color: #fff; }
.btn_more:hover #lightgrey { color: #fff; }
p .btn_more { display: inline-block; line-height: 1.2; margin-bottom: 14px; /*float: left;*/ } 
p .btn_more:last-child { clear: both; } 

table.services td { vertical-align: top; text-align: left; }
table.services td.left { padding: 0 10px 20px 0; }
table.services td.right { padding: 0 0 20px 10px; }

.button a:link, .button a:active, .button a:visited, .button a:hover {
	color: #333;
	padding: 20px 10px;
	font-size: 13px;
	min-height: 105px;
	display: block;
	text-decoration: none;
	border-top: 10px solid rgba(2, 111, 147, 0.1);
	background-color: rgba(2, 111, 147, 0.05);
}
.button a:hover { display: block; cursor: pointer; background-color: rgba(2, 111, 147, 0.1); }
.button b { font-size: 20px; color: #2270b8; color: #333; font-family: 'Roboto', Arial, 'PT Serif'; }
.button_new { float: left; margin: 0 10px 10px 0; line-height: 20px; width: 100%; }
.button_new b { font-weight: 600; }
img.service { width: 50px !important; height: 50px !important; margin: 0 8px 52px 0; float: left; }
.button.button_new.col4 a:link { min-height: 90px; }

.link_nw { margin: 0px; border: 0px none; padding: 0px 16px 0px 0px; background: url("../img/link_new_window.png") no-repeat scroll right top transparent; }
.snoska { font-style: italic; font-size: 14px; color: #666; }
.snoska a { color: #666; }
.snoska a:hover { color: #026f93; }
.icon_top  { width: 32px; height: 32px; margin-right: 8px; }
.fa, .far, .fas { padding-right: 8px; color: #026f93; }
.fa_big { font-size: 700% !important; }
.fa_shadow { text-shadow: 3px 3px 0px #ddd; text-shadow: 3px 3px 0px rgba(2, 111, 147, 0.15); }

h3 .fas, h3 .far, h3 .fab { color: #026f93; min-width: 25px; }
h3.rr .fas, h3.rr .far, h3.rr .fab { color: #d50303; }

a.link_pdf, a.link_pps, a.link_doc, a.link_zip, a.link_jpg, a.link_xls, a.link_rar, a.link_php, a.link_www { margin: 0px; border: 0px none; padding: 0px 0px 5px 26px; }
a.link_pdf { background: url("../img/icons/file_pdf.png") no-repeat scroll left top transparent; }
a.link_pps { background: url("../img/icons/file_pps.png") no-repeat scroll left top transparent; }
a.link_doc { background: url("../img/icons/file_doc.png") no-repeat scroll left top transparent; }
a.link_zip { background: url("../img/icons/file_zip.png") no-repeat scroll left top transparent; }
a.link_jpg { background: url("../img/icons/file_jpg.png") no-repeat scroll left top transparent; }
a.link_xls { background: url("../img/icons/file_xls.png") no-repeat scroll left top transparent; }
a.link_rar { background: url("../img/icons/file_rar.png") no-repeat scroll left top transparent; }
a.link_php { background: url("../img/icons/file_php.png") no-repeat scroll left top transparent; }
a.link_www { background: url("../img/icons/file_www.png") no-repeat scroll left top transparent; }
.link_nw { margin: 0px; border: 0px none; padding: 0px 16px 0px 0px; background: url("../img/link_new_window.png") no-repeat scroll right top transparent; }


/* фиксированное плавающее меню */
/* http://mattweb.ru/component/k2/item/63-fiksiruem-menu-pri-prokrutke-stranitsy */
#top_nav{
	top: 145px; /*высота шапки в пикселях*/
	position: fixed;
	z-index: 1000;
	vertical-align: middle;
	background-color: #026f93;
	width:100%;
}

.btn_more_big {
	font-size: 17px;
	margin-right: 0px;
	border-color: #d84547 !important; /* Цвет заголовка H2 */
	font-weight: bold;
	border-width: 2px !important;
	border-width: 3px !important;
	border-radius: 20px !important;
}
.btn_more_big:hover { border-color: #2474A5 !important; /* Цвет заголовка H1 */ }

.btn_more_big {
	border-radius: 40px !important;
	background-color: rgba(37, 122, 13, 0.9) !important; /* Зеленый */
	background-color: rgba(216, 69, 71, 1.0) !important; /* Красный как H2 */
	padding: 9px 30px !important;
	text-decoration: none !important;
	color: #fff !important;
	transition: all 0.2s ease-out 0s;
	display: inline-block;
}
.btn_more_big:hover {
	background-color: rgba(216, 69, 71, 1.0) !important; /* Красный как H2 */
	background-color: rgba(36, 116, 165, 1.0) !important; /* Синий как H1 */
}
.btn_more_big span {font-size: 13px; font-weight: normal; letter-spacing: normal; text-transform: none; color: #fff999;}
.btn_more_big_green { background-color: rgba(37, 122, 13, 0.9) !important; /* Зеленый */ }
.btn_more_big-p { text-align: center; margin: 25px 0; }

#text_slide1, #text_slide2, #text_slide3, #text_slide4, #text_slide5, #text_slide6, #text_slide7, #text_slide8, #text_slide9, #text_slide10 { position: absolute; left: 0px; opacity:0; display: none; margin-top: 25px; }

.col1 { float: left; margin: 0 0 20px 0; }
.col2, .col3, .col4 { float: left; margin: 0 20px 20px 0; }
.col1 p, .col2 p, .col3 p, .col4 p, .col3 ul, .col4 ul { font-size: 14px; }
.col2 { width: calc((100% - 20px) / 2); }
.col3 { width: calc((100% - 20px - 20px) / 3); }
.col4 { width: calc((100% - 20px - 20px - 20px) / 4); }
.button_new_2.col3 { width: calc((100% - 20px - 20px - 60px) / 3); }
.collast { margin-right: 0; }
.col3 h2 { margin-top: 0; padding-top: 0; }
.col2 h3, .col3 h3 { margin: 0; padding: 0; }
.col2.center, .col3.center, .col4.center { text-align: center; }
.col2:last-child, .col3:last-child, .col4:last-child { margin-right: 0; }

.nth-col2 .col2:nth-child(2n) { margin-right: 0; }
.nth-col3 .col3:nth-child(3n) { margin-right: 0; }
.nth-col4 .col4:nth-child(4n) { margin-right: 0; }

.nth-col2 .col2 img, .nth-col3 .col3 img, .nth-col4 .col4 img { width: 100%; height: auto; }
.nth-col2 .col2 a img:hover, .nth-col3 .col3 a img:hover, .nth-col4 .col4 a img:hover { opacity: 0.7; }

.price-col2 tr td:nth-child(1) { text-align: left; }

.button_tarif { line-height: 20px; text-align: center; /*background-color: rgba(2, 111, 147, 0.05);*/ transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); }
.button_tarif { background-color: rgba(2, 111, 147, 0.03); /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);*/ border-radius: 24px; /*border: 1px solid rgba(2, 111, 147, 0.2);*/ }
/*.button_tarif:hover { background-color: rgba(2, 111, 147, 0.1); }*/
.button_tarif:hover { background-color: transparent; /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);*/ transform: translateY(-6px); box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1); }

.button_tarif .head { background-color: rgba(2, 111, 147, 0.05); padding: 20px 0; /*text-transform: uppercase;*/ /*font-family: 'Roboto', Arial;*/ }
.button_tarif .head { text-transform: none; border-radius: 24px 24px 0 0; }

.button_tarif .head b { font-size: 22px !important; font-weight: 500; }

.button_tarif .body p, .button_tarif .price p {
	border-bottom: 1px solid rgba(2, 111, 147, 0.1);
	margin: 0;
	padding: 15px;
}
.button_tarif .body p { padding: 10px; }

.button_tarif .price p.rr_big { font-size: 24px; line-height: 28px; color: rgba(37, 122, 13, 1) !important; }
.button_tarif .head b { text-decoration: none; }
.button_tarif .more { padding: 21px 0 24px 0; text-align: center; }

/* Тарифные карточки на страницах «Контур.*» (kontur-extern, kontur-elba,
   kontur-diadoc, kontur-ofd, kontur-markirovka…) — на бою этот же набор
   правил лежал built-in <style> в теле каждой такой страницы (один и тот
   же текст скопирован на все); при переносе содержимого инлайновые
   <style>-блоки не сохраняются, поэтому переносим их сюда одним местом. */
.button_tarif .head b { font-size: 40px !important; font-weight: bold; line-height: 1.2; margin-bottom: 10px; display: inline-block; }
.button_tarif .head b span { font-size: 20px !important; font-weight: normal; }
.button_tarif .price p span { font-size: 16px !important; color: #666; }
.button_tarif .price p { border-bottom: none; font-weight: normal; padding: 20px 0; }
.button_tarif .more { padding: 15px 0 40px; }
.button_tarif .ttext { text-align: left; font-size: 16px; padding: 0 30px; }
.button_tarif .ttext ul { padding-left: 20px; }
.button_tarif .ttext ul li { list-style: none; padding-left: 7px; }
.button_tarif .ttext ul li:before { content: '\f00c'; font-family: "Font Awesome 5 Free"; font-weight: bold; position: absolute; margin-left: -25px; opacity: .5; }
.button_tarif .ttext p { font-size: 16px; }
.button_tarif.col2:nth-child(2n) { margin-right: 0; }

/* /kontur-extern/ — тот же built-in <style> задавал .head уже, с чуть
   другими числами, чем на соседних «Контур.*» страницах. */
body.page-id-134 .button_tarif .head { padding: 30px 15px 20px 15px; font-size: 20px; line-height: 1.6; min-height: 125px; }

/* Остальные «Контур.*»-страницы и /poisk-klientov/ — тот же built-in
   <style>, что и выше, но с более простым .head (без min-height и без
   доп. отступа/размера строки) и без утолщённого .head b — блок выше
   задаёт .head b жирнее (line-height/margin-bottom/display:inline-block)
   для kontur-extern/elba/markirovka, здесь этого не было — откатываем
   точечно, чтобы не расползлось на все button_tarif сайта. */
body.page-id-139 .button_tarif .head, body.page-id-131 .button_tarif .head,
body.page-id-160 .button_tarif .head, body.page-id-132 .button_tarif .head { padding: 30px 0 20px 0; }
body.page-id-139 .button_tarif .head b, body.page-id-131 .button_tarif .head b,
body.page-id-160 .button_tarif .head b, body.page-id-132 .button_tarif .head b { line-height: inherit; margin-bottom: 0; display: inline; }

/* /kontur-elba/ и /kontur-markirovka/ — общий .head (min-height: 170px,
   у /kontur-extern/ свой — 125px, см. выше) и своя высота .ttext на
   каждой странице. */
body.page-id-133 .button_tarif .head, body.page-id-137 .button_tarif .head { padding: 30px 15px 20px 15px; font-size: 20px; line-height: 1.6; min-height: 170px; }
body.page-id-133 .button_tarif .ttext { min-height: 310px; }
body.page-id-137 .button_tarif .ttext { min-height: 430px; }
body.page-id-133 .button_tarif.col4:nth-child(4n) { margin-right: 0; }

/* /poisk-klientov/ и /kontur-diadoc-logistika/ — margin-right у последней
   карточки в ряду (тут не «.col2», сетка другая) + у /poisk-klientov/ ещё
   выравнивание цены во 2-й и 3-й карточках. */
body.page-id-160 .button_tarif:nth-child(4) { margin-right: 0; }
body.page-id-160 .price .rr_big:nth-child(2), body.page-id-160 .price .rr_big:nth-child(3) { padding-top: 0; }
body.page-id-132 .button_tarif:nth-child(3n) { margin-right: 0; }

/* /vakansii.html — built-in <style> поднимал отступ перед подзаголовками. */
body.page-id-112 h2 { margin-top: 70px; }

/* /buhgalterskie-uslugi/vedenie-bukhgalterskogo-ucheta.html — built-in
   <style> делал маркеры нумерованного списка жирными. */
body.page-id-127 ol > li::marker { font-weight: bold; }

/* /yuridicheskie-uslugi/ — built-in <style> увеличивал иконки в .btn_more
   (сайтовый дефолт — 18px, здесь было 22px). */
body.page-id-224 .btn_more .fas, body.page-id-224 .btn_more .far, body.page-id-224 .btn_more .fab { min-width: 22px; }

/* /stati/vedenie-voinskogo-ucheta-autsorsing.html и
   /stati/voinskij-uchet-organizatsij.html — одинаковый built-in <style>
   у таблицы штрафов: список внутри ячейки со своим отступом и
   центрирование колонки со статьёй КоАП. */
body.postid-540 .text_in_text td ul, body.postid-542 .text_in_text td ul { padding-left: 15px; }
body.postid-540 .text_in_text td:nth-child(3), body.postid-542 .text_in_text td:nth-child(3) { text-align: center; }

/* /astral/astral-otchet.html, /astral/astral-otchet-5-0.html,
   /astral/astral-et.html, /astral/1c-otchetnost.html — built-in <style>
   красил все иконки .fas/.far страницы в цвет конкретного сервиса
   (сайтовый дефолт — #026f93, см. выше) и добавлял отступ снизу; в
   оригинале селектор был без сужения до конкретного блока — оставляем
   так же, только с привязкой к странице. */
body.page-id-117 .fas, body.page-id-117 .far,
body.page-id-116 .fas, body.page-id-116 .far { color: #0074c6 !important; padding-bottom: 10px; }
body.page-id-115 .fas, body.page-id-115 .far { color: #376798 !important; padding-bottom: 10px; }
body.page-id-114 .fas, body.page-id-114 .far { color: #c2272d !important; padding-bottom: 10px; }
.morebutton {
	background-color: rgba(37, 122, 13, 0.9);
	font-size: 15px;
	padding: 12px 20px;
	color: #fff !important;
	font-weight: bold;
	border-radius: 60px;
	/*text-transform: uppercase;*/
	transition: all 0.2s ease-out 0s;
	text-decoration: none !important;
}
.morebutton_small { font-size: 13px; padding: 4px 12px; font-weight: normal; display: inline-block; margin-top: 10px; }
.morebutton:hover { background-color: rgba(36, 116, 165, 1.0); }


.promo-wrapper { background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 0; }
.promo-wrapper-top { margin-top: 46px; margin-bottom: 0; }
.promo-wrapper-bg { background-color: rgba(0, 0, 0, 0.75) !important; padding: 50px 0 65px 0; }
/*.promo-wrapper-bg-pic-1 { background: url(../img/woman-01-small.png) no-repeat 95% bottom; }
.promo-wrapper-bg-pic-3 { background: url(../img/woman-03-small.png) no-repeat 95% bottom; }*/
.promo-wrapper-bg .container { color: #f5f5f5; text-align: center; line-height: 1.8; width: 85%; min-width: 1200px; text-shadow: 1px 1px 2px #000; }
.promo-wrapper-bg .container h2 { color: #fff; font-family: 'Roboto', Arial, 'PT Sans Narrow', 'PT Sans', Impact, Trebuchet MS, Tahoma, Verdana, Helvetica, sans-serif; font-size: 40px; margin: 0; }
.promo-wrapper-bg .container .fa, .promo-wrapper-bg .container .fas, .promo-wrapper-bg .container .fab, .promo-wrapper-bg .container .far { color: #fff; min-width: 32px; padding-right: 0px; }
.promo-wrapper-bg .container h2 span, .promo-wrapper-bg .container b, .promo-wrapper-bg .container span { color: #fcf000 !important; }
.promo-wrapper-bg .container b { font-weight: 600; }
.promo-wrapper-bg .container .btn_more_big { line-height: 1.5; text-shadow: none; }
.promo-wrapper-bg .container p { font-size: 140%; margin: 0; padding: 10px 0; }
.promo-wrapper-bg-left .container { width: 1200px; text-align: left; }
.promo-wrapper-bg .container .morebutton, .promo-wrapper-bg-left .container .morebutton { text-shadow: none; margin-right: 10px; }
.morebutton-p { margin-top: 30px; }
.promo-wrapper-text { float: left; margin-right: 20px; width: 70%; }
/*.promo-wrapper-form { float: left; width: calc(30% - 20px - 30px - 30px - 6px); background: rgba(255, 255, 255, 0.7); padding: 30px; border-radius: 5px; border: 3px solid #19AEE0; font-family: 'Roboto', Arial, Helvetica, sans-serif; }*/
.promo-wrapper-form { float: left; width: calc(30% - 20px - 30px - 30px - 6px); background: rgba(255, 255, 255, 0.7); padding: 30px; border-radius: 24px; border: 2px solid #19AEE0; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
.promo-wrapper-bg .container .promo-wrapper-form p { text-align: center; font-size: 14px; }
.promo-wrapper-bg .container .promo-wrapper-form p strong, .promo-wrapper-bg .container .promo-wrapper-form p span { font-size: 27px; font-weight: bold; color: #19AEE0 !important; }
.promo-wrapper-bg .container .promo-wrapper-form p:first-child { padding: 0 0 15px 0; }
.promo-wrapper-bg .container .promo-wrapper-form .form_consent_v { font-size: 13px; line-height: 1.35; color: #888; text-align: left; }
/* .promo-wrapper-form p span (выше) красит/увеличивает любой <span> внутри
   форм промо-шапки — не наша цель, у неё другой adресат (акцентные вставки
   в тексте). Явно гасим для span подписи чекбокса, включая !important на
   цвет — иначе выигрывает правило выше (тоже !important). */
.promo-wrapper-bg .container .promo-wrapper-form .form_consent_v .form_consent_text { font-size: 13px; line-height: 1.35; font-weight: normal; color: #888 !important; }
.promo-wrapper-bg .container .promo-wrapper-form .form_consent_v a { color: #888; }
.promo-wrapper-bg .container .promo-wrapper-form .form_consent_v a:hover { color: #333; }
.promo-wrapper-bg .container .promo-wrapper-form .form_note_v { font-size: 13px; color: #888; margin-top: 14px; text-align: center; }
.promo-wrapper-form input { width: 100%; }
.promo-wrapper-form input[type="text"] { width: calc(100% - 12px - 2px); border-radius: 4px; }
.promo-wrapper .promo-wrapper-bg .container { line-height: 1.4; }

.fon-2 .form_consent_h { font-size: 13px; text-align: left; }
.fon-2 .form_note_h { font-size: 13px; text-align: center; }



.fon-1 { background-color: rgba(2, 111, 147, 0.04); }
.fon-2 { background-image: linear-gradient(to bottom, rgba(2, 111, 147, 1.0), rgba(2, 111, 147, 0.8)); text-align: center; font-size: 22px; color: #fff; }
.fon-2 h2 { color: #fcf000; font-size: 40px; }
.fon-2 form input {
    border: none;
    padding: 14px 20px 13px 20px;
    border-radius: 25px;
	width: calc(100% - 40px);
	font-size: 18px;
}
.fon-2 form input[type="submit"] {
    width: 100%;
    background-color: #ddd;
}
input[type="submit"]:hover { cursor: pointer !important; }
.fon-2 form input[type="submit"]:hover { background-color: #257a0d; color: #fff; }



/* https://paulund.co.uk/style-checkboxes-with-css */
/* https://stackoverflow.com/questions/4148499/how-to-style-a-checkbox-using-css */
.checkboxFive {
/*	width: 25px;
	width: 17px; */
/*	margin: 20px 100px; */
/*	margin-bottom: 8px; */
	position: relative;
}
.checkboxFive label {
	cursor: pointer;
	position: absolute;
/*	width: 25px;
	height: 25px; */
	width: 17px;
	height: 17px;
	top: 0;
  	left: 0;
/*	background: #eee; */
	background: #fff;
	border:1px solid #ddd;
}
.checkboxFive label:after {
	opacity: 0.1;
	content: '';
	position: absolute;
/*	width: 9px; */
	width: 8px;
	height: 5px;
	background: transparent;
/*	top: 6px;
	left: 7px; */
	top: 3px;
	left: 3px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	transform: rotate(-45deg);
}
.checkboxFive label:hover::after { opacity: 0.5; }
.checkboxFive input[type=checkbox]:checked + label:after { opacity: 1; }
.checkboxFive input[type=checkbox] { margin-right: 10px; vertical-align: middle; }
.checkboxFive input[type=checkbox] { margin-top: 0; }

.tel { font-size: 32px; }
ul.map { padding-left: 14px; }
ul.map .fa { color: #888; cursor: pointer; }
.btn_more .fa { color: #888; }
.btn_more .fas, .btn_more .far, .btn_more .fab { min-width: 18px; color: #444; }
.btn_more:hover .fas, .btn_more:hover .far, .btn_more:hover .fab { color: #fff; }

.menus_top_mobile, .menus_top_mobile_services { height: 42px; background-color: rgba(2, 111, 147, 0.15); display: none; }

.img_w100p { max-width: 100%; }

/* http://shpargalkablog.ru/2010/09/postroenie-ssylok-v-html.html */
.hash:target:before { content: ""; display: block; height: 3em; margin-top: -2em; visibility: hidden; }

.form_btn_submit:hover { opacity: 0.9; }
h2.more_info, h2.see_more { margin-top: 45px; }
#sddm li b { font-weight: 500; }
#sddm li a b { font-weight: bold; }
.fa-inverse { color: #fff !important; }
h3 .fa-stack { margin-bottom: 10px; }
.prices .fas, .prices .far, .prices .fab { color: #666; /*margin-right: 10px;*/ font-size: 180%; vertical-align: middle; min-width: 30px; }
.prices a:hover .fas, .prices a:hover .far, .prices a:hover .fab { color: #026f93; }
.prices p { margin-top: 0; }
.prices .col1, .prices .col2 { margin-bottom: 0; }
.zakaz_zvonka { float: right; line-height: 33px; }
.zakaz_zvonka a { color: #666; text-decoration: none; font-size: 12px; padding: 3px 10px; border-radius: 11px; border: 1px solid #666; 	font-family: 'Roboto', Arial, Tahoma, Verdana, Helvetica, sans-serif; }
.zakaz_zvonka a { color: #fff; border: 1px solid #328f17; background: #328f17; }
.zakaz_zvonka a:hover { background-color: #026f93; border: 1px solid #026f93; color: #fff; }
.banki_img img { width: 120px; height: 120px; margin: 0 10px 7px 0; }
.slick-carousel-partnery img, .slick-carousel-otzyvy img { margin: 10px auto; }
.mobile-show { display: none; }
#sddm #lightgrey .far { color: #888; margin-left: 5px; }

.price2 { text-align: center; border-collapse: collapse; }
.price2 tr td:nth-child(1) { text-align: left; /*width: 75%;*/ }
.price2-col2 tr td:nth-child(1) { width: 75%; }
.price2 td { border: 1px solid rgba(2, 111, 147, 0.05); border-width: 0 0 1px 0; }
.price2 td, .price2 th { padding: 11px 10px; vertical-align: middle; }
.price2 th { background-color: rgba(2, 111, 147, 0.05); }
.price2 tr:nth-child(1) th { background-color: rgba(2, 111, 147, 0.15); }
.price2 .no-bottom-border td { border-bottom: none; }

.btn_more_price, .btn_more_calc { font-size: 14px; margin-right: 10px; padding: 6px 12px 5px 12px; background-color: #ddd; text-decoration: none !important; border-radius: 2px; }
.btn_more_price:hover, .btn_more_calc:hover { background-color: #666; color: #fff; }
.btn_more_price:before, .btn_more_calc:before { content: '\f15c'; font-family: 'Font Awesome 5 Free'; font-weight: bold; min-width: 20px; color: #444; display: inline-block; }
.btn_more_calc:before { content: '\f1ec'; }
.btn_more_price:hover:before, .btn_more_calc:hover:before { color: #fff; }
.btn_more_price:after { content: 'Прайс-лист'; }
.btn_more_calc:after { content: 'Калькулятор'; }

.btn_price { font-size: 13px; padding: 3px 8px 4px 8px; background-color: rgba(2, 111, 147, 0.15); text-decoration: none; border-radius: 2px; margin-left: 10px; color: #333; }
.btn_price:hover { background-color: rgba(2, 111, 147, 1.0); color: #fff; }
.btn_price:before { content: 'прайс-лист'; white-space: nowrap; }


#lb_widget-root .lb_widget { background-color: rgba(255,255,255, 0.95) !important; }
#lb_widget-root .lb_footer { display: none; }




.col2-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin: 30px 0;
}
.col2-box {
	transition: all 0.1s ease-out 0s;
	/*padding: 30px;*/
	padding: 25px 30px 30px;
	/*box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);*/
	border-radius: 24px;
	/*border: 1px solid #e5e5e5;*/
}

.col3-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin: 30px 0;
}
.col3-box, .col3-container-uslugi-grid a {
	transition: all 0.1s ease-out 0s;
	/*padding: 30px;*/
	padding: 25px 30px 30px;
	/*box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);*/
	border-radius: 24px;
	/*border: 1px solid #e5e5e5;*/
}

.col4-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin: 30px 0;
}
.col4-box {
	transition: all 0.1s ease-out 0s;
	/*padding: 30px;*/
	padding: 25px 30px 30px;
	/*box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);*/
	border-radius: 24px;
	/*border: 1px solid #e5e5e5;*/
}


.col3-container-uslugi-grid { grid-column-gap: 30px; grid-row-gap: 30px; }
.col3-container-uslugi-grid a { text-decoration: none; border: 1px solid rgb(2, 111, 147); border-radius: 20px; border-radius: 0; padding: 0; background: none; }

/*.col3-container-uslugi-grid a:hover { background: rgba(2, 111, 147, 1); color: #fff; }
.col3-container-uslugi-grid a:hover p:last-of-type, .col3-container-uslugi-grid a:hover i { color: #fff; }

.col3-container-uslugi-grid a:nth-child(2n):hover { background: none; color: #222; }
.col3-container-uslugi-grid a:nth-child(2n):hover p:last-of-type { color: #333; }
.col3-container-uslugi-grid a:nth-child(2n):hover i { color: rgba(2, 111, 147, 1); }*/

.col3-container-uslugi-grid a .col3-box { background: none; }
.col3-container-uslugi-grid a .col3-box span { font-size: 120%; font-weight: bold; }
.col3-container-uslugi-grid a .col3-box { --pad-y: 55px; --pad-x: 30px; padding: var(--pad-y) var(--pad-x) 35px var(--pad-x); position: relative; }
.col3-container-uslugi-grid a .col3-box i { display: inline-block; transform-origin: right center; transition: transform .2s ease; will-change: transform; text-shadow: none; position: absolute; right: var(--pad-x); top: var(--pad-y); line-height: 1; padding: 0; margin: 0; }
.col3-container-uslugi-grid a:hover .col3-box i { transform: scaleX(2.5); }
.col3-container-uslugi-grid a .col3-box p:first-of-type { margin-top: 0; }
.col3-container-uslugi-grid a .col3-box p:last-of-type { color: #333; }
.col3-container-uslugi-grid a:nth-child(2n) { background: rgba(2, 111, 147, 1); color: #fff; }
.col3-container-uslugi-grid a:nth-child(2n) i { color: #fff; }
.col3-container-uslugi-grid a:nth-child(2n) p:last-of-type { color: #fff; }

.col2-box p:last-child, .col3-box p:last-child, .col4-box p:last-child, .col2-box ul:last-child, .col3-box ul:last-child, .col4-box ul:last-child, .col2-box ul li:last-child, .col3-box ul li:last-child, .col4-box ul li:last-child { margin-bottom: 0; }
.col2-container h4, .col3-container h4 { margin-top: 0; font-weight: bold; }
.col2-container p:first-child, .col3-container p:first-child, .col4-container p:first-child { margin-top: 0; }

.col2-box, .col3-box, .col4-box { background: rgba(2, 111, 147, 0.1); }
.col2-box:hover, .col3-box:hover, .col4-box:hover { background: rgba(2, 111, 147, 0.15); }
.col2-box, .col3-box, .col4-box, .uslugi-text { font-size: 17px; line-height: 1.5; font-weight: 400; }
.col2-box .fa-solid, .col2-box .fas, .col3-box .fa-solid, .col3-box .fas { color: rgba(2, 111, 147, 1); margin-bottom: 15px; text-shadow: 0 0 20px #fff; }

.col2-box-transparent, .col2-box-transparent:hover, .col3-box-transparent, .col3-box-transparent:hover { background: none; padding: 0; margin-top: 0; }
.col2-box.slick-carousel-center p:first-child, .col3-box.slick-carousel-center p:first-child { margin-top: 0; }

.kontur .col2-box, .kontur .col3-box, .kontur .col4-box { background: none; border: 2px solid rgba(2, 111, 147, 0.1); transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/ }
.kontur .col2-box ul, .kontur .col3-box ul, .kontur .col4-box ul { padding-left: 15px; }
.kontur .col2-box:hover, .kontur .col3-box:hover, .kontur .col4-box:hover { /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);*/ border-color: transparent; transform: translateY(-6px); box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1); }


/******************************************/
.leftmenu a img { display: none; }


.button.button_new.col2 br, .button.button_new.col3 br, .button.button_new.col4 br { display: none; }
.button_new b { display: block; margin-bottom: 15px; }
.button_new .rr_big { display: block; margin-top: 5px; font-family: 'Roboto', Arial, sans-serif; font-weight: 500; }
.promo-wrapper-bg .fas:before { /*content: '—';*/ content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: bold; color: #328f17; }
.promo-wrapper-bg .container p { padding: 15px 0 0 0; }
.promo-wrapper-bg .container p.morebutton-p { padding-top: 25px; }

.promo-wrapper-bg .container a.morebutton, .theme-default .nivo-caption a.morebutton { border: none; background: #19AEE0; border: 2px solid #19AEE0; border-radius: 4px; border-radius: 24px; font-weight: 500; font-family: 'Roboto', Arial, sans-serif; }
.promo-wrapper-bg .container a.morebutton:hover, .theme-default .nivo-caption a.morebutton:hover { color: #19AEE0 !important; background: #fff; }


.promo-wrapper-bg { background-color: rgba(255, 255, 255, 0.4) !important; }
.promo-wrapper-bg .container { color: #333; text-shadow: none; }
.promo-wrapper-bg .container h2, .promo-wrapper-bg .container h2 b { color: #222 !important; }
.promo-wrapper-bg .container h2 sup, .promo-wrapper-bg .container h2 sup b { color: #328f17 !important; }
.promo-wrapper-bg .container b, .promo-wrapper-bg .container span, .promo-wrapper-bg .container .fa, .promo-wrapper-bg .container .fas, .promo-wrapper-bg .container .fab, .promo-wrapper-bg .container .far { color: #333 !important; }

#result_form_v, #result_form_h { text-align: center; margin-top: 10px; }



/********************** dropdownmenu.css ********************************/
#sddm {	display: flex; margin: 0; padding: 0; z-index: 1000000; }
#sddm li { flex: 1 1 auto; margin: 0; padding: 0; list-style: none; float: left; font-size: 18px; font-family: 'Roboto', Arial, 'Cuprum', 'PT Serif', Cambria, Georgia, Trebuchet MS, Impact, Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#sddm li a { font-size: 19px; font-weight: 500; letter-spacing: 0.04em; display: block; margin-right: 25px; width: auto; text-align: center; text-decoration: none; line-height: 50px; color: rgba(255, 255, 255, 0.95); text-align: left; }
/*#sddm li a:hover { color: rgba(255, 255, 255, 1); }
#sddm li a.current { color: rgba(255, 255, 255, 1); }*/
#sddm li a:hover { color: rgba(255, 255, 0, 0.9); }
#sddm li a.current { color: rgba(255, 255, 0, 0.9); }
#sddm li a.current:hover { margin-bottom: 0px; }
#sddm li a.last_item { margin-right: 0; }
#sddm div {	
	letter-spacing: 0;
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #f6f6f6;
	/*margin-left: 15px;*/
	/*margin-top: 8px;*/
	z-index: 1000001;
	border-radius: 0 8px 8px 8px;
	-moz-border-radius: 0 8px 8px 8px;
	-webkit-border-radius: 0 8px 8px 8px;
	box-shadow: 0px 5px 15px 0px rgba(190, 190, 190, 0.9);
	-moz-box-shadow: 0px 5px 15px 0px rgba(190, 190, 190, 0.9);
	-webkit-box-shadow: 0px 5px 15px 0px rgba(190, 190, 190, 0.9);
}
#sddm div a { position: relative; display: block; margin: 0; margin: 3px; padding: 5px 7px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; color: #333; font-size: 14px; font-family: Arial, Calibri, Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-transform: none; line-height: 1; }
#sddm div a.curr { border: none; background-color: #d8e5ea; border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px; color: #026f93; }
#sddm div a:hover { border: none; background-color: #e2e2e2; border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px; color: #026f93; }
#sddm li b { line-height: 20px; }

#sddm li span.caption { display: block; padding: 15px 10px 3px 10px; text-align: left; font-weight: bold; font-size: 14px; font-family: Arial; color: #222; }


#sddm div#m_all {
	/*left: 0px;*/
	left: -135px; /* „лЯ бывшей ширины контейнера 1140px: (1140 - 1410)/2  */
	left: -105px; /* „лЯ новой ширины контейнера 1200px: (1200 - 1410)/2  */
	/*width: 100%;*/
	/*max-width: 1090px;*/
	width: 1410px;
	margin-left: 0px;
	/*padding-bottom: 5px;*/
	max-height: 500px;
	overflow-y: auto;
	
}
#sddm div#m_all .col4 { margin-bottom: 0; }
#sddm div#m_all .col4 a b { color: #026f93; font-size: 14px; }
/*#sddm div#m_all { padding: 10px; }*/
#sddm div#m_all a { white-space: normal; padding: 4px 7px; font-size: 13px; }





#sddm2 { margin: 0; padding: 0; z-index: 1000000; }
#sddm2 li { margin: 0; padding: 0; list-style: none; float: left; font-size: 13px; }
#sddm2 li a {	
	display: block;
	width: auto;
	text-align: center;
	text-decoration: none;
	color: #666;
	line-height: 35px;
	/*padding: 0 17px;*/
	padding-right: 30px;
	font-family: 'Roboto', Arial, Tahoma, Verdana, Helvetica, sans-serif;
}
#sddm2 li:last-child a { padding-right: 0; }
#sddm2 li.topmenu_sep { width: 1px; line-height: 35px; background-color: rgba(255, 255, 255, 0.1); display: none; }
#sddm2 li a:hover {	/*background-color: rgba(255, 255, 255, 0.4);*/ color: #026f93; }
#sddm2 li a.current { /*background-color: rgba(255, 255, 255, 0.5);*/ color: #026f93; }
#sddm2 li a.current:hover {	margin-bottom: 0px; }
#sddm2 div {	
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	/*background: url(../img/bg_topmenu_sub.png) top left repeat;*/
	background: #f6f6f6;
	margin-left: 15px;
	margin-top: 3px;
	z-index: 1000001;
	border-radius: 0 8px 8px 8px;
	-moz-border-radius: 0 8px 8px 8px;
	-webkit-border-radius: 0 8px 8px 8px;
	box-shadow: 0px 1px 10px 0px #aaa;
	-moz-box-shadow: 0px 1px 10px 0px #aaa;
	-webkit-box-shadow: 0px 1px 10px 0px #aaa;
}
#sddm2 div a { position: relative; display: block; margin: 0; margin: 3px; padding: 5px 10px; padding: 3px 6px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; color: #333; font-size: 14px; font-weight: normal; text-transform: none; }
#sddm2 div a:hover { border: none; background-color: #e2e2e2; border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px; color: #026f93; }
/********************** dropdownmenu.css ********************************/

.wa-corner { position: fixed; right: 40px; bottom: 40px; background: #00e676; width: 80px; height: 80px; text-align: center; border-radius: 50px; z-index: 999; }
.wa-corner a { color: #fff; }
.wa-corner a .fab { line-height: 80px; }

/*.slick-carousel-vygoda p:first-child { font-weight: 500; padding: 0; margin: 25px 0 10px 0; font-family: 'Roboto', Arial, 'PT Serif', Cambria, Georgia, Trebuchet MS, Impact, Tahoma, Verdana, Helvetica, sans-serif; font-size: 20px; line-height: 1.3; }
.slick-carousel-vygoda p:first-child .fa-stack, .slick-carousel-vygoda p:first-child .fa, .slick-carousel-vygoda p:first-child .fas { margin-bottom: 10px; }
.slick-carousel-vygoda p:first-child .fas, .slick-carousel-vygoda p:first-child .far, .slick-carousel-vygoda p:first-child .fab, .slick-carousel-vygoda p:first-child .fa { min-width: 25px; }*/

.slick-carousel-center p { font-size: 16px; }
.slick-carousel-center p:first-child { font-weight: 500; padding: 0; margin: 25px 0 10px 0; font-family: 'Roboto', Arial, 'PT Serif', Cambria, Georgia, Trebuchet MS, Impact, Tahoma, Verdana, Helvetica, sans-serif; font-size: 20px; line-height: 1.3; }
.slick-carousel-center p:first-child .fa-stack, .slick-carousel-center p:first-child .fa, .slick-carousel-center p:first-child .fas { margin-bottom: 10px; }
.slick-carousel-center p:first-child .fas, .slick-carousel-center p:first-child .far, .slick-carousel-center p:first-child .fab, .slick-carousel-center p:first-child .fa { min-width: 25px; }

.slick-slide img { max-width: 200px; height: auto; }
.mob-hide { display: inline; }
.mob-show { display: none; }


.slick-carousel-otzyvy-text.slick-slider {
  display: flex;
  flex-wrap: nowrap;
}

.slick-carousel-otzyvy-text .slick-track {
  display: flex !important;
  align-items: stretch;
}

.slick-carousel-otzyvy-text .slick-slide {
  height: auto !important; /* отключаем стандартную высоту Slick */
  display: flex;
  flex-direction: column;
}

.slick-carousel-otzyvy-text .slick-slide > div {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.slick-carousel-otzyvy-text .slick-slide .your-slide-content {
  flex: 1;
}


.payments-logos { height: 100%; max-height: 28px; width: auto; }

/*.nth-col3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	margin: 30px 0;
}
.nth-col3 .col3 {
	transition: all 0.1s ease-out 0s;
	padding: 30px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	width: auto;
	margin: 0;
}
.button a:link, .button a:active, .button a:visited, .button a:hover {
	border-top:  none;
	padding: 0;
	background-color: transparent;
}*/

/********************** media.css ********************************/
/* http://sampleweb.ru/articles/usloviya-css-dlya-ekrana/ */

/* iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	.share42init { display: none; }
}

/* iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.container { width: 100%; max-width: 1000px; }
	#sddm2 li { font-size: 15px; }
	.button_new { max-width: 350px; }
	/*#sddm li a { margin-right: 15px; }*/
	#sddm li a { margin-right: 0; }
	#sddm li { font-size: 16px; }
	.promo-wrapper-bg .container, .promo-wrapper-bg-left .container { min-width: 98%; width: 98%; }
}

/* iPad in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}

/* Retina iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Retina iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {}

/* Retina iPad in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {}

/* iPad 1 & 2 in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1){}

/* iPad 1 & 2 in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1)  {}

/* iPad 1 & 2 in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {}

@media only screen and (min-width: 769px) and (max-width: 1159px) {
	td.logo { width: 130px; }
	td.logo img { max-width: 120px; height: auto; }
	.zakaz_zvonka { display: none; }
	#sddm li a { letter-spacing: -0.5px; }
	#sddm2 { display: flex; }
	#sddm2 li { flex: 1 1 auto; }
}

/*@media only screen and (max-width: 1100px) { */
@media only screen and (max-width: 1160px) {
	#sddm2 li a { padding-left: 10px; padding-right: 10px; }
	/*#sddm li a { margin-left: 12px; }*/
	#sddm li { font-size: 18px; }
	.container { width: 98%; }
	.slick-prev { left: 0 !important; z-index: 1; }
	.slick-next { right: 0 !important; }
	.div_picture .container { width: 95% !important; }
	.div_topmenu_services {}
	.promo-wrapper-bg .container, .promo-wrapper-bg-left .container { min-width: 95%; width: 95%; }
	#top_nav { padding-top: 9px; }
}
@media only screen and (max-width: 1360px) {
	/*#sddm div#m_all { width: 100%; left: 0; }*/
}
/*@media only screen and (max-width: 768px) {*/
@media only screen and (max-width: 1024px) {
	.menus_top_mobile_services { display: none; }
	.mob-hide { display: none; }
	.mob-show { display: inline; }
	/*.menus_top_mobile { position: relative; top: 96px; }
	.menus_top_mobile_services { position: relative; top: 96px; }
	.menus_top_mobile_services:after { content: ""; clear: both; display: block }*/
	h1 { line-height: 36px; }
	h2 { line-height: 32px; }
	#sddm  div, .share42init, .phone b { display: none; }
	#sddm li { font-size: 17px !important; padding-top: 3px !important; }
	td.slogan, .leftmenu, .div_picture, .div_picture_index { display: none; }
	.text { padding: 0; margin-left: 0 !important; border-left: none; width: 100% !important; }
	.btn_more_big  { padding: 9px 20px !important; }
	.div_topmenu_services, nav { display: none; }
	/*.menus_top_mobile, .menus_top_mobile_services { display: block; }*/
	.menus_top_mobile { display: block; }
	nav { background-image: linear-gradient(to top, #3c6a7f, #7ba8b4); background-color: #3c6a7f; height: auto; overflow: auto; }
	.container { width: 95%; max-width: 1200px; }
	#sddm2 li { font-size: 15px; }
	#sddm2 li a, #sddm2 li.topmenu_sep { line-height: 30px; padding-left: 10px; padding-right: 10px; }
	#sddm2 li.topmenu_sep { display: none; }
	.button_new { /* width: 100%; */ margin: 0 0 10px 0; line-height: 18px; }
	td.foot_name, td.foot_addr, td.logo  { width: auto; }
	td.logo img { max-width: 100px; height: auto; }
	td.foot_name2, td.foot_addr2 { display: none; }
	.phone { font-size: 28px; line-height: 14px;}
	/*.tel { font-size: 28px; }*/
	.tel, .tel .prefix { font-size: 24px; }
	.div_maincontent, .div_maincontent_nopadding { margin-top: 0; /*padding-top: 10px;*/ }
	.table_index td { font-size: 10px; }
	header { padding: 15px 0 13px 0; /*position: fixed; width: 100%; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);*/ }
	.col2, .col3, .col4 { width: 100%; margin: 0 0 20px 0; }
	
	/*.col4 { width: calc((100% - 10px)/2); margin-right: 10px; }
	.nth-col4 .col4:nth-child(2n), .col4:nth-child(2n) { margin-right: 0; }*/
	.col4.button b { font-size: 17px; }
	.col4.button a:link { padding-right: 0; }
	
	.reveal-modal { top: 50px;  left: 0; margin: 0; max-width: 90%; }
	.promo-wrapper-bg { padding: 20px 0; }
	.promo-wrapper-bg .container h2 { font-size: 34px; line-height: 36px; }
	.promo-wrapper-bg .container h2 sup { line-height: 0.5; font-size: 60%; /*position: absolute; font-size: 100%; margin-left: 7px;*/ }
	.promo-wrapper-bg .container p { font-size: 110%; /*line-height: 1.3;*/ }
	.promo-wrapper-bg .container, .promo-wrapper-bg-left .container { min-width: 95%; width: 95%; }
	.promo-wrapper-bg-pic { background-image: none; }
	.promo-wrapper-bg .container .fa { min-width: 24px; }
	.morebutton-p { line-height: 2.6; }
	* { box-sizing: border-box; }
	table.price, table.calc, table.text_in_text, .price2 { display: block; width: 100%; max-width: 100%; overflow: auto; }
	table.price td, table.price th, table.calc td, table.calc th, .price2 td, .price2 th { /*font-size: 13px;*/ }
	.price2 td, .price2 th { }
	.slick-prev { left: 0 !important; z-index: 1; }
	.slick-next { right: 0 !important; }
	.slick-slide img { max-width: 150px; height: auto; }
	.bread { margin-top: 0; }
	.fon-2 form input { width: 100%; }
	img.service { margin-bottom: 32px; }
	.col4 img.service { margin-bottom: 42px; width: 20px !important; height: 20px !important; }
	
	.imgcustom.fright, .imgcustom.fright.imgsize300, .fright.imgsize300 { max-width: 162px; height: auto; margin: 0 0 10px 10px; }
	.imgcustom.fright, .imgcustom.fright.imgsize350, .fright.imgsize350 { max-width: 162px; height: auto; margin: 0 0 10px 10px; }
	.imgcustom.fright, .imgcustom.fright.imgsize400, .fright.imgsize400 { max-width: 162px; height: auto; margin: 0 0 10px 10px; }
	.fa-stack .fa { padding-right: 0; }
	.promo-wrapper-bg .container .morebutton, .promo-wrapper-bg-left .container .morebutton { margin-right: 5px; }
	.fon-2 h2 { line-height: 42px; }
	.mobile-hide { display: none; }
	.mobile-show { display: inline; }
	.mobile-show .fa-whatsapp { margin-left: 10px; line-height: 0.4; font-size: 95%; color: #00e676; display: inline; }
	.promo-wrapper-bg-pic-1, .promo-wrapper-bg-pic-2, .promo-wrapper-bg-pic-3 { background: none; }
	.hash:target::before { height: 0.7em; }
	.btn_more_p { line-height: 2.2; }
	.partners { width: calc((100% - 10px - 2px)/2); height: auto; margin: 0 10px 10px 0; display: inline-block; float: left; }
	.partners:nth-child(6n) { margin-right: 10px; }
	.partners:nth-child(2n) { margin-right: 0; }
	.inner_center { font-size: 19px; padding: 20px; }
	.promo-wrapper-bg .container .fa, .promo-wrapper-bg .container .fas, .promo-wrapper-bg .container .fab, .promo-wrapper-bg .container .far { min-height: 35px; float: left; padding-top: 4px; }
	#content ul, #content ol { padding-left: 25px; }
	.promo-wrapper-bg .container a.morebutton { display: inline-block; margin-bottom: 5px; line-height: 15px; }
	.promo-wrapper-text { width: 100%; margin-right: 0; margin-bottom: 20px; }
	.promo-wrapper-form { width: 100%; }
	.wa-corner { right: 20px; bottom: 20px; }


	.col2-container, .col3-container, .col4-container, .col3-container-uslugi-grid { display: block; margin-top: 20px; margin-bottom: 20px; }
	.col2-box, .col3-box, .col3-container-uslugi-grid a { margin-bottom: 20px; }
	.col2-container h4, .col3-container h4 { font-size: 1.3rem; line-height: 1.35; }
	
	
	/*header { position: fixed; width: 100%; background: #fff; z-index: 999999; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
	.menus_top_mobile { padding-top: 96px; background-color: transparent; }
	.menus_top_mobile_services { padding-top: 42px; background-color: transparent; }
	.menus_top_mobile .container, .menus_top_mobile_services .container { height: 42px; background-color: rgba(2, 111, 147, 0.15); width: 100%; }
	#content, .promo { padding-top: 42px; }*/

	header { position: fixed; top: 0; width: 100%; background: #fff; z-index: 999999; }
	.menus_top_mobile { background-color: #d9eaef; position: fixed; 			top: 96px; 	top: 110px; width: 100%; z-index: 999999; padding-left: 10px; }
	.menus_top_mobile_services { background-color: #d9eaef; position: fixed; 	top: 138px;	top: 152px; width: 100%; z-index: 999998; padding-left: 10px; }
	.menus_top_mobile .container, .menus_top_mobile_services .container { height: 42px; width: 100%; }
	#content, .promo { padding-top: 100px; }
	.gamburger4, .gamburger104 { width: calc(100% - 10px) !important; position: relative; }
	
	
	
	/*td.logo { display: block; width: 30%; float: left; }
	td.phone { display: block; width: 70%; float: right; }
	.mob-slogan.mob-show { display: block; }*/
	tr.mob-slogan.mob-show { display: table-row; }
	td.mob-slogan.mob-show { display: table-cell; font-size: 14px; text-align: center; padding: 5px; font-weight: 500; }

}
/********************** media.css ********************************/



.call_buttons {
    padding: 30px;
    background-color: rgba(2, 111, 147, 0.1);
	position: fixed;
	bottom: -100px;
	right: -100px;
	opacity: 0;
	border-top-left-radius: 30px;
	z-index: 999;
}
.call_buttons a {
	display: block;
	margin-bottom: 20px;
	text-align: center;
	font-size: 85%;
	text-decoration: none;
	width: 100%;
	max-width: 70px;
	transition: all 0.1s ease-out 0s;
}
.call_buttons a div {
	padding: 15px 14px;
	border-radius: 10px;
	font-size: 250%;
	color: #fff;
	margin-bottom: 5px;
}
.call_buttons a div .fab, .call_buttons a div .fas { padding-right: 0; color: #fff; }

.call_buttons a:hover { opacity: 0.8; }
/*.call_buttons a:nth-child(1) div { background-color: #00e676; }
.call_buttons a:nth-child(2) div { background-color: #2ca5e0; }
.call_buttons a:nth-child(3) div { background-color: #328f17; }*/
.call_buttons a:last-child { margin-bottom: 0; margin-right: 0; }
.to-top-btn { right: 150px; bottom: 15px; }


.slick-carousel-otzyvy-text.slick-initialized .slick-slide { padding: 0 25px; background-color: rgb(2, 111, 147, 0.05); margin: 0 20px 20px 20px; border-radius: 20px; }
.slick-carousel-otzyvy-text p { font-style: italic; }
.slick-carousel-cases-text.slick-initialized .slick-slide { padding: 0 25px 25px 25px; background-color: rgb(2, 111, 147, 0.05); margin: 0 20px 20px 20px; border-radius: 20px; }


.slick-carousel-otzyvy-text .title, .slick-carousel-cases-text .title { font-size: 24px; margin-bottom: 20px; font-weight: bold; font-style: normal; }

/*.cases-problem { background: rgba(213, 3, 3, 0.1); padding: 10px 15px; border-radius: 10px; margin-bottom: 20px; }
.cases-problem span { color: rgba(213, 3, 3, 1); font-weight: bold; font-size: 20px; }
.cases-work { padding: 10px 15px; margin-bottom: 20px; }
.cases-work span { font-weight: bold; font-size: 20px; }
.cases-reshenie { background: rgba(73, 170, 45, 0.1); padding: 10px 15px; border-radius: 10px; }
.cases-reshenie span { color: rgba(73, 170, 45, 1); font-weight: bold; font-size: 20px; }*/

.cases-problem { margin-bottom: 20px; }
.cases-problem span { color: rgba(213, 3, 3, 1); font-weight: bold; font-size: 20px; }
.cases-work { margin-bottom: 20px; }
.cases-work span { font-weight: bold; font-size: 20px; }
.cases-reshenie { }
.cases-reshenie span { color: rgba(73, 170, 45, 1); font-weight: bold; font-size: 20px; }


@media only screen and (max-width: 768px) {
	.call_buttons {
		/*padding: 20px 0 8px 0;*/
		padding: 15px;
		/*width: 100%;*/
		background-color: rgba(0,0,0,0.4);
		/*right: 0 !important;*/
		/*border-top-left-radius: 0;*/
		text-align: center;
		border-top-left-radius: 20px;
	}
	.call_buttons a {
		/*display: inline-block;*/
		/*margin-bottom: 0;*/
		/*margin-right: 30px;*/
		color: #fff;
	}
	.call_buttons a:nth-child(3) { margin-right: 0; }
	.to-top-btn { right: 10px; bottom: 120px; }
}
/* audit P8: чекбокс согласия и подпись под кнопкой формы lead_short —
   модалка «Заказать звонок» (v) и футер (h, тёмный фон .fon-2). */
.form_consent_v { font-size: 13px; line-height: 1.35; color: #888; text-align: left; margin: 14px 0; clear: both; }
.form_consent_h { font-size: 12px; color: #888; text-align: left; margin: 10px 0; clear: both; }
.form_consent_v label, .form_consent_h label { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; }
.form_consent_v input[type="checkbox"], .form_consent_h input[type="checkbox"] { flex: 0 0 auto; width: 16px; height: 16px; margin: 2px 0 0 0; padding: 0; border-radius: 0; }
.form_consent_v a, .form_consent_h a { color: #888; }
.form_consent_v a:hover, .form_consent_h a:hover { color: #333; }
.form_note_v { font-size: 13px; color: #888; margin-top: 14px; text-align: center; }
.form_note_h { font-size: 11px; color: #888; margin-top: 8px; }
.fon-2 .form_consent_h, .fon-2 .form_note_h { color: #fff; }
.fon-2 .form_consent_h a, .fon-2 .form_note_h a { color: #fff; }
.fon-2 .form_consent_h a:hover, .fon-2 .form_note_h a:hover { color: #ddd; }
@media only screen and (max-width: 480px) {
	.form_consent_v label, .form_consent_h label { font-size: 12px; }
	.form_consent_h { margin: 8px 0; }
}

/* audit P8 (09.2026, замечание заказчика): кнопка «Перезвоните мне» была
   плоской тёмно-зелёной с рамкой (border-color совпадал с фоном, но
   браузерный border-style по умолчанию — outset — рисовал бликовую рамку;
   border-radius не задавался — прямые углы), а отступы между полем,
   чекбоксом согласия, кнопкой и подписью в hero-карточке
   («Отправьте заявку», .promo-wrapper-form, template-parts/hero.php) и
   модалке «Заказать звонок» (#myModal2, вариант v — ap_form_html() в
   inc/shortcodes.php) плясали: между текстовыми полями стояли `<br><br>`
   (убраны в обоих местах рендера варианта v), а отступ перед чекбоксом
   задавался ещё и padding-ом в hero-контексте поверх общего margin —
   получалось то 10px, то 25px. Единый ритм 14px — ниже, через margin на
   прямых потомках формы (`>` не задевает вариант h — там поля обёрнуты в
   `.nth-col3 > .col3`, раскладка другая, не трогаем). Кнопка приведена к
   «пилюлям» сайта под hero-заголовком (.morebutton в .promo-wrapper-bg —
   «Выбрать тариф», «Заказать звонок»: #19AEE0, border-radius 24px, шрифт
   Roboto/500): без рамки, то же скругление/цвет/шрифт, высота 46px,
   ширина 100% формы (как у полей — `.promo-wrapper-form input` уже
   width:100%), hover — на ~10% темнее (#179DCA). Мобильный hero главной
   (.ap-mobile-hero, template-parts/home-mobile-hero.php) — отдельная
   разметка, не трогаем. */
form[name="forma_reveal"] > input[type="text"] { margin-bottom: 14px; }
form[name="forma_reveal"] > input[type="submit"] { margin-top: 14px; }
.promo-wrapper-form input[type="submit"],
#myModal2 form input[type="submit"] {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 46px;
	line-height: 46px;
	padding: 0 20px;
	background-color: #19AEE0;
	color: #fff !important;
	border: 0;
	border-radius: 25px;
	font-size: 15px;
	font-weight: 500;
	font-family: 'Roboto', Arial, sans-serif;
	cursor: pointer;
	transition: background-color 0.15s ease-out;
}
.promo-wrapper-form input[type="submit"]:hover,
#myModal2 form input[type="submit"]:hover {
	background-color: #179DCA;
	color: #fff !important;
}

/* audit P2/P3: мобильный первый экран главной не вёл к заявке — Nivo-слайдер
   (template-parts/home-slider.php) на ≤767px скрыт выше (.div_picture_index
   в блоке max-width:1024), а из оставшегося (шапка, H1-слоган, абзац «о
   компании») ни один элемент не был ссылкой/кнопкой заявки. Блок ниже
   печатается в front-page.php ПЕРЕД <h1> (template-parts/home-mobile-hero.php),
   на десктопе не виден. Кнопка в мобильной синей полосе шапки —
   assets/partials/mobmenu-before.html. Цвет полосы (#026f93) — тот же, что
   у .menus_top_mobile (assets/partials/mobmenu-before.html inline <style>). */
.ap-mobile-hero { display: none; }
@media only screen and (max-width: 767px) {
	.ap-mobile-hero {
		display: block;
		background-color: #026f93;
		color: #fff;
		text-align: center;
		padding: 18px 16px 16px;
		margin: -10px -10px 16px;
	}
	.ap-mobile-hero-title { font-size: 19px; line-height: 1.25; font-weight: 700; margin: 0 0 8px; }
	.ap-mobile-hero-subtitle { font-size: 14px; line-height: 1.4; margin: 0 0 16px; color: #e3f3f9; }
	.ap-mobile-hero-subtitle b, .ap-mobile-hero-subtitle strong { color: #fff; }
	.ap-mobile-hero-buttons { display: flex; flex-wrap: wrap; gap: 8px; }
	.ap-mobile-hero-btn {
		flex: 1 1 calc(50% - 4px);
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		padding: 11px 8px;
		border-radius: 22px;
		font-size: 14px;
		font-weight: 600;
		text-decoration: none !important;
		white-space: nowrap;
		transition: opacity 0.15s ease-out;
	}
	.ap-mobile-hero-btn:hover { opacity: 0.85; }
	.ap-mobile-hero-btn i { font-size: 15px; }
	.ap-mobile-hero-btn-call, .ap-mobile-hero-btn-wa { background-color: #fff; color: #026f93 !important; }
	.ap-mobile-hero-btn-order { flex-basis: 100%; background-color: #328f17; color: #fff !important; }
}
@media only screen and (max-width: 360px) {
	.ap-mobile-hero-title { font-size: 17px; }
	.ap-mobile-hero-btn { font-size: 12px; padding: 10px 4px; gap: 4px; }
}

/* --- кнопка «Заказать звонок» в мобильной синей полосе (menus_top_mobile) --- */
@media only screen and (max-width: 1024px) {
	.mobmenu-actions { display: flex; align-items: center; gap: 8px; float: right; }
	.mobmenu-call-btn {
		background-color: #328f17;
		color: #fff !important;
		font-size: 12px;
		font-weight: 600;
		line-height: 1.1;
		padding: 8px 10px;
		border-radius: 14px;
		text-decoration: none !important;
		white-space: nowrap;
	}
	.mobmenu-call-btn:hover { background-color: #fff; color: #026f93 !important; }
}
@media only screen and (max-width: 400px) {
	.mobmenu .phone { font-size: 18px !important; }
	.mobmenu-call-btn { font-size: 11px; padding: 7px 8px; border-radius: 12px; }
	.mobmenu-actions { gap: 4px; }
	.menu-btn { margin-right: 2px; }
}

/* --- плавающие кнопки (footer/floating-buttons.php) поднимаются, пока
   виден cookie-баннер, чтобы тот его не перекрывал (jquery.cookieMessage.js
   добавляет/убирает класс has-cookie-banner на body) --- */
@media only screen and (max-width: 767px) {
	body.has-cookie-banner #call_buttons { bottom: 148px !important; }
}

/* --- модалка «Заказать звонок» (#myModal2, template-parts/footer/call-modal.php,
   не трогаем сам файл) на телефоне уезжала за левый край экрана: базовая
   позиция (reveal.css: left:50%; margin-left:-300px) печатается в подвале —
   ПОСЛЕ styles.css — и при равной специфичности класса побеждает мобильный
   оверрайд `.reveal-modal` выше (правило старое, до этой правки, строка
   с `top: 50px; left: 0; margin: 0;` в блоке max-width:1024px) порядком в
   каскаде, а не наоборот. До сих пор было незаметно — открыть модалку
   кнопками «Заказать звонок» мешал другой баг (см. правку выше,
   template-parts/footer/scripts.php). ID-селектор + !important гарантированно
   перебивают reveal.css независимо от порядка подключения. */
@media only screen and (max-width: 1024px) {
	#myModal2.reveal-modal { left: 5% !important; margin-left: 0 !important; width: 90% !important; max-width: 90% !important; }
}

/* --- доработка по итогам проверки: поля формы в модалке «Заказать звонок»
   (#myModal2, вариант `v` — ap_form_html() в inc/shortcodes.php, форму не
   трогаем) не имели width — браузер рисовал их дефолтным размером
   (~20 символов) и «Ваш телефон (обязательн…» обрезался. Оба поля теперь
   на всю ширину формы (= ширина модалки за вычетом её padding). Цвет/
   скругление/отступы кнопки — см. блок «audit P8» выше (styles.css,
   ~строка 1250): кнопка модалки и hero-карточки стилизуются одним
   правилом. */
#myModal2 form { box-sizing: border-box; }
#myModal2 form input[type="text"] {
	box-sizing: border-box;
	width: 100%;
	display: block;
}

/* audit P16: заголовок модалки «Заказать звонок» (template-parts/footer/
   call-modal.php) был лишним <h2> на каждой странице — заменён на
   `.h2-like`. Правила ниже дословно повторяют то, что до этого давали
   базовые селекторы `h2, h4, h5, h6` / `h2` (строки 25–32) и медиа-запрос
   ≤1024px (строка ~1050) — вид модалки не меняется. */
#myModal2 .h2-like {
	font-family: 'Roboto', Arial, 'PT Serif', Cambria, Georgia, Trebuchet MS, Impact, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 600;
	color: #026f93;
	padding: 0;
	margin: 25px 0 20px 0;
	line-height: 1.3;
}
@media only screen and (max-width: 1024px) {
	#myModal2 .h2-like { line-height: 32px; }
}

/* audit P18: призыв «Оставьте номер…» рядом со статусом «(сегодня выходной)»
   в шапке (template-parts/header/contacts.php) — мелкой строкой, тем же
   шрифтом, что и сам статус, без переноса в отдельный блок. */
.weekend-cta { font-size: 11px; color: #888; display: inline-block; }
/* 2026-09 sync: карточки услуг как на бою (сверка с
   https://www.audit-pro.com/yuridicheskie-uslugi/, слепок css/styles.css
   от 15.09.2026, last-modified боя 15.09.2026). Разметка не менялась
   (`.button.button_new.col3` — template-parts/blocks/services_grid.php),
   поменялся только внешний вид: акцентная полоса переехала сверху налево
   и добавилось скругление карточки, крупнее заголовок/иконка/отступы,
   сетка — на flex+gap вместо float (у сетки направлений на главной те же
   классы `.nth-col3`/`.col3` — их тоже касается). Прочие отличия боевого
   CSS в этом слепке (типографика h1/h2, цвет пунктов меню #sddm/#sddm2,
   новый блок `.col2.center.left` с fa-stack, переименование классов формы
   promo-wrapper) — НЕ перенесены, см. итоговый ответ в чате: либо не
   относятся к карточкам услуг, либо у нас уже новее после аудита
   P2/P3/P8/P9/P16/P18. */
.button a:link, .button a:active, .button a:visited, .button a:hover {
	padding: 30px 30px 30px 25px;
	font-size: 15px;
	border-top: none;
	border-left: 8px solid rgba(2, 111, 147, 0.1);
	border-radius: 24px;
}
.button b { font-size: 24px; font-family: inherit; line-height: 1.3; }
.button_new b { margin-bottom: 20px; }
img.service { margin: 0 15px 100px 0; }
.col1 p, .col2 p, .col3 p, .col4 p, .col3 ul, .col4 ul { font-size: 15px; }

.nth-col3, .nth-col4 { display: flex; flex-wrap: wrap; gap: 24px; margin: 50px 0; }
.col3 { width: 100%; flex: 1 1 300px; margin: 0; display: flex; }
.col3.center { display: block; }
.button a { flex: 1; }
.col4 .button a { display: flex !important; }

@media only screen and (max-width: 1024px) {
	.col2, .col3, .col4 { width: 100%; margin: 0; }
	/* без этого override ниже старая мобильная img.service{margin-bottom:32px}
	   (styles.css, блок max-width:1024px выше) проигрывала бы каскад нашему
	   новому базовому margin-bottom:100px (он теперь физически ниже в файле) —
	   на боевом сайте эти два правила идут в обратном порядке (100px раньше),
	   поэтому там мобильный override и без этой строки побеждал сам. */
	img.service { margin-bottom: 32px; }
}
/* 2026-09 sync (продолжение): остальные отличия боевого CSS в этом же
   слепке — критерий проекта "ровно как на бою", переносим точечно и их,
   хотя вне карточек услуг. НЕ перенесены только классы форм
   (.form_dop_text_v/.form_dop_text_h и всё вокруг .promo-wrapper-form) —
   это старое боевое именование, у нас после аудита P8/P9 новее
   (.form_consent_v/.form_consent_h с чекбоксом согласия), переносить назад
   было бы регрессом. */
h1, h2, h4, h5, h6 { font-size: 38px; }
h1 { font-weight: 650; }
a { transition: all 0.15s; }
#sddm a { transition: none; }
td, input, select, textarea, main, #content { font-size: 17px; color: #333; }
.imgcustom, .imgphoto { border: 1px solid rgba(2, 111, 147, 0.1); border-radius: 24px; }
.col2 h3, .col3 h3 { font-weight: 600; font-size: 24px; }
.col2.center.left, .col3.center.left, .col4.center.left { text-align: left; border-radius: 24px; padding: 30px; border: 1px solid rgba(2, 111, 147, 0.1); }
.col2.center.left .fa-stack, .col3.center.left .fa-stack, .col4.center.left .fa-stack { float: right; width: 2em; }
.col2.center.left .fa-stack + br, .col3.center.left .fa-stack + br, .col4.center.left .fa-stack + br { display: none; }
.col2.center.left p:last-child, .col3.center.left p:last-child, .col4.center.left p:last-child { margin-bottom: 0; }
.col2.center.left .fa-stack .fa, .col3.center.left .fa-stack .fa, .col4.center.left .fa-stack .fa { padding-right: 8px; color: rgba(2, 111, 147, 0.2); }
#sddm li a:hover { color: #E6C56A; }
#sddm li a.current { color: #E6C56A; }
#sddm2 li a { padding-right: 50px; }