@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/FuturaPT-Medium.eot');
    src: url('../fonts/FuturaPT-Mediumd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaPT-Medium.woff') format('woff'), url('../fonts/FuturaPT-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/FuturaPT-Book.eot');
    src: url('../fonts/FuturaPT-Bookd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaPT-Book.woff') format('woff'), url('../fonts/FuturaPT-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/FuturaPT-Bold.eot');
    src: url('../fonts/FuturaPT-Boldd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaPT-Bold.woff') format('woff'), url('../fonts/FuturaPT-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Light.eot');
    src: url('../fonts/Gilroy-Lightd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-Light.woff') format('woff'), url('../fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/FuturaPT-Demi.eot');
    src: url('../fonts/FuturaPT-Demid41d.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaPT-Demi.woff') format('woff'), url('../fonts/FuturaPT-Demi.ttf') format('truetype');
    font-weight: 600;
    font-display:fallback;
    font-style: normal;
}

body {
    position: relative;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    font-family: 'Gilroy', sans-serif;
    padding-top: 94px;
    overflow-x: hidden;
}

* {
    outline: none!Important;
}

button {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

label.error {
    display: none!important;
}

.error {
    border-color: red!important;
}

.valid {
    border-color: green!important;
}

.nomob {
    display: block;
}

.onlymob {
    display: none;
}

.nopadl {
    padding-left: 0;
}

.nopadr {
    padding-right: 0;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

.flex {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.flex::before,
.row.flex::after {
    display: none
}

.flex.center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}

	70% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}
@keyframes pulse {
	0% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}

	70% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}
header {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 4px 84px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 4px 84px rgba(0, 0, 0, 0.05);
    padding: 5px 0;
}

.head_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.top_nav {
    text-align: center;
}

.top_nav span {
    color: #0000ff;
	font-size: 17px;
}

.top_nav li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
}
.logos a{
    font-size: 29px;
    color: #363a3b;
	vertical-align: center;
	line-height: 18px;
	font-weight: 600;
}
.logo img {
	max-width: 200px;

    }

.top_nav li a {
    font-size: 19px;
    position: relative;
    line-height: 18px;
    color: #000000;
}

.top_nav li:first-child {
    margin-left: 0;
}

.top_nav li:last-child {
    margin-right: 0;
}

.head_contact {
    text-align: right;
    white-space: nowrap;
}

.wa_link {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.wa_link:hover {
    top: -4px;
}

.top_tel {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-size: 19px;
    line-height: 24px;
    color: #000000;
}

.top_tel:hover {
    text-decoration: underline;
}

.adres {
    margin-bottom: 0;
    margin-top: 4px;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.adres img {
    margin-right: 10px;
    position: relative;
    top: -2px;
}

.container {
    max-width: 1290px;
    width: 100%;
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.intro_section {
	border-top: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
    position: relative;
    background-image: url(../img/bg1.jpg);
    background-repeat: no-repeat;
    z-index: 10;
	margin-top: -28px;
}
.intro_section {
    background-image: url(../img/bg1.jpg);
    background-repeat: no-repeat;
}

.fullw {
    position: relative;
    background-position: center;
    background-size: cover;
    height: 700px;
    display: block;
}

.fullw::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(../img/play2.svg);
    width: 186px;
    height: 186px;
	-webkit-transition: 0.3s;
    transition: 0.3s;
    top: calc(50% - 93px);
    left: calc(50% - 93px);
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}
}

.fullw:hover::before {
    -webkit-animation: none;
    animation: none;
    -webkit-transform: scale(0.85);
    transform: scale(0.85)
}

h1 {
    margin: 0;
    margin-bottom: 40px;
	margin-top: 70px;
    font-weight: 900;
    font-size: 50px;
    line-height: 50px;
    color: #323232;
}

h1 span {
    position: relative;
	font-weight: 600;
    font-size: 50px;
	line-height: 20px;
}

h1 span svg {
    display: none;
    position: absolute;
    width: 196px;
    height: 81px;
    left: -3px;
    top: 15px;
    z-index: -1;
}

.after_h1 {
    margin-bottom: 70px;
    font-weight: 300;
    font-size: 40px;
    line-height: 32px;
    color: #000000;
}

.intro_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.intro_flex div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 194px;
    position: relative;
    top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(65.22%, #F5F5F5), color-stop(112.89%, rgba(254, 254, 254, 0)));
    background: linear-gradient(180deg, #F5F5F5 65.22%, rgba(254, 254, 254, 0) 112.89%);
    border-radius: 9px;
    padding: 23px;
    position: relative;
    margin-right: 15px;
}

.intro_flex div:hover {
    top: -5px;
}

.intro_flex div:last-child {
    margin-right: 0;
}

.intro_flex div p {
    margin-bottom: 0;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}

.intro_flex_num {
    position: absolute;
    right: 26px;
    top: 24px;
}

.intro_icn {
    margin-bottom: 25px;
    display: inline-block;
}

button {
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    background: none;
    border: none
}

.normb {
    width: 100%;
    height: 90px;
    background: #363a3b;
    border-radius: 10px;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    padding-top: 5px;
}

.normb img {
    margin-left: 15px;
    position: relative;
    left: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    top: -4px;
}

.normb:hover img {
    left: 5px;
}

.normb::before {
    content: '';
    display: block;
    border-radius: 10px;
    position: absolute;
    left: 5px;
    top: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border: 2px solid #000;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.normb:hover::before {
    opacity: 1
}
.hedbut {
    width: 50%;
    height: 50px;
    background: #363a3b;
    border-radius: 10px;
    font-weight: bold;
    font-size: 12px;
    position: relative;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    padding-top: 5px;
	opacity: 1
}


.hedbut:hover img {
    left: 5px;
}

.hedbut::before {
    content: '';
    display: block;
    border-radius: 10px;
    position: absolute;
    left: 5px;
    top: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border: 2px solid #000;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.hedbut:hover::before {
    opacity: 1
}

.intro_bot {
    margin-top: 45px;
}

.intro_bot button {
    max-width: 285px;
}

.intro_bot p {
    margin-bottom: 0;
    width: calc(100% - 289px);
    padding-left: 25px;
    font-size: 22px;
    line-height: 25px;
    color: #000000;
    display: inline-block;
    vertical-align: middle;
	font-weight: 500;
}

.after_intro {
    position: relative;
    padding-top: 84px;
    padding-bottom: 55px;
}

h2 {
    margin: 0;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 51px;
    line-height: 52px;
    color: #000000;
}

.after_h2 {
    margin-bottom: 20px;
    position: relative;
    z-index: 10;
    font-size: 24px;
    line-height: 24px;
    color: #000000;
}

.after_h2 span {
    position: relative;
}

.after_h2 span img,
.after_h2 span svg {
    position: absolute;
    z-index: -1;
    left: -8px;
    top: 1px;
    display: none;
}

.after_intro .flex {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -15px;
}

.after_intro .flex > div {
    padding-left: 5px;
    padding-right: 5px;
    width: 20%;
    margin-bottom: 15px;
}

.how_item {
    height: 100%;
    padding-top: 26px;
    background: #363a3b;
    border-radius: 15px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding-bottom: 20px;
}

.how_item:hover {
    top: -4px
}

.how_item p {
    margin-bottom: 0;
    font-weight: normal;
    font-size: 20px;
    line-height: 21px;
    color: #FFFFFF;
}

.how_item img {
    display: inline-block;
    margin-bottom: 35px;
}

.profi_section {
    padding-top: 84px;
    padding-bottom: 84px;
    background-color: #F2E7D8;
    overflow: hidden;
    background-image: url(../img/building.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}

.profi_section .after_h2 {
    margin-bottom: 70px;
}

.profi_section .after_h2 span img,
.profi_section .after_h2 span svg {
    top: -5px
}

.part1_profi {
    text-align: right;
}

.profi_item {
    padding-right: 104px;
    position: relative;
    min-height: 84px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 43px;
    font-size: 18px;
    line-height: 26px;
    text-align: right;
    left: -50px;
    color: #000000;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.profi_item:hover {
    top: -5px;
}

.profi_item img {
    position: absolute;
    right: 0;
    top: calc(50% - 42px);
}

.profi_item span {}

.profi_item:last-child {
    margin-bottom: 0;
}

.profi_item:first-child {
    left: 0!important;
    right: 0;
}

.part2_profi .profi_item {
    left: 50px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
    padding-right: 0;
    padding-left: 104px;
}

.part2_profi .profi_item img {
    right: inherit;
    left: 0
}

.part2_profi {
    text-align: left;
}

.care_section {
    padding-top: 65px;
    padding-bottom: 50px;
}

.care_section .after_h2 {
    margin-bottom: 40px;
}

.care_section .after_h2 span > svg {
    top: -4px;
    left: -5px;
}

.care_item {
    padding: 30px;
    height: 100%;
    padding-bottom: 35px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-21.12%, #EEDECA), color-stop(91.19%, rgba(238, 222, 202, 0)));
    background: linear-gradient(180deg, #EEDECA -21.12%, rgba(238, 222, 202, 0) 91.19%);
    border-radius: 15px;
    position: relative;
    top: 0;
    -webkit-transitio: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.care_item img {
    margin-bottom: 30px;
    display: inline-block;
}

.care_item p {
    margin-bottom: 20px;
    font-weight: 800;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    position: relative;
}

.care_item p::before {
    content: '';
    display: block;
    position: absolute;
    height: 31px;
    width: 5px;
    background-color: #363a3b;
    top: 0;
    left: -30px;
}

.care_item span {
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.care_item:hover {
    top: -4px;
}

.secure_section {
    padding-top: 94px;
    position: relative;
}

.secure_section .container {
    position: relative;
    z-index: 100;
}

.secure_section::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-image: url(../img/bg_secure.jpg);
    max-height: 466px;
    height: 100%;
}

.secure_section h2 {
    margin-bottom: 15px;
    color: #fff;
}

.secure_section .after_h2 {
    color: #fff;
    margin-bottom: 40px;
}

.secure_section .after_h2 span {
    color: black;
}

.secure_section .after_h2 span svg {
    top: -6px;
}

.secure_panel_wrp {
    position: relative;
    background: #FFFFFF;
    -webkit-box-shadow: 10px 14px 160px rgba(0, 0, 0, 0.08);
    box-shadow: 10px 14px 160px rgba(0, 0, 0, 0.08);
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    z-index: 10;
}

.secure_item::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(../img/ps_secure2.svg);
    background-repeat: no-repeat;
    height: 4px;
    width: calc(100% - 70px);
    top: 34px;
    left: calc(50% - 30px);
    z-index: -1;
}

.secure_item:last-child::before {
    display: none
}

.secure_item {
    position: relative;
}

.secure_item div {
    margin-bottom: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 70px;
    height: 70px;
    border: 2px solid #363a3b;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 15px;
    background-color: #fff;
}

.secure_item:hover div {
    background-color: #363a3b;
}

.secure_item p {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}

.way_section h2 span {
    color: #363a3b;
}

.way_section {
    padding: 10px 0;
	 margin-bottom: 50px;
}

.way_section h2 {
    margin-bottom: 35px;
	 margin-top: 55px;
}

.way_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px;
    background-position: center;
    background-size: cover;
    height: 100%;
    min-height: 484px;
    border-radius: 20px;
}

.way_img img {
    max-width: 100%;
    max-height: 100%;
}

.way_info {
    position: relative;
    z-index: 10;
    padding-right: 15px;
}

.way_info > img {
    z-index: -1;
    position: absolute;
    top: -30px;
    right: 0;
}

.way_ttle {
    margin-bottom: 1px;
    font-weight: bold;
    font-size: 35px;
    line-height: 37px;
    color: #000000;
}

.way_subttle {
    margin-bottom: 40px;
    font-weight: normal;
    font-size: 26px;
    line-height: 29px;
    color: #000000;
}

.way_list {}

.way_list li {
    margin-bottom: 25px;
    font-size: 21px;
    line-height: 24px;
    color: #000000;
    position: relative;
    padding-left: 48px;
}

.way_list li:last-child {
    margin-bottom: 0;
}

.way_list li::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(../img/way_list.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    left: 0;
    top: 2px;
}

.ways_wrp_all > .row:nth-child(odd) > div:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.ways_wrp_all > .row:nth-child(odd) > div:nth-child(1) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-left: 0;
}

.ways_wrp_all > .row:nth-child(even) > div:nth-child(1) {
    padding-right: 0;
}

.ways_wrp_all > .row:nth-child(even) .way_info {
    padding-left: 15px;
    padding-right: 0;
}

.ways_wrp_all > .row::before {
    content: '';
    display: block!important;
    position: absolute;
    width: 80px;
    height: 80px;
    z-index: 100;
    left: calc(50% - 39px);
    bottom: -39px;
    background-size: 80px;
}

.ways_wrp_all > .row {
    position: relative;
}

.ways_wrp_all > .row:last-child::before {
    display: none!important
}

.will_see {
    background-position: center;
    background-size: cover;
    padding: 100px 0;
    background-image: url(../img/bg_600.jpg);
}

.will_see img {
    max-width: 100%;
    display: inline-block;
    margin-top: 40px;
}

.will_see h2 {
    color: #fff;
    margin-bottom: 40px;
    font-size: 43px;
}

.will_see .after_h2 {
    margin-bottom: 0;
    color: #fff;
}

.will_see .after_h2 span {
    color: black;
}

.will_see .after_h2 span svg {
    top: -3px;
    left: -7px;
}

.statistics_section {
    padding-top: 85px;
    overflow: hidden;
    padding-bottom: 50px;
}

.statistics_section h2 {
    margin-bottom: 20px;
}

.statistics_section .after_h2 {
    margin-bottom: 40px;
}

.statistics_section .after_h2 span svg {
    top: -6px;
    left: -11px;
}

.slider_stat_wrp {
    position: relative;
}

.slider_stat_wrp::before {
    content: '';
    display: block;
    position: absolute;
    background: #FFFFFF;
    -webkit-box-shadow: 10px 14px 40px rgba(0, 0, 0, 0.04);
    box-shadow: 10px 14px 40px rgba(0, 0, 0, 0.04);
    border-radius: 19px;
    top: 24px;
    left: 24px;
    width: 100%;
    height: 100%;
}

.stat_item {
    text-align: center;
    min-height: 254px;
    padding: 30px 55px;
    border-radius: 15px;
    background-color: #fff;
}

.stat_item img {
    max-width: 100%;
	text-align: center;
}

.slider_stat {
    border-radius: 15px;
    -webkit-box-shadow: 10px 14px 160px rgba(0, 0, 0, 0.08);
    box-shadow: 10px 14px 160px rgba(0, 0, 0, 0.08);
}

.go_prev,
.go_next {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/prev.svg);
    background-color: #F5F2F0;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

.go_prev:hover,
.go_next:hover {
    background-color: #363a3b;
}

.go_next {
    background-image: url(../img/next.svg);
}

.stat_nav {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 160px;
}

.stat_num {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    margin-left: 30px;
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    color: #000000;
}

.line_stat {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 2px;
    background-color: black;
    margin: 0 5px;
}

.stat_nav_wrp {
    margin-top: 50px;
    position: relative;
    z-index: 100;
}

.stat_num span {
    vertical-align: middle;
}

.quiz_section {
    background-position: center;
    background-size: cover;
    padding: 85px 0;
    background-image: url(../img/bg_quiz.jpg);
}

.quiz_section h2 {
    color: #fff;
}

.quiz_section .after_h2 {
    margin-bottom: 12px;
    margin-bottom: 45px;
    color: #fff;
}

.quiz_section .after_h2 span {
    color: black;
}

.quiz_section .after_h2 span svg {
    top: -2px;
    left: -4px;
}

.quiz_ttle {
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 42px;
    line-height: 52px;
    color: #FFFFFF;
}

.quiz_ttle span {
    color: #363a3b;
}

.quiz_inner {
    min-height: 237px;
}

.quiz_inner .flex {
    margin-bottom: -25px;
}

.quiz_inner .flex > div {
    margin-bottom: 25px;
}

.check_item_quiz {
    height: 100%;
    min-height: 92px;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 4px solid transparent;
    background-color: #fff;
    background: #FFFFFF;
    border-radius: 10px;
    padding-left: 84px;
    padding-top: 15px;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    padding-bottom: 15px;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}

.check_item_quiz::before {
    background-image: url(../img/check1.svg);
    background-repeat: no-repeat;
    content: '';
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 30px;
    top: calc(50% - 12px);
}

.check_item_quiz.checked,
.check_item_quiz:hover {
    border-color: #363a3b;
}

.check_item_quiz.checked::before {
    background-image: url(../img/check2.svg);
}

.control_flex {
    margin-bottom: -15px;
}

.control_flex > div {
    margin-bottom: 15px;
}

.step_prev {
    height: 90px;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    display: none;
    color: #FFFFFF;
}

.step_prev:hover {
    background-color: #000
}

.step_next {}

.quiz_item {
    display: none
}

.quiz_item:first-child {
    display: block
}

input {
    height: 90px;
    width: 100%;
    background: #fff;
    border: none;
    padding: 0 1px;
    font-weight: normal;
    border: 1px solid transparent;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}

.square_object,
.adres_object {
    max-width: 410px;
}

::-webkit-input-placeholder {
    color: #000;
}

::-moz-placeholder {
    color: #000;
}

:-moz-placeholder {
    color: #000;
}

:-ms-input-placeholder {
    color: #000;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}


.quiz_item form {
    max-width: 712px;
    display: -webkit-box;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
}

.quiz_item form input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 35px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.quiz_item form button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.quiz_item .pressing {
    text-align: center
}

.pressing {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.pressing a {
    color: #363a3b;
}

.pressing a:hover {
    text-decoration: underline;
}

:focus::-webkit-input-placeholder {
    color: transparent
}

:focus::-moz-placeholder {
    color: transparent
}

:focus:-moz-placeholder {
    color: transparent
}

:focus:-ms-input-placeholder {
    color: transparent
}

.cases_wrp_section h2 {
    margin-bottom: 30px;
}

.cases_wrp_section {
    padding-top: 40px;
    padding-bottom: 124px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(../img/bg_cases.png);
    background-position: calc(50% + 421px) 0;
}

.case_item {
    position: relative;
    z-index: 100;
    background-color: #fff;
    border-radius: 15px;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cases_carousel {
    z-index: 1;
    border-radius: 15px;
    -webkit-box-shadow: 10px 14px 160px rgba(0, 0, 0, 0.08);
    box-shadow: 10px 14px 160px rgba(0, 0, 0, 0.08);
    position: relative;
}

.case_imgs {
    width: 415px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.case_descript {
    width: calc(100% - 415px);
    padding-left: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.case_main_img {
    background-position: center;
    background-size: cover;
    margin-bottom: 12px;
    height: 255px;
    border-radius: 15px;
}

.case_screen {
    border-radius: 15px;
    display: block;
    background-position: center;
    background-size: cover;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f2f2f2;
}

.case_label {
    margin-bottom: 8px;
    display: inline-block;
    font-weight: bold;
    font-size: 24px;
    line-height: 22px;
    color: #000000;
    padding: 0 5px;
}

.case_in_text {
    margin-bottom: 25px;
    font-weight: normal;
    font-size: 19px;
    line-height: 22px;
    color: #000000;
}

.case_button {
    max-width: 290px;
}

.cases_wrp {
    position: relative;
}

.cases_wrp::before {
    content: '';
    display: block;
    position: absolute;
    top: 50px;
    left: 50px;
    background: #F7FFFFF;
    -webkit-box-shadow: 10px 14px 40px rgba(0, 0, 0, 0.04);
    box-shadow: 10px 14px 40px rgba(0, 0, 0, 0.04);
    border-radius: 19px;
    width: 100%;
    height: 100%;
}

.cases_wrp::after {
    content: '';
    display: block;
    position: absolute;
    top: 25px;
    left: 25px;
    background: #FFFFFF;
    -webkit-box-shadow: 10px 14px 40px rgba(0, 0, 0, 0.04);
    box-shadow: 10px 14px 40px rgba(0, 0, 0, 0.04);
    border-radius: 19px;
    width: 100%;
    height: 100%;
}

.cases_wrp .stat_nav_wrp {
    margin: 0;
    position: absolute;
    bottom: 50px;
    right: 40px;
    z-index: 100;
}

.advice_section {
    position: relative;
    padding-top: 10px;
    z-index: 100;
}

.advice_section .normb {
    max-width: 440px;
    margin-top: 45px;
}

.advice_section::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-image: url(../img/advice_bg.jpg);
    max-height: 915px;
}

.advice_section .container {
    position: relative;
    z-index: 100
}

.advice_section h2 {
    color: #fff;
    margin-bottom: 12px;
}

.advice_section a {
    color: #ffff00;
	text-decoration: underline;
}

.advice_section .after_h2 {
    color: #fff;
    margin-bottom: 40px;
	font-size: 28px;
}

.advice_section .after_h2 span {
    color: black
}

.advice_section .after_h2 span svg {
    top: -4px;
    left: -11px;
}

.rev_item {
    margin-bottom: 15px;
    position: relative;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 30px;
    padding-bottom: 28px;
    height: calc(100% - 13px);
}

.rev_item::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(../img/rev_triangle.svg);
    width: 19px;
    height: 15px;
    left: 34px;
    bottom: -13px;
}

.rev_header {
    margin-bottom: 30px;
    position: relative;
    z-index: 10;
}

.rev_img {
    display: inline-block;
    vertical-align: middle;
    background-position: top center;
    background-size: cover;
    border-radius: 10px;
    width: 110px;
    height: 110px;
}

.rev_names {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 114px);
    padding-left: 35px;
    position: relative;
}

.rev_names::before {
    content: '';
    display: block;
    position: absolute;
    width: 85px;
    height: 64px;
    z-index: -1;
    top: calc(50% - 32px);
    left: 17px;
}

.rev_names p {
    margin-bottom: 7px;
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #000000;
}

.rev_names span {
    display: block;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.rev_names span img {
    margin-right: 5px;
}

.rev_text {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

.rev_slider {
    margin-bottom: 45px;
}

.owl-prev {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-image: url(../img/prev22.svg);
    width: 73px;
    height: 73px;
    position: absolute;
    top: calc(50% - 36px);
    left: -120px;
}

.owl-next {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-image: url(../img/next22.svg);
    width: 73px;
    height: 73px;
    position: absolute;
    top: calc(50% - 36px);
    right: -120px;
}

.owl-prev:hover,
.owl-next:hover {
    opacity: .6
}

.video_rev_wrp {
    display: block;
}

.video_rev_wrp div {
    position: relative;
    border-radius: 12px;
    display: block;
    background-position: center;
    background-size: cover;
    margin-bottom: 20px;
    height: 235px;
}

.video_rev_wrp div::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-image: url(../img/play_rev.svg);
    background-size: 60px;
}

.video_rev_wrp:hover div::before {
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

.video_rev_wrp p {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    color: #000000;
    display: none;
}

.video_rev_wrp p span {
    display: block;
    font-weight: normal
}

.video_rev_slider .owl-prev,
.video_rev_slider .owl-next {
    top: calc(50% - 66px)
}

h2 span {
    position: relative;
}

h2 span svg {
    position: absolute;
    left: -15px;
    z-index: -1;
    top: -2px;
    display: none;
}

.tarif_section {
    padding-top: 100px;
    padding-bottom: 80px;
    position: relative;
}

.tarif_section .container {
    position: relative;
    z-index: 100
}

.tarif_section::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-image: url(../img/bg_tarif.jpg);
    height: 100%;
    background-position: center;
    top: -150px;
    border-bottom: 1px solid #f0f0f0;
}

.tarif_section h2 {
    margin-bottom: 40px;
}

.tarif_item {
    padding: 30px;
    padding-top: 24px;
    background: #FFFFFF;
    -webkit-box-shadow: 10px 14px 160px rgba(0, 0, 0, 0.08);
    box-shadow: 10px 14px 160px rgba(0, 0, 0, 0.08);
    border-radius: 15px;
    position: relative;
    top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.tarif_item:hover {
    top: -4px;
}

.tarif_t1 {
    font-weight: bold;
    font-size: 30px;
    line-height: 37px;
    color: #000000;
}

.tarif_t2 {
    margin-bottom: 0;
    margin-top: 14px;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}

.sale_img {
    max-width: 100%;
    display: inline-block;
    margin-top: 13px;
}

.tarif_list {
    margin-top: 34px;
    margin-bottom: 34px;
}

.tarif_list li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 24px;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    color: #000000;
}

.tarif_list li:last-child {
    margin-bottom: 0;
}

.tarif_list li::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
}

.photogallery_main {
    padding-bottom: 85px;
}

.photogallery_main .after_h2 {
    margin-bottom: 30px;
}

.photogallery_item {
    display: block;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #FFFFFF;
    -webkit-box-shadow: 5px 2px 160px rgba(0, 0, 0, 0.08);
    box-shadow: 10px 14px 160px rgba(0, 0, 0, 0.08);
    border-radius: 15px;
}

.photogallery_item::before {
    content: '';
    display: block;
    padding-top: 126%;
}

.photogallery_item span {
    background-position: center;
    background-size: cover;
    display: block;
    top: 20px;
    left: 20px;
    position: absolute;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
}

.photogallery_item:hover {
    background-color: #363a3b;
}

.photogallery_main .flex {
    margin-bottom: -20px;
}

.photogallery_main .flex > div {
    margin-bottom: 20px;
}

blockquote {
    padding: 0;
    border: none;
    background: none;
    padding-left: 62px;
    max-width: 970px;
    position: relative;
    margin: 60px 0;
    font-weight: bold;
    font-size: 25px;
    line-height: 34px;
    color: #000000;
}

blockquote::before {
    content: '';
    display: block;
    position: absolute;
    width: 85px;
    height: 64px;
    left: -50px;
    top: 0;
}

.attent_section {
    background-image: url(../img/attent_bg1.jpg);
    background-position: center;
    background-size: cover;
    padding: 84px 0
}

.attent_section h2 {
    color: #fff;
    margin-bottom: 23px;
}

.attent_section .after_h2 {
    margin-bottom: 123px;
    color: #fff;
}

.attent_section .after_h2 span {
    color: black;
}

.attent_section .after_h2 span svg {
    top: -2px;
    left: -7px;
}

.attent_section form {
    max-width: 712px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.attent_section form input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 35px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.attent_section form button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.faq_section {
    padding-top: 84px;
	margin-bottom: 40px;
}

.faq_section .after_h2 span svg {
    top: -3px;
}

.faq_section .after_h2 {
    margin-bottom: 25px;
}

.faq_item {
    position: relative;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 35px 40px;
    background: #FFFFFF;
    -webkit-box-shadow: 10px 14px 160px rgba(0, 0, 0, 0.08);
    box-shadow: 10px 14px 160px rgba(0, 0, 0, 0.08);
    border-radius: 15px
}

.faq_item::before {
    background-image: url(../img/faq_ar.svg);
    content: '';
    display: block;
    position: absolute;
    -webkit-filter: brightness(0);
    filter: brightness(0);
    width: 23px;
    height: 23px;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    top: 35px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 40px;
}

.faq_item.opened::before {
    -webkit-filter: brightness(1);
    filter: brightness(1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.faq_header {
    padding-right: 25px;
    font-weight: bold;
    font-size: 22px;
    line-height: 27px;
    color: #000000;
}

.faq_body {
    border-left: 5px solid #363a3b;
    padding-left: 15px;
    margin-top: 25px;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    display: none;
    color: #000000;
}

a.normb {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.wa_section {
    background-repeat: no-repeat;
    padding-top: 125px;
    padding-bottom: 75px;
    background-image: url(../img/bg_wh.jpg);
    background-position: calc(50% + 21px) -557px;
}

.wa_section h2 {
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 51px;
    line-height: 52px;
    color: #000000;
}

.wa_section .after_h2 span svg {
    top: -5px;
}

.wa_section .after_h2 {
    margin-bottom: 45px;
}

.wa_section .normb {
    max-width: 390px;
}

a.normb img {
    top: 0;
}

.after_wa_section {
    background-image: url(../img/bg_afterwa.jpg)
}

.after_wa_section h2 {
    margin-bottom: 0;
}

.after_wa_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 1107px;
    margin-top: 60px;
    margin-bottom: 75px;
}

.after_wa_flex div {
    padding-left: 30px;
    position: relative;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    text-align: left;
}

.after_wa_flex div::before {
    content: '';
    background-image: url(../img/flex_ps.svg);
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    display: block;
    position: absolute;
}

.contact_section {
    padding-top: 70px;
    position: relative;
	 background-image: url(../img/bg1.jpg);
	 
}

.map_wrp {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.map_wrp iframe {
    width: 100%;
    height: 100%;
}

.contact_wrp {
    position: relative;
    z-index: 100;
    max-width: 690px;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 60px;
    padding-right: 60px;
    background: #FFFFFF;
    border-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.contact_wrp h2 {
    margin-bottom: 50px;
}

.cont_list {}

.cont_list li {
    margin-bottom: 16px;
    position: relative;
    padding-left: 32px;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}

.cont_list li a {
    font-weight: bold;
    color: black;
}

.cont_list li a:hover {
    text-decoration: underline;
}

.cont_list li:last-child {
    margin-bottom: 0;
}

.cont_list li > img {
    position: absolute;
    left: 0;
    top: 0;
}

.cont_list li span {
    display: inline-block;
    vertical-align: top;
    padding-left: 7px;
}

footer {
    padding: 18px 0;
    background-color: #DCDCDC;
}

.foot_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.foott {
    margin-bottom: 0;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

a.foott:hover {
    text-decoration: underline;
}

.razrab {
    position: relative;
    top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.razrab:hover {
    top: -4px
}

@-webkit-keyframes line_hover_in {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@keyframes line_hover_in {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-webkit-keyframes line_hover_out {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }
    100% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }
}

@keyframes line_hover_out {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }
    100% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }
}

.top_nav li a::after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: -7px;
    width: 100%;
    height: 2px;
    background: #363a3b;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-animation: line_hover_out 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) both;
    animation: line_hover_out 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) both;
}

.top_nav li a:hover::after {
    -webkit-animation: line_hover_in 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) both;
    animation: line_hover_in 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) both;
}

.normb {
    overflow: hidden;
}

@-webkit-keyframes blink {
    from {
        left: -85px;
    }
    to {
        left: 120%
    }
}

@keyframes blink {
    from {
        left: -85px;
    }
    to {
        left: 120%
    }
}

.normс::after {
    background: #fff;
    content: "";
    height: 295px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -10;
    -webkit-animation-name: blink;
    animation-name: blink;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    z-index: 10;
}

.step_next::after {
    display: none
}

.modal-dialog {
    max-width: 620px;
    width: 100%;
    margin: 0 auto;
    padding: 15px;
    margin-top: 40px;
}

.modal_wrp {
    position: relative;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 14px 230px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 14px 230px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 40px;
    padding-bottom: 30px;
}

.closemod {
    position: absolute;
    cursor: pointer;
    z-index: 100;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    top: 11px;
    right: 11px;
}

.closemod:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.modal_wrp .flex {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -10px;
}

.modal_wrp .flex > div {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

.modal_wrp .flex input {
    height: 70px;
    background-color: #F6F6F6;
    padding: 0 30px
}

.modal_wrp form .flex button {
    max-width: 100%;
    width: 100%;
}

.modal_wrp form .pressing {
    margin-top: 20px;
    color: black;
    max-width: 380px;
}

.mt1 {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 37px;
    line-height: 46px;
    color: #000000;
}

.mt2 {
    margin-bottom: 40px;
    font-weight: normal;
    font-size: 22px;
    line-height: 26px;
    color: #000000;
}

#politika .modal-dialog {
    max-width: 1200px;
}

.owl-dots {
    text-align: center;
    margin-top: 25px;
    display: none;
}

.owl-dot {
    background-color: #dedede;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px;
}

.owl-dot.active {
    background-color: #363a3b
}

.open_nav {
    display: none
}

.play_vid {
    display: none
}
.wa_call {
    max-height: 50px
}
.wa_call_mob,
.recall {
    display: none
}
.pressing {
    padding-left: 32px;
}
.pressing::before {
    position: absolute;
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    border: 2px solid #fff;
    border-radius: 4px;
    top: -1px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.pressing.pressed::before {
    
border-color: #363a3b;
    
border-width: 5px;
}
form > div:not(.flex) {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
    text-align: center;
}
.noActive::before, .noActive::after {
    display: none!important
}
.noActive {
    opacity: .5!important
}
.photogallery_item.horb::before {
    padding-top: 80%;
}
.cases_carousel  .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cases_carousel .item {
    height: 100%;
}

.cases_carousel .case_item {
    height: 100%;
}
.case_upper {
    width: 100%
}

.rev_slider  .owl-stage {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.rev_slider  .item {
    height: 100%
}
.onlyxs {
	display: none
}
.complex_flex > div {
    padding-left: 0;
    padding-right: 0;
}
.complex_flex {
    margin-bottom: 65px;
}
.complex_item_wrp {
    background-repeat: no-repeat!important;
    height: 100%;
    padding-top: 30px;
    padding-right: 20px;
    padding-bottom: 30px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding-left: 75px;
    background: linear-gradient(140.57deg, #FFFFFF 5.31%, #EBEBEF 150.51%), #F9F8F8;
}

.complex_item_wrp:hover {
    z-index: 100;
    position: relative;
    -webkit-box-shadow: 0px 5px 10px rgba(217, 217, 223, 0.4);
    box-shadow: 0px 5px 10px rgba(217, 217, 223, 0.4);
}

.coplex_num {
    margin-bottom: 64px;
    font-weight: normal;
    font-size: 58px;
    line-height: 1;
    text-transform: uppercase;
    font-family: 'Forum', cursive;
    color: #B28B66;
}

.complex_ttle {
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    color: #40372E;
}

.complex_descript {
    margin-bottom: 0;
    max-width: 425px;
    font-weight: normal;
    font-size: 19px;
    line-height: 22px;
    color: #40372E;
}

.complex_item1 {
    border-top-left-radius: 6px;
    background-image: url(../img/test1.jpg);
    background-position: top right;
}

.complex_item2 {
    background: #FFFFFF;
    border-top-right-radius: 6px;
    padding-left: 82px;
    background-image: url(../img/test2.jpg);
    background-position: top right;
}

.complex_item3 {
    border-bottom-left-radius: 6px;
    background: #FFFFFF;
    background-image: url(../img/test3.jpg);
    background-position: 100% 25px;
}

.complex_item4 {
    border-bottom-right-radius: 6px;
    padding-left: 82px;
    background: #F9F8F8;
    background-image: url(../img/test4.jpg);
    background-position: top right;
}

.complex_flex {
    margin-bottom: 65px;
}

.quality_flex {
    margin-bottom: 35px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.quality_flex h2 {
    margin-bottom: 45px;
}
.bottom_section {

	background: #F4F4F6;
}
.intros_section {
    position: relative;
    padding-top: 50px;
    padding-bottom: 55px;
}
.intros_section .container {
    position: relative;
    z-index: 100;
}
.intros_section::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(../img/intro_img.jpg);
    top: 0;
    height: 100%;
    right: 0;
    width: 50%;
    background-position: center;
    background-size: cover;
    border-bottom-left-radius: 10px;
}
.after_h1 {
    padding-left: 19px;
    border-left: 4px solid #363a3b;
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 32px;
    line-height: 43px;
    color: #323232;
}
.after_h1 span {
    font-weight: 500;
}
.after_h12 {
    margin-bottom: 30px;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.25;
    color: #323232;
}
.intro_list {
    margin-bottom: 45px;
    max-width: 560px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.intro_list li {
    position: relative;
    font-weight: normal;
    font-size: 19px;
    line-height: 21px;
    padding-top: 42px;
    color: #323232;
}

.intro_list li::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(../img/intro_check.svg);
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    margin-top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.intro_list li:hover::before {
    margin-top: -4px;
}

.intro_in_wrp {
    position: relative;
    margin-bottom: 14px;
    max-width: 740px;
    width: 100%;
    background: #FFFFFF;
    -webkit-box-shadow: 10px 14px 76px rgba(10, 19, 51, 0.15);
    box-shadow: 10px 14px 76px rgba(10, 19, 51, 0.15);
    border-radius: 10px;
    height: 114px;
}

.intro_in_wrp::before {
    content: '';
    display: block;
    position: absolute;
    width: 70px;
    top: 1px;
    height: 70px;
    left: -95px;
}

.intro_in_wrp input {
    background: none;
    border: none;
    position: relative;
    height: 100%;
    padding: 0;
    background: none;
    border: none;
    padding-left: 75px;
    left: 0;
    border: 1px solid #fff;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    color: #000000;
    width: 100%;
    padding-right: 370px;
}

::-webkit-input-placeholder {
    color: #000000;
}

::-moz-placeholder {
    color: #000000;
}

:-moz-placeholder {
    color: #000000;
}

:-ms-input-placeholder {
    color: #000000;
}

[name="phone"] {
    background-repeat: no-repeat!important;
}

.intro_send {
    right: 12px;
    top: 12px;
    height: calc(100% - 24px);
    width: 355px;
    background: #363a3b;
    border-radius: 6px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
}

.intro_preim {
    padding-top: 50px;
    padding-bottom: 80px;
}

.intro_preim_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.intro_preim_list li {}

.intro_preim_list li img {
    display: inline-block;
    position: relative;
    top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.intro_preim_list li:hover img {
    top: -4px
}

.intro_preim_list li p {
    font-weight: 600;
    font-size: 84px;
    margin-top: 10px;
    margin-bottom: 18px;
    line-height: 1;
    color: #363a3b;
}

.intro_preim_list li span {
    display: block;
    font-weight: normal;
    font-size: 23px;
    line-height: 27px;
    color: #000000;
}

.intro_preim_list li:nth-child(2) {
    margin-top: 45px;
}

.intro_preim_list li:nth-child(3) {
    margin-top: 95px;
}


.head_cont {
    width: 335px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.toptel {
    font-weight: bold;
    font-size: 17px;
    line-height: 22px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-align: right;
    color: #000000;
}

.toptel:hover {
    color: #363a3b
}
.recall {
    height: 56px;
    width: 170px;
    background: #363a3b;
    border-radius: 5px;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.pressing span {
    text-decoration: underline;
}
.pressing span:hover {
    text-decoration: none
}
.pressing {
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: 0;
    padding-left: 29px;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: rgba(50, 50, 50, 0.44);
    margin-bottom: 10px;
    display: inline-block;
}

.pressing::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0px;
    width: 18px;
    height: 18px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 6px solid rgba(50, 50, 50, 0.44);
}

.pressing.pressed::before {
    border-color: #363a3b;
}
.praim_section {
	background: #F4F4F6;
	padding-top: 40px;
}
.wd_block {
    background: #FFFFFF;
border: 1px solid #F5F5F5;
box-sizing: border-box;
    padding: 40px;
    padding-top: 25px;
    transition: 0.3s;
}
.wd_block:hover {
	border-color: #363a3b;
}
.wd_block img {
    display: inline-block;
    margin-bottom: 16px;
}
.wd_block p {
    margin-bottom: 14px;
    font-weight: 600;
font-size: 23px;
line-height: 29px;

color: #000000;
}
.wd_block span {
    font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;

color: #000000;
}
.wd_flex {
    margin-bottom: -30px;
}
.wd_flex > div {
    margin-bottom: 30px;
}
.company_section h2 {
    margin-bottom: 30px;
}

.company_section {
    padding-bottom: 120px;
    padding-top: 95px;
}
.company1 {
    float: right;
    margin-right: 40px;
	border-radius: 10px;
	max-width: 120%;
}
.use_wrp {}

.use_wrp p {
    margin-bottom: 15px;
    font-weight: normal;
    font-size: 20px;
    line-height: 25px;
    color: #310D0C;
}

.use_wrp p:last-child {
    margin-bottom: 0;
}

.use_wrp p span {
    width: 24px;
    height: 4px;
    background: #363a3b;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.company_section h2 {
    margin-bottom: 30px;
}

.company_section2 {
    padding-bottom: 120px;
    padding-top: 95px;
	 background: #FFA800;
}
.company12 {
    float: right;
    margin-right: 40px;
	border-radius: 10px;
	max-width: 120%;
}
.use_wrp2 {}

.use_wrp2 p {
    margin-bottom: 15px;
    font-weight: normal;
    font-size: 30px;
    line-height: 35px;
    color: #363a3b;
}

.use_wrp2 p:last-child {
    margin-bottom: 0;
}

.use_wrp2 p span {
    width: 24px;
    height: 4px;
    background: #363a3b;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.company_section2 h2 {
    margin-bottom: 30px;
	color: #363a3b;
}
.five {
	margin-top: 1px;
    padding-top: 15px;
    z-index: 10;
    position: relative;
    padding-bottom: 20px;
	
}

.five::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 533px;
    background-repeat: no-repeat;
    background-position: calc(50% + 840px) 0;
    top: -50px;
    -webkit-animation: float 5s ease-in-out infinite;
    animation: float 5s ease-in-out infinite;
}

.five h2 {
    font-size: 50px;
	color: #40372E;
	margin-bottom: 50px;
}

.five .make_pleasure {
    margin-bottom: 75px;
    padding: 0;
    border: none;
    margin-top: 50px;
}
.container_flex {
    margin-bottom: -40px;
    padding-bottom: 24px;
}

.container_flex > div {
    margin-bottom: 40px;
}

.contain_item {
    position: relative;
    height: 100%;
    padding-top: 34px;
    padding-bottom: 34px;
    padding-left: 40px;
    padding-right: 40px;
    -webkit-box-shadow: 0px 5px 10px rgba(217, 217, 223, 0.4);
    box-shadow: 0px 5px 10px rgba(217, 217, 223, 0.4);
    background: #FFFFFF;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.contain_item::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: -5px;
    top: 5px;
    background: #363a3b;
    opacity: 0.1;
    border-radius: 6px;
    -webkit-transform: rotate(-1.54deg);
    transform: rotate(-1.54deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: -1;
}

.contain_item:hover::before {
    background: #363a3b;
    opacity: 1;
}

.contain_ttle {
	text-align: center;
    font-weight: 500;
    font-size: 22px;
    line-height: 22px;
    color: #40372E;
    width: 100%;
}
.zakaz_but {
	text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #363a3b;
    width: 100%;
	text-decoration: underline dotted;
}
.zakaz_but1 {
	text-align: center;
    font-weight: 500;
    font-size: 45px;
    line-height: 22px;
    color: #363a3b;
    width: 100%;
	text-decoration: underline dotted;
}
.zakaz_but {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-329.83%, #FFFFFF), color-stop(173.39%, rgba(0, 0, 0, 0))), #363a3b;
    background: linear-gradient(180deg, #FFFFFF -329.83%, rgba(0, 0, 0, 0) 173.39%), #363a3b;
    background-blend-mode: soft-light, normal;
    -webkit-box-shadow: inset 0px 4px 14px rgba(255, 255, 255, 0.25);
    box-shadow: inset 0px 4px 14px rgba(255, 255, 255, 0.25);
    border-radius: 10px;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}

.zakaz_but:hover {
     color: #F29731;
	border: 2px solid grey;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}

.zakaz_but:active {
     color: #fff;
	border-top: 2px solid grey;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}
.look_more {
    width: 100%;
    max-width: 215px;
    height: 55px;
	margin:auto;


}

.cont_img {
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    margin-bottom: 10px;
    width: 100%;
}

.cont_img img {
    max-width: 100%;
    max-height: 100%;
}

.contain_price {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #40372E;
    width: 100%;
    display: none;
}

.contain_price span {
    font-weight: 500;
    font-size: 25px;
}
.mod_wrp {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
    max-width: 600px;
    background: #FFFFFF;
    -webkit-box-shadow: 7px 26px 66px rgba(48, 48, 60, 0.24);
    box-shadow: 7px 26px 66px rgba(48, 48, 60, 0.24);
    border-radius: 6px;
    padding-top: 55px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 55px;
}

.mod_wrp::before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    opacity: 0.2;
    border: 1px solid #363a3b;
    border-radius: 3px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
}
.modal-lg {
    max-width: 1160px;
    width: 100%;
}

.modal-lg .mod_wrp {
    max-width: 100%
}
.modal_in {
    position: relative;
    z-index: 100;
}

.case_ttle_modal {
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 28px;
    line-height: 30px;
    color: #40372E;
}

.modal-backdrop.in {
    background: #40372E;
    opacity: 0.6;
}

.case_img_item {
    display: block;
    background-position: center;
    background-size: cover;
    position: relative;
    height: 340px;
    margin-bottom: 10px;
}

.case_img_item::before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    border: 1px solid #fff;
    border-radius: 3px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
}

.owl-nav > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 50%;
    background-color: #fff;
    width: 50px;
    height: 50px;
    -webkit-box-shadow: 0px 5px 10px rgba(217, 217, 223, 0.4);
    box-shadow: 0px 5px 10px rgba(217, 217, 223, 0.4);
    cursor: pointer;
    position: absolute;
}

.owl-nav > div:hover {
    background-color: #363a3b;
}

.owl-nav > div:hover::before {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.owl-prev::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(../img/prev.svg);
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.owl-next::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(../img/next.svg);
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.owl-next {
    top: calc(50% - 25px);
    right: -25px
}

.owl-prev {
    top: calc(50% - 25px);
    left: -25px;
}

.target_item {
    display: block;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    position: relative;
    border-radius: 6px;
}

.target_item::before {
    padding-top: 64%;
    content: '';
    display: block;
}

.target_item::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #363a3b;
    border-radius: 6px;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.car_targets {
    margin-left: -7px;
    margin-right: -7px;
    margin-bottom: -14px;
}

.car_targets > div {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 14px;
}

.target_item.active::after {
    opacity: 1
}
.case_media_area_wrp {
    padding-right: 15px;
}
.cat_ttle {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    color: #40372E;
}

.normt {
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 20px;
    line-height: 22px;
    color: #40372E;
}

.norm_list {
    margin-bottom: 30px;
}

.norm_list li {
    margin-bottom: 8px;
    position: relative;
    padding-left: 36px;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #40372E;
}

.norm_list li:last-child {
    margin-bottom: 0;
}

.norm_list li::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    background-image: url(../img/norm_list.svg);
    width: 22px;
    height: 22px;
}
.norm_list li::before {
	display: block;
	position: absolute;
	left: 0;
	height: 2px;
	width: 16px;
	background-color: #363a3b;
	top: 10px;
}
.over_forma_t {
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    color: #40372E;
    margin-bottom: 5px;
    border-left: 4px solid #363a3b;
    padding-left: 30px;
}

.over_forma_t p {
    font-weight: bold;
    margin-bottom: 0;
}
.in_item {
    position: relative;
    margin-bottom: 1px;
}

.in_item input {
    background: none;
    border: none;
    padding-bottom: 1px;
    width: 100%;
    font-weight: 500;
    font-size: 17px;
    line-height: 1px;
    padding-right: 30px;
    color: #40372E;
    border-bottom: 1px solid #40372E;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}


.in_item span {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: bold;
    font-size: 12px;
    line-height: 35px;
    text-align: right;
    color: #363a3b;
	
}

.in_item input:focus {
    border-bottom-color: #363a3b;
}
.in_item span.selected_in {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
    margin-top: 0;
    top: 48px;
}
form .zakaz_but {
    width: 100%;
    max-width: 100%;
    margin-top: 25px;
    height: 70px;
    margin-bottom: 15px;
    font-size: 14px;
}
form .zakaz_but1 {
    width: 100%;
    max-width: 100%;
    margin-top: 15px;
    height: 70px;
    margin-bottom: 20px;
    font-size: 30px;
}
.collection_container {
    position: relative;
    margin-top: 30px;
    padding-top: 60px;
}

.col_ttle {
    max-width: 100%;
    display: block;
}

.kott1 {
    margin-bottom: 35px;
    font-weight: 500;
    font-size: 26px;
    line-height: 30px;
    color: #40372E;
    margin-top: 74px;
}

.kott2 {
    margin-bottom: 50px;
    font-weight: normal;
    font-size: 20px;
    line-height: 27px;
    color: #40372E;
}

.collection_container > div {
    position: relative;
    z-index: 100
}

.collection_container::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(../img/house_bg2.png);
    width: 660px;
    height: 721px;
    top: 0px;
    left: calc(50% - 1050px);
}

.catalog_sight_bar {}

.catalog_sight_bar ul {
    overflow: hidden;
    background: #FFFFFF;
    border-radius: 6px;
    -webkit-box-shadow: 7px 20px 45px rgba(119, 109, 100, 0.1);
    box-shadow: 7px 20px 45px rgba(119, 109, 100, 0.1);
}

.catalog_sight_bar ul li {
    padding-left: 30px;
    padding-right: 30px;
    cursor: pointer;
    padding-top: 15px;
    padding-bottom: 15px;
}

.catalog_sight_bar ul li a {
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    border-bottom: 1px dashed #40372E;
    color: #40372E;
}

.catalog_sight_bar ul li.active {
    background: #363a3b;
}

.catalog_sight_bar ul li.active a {
    border-bottom-color: transparent;
    color: #fff;
}

.catalog_sight_bar ul li:hover a {
    border-bottom-color: transparent;
}

.izdelie_flex {
    margin-bottom: -40px;
}

.izdelie_flex > div {
    margin-bottom: 40px;
}

.izdelie_item {
    position: relative;
    -webkit-box-shadow: 0px 5px 10px rgba(217, 217, 223, 0.4);
    box-shadow: 0px 5px 10px rgba(217, 217, 223, 0.4);
    background-color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 6px;
    height: 100%;
}

.izdelie_img {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    height: 190px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.izdelie_img img {
    max-height: 100%;
    max-width: 100%;
}

.izdelie_img::before {
    content: '';
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-position: center;
    background-image: url(../img/zoom.svg);
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: rgba(178, 139, 102, 0.94)
}

.izdelie_img:hover::before {
    opacity: 1;
}

.izdelie_ttle {
    padding-top: 14px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: normal;
    font-size: 19px;
    line-height: 22px;
    color: #40372E;
    margin-bottom: 8px;
	text-align: center;
}

.izdelie_price {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 19px;
    line-height: 26px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 25px;
    color: #7D746D;
	text-align: center;
}

.izdelie_price span {
    font-size: 18px;
}

.izdelie_item.extra .izdelie_price {
    color: #40372E;
}

.izdelie_item:hover {
    -webkit-box-shadow: 7px 20px 45px rgba(190, 167, 146, 0.25);
    box-shadow: 7px 20px 45px rgba(190, 167, 146, 0.25);
}

.izdelie_item > img {
    position: absolute;
    z-index: 100;
    top: -23px;
    right: 20px;
}

.sale {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    position: absolute;
    z-index: 100;
    top: -18px;
    right: 30px;
    background: white;
    border: 1px solid rgb(193, 162, 132);
}

.sale::before {
    content: '';
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: transparent;
    border: 5px solid white;
    position: absolute;
    -webkit-box-shadow: 0px 0px 15px -4px rgb(196, 199, 199);
    -moz-box-shadow: 0px 0px 15px -4px rgb(196, 199, 199);
    box-shadow: 0px 0px 15px -4px rgb(196, 199, 199);
}

.sale__title {
    margin-top: 2px;
    font-size: 0.75rem;
    letter-spacing: 0.8px;
    font-weight: bold;
}

.sale__amount {
    color: #649A7D;
    font-size: 1.75rem;
    font-weight: normal;
    line-height: 1;
    margin-top: 2px;
}
.collection_container .steps_button {
    margin-top: 0;
    width: calc(100% + 10px);
    margin-left: -10px;
}

.collection_container .steps_button > a {
    margin: 0 10px;
}
.mat_use_section h2 {
    font-size: 55px;
    margin-bottom: 60px;
}

.mat_use_section {
    padding-top: 70px;
    padding-bottom: 80px;
    background-color: #FFFFFF
}

.ex_item {
    display: block;
    text-align: center;
    margin-bottom: 50px;
}

.ex_item:last-child {
    margin-bottom: 0;
}

.ex_item > div {
    margin-bottom: 30px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5%;
    background-position: center;
    background-size: cover;
}

.ex_item > div::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.ex_item > div::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 5%;
    background-repeat: no-repeat;
    background-position: center;

    transition: 0.3s;
    opacity: 0;
    background-color: rgba(178, 139, 102, 0.7);
    background-size: calc(100% - 20px);
}

.ex_item:hover > div::after {
    opacity: 1;
}

.ex_item > p {
    transition: 0.3s;
    margin-bottom: 0;
    min-height: 50px;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    /* or 139% */
    text-align: center;
    /* Brown_dark 01 */
    color: #40372E;
}

.ex_item:hover > p {
    color: #363a3b;
}

.owlex_wrp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 40px;
}

.owlex_wrp .owl-prev,
.owlex_wrp .owl-next {
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.owlex_wrp .owl-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 110px;
    order: 2;
}

.owlex_wrp .owl-dot.active .header-loader {
    width: 42px;
    height: 42px;
    border: 1px solid #363a3b;
    border-radius: 50%;
}
.mat_use_section {
    position: relative;
}

.mat_use_section::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 926px;
    background-repeat: no-repeat;
    bottom: -740px;
    background-position: calc(50% + 750px) 0;
}
.caseDiv1 {
    background-position: center;
    background-size: cover;
    background-image: url(../img/bg7.jpg);
    padding-top: 20px;
    padding-bottom: 75px;
}
.caseDiv1 h2{
    font-size: 60px;
	text-align: center;
	color: #FFA800;
}
.caseDiv1 span{
    font-size: 50px;

}
.caseDiv11 {
    background-position: center;
    background-size: cover;
    background-image: url(../img/bg8.jpg);
    padding-top: 20px;
    padding-bottom: 75px;
}
.caseDiv11 h2{
    font-size: 60px;
	text-align: center;
	color: #FFA800;
}
.caseDiv11 span{
    font-size: 50px;

}
.caseDiv12 {
    background-position: center;
    background-size: cover;
    background-image: url(../img/bg9.jpg);
    padding-top: 20px;
    padding-bottom: 75px;

}
.caseDiv12 h2{
    font-size: 60px;
	text-align: center;
	color: #FFA800;
}
.caseDiv12 span{
    font-size: 50px;

}
.caseDiv13 {
    background-position: center;
    background-size: cover;
    background-image: url(../img/bg10.jpg);
    padding-top: 20px;
    padding-bottom: 75px;

}
.caseDiv13 h2{
    font-size: 60px;
	text-align: center;
	color: #FFA800;
}
.caseDiv13 span{
    font-size: 50px;

}
.ct1 {
    font-size: 42px;
	color: #363a3b;
	line-height: 1;
    background: #FFA800;
	border-radius: 10px;
    padding: 0 10px;
    padding-bottom: 2px;
    display: inline-block;
}
.ct2 {
   font-size: 60px;
	text-align: center;
	color: #FFA800;
	line-height: 1; 
}
.ct3 {
    line-height: 31px;
font-size: 40px;
text-align: center;
max-width: 910px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
color: #FFFFFF;

margin-bottom: 50px;
}
.caseDiv1 .yb {
    width: 100%;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}
.caseDiv11 .yb {
    width: 100%;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}
.logoIn {
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    margin-bottom: 50px;
}
.tovarmod {
    padding-right: 0 !important;
}
.tovarmod .modal-dialog {
    max-width: 100%;
    width: 100%;
    margin: 0;
}
.kurs_infa_wrp {
    margin-bottom: 70px;
}
.kurs_infa_wrp > p {
    position: relative;
    line-height: 33px;
    font-size: 22px;
    color: #19191C;
    margin-bottom: 0;
}
.kurs_infa_wrp > p > span {
    position: absolute;
    line-height: 23px;
font-size: 18px;

color: #000000;
top: -20px;
mix-blend-mode: normal;
opacity: 0.5;
    display: inline-block;
}
.kurs_infa_wrp > p > span::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/line.png);
    background-repeat: no-repeat;
    background-position: center;
}
.kurs_infa_wrp > hr {
    background: none;
    border: none;
    display: block;
    height: 3px;
    background-color: #FFE924;
    margin-top: 10px;
    margin-bottom: 14px;
}
.kurs_infa_wrp > span {
    display: block;
    line-height: 25px;
    font-size: 19px;
    color: #19191C;
}
.caseDiv2 {
    padding: 100px 0;
    padding-bottom: 60px;

}
.teacher_wrp {
    position: relative;
    margin-bottom: 40px;
	margin: auto;
	
}
.teacher_wrp > div {
    background-position: center;
    background-size: cover;
    height: 200px;
    margin-bottom: 8px;
	margin: auto;
	
}
.teacher_wrp > p {
    margin-bottom: 8px;
    line-height: 29px;
    font-size: 22px;
    color: #000000;
	text-align: center;
}
.teacher_wrp > ul {
    padding: 0;
    margin: auto;
    list-style-type: none;
}
.teacher_wrp > ul li {
    margin-bottom: 8px;
    line-height: 1.4;
    font-size: 16px;
    color: #000000;
    padding-left: 20px;
    position: relative;
}
.teacher_wrp > ul li::before {
    width: 10px;
    height: 2px;
    background-color: #FFE924;
    display: block;
    position: absolute;
    left: 0;
    content: '';
    top: 10px;
}
.caseDiv3 {
    background-image: url(../img/bg8.jpg);
    background-size: 1920px 100%;
    background-position: top center;
    padding: 85px 0;
}
.kurs_in {
    position: relative;
}
.kurs_in > p {
    line-height: 31px;
font-size: 24px;

color: #19191C;
margin-bottom: 0;
}
.kurs_in > span {
    display: block;
    width: 50px;
    height: 2px;
    background: #19191C;
    margin-top: 13px;
    margin-bottom: 20px;
}
.kurs_in > ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.kurs_in > ul > li {
    line-height: 33px;
font-size: 19px;

color: #19191C;
}
.kurs_in > a {
    display: block;
    margin-top: 45px;
}
.kurs_in > a span {
    line-height: 18px;
font-size: 14px;
text-transform: uppercase;

color: #19191C;

    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 55px);
    padding-left: 10px;
}
.kurs_in > a:hover span {
    text-decoration: underline;
}
.before_after_wrp {
    background-color: #F0F0F0;
    transition: 0.3s;
    margin-bottom: 30px;
    padding: 30px 40px;
}
.before_after_wrp:hover {
    background-color: #FFE924
}
.before_after_wrp h2 {
    margin-bottom: 0;
    line-height: 1;
    margin-top: -9px;
}
.before_after_wrp p {
    line-height: 26px;
font-size: 19px;

color: #19191C;
margin-bottom: 0;
}
.before_after_wrp ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.before_after_wrp ul li {
    font-size: 19px;
position: relative;
    padding-left: 24px;
color: #000000;
}
.before_after_wrp ul li::before {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 2px;
    background: #19191C;
    left: 0;
    top: 14px;
}
.caseDiv4 {
    padding-top: 130px;
    padding-bottom: 100px;
}
.caseDiv5 {
    background-image: url(../img/bg9.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 100px;
}
.vygoda_wrp {
    margin-bottom: 30px;
    background-image: url(../img/bgvygoda.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    min-height: 192px;
    padding: 30px;
    padding-bottom: 30px;
    margin-top: 30px;
}
.vygoda_wrp > span {
    display: block;
    margin-bottom: 30px;
}
.vygoda_wrp > span > span {
    display: inline-block;
    vertical-align: top;
    line-height: 23px;
font-size: 20px;
padding-left: 15px;
color: #000000;
width: calc(100% - 65px);
}
.vygoda_wrp > p {
    
    margin-bottom: 0;
    line-height: 43px;
font-size: 34px;

color: #000000;
}
.caseDiv6 {
    
    background-image: url(../img/bg2.jpg);
    background-size: 1920px 100%;
    background-repeat: no-repeat;
    background-position: top center;
}
.reg_div {
    max-width: 270px;
}
.rt1 {
    line-height: 31px;
font-size: 24px;
margin-top: 70px;
color: #19191C;
margin-bottom: 30px;
}
.rt2 {
    position: relative;
    margin-bottom: 25px;
    line-height: 45px;
font-size: 35px;

color: #19191C;

}
.rt2 span {
    display: block;
    position: relative;
    font-size: 26px;

color: #000000;

mix-blend-mode: normal;
opacity: 0.8;
    margin-bottom: 2px;
}
.rt2 span  > span {
    display: inline-block;
    position: relative;
}
.rt2 span span::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/line.png);
    background-repeat: no-repeat;
    background-position: center;
}
.rt3 {
    line-height: 18px;
font-size: 14px;

color: #19191C;

}
.caseDiv7 {
    background-color: #F0F0F0;
    padding: 120px 0;
}
.caseDiv7 ul li {
font-size: 22px;
    cursor: pointer;
 margin-bottom: 5px;
color: #000000;
}
.caseDiv7 ul li:hover {
    text-decoration: underline;
}
.caseDiv1 .yb {
    display: flex!Important;
}
.caseDiv11 .yb {
    display: flex!Important;
}
.modal_inner_wrp {
        max-height: calc(100vh - 2px);
    overflow: auto;
    position: relative;
}
.closemod {
    position: fixed;
    cursor: pointer;
    z-index: 100;
    top: 40px;
    right: 40px;
}
.three {
    background-position: bottom center;
    /* height: 651px; */
    padding-top: 10px;
    padding-bottom: 50px;
	background-image: url(../img/tb.jpg);
}

.three h2 {
    font-size: 40px;
	text-align: center;
	color: #363a3b;
	
}
.three h2 span {
    font-size: 35px;
	text-align: center;
	color: #FF9933;
	
}
.t_wrp {
    
color: #fff;
}
.t_wrp table {
    width: 50%;
	margin-left: auto;
    margin-right: auto;
	border: 3px solid #363a3b;
}
.centr {
	align-items: center;
	border-bottom: 100px solid #000;
}
td, th {
    vertical-align: top;
    padding: 0.6rem 1rem;
    border-bottom: 1px solid #000;
    outline: none;
	background: #e1e6e9;
}

th {
    border-color: #000;
}
tr {
    font-size: 19px;
	color: black;

}
.t_wrp {
    margin-bottom: 40px;

}
.two {
    padding-bottom: 75px;
	background: #FFA800;
}
.two h2{
    margin-bottom: 30px;
	color: #363a3b;
}

.why_div {
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 31px;
    padding-right: 30px;
    background: #FFFFFF;
box-shadow: 0px 0px 86px rgba(0, 0, 0, 0.101371);
border-radius: 6px;
    min-height: 100%;
    position: relative;
}
.why_div::after {
    content: '';
    display: block;
    background-image: url(../img/check.png);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    left: -20px;
    top: 20px;
}
.why_div p {
    margin-bottom: 0;
    font-style: normal;
font-weight: normal;
font-size: 21px;
line-height: 31px;/* or 148% */

color: #000000;
}
.why_div p span {
    font-weight: 800;
	
}
.two .row > div {
    margin-bottom: 20px;
}
.logoIn {
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    margin-bottom: 50px;
}
.two {
    padding: 110px 0;
    background-color: #E8E8E8;
}
.ch_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 460px;
    margin-top: 10px;
}

.ch_flex p {
    padding-left: 66px;
    position: relative;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    color: #000000;
}

.ch_flex p::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    background-image: url(../img/choose.svg);
    width: 54px;
    height: 54px;
    top: calc(50% - 27px);
    margin-top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.ch_flex p:hover::before {
    margin-top: -4px;
}
.measure_item {
    background: #F7F7F7;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.measure_item:last-child {
    margin-bottom: 0;
}

.measure_img {
    position: relative;
    width: 460px;
    background: #FFFFFF;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    padding: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.measure_img img {
    max-width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    max-height: 100%;
}

.measure_img:hover img {
    -webkit-transform: scale(0.95);
    transform: scale(0.95)
}

.measure_img.hit::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(../img/hit.svg);
    width: 75px;
    height: 75px;
    top: 25px;
    right: -37px
}

.measure_descript {
    padding: 50px;
    width: calc(100% - 460px)
}

.header_measure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header_measure > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    top: -3px;
}

.mes_ttel {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 40px;
    line-height: 1;
    color: #000000;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mes_info {
    max-width: 360px;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mes_info p {
    margin-bottom: 0;
	font-weight: bold;
    position: relative;
    padding-left: 22px;
    font-size: 30px;
    line-height: 1;
    color: #363A3B;
}

.mes_info p span {
    text-decoration: underline;
}

.mes_info p::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    background-image: url(../img/check.svg);
    width: 14px;
    height: 12px;
}

.mes_body {
    margin-bottom: 33px;
}

.mes_body ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mes_body ul li {
    width: 50%;
    position: relative;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.2;
    color: #000000;
    padding-left: 17px;
    margin-bottom: 14px;
}

.mes_body ul li::before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #F23F39;
    left: 0;
    top: 8px;
}

.mes_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mes_select {
    background: none;
    border: none;
    width: 100%;
    cursor: pointer;
    max-width: 240px;
    height: 85px;
    background: #FFFFFF;
    border: 2px solid transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 7px;
    padding-left: 34px;
    padding-right: 45px;
    font-weight: normal;
    font-size: 18px;
    line-height: 17px;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    color: #000000;
    background-image: url(../img/select.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 30px) 50%;
}

.mes_select:focus,
.mes_select:active,
.mes_select:hover {
    border-color: #F23F39
}

.mes_price {
    white-space: nowrap;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 29px;
    line-height: 1;
    color: #000000;
}

.mes_footer .redb {
    max-width: 240px;
}
.modal .measure_img {
    cursor: default
}

.modal .measure_img img {
    -webkit-transform: scale(1)!important;
    transform: scale(1)!important
}
.measure_img button.redb {
    max-width: 300px;
    height: 50px;
    font-size: 14px;
    margin-top: 25px;
}
.h2_ar_flex {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.h2_ar_flex h2 {
	width: 100%;
}

.intro_numbers_panel {
	position: relative;
	background: #ffffff;
	-webkit-box-shadow: 0px 23px 50px rgba(31, 41, 47, 0.06);
	box-shadow: 0px 23px 50px rgba(31, 41, 47, 0.06);
	padding-top: 45px;
	padding-bottom: 60px;
	padding-left: 25px;
	padding-right: 25px;
	height: 100%;
	border-radius: 10px
}

.intro_numbers_panel::before {
	content: "";
	display: block;
	position: absolute;
	width: 80px;
	height: 80px;
	background: #15a8d4;
	-webkit-box-shadow: 0px 23px 50px rgba(31, 41, 47, 0.06);
	box-shadow: 0px 23px 50px rgba(31, 41, 47, 0.06);
	bottom: -30px;
	left: -30px;
	z-index: -1;
	-webkit-animation: float 6s ease-in-out infinite;
	animation: float 6s ease-in-out infinite;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.intro_numbers_panel > div {
	max-width: 345px;
	margin-left: auto;
	margin-right: auto;
}

.intro_numbers_panel > div > div {
	margin-bottom: 35px;
}

.intro_numbers_panel > div > div:last-child {
	margin-bottom: 0;
}

.intro_numbers_panel > div > div p {
	margin-bottom: 0;
	position: relative;
	padding-left: 38px;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: #0c1014;
}

.intro_numbers_panel > div > div p::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 28px;
	height: 1px;
	background-color: #0c1014;
	top: 11px;
}

.intro_numbers_panel > div > div span {
	display: block;
	margin-bottom: 18px;
	font-weight: bold;
	font-size: 45px;
	line-height: 1;
	letter-spacing: -0.02em;
	color: #363A3B;
}

.workers_section {
	padding-top: 115px;
	padding-bottom: 135px;
	overflow: hidden;
	background: #f2f2f2;
}

.jur_flex1 {
	margin-bottom: 140px;
}

.jur_panel_item {
	margin-bottom: 80px;
	position: relative;
	background-color: #fff;
	-webkit-box-shadow: 0px 23px 50px rgba(31, 41, 47, 0.06);
	box-shadow: 0px 23px 50px rgba(31, 41, 47, 0.06);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 74px;
	padding-bottom: 75px;
	padding-left: 100px;
	padding-right: 100px;
	border-radius: 15px;
}

.jur_panel_item:before {
	content: "";
	display: block;
	position: absolute;
	background-image: url(../img/jur_ps1.svg);
	width: 359px;
	height: 57px;
	top: -38px;
	left: -96px;
	z-index: -1;
	background-repeat: no-repeat;
	-webkit-animation: float 6s ease-in-out infinite;
	animation: float 6s ease-in-out infinite;
}

.jur_panel_item_wrp:last-child > div {
	margin-bottom: 0;
}
.jur_panel_item_wrp a {
	color: #fff
}
.jur_img {
	min-height: 420px;
	background-position: top center;
	background-size: cover;
	position: relative;
	width: 400px;
	border-radius: 15px;
}

.jur_descript {
	width: calc(100% - 400px);
	padding-left: 100px;
}

.jur_descript hr {
	margin-top: 30px;
	margin-bottom: 30px;
	opacity: 0.1;
	border-color: #000000;
}

.jur_name {
	margin-bottom: 0;
	font-weight: bold;
	font-size: 26px;
	line-height: 115%;
	letter-spacing: -0.02em;
	color: #0c1014;
}

.jur_name span {
	display: block;
	margin-top: 4px;
	font-weight: 600;
	font-size: 18px;
	line-height: 120%;
	letter-spacing: -0.02em;
	color: #15a8d4;
}

.jur_descript_list li {
	margin-bottom: 21px;
}

.jur_descript_list li:last-child {
	margin-bottom: 0;
}

.jur_descript_list li p {
	margin-bottom: 8px;
	font-weight: 600;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: #000000;
}

.jur_descript_list li span {
	display: block;
	font-weight: normal;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: -0.02em;
	color: #000000;
}

.jur_panel_item_wrp:last-child > div .jur_img {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}

.jur_panel_item_wrp:last-child > div .jur_descript {
	padding-left: 0;
	padding-right: 100px;
}

.jur_panel_item_wrp:last-child > div::before {
	background-image: url(../img/jur_ps2.svg);
	width: 366px;
	height: 58px;
	top: -42px;
	left: inherit;
	right: -122px;
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

.jur_descript_list_flex li {
	margin: 0;
}

.jur_descript_list_flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 30px;
}

.about_checked li {
	margin-bottom: 24px;
	position: relative;
	padding-left: 51px;
	font-weight: normal;
	font-size: 15px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: #000000;
}

.about_checked li::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../img/li_check.svg);
	width: 30px;
	height: 30px;
	left: 0;
}

.about_checked li:last-child {
	margin-bottom: 0;
}

.soc_jur {
	left: 10px;
	bottom: 17px;
	position: absolute;
}

.soc_jur li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
}

.soc_jur a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	background-color: #fff;
	text-align: center;
	width: 45px;
	height: 45px;
}

.soc_jur a:hover {
	background-color: #15a8d4;
}
.jur_panel_item_wrp:last-child > div::after {
	content: "";
	display: block;
	position: absolute;
	left: -50px;
	bottom: -40px;
	width: 160px;
	height: 160px;
	background: #15a8d4;
	-webkit-box-shadow: 0px 23px 50px rgba(31, 41, 47, 0.06);
	box-shadow: 0px 23px 50px rgba(31, 41, 47, 0.06);
	z-index: -1;
	-webkit-animation: float 6s ease-in-out infinite;
	animation: float 6s ease-in-out infinite;
}
.row.flex.pr_flx {
	padding-top: 20px;
	padding-bottom: 40px;
}

.row.flex.pr_flx > div {
	margin-bottom: 25px;
}
.flex {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.row.flex::before,
.row.flex::after {
	display: none;
}

.flex.center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.steps_section {
	position: relative;
	padding-top: 110px;
	overflow: hidden;
	padding-bottom: 200px;
}

.steps_section::before {
	content: "";
	display: block;
	position: absolute;
	background: #b8bbbe;
	opacity: 0.1;
	top: 25px;
	height: calc(100% - 93px);
	left: calc(50% - 788px);
	width: 5000px;
}

.steps_section::after {
	width: 140px;
	height: 140px;
	border: 17px solid #15a8d4;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-filter: drop-shadow(0px 23px 50px rgba(31, 41, 47, 0.06));
	filter: drop-shadow(0px 23px 50px rgba(31, 41, 47, 0.06));
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	-webkit-animation: float 6s ease-in-out infinite;
	animation: float 6s ease-in-out infinite;
	left: calc(50% - 610px);
}

.steps_section .container {
	position: relative;
	z-index: 10;
}

.steps_section h2 {
	margin-bottom: 150px;
}

.step_item {
	margin-bottom: 40px;
	background: #ffffff;
	-webkit-box-shadow: 0px 23px 50px rgba(31, 41, 47, 0.06);
	box-shadow: 0px 23px 50px rgba(31, 41, 47, 0.06);
	position: relative;
	padding-left: 100px;
	padding-top: 45px;
	padding-bottom: 45px;
	padding-right: 50px;
}

.step_item,
.step_item * {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.step_item:last-child {
	margin-bottom: 0;
}

.step_item div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	background-position: center;
	background-size: cover;
}

.step_item > b {
	position: relative;
	z-index: 10;
	display: block;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 50px;
	line-height: 115%;
	letter-spacing: -0.02em;
	color: #15a8d4;
}

.step_item p {
	position: relative;
	z-index: 10;
	margin-bottom: 18px;
	font-weight: 600;
	font-size: 18px;
	line-height: 120%;
	letter-spacing: -0.02em;
	color: #000000;
}

.step_item > span {
	position: relative;
	z-index: 10;
	display: block;
	font-weight: normal;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: #0c1014;
}

.step_item:hover div {
	opacity: 1;
}

.step_item:hover b,
.step_item:hover p,
.step_item:hover span {
	color: #fff;
}
.jur_section {
    background-position: center;
    background-size: cover;
    background-image: url(../img/jur_bg.jpg);
    padding: 100px 0;
}



.jur_section .subh2 {
    margin-bottom: 40px;
	color: #fff;
	font-size: 22px;
}

.jur_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 17px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 127px;
    background: #FFFFFF;
    border-radius: 11px;
    padding-left: 107px;
    padding-right: 19px;
    top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding-top: 8px;
    padding-bottom: 8px;
}

.jur_item:hover {
    top: -4px;
}
.jur_section h2 {
    color: #fff;
	}

.jur_item:last-child {
    margin-bottom: 28px;
}

.jur_item i {
    font-weight: 900;
    font-style: normal;
    display: block;
    font-weight: 600;
    font-size: 20px;
    line-height: 31px;
    text-align: center;
    text-transform: uppercase;
    color: #363A3B;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    white-space: nowrap;
}

.jur_item p {
    font-weight: 900;
    font-size: 23px;
    line-height: 27px;
    color: #000000;
    width: 380px;
}

.jur_item span {
    width: calc(100% - 404px);
    font-weight: normal;
    font-size: 20px;
    line-height: 27px;
    color: #000000;
}

.jur_item div {
    position: absolute;
    left: 6px;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.jur_section .intro_in_wrp::before {
    display: none
}

.jur_section .pressing::before {
    background-color: #fff
}


/* ============================================================
   Новый первый экран (вариант C — полноэкранное фото)
   Скоуп svr-: не трогает остальные секции сайта.
   ============================================================ */

@font-face {
    font-family: 'SVRGilroy';
    src: url('../fonts/Gilroy-Regular.woff') format('woff'), url('../fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVRGilroy';
    src: url('../fonts/Gilroy-Medium.woff') format('woff'), url('../fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVRFutura';
    src: url('../fonts/FuturaPT-Demi.woff') format('woff'), url('../fonts/FuturaPT-Demi.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* хиро на весь экран — компенсация старого отступа под фикс-шапку */
body { padding-top: 0 !important; }

.svr-wrap {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 28px;
}

/* ---------- шапка ---------- */
header.svr-head {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    z-index: 1000;
    background: transparent;
    box-shadow: none;
    padding: 0;
    transition: background .35s, box-shadow .35s;
}
header.svr-head.svr-scrolled {
    background: rgba(255, 255, 255, .92);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    box-shadow: 0 1px 0 rgba(18, 43, 40, .08);
}
.svr-head .svr-nav {
    display: flex;
    align-items: center;
    gap: 26px;
    height: 84px;
    transition: height .35s;
}
.svr-head.svr-scrolled .svr-nav { height: 70px; }
.svr-logo img {
    height: 42px;
    width: auto;
    filter: brightness(0) invert(1);
    transition: filter .35s;
}
.svr-head.svr-scrolled .svr-logo img { filter: none; }

.svr-head .head_menu { margin-left: auto; }
.svr-head .top_nav { display: flex; gap: 24px; }
.svr-head .top_nav li { margin: 0; padding: 0; }
.svr-head .top_nav li a {
    font-family: 'SVRGilroy', 'Gilroy', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #F4FBF9;
    opacity: .85;
    transition: color .2s, opacity .2s;
}
.svr-head .top_nav li a::after { background: #3DD6B7; bottom: -5px; }
.svr-head .top_nav li a:hover { opacity: 1; color: #3DD6B7; }
.svr-head.svr-scrolled .top_nav li a { color: #122B28; }
.svr-head.svr-scrolled .top_nav li a::after { background: #0E7A6C; }
.svr-head.svr-scrolled .top_nav li a:hover { color: #0E7A6C; }

.svr-right { display: flex; align-items: center; gap: 18px; margin-left: 8px; }
.svr-phone {
    font-family: 'SVRGilroy', 'Gilroy', sans-serif;
    font-weight: 500;
    font-size: 16.5px;
    white-space: nowrap;
    color: #F4FBF9;
    transition: color .25s;
}
.svr-head.svr-scrolled .svr-phone { color: #122B28; }
.svr-phone:hover { color: #3DD6B7; }
.svr-head.svr-scrolled .svr-phone:hover { color: #0E7A6C; }

.svr-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 0;
    cursor: pointer;
    border-radius: 999px;
    font-family: 'SVRGilroy', 'Gilroy', sans-serif;
    font-weight: 500;
    transition: all .25s;
    white-space: nowrap;
    text-align: center;
}
.svr-btn-accent {
    background: #0E7A6C;
    color: #fff;
    padding: 13px 26px;
    font-size: 15px;
}
.svr-btn-accent:hover { background: #0A5F54; transform: translateY(-1px); }

.svr-head .open_nav { margin-left: 4px; }
.svr-head .open_nav img {
    filter: brightness(0) invert(1);
    transition: filter .35s;
}
.svr-head.svr-scrolled .open_nav img { filter: none; }

/* ---------- хиро ---------- */
.svr-hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin: 0;
    border: 0;
}
.svr-hero-bg {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: url(../img/bg1.jpg) center right / cover no-repeat;
    animation: svr-kenburns 2.4s ease-out both;
}
@keyframes svr-kenburns {
    from { transform: scale(1.07); }
    to   { transform: scale(1); }
}
.svr-hero-scrim {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background:
        linear-gradient(97deg, rgba(7,38,34,.93) 0%, rgba(7,38,34,.78) 30%, rgba(7,38,34,.38) 55%, rgba(7,38,34,.05) 78%),
        linear-gradient(to top, rgba(7,38,34,.82) 0%, rgba(7,38,34,0) 34%);
}
.svr-hero-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-top: 128px;
    padding-bottom: 52px;
    color: #F4FBF9;
    font-family: 'SVRGilroy', 'Gilroy', sans-serif;
}
.svr-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 13.5px;
    font-weight: 500;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #A8DFD2;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.18);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    padding: 9px 18px;
    border-radius: 999px;
    margin-bottom: 26px;
    animation: svr-up .7s .1s ease-out both;
}
.svr-eyebrow .svr-dot { width: 6px; height: 6px; border-radius: 50%; background: #3DD6B7; }

.svr-hero h1 {
    font-family: 'SVRFutura', 'Gilroy', sans-serif;
    font-weight: 600;
    font-size: clamp(42px, 4.9vw, 64px);
    line-height: 1.04;
    letter-spacing: -.01em;
    color: #FFFFFF;
    max-width: 15ch;
    margin: 0 0 22px;
    text-align: left;
    text-shadow: 0 2px 40px rgba(0,0,0,.25);
    animation: svr-up .7s .22s ease-out both;
}
.svr-hero h1 .svr-acc { color: #3DD6B7; font-size: inherit; font-weight: inherit; line-height: inherit; }

.svr-lead {
    font-size: 19px;
    line-height: 1.6;
    color: #CEE6DF;
    max-width: 47ch;
    margin: 0 0 32px;
    animation: svr-up .7s .34s ease-out both;
}
.svr-cta-row {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 16px;
    animation: svr-up .7s .46s ease-out both;
}
.svr-btn-hero { padding: 18px 38px; font-size: 17px; }
.svr-btn-mint {
    background: #3DD6B7;
    color: #0B3B35;
    box-shadow: 0 16px 40px -12px rgba(61,214,183,.55);
}
.svr-btn-mint:hover { background: #5BE3C8; transform: translateY(-1px); color: #0B3B35; }
.svr-btn-ghost {
    background: rgba(255,255,255,.06);
    color: #F4FBF9;
    padding: 18px 38px;
    font-size: 17px;
    border: 1.5px solid rgba(255,255,255,.35);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
.svr-btn-ghost:hover { border-color: #3DD6B7; color: #3DD6B7; }
.svr-note {
    font-size: 13.5px;
    color: #9FC3BA;
    max-width: 40ch;
    margin: 0;
    animation: svr-up .7s .5s ease-out both;
}

.svr-hero-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    margin-top: 44px;
    padding-top: 26px;
    border-top: 1px solid rgba(255,255,255,.18);
    flex-wrap: wrap;
    animation: svr-up .8s .6s ease-out both;
}
.svr-trust { display: flex; gap: 44px; flex-wrap: wrap; }
.svr-t b {
    display: block;
    font-family: 'SVRFutura', 'Gilroy', sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 1.1;
    color: #fff;
}
.svr-t span { font-size: 13.5px; color: #A9C8C0; }
.svr-rating {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.16);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 18px;
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    transition: border-color .25s;
}
a.svr-rating:hover { border-color: #3DD6B7; }
.svr-rating .svr-stars { display: flex; color: #F5B301; }
.svr-rating .svr-stars svg { width: 16px; height: 16px; }
.svr-rating small { display: block; font-weight: 400; font-size: 12.5px; color: #A9C8C0; }

@keyframes svr-up {
    from { opacity: 0; transform: translateY(26px); }
    to   { opacity: 1; transform: none; }
}

.svr-scroll {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 18px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1.5px solid rgba(255,255,255,.35);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    animation: svr-bob 2s ease-in-out infinite;
}
.svr-scroll svg { width: 16px; height: 16px; }
@keyframes svr-bob {
    0%, 100% { transform: translate(-50%, 0); }
    50%      { transform: translate(-50%, 7px); }
}

/* ---------- адаптив ---------- */

/* ============================================================
   Секция «Виды лечения» — master-detail (замена старой сетки)
   Скоуп .svr-svc / sv-. Шрифты SVRGilroy/SVRFutura — из hero-new.css
   ============================================================ */
.svr-svc{position:relative;padding:88px 0 90px;background:#F5F9F8;overflow:hidden;font-family:'SVRGilroy','Gilroy',sans-serif}
.svr-svc::before{content:'';position:absolute;top:-260px;right:-200px;width:780px;height:780px;border-radius:50%;
 background:radial-gradient(circle, rgba(14,122,108,.10) 0%, rgba(14,122,108,0) 62%)}
.sv-wrap{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 28px}
.sv-h2{font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:clamp(36px,3.8vw,52px);line-height:1.06;color:#122B28;margin:0 0 26px;text-align:left}

.sv-search{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #E2EDEA;border-radius:20px;
 padding:6px 12px 6px 24px;margin-bottom:18px;box-shadow:0 24px 56px -28px rgba(10,40,36,.4);transition:.25s}
.sv-search:focus-within{border-color:#0E7A6C;box-shadow:0 24px 56px -24px rgba(14,122,108,.45)}
.sv-search svg{width:21px;height:21px;color:#0E7A6C;flex:none}
.sv-search input{flex:1;border:0;outline:0;background:none;font-family:inherit;font-size:16px;color:#122B28;padding:18px 0}
.sv-search input::placeholder{color:#9DB4AD}
.sv-qclear{border:0;background:#EDF4F2;border-radius:50%;width:36px;height:36px;font-size:19px;line-height:1;color:#5A6F6B;cursor:pointer;display:none;transition:.2s;flex:none}
.sv-qclear:hover{background:#0E7A6C;color:#fff}
.sv-search.has .sv-qclear{display:block}

.sv-cat{display:grid;grid-template-columns:400px 1fr;background:#fff;border-radius:28px;
 box-shadow:0 64px 120px -52px rgba(10,40,36,.5), 0 10px 28px -14px rgba(10,40,36,.22);position:relative}
.sv-list{background:linear-gradient(175deg,#0D453D 0%,#0B3B35 100%);border-radius:28px 0 0 28px;
 padding:18px 0 18px 16px;position:relative;z-index:2;overflow:hidden}
.sv-list::before{content:'';position:absolute;top:-120px;left:-120px;width:340px;height:340px;border-radius:50%;
 background:radial-gradient(circle, rgba(61,214,183,.14) 0%, transparent 65%)}
.sv-list::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.05;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.sv-track{position:absolute;left:6px;top:18px;bottom:18px;width:1px;background:rgba(255,255,255,.1);z-index:1}
.sv-thread{position:absolute;left:5px;top:0;width:3px;border-radius:4px;background:#3DD6B7;z-index:4;
 transition:top .45s cubic-bezier(.4,0,.2,1), height .45s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px rgba(61,214,183,.5)}
.sv-glab{display:flex;align-items:center;gap:10px;padding:16px 22px 7px 8px;position:relative}
.sv-glab span{font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:#8CCDBE;white-space:nowrap}
.sv-glab::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.13)}
.sv-row{display:grid;grid-template-columns:36px 1fr 24px;align-items:center;gap:8px;width:calc(100% - 8px);
 padding:15px 16px 15px 12px;background:none;border:0;cursor:pointer;text-align:left;font-family:inherit;
 border-radius:14px 0 0 14px;transition:background .2s, opacity .25s;position:relative}
.sv-num{font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:13px;color:rgba(255,255,255,.42);transition:.2s;font-variant-numeric:tabular-nums}
.sv-name{font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:16.5px;color:#E8F4F0;display:flex;align-items:center;gap:7px;transition:.2s}
.sv-ext{width:12px;height:12px;color:rgba(255,255,255,.45);flex:none}
.sv-arr{width:24px;height:24px;color:rgba(255,255,255,.38);transition:.25s;display:flex;align-items:center;justify-content:center}
.sv-arr svg{width:16px;height:16px}
.sv-row:hover{background:rgba(255,255,255,.07)}
.sv-row:hover .sv-name{color:#3DD6B7}
.sv-row:hover .sv-arr{color:#3DD6B7;transform:translateX(3px)}
.sv-row.act{background:#fff;border-radius:16px;width:calc(100% + 20px);margin-right:-20px;
 box-shadow:0 18px 40px -18px rgba(0,0,0,.45);z-index:3}
.sv-row.act .sv-name{color:#122B28}
.sv-row.act .sv-num,.sv-row.act .sv-arr{color:#0E7A6C}
.sv-row.act .sv-ext{color:#9DB8B1}
.sv-row.dim{opacity:.28}
.sv-row.hit:not(.act) .sv-name{color:#3DD6B7}

.sv-pane{position:relative;padding:40px 40px 40px 44px;border-radius:0 28px 28px 0;background:#fff;overflow:hidden;min-height:560px}
.sv-det{position:absolute;inset:40px 40px auto 44px;opacity:0;visibility:hidden;transition:opacity .28s ease, visibility .28s;display:block}
.sv-det.act{position:relative;inset:auto;opacity:1;visibility:visible}
.sv-body{position:relative;min-width:0}
.sv-det.act.anim .sv-body > *{animation:svdup .45s cubic-bezier(.25,.6,.3,1) both}
.sv-det.act.anim .sv-body > *:nth-child(2){animation-delay:.04s}
.sv-det.act.anim .sv-body > *:nth-child(3){animation-delay:.09s}
.sv-det.act.anim .sv-body > *:nth-child(4){animation-delay:.14s}
.sv-det.act.anim .sv-body > *:nth-child(5){animation-delay:.18s}
.sv-det.act.anim .sv-body > *:nth-child(6){animation-delay:.22s}
.sv-det.act.anim .sv-body > *:nth-child(7){animation-delay:.26s}
@keyframes svdup{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.sv-det.act.anim .sv-ghost{animation:svgflip .5s cubic-bezier(.25,.6,.3,1) both}
@keyframes svgflip{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.sv-empty{position:absolute;inset:40px 40px auto 44px;opacity:0;visibility:hidden;transition:.3s;text-align:left;max-width:46ch}
.sv-empty.act{position:relative;inset:auto;opacity:1;visibility:visible}
.sv-empty b{font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:24px;display:block;margin-bottom:10px;color:#122B28}
.sv-empty p{color:#5A6F6B;margin-bottom:22px}
.sv-ghost{position:absolute;top:-20px;right:-4px;font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:128px;line-height:1;color:transparent;-webkit-text-stroke:1.3px #E6F0ED;user-select:none;font-variant-numeric:tabular-nums}
.sv-label{position:relative;font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.08em;color:#0E7A6C;font-variant-numeric:tabular-nums}
.sv-det h3{position:relative;font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:29px;margin:9px 0 12px;color:#122B28}
.sv-desc{position:relative;font-size:16px;color:#26312E;max-width:54ch;margin:0}
.sv-hr{height:1px;background:#E9F1EF;margin:22px 0}
.sv-cols{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:32px}
.sv-cols b{display:block;font-weight:500;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#7A928B;margin-bottom:12px}
.sv-cols ul{list-style:none;margin:0;padding:0}
.sv-cols li{font-size:14px;color:#26312E;padding:5px 0 5px 22px;position:relative}
.sv-cols li::before{content:'';position:absolute;left:2px;top:11px;width:7px;height:7px;border-radius:50%;background:#0E7A6C}
.sv-foot{position:relative;display:flex;align-items:center;gap:14px;margin-top:26px;padding-top:22px;border-top:1px solid #E9F1EF;flex-wrap:wrap}
.sv-note{font-size:13px;color:#5A6F6B;max-width:24ch;line-height:1.45;margin-right:auto}
.sv-note b{color:#122B28}
.sv-btn-line{display:inline-flex;align-items:center;gap:8px;border:1.5px solid #C4D8D2;border-radius:999px;padding:13px 26px;font-size:14.5px;font-weight:500;transition:.25s;background:#fff;color:#122B28;font-family:inherit;cursor:pointer}
.sv-btn-line:hover{border-color:#0E7A6C;color:#0E7A6C}
.sv-btn-solid{display:inline-flex;align-items:center;gap:9px;background:#0E7A6C;color:#fff;border-radius:999px;padding:14px 28px;font-size:14.5px;font-weight:500;transition:.25s;box-shadow:0 12px 26px -12px rgba(14,122,108,.55);border:0;cursor:pointer;font-family:inherit}
.sv-btn-solid:hover{background:#0A5F54;transform:translateY(-1px);color:#fff}
.sv-bicon{width:15px;height:15px}
/* врачи направления — высокие карточки со слайдером */
.sv-docs{position:relative;margin-top:24px}
.sv-docs-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.sv-docs-head > b{font-weight:500;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#7A928B}
.sv-dnav{display:flex;align-items:center;gap:8px}
.sv-dcount{font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:12.5px;color:#7A928B;margin-right:6px;font-variant-numeric:tabular-nums}
.sv-dcount i{font-style:normal;color:#0E7A6C}
.sv-dprev,.sv-dnext{width:34px;height:34px;border-radius:50%;border:1.5px solid #C4D8D2;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#26312E;transition:.2s;padding:0}
.sv-dprev svg,.sv-dnext svg{width:15px;height:15px}
.sv-dprev svg{transform:rotate(180deg)}
.sv-dprev:hover,.sv-dnext:hover{border-color:#0E7A6C;color:#0E7A6C}
.sv-dtrack{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding-bottom:4px}
.sv-dtrack::-webkit-scrollbar{display:none}
.sv-dcard{flex:0 0 236px;scroll-snap-align:start;display:flex;flex-direction:column;background:#F6FAF9;border:1px solid #E2EDEA;border-radius:18px;overflow:hidden;transition:.22s}
.sv-dcard:hover{border-color:#0E7A6C;transform:translateY(-3px);box-shadow:0 20px 40px -24px rgba(10,40,36,.4)}
.sv-dph{display:block;width:100%;height:210px;background-size:cover;background-position:center 18%}
.sv-dtx{display:flex;flex-direction:column;padding:14px 16px 16px;min-width:0}
.sv-dtx b{font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:15.5px;line-height:1.25;color:#122B28;margin-bottom:4px}
.sv-dtx i{font-style:normal;font-size:12px;color:#5A6F6B;line-height:1.35;margin-bottom:3px}
.sv-dtx em{font-style:normal;font-size:11.5px;color:#8FA8A1;margin-bottom:9px}
.sv-dtx u{text-decoration:none;display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:500;color:#0E7A6C;margin-top:auto}
.sv-dtx u .sv-bicon{width:12px;height:12px;transition:.2s}
.sv-dcard:hover .sv-dtx u .sv-bicon{transform:translateX(3px)}
/* плавный скролл к карточке врача в секции «Врачи» */
html{scroll-behavior:smooth}
.jur_panel_item_wrp[id]{scroll-margin-top:90px}

.sv-diag{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:14px;margin-top:22px}
.sv-diag-t{display:flex;align-items:center;font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:16px;padding-right:12px;color:#122B28}
.sv-diag-card{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #E2EDEA;border-radius:16px;padding:15px 18px;transition:.22s}
.sv-diag-card:hover{border-color:#0E7A6C;transform:translateY(-2px)}
.sv-dic{width:40px;height:40px;border-radius:11px;background:#EAF4F1;color:#0E7A6C;display:flex;align-items:center;justify-content:center;flex:none}
.sv-dic svg{width:20px;height:20px}
.sv-diag-card b{display:block;font-size:14px;font-weight:500;color:#122B28}
.sv-diag-card span{font-size:12px;color:#8FA8A1}

/* ============================================================
   Полоса доверия + «О клинике» (замена secure_section + way_section)
   Скоуп ta-. Шрифты SVRGilroy/SVRFutura — из hero-new.css
   ============================================================ */
.ta-wrap{max-width:1280px;margin:0 auto;padding:0 28px;position:relative}

/* полоса */
.svr-tband{position:relative;overflow:visible;font-family:'SVRGilroy','Gilroy',sans-serif}
.ta-band-bg{position:absolute;inset:0;overflow:hidden}
.ta-band-bg::before{content:'';position:absolute;inset:0;background:url(../img/bg_secure.jpg) center 30%/cover no-repeat}
.ta-band-bg::after{content:'';position:absolute;inset:0;background:
 linear-gradient(97deg, rgba(7,38,34,.94) 0%, rgba(9,48,42,.82) 38%, rgba(10,55,48,.55) 68%, rgba(11,59,53,.38) 100%)}
.ta-band-in{z-index:2;padding-top:72px;padding-bottom:150px}
.svr-tband h2{font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:clamp(28px,3vw,40px);line-height:1.12;color:#fff;max-width:24ch;margin:0;text-align:left;
 opacity:0;transform:translateY(22px);transition:opacity .6s ease, transform .6s ease}
.svr-tband.ta-in h2{opacity:1;transform:none}

/* карта-перевязка */
.ta-seam{z-index:5;margin-top:-92px}
.ta-card{background:#fff;border-radius:24px;box-shadow:0 48px 90px -46px rgba(10,40,36,.5), 0 6px 18px -8px rgba(10,40,36,.16);
 display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:28px 8px;
 opacity:0;transform:translateY(26px);transition:opacity .6s ease .1s, transform .6s ease .1s}
.ta-seam.ta-in .ta-card{opacity:1;transform:none}
.ta-pit{display:flex;gap:13px;align-items:flex-start;padding:6px 24px;
 opacity:0;transform:translateY(14px);transition:opacity .5s ease, transform .5s ease}
.ta-pit + .ta-pit{border-left:1px solid #EDF3F1}
.ta-seam.ta-in .ta-pit{opacity:1;transform:none}
.ta-seam.ta-in .ta-pit:nth-child(1){transition-delay:.18s}
.ta-seam.ta-in .ta-pit:nth-child(2){transition-delay:.24s}
.ta-seam.ta-in .ta-pit:nth-child(3){transition-delay:.3s}
.ta-seam.ta-in .ta-pit:nth-child(4){transition-delay:.36s}
.ta-pic{width:40px;height:40px;flex:none;border-radius:12px;background:#EAF4F1;color:#0E7A6C;display:flex;align-items:center;justify-content:center}
.ta-pic svg{width:21px;height:21px}
.ta-pit b{display:block;font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:15.5px;margin-bottom:4px;color:#122B28}
.ta-pit p{font-size:12.5px;line-height:1.5;color:#5A6F6B;margin:0}

/* о клинике */
.svr-about{padding:64px 0 90px;background:#F5F9F8;font-family:'SVRGilroy','Gilroy',sans-serif;overflow:hidden}
.ta-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ta-ph{position:relative;margin-left:calc(-1 * max(28px, 50vw - 612px));
 opacity:0;transform:translateY(20px) scale(1.02);transition:opacity .7s ease, transform .7s ease}
.svr-about.ta-in .ta-ph{opacity:1;transform:none}
.ta-track{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;
 border-radius:0 24px 24px 0;box-shadow:0 48px 90px -42px rgba(10,40,36,.55), 0 8px 22px -10px rgba(10,40,36,.2)}
.ta-track::-webkit-scrollbar{display:none}
.ta-sl{position:relative;flex:0 0 100%;scroll-snap-align:start}
.ta-sl img{width:100%;height:520px;object-fit:cover;display:block}
.ta-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.3);z-index:3;border-radius:0 0 24px 0;overflow:hidden}
.ta-prog i{display:block;height:100%;width:20%;background:#3DD6B7;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px rgba(61,214,183,.6)}
.ta-prev,.ta-next{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;
 border:0;background:rgba(255,255,255,.92);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#122B28;
 transition:.2s;padding:0;box-shadow:0 10px 26px -10px rgba(10,40,36,.45);z-index:3}
.ta-prev{left:18px}
.ta-next{right:-14px}
.ta-prev svg,.ta-next svg{width:18px;height:18px}
.ta-prev svg{transform:rotate(180deg)}
.ta-prev:hover,.ta-next:hover{background:#0E7A6C;color:#fff}
.ta-tx{position:relative}
.svr-about h2{font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:clamp(30px,3.2vw,42px);line-height:1.1;margin:0 0 18px;color:#122B28;text-align:left;position:relative}
.ta-fxrow{position:relative;display:flex;margin:0 0 22px;flex-wrap:wrap}
.ta-fx{padding:2px 26px 2px 0;margin-right:26px;border-right:1px solid #DCE9E5}
.ta-fx:last-child{border-right:0;margin-right:0}
.ta-fx b{display:block;font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:32px;line-height:1.05;color:#0E7A6C;font-variant-numeric:tabular-nums}
.ta-fx span{font-size:12.5px;color:#7A928B}
.ta-tx p{position:relative;font-size:15.5px;color:#26312E;margin:0 0 15px;max-width:54ch;padding-left:22px}
.ta-tx p::before{content:'';position:absolute;left:2px;top:9px;width:7px;height:7px;border-radius:50%;background:#0E7A6C}
.ta-tx p b{color:#122B28;font-weight:500}
.ta-tx > *{opacity:0;transform:translateY(16px);transition:opacity .6s ease, transform .6s ease}
.svr-about.ta-in .ta-tx > *{opacity:1;transform:none}
.svr-about.ta-in .ta-tx > *:nth-child(2){transition-delay:.06s}
.svr-about.ta-in .ta-tx > *:nth-child(3){transition-delay:.12s}
.svr-about.ta-in .ta-tx > *:nth-child(4){transition-delay:.18s}
.svr-about.ta-in .ta-tx > *:nth-child(5){transition-delay:.24s}
.svr-about.ta-in .ta-tx > *:nth-child(6){transition-delay:.3s}

/* ============================================================
   Блок «Врачи» (замена workers_section). Скоуп dr-.
   Шрифты SVRGilroy/SVRFutura — из hero-new.css
   ============================================================ */
.svr-doctors{padding:84px 0 90px;background:#fff;font-family:'SVRGilroy','Gilroy',sans-serif}
.dr-wrap{max-width:1280px;margin:0 auto;padding:0 28px}
.dr-h2{font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:clamp(32px,3.6vw,48px);line-height:1.08;margin:0 0 26px;color:#122B28;text-align:left}
.dr-chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:34px}
.dr-chip{border:1px solid #E2EDEA;background:#F6FAF9;border-radius:999px;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:500;color:#2A443E;cursor:pointer;transition:.2s}
.dr-chip:hover{border-color:#0E7A6C;color:#0E7A6C}
.dr-chip.on{background:#0E7A6C;border-color:#0E7A6C;color:#fff}
.dr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dr-card{position:relative;background:#fff;border:1px solid #E7F0ED;border-radius:24px;overflow:hidden;cursor:pointer;
 font-family:inherit;text-align:left;padding:0;transition:.25s;box-shadow:0 22px 44px -30px rgba(10,40,36,.35)}
.dr-card:hover{transform:translateY(-4px);border-color:#0E7A6C;box-shadow:0 30px 56px -30px rgba(10,40,36,.45)}
.dr-card.hid{display:none}
.dr-grid.showall .dr-card.hid{display:block}
.dr-card.feat{grid-column:span 2}
.dr-card.feat .dr-ph{height:100%;position:absolute;inset:0;width:46%}
.dr-card.feat .dr-tx{margin-left:46%;padding:26px 24px;min-height:320px;display:flex;flex-direction:column;justify-content:center}
.dr-card.feat .dr-tx b{font-size:22px}
.dr-ph{display:block;width:100%;height:240px;background-size:cover;background-position:center 18%}
.dr-badge{position:absolute;top:14px;left:14px;background:#0E7A6C;color:#fff;font-size:11.5px;font-weight:500;letter-spacing:.04em;border-radius:999px;padding:6px 13px;z-index:2}
.dr-tx{display:block;padding:16px 18px 18px}
.dr-tx b{display:block;font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:16px;line-height:1.25;margin-bottom:4px;color:#122B28}
.dr-tx i{display:block;font-style:normal;font-size:12.5px;color:#5A6F6B;line-height:1.4;margin-bottom:6px}
.dr-tx em{display:block;font-style:normal;font-size:12px;color:#0E7A6C;font-weight:500}
.dr-more{display:flex;justify-content:center;margin-top:30px}
.dr-morebtn{border:1.5px solid #C4D8D2;background:#fff;border-radius:999px;padding:15px 34px;font-family:inherit;font-size:15px;font-weight:500;color:#122B28;cursor:pointer;transition:.25s}
.dr-morebtn:hover{border-color:#0E7A6C;color:#0E7A6C}
.dr-modal{position:fixed;inset:0;background:rgba(7,30,27,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
 display:none;align-items:center;justify-content:center;z-index:2000;padding:20px}
.dr-modal.open{display:flex}
.dm-box{position:relative;background:#fff;border-radius:26px;max-width:840px;width:100%;max-height:88vh;overflow:auto;
 display:grid;grid-template-columns:320px 1fr;box-shadow:0 60px 120px -40px rgba(0,0,0,.5)}
.dm-x{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;border:0;background:#F1F7F5;font-size:22px;color:#26312E;cursor:pointer;z-index:2;transition:.2s;padding:0;line-height:1}
.dm-x:hover{background:#0E7A6C;color:#fff}
.dm-ph{background-size:cover;background-position:center 15%;min-height:420px}
.dm-tx{padding:34px 36px}
.dm-tx b{display:block;font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:24px;line-height:1.2;margin-bottom:6px;color:#122B28}
.dm-tx i{display:block;font-style:normal;font-size:14px;color:#5A6F6B;margin-bottom:4px}
.dm-tx em{display:block;font-style:normal;font-size:13px;color:#0E7A6C;font-weight:500;margin-bottom:18px}
.dm-tx ul{list-style:none;margin:0 0 16px;padding:0}
.dm-tx li{font-size:14px;color:#26312E;padding:5px 0 5px 22px;position:relative}
.dm-tx li::before{content:'';position:absolute;left:2px;top:11px;width:7px;height:7px;border-radius:50%;background:#0E7A6C}
.dm-edu{font-size:13px;color:#7A928B;margin:0 0 18px}
.dm-btn{display:inline-flex;background:#0E7A6C;color:#fff;border:0;border-radius:999px;padding:14px 30px;font-size:14.5px;font-weight:500;cursor:pointer;transition:.25s;font-family:inherit}
.dm-btn:hover{background:#0A5F54}

/* ============================================================
   Блок «Нам доверяют» (замена advice_section). Скоуп rv-.
   ============================================================ */
.svr-reviews{position:relative;z-index:1;padding:84px 0 90px;background:#F5F9F8;font-family:'SVRGilroy','Gilroy',sans-serif}
.rv-wrap{max-width:1280px;margin:0 auto;padding:0 28px}
.rv-h2{font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:clamp(32px,3.6vw,48px);line-height:1.08;margin:0 0 34px;color:#122B28;text-align:center}
.rv-plaques{display:flex;justify-content:center;gap:16px;margin-bottom:36px;flex-wrap:wrap}
.rv-plaque{position:relative;display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #E7F0ED;border-radius:22px;
 padding:22px 44px 22px 26px;text-decoration:none;color:inherit;transition:.25s;box-shadow:0 24px 48px -30px rgba(10,40,36,.35)}
a.rv-plaque:hover{transform:translateY(-3px);border-color:#0E7A6C;box-shadow:0 30px 56px -30px rgba(10,40,36,.45)}
.rv-plaque > b{font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:44px;line-height:1;color:#0E7A6C}
.rv-pl-tx i{display:block;font-style:normal;font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:16.5px;margin:3px 0 2px;color:#122B28}
.rv-pl-tx em{display:block;font-style:normal;font-size:12.5px;color:#7A928B}
.rv-stars{display:flex;gap:2px;color:#F5B301}
.rv-stars svg{width:15px;height:15px}
.rv-ext{position:absolute;top:14px;right:14px;width:16px;height:16px;color:#9DB8B1}
.rv-ext svg{width:16px;height:16px}
.rv-toggle{display:flex;justify-content:center;margin-bottom:44px}
.rv-pill{display:flex;background:#fff;border:1px solid #E2EDEA;border-radius:999px;padding:5px;gap:4px;box-shadow:0 14px 30px -20px rgba(10,40,36,.3)}
.rv-tab{border:0;background:none;border-radius:999px;padding:13px 28px;font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:15px;color:#5A6F6B;cursor:pointer;transition:.25s}
.rv-tab.on{background:#0E7A6C;color:#fff;box-shadow:0 10px 22px -10px rgba(14,122,108,.55)}
.rv-tab:not(.on):hover{color:#0E7A6C}
.rv-state{display:none}
.rv-state.on{display:block}
.rv-cases{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rv-case{background:#fff;border:1px solid #E7F0ED;border-radius:24px;overflow:hidden;transition:.25s;box-shadow:0 22px 44px -30px rgba(10,40,36,.35)}
.rv-case:hover{transform:translateY(-3px);border-color:#0E7A6C}
.rv-ba{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.rv-ba-ph{height:230px;background:linear-gradient(160deg,#EAF4F1,#DCEBE6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.rv-ba-ph span{font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:14px;letter-spacing:.1em;color:#0E7A6C;opacity:.65}
.rv-ba-ph em{font-style:normal;font-size:11px;color:#8FA8A1}
.rv-case-tx{padding:18px 22px 20px}
.rv-case-tx b{display:block;font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:18px;margin-bottom:4px;color:#122B28}
.rv-case-tx i{display:block;font-style:normal;font-size:12.5px;color:#0E7A6C;font-weight:500;margin-bottom:6px}
.rv-case-tx p{font-size:13.5px;color:#5A6F6B;margin:0}
.rv-sl{position:relative}
.rv-revs{display:flex;gap:16px;align-items:stretch;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding-bottom:2px}
.rv-revs::-webkit-scrollbar{display:none}
.rv-rev{flex:0 0 calc((100% - 32px) / 3);scroll-snap-align:start}
.rv-rev{background:#fff;border:1px solid #E7F0ED;border-radius:24px;padding:26px 26px 24px;transition:.25s;box-shadow:0 22px 44px -30px rgba(10,40,36,.35)}
.rv-rev:hover{transform:translateY(-3px);border-color:#0E7A6C}
.rv-stars-l{margin-bottom:14px}
.rv-stars-l svg{width:17px;height:17px}
.rv-rev p{font-size:14px;color:#26312E;margin:0 0 18px}
.rv-rev{display:flex;flex-direction:column}
.rv-rev:not(.rvopen) .rv-txt{display:-webkit-box;-webkit-line-clamp:11;-webkit-box-orient:vertical;overflow:hidden}
.rv-txt p:last-child{margin-bottom:0}
.rv-expb{align-self:flex-start;background:none;border:0;padding:10px 0 0;color:#0E7A6C;font-family:'SVRGilroy','Gilroy',sans-serif;font-weight:500;font-size:13.5px;cursor:pointer;transition:.2s}
.rv-expb:hover{color:#0B5F54}
.rv-rev .rv-who{margin-top:auto;padding-top:18px}
.rv-revs.rvexp .rv-rev{align-self:flex-start;min-height:var(--rv-h,auto)}
.rv-revs.rvexp .rv-rev.rvopen{align-self:stretch}
.rv-who{display:flex;align-items:center;gap:12px}
.rv-ava{width:42px;height:42px;border-radius:50%;background:#EAF4F1;color:#0E7A6C;display:flex;align-items:center;justify-content:center;font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:16px;flex:none}
.rv-who b{display:block;font-size:14px;font-weight:500;color:#122B28}
.rv-who em{display:block;font-style:normal;font-size:12px;color:#8FA8A1}
.rv-note{text-align:center;font-size:12.5px;color:#8FA8A1;margin:26px 0 0}

.cs{position:relative}
.cs-outer{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}
.cs-outer::-webkit-scrollbar{display:none}
.cs-slide{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:1.4fr 1fr;background:#fff;border:1px solid #E7F0ED;border-radius:24px;overflow:hidden;box-shadow:0 22px 44px -30px rgba(10,40,36,.35)}
.cs-ph{position:relative;background:#EAF4F1;min-width:0}
.cs-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}
.cs-track::-webkit-scrollbar{display:none}
.cs-fr{flex:0 0 100%;scroll-snap-align:start;margin:0;position:relative;min-width:0}
.cs-fr img{display:block;width:100%;height:460px;object-fit:contain;background:#EAF4F1}
.cs-fr figcaption{position:absolute;left:0;right:0;bottom:0;padding:11px 18px;font-size:12.5px;line-height:1.4;color:#2A443E;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cs-iprev,.cs-inext{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#122B28;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:.2s;box-shadow:0 8px 20px -8px rgba(10,40,36,.45);z-index:2}
.cs-iprev{left:14px}
.cs-inext{right:14px}
.cs-iprev svg,.cs-inext svg{width:15px;height:15px}
.cs-iprev svg{transform:rotate(180deg)}
.cs-iprev:hover,.cs-inext:hover{background:#0E7A6C;color:#fff}
.cs-icount{position:absolute;top:14px;right:14px;z-index:2;font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:12.5px;color:#2A443E;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:6px 13px;font-variant-numeric:tabular-nums}
.cs-icount i{font-style:normal;color:#0E7A6C}
.cs-tx{display:flex;flex-direction:column;justify-content:center;padding:34px 36px}
.cs-num{font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.08em;color:#0E7A6C;font-variant-numeric:tabular-nums}
.cs-tx b{font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:24px;line-height:1.2;color:#122B28;margin:10px 0 12px}
.cs-tx p{font-size:14.5px;line-height:1.55;color:#26312E;margin:0}
.cs-prev,.cs-next{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:#122B28;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:.2s;box-shadow:0 12px 28px -10px rgba(10,40,36,.45);z-index:3}
.cs-prev{left:-16px}
.cs-next{right:-16px}
.cs-prev svg,.cs-next svg{width:18px;height:18px}
.cs-prev svg{transform:rotate(180deg)}
.cs-prev:hover,.cs-next:hover{background:#0E7A6C;color:#fff}
.cs-foot{display:flex;align-items:center;gap:16px;margin-top:20px}
.cs-count{font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:13px;color:#7A928B;font-variant-numeric:tabular-nums;flex:none}
.cs-count i{font-style:normal;color:#0E7A6C}
.cs-bar{flex:1;height:3px;border-radius:4px;background:#DDEAE6;overflow:hidden}
.cs-bar i{display:block;height:100%;width:14.3%;background:#0E7A6C;border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1)}

/* ============================================================
   МОБИЛЬНЫЙ MASTER — утверждённая мобильная версия
   Подключается последним. Все правила скоуплены медиазапросами:
   десктоп (≥992px) не затрагивается, кроме .svr-btn-env (скрыт).
   ============================================================ */

/* конверт в шапке: на десктопе скрыт, текст виден */
.svr-btn-env { display: none; width: 19px; height: 19px; }

/* мобильные CTA-элементы, скрытые на десктопе */
.mm-extra, .cont-cta, .mgal, .mgal-nav, .rv-expb, .ta-more, .cs-mnav { display: none; }

/* ============================== ≤991px: шапка и меню ============================== */


/* ============================== ≤767px: страница ============================== */


/* ============================== планшет 768–991px ============================== */


/* ============================== узкий десктоп 992–1199px ============================== */


/* ============================== ≤374px: узкие экраны ============================== */

/* ============================================================
   Легаси-секции в новом ките: галерея, FAQ, контакты, футер, модалки
   ============================================================ */
.mat_use_section h2,.faq_section h2,.contact_wrp h2{font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:clamp(30px,3.4vw,44px);line-height:1.08;color:#122B28;margin:0 0 30px;text-align:left}

/* фотогалерея */
.mat_use_section{position:relative;z-index:1;padding:84px 0 90px;background:#fff}
.mat_use_section .container,.faq_section .container,.contact_section .container,footer .container{width:100%;max-width:1280px;padding-left:28px;padding-right:28px}
.mat_use_section h2{font-size:clamp(30px,3.4vw,44px);margin-bottom:30px}

/* FAQ */
.faq_section{position:relative;z-index:1;padding:84px 0 90px;background:#F5F9F8;font-family:'SVRGilroy','Gilroy',sans-serif;margin-bottom:0}
.faq_wrp{display:flex;flex-direction:column;gap:14px}
.faq_item{margin:0;padding:24px 74px 24px 28px;background:#fff;border:1px solid #E7F0ED;border-radius:20px;box-shadow:0 22px 44px -34px rgba(10,40,36,.35);transition:border-color .22s,box-shadow .22s}
.faq_item:hover,.faq_item.opened{border-color:#0E7A6C}
.faq_item.opened{box-shadow:0 26px 50px -32px rgba(10,40,36,.45)}
.faq_item::before{background-image:none!important;filter:none!important;-webkit-filter:none!important;width:38px;height:38px;top:20px;right:22px;left:auto;border-radius:50%;background-color:#EAF4F1;transform:none!important;transition:background-color .22s}
.faq_item::after{content:'';position:absolute;top:39px;right:33px;width:16px;height:2px;border-radius:2px;background:#0E7A6C;box-shadow:0 0 0 0 transparent;transition:.22s}
.faq_item .faq_header::after{content:'';position:absolute;top:30px;right:40px;width:2px;height:16px;border-radius:2px;background:#0E7A6C;transition:.22s}
.faq_item.opened::before{background-color:#0E7A6C}
.faq_item.opened::after{background:#fff}
.faq_item.opened .faq_header::after{opacity:0;transform:rotate(90deg)}
.faq_header{position:static;font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:17.5px;line-height:1.35;color:#122B28;padding-right:0}
.faq_body{border-left:2px solid #0E7A6C;padding-left:16px;margin-top:16px;font-size:15px;line-height:1.6;color:#26312E}

/* контакты поверх карты */
.contact_section{position:relative;z-index:1;padding:0;background:#EAF4F1}
.map_wrp{position:absolute;inset:0;width:100%;height:100%}
.map_wrp iframe{display:block;width:100%;height:100%;border:0}
.contact_wrp{position:relative;z-index:2;max-width:520px;padding:40px;background:#fff;border-radius:28px;box-shadow:0 48px 90px -46px rgba(10,40,36,.5),0 8px 22px -10px rgba(10,40,36,.18)}
.cont_list{margin:0;padding:0;list-style:none}
.cont_list li{margin-bottom:14px;padding-left:34px;font-size:15.5px;line-height:1.5;color:#26312E}
.cont_list li b{color:#122B28;font-weight:500}
.cont_list li a{font-weight:500;color:#0E7A6C}
.cont_list li a:hover{color:#0A5F54}
.cont_list li > img{position:absolute;left:0;top:2px;width:20px;height:20px}
.cont_list li .wa_call img{position:static;width:42px;height:42px}
.contact_wrp .normb{margin-top:8px}
.wa_call{display:inline-flex}
.wa_call img{width:42px;height:42px;max-height:none}

/* общая кнопка-таблетка вместо серого прямоугольника */
.normb{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:auto;height:auto;padding:16px 34px;background:#0E7A6C;border:0;border-radius:999px;font-family:'SVRGilroy','Gilroy',sans-serif;font-weight:500;font-size:15.5px;line-height:1;text-transform:none;color:#fff;box-shadow:0 14px 30px -14px rgba(14,122,108,.6);transition:.25s;cursor:pointer}
.normb:hover{background:#0A5F54;transform:translateY(-1px);color:#fff}
.normb img{margin:0;top:0;left:0;filter:brightness(0) invert(1)}

/* футер */
footer{padding:34px 0;background:#0B3B35;font-family:'SVRGilroy','Gilroy',sans-serif}
.foot_flex{gap:18px 28px;flex-wrap:wrap;justify-content:space-between}
.foott{margin:0;font-size:13.5px;line-height:1.5;color:#A9C8C0;transition:color .2s}
a.foott:hover{color:#3DD6B7}
p.foott{color:#6E9089}

/* модалки */
.modal_wrp,.mod_wrp{border-radius:24px;box-shadow:0 60px 120px -40px rgba(0,0,0,.5)}
.mod_wrp{padding-top:55px}
.mod_wrp .closemod{position:sticky;top:14px;float:right;margin:0 0 14px 20px;box-shadow:0 6px 18px -6px rgba(9,42,37,.35)}
.closemod{width:38px;height:38px;border-radius:50%;background:#F1F7F5;display:flex;align-items:center;justify-content:center;transition:.2s}
.closemod:hover{background:#0E7A6C}
.mt1{font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;color:#122B28}
.mt2{color:#5A6F6B}
.modal_wrp input{border-radius:14px}
.pressing{color:#8FA8A1}


.cont_list li.soc_li{display:flex;gap:12px;align-items:center;padding-left:0;border-bottom:0}
.soc_call{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;overflow:hidden;text-decoration:none;transition:transform .25s,filter .25s}
.soc_call:hover{transform:translateY(-2px);filter:brightness(1.06)}
.soc_call img{position:static!important;display:block;width:44px!important;height:44px!important;max-height:none;filter:none!important}
.cont-cta .soc-pill{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;overflow:hidden;text-decoration:none;transition:transform .25s}
.cont-cta .soc-pill:hover{transform:translateY(-2px)}
.cont-cta .soc-pill img{display:block;width:48px;height:48px;filter:none!important}

.modal_wrp{position:relative;padding:40px 44px 34px;border-radius:24px;background:#fff;box-shadow:0 40px 90px -30px rgba(9,42,37,.45);font-family:'SVRGilroy','Gilroy',sans-serif}
.modal_wrp .mt1{margin-bottom:6px;font-family:'SVRFutura','Gilroy',sans-serif;font-weight:600;font-size:30px;line-height:1.15;letter-spacing:-.01em;color:#122B28}
.modal_wrp .mt2{margin-bottom:26px;font-size:15px;line-height:1.5;color:#5A6F6B}
.closemod{position:absolute;top:16px;right:16px;z-index:100;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#EAF4F1;cursor:pointer;transition:.25s}
.closemod:hover{background:#0E7A6C;transform:rotate(90deg)}
.closemod img{display:none}
.closemod::before,.closemod::after{content:'';position:absolute;width:15px;height:2px;border-radius:2px;background:#122B28;transition:.25s}
.closemod::before{transform:rotate(45deg)}
.closemod::after{transform:rotate(-45deg)}
.closemod:hover::before,.closemod:hover::after{background:#fff}
.car_targets:has(> div:only-child){display:none}
.car_targets > div:only-child{display:none}
.svr-form{position:relative}
.svr-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.modal_wrp .flex input:not([type="checkbox"]),.modal_wrp textarea{width:100%;height:auto;padding:16px 20px;border:1px solid #E7F0ED;border-radius:14px;background:#F5F9F8;font-family:'SVRGilroy','Gilroy',sans-serif;font-size:15px;line-height:1.4;color:#122B28;transition:.2s;-webkit-appearance:none}
.modal_wrp textarea{display:block;min-height:104px;resize:vertical}
.modal_wrp .flex input:not([type="checkbox"]):focus,.modal_wrp textarea:focus{outline:none;border-color:#0E7A6C;background:#fff;box-shadow:0 0 0 4px rgba(14,122,108,.1)}
.modal_wrp .flex input::placeholder,.modal_wrp textarea::placeholder{color:#93A8A2}
.modal_wrp .flex input.is-bad,.mod_wrp .in_item input.is-bad{border-color:#D0564D;background:#FDF4F3}
.svr-agree{position:relative;display:block;margin:2px 0 16px;padding-left:30px;font-family:'SVRGilroy','Gilroy',sans-serif;font-weight:400;font-size:13px;line-height:1.5;color:#5A6F6B;cursor:pointer}
.svr-agree input[type="checkbox"]{position:absolute;left:0;top:1px;width:20px;height:20px;margin:0;opacity:0;cursor:pointer}
.svr-agree i{position:absolute;left:0;top:1px;width:20px;height:20px;border:1.5px solid #C8DAD5;border-radius:6px;background:#fff;transition:.2s}
.svr-agree i::after{content:'';position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;opacity:0;transform:rotate(45deg) scale(.4);transition:.2s}
.svr-agree input:checked~i{border-color:#0E7A6C;background:#0E7A6C}
.svr-agree input:checked~i::after{opacity:1;transform:rotate(45deg) scale(1)}
.svr-agree input:focus~i{box-shadow:0 0 0 4px rgba(14,122,108,.15)}
.svr-agree a{color:#0E7A6C;text-decoration:underline}
.svr-agree a:hover{color:#0B5F54}
.svr-fnote{display:none;margin:0 0 14px;padding:11px 15px;border-radius:12px;background:#FDF1F0;font-family:'SVRGilroy','Gilroy',sans-serif;font-size:13px;line-height:1.45;color:#B8443C}
.svr-fnote.is-on{display:block}
.modal_wrp .svr-form button,.mod_wrp .svr-form button{display:inline-flex;align-items:center;justify-content:center;width:100%;height:auto;min-height:0;padding:17px 30px;border:0;border-radius:999px;background:#0E7A6C;font-family:'SVRGilroy','Gilroy',sans-serif;font-weight:500;font-size:15.5px;line-height:1;text-transform:none;color:#fff;box-shadow:0 14px 30px -14px rgba(14,122,108,.6);cursor:pointer;transition:.25s}
.modal_wrp .svr-form button:hover,.mod_wrp .svr-form button:hover{background:#0B5F54;color:#fff}
.modal_wrp .svr-form button::before,.mod_wrp .svr-form button::before{display:none}
.svr-form button.is-locked{cursor:not-allowed}
.svr-form button.is-sending{opacity:.65;pointer-events:none}
.svr-agree.is-bad i{border-color:#D0564D;background:#FDF4F3}
.svr-cookie{position:fixed;left:0;right:0;bottom:0;z-index:1030;padding:14px 0;background:rgba(255,255,255,.97);border-top:1px solid #E7F0ED;box-shadow:0 -14px 44px rgba(9,42,37,.1);font-family:'SVRGilroy','Gilroy',sans-serif;transform:translateY(101%);transition:transform .4s}
.svr-cookie.is-on{transform:translateY(0)}
.svr-cookie-in{display:flex;align-items:center;gap:28px;max-width:1240px;margin:0 auto;padding:0 24px}
.svr-cookie p{margin:0;font-size:13px;line-height:1.5;color:#5A6F6B}
.svr-cookie a{color:#0E7A6C;text-decoration:underline}
.svr-cookie a:hover{color:#0B5F54}
.svr-cookie-ok{flex:0 0 auto;padding:13px 34px;border:0;border-radius:999px;background:#0E7A6C;font-family:'SVRGilroy','Gilroy',sans-serif;font-weight:500;font-size:14.5px;line-height:1;color:#fff;cursor:pointer;transition:.25s}
.svr-cookie-ok:hover{background:#0B5F54}
@media screen and (max-width:767px){
.modal_wrp{padding:32px 22px 26px;border-radius:20px}
.modal_wrp .mt1{font-size:24px}
.modal_wrp .mt2{margin-bottom:20px;font-size:14px}
.closemod{top:12px;right:12px;width:34px;height:34px}
.svr-cookie-in{flex-direction:column;align-items:stretch;gap:14px;padding:0 18px}
.svr-cookie-ok{width:100%}
}