:root{
    --dark: #2b2b33;
	--gray: #6a6a75;
	--mlgray: #9a9aab;
	--lgray: #b1b1b5;
	--dgray: #585867;
	--light: #e8e8ec;
	--xlight: #f6f6f9;
	--red: #e72121;
}

html {
	font-size: 18px;
	font-size: calc( (100vw  -  480px)/(1980  -  480) * (18  -  15)   +   15px);
	-ms-touch-action: manipulation;
	touch-action: manipulation; /*remove 300ms on WindowPhone*/
}
body {
	font-size: 0.9rem;
	font-family: Montserrat, Roboto, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	line-height: 1.8;
	color: #585867;
}





.wrapper {overflow-x: hidden;}
.img {max-width: 100%; height: auto;}
.img-cover {height: 100%; object-fit: cover;padding-bottom:15px;}
p {
	font-size: 0.9rem;
	font-weight: 400;
	margin-top: 0;
}
.bb {font-weight: 700 !important;}
.fs13 {font-size: 13px; line-height: 1.6; flex-grow:2;}
.no-style {color: inherit !important; text-decoration: none !important;}
.primary {
	position: relative;
	/*display: inline-block;*/
	font-weight: 500 !important;
	background-color: #f6f6f9;
    border-left: 2px solid #e72121;
	padding: 1.5em 2.5em 1.5em 1.5em;
	margin: 2rem 0;
	color: #585867;
}
.primary::before {
	position: absolute;
	width: 32px;
	height: 32px;
	right: -12px;
	top: calc(50% -  16px);
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' fill='%23fff'%3E%3Ccircle cx='32' cy='53' r='7'/%3E%3Cpath d='M39.51,7.4c0-.13,0-0.25,0-0.38V7h0c-0.25-3.89-3.79-7-8.14-7S23.45,3.08,23.2,7h0V7c0,0.12,0,.25,0,0.37C23.17,7.82,24.76,32,24.76,32c0,3.28,3,6,6.58,6s6.58-2.68,6.58-6C37.92,32,39.51,7.82,39.51,7.4Z' /%3E%3C/svg%3E");
	background-position: center;
	border-radius: 50%;
	background-size: 60%;
	background-repeat: no-repeat;
	border: 1px solid red;
	background-color: #e72121;
	opacity: 0.7;
}
.container-auto {
    position: relative;
	width: 100%;
    max-width: 1000px;
    padding: 0px 15px;
    margin: 0 auto;
}
input:not([type=checkbox]):not([type=radio]),textarea, select { /*safari*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}
/*****************************************************/
.row-bar {
	justify-content: space-evenly;
	justify-content: space-around;
}
.row-bar [class*='col-']:not(:last-of-type) {
	margin-bottom: 15px;
}
.row-bar [class*='col-'] {text-align: center;}
/*******************************************/

.container-side {
    padding: 4em 3rem;
}
.container-side.side-left {
	padding-left: 15px;
	text-align: right;
}
.container-side.side-right {
	padding-right: 15px;
	text-align: left;
}
.container-side.side-left::before,
.container-side.side-right::before {
    position: absolute;
    top: 0;
    bottom: 0;
    content: '';
	z-index: -1;
}
.container-side.side-left::before {left: -1000%; right: 0;}
.container-side.side-right::before {right: -1000%; left: 0;}

.container-side.bg-red::before {background-color: #e72121;}
.container-side.bg-dark::before {background-color: #2b2b33;}
.container-side.bg-light::before {background-color: #ebebf0;}
.container-side.bg-xlight::before {background-color: #f6f6f9;}
.container-center {padding:3rem}
.border-l::after {position:absolute;left:0;top:2rem;bottom:2rem;z-index:10; content:""; border-left: 2px solid rgba(255, 255, 255, 0.19);}

#menu-main {display: none;}
.header {
	width: 100%;
	position: relative;
	z-index: 999;
}
.bar-top {
	background: white;
}
.menu-top ul {margin:0;}
.menu-top a,
.callback {
	display: block;
	font-size: 14px;
	font-family: Montserrat, Verdana, Tahoma, Arial, sans-serif;
	font-weight: 500;
	line-height: 34px;
	padding: 0 10px;
	margin-right: 15px;
	text-decoration: none;
	transition: all 0.3s;
}
.menu-top a {
	text-transform: uppercase;
	color: #585867;
}
.callback {
	padding: 0 20px;
	text-transform: none;
}
.menu-top a:hover {
	background: #585867;
	color: white;
	text-decoration:none;
}
.bar-main {
	position: relative;
	background: #2b2b33;
}
.btn-menu {
	width: 60px;
	height: 60px;
	position: relative;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	top:0;
	left:0;
	flex-shrink: 0;
	background: #e72121;
	z-index: 200;
	cursor: pointer;
}
.btn-menu-icon, .btn-menu-icon::before, .btn-menu-icon::after {
	display: block;
	position: absolute;
    content: '';
    height: 3px;
    width: 24px;
    background-color: #fff;
}
.btn-menu-icon {
	position: relative;
	transform: scale(1.1);
}
.btn-menu-icon::before, .btn-menu-icon::after {
    left: 0;
}
.btn-menu-icon::before {
    bottom: 9px;
}
.btn-menu-icon::after {
    top: 9px;
}
.cme {display: none;}

.hc-nav-open .btn-menu-icon {
    background-color: transparent;
}
.hc-nav-open .btn-menu-icon::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.hc-nav-open .btn-menu-icon::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.hc-nav-open .btn-menu-icon::before, .hc-nav-open .btn-menu-icon::after {
    top: auto;
    bottom: 0;
}

.bar-main-row {
	height: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo-container {
	font-size: 0;
}
.logo {
	height: 20px;
	margin: 3px 0;
}

.logo-descr,
.phone-descr {
	color: #b1b1b5;
	font-size: 11px;
	word-spacing: 1px;
	font-family: Arial, Roboto, Helvetica, sans-serif;
}
.phone-icon {
	display: none;
}
.phone-icon i {display: block; font-size: 18px;color: #b1b1b5; padding: 10px 10px 0px 10px; transform: rotate(-90deg); transform-origin: center;}
.phone {
	color: white;
	font-weight: 700;
	font-size: 23px;
	line-height: 1;
}
.phone span {
	color: #b1b1b5;
	font-size: 0.8em;
	font-weight: 500;
}
.header-main {
	position: relative;
	background-color: #585867;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	z-index: 0;
}
.header-main-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	bottom:0;
	right:0;
	z-index: -1;
}
.header-main-bg>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.title-container {
	max-width: 860px;
	padding: 2rem 0;
	text-align: left;
}
.title-container.tc {max-width: 100%;}
.bg-dark p, .bg-dark li{font-weight: 300;}

h1, h2, h3, h4, h5 {
	display: inline-block;
	font-family: Montserrat, Verdana, Tahoma, sans-serif;
	text-transform: uppercase;
	line-height: 1.3;
	margin-top: 0.9em;
	margin-bottom: 0.2em;
}
h1 {
	font-size: 38px;
	font-weight: 700;
	color: white;
}
h2, h3 {font-size: 1.5rem;	max-width: 730px; color: #2b2b33; line-height: 1.4;}
h3 {font-weight: 500;}
h4, h5 {font-size: 1.1rem;}
.section>.container-auto>.tc:not(.cta)>h2:not(.mt3),
.section>.container-auto>.tc:not(.cta)>h3:not(.mt3) {margin-top: 0}

main p a:link, main p a:visited, main li a:link, main li a:visited {
    color: inherit;
    text-decoration: underline;
}
main p a:hover, main li a:hover {
    color: #e72121;
    text-decoration: inherit;
}
.bg-red a:hover {color: #2b2b33;}
.underline-red {
	display: inline-block;
	border-bottom: 1px solid #e72121;
}
.underline-white {
	display: inline;
	border-bottom: 1px solid white;
}

.separator {
	width: 100%;
	margin-bottom: 1.2rem;
}
.separator::after {
	display: inline-block;
	width: 36px;
	height: 6px;
	content:'';
	background: radial-gradient(#e72121 3px,transparent 3px);
	background-size: 13px 12px;
	background-position: -2px 50%;
}
.separator.dark::after {
	background: radial-gradient(#2b2b33 3px,transparent 3px);
	background-size: 13px 12px;
	background-position: 0% 50%;
}

button, a.btn, .btn {
    display: inline-block;
	position: relative;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
	color: white;
    padding: 1em 1.7em;
    text-transform: none;
	text-decoration: none;
    border-radius: 0;
    border: 0;
	transition: all 0.3s;
	overflow: hidden;
	cursor: pointer;
}

button:not(:disabled):hover, a.btn:not(:disabled):hover {
	background-color: #ca1010;
	text-decoration: none;
}
button:disabled:hover {cursor: not-allowed;}
button:focus, a.btn:focus,
button:active, a.btn:active {
	outline: 0;
}
button.shadow, .btn.shadow {box-shadow:-10px 15px 20px 0 rgba(87, 0, 0, 0.15);}
button.bg-white {color: #2b2b33;}
button.bg-white:hover {
  background-color: #2b2b33;
  color: white;
}
.bg-red button.bg-white{color:#2b2b33;}
.bg-red button.bg-white:hover{background-color:#2b2b33; color: white}
.bg-red button.bg-dark{color:white;}
.bg-red button.bg-dark:hover{background-color:white; color: #2b2b33}

.button-shadow {box-shadow: 3px 30px 20px rgba(0,0,0,0.15);margin-top:0.5rem;margin-bottom:1rem;}

.title-container button:empty {display: none;}
.title-container button {
	margin-top: 0.5rem;
	margin-bottom: 2rem;
}
.section {
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.section, .section-wide {
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
}
.section, .section-wide, .row {position: relative;}
.section>.container-auto>p:last-child, .section-wide>.container-auto>p:last-child {margin-bottom: 0;}
.wrapper .section:first-of-type{padding-top:1rem;}

.vertiside {
	position: absolute;
	width: 8.33333%;
	right: -8.33333%;
	top: 0;
}
.vertiside span{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	color: #f2f2f2;
	font-size: 60px;
	font-weight: 900;
	font-family: Arial, Roboto, Montserrat, sans-serif;
	line-height: 1;
	transform: rotate(-90deg) translateY(-60px);
	transform-origin: right top;
	white-space: nowrap;
}
.shadow-l,.shadow-r {
	position: relative;
	z-index: 5;
}
.shadow-b {box-shadow: 0 3px 2px rgba(0,0,0,0.2);}
.shadow-a {box-shadow: 0 3px 2px rgba(0,0,0,0.2), inset 0 3px 2px rgba(0,0,0,0.2);}
.shadow-l {box-shadow: -3px 0 2px rgba(0,0,0,0.25);}
.shadow-r {box-shadow: 3px 0 2px rgba(0,0,0,0.25);}
.shadow-b, .shadow-r, .shadow-a {z-index:4;}

/********** Breadcrumbs ************/
.breadcrumbs {
	display: inline-flex;
	flex-wrap: wrap;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.breadcrumbs li {
  position: relative;
  margin: 0px;
  padding: 0px;
  margin-bottom: 3px;
  transition: 0.3s ease;
}
.breadcrumbs li:before {
  content: "";
  position: absolute;
  right: -6.4px; /*chrome fix*/
  top: 0;
  z-index: 20;
  border-left: 8px solid #eaeaec;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  transition: 0.3s ease;
}
.breadcrumbs li:after {
  content: "";
  position: absolute;
  right: -8px;
  top: 0;
  z-index: 10;
  border-left: 8px solid #c1c1c8;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
}
.breadcrumbs li.active:before {
	border-left-color: white;
}
.breadcrumbs li a,
.breadcrumbs li.active span{
	display: block;
	font-size: 13px;
	line-height: 26px;
	padding-right: 1.2em;
	padding-left: 1.5em;
	text-decoration: none;
	white-space: nowrap;
	border: 1px solid #d6d6db;
	border-right: 0;
	transition: 0.3s ease;
}
.breadcrumbs li a {
	overflow: hidden;
	background: #eaeaec;
}
.breadcrumbs li.active span{
	color: #98989e;
	border-right: 1px solid #d6d6db;
}
.breadcrumbs li:first-child a {
	padding-right: 0.8em;
	padding-left: 1em;	
}

.breadcrumbs li a:link, 
.breadcrumbs li a:visited {
	text-decoration: none !important;
}
.breadcrumbs li.active span {
	max-width: 86vw;
	overflow: hidden;
	text-overflow: ellipsis;
	background: white;
}
.breadcrumbs li:hover a {
	background: #585867;
	border-color: #585867;
	color: white;
}
.breadcrumbs li:not(.active):hover::before {
	border-left-color: #585867;
} 
/************ CTA ******************/
.cta {
	background-color: #585867;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 3rem;
	margin: 3em auto;
}
.cta h2, .cta h3 {
	font-size: 1.5rem;
	font-weight: 700;
	color: white;
}
.cta p {
	font-size: 1rem;
	color: white;
}
.cta button {
	margin: 1rem 0;
}
.tc>.separator~.descr {margin-bottom: 2.5rem;}

/******** Списки *******/

.OK,.NO, .num, .TR {
	font-size: 0.9rem;
	text-align: left;
    list-style-type: none;
	margin: 1.5em 0 2.5em;
}

.OK>li {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 110'%3E%3Ccircle fill='%23e72121' cx='50' cy='50' r='50'/%3E%3Cpath fill='%23fff' d='M47.2,73L27.3,53.1A5.1,5.1,0,1,1,34.5,46L46.6,58,64,37.7a5.1,5.1,0,1,1,7.7,6.6Z'/%3E%3C/svg%3E") no-repeat 0 0.1em;
	background-size: 1.5em 1.5em;
	padding-left: 2.3em;
}
.NO>li {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 110'%3E%3Ccircle fill='%23e72121' cx='50' cy='50' r='50'/%3E%3Cpath fill='%23fff' d='M57.8,50L71.9,35.9a5.5,5.5,0,1,0-7.8-7.8L50,42.2,35.9,28.1a5.5,5.5,0,1,0-7.8,7.8L42.2,50,28.1,64.1a5.5,5.5,0,1,0,7.8,7.8L50,57.8,64.1,71.9a5.5,5.5,0,0,0,7.8-7.8Z'/%3E%3C/svg%3E") no-repeat 0 0.1em;
	background-size: 1.5em 1.5em;
	padding-left: 2.3em;
}
.bg-red .OK>li {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 110'%3E%3Ccircle fill='%232b2b33' cx='50' cy='50' r='50'/%3E%3Cpath fill='%23fff' d='M47.2,73L27.3,53.1A5.1,5.1,0,1,1,34.5,46L46.6,58,64,37.7a5.1,5.1,0,1,1,7.7,6.6Z'/%3E%3C/svg%3E");
}
.bg-red .NO>li {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 110'%3E%3Ccircle fill='%232b2b33' cx='50' cy='50' r='50'/%3E%3Cpath fill='%23fff' d='M57.8,50L71.9,35.9a5.5,5.5,0,1,0-7.8-7.8L50,42.2,35.9,28.1a5.5,5.5,0,1,0-7.8,7.8L42.2,50,28.1,64.1a5.5,5.5,0,1,0,7.8,7.8L50,57.8,64.1,71.9a5.5,5.5,0,0,0,7.8-7.8Z'/%3E%3C/svg%3E");
}
.num {counter-reset: li;}
.num>li {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 110'%3E%3Ccircle fill='%23e72121' cx='50' cy='50' r='50'/%3E %3C/svg%3E") no-repeat 0 0.04em;
	background-size: 1.4em 1.4em;
	padding-left: 2em;
}
.bg-red .num>li {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 110'%3E%3Ccircle fill='%232b2b33' cx='50' cy='50' r='50'/%3E %3C/svg%3E");
}
.num>li::after {
	width: 1.4em;
	position: absolute;
	content: counter(li);
	counter-increment: li;
	color: #fff;
	font-size: 0.85em;
	font-weight: bold;
	top: 0.07em;
	left: 0.06em;
	text-align: center;
}
.NO>li,.OK>li, .num>li {
	position: relative;
	font-size: inherit;
    line-height: 1.5;
}
.NO>li:not(:last-child),.OK>li:not(:last-child), .num>li:not(:last-child), .TR>li:not(:last-child) {
	margin-bottom: 0.7em;
}
.TR>li {
	position: relative;
	padding-left: 1.3em;
}
.TR>li::before {
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	content:'';
	top: 0.5em;
	left:0;
	border-top: 0.4em solid transparent;
	border-left: 0.45em solid #e72121;
	border-bottom: 0.4em solid transparent;
}
.TR>li>a:link {text-decoration: none}
.section .NO>li,.section .OK>li,.section .num>li, .section .TR>li {
	color: #585867;
}
.white.NO>li,.white.OK>li,.white.num>li, .white.TR>li {
	color: white;
}

.li-h {
	display: block;
	font-weight: 600;
	margin-bottom: 0.4em;
}

/*************** /списки ****************/

p.descr {
	font-size: 1.1rem;
	font-weight: 300;
	line-height: 1.7;
	margin-bottom: 1.5em;
	color: #585867;
}
.separator~p.descr {
	margin-top: -10px;
	margin-bottom: 3rem;
}
/************* Блоки - карточки  *************/
.block {
	margin-bottom: 15px;
	transition: all 0.3s;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.row:not(.numered) a.block-container:hover .block-icon i,
.row:not(.numered) a.block-container:hover h4,
.row:not(.numered) a.block-container:hover h5 {
	color: #585867;
}
.row:not(.numered) a.block-container:hover .block-icon svg {
	fill: #585867;
}
.row:not(.numered) a.block-container:hover {
	box-shadow: 0 0 10px 3px rgba(149,149,185,0.2);
	cursor: pointer;
}
.block>a:hover {text-decoration: none;}
.block-container {
	position: relative;
	text-align: center;
	padding: 1.5rem;
	background-color: white;
	box-shadow: 0 0 7px 0px rgba(149,149,185,0.2);
	z-index: 1;
	flex-grow: 2;
}
.row-bar.gray-block .block-container {box-shadow: inset 0 0 90px rgba(149, 149, 185, 0.12)};
.lazy-bg,
.block-container img {align-self: center;}
.block-icon {
	display:flex;
	justify-content:center;
	align-content:center;
	margin-bottom: 0.7rem;
}
.block-icon i{
	font-size: 5.8rem;
	color: #a1a1aa;
	color: #9c9caa;
}
.block-icon img {
 	align-self: center;
	/*flex-basis: 100%;*/
}
.carbrands .block-icon {
	height: 5rem;
    margin-bottom: 0;
}
.carbrands .block-icon img {
	 max-width: 5rem;
	 filter:grayscale(40%);
}
svg .bg-red {fill:rgba(231, 33, 33, 0.9);transition: all 300ms;}
.block-container:hover svg .bg-red {fill:#2b2b33; fill:#585867;}

.block h4,
.block h5 {
	font-weight: 600;
	color: #7f7f86;
	color: #7a7a86;
}
.block .separator+h4,
.block .separator+h5 {margin: 0;}
.block h4+.separator,
.block h5+.separator {margin-bottom: 0.8rem;}
.block.col-6 h5, .block.col-sm-6 h5{font-size: 0.95em;}
.row .block p {line-height: 1.6}
.numered {
	counter-reset: number 0;
}
.numered .block {/*flex-basis: 380px;*/ counter-increment: number 1;}
.numered .block.auto {flex-grow: 2;}
.numered .block-container {/*padding: 2rem 1.5rem;*/padding: 3rem 2rem;}
.numered .block-icon {width: 100%;position: relative;}
.numered .block-icon::before {
	width: 100%;
	position: absolute;
	line-height: 0.7;
	top:0;
	left:0;
    font-size: 11rem;
	font-weight: 700;
    content: "0" counter(number,decimal);
	color: #f2f2f6;
	z-index: -1;
}
.inscr {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.5;
	color: #585867;
}
/*******************************************/
/************** ТАБЛИЦЫ *******************/
table {border-collapse:collapse; border-spacing:0;}
th,td {margin:0;padding: 0;} /***/
.restable {
	width:100%;
	height:100%;
	border-collapse: collapse;
}
.rt-title, .rt-name, .rt-price {
	font-size: 14px;
    text-align: center;
    vertical-align: middle;
	line-height: 1.2;
	color: #6a6a75;
}
.rt-title {font-weight: 500;}
.rt-select, .rt-name, .rt-container {
	background: #f6f6f9;
}
 {background: #2b2b33;}
.rt-select {
	font-weight: bold;
	line-height: 2;
	text-align: center;
}
.rt-title, .rt-name {
	text-align: right;
	padding-right: 1.5em;
	padding-left: 1em;
}
.rt-name {width: 50%;}
.rt-name:not(:first-child) {width:auto;}
.restable tr:not(:last-child)>.rt-name{ border-bottom: 1px dotted #d1d1d1;}
.restable tr:not(:last-child)>.rt-price .rt-value span{ border-bottom: 1px solid #383844; }
.restable tr:last-child>.rt-name{ border-bottom: 1px solid #f6f6f9;} /*чтобы не торчало в хроме и ябраузере*/
.rt-price {
	width: 19%; /* 19 !! */
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	padding: 0;
}
.rt-name, .rt-price, .rt-container, .rt-value, .rt-value span {	 height: 40px; }
.rt-container, .rt-value, .rt-value span { width: 100.2%; } /* chrome Ябраузер */

.rt-container {
	position: relative;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-ms-perspective: 1000px;
	-ms-transform: perspective(1000px);
	-moz-transform: perspective(1000px);
	perspective: 1000px;
}
.rt-value, .rt-value span {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.rt-value {
	position: relative;
	transition: 0.6s;
	transition-timing-function: ease-out;
	transform-origin: 100% 50%;
}

.rt-value span {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;	
	justify-content: center;
	align-items: center;
	font-weight: 500;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: 0.6s;
}

.rt-title, .rt-price, .rt-value span, .rt-select.bg-dark {
	color: white;
	background-color: #2b2b33;
	box-shadow: 20px 0 20px -20px #5c5c6c inset, 0 0 2px -2px #1d1d22,0 0 2px -2px #1d1d22;
}
.rt-value span:first-child {
	transform: rotateX(0deg);
	z-index: 2;
}
.rt-value.isFlipped {transform: rotateX(-180deg);}

.rt-value span:last-child {
	transform: rotateX(180deg);
}

/* START: Accommodating for IE */
.rt-value.isIE {
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.rt-value.isIE span:first-child {
	transform: rotateX(180deg);
}
.rt-value.isIE span:last-child {
	transform: rotateX(0deg);
}
/* END: Accommodating for IE */

.rt-select-wrapper {
	position: relative;
	display: inline-block;
}

.rt-select-wrapper::before {
	width: 0;
	height: 0;
	position: absolute;
	content:'';
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 9px solid #e70b00;
	right: 0;
	top: 40%;
	animation:todown 2.5s ease-in-out infinite;
  	-webkit-animation:todown 2.5s ease-in-out infinite;
	transition-duration: all 200ms;
}
.rt-select-wrapper>select  {
	position: relative;
	min-width: 4em;
	padding-right: 15px;
	padding-left: 15px;
    font-size: 18px;
	font-weight: 600;
	color: #2b2b33;
	text-align: center;
	background: transparent;
	border: 0;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none !important;
	z-index: 2; /*чтобы нажималась стрелочка*/
}

.rt-select-wrapper>select::-ms-expand {
	display: none;
}
.rt-select-wrapper>select.white>option {color: #2b2b33;}
.rt-select-wrapper>select>option>span{font-size:0.8em;}
/************** Lazy Load ****************/
.lazy {
	-webkit-transition: opacity .4s;
	transition: opacity .4s;
	will-change: auto;
}

.lazy:not(.cta) { /* беграунды блоков .cta оставляем видимыми с заранее определенным цветом.*/
	opacity: 0;
}

.lazy-bg:not(.lazy-bg-transparent) {
	width:100%;
	height:100%;
	display: inline-block;
	background-color: rgba(133,134,140,0.05);
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" stroke="rgba(133,134,140,0.25)"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg transform="translate(1 1)" stroke-width="2"%3E%3Ccircle stroke-opacity=".55" cx="18" cy="18" r="18"/%3E%3Cpath d="M36 18c0-9.94-8.06-18-18-18"%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: center;
}
.lazy.loaded, 
.lazy.b-error {
	opacity: 1 !important;
}
/********* Номер телефона в контенте ***********/
.tel {
    font-size: 1rem;
    font-weight: 700;
    white-space: nowrap;
	margin-left: 0.3em;
	margin-right: 0.2em;
}
.tel::before {
    width: 1rem;
    height: 1rem;
	display: inline-block;
	content: "";
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 578 578'%3E%3Cpath fill='%23e72121' d='M289,3C131.1,3,3,131.1,3,289.1s128.1,286,286,286S575.1,447,575.1,289.1,447,3,289,3ZM195.1,113.2q7.2,1.4,12,9.1l41.3,69.9v0.4q2.2,3.6,2.2,9.8a22.2,22.2,0,0,1-5.8,15.2l-21,20.6a6,6,0,0,0-1.3,2.4,8.6,8.6,0,0,0-.5,2.4l0.9,4.5q0.9,4.5,5.2,13a167.3,167.3,0,0,0,13.6,21.2q9.2,12.7,25.9,29a353.6,353.6,0,0,0,28.8,25.7,159.6,159.6,0,0,0,21.2,13.4,65.4,65.4,0,0,0,17.4,6.5,8.9,8.9,0,0,0,2.7-.5,6,6,0,0,0,2.4-1.3l17.7-17.7a22.6,22.6,0,0,1,11.6-6.2,17.6,17.6,0,0,1,12.7,1.8L455.6,371a25.2,25.2,0,0,1,6.7,6.2,13.5,13.5,0,0,1,2.7,8.3,16,16,0,0,1-5.1,11.6l-48.2,48.2a27.1,27.1,0,0,1-8.5,6.2,35.2,35.2,0,0,1-10.3,3.3l-7.2.4q-6.5.4-17.9-1.4a186.4,186.4,0,0,1-27.2-6.9,227.3,227.3,0,0,1-35.1-15.2,340.6,340.6,0,0,1-42.2-26.8q-22.8-16.7-47.8-42-32.2-31.9-50.7-60.1T137,252q-9.2-22.3-11.6-37.7t-2.3-22.2l0.2-4.7,0.2-2.2a35.2,35.2,0,0,1,3.3-10.3,27.1,27.1,0,0,1,6.2-8.5l47.8-48.2a16.5,16.5,0,0,1,14.4-5h-0.1Z'/%3E%3C/svg%3E") no-repeat;
    margin-bottom: -3px;
    margin-right: 2px;
}
.calc_body {visibility: hidden;}

/********** Раскрывающийся контейнер **************/
.container-slider {
    height: 13rem;
    position: relative;
	padding-top: 10px;
    margin-top: 1.5rem;
    margin-bottom: 0;
    overflow: hidden;
}
.container-slider.opened {
    height: auto;
    overflow: auto;
}
.slider-limiter {
	position: relative;
    border-bottom: 2px solid #e5e5ef;
    height: 16px;
	margin-bottom: 50px;
}
#slider-opener {
    width: 30px;
    height: 30px;
	display: block;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    background: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MSA0MSI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2ZmMDAwMDt9LmJ7ZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6M3B4O308L3N0eWxlPjwvZGVmcz48Y2lyY2xlIGNsYXNzPSJhIiBjeD0iMjAiIGN5PSIyMCIgcj0iMjAiLz48bGluZSBjbGFzcz0iYiIgeDE9IjI4LjUiIHkxPSIxOC4zIiB4Mj0iMjAiIHkyPSIyNi44Ii8+PGxpbmUgY2xhc3M9ImIiIHgxPSIyMCIgeTE9IjI2LjgiIHgyPSIxMS41IiB5Mj0iMTguMyIvPjwvc3ZnPg==') no-repeat;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
	cursor: pointer;
}
.container-slider.opened ~ .slider-limiter #slider-opener {
    transform: rotate(180deg);
}
#slider-opener:hover {
    margin-top: 2px;
}
/********** Плитка тегов ***************/
	.row.row-tag-tile {justify-content: start;margin-right: -7px;margin-left: -7px;}
	.row-tag-tile .block-container {box-shadow: none;display: flex;flex-direction: column;}
	.row-tag-tile>.block {min-height:2.2rem;flex-basis: 200px;margin-bottom: 15px !important;padding-left:7px; padding-right:7px;}
	.row-tag-tile.container-slider:not(.opened) {height: 3.5rem;}
	.row-tag-tile.container-slider {margin-top:0;}
	.block-tile {justify-content: center;padding: 0.4rem 0.6rem;background-color: #f6f6f9;}
	.section.bg-xlight .block-tile {background-color: white;}
	.tag {display:block;line-height: 1.2;font-size: 12px;}
	.row-tag-tile+.slider-limiter {height:0;opacity: 0.4;z-index: 1;margin-bottom: 1rem;}
	.row-tag-tile+.slider-limiter #slider-opener {width: 26px;height: 26px;right: -13px;top: -12px;z-index: 99;}
	.row-tag-tile.container-slider.opened {max-height: 600px}


/***** блок-карточки с номерами *****/

.wrapper-items {
	position: relative;
	counter-reset: number 0;
}
.row-items {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	counter-increment: number 1;
}
.item-count {
	display: flex;
	align-self: center;
	justify-content: center;
	padding: 0;
}
.count {
	width: 3rem;
	height: 3rem;
	flex-shrink: 0;
	position: relative;
	background-color: #e72121;
	margin-top: 15px;
	margin-bottom: 15px;
	box-shadow: -13px 16px 20px 0 rgba(87, 0, 0, 0.15);
}
.count::after {
	width: 100%;
	position: absolute;
	height: 3rem;
	top: 0;
	left: 0;
	font-size: 1.8rem;
	font-weight: 700;
	content: counter(number,decimal);
	text-align: center;
	color: white;
	z-index: 3;
}
.item-content {
	position: relative;
	padding: 1.5rem;
	flex-shrink: 1;
	align-self: center;
	color: #858591; /* unic */
	background-color: white;
	box-shadow: -13px 16px 30px 0 rgba(87, 0, 0, 0.1);
}
.item-content>p {
	line-height: 1.6;
	margin-bottom:0;
}
.item-content::after {
	width: 0;
	height: 0;
	position: absolute;
	display: block;
	border: 1.7rem solid transparent;
	content: '';
	bottom: 28%;
	bottom: calc(50% - 28px);
	bottom: calc(50% - 1.7rem);
	transition: bottom 500ms ease;
}
.row-items:nth-of-type(even) .item-content::after{
	border-right: 1.7rem solid white;
	left: -3.15rem;
}
.row-items:nth-of-type(odd) .item-content::after{
	border-left: 1.7rem solid white;
	right: -3.15rem;
}
.progress-line {
	position: absolute;
	left: 50%;
	top: 3.5rem;
	bottom: 3.5rem;
	z-index: -1;
}
.progress-line::after {
	display: block;
	height: 100%;
	content:'';
	border-right: 2px dotted #e72121;
	opacity: 0.3;

}
.slh {text-transform: capitalize;/*height:0.2rem;overflow-y: hidden;padding-left: 24px;*/}
/****** reviews *******/
.splide__slide {position: relative;background-color: white;padding: 1.5rem 1.5rem;box-shadow: 0px 35px 30px -33px rgba(62, 78, 117, 0.25);cursor: grab;}
.avatar-wrapper {flex-basis: content;}
.avatar {width: 42px;height: 42px;border-radius: 50%;overflow: hidden;}
.author {font-size: 0.9rem;line-height: 1.3;padding-left:0;}
.date {font-size: 0.8rem;color: var(--mlgray, #9a9aab)}
.block-star > svg {width:14px;height:14px;}
.review-text {font-size: 0.8rem; line-height: 1.3;padding-top:17px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical}
button:not(:disabled):hover {background-color: #e72121;}
.expert-avatar {width: 6rem; height: 6rem; overflow: hidden}

@media screen and (min-width: 768px) {
	.row-items:not(:first-child) {min-height:8rem; margin-top: -2rem;}
}	
@media screen and (max-width: 767px) {	
	.item-empty {display: none;}
	.row-items {margin-bottom: 15px;}
	.row-items:nth-of-type(odd) .item-content::after{
		border-left-color: transparent;
		border-right: 1.7rem solid white;			
		left: -3.15rem;
	}
	.item-content::after{bottom: calc(50% - 24px);}
}
@media screen and (max-width: 575px) {
	/*.row-items {flex-direction: column;} wrong*/
	.row-items {flex-wrap: wrap;}
	.item-count {max-width: 100%; flex-basis: 100%;}
	.item-content::after {display: none;}
}

.OK>li.mb2, .NO>li.mb2, .num>li.mb2 {margin-bottom: 2rem;}

/***** accordion ******/
.accordion-box .block .acc-btn {
	position:relative;
	background: #f6f6f9;
	color: #2b2b33;
	font-weight:500;
	line-height:1.5;
	margin-bottom:0;
	padding:15px 60px 15px 15px;
	overflow:hidden;
	transition:all 500ms ease 0s;
	cursor:pointer;
}
.accordion-box .block:not(:last-child) .acc-btn {
	border-bottom:1px dotted #dbdbdb;
}
.accordion-box .block .acc-btn.active .icon-outer {
	background: #e72121;
}
.accordion-box .block .icon-outer {
	width:32px;
	height:32px;
	position:absolute;		
	right:15px;
	top:50%;
	margin-top:-16px;
	text-align:center;
	font-size:16px;
	color: white;
	background: #2b2b33;
}
.accordion-box .block .icon-outer .icon {
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-16px;
	width:100%;
	height:32px;
	line-height:32px;
	text-align:center;
}
.icon-outer .im-plus {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' stroke='%23fff' stroke-width='2'%3E%3Cline x1='16' y1='10' x2='16' y2='22'/%3E%3Cline x1='10' y1='16' x2='22' y2='16'/%3E%3C/svg%3E");
}
.icon-outer .im-minus {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' stroke='%23fff' stroke-width='2'%3E%3Cline x1='10' y1='16' x2='22' y2='16'/%3E%3C/svg%3E");
}
.accordion-box .block .icon-outer .im-plus,
.accordion-box .block .acc-btn.active .icon-outer .im-minus{
	opacity:1;
}
.accordion-box .block .icon-outer .im-minus,
.accordion-box .block .acc-btn.active .icon-outer .im-plus {
	opacity:0;
}

.accordion-box .block .acc-content {
	position:relative;
	display:none;
}
.accordion-box .acc-content.current {
	display:block;
}
.accordion-box .block .content {
	position:relative;
	padding:25px 20px 15px;
}


/********** Вывод новостей **************/
.read-more {
	font-weight: 500;
	float: right;
	margin-right: 0.3rem;
}
.docviews {position: relative;bottom:2px; font-size:0.9em;margin-left:0.6em;}
.cover-container {width: 100%;min-height: 2rem;position: relative;margin-bottom: 2rem;}
.cover-container .label {display:inline-block;position: absolute;left:0;bottom:4px;}
.cover-container .calendar,.cover-container .date {padding: 8px 10px;}
.cover-container .calendar {background:#e72121;}
.cover-container .date {background:#2b2b33;}

/**************** ФУТЕР *******************/
.footer {
	background: #2b2b33;
	color: white;
	font-size: 13px;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.footer h5 {font-size: 1rem; font-weight: 500;}
.footer ul {margin-bottom: 0;}
.footer ul>li {
	line-height: 1.3;
	margin-bottom: 0.7em;
	font-weight: 300;
}
.footer ul>li>a {
	color:inherit;
}
.footer li>i {
	color: #b1b1b5;
	margin-right: 0.8em;
}
.footer-bottom {
	padding: 8px 0;
	text-align: center;
	background: #24242a;
}
.logo-bottom img {height:12px;}
.copyright {
	display: block;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.8;
	color: #585867;
	color: #666675;
}
a.copyright:hover {color:inherit}
.techonline {
	position: relative;
	display: inline-block;
	padding-left: 1.8em;
}
.techonline::before {
	position: absolute;
	width: 1em;
	height: 1em;
	content:'';
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fb1f1f' d='M0.1,12.4l13.8,5.9,5.9,13.8,12.3-32Z'/%3E%3Cpolygon fill='%23b40404' points='32.1 0.1 19.7 32.1 13.9 18.2 32.1 0.1'/%3E%3C/svg%3E") no-repeat;
	left: 0;
	top: -0.9em;
}
/************** Техника на линии ********************/
#map {
    height: 500px;
	position: relative;
}
#map::before {
	position: absolute;
	top: 20%;
	left: 50%;
	content: "Подождите, идет загрузка карт...";
	font-weight: 700;
	color: #b1b1b5;
	text-align: center;
	margin-left: -120px;
}
.ymap-bttn {
	height: 26px;
	line-height: 26px;
	font-family: Roboto, Arial, sans-serif;
	font-weight: 400;
	color: #484848;
	background-color: #fff;
    border-color: transparent;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,.15), 0 2px 5px -3px rgba(0,0,0,.15);
    box-sizing: border-box!important;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    background-clip: border-box;
    vertical-align: middle;
    text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
	z-index: 99;
    cursor: pointer;
}
.ymap-bttn.geoicon {
	padding-left: 30px;
}
.ymap-bttn.geoicon::after {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	content:"";
	left:10px;
	background: url(/templates/default/images/map-geoicon.svg) no-repeat;
	border: 5px solid transparent;
	background-position: center;
	vertical-align: top;
	box-sizing: content-box;
}
/* модуль другие документы рубрики */
.moredoc ul {
	column-count: 2;
	-webkit-column-count: 2;
	column-gap: 30px;
	-webkit-column-gap: 30px;
}
.moredoc ul>li {break-inside: avoid;}
/******** btn effects *********/
.btn_wrap-effects {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translateX(-85px);
	-ms-transform: translateX(-85px);
	transform: translateX(-85px);
	animation-name: flash;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.btn-effects {
	width: 45px;
	height: 100%;
	position: absolute;
	background: linear-gradient(90deg,#ffffff0d,#ffffff40);
	top: 0;
	left: 30px;
	-webkit-transform: skewX(-45deg);
	-ms-transform: skewX(-45deg);
	transform: skewX(-45deg);
}

.tc {text-align: center !important; align-items: center;}
.tl {text-align: left !important; align-items: start;}
.tr {text-align: right !important; align-items: end;}
.p0 {padding: 0 !important;}
.p1-5 {padding: 1.5rem !important;}
.m0 {margin: 0 auto !important;}
.mb0 {margin-bottom:0 !important;}
.mb1 {margin-bottom:1rem}
.mb2 {margin-bottom:2rem}
.mb3 {margin-bottom: 3rem !important;}
.mb15 {margin-bottom:15px !important;}
.mt0 {margin-top:0 !important;}
.mt1 {margin-top:1rem}
.mt2 {margin-top:2rem}
.mt3 {margin-top:3rem}
.mt4 {margin-top:4rem !important;}
.m2 {margin-top: 2rem; margin-bottom: 2rem;}
.m3 {margin-top: 3rem; margin-bottom: 3rem;}
.nw {white-space: nowrap;}
.white {color: white !important;}
.dark {color: #2b2b33 !important;}
.gray, .block h4.gray, .block h5.gray {color: #6a6a75;}
.mlgray {color: #9a9aab !important;}
.dgray {color: #585867 !important;}
.lgray {color: #b1b1b5 !important;}
.red {color: #e72121 !important;}
.bg-dark {background-color: #2b2b33;}
.bg-red {background-color: #e72121;}
.bg-light {background-color: #ebebf0;}
.bg-xlight{background-color: #f6f6f9;}
.bg-white {background-color: white;}
.border-white {border:1px solid white;}




@media screen and (min-width: 1080px) and (max-width: 1200px) {
	.container-auto {padding-left: 40px;}
}
@media screen and (min-width: 992px) and (max-width: 1079px) {
	.container-auto {padding-left: 70px;}
}
@media screen and (min-width: 992px) {
	.btn-menu {position: absolute;}
	.big {font-size:1.8rem;}
	.rt-title, .rt-name {padding-left: 2em}
	.wrapper .section:first-of-type222 {padding-top: 3.5rem;} /* для хлебных */
}
@media screen and (max-width: 991px) {
	.bar-main-row {margin:0;}
	.vertiside {display: none;}
	.container-side.side-lg-left, .container-side.side-lg-right, .cta {padding: 4rem 15px;}
	.container-side.side-lg-left, .container-side.side-lg-right {text-align: center;}
}
@media screen and (min-width: 768px) {
	.row-bar .block { /* отступы в плитках услуг */
		margin-bottom: 30px !important;
	}
 }
@media screen and (max-width: 767px) {
	.header {position: fixed;}
	.wrapper {padding-top: 50px;}
	.bar-main-row, .btn-menu {
		height: 50px;
	}
	.btn-menu {
		width: 50px;
	}
	.btn-menu-icon {transform: scale(1);}
	.btn-menu-icon::before {
	    bottom: 8px;
	}
	.btn-menu-icon::after {
	    top: 8px;
	}
	.logo {
		width: 150px;
	}
	.logo-descr, .phone-descr, .phone {display: none;}
	.phone-icon {display: block;}
	h1 {font-size: 1.8rem;}
	.section222 {padding-top: 3rem; padding-bottom: 3rem;}
	.container-side.side-left, .container-side.side-right, .cta, .container-center {padding: 4rem 15px;}
	.container-side.side-left, .container-side.side-right {text-align: center;}
	.p1-5 {padding: 1.5rem 15px !important;}
	/* уменьшаем отступы */
	.row-bar {
		margin-right: -7px;
		margin-left: -7px;
	}
	.row-bar [class*='col-'] {
		padding-left: 7px;
		padding-right: 7px;
	}
	.calc-icon {max-height: 140px;}
	
	.single-color .container-side.side-left {padding-bottom:1rem}
	.border-l::after {top: 0.7rem;;left: 2rem;right: 2rem;border-left:none;border-top: 2px solid rgba(255, 255, 255, 0.19);}
}
@media screen and (max-width: 575px) {
	.footer .col-md-3:first-child {text-align: center;}
	.footer .col-md-3:not(:first-child), .moredoc {display: none;}
	.rt-container, .rt-price, .rt-value, .rt-value span {
		 font-size: 13px;
	}
	.rt-name, .rt-title {font-size: 12px;}
	.xs-mb15 {margin-bottom:15px}
}

@media screen and (max-width: 439px) {
	.OK, .NO, .num {padding-left: 0;}
	.block-container222 {padding: 1rem;}
	.col-6 .block-icon i {font-size: 4rem; align-self: center;}
	.col-6 .block-icon svg {max-width: 4rem; max-height: 4rem; align-self: center;}
}
@keyframes todown {
	0% { transform: translateY(0);}
	7% {transform: translateY(30%);}
	15% {transform: translateY(0);}
	22% {transform: translateY(30%);}
	30% {transform: translateY(0);}
}
@-webkit-keyframes flash { 
	15% {	-webkit-transform: translateX(100%);	transform: translateX(100%); }
	100% {	-webkit-transform: translateX(100%);	transform: translateX(100%); }
}
@keyframes flash { 
	15% {	-webkit-transform: translateX(100%);	transform: translateX(100%); }
	100% {	-webkit-transform: translateX(100%);	transform: translateX(100%); }
}
/********** css module_elem ************/
@media screen and (max-width: 575px) {
	.carlogo {max-width: 7rem}
}
/********** rdp check ******************/
@media all and (max-color:5) {#rdp {display:block;}}
@media all and (min-color:6) {#rdp {display:none;}}