@charset "UTF-8";
@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: #fff;
    -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: #2D3237;
	vertical-align: center;
	line-height: 18px;
	font-weight: 600;
}
.logo img {
	max-width: 100px;

    }

.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%;
}
.block6 .container {
    max-width: 1590px;
    width: 100%;
}
ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

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

.fullw {
    position: relative;
    background-position: center;
    background-size: cover;
    height: 600px;
    display: block;
	border-radius:  250px 0px 0px 250px;;
}

.fullw::before {
    content: '';
    display: block;
    position: absolute;
    width: 100px;
    height: 100px;
}

.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: 100px;
    font-weight: 900;
    font-size: 50px;
    line-height: 50px;
    color: #fff;
}

h1 span {
    position: relative;
	font-weight: 600;
    font-size: 40px;
	line-height: 20px;
}
h1 span2 {
    position: relative;
	font-weight: 600;
    font-size: 40px;
	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: #fff;
}

.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: #2D3237;
    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: #2D3237;
    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: 24px;
    line-height: 25px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
	font-weight: 500;
}

.after_intro {
    position: relative;
    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: #2D3237;
    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: #2D3237;
    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 #2D3237;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 15px;
    background-color: #fff;
}

.secure_item:hover div {
    background-color: #2D3237;
}

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

.way_section h2 span {
    color: #2D3237;
}

.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: #2D3237;
}

.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: #2D3237;
}

.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: #2D3237;
}

.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: #2D3237;
}

.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: 20px;
    padding-bottom: 20px;
    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;
    background-image: url(../img/sell_list.svg);
    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: #2D3237;
}

.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: 10px;
	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 #2D3237;
    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/bg11.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: #2D3237;
    -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: #2D3237
}

.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: #2D3237;

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 #2D3237;
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 25px;
    line-height: 35px;
    color: #fff;
}
.after_h1 span {
    font-weight: 500;
}
.after_h12 {
    margin-bottom: 30px;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.25;
    color: #fff;
}
.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: #2D3237;
    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: #2D3237;
}

.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: #2D3237
}
.recall {
    height: 56px;
    width: 170px;
    background: #2D3237;
    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: #2D3237;
}
.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: #2D3237;
}
.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: 30px;
    padding-top: 95px;
}
.company1 {
    float: right;
    margin-right: 40px;
	border-radius: 10px;
	max-width: 950px;
}
.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: #2D3237;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

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

.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: #2D3237;
}

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

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

.company_section2 h2 {
    margin-bottom: 30px;
	color: #2D3237;
}
.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: #2D3237;
    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: #2D3237;
    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: #2D3237;
    width: 100%;
	text-decoration: underline dotted;
}
.zakaz_but1 {
	text-align: center;
    font-weight: 500;
    font-size: 45px;
    line-height: 22px;
    color: #2D3237;
    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))), #2D3237;
    background: linear-gradient(180deg, #FFFFFF -329.83%, rgba(0, 0, 0, 0) 173.39%), #2D3237;
    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 #2D3237;
    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: #2D3237;
}

.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 #2D3237;
    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: #2D3237;
	top: 10px;
}
.over_forma_t {
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    color: #40372E;
    margin-bottom: 5px;
    border-left: 4px solid #2D3237;
    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: #2D3237;

}

.in_item input:focus {
    border-bottom-color: #2D3237;
}
.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: #2D3237;
}

.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: 130%;
    max-width: 130%;
}

.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: bold;
    font-size: 24px;
    line-height: 26px;
    color: #40372E;
    margin-bottom: 8px;
	text-align: center;
}

.izdelie_price {
    margin-bottom: 0;
    font-weight: normal;
    font-size: 19px;
    line-height: 26px;
    padding-left: 15px;
    padding-right: 15px;
    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: 10px;
    padding-bottom: 30px;
    background-color: #f2f2f2
}

.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;

    text-align: center;

    color: #40372E;
}

.ex_item:hover > p {
    color: #2D3237;
}

.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 #2D3237;
    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;
	min-height: 750px;
}
.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: #2D3237;
	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;

    padding-top: 10px;
    padding-bottom: 50px;
	background-image: url(../img/tb.jpg);
}

.three h2 {
    font-size: 40px;
	text-align: center;
	color: #2D3237;

}
.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 #2D3237;
}
.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: 30px;
	background: #FFA800;
}
.two h2{
    margin-bottom: 30px;
	color: #000;
}

.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;

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: 5px 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: #2D3237;
}

.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: 22px;
	line-height: 140%;
	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: #2D3237;
}

.workers_section {
	padding-top: 15px;
	padding-bottom: 45px;
	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: 20px;
	line-height: 120%;
	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: 24px;
	line-height: 140%;
	color: #000000;
}

.jur_descript_list li span {
	display: block;
	font-weight: normal;
	font-size: 20px;
	line-height: 130%;
	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 {

}

.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: #2D3237;
}

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

.step_item > span {
	position: relative;
	z-index: 10;
	display: block;
	font-weight: normal;
	font-size: 20px;
	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: #2D3237;
    -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
}
.price_flat_get {}

h2 {
    margin: 0;
	margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 800;
    font-size: 45px;
    line-height: 60px;
    color: #323232;
}

h2 span {
    color: #64BB55;
}
.price_flat_get {
	margin-top: 20px;
    padding-bottom: 20px;
}
.price_flat_get::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    background-image: url(../img/parallax/1.svg);
    height: 250px;
    background-repeat: no-repeat;
    bottom: 70px;
    background-position: calc(50% - 30px) 0;
    -webkit-animation: float 4s ease-in-out infinite;
    animation: float 4s ease-in-out infinite;
}
.full_h_img {
    background-position: center;
    background-size: cover;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 17px;
    min-height: 625px;
}

.gt1 {
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    color: #323232;
}

.gt2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    color: #64BB55;
    margin-bottom: 30px;
}

.gt3 {
    margin-bottom: 50px;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    color: #323232;
}

.g_list {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.g_list li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 50%;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.2;
    top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding-left: 20px;
    color: #323232;
    margin-bottom: 10px;
}

.g_list li:hover {
    top: -4px
}

.g_list li::before {
    width: 5px;
    height: 5px;
    content: '';
    display: block;
    position: absolute;
    background-color: #64BB55;
    left: 0;
    top: 12px;
}

input {
    background: none;
    border: none;
    margin-bottom: 10px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    height: 90px;
    padding-left: 64px;
    padding-right: 20px;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    color: #000000;
}

.send_forma {
    margin-bottom: 14px;
    height: 90px;
    background: #FFA133;
    border-radius: 6px;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    color: #FFFFFF;
}

.gt1 span {
    color: #64BB55;
}
.block6 {
    padding-bottom: 25px;
    background-repeat: no-repeat;
	background-color: #f4f4f6;
	background-position: left;
	background-image: url(../img/bg5.png);
}

.block6 h2 {
    font-size: 40px;
	color: #40372E;
    text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

.block6 .flex > div {
    margin-bottom: 30px;
}

.ideal_wrp {
    height: 100%;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(rgba(255, 255, 255, 0))), #F8F8F8;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #F8F8F8;
    -webkit-box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    padding-top: 16px;
    padding-left: 30px;
    overflow: hidden;
    padding-right: 25px;
    padding-bottom: 23px;
	background-image: url(../img/ideal11.png);
	min-height: 125px;
	min-width: 125px;
}

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

.ideal_wrp div::before {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 7px;
    width: calc(100% - 14px);
    height: calc(100% - 14px);
    opacity: 0.2;
    border: 1px solid #FFFFFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}

.ideal_wrp i {
    margin-bottom: 9px;
    font-style: normal;
    font-weight: normal;
    font-size: 42px;
    line-height: 46px;
    color: #2D3237;
    display: block;
    position: relative;
    z-index: 100;
}

.ideal_wrp p {
    padding-bottom: 13px;
    margin-bottom: 13px;
    font-weight: bold;
    font-size: 26px;
    line-height: 22px;
    color: #20203F;
    border-bottom: 1px solid rgba(86, 87, 104, 0.15);
    position: relative;
    z-index: 100;
	opacity: 0;
	text-align: center;
}

.ideal_wrp span {
    position: relative;
    z-index: 100;
    font-weight: normal;
    font-size: 22px;
    line-height: 20px;
    color: #565768;
	opacity: 0;
	text-align: center;
	display: block;
	margin: auto
}

.ideal_wrp:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ideal_wrp:hover div {
    opacity: 1
}

.ideal_wrp:hover p {
    color: #000;
    border-bottom-color: rgba(255, 255, 255, 0.67);
	opacity: 1;
}

.ideal_wrp:hover span {
    color: #000;
	opacity: 1;
	text-align: center;
}
.two {
    padding-top: 50px;
    position: relative;
    z-index: 100;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: 100% 29%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
	background-color: rgba(241, 240, 242, 0.4);

}
.two_part2 {
    margin-top: 110px;
}

.two_part2 h2 {
    margin-bottom: 50px;
}
.two_part3 {
    margin-top: 100px;
}
.catalog_ysl {
    position: relative;
    height: 100%;
    padding: 30px;
    border: 1px solid #E8E8E8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    padding-top: 0;
}

img.iz1 {
	border-radius: 10%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.catalog_ysl img {
    display: block;
    margin-bottom: 29px;
    margin-top: -50px;
}

.catalog_ysl p {
    margin-bottom: 14px;
    font-weight: bold;
    font-size: 26px;
    line-height: 28px;
    color: #000;
	text-align: center;
}

.catalog_ysl span {
    display: block;
    font-weight: normal;
    font-size: 17px;
    line-height: 23px;
    color: #310D0C;
text-align: center;
}
.price_flat_get {}

h2 {
    margin: 0;
	margin-top: 30px;
    margin-bottom: 30px;
    font-weight: 800;
    font-size: 45px;
    line-height: 60px;
    color: #323232;
}

h2 span {
    color: #64BB55;
}
.price_flat_get {
	margin-top: 50px;
    padding-bottom: 50px;
}
.price_flat_get::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    background-image: url(../img/parallax/1.svg);
    height: 250px;
    background-repeat: no-repeat;
    bottom: 70px;
    background-position: calc(50% - 30px) 0;
    -webkit-animation: float 4s ease-in-out infinite;
    animation: float 4s ease-in-out infinite;
}
.full_h_img {
    background-position: center;
    background-size: cover;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 17px;
    min-height: 625px;
}

.gt1 {
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    color: #323232;
}

.gt2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    color: #64BB55;
    margin-bottom: 30px;
}

.gt3 {
    margin-bottom: 50px;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    color: #323232;
}

.g_list {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.g_list li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 50%;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.2;
    top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding-left: 20px;
    color: #323232;
    margin-bottom: 10px;
}

.g_list li:hover {
    top: -4px
}

.g_list li::before {
    width: 5px;
    height: 5px;
    content: '';
    display: block;
    position: absolute;
    background-color: #64BB55;
    left: 0;
    top: 12px;
}

input {
    background: none;
    border: none;
    margin-bottom: 10px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    height: 90px;
    padding-left: 64px;
    padding-right: 20px;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    color: #000000;
}

.send_forma {
    margin-bottom: 14px;
    height: 90px;
    background: #FFA133;
    border-radius: 6px;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    color: #FFFFFF;
}

.gt1 span {
    color: #64BB55;
}

.qu_section h2 {
    margin-bottom: 30px;
    font-size: 40px;
}

.qu_section {
    padding-bottom: 30px;
    padding-top: 40px;
}

.min_img {
    display: inline-block;
    max-width: 100%;
	border-radius: 10px;
}

.wr_panel {
    padding-top: 30px;
    border-top: 2px solid #2D3237;
    display: inline-block;
    margin-bottom: 20px;
}
.qu_section .check_list li {
    margin-bottom: 30px;
}
.qu_section .check_list li:last-child {
    margin-bottom: 0;
}
.qu_section .check_list {
    margin-bottom: 0;
}
.check_list {
    margin-bottom: 28px;
    max-width: 530px;
}

.check_list li {
    position: relative;
    display: block;
    margin-bottom: 50px;
    padding-left: 40px;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    color: #000;
}

.check_list li::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(../img/norm_list.svg);
    width: 22px;
    height: 22px;
    left: 0;
    top: 5px;
}
.wr_panel {
    padding-top: 20px;
    border-top: 2px solid #2D3237;
    display: inline-block;
    margin-bottom: 50px;
}

.wr_panel p {
    margin-bottom: 35px;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;

    color: #40372E;
}

.wr_panel span {
    margin-bottom: 8px;
    display: block;
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    color: #40372E;
}

.wr_panel b {
    margin-bottom: 35px;
    display: block;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;

    color: #40372E;
}

.wr_panel a {
    display: inline-flex;
    transition: 0.3s;
    height: 65px;
    max-width: 280px;
    width: 100%;
    font-size: 14px;
}
.warning {
	position: fixed;
	bottom: 0;
	right: 0;
	display: none;
	justify-content: right;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	background-color: white;
	z-index: 120;
	border: 1px solid black;
	height: 150px;
	width: 400px;
	border-radius: 10px;
	margin: 20px;
	text-align: center;
	align-items: center;
}

.warning--active {
	display: flex;
}

.warning__text {
	margin-right: 30px;
}

.warning__read {
	display: block;
	margin-left: 15px;
}
.warning__apply {
	padding: 10;
    margin: 10;
    display: inline-block;
    vertical-align: middle;
    background: none;
    border: none

}

.normb2 {
	margin: 10px;
    width: 100%;
    height: 35px;
    background: #fff;
    border-radius: 10px;
	border: thin solid black;
    font-weight: bold;
    font-size: 12px;
    position: relative;
    line-height: 1;
    text-transform: uppercase;
    color: #000;
    padding-top: 5px;
}
.img_rev {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.img_rev img {
    max-height: 500px;
    object-fit: cover;
}
.pr_item {
    position: relative;
    height: 165px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    padding-left: 25px;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 80px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 7px 26px 66px rgba(170, 170, 187, 0.24);
    box-shadow: 7px 26px 66px rgba(170, 170, 187, 0.24);
    border-radius: 6px;
    background-color: #fff;
    top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: block;
}

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

.pr_item::before {
    content: '';
    display: block;
    position: absolute;
    left: -10px;
    top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    height: 100%;
    background: #DDAF8F;
    border-radius: 6px;
    -webkit-transform: rotate(-3.85deg);
    z-index: -1;
    transform: rotate(-3.85deg);
}

.pr_item:hover::before {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

.pr_item > img {
    display: block;
    vertical-align: middle;
    position: absolute;
    top: 21px;
    left: 25px;
}

.pr_inner {
    display: inline-block;
    vertical-align: middle;
}

.pr_inner p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #000;
}

.preim_flex {
    margin-bottom: -25px;
    margin-top: 65px;
    padding-bottom: 60px;
}

.preim_flex> div {
    margin-bottom: 25px;
}
.pr_item > b {
    position: absolute;
    top: 30px;
    left: 27px;
    font-size: 30px;
    color: #DDAF8F;
}
.steps_list2 {
    max-width: 490px
}

.steps_list2 li {
    margin-bottom: 20px;
}

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

.steps_list2 li span {
    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;
    width: 50px;
    height: 50px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-100%, #FFFFFF), color-stop(118%, rgba(255, 255, 255, 0))), #FBFBFA;
    background: linear-gradient(180deg, #FFFFFF -100%, rgba(255, 255, 255, 0) 118%), #FBFBFA;
    -webkit-box-shadow: 0px 4.31389px 8.62779px rgba(217, 217, 223, 0.4);
    box-shadow: 0px 4.31389px 8.62779px rgba(217, 217, 223, 0.4);
    border-radius: 69.0223px;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #DDAF8F;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-top: 0;
    position: relative;
    top: 0;
}

.steps_list2 li:hover > span {
    top: -4px
}

.steps_list2 li p {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 54px);
    padding-left: 30px;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 25px;
    line-height: 27px;
    color: #fff;
}
.steps_list li p a {
    color: #DDAF8F;
    text-decoration: underline;
}

.steps_list li p a:hover {
    text-decoration: none;
}
.caseDiv2 {
    padding: 100px 0;
    padding-bottom: 60px;
}
.teacher_wrp {
    position: relative;
    margin-bottom: 40px;
}
.teacher_wrp > div {
    background-position: top center;
    background-size: cover;
    height: 280px;
    margin-bottom: 8px;
}
.teacher_wrp > p {
    margin-bottom: 8px;
    line-height: 29px;
    font-size: 22px;
    color: #000000;
}
.teacher_wrp > ul {
    padding: 0;
    margin: 0;
    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;
}
.subh2 {
    font-size: 24px;
    color: #000000;
    margin-bottom: 42px;
    padding-left: 70px;
    position: relative;
    margin-top: 25px;
}
.subh2::before {
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: #FFE924;
    left: 0;
    top: 18px;
}
.form-at {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 0;
    letter-spacing: 0;
    background: #f9f9f9;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 10px 18px rgba(0,0,0,0.1);
    border-radius: 8px;
}
.form-at * {
    box-sizing: border-box;
}
.validate-input-at,
.no-validate-input-at {
    width: 100%;
    position: relative;
    background-color: #fff;
    border: 2px solid #BFE2FF;
    border-radius: 2px;
    margin-bottom: 20px;
    border-radius: 8px;
}
.validate-input-at.w50,
.no-validate-input-at.w50 {
    width: calc(50% - 10px);
    display: inline-block;
}
.validate-input-at.w50:first-child,
.no-validate-input-at.w50:first-child {
    margin-right: 20px;
}
.input-at {
    display: block;
    width: 100%;
    background: transparent;
    color: #000;
}
input.input-at {
    height: 50px;
    padding: 0 20px 0 20px;
    font-size: 16px;
    outline: none;
    border: none;
}
textarea.input-at {
    min-height: 170px;
    padding: 18px 20px;
    font-size: 16px;
    line-height: 22px;
    outline: none;
    border: none;
    resize: none;
}
textarea.input-at:focus,
input.input-at:focus {
    border-color: transparent;
}
.focus-input-at {
    position: absolute;
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: -1px;
    left: -1px;
    pointer-events: none;
    border: 2px solid #CEA390;
    border-radius: 2px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s;
    transform: scaleX(1.1) scaleY(1.3);
    border-radius: 8px;
}
.input-at:focus + .focus-input-at {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}
.form-at-btn {
    position: relative;
    display: block;
    padding: 0 40px;
    height: 50px;
    background-color: #CEA390;
    border-radius: 2px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2;
    transition: all 0.4s;
    margin: 0 auto;
    outline: none;
    border: none;
    cursor: pointer;
    border-radius: 8px;
}
.form-at-btn:hover {
    background-color: #333333;
}
.form-at-btn[disabled] {
    opacity: .6;
    cursor: not-allowed;
}
.alert-validate::before {
    content: attr(data-validate);
    position: absolute;
    max-width: 70%;
    background-color: #fff;
    border: 1px solid #c80000;
    border-radius: 2px;
    padding: 4px 25px 4px 10px;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    pointer-events: none;
    color: #c80000;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.4s;
}
.alert-validate::after {
    content: "\f129";
    font-family: "FontAwesome";
    display: block;
    position: absolute;
    color: #c80000;
    font-size: 18px;
    font-weight: bold;
    top: 50%;
    transform: translateY(-50%);
    right: 22px;
}
.alert-validate:hover:before {
    visibility: visible;
    opacity: 1;
}
.error-at {
    color: red;
    padding: 10px 0;
}
.success-at {
    color: green;
    font-size: 28px;
    padding: 20px 0;
    text-align: center;
}
.form-at input[type=checkbox] {
    display:none;
}
.form-at input[type=checkbox] + label {
    display: block;
    position: relative;
    margin: 0 0 20px 34px;
    font-size: 13px;
    line-height: 24px;
    color: #333333;
}
.form-at input[type=checkbox] + label:before {
    box-sizing: border-box;
    position: absolute;
    content: '';
    width: 26px;
    height: 26px;
    line-height: 22px;
    left: -34px;
    border: 2px solid #BFE2FF;
    border-radius: 2px;
}
.form-at input[type=checkbox]:checked + label:before{
    content: '\2714';
    color:#337AB7;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    border: 2px solid #337AB7;
}
@media (max-width: 768px) {
    .validate-input-at.w50 {
        width: 100%;
    }
    .validate-input-at.w50:first-child {
        margin-right: 0;
    }
    .alert-validate::before {
        visibility: visible;
        opacity: 1;
    }
}

@media screen and (max-width:1520px) {
    .owl-prev {
        width: 60px;
        height: 60px;
        background-position: center;
        background-size: 60px;
        top: calc(50% - 30px);
        left: -70px;
    }
    .owl-next {
    width: 60px;
    height: 60px;
    background-position: center;
    background-size: 60px;
    top: calc(50% - 30px);
    right: -70px;
    }
    .rev_slider, .video_rev_slider  {
    width: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto;
}
    .intro_in_wrp::before {
        left: -75px
    }
}
    .measure_img {
        width: 340px;
    }
		.ideal_wrp {
    padding: 20px 25px;
}

@media screen and (max-width:1360px) {
    .owl-prev {
        display: none
    }
	.intro_in_wrp::before {
        display: none
    }
    .intro_list li {
        font-size: 16px
    }
    .intro_list {
        max-width: 460px
    }
    .intro_preim_list li span {
        display: block;
        font-weight: normal;
        font-size: 18px;
        line-height: 22px;
    }
    .intro_preim_list li p {
        font-size: 47px;
    }
    .owl-next {
        display: none
    }
    .owl-dots {
        display: block
    }
    .rev_slider, .video_rev_slider  {
        width: 100%
    }
	h1 {
        font-size: 51px;
        line-height: 47px;
    }
    .after_h1 {
        font-weight: 450;
        font-size: 32px;
        line-height: 33px;
    }
    .after_h12 {
        font-size: 20px
    }
	.measure_img {
        width: 340px;
    }
	.measure_descript {
        width: calc(100% - 340px);
        padding: 40px
    }
	.jur_item span {
        width: calc(100% - 350px);
        font-weight: normal;
        font-size: 17px;
        line-height: 24px;
    }
    .jur_item br {
        display: none
    }
    .jur_item p {
        width: 330px
    }
}

@media screen and (max-width:1200px) {
    h1 {
        font-size: 51px;
        line-height: 47px;
    }
    .after_h1 {
        font-weight: 450;
        font-size: 32px;
        line-height: 33px;
    }
    .after_h12 {
        font-size: 20px
    }
    h1 span svg {
        display: none;
        position: absolute;
        width: 166px;
        height: 81px;
        left: -3px;
        top: 9px;
        z-index: -1;
    }
    .after_h1 {
        font-size: 31px
    }
    .intro_bot p {
        display: block;
        width: 100%;
        padding: 0;
        margin-top: 20px;
    }
    .intro_bot {
        margin-top: 25px;
    }
    .intro_flex_num {
        position: absolute;
        right: 16px;
        top: 14px;
        width: 40px;
    }
    .intro_flex div {
        padding: 15px;
    }
    h2 {
        margin: 0;
        margin-bottom: 5px;
        font-weight: bold;
        font-size: 41px;
        line-height: 48px;
        color: #000000;
    }
		.ideal_wrp {
        padding: 30px;
    }
    .secure_section .after_h2 br {
        display: none
    }
    .intro_flex div p {
        margin-bottom: 0;
        font-weight: normal;
        font-size: 15px;
        line-height: 18px;
        color: #000000;
    }
    .intro_flex div p {
        margin-bottom: 0;
        font-weight: normal;
        font-size: 15px;
        line-height: 18px;
        color: #000000;
    }
    .profi_item {
        font-size: 14px;
        line-height: 22px;
    }
    .care_item span {
        display: block;
        font-size: 16px;
        line-height: 22px;
        color: #000000;
    }
    .secure_item p {
        margin-bottom: 0;
        font-size: 18px;
        line-height: 19px;
        color: #000000;
    }
    .way_ttle {
        margin-bottom: 1px;
        font-weight: bold;
        font-size: 27px;
        line-height: 33px;
        color: #000000;
    }
    .way_subttle {
        margin-bottom: 30px;
        font-weight: normal;
        font-size: 20px;
        line-height: 27px;
        color: #000000;
    }
    .way_list li {
        margin-bottom: 25px;
        font-size: 18px;
        line-height: 22px;
        color: #000000;
        position: relative;
        padding-left: 48px;
    }
    .will_see .after_h2 {
        margin-bottom: 0;
        color: #fff;
        font-size: 20px;
        line-height: 1.5;
    }
    .will_see .after_h2 span svg {
        top: -5px;
        left: -4px;
        width: 100%;
    }
    .case_imgs {
        width: 310px
    }
    .case_descript {
        width: calc(100% - 315px);
        padding-left: 25px;
    }
    .case_descript {
        width: calc(100% - 315px);
        padding-left: 25px;
    }
    .advice_section::before {
        max-height: 815px
    }
    .tarif_t1 {
        font-weight: bold;
        font-size: 26px;
        line-height: 31px;
        color: #000000;
    }
    .tarif_item {
        padding: 20px
    }
    .attent_section h2 {
        font-size: 35px
    }
    .faq_section .after_h2 {
        margin-bottom: 25px;
        font-size: 20px;
    }
    .faq_section .after_h2 span svg {
        top: -7px;
        width: 100%;
        left: -2px;
    }
    .faq_header {
        padding-right: 25px;
        font-weight: bold;
        font-size: 18px;
        line-height: 24px;
        color: #000000;
    }
    .contact_wrp {
        max-width: 500px
    }
    .logo img {
        max-width: 80px;
    }
    body {
        padding-top: 74px;
    }
}

@media screen and (max-width:991px) {
    .nopadl {
        padding-left: 15px;
    }
	.measure_item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .measure_item > div {
        width: 100%;
    }
	.ch_flex p {
        padding-left: 30px;
        position: relative;
        margin-bottom: 0;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        color: #000000;
    }
    .ch_flex {
        margin-left: auto;
        margin-right: auto;
    }
    .ch_flex p::before {
        width: 20px;
        height: 20px;
        top: calc(50% - 10px);
        background-size: 20px;
    }
	.pr_item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        height: auto;
        height: 100%;
        padding: 14px 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .pr_item img {
        width: 40px;
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;
        position: relative;
        margin: 0;
        padding: 0;
        left: 0;
        top: 0;
    }
    .pr_item br {
        display: none
    }
    .pr_inner {
        padding-left: 0;
    }
    .preim_flex {
        padding-bottom: 70px;
    }
	.measure_img {
        width: 100%;
        height: 400px;
    }
	    .modal-lg {
        margin: 0;
        padding: 15px
    }
    .mod_wrp {
        padding: 40px;
    }
    .case_media_area_wrp {
        padding-right: 0;
    }
    .pressing span {
        display: inline
    }
    .case_img_item {
        height: 210px;
    }
	.measure_descript {
        padding: 30px;
    }
	.case_media_area_wrp {
        padding-right: 0;
    }
	.case_img_item {
        height: 210px;
    }
	.jur_item p {
        width: 270px;
        font-size: 19px;
    }
		.ideal_wrp {
        text-align: center;
    }
    .jur_item span {
        width: calc(100% - 240px);
        font-weight: normal;
        font-size: 15px;
        line-height: 21px;
    }
	.company1 {
        float: none;
        margin-right: 0;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 30px;
    }
		.company12 {
        float: none;
        margin-right: 0;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 30px;
    }
	.intros_section .pressing {
        max-width: 300px
    }
	.intro_list {
        max-width: 340px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 10px;
    }
    .intro_section .pressing {
        max-width: 300px
    }
    .intro_list li {
        margin-bottom: 20px;
    }
    .ad_list_item p {
        font-size: 16px;
        line-height: 20px
    }
    .nopadr {
        padding-right: 15px;
    }
    .mobc {
        text-align: center!important;
    }
	.intro_numbers_panel > div > div span {
		font-size: 30px;
		line-height: 1;
	}

	.intro_numbers_panel > div > div p {
		font-size: 14px;
	}

	.intro_numbers_panel {
		padding: 30px 25px;
	}
    .nomob {
        display: none
    }
    .onlymob {
        display: block
    }
    section {
        height: auto!important;
        padding-top: 35px !important;
        padding-bottom: 35px !important;
        margin: 0!important;
        min-height: 10px!important;
    }
    .row.mobowl {
        margin-left: 0;
        margin-right: 0;
    }
    .mopad0 {
        padding: 0!important;
    }
    body.modal-open {
        padding-right: 0 !important;
    }
    .head_menu {
        position: absolute;
        width: 100%;
        background: #fff;
        top: 100%;
        padding: 20px;
        z-index: 100;
        display: none;
        left: 0;
    }
    .open_nav {
        display: inline-block;
        vertical-align: middle;
    }
    .open_nav img {
        width: 40px
    }
    .head_contact {
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px;
    }
    h1 {
        font-size: 40px;
        line-height: 38px;
    }
    .after_h1 {
        font-weight: 450;
        font-size: 28px;
        line-height: 33px;
    }
    .after_h12 {
        font-size: 22px;
        max-width: 340px;
    }
    h1 span svg {
        display: none;
        position: absolute;
        width: 156px;
        height: 81px;
        left: -13px;
        top: -1px;
        z-index: -1;
    }
    .intro_flex div p {
        margin-bottom: 0;
        font-weight: normal;
        font-size: 18px;
        line-height: 23px;
        color: #000000;
    }
    .intro_flex div {
        min-height: 155px
    }
    .intro_section {
        background-image: url(../img/bg1m.jpg);
        background-position: top;
        background-size: cover
    }
    .intro_section::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        opacity: .8;
    }
    .play_vid {
        display: block
    }
    .play_vid img {
        width: 120px;
    }
    .intro_wrp_but {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 30px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .intro_bot {
        margin-top: 0;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
    }
    .intro_bot p {
        display: inline-block;
        width: auto;
        padding: 0;
        margin-top: 20px;
        margin: 0;
        padding-left: 20px;
    }
    .intro_section .container {
        position: relative;
        z-index: 100;
    }
    .after_h1 {
        font-size: 29px;
        margin-bottom: 30px;
    }
    h2 {
        margin: 0;
        margin-bottom: 5px;
        font-weight: bold;
        font-size: 30px;
        line-height: 41px;
        color: #000000;
    }
    .after_h2 {
        font-size: 17px
    }
    .after_h2 svg {
        width: calc(100% + 4px);
        top: -2px!important;
        left: -2px!important;
        height: 31px;
    }
    .after_intro .flex > div {
        padding-left: 5px;
        padding-right: 5px;
        width: 33.3%;
        margin-bottom: 15px;
    }
    .after_intro .flex > div:nth-last-child(1),
    .after_intro .flex > div:nth-last-child(2) {
        width: 50%
    }
    .profi_item br {
        display: block
    }
    .profi_item {
        font-size: 12px;
        line-height: 18px;
    }
    section#d1 {
        background-size: 460px;
    }
    .care_item p {
        margin-bottom: 15px;
        font-weight: 800;
        font-size: 18px;
        line-height: 21px;
        color: #000000;
        position: relative;
    }
    .care_item span {
        display: block;
        font-size: 17px;
        line-height: 18px;
        color: #000000;
    }
    .secure_section .after_h2 span svg {
        top: -6px;
        height: auto;
        margin-top: -5px;
        margin-left: -3px;
    }
    .secure_item::before {
        display: none
    }
    .secure_panel_wrp {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
        margin-bottom: -20px;
    }
    .way_info {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .way_subttle {
        margin-bottom: 30px;
        font-weight: normal;
        font-size: 18px;
        line-height: 22px;
        color: #000000;
    }
    .stat_item {
        padding: 30px
    }
    .quiz_ttle {
        margin-bottom: 30px;
        font-weight: bold;
        font-size: 28px;
        line-height: 1.2;
        color: #FFFFFF;
    }
    .check_item_quiz {
        padding: 0;
        padding-left: 40px;
        font-size: 15px;
        line-height: 1.4;
        padding-right: 15px;
        min-height: 60px;
    }
    .check_item_quiz::before {
        left: 8px
    }
    .quiz_inner {
        min-height: 187px;
    }
    .case_item {
        display: block;
    }
    .case_imgs {
        width: 100%;
        margin-bottom: 23px;
        height: 190px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: inherit;
        flex-direction: inherit;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .case_main_img {
        height: auto;
        margin-right: 20px;
        width: 60%;
        height: 100%;
    }
    .case_screen {
        height: auto;
        width: auto;
        width: 40%;
        height: 100%;
    }
    .case_descript {
        width: 100%;
        padding: 0;
    }
    h2 span svg {
        position: absolute;
        left: -15px;
        z-index: -1;
        top: -2px;
        display: none;
        width: calc(100% + 13px);
        height: 44px;
        left: -10px;
    }
    .secure_panel_wrp > div {
        width: 50%;
        padding-right: 20px;
        margin-bottom: 20px;
    }
    .flmob {
        margin-bottom: -20px;
    }
    .flmob > div {
        margin-bottom: 20px;
    }
    blockquote {
        font-size: 20px;
        line-height: 24px;
    }
    .photogallery_item span {
    background-position: center;
    background-size: cover;
    display: block;
    top: 5px;
    left: 5px;
    position: absolute;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border-radius: 10px;
}
    .faq_item {
        position: relative;
        cursor: pointer;
        margin-bottom: 10px;
        padding: 13px 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;
    }
    .faq_item::before {
        top: 14px;
        right: 20px;
    }
    .after_wa_flex div {
        padding-left: 30px;
        position: relative;
        font-size: 16px;
        line-height: 18px;
        color: #FFFFFF;
        text-align: left;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 15px;
    }
    .after_wa_flex {
        margin-top: 40px;
        margin-bottom: 60px;
    }
    .cont_list li span br {
        display: block
    }
    .foott {
        font-size: 14px
    }
    .container {
        max-width: 767px
    }
}

@media screen and (max-width:767px) {
.norm_list li {
		line-height: 18px;
		margin-bottom: 10px;
        font-size: 18px;
        color: #40372E;
		font-weight: 400;
}
.wr_panel span {
    margin-bottom: 8px;
    display: block;
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    color: #40372E;
}
.wr_panel br {
	display: none
}
.t_wrp table {
    width: 80%;
}
.warning {
	position: fixed;
	bottom: 1px;
	right: 0;
	justify-content: center;
	width: 100%;
	padding: auto;
	box-sizing: border-box;
	background-color: white;
	z-index: 120;
	height: 150px;
	width: 310px;
	font-size: 12px;
	margin: auto;
}
.h2_ar_flex {
		margin-bottom: 20px;
		display: block;
	}
		.jur_panel_item_wrp:last-child ul.jur_descript_list:last-child {
		padding-left: 51px;
		margin-top: 23px;
		padding-bottom: 8px;
	}

	.jur_panel_item_wrp:last-child hr:nth-last-child(2) {
		display: none;
	}
		.jur_panel_item {
		padding: 20px;
		width: calc(100% + 40px);
		margin-left: -20px;
		display: block;
		margin-bottom: 20px;
	}
		.jur_img {
		width: 100%;
		height: auto;
		min-height: 260px;
	}
		.jur_descript {
		width: 100%;
		padding: 0 !important;
		padding-top: 20px !important;
	}
		.jur_name {
		font-size: 22px;
	}
		.full_h_img {
    min-height: 200px;
}
.gt1 {
        font-size: 18px;
        line-height: 20px;
        margin-top: 20px;
    }
    .g_list li {
        font-size: 16px
    }
    .gt3 {
        margin-bottom: 40px;
        font-weight: 600;
        font-size: 18px;
        line-height: 19px;
    }
	.two h2{
    margin-bottom: 30px;
	text-align: center;
	font-size: 30px;
	
}
	    .catalog_ysl {
        padding: 15px;
    }
    .catalog_ysl img {
        margin-top: -33px;
    }
	.catalog_ysl p {
        margin-bottom: 14px;
    font-weight: bold;
    font-size: 22px;
    line-height: 25px;
    color: #000;
	text-align: center;
    }
    .catalog_ysl span {
        font-size: 16px;
    }
		.jur_panel_item_wrp:last-child ul.jur_descript_list:last-child {
		padding-left: 51px;
		margin-top: 23px;
		padding-bottom: 8px;
	}
.measure_img {
        width: 100%;
        height: auto;
    }
    .measure_img.hit::before {
        right: 20px;
        top: 20px
    }
    .header_measure {
        display: block
    }
    .mes_ttel {
        font-size: 25px;
        margin-bottom: 20px;
    }
	.block6 {
        padding-top: 0 !important;
    }
	.block6 h2{
        font-size: 25px;
        line-height: 1.3;
    }
	.mes_info p {
    font-size: 20px;
}
	.stick_wrp {
		margin-bottom: 20px;
	}
    .measure_descript {
        padding: 20px;
    }
    .mes_body ul li {
        width: 100%
    }
    .mes_info {
        max-width: 100%;
        display: block
    }
    .mes_info > p {
        margin-bottom: 10px;
    }
    .mes_info > p:last-child {
        margin-bottom: 0;
    }
    .mes_footer {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .mes_footer .redb {
        margin-top: 15px;
    }
    .mes_body {
        margin-bottom: 23px;
    }
    .get_item > img {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        max-width: 70%;
        -webkit-transform: none;
        transform: none;
        display: block;
    }
	.jur_item i {
        -webkit-transform: none;
        transform: none;
    }
    .jur_item div {
        position: relative;
        height: auto;
        width: auto;
    }
    .jur_item {
        height: auto;
        min-height: 1px;
        padding: 15px;
        display: block;
        text-align: center;
    }
    .jur_item p {
        width: 100%;
        margin: 10px 0;
    }
    .jur_item span {
        width: 100%;
        display: block;
        font-size: 14px;
        line-height: 1.4;
    }
    .get_item {
        min-height: 1px;
    }
    .get_item > p {
        margin-bottom: 15px;
        text-align: center
    }
    .get_item::before {
        left: calc(50% - 24px)
    }
    .mes_select {
        max-width: 130px;
        padding-left: 15px;
        padding-right: 30px;
        height: 60px;
        font-size: 14px;
        background-position: calc(100% - 10px) 50%;
    }
    .mes_price {
        font-size: 22px;
    }
	
.way_section h2 {
	 margin-top: 0px;
}
tr {
    font-size: 15px;
}
.caseDiv1 h2{
    font-size: 35px;
}
.caseDiv11 h2{
    font-size: 35px;
}
.caseDiv12 h2{
    font-size: 35px;
}
.caseDiv13 h2{
    font-size: 35px;
}
.five h2{
    font-size: 30px;
}
.ct3 {
font-size: 25px;
font-weight: 600;

}
    .why_div {
    padding-top: 16px;
    padding-bottom: 15px;
    padding-left: 41px;
    padding-right: 13px;
    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: -11px;
    top: 20px;
}
    .why_div p {
        font-size: 15px;
    }
.three h2 {
    font-size: 30px;
	text-align: center;
}
.three h2 span {
    font-size: 30px;
	text-align: center;
}

	.case_ttle_modal {
        margin-bottom: 20px;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        color: #40372E;
    }
    .owl-prev {
        left: -13px
    }
    .owl-next {
        right: -13px;
    }
	.five {
        padding-top: 40px;
        text-align: center;
    }
    .five .make_pleasure {
        margin-bottom: 35px;
    }
    .contain_item {
        padding: 24px;
    }
    .container_flex > div {
        margin-bottom: 20px;
    }
    .container_flex {
        margin-bottom: -20px;
    }
	.use_wrp p {
    font-size: 18px;
    }
	.use_wrp2 p {
    font-size: 18px;
	line-height: 25px;
    }
	.intro_in_wrp {
        height: auto;
    }
	.after_h1 {
        font-weight: 450;
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 30px;
    }
	    .intro_list li::before {
        left: 0;
        top: calc(50% - 15px);
    }
    .intro_list li {
        margin-bottom: 20px;
        text-align: left;
        width: 100%;
        padding: 0;
        padding-left: 40px;
    }
    .intro_in_wrp {
        height: auto;
    }
    input {
        height: 55px !important;
        font-size: 18px!important;
		border-radius: 0px;
    }
    .intro_in_wrp input {
        padding-right: 0;
        padding-left: 43px;
        margin: 0;
        margin-bottom: -10px;
    }
    [name="phone"] {
        background-repeat: no-repeat!important;

    }
    .intro_send {
        overflow: hidden;
        position: relative;
        width: 100%;
        right: 0;
        height: 55px;
        font-size: 15px;
    }
	.pressing {
        max-width: 100%;
        margin-top: 15px;
    }
    .intro_preim_list {
        display: block
    }
    .intro_preim_list li {
        margin-bottom: 25px;
        margin-top: 0 !important;
        text-align: center;
    }
	.intros_section::before {
        width: 100%
    }
	.intros_section::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        background-color: #fff;
        opacity: .9
    }
    .logo {
 
    }
	.logos a{
    font-size: 25px;
}
    header {
        padding: 16px 0
    }
    .mobile_move {
        display: none
    }
    .wa_call_mob,
    .recall {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }
    .wa_call_mob img,
    .recall img {
        height: 32px;
    }
    h1 span svg {
        display: none;
        position: absolute;
        width: 96px;
        height: 48px;
        left: -9px;
        top: -2px;
        z-index: -1;
    }
    h1 span {
	font-size: 27px;
    }
        h1 {
        font-size: 30px;
        line-height: 27px;
        text-align: center;
        margin-bottom: 30px;
		margin-top: 30px;
		color: #000;
    }
        .after_h1 {
        font-size: 22px;
        margin-bottom: 20px;
        line-height: 1;
		color: #000;
    }
	   .after_h1 br {
        margin-bottom: 7px;
    }
    .intro_flex {
        display: block;
    }
    .intro_flex div {
        min-height: 1px;
        padding: 15px;
        background: #F5F5F5;
        margin: 0;
        margin-bottom: 15px;
        padding-right: 50px;
    }
    .intro_flex_num {
        width: 30px;
        top: 10px;
        right: 10px;
    }
    .intro_icn {
        margin: 0;
        display: inline-block;
        width: 40px;
        vertical-align: middle;
    }
    .intro_flex div p {
        width: calc(100% - 44px);
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        font-size: 17px;
        padding-left: 15px;
    }
    .intro_wrp_but {
        margin-top: 20px;
        display: block;
    }
    .normb {
        width: 100%!important;
        height: 55px!important;
        max-width: 100%!important;
        font-size: 16px;
    }
    .intro_bot p {
        width: 100%;
        padding: 0;
        text-align: center;
        margin-top: 10px;
        font-size: 18px;
        line-height: 1.4;
		color: #000;
    }
    a.play_vid {
    display: block;
    position: absolute;
    bottom: -5px;
    z-index: 100;
    right: 10px;
    display: none;
}
    a.play_vid img {
    width: 60px;
}
    .intro_bot p {
    text-align: center;
    padding-top: 0;
}
    span {}
    h2 {
        font-size: 30px;
        line-height: 1.3;
    }
    .after_h2 {
        font-size: 17px;
        line-height: 1.4;
    }
    .after_h2 svg {
        margin-top: -3px;
    }
    .after_intro .flex > div {
        width: 100%!important;
    }
    .how_item {
        padding: 15px;
    }
    .how_item img {
        margin: 0;
        display: inline-block;
        vertical-align: top;
        width: 40px;
    }
    .how_item p {
        width: calc(100% - 45px);
        display: inline-block;
        vertical-align: middle;
        padding-left: 15px;
        font-size: 17px;
        line-height: 1.5;
    }
    .after_intro h2 {
        font-size: 30px
    }
    .profi_item {
        text-align: left!important;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0!important;
        padding-left: 80px!important;
        min-height: 60px!important;
        left: 0!important;
        right: 0!important;
        margin-bottom: 25px!important;
        font-size: 16px;
    }
    .qu_section h2 {
        font-size: 30px;
        margin-bottom: 22px;
    }
	.mat_use_section h2 {
        font-size: 35px;
        margin-bottom: 30px;
		margin-top: 30px;
		text-align: center;
    }
	.check_list {
    margin-top: 28px;
}
    
	.check_list li {
    font-size: 18px;
}
    .profi_item img {
        left: 0!important;
        right: 0!important;
        width: 70px;
        top: calc(50% - 30px);
    }
    .profi_section .after_h2 {
        margin-bottom: 30px;
    }
    .profi_section {
        background-image: none
    }
    .part2_profi .profi_item:last-child {
        margin-bottom: 0 !important;
    }
    .after_h2 svg {
        margin-top: 7px;
        height: auto;
        width: 140%;
    }
    .secure_section .after_h2 span svg {
        display: none!important
    }
    .secure_panel_wrp {
        padding: 15px;
        display: block;
    }
    .secure_panel_wrp > div {
        padding: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .secure_item div {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin: 0;
        vertical-align: top;
        width: 50px;
        height: 50px;
    }
    .secure_item p {
        text-align: left;
        width: calc(100% - 54px);
        display: inline-block;
        vertical-align: middle;
        padding-left: 15px;
        font-size: 17px;
    }
    .secure_item div img {
        width: 28px;
    }
    .ways_wrp_all > .row:nth-child(odd) > div:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 15px;
    }
    .way_img {
        min-height: 250px;
    }
    p.way_ttle {
        font-size: 23px;
        line-height: 1.3;
        margin-bottom: 10px;
    }
    p.way_subttle {
        font-size: 18px;
    }
    .way_info > img {
        width: 90px;
        top: 10px;
    }
    .ways_wrp_all > .row::before {
        display: none!important;
    }
    .ways_wrp_all > .row:nth-child(even) > div:nth-child(1) {
        padding-right: 15px;
    }
    .way_info {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .way_list li {
        line-height: 1.4;
        margin-bottom: 15px;
    }
    .will_see h2 {
        font-size: 23px;
        margin-bottom: 22px;
    }
    .will_see .after_h2 {
        font-size: 18px;
    }
    .will_see .after_h2 span svg {
        margin: 1px;
    }
    .statistics_section .after_h2 span svg {
        display: none!important;
    }
    .statistics_section .after_h2 {
        font-size: 18px;
        margin-bottom: 30px;
    }
    .stat_item {
        min-height: 1px;
        padding: 14px;
    }
    .go_prev,
    .go_next {
        width: 50px;
        height: 50px;
    }
    .stat_nav {
        width: 120px;
    }
    .quiz_section .after_h2 span svg {
        display: none!important;
    }
    .quiz_inner .flex > div {
        margin-bottom: 10px;
    }
    .quiz_inner .flex {
        margin-bottom: -10px;
    }
    p.quiz_ttle {
        font-size: 22px;
    }
    .case_item {
        padding: 16px;
        padding-bottom: 90px;
    }
    .case_imgs {
        height: auto;
        display: block;
    }
    .case_main_img {
        width: 100%;
        height: 190px;
        margin: 0;
        margin-bottom: 10px;
    }
    a.case_screen.owl-lazy {}
    a.case_screen {
        width: 100%;
        height: 120px;
    }
    p.case_in_text {
        font-size: 16px;
        line-height: 1.5;
    }
    .cases_wrp .stat_nav_wrp {
        z-index: 100;
        left: 0;
        width: 100%;
        right: 0;
        bottom: 20px;
        text-align: center;
    }
    .advice_section .after_h2 svg {
        display: none!important
    }
    .rev_header {
        margin-bottom: 20px;
    }
    .rev_img {
        display: none;
    }
    .rev_names {
        width: 100%;
        padding: 0;
    }
    .rev_names::before {
        left: -20px;
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-transform-origin: left top;
        transform-origin: left top;
        top: -20px;
    }
    p.rev_text {
        font-size: 14px;
        line-height: 1.5;
    }
    .advice_section::before {
        max-height: inherit;
    }
    .video_rev_wrp p {
        color: #fff;
    }
    .advice_section .normb img {
        display: none;
    }
    .advice_section .normb {
        padding: 0;
    }
    blockquote::before {
        
background-size: 80px;
        
background-repeat: no-repeat;
        
width: 80px;
        
height: 80px;
        
top: -15px;
        
z-index: -1;
        
left: -10px;
    }
    blockquote {
        font-size: 15px;
        line-height: 1.4;
        padding: 0;
        margin: 40px 0;
    }
    .attent_section h2 {
        font-size: 19px;
    }
    .attent_section .after_h2 span svg {
        display: none!important;
    }
    .attent_section .after_h2 {
        margin-bottom: 40px;
    }
    .attent_section form {
        display: block;
    }
    input {
        width: 100%!important;
        height: 50px!important;
        font-size: 16px;
        padding: 0 25px!important;
    }
    .attent_section form input {
        margin-bottom: 10px;
    }
    .attent_section form button {
        border-radius: 10px;
    }
    .faq_section .after_h2 {
        font-size: 18px;
    }
    .faq_section .after_h2 svg {
        -webkit-transform: scale(1.04, 1.5);
        transform: scale(1.04, 1.5);
    }
    .faq_header {
        font-size: 18px;
        line-height: 1.4;
    }
    .faq_body {
        font-size: 16px;
        line-height: 1.4;
        border-width: 3px;
    }
    .wa_section {
        background-position: 10% -600px;
        padding-top: 0;
        padding-bottom: 40px;
    }
    .wa_section h2 {
        font-size: 23px;
        line-height: 1.3;
    }
    .wa_section .after_h2 svg {
        display: none!important;
    }
    .after_wa_flex {
        margin: 30px 0;
        display: block;
    }
    .after_wa_flex > div {
        padding-right: 0;
        margin-bottom: 20px;
    }
    .after_wa_flex > div:last-child {
        margin: 0;
    }
    .contact_wrp {
        padding: 20px 20px;
        border-radius: 10px;
        margin-top: 30px;
    }
    section#d6 {
        padding: 0!important;
    }
    .map_wrp {
        position: relative;
        height: 350px;
    }
    .foot_flex {
        display: block;
        text-align: center;
    }
    p.foott {
        margin: 13px 0;
    }
    .top_nav {
        text-align: left;
        margin-bottom: 20px;
    }
    .top_nav li {
        display: block;
        margin: 10px 0;
    }
    .modal_wrp {
        padding: 20px;
    }
    p.mt1 {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 10px;
    }
    p.mt2 {
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 20px;
    }
    h3,
    .h3 {
        font-size: 19px;
    }
    .cont_list li:last-child span {
        padding: 0;
        display: block;
    }
    .container {
        max-width: 450px;
    }
    .after_intro .after_h2 svg {
        width: 100%;
        margin-top: 2px;
    }
    .after_h2 span svg {
        display: none!important
    }
    .after_h2 span {
        position: relative;
        background: #fad041;
        padding: 0 3px;
        margin-right: 4px;
        white-space: break-spaces;
    }
    form > div:not(.flex) {
    display: block;
}
    .pressing::before {
        top: 3px;
    }
    .step_prev {
        height: 50px;
    }
    .quiz_item form input {
        margin-bottom: 10px;
    }
    .quiz_item form button {
        border-radius: 10px
    }.quiz_section .after_h2 {
        margin-bottom: 25px;
    }
    .pressing {
        text-align: left;
    }
    .closemod {
        top: 25px;
        right: 25px;
    }
    .rev_img {
    display: block;
    margin-bottom: 30px;
}
    .rev_names span img {
    margin-right: 5px;
    position: relative;
    top: -3px;
}
    .mob_slider {
margin: 0;}
    .mob_slider .col-xs-12 {
        padding: 0
    }
    .photogallery_item {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .cases_carousel .owl-stage {
        display: block
    }
    .rev_slider  .owl-stage {
        display: block
    }
.onlyxs {
	display: block
}
    .intro_section .fullw {
    width: 100%!important;
    height: 280px;
    margin-bottom: -5px;
    border-radius: 10px;
}

.intro_section .fullw::before {
    background-size: 80px;
    background-position: center;
    background-repeat: no-repeat;
}
.steps_list2 li p {
		color: #000;
}
    .preim_flex {
        margin-top: 0;
    }
    .pr_item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        height: auto;
        height: 100%;
        padding: 14px 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        flex-direction: inherit;
        text-align: left;
        padding-left: 10px;
        padding-right: 10px;
        padding-left: 22px;
    }
    .pr_item::before {
        content: '';
        display: block;
        position: absolute;
        left: -3px;
        top: 0;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        width: 100%;
        height: 97%;
        background: #dc7b42;
        border-radius: 6px;
        -webkit-transform: rotate(-3.85deg);
        z-index: -1;
        transform: rotate(-3.85deg);
    }
    .preim_flex> div {
        margin-bottom: 21px;
    }
    .pr_inner {
        padding-left: 15px;
    }
    .preim_flex {
        padding-bottom: 60px;
    }
	.preim_flex {
    padding: 30px 0;
	 padding-top: 50px;
}
.pr_item > b {
    position: relative;
    left: 0;
    top: 0;
    font-size: 20px;
    white-space: nowrap;
}
}

.ecospa-embed{--color-black:#041914;
  --color-emerald:#0B3028;
  --color-emerald-light:#123B32;
  --color-gold:#C6A15B;
  --color-gold-light:#DBB878;
  --color-cream:#F5E7C8;
  --color-text-muted: rgba(245,231,200,.68);
  --color-line: rgba(198,161,91,.25);
  --color-white:#ffffff;

  --font-display:'Playfair Display', Georgia, serif;
  --font-body:'Inter', -apple-system, sans-serif;

  --shadow-soft: 0 20px 60px rgba(0,0,0,.35);
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 8px;

  --container-w: 1320px;
  --header-h: 88px;

  --ease: cubic-bezier(.25,.8,.25,1);}
.ecospa-embed *, .ecospa-embed *::before, .ecospa-embed *::after{box-sizing:border-box;}
.ecospa-embed{scroll-behavior:smooth;}
.ecospa-embed, .ecospa-embed h1, .ecospa-embed h2, .ecospa-embed h3, .ecospa-embed h4, .ecospa-embed p, .ecospa-embed ul, .ecospa-embed ol, .ecospa-embed figure{margin:0;padding:0;}
.ecospa-embed ul, .ecospa-embed ol{list-style:none;}
.ecospa-embed img{max-width:100%;display:block;}
.ecospa-embed a{color:inherit;text-decoration:none;}
.ecospa-embed button{font:inherit;background:none;border:none;cursor:pointer;color:inherit;}
.ecospa-embed input{font:inherit;}
.ecospa-embed svg{display:block;}
.ecospa-embed{background:var(--color-emerald);
  color:var(--color-cream);
  font-family:var(--font-body);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;}
@media (prefers-reduced-motion: reduce){
.ecospa-embed *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}
}
.ecospa-embed :focus-visible{outline:2px solid var(--color-gold); outline-offset:3px;}
.ecospa-embed .container{width:100%;
  max-width:var(--container-w);
  margin:0 auto;
  padding:0 32px;}
.ecospa-embed .icon{width:20px;height:20px;stroke:currentColor;}
.ecospa-embed .icon--sm{width:16px;height:16px;}
.ecospa-embed .icon--lg{width:32px;height:32px;}
.ecospa-embed .section-title{font-family:var(--font-display);
  font-weight:600;
  font-size:clamp(28px,3.4vw,42px);
  line-height:1.2;
  color:var(--color-cream);
  letter-spacing:.2px;}
.ecospa-embed .section-title--center{text-align:center; max-width:760px; margin:0 auto 8px;}
.ecospa-embed .section-lead{color:var(--color-text-muted); font-size:17px; margin-top:14px; max-width:520px;}
.ecospa-embed .section-lead--center{text-align:center; margin:14px auto 0;}
.ecospa-embed .eyebrow{display:inline-block; font-family:var(--font-body); font-weight:600; letter-spacing:.14em;
  text-transform:uppercase; font-size:12px; color:var(--color-gold); margin-bottom:14px;}
.ecospa-embed .text-gold{color:var(--color-gold);}
.ecospa-embed .btn{display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:16px 32px; border-radius:100px; font-weight:600; font-size:15px;
  letter-spacing:.02em; transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .3s var(--ease), color .3s var(--ease);
  white-space:nowrap;}
.ecospa-embed .btn--gold{background:linear-gradient(135deg, var(--color-gold-light), var(--color-gold));
  color:var(--color-black);
  box-shadow:0 10px 30px rgba(200,160,74,.25);}
.ecospa-embed .btn--gold:hover{transform:translateY(-2px); box-shadow:0 14px 36px rgba(200,160,74,.4);}
.ecospa-embed .btn--gold-outline{border:1px solid var(--color-gold); color:var(--color-gold); padding:12px 24px; font-size:14px;
  box-shadow:0 0 18px rgba(198,161,91,.14);}
.ecospa-embed .btn--gold-outline:hover{background:var(--color-gold); color:var(--color-black); box-shadow:0 0 22px rgba(198,161,91,.35);}
.ecospa-embed .btn--outline{border:1px solid var(--color-line); color:var(--color-cream);}
.ecospa-embed .btn--outline:hover{border-color:var(--color-gold); color:var(--color-gold);}
.ecospa-embed .btn--sm{padding:11px 22px; font-size:13px;}
.ecospa-embed .btn--lg{padding:18px 38px; font-size:16px;}
.ecospa-embed .btn--block{width:100%;}
.ecospa-embed .is-hidden{display:none !important;}
.ecospa-embed .tag{display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:600;
  letter-spacing:.08em; text-transform:uppercase; padding:8px 16px; border-radius:100px;}
.ecospa-embed .tag--outline{border:1px solid var(--color-line); color:var(--color-gold);}
.ecospa-embed .header{position:sticky; top:0; z-index:100;
  background:transparent;
  backdrop-filter:none;
  border-bottom:1px solid rgba(198,161,91,.14);
  transition:background .3s var(--ease), box-shadow .3s var(--ease), backdrop-filter .3s var(--ease);}
.ecospa-embed .header.is-scrolled{background:rgba(4,25,20,.95); backdrop-filter:blur(14px); box-shadow:0 10px 30px rgba(0,0,0,.3);}
.ecospa-embed .header__inner{height:var(--header-h);
  display:flex; align-items:center; justify-content:space-between; gap:24px;}
.ecospa-embed .logo{display:flex; align-items:center; gap:14px;}
.ecospa-embed .logo__icon{width:38px; height:38px; color:var(--color-gold); flex-shrink:0;}
.ecospa-embed .logo--sm .logo__icon{width:30px; height:30px;}
.ecospa-embed .logo__wordmark{display:flex; flex-direction:column; line-height:1.05;}
.ecospa-embed .logo__eco{font-family:var(--font-display); font-weight:700; font-size:19px; letter-spacing:.08em; color:var(--color-gold);}
.ecospa-embed .logo__spa{font-family:var(--font-display); font-weight:700; font-size:19px; letter-spacing:.12em; color:var(--color-cream);}
.ecospa-embed .logo__divider{width:1px; align-self:stretch; background:var(--color-line); margin:0 2px;}
.ecospa-embed .logo__tagline-list{display:flex; flex-direction:column; line-height:1.35; font-size:11px; letter-spacing:.03em; color:var(--color-gold); font-weight:500;}
.ecospa-embed .logo__text{display:flex; flex-direction:column; line-height:1.15;}
.ecospa-embed .logo__title{font-family:var(--font-display); font-weight:700; font-size:20px; letter-spacing:.06em; color:var(--color-cream);}
.ecospa-embed .logo__tagline{font-size:10px; letter-spacing:.06em; color:var(--color-text-muted); text-transform:uppercase; margin-top:2px;}
.ecospa-embed .nav{display:flex; align-items:center; gap:32px;}
.ecospa-embed .nav__list{display:flex; align-items:center; gap:26px;}
.ecospa-embed .nav__link{font-size:14px; font-weight:500; color:var(--color-text-muted); position:relative; padding:6px 0; transition:color .25s;}
.ecospa-embed .nav__link::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--color-gold);transition:width .3s var(--ease);}
.ecospa-embed .nav__link:hover{color:var(--color-cream);}
.ecospa-embed .nav__link:hover::after{width:100%;}
.ecospa-embed .nav__cta{display:flex; align-items:center; gap:16px;}
.ecospa-embed .header__phone-icon{width:40px; height:40px; border-radius:50%; border:1px solid var(--color-gold); color:var(--color-gold);
  display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:background .25s, color .25s;}
.ecospa-embed .header__phone-icon:hover{background:var(--color-gold); color:var(--color-black);}
.ecospa-embed .header__phone-icon .icon{width:17px; height:17px;}
.ecospa-embed .header__phone-number{font-size:14px; font-weight:500; color:var(--color-cream); white-space:nowrap;}
.ecospa-embed .header__mobile-actions{display:none;}
.ecospa-embed .burger{width:44px; height:44px; display:none; align-items:center; justify-content:center; color:var(--color-cream); flex-shrink:0;}
.ecospa-embed .mobile-menu{position:fixed; top:0; right:0; height:100%; width:min(360px,86vw); background:var(--color-black);
  border-left:1px solid var(--color-line); z-index:210; padding:24px 28px; display:flex; flex-direction:column; gap:28px;
  transform:translateX(100%); transition:transform .4s var(--ease); overflow-y:auto;}
.ecospa-embed .mobile-menu.is-open{transform:translateX(0);}
.ecospa-embed .mobile-menu__top{display:flex; align-items:center; justify-content:space-between;}
.ecospa-embed .mobile-menu__list{display:flex; flex-direction:column; gap:6px;}
.ecospa-embed .mobile-menu__link{display:block; padding:14px 4px; font-family:var(--font-display); font-size:19px; border-bottom:1px solid rgba(198,161,91,.1); color:var(--color-cream);}
.ecospa-embed .mobile-menu__phone{display:flex; align-items:center; gap:10px; font-size:15px; color:var(--color-gold); font-weight:600;}
.ecospa-embed .mobile-menu__overlay{position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:205; opacity:0; pointer-events:none; transition:opacity .35s;}
.ecospa-embed .mobile-menu__overlay.is-open{opacity:1; pointer-events:auto;}
.ecospa-embed .hero{position:relative; overflow:hidden;
  background:
    radial-gradient(120% 90% at 12% 0%, var(--color-emerald-light) 0%, var(--color-black) 55%);}
.ecospa-embed .hero::before{content:''; position:absolute; inset:0; pointer-events:none; z-index:0;
  opacity:.5; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.018' numOctaves='4' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.78  0 0 0 0 0.64  0 0 0 0 0.37  0 0 0 0.35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.ecospa-embed .hero::after{content:''; position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:
    repeating-linear-gradient(118deg, transparent 0 220px, rgba(198,161,91,.07) 220px 222px, transparent 222px 520px),
    repeating-linear-gradient(28deg, transparent 0 300px, rgba(198,161,91,.05) 300px 302px, transparent 302px 620px);}
.ecospa-embed .hero__bg-glow{position:absolute; width:640px; height:640px; border-radius:50%; z-index:0;
  background:radial-gradient(circle, rgba(198,161,91,.16), transparent 70%);
  top:-220px; right:-160px; pointer-events:none;}
.ecospa-embed .hero__bg-glow--secondary{width:420px; height:420px; top:auto; right:auto; bottom:-160px; left:-140px;
  background:radial-gradient(circle, rgba(198,161,91,.1), transparent 70%);}
.ecospa-embed .hero__inner{position:relative; z-index:1;
  display:grid; grid-template-columns:45fr 55fr; align-items:stretch;
  min-height:calc(100vh - var(--header-h));}
.ecospa-embed .hero__content-col{display:flex; align-items:center;
  padding-left:max(32px, calc((100vw - var(--container-w)) / 2 + 32px));
  padding-right:56px;
  padding-top:70px; padding-bottom:70px;}
.ecospa-embed .hero__content{width:100%;}
.ecospa-embed .hero__eyebrow{display:inline-block; font-family:var(--font-body); font-weight:600; letter-spacing:.16em;
  text-transform:uppercase; font-size:12.5px; color:var(--color-gold);}
.ecospa-embed .hero__eyebrow-line{display:block; width:48px; height:1px; background:var(--color-gold); margin-top:14px; opacity:.7;}
.ecospa-embed .hero__title{font-family:var(--font-display); font-weight:400; font-size:clamp(38px,5.2vw,74px); line-height:.97;
  text-transform:uppercase; letter-spacing:.01em; margin:26px 0 26px; color:#F3E4C0;}
.ecospa-embed .hero__subtitle{color:rgba(232,208,166,.72); font-size:18px; line-height:1.55; max-width:420px; margin-bottom:34px;}
.ecospa-embed .hero__info{display:flex; flex-direction:row; flex-wrap:wrap; gap:32px; margin-bottom:38px;}
.ecospa-embed .hero__info-item{display:flex; align-items:center; gap:12px; padding:0; border-bottom:none;}
.ecospa-embed .hero__info-item--last{border-bottom:none;}
.ecospa-embed .hero__info-icon{width:32px; height:32px; border-radius:50%; border:1px solid var(--color-gold); color:var(--color-gold);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.ecospa-embed .hero__info-icon .icon{width:15px; height:15px;}
.ecospa-embed .hero__info-text{display:flex; flex-direction:column; gap:3px; font-size:15px; line-height:1.3;}
.ecospa-embed .hero__info-text strong{color:var(--color-gold); font-weight:700; text-transform:uppercase; font-size:12.5px; letter-spacing:.03em;}
.ecospa-embed .hero__info-text > span{color:var(--color-cream); font-weight:700; text-transform:uppercase; font-size:14.5px; letter-spacing:.01em;}
.ecospa-embed .hero__info-text--plain span{color:var(--color-cream); font-weight:400; text-transform:none; font-size:15px; letter-spacing:0;}
.ecospa-embed .hero__cta{width:auto; min-height:64px; padding:0 42px; border-radius:40px;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease);}
.ecospa-embed .hero__cta:hover{transform:scale(1.03); box-shadow:0 16px 40px rgba(198,161,91,.4);}
.ecospa-embed .hero__disclaimer{margin-top:16px; font-size:12.5px; color:var(--color-text-muted); opacity:.7;}
.ecospa-embed .hero__media{position:relative; overflow:hidden; min-height:420px;}
.ecospa-embed .hero__image{width:100%; height:100%; object-fit:cover; display:block;
  animation:heroImageZoom 1.8s var(--ease) both;}
@keyframes heroImageZoom{
  from{transform:scale(1.08); opacity:.7;}
  to{transform:scale(1); opacity:1;}
}
.ecospa-embed .hero__media::before{content:''; position:absolute; left:0; top:9%; bottom:9%; width:1px; z-index:2;
  background:linear-gradient(180deg, transparent, rgba(198,161,91,.55) 20%, rgba(198,161,91,.55) 80%, transparent);}
.ecospa-embed .hero__image-vignette{position:absolute; inset:0; pointer-events:none; z-index:1;
  background:
    linear-gradient(90deg, rgba(4,25,20,.6) 0%, rgba(4,25,20,0) 20%),
    linear-gradient(0deg, rgba(4,25,20,.45) 0%, rgba(4,25,20,0) 22%),
    radial-gradient(120% 100% at 100% 0%, rgba(4,25,20,0) 45%, rgba(4,25,20,.3) 100%);}
.ecospa-embed .about{padding:110px 0;}
.ecospa-embed .about__inner{display:grid; grid-template-columns:.9fr 1.1fr; gap:72px; align-items:center;}
.ecospa-embed .checklist{margin-top:26px; display:flex; flex-direction:column; gap:14px;}
.ecospa-embed .checklist li{display:flex; align-items:center; gap:12px; font-size:15px; color:var(--color-cream);}
.ecospa-embed .checklist .icon{color:var(--color-gold); background:rgba(200,160,74,.12); border-radius:50%; padding:5px; width:28px; height:28px; flex-shrink:0;}
.ecospa-embed .about__gallery{display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto auto; gap:16px;}
.ecospa-embed .about__img{border-radius:var(--radius-md); object-fit:cover; width:100%; height:100%; border:1px solid var(--color-line);}
.ecospa-embed .about__img--main{grid-column:1/3; height:320px;}
.ecospa-embed .about__gallery .about__img:not(.about__img--main){height:190px;}
.ecospa-embed .advantages{padding:90px 0; background:linear-gradient(180deg, var(--color-emerald) 0%, var(--color-emerald-light) 100%); border-top:1px solid var(--color-line); border-bottom:1px solid var(--color-line);}
.ecospa-embed .advantages__grid{margin-top:52px; display:grid; grid-template-columns:repeat(5,1fr); gap:28px;}
.ecospa-embed .advantage-card{text-align:center; padding:0 8px;}
.ecospa-embed .advantage-card__icon{display:inline-flex; align-items:center; justify-content:center; width:76px; height:76px; border-radius:50%;
  border:1px solid var(--color-line); color:var(--color-gold); margin-bottom:20px;
  background:radial-gradient(circle, rgba(200,160,74,.08), transparent 70%);}
.ecospa-embed .advantage-card h3{font-family:var(--font-display); font-size:17px; font-weight:600; margin-bottom:10px; color:var(--color-cream);}
.ecospa-embed .advantage-card p{font-size:13.5px; color:var(--color-text-muted);}
.ecospa-embed .services{padding:100px 0;}
.ecospa-embed .services__panel{border:1px solid var(--color-line); border-radius:28px; padding:56px 48px 48px;
  background:linear-gradient(160deg, rgba(200,160,74,.05), transparent 40%);}
.ecospa-embed .services__head{text-align:center; margin-bottom:40px;}
.ecospa-embed .tabs{display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-bottom:44px;}
.ecospa-embed .tab{display:flex; align-items:center; gap:9px; padding:13px 22px; border-radius:100px; font-size:14px; font-weight:500;
  border:1px solid var(--color-line); color:var(--color-text-muted); transition:all .3s var(--ease);}
.ecospa-embed .tab .icon{width:17px; height:17px;}
.ecospa-embed .tab:hover{color:var(--color-cream); border-color:var(--color-gold);}
.ecospa-embed .tab.is-active{background:var(--color-gold); border-color:var(--color-gold); color:var(--color-black); font-weight:600; transform:scale(1.04);}
.ecospa-embed .services__carousel{position:relative; display:flex; align-items:center; gap:14px;}
.ecospa-embed .cards-grid{flex:1; display:grid; grid-template-columns:repeat(4,1fr); gap:22px; overflow:hidden;
  transition:opacity .22s var(--ease), transform .22s var(--ease);}
.ecospa-embed .services__list-mobile{transition:opacity .22s var(--ease), transform .22s var(--ease);}
.ecospa-embed .cards-grid.is-switching, .ecospa-embed .services__list-mobile.is-switching{opacity:0; transform:translateY(8px);
  transition:opacity .16s var(--ease), transform .16s var(--ease);}
.ecospa-embed .carousel-arrow{width:46px; height:46px; border-radius:50%; border:1px solid var(--color-line); color:var(--color-gold);
  display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:all .25s;}
.ecospa-embed .carousel-arrow:hover{background:var(--color-gold); color:var(--color-black);}
.ecospa-embed .carousel-arrow--prev .icon{transform:rotate(180deg);}
.ecospa-embed .carousel-arrow:disabled{opacity:.3; pointer-events:none;}
.ecospa-embed .service-card{position:relative; border-radius:var(--radius-md); overflow:hidden; aspect-ratio:3/4;
  border:1px solid var(--color-line); background:var(--color-black);
  animation:fadeIn .45s var(--ease) both;}
@keyframes fadeIn{from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:translateY(0);}}
.ecospa-embed .service-card__face{position:absolute; inset:0; transition:opacity .45s var(--ease), transform .45s var(--ease);}
.ecospa-embed .service-card__face--front img{width:100%; height:100%; object-fit:cover;}
.ecospa-embed .service-card__face--front::after{content:''; position:absolute; inset:0; background:linear-gradient(0deg, rgba(8,17,15,.92) 10%, rgba(8,17,15,.05) 55%);}
.ecospa-embed .service-card__front-text{position:absolute; left:0; right:0; bottom:0; padding:20px; z-index:2;}
.ecospa-embed .service-card__front-text h3{font-family:var(--font-display); font-size:19px; font-weight:600; margin-bottom:6px;}
.ecospa-embed .service-card__front-text .price{color:var(--color-gold); font-weight:600; font-size:15px;}
.ecospa-embed .service-card__face--back{background:linear-gradient(160deg, var(--color-emerald-light), var(--color-black));
  padding:26px 22px; display:flex; flex-direction:column; opacity:0; pointer-events:none; transform:scale(1.02);}
.ecospa-embed .service-card__face--back h3{font-family:var(--font-display); font-size:19px; margin-bottom:10px;}
.ecospa-embed .service-card__face--back p{font-size:13.5px; color:var(--color-text-muted); flex:1;}
.ecospa-embed .service-card__meta{display:flex; align-items:center; gap:8px; font-size:13px; color:var(--color-gold); margin:14px 0 6px;}
.ecospa-embed .service-card__back-price{font-family:var(--font-display); font-size:20px; color:var(--color-cream); margin-bottom:16px;}
@media (hover:hover){
.ecospa-embed .service-card:hover .service-card__face--front{opacity:0;}
.ecospa-embed .service-card:hover .service-card__face--back{opacity:1; pointer-events:auto; transform:scale(1);}
}
.ecospa-embed .service-card.is-flipped .service-card__face--front{opacity:0;}
.ecospa-embed .service-card.is-flipped .service-card__face--back{opacity:1; pointer-events:auto; transform:scale(1);}
.ecospa-embed .services__list-mobile{display:none;}
.ecospa-embed .services__list-mobile .service-card{width:100%; aspect-ratio:4/3;}
.ecospa-embed .service-compact{border:1px solid var(--color-line); border-radius:var(--radius-md); overflow:hidden; background:rgba(244,232,200,.03);
  animation:fadeIn .45s var(--ease) both;}
.ecospa-embed .service-compact__row{display:flex; align-items:center; gap:14px; padding:12px; cursor:pointer;}
.ecospa-embed .service-compact__thumb{width:60px; height:60px; border-radius:10px; object-fit:cover; flex-shrink:0;}
.ecospa-embed .service-compact__info{flex:1; min-width:0;}
.ecospa-embed .service-compact__name{font-size:14px; font-weight:600; color:var(--color-cream); margin-bottom:4px;}
.ecospa-embed .service-compact__price{font-size:13px; color:var(--color-gold); font-weight:600;}
.ecospa-embed .service-compact__toggle{width:34px; height:34px; border-radius:50%; border:1px solid var(--color-line); color:var(--color-gold);
  display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:transform .3s var(--ease), background .3s;}
.ecospa-embed .service-compact.is-open .service-compact__toggle{transform:rotate(45deg); background:var(--color-gold); color:var(--color-black);}
.ecospa-embed .service-compact__details{max-height:0; overflow:hidden; transition:max-height .4s var(--ease);}
.ecospa-embed .service-compact.is-open .service-compact__details{max-height:240px;}
.ecospa-embed .service-compact__details-inner{padding:0 16px 18px;}
.ecospa-embed .service-compact__details-inner p{font-size:13px; color:var(--color-text-muted); margin-bottom:12px;}
.ecospa-embed .service-compact__meta{display:flex; align-items:center; gap:14px; font-size:12.5px; color:var(--color-gold); margin-bottom:14px;}
.ecospa-embed .service-compact__meta span{display:flex; align-items:center; gap:5px;}
.ecospa-embed .services__show-all{display:flex; width:fit-content; margin:36px auto 0;}
.ecospa-embed .promo-strip{margin-top:40px; display:flex; align-items:center; gap:20px; padding:22px 28px; border-radius:var(--radius-md);
  background:linear-gradient(120deg, rgba(200,160,74,.16), rgba(200,160,74,.05));
  border:1px solid rgba(200,160,74,.4);}
.ecospa-embed .promo-strip__icon{width:52px; height:52px; border-radius:50%; background:rgba(200,160,74,.15); color:var(--color-gold);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.ecospa-embed .promo-strip__text{flex:1; display:flex; flex-direction:column; gap:2px;}
.ecospa-embed .promo-strip__text strong{font-family:var(--font-display); font-size:17px; color:var(--color-cream);}
.ecospa-embed .promo-strip__text span{font-size:13.5px; color:var(--color-text-muted);}
.ecospa-embed .results{padding:100px 0;}
.ecospa-embed .results__grid{margin-top:52px; display:grid; grid-template-columns:repeat(4,1fr); gap:22px;}
.ecospa-embed .result-card{position:relative; border:1px solid var(--color-line); border-radius:var(--radius-md); overflow:hidden;
  background:var(--color-black); cursor:pointer; transition:transform .35s var(--ease), border-color .35s;}
.ecospa-embed .result-card:hover{transform:translateY(-6px); border-color:var(--color-gold);}
.ecospa-embed .result-card__media{aspect-ratio:4/3; overflow:hidden;}
.ecospa-embed .result-card__media img{width:100%; height:100%; object-fit:cover; transition:transform .5s var(--ease);}
.ecospa-embed .result-card:hover .result-card__media img{transform:scale(1.06);}
.ecospa-embed .result-card__body{padding:20px 22px 26px;}
.ecospa-embed .result-card__body h3{font-family:var(--font-display); font-size:17px; margin-bottom:8px;}
.ecospa-embed .result-card__hint{font-size:12.5px; color:var(--color-text-muted); margin-bottom:10px;}
.ecospa-embed .result-card__list{font-size:12.5px; color:var(--color-gold);}
.ecospa-embed .result-card__arrow{position:absolute; top:20px; right:20px; color:var(--color-gold); background:rgba(8,17,15,.55); border-radius:50%; padding:8px; width:32px; height:32px;}
.ecospa-embed .visit-gallery{padding:100px 0; background:var(--color-black);}
.ecospa-embed .visit-gallery__inner{display:grid; grid-template-columns:.85fr 1.15fr; gap:80px;}
.ecospa-embed .visit__steps{margin-top:44px; position:relative;}
.ecospa-embed .visit__step{display:grid; grid-template-columns:auto auto 1fr; align-items:flex-start; gap:20px; padding-bottom:40px; position:relative;}
.ecospa-embed .visit__step:not(:last-child)::before{content:''; position:absolute; left:19px; top:52px; bottom:0; width:1px; background:linear-gradient(var(--color-gold), transparent);}
.ecospa-embed .visit__num{font-family:var(--font-display); font-size:13px; color:var(--color-text-muted); padding-top:10px;}
.ecospa-embed .visit__icon{width:52px; height:52px; border-radius:50%; border:1px solid var(--color-line); color:var(--color-gold);
  display:flex; align-items:center; justify-content:center; flex-shrink:0; background:var(--color-emerald);
  position:relative; z-index:1;}
.ecospa-embed .visit__step h3{font-family:var(--font-display); font-size:18px; margin-bottom:6px;}
.ecospa-embed .visit__step p{font-size:13.5px; color:var(--color-text-muted);}
.ecospa-embed .gallery__grid{margin-top:44px; display:grid; grid-template-columns:repeat(3,1fr); grid-auto-rows:150px; gap:14px;}
.ecospa-embed .gallery__grid img{width:100%; height:100%; object-fit:cover; border-radius:var(--radius-sm); border:1px solid var(--color-line); transition:transform .4s var(--ease);}
.ecospa-embed .gallery__grid img:hover{transform:scale(1.03);}
.ecospa-embed .gallery__grid img:first-child{grid-column:1/3; grid-row:1/3; height:100%;}
.ecospa-embed .cta{padding:100px 0; background:linear-gradient(180deg, var(--color-emerald), var(--color-emerald-light));}
.ecospa-embed .cta__inner{display:grid; grid-template-columns:1fr 1fr; gap:72px;}
.ecospa-embed .cta__info{position:relative;}
.ecospa-embed .cta__lotus{position:absolute; top:-30px; right:20px; width:150px; height:150px; color:rgba(200,160,74,.1);}
.ecospa-embed .cta__highlight{font-family:var(--font-display); font-size:22px; color:var(--color-gold); margin:14px 0 12px;}
.ecospa-embed .cta .btn{margin-top:26px;}
.ecospa-embed .cta__contacts-info{margin-top:44px; display:flex; flex-direction:column; gap:14px; padding-top:30px; border-top:1px solid var(--color-line);}
.ecospa-embed .cta__contacts-info p{display:flex; align-items:center; gap:10px; font-size:14.5px;}
.ecospa-embed .cta__contacts-info .icon{color:var(--color-gold);}
.ecospa-embed .cta__salon-name{font-family:var(--font-display); font-size:19px; color:var(--color-cream); margin-bottom:4px;}
.ecospa-embed .cta__form-wrap{display:flex; flex-direction:column; gap:20px;}
.ecospa-embed .map-placeholder{position:relative; border-radius:var(--radius-md); overflow:hidden; height:180px; border:1px solid var(--color-line);}
.ecospa-embed .map-placeholder img{width:100%; height:100%; object-fit:cover; filter:grayscale(.3) brightness(.6) sepia(.15);}
.ecospa-embed .map-placeholder__pin{position:absolute; top:50%; left:50%; transform:translate(-50%,-120%); color:var(--color-gold); filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));}
.ecospa-embed .form{background:rgba(8,17,15,.5); border:1px solid var(--color-line); border-radius:var(--radius-md); padding:30px;}
.ecospa-embed .form__title{font-family:var(--font-display); font-size:20px; margin-bottom:20px;}
.ecospa-embed .form__row{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:18px;}
.ecospa-embed .form__field{display:flex; flex-direction:column; gap:8px; font-size:12.5px; color:var(--color-text-muted);}
.ecospa-embed .form__field input{background:rgba(244,232,200,.05); border:1px solid var(--color-line); border-radius:var(--radius-sm);
  padding:13px 14px; color:var(--color-cream); transition:border-color .25s;}
.ecospa-embed .form__field input::placeholder{color:rgba(244,232,200,.35);}
.ecospa-embed .form__field input:focus{border-color:var(--color-gold);}
.ecospa-embed .form__field.has-error input{border-color:#d9776a;}
.ecospa-embed .form__error{color:#e4a196; font-size:11.5px; min-height:14px;}
.ecospa-embed .form__consent{display:flex; align-items:flex-start; gap:10px; margin-top:16px; font-size:12px; color:var(--color-text-muted); cursor:pointer;}
.ecospa-embed .form__consent input{margin-top:2px; accent-color:var(--color-gold);}
.ecospa-embed .form__success{display:none; margin-top:14px; font-size:13.5px; color:var(--color-gold); text-align:center;}
.ecospa-embed .form__success.is-visible{display:block;}
.ecospa-embed .footer{padding:44px 0; background:var(--color-black); border-top:1px solid var(--color-line);}
.ecospa-embed .footer__inner{display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;}
.ecospa-embed .footer__nav{display:flex; gap:22px; flex-wrap:wrap;}
.ecospa-embed .footer__nav a{font-size:13.5px; color:var(--color-text-muted);}
.ecospa-embed .footer__nav a:hover{color:var(--color-gold);}
.ecospa-embed .footer__copy{font-size:12.5px; color:var(--color-text-muted);}
.ecospa-embed .mobile-call-fab{display:none; position:fixed; bottom:22px; right:22px; width:56px; height:56px; border-radius:50%;
  background:var(--color-gold); color:var(--color-black); align-items:center; justify-content:center;
  box-shadow:0 10px 26px rgba(0,0,0,.4); z-index:90;}
.ecospa-embed .preloader{position:fixed; inset:0; background:var(--color-black); z-index:999; display:flex; align-items:center; justify-content:center;
  transition:opacity .6s var(--ease), visibility .6s;}
.ecospa-embed .preloader__logo{width:64px; height:64px; color:var(--color-gold); animation:pulse 1.6s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:.4; transform:scale(.92);} 50%{opacity:1; transform:scale(1);}}
.ecospa-embed .preloader.is-hidden{opacity:0; visibility:hidden;}
.ecospa-embed .reveal{opacity:0; transform:translateY(28px); transition:opacity .8s var(--ease), transform .8s var(--ease);}
.ecospa-embed .reveal.is-visible{opacity:1; transform:translateY(0);}
.ecospa-embed .reveal--delay-1{transition-delay:.1s;}
.ecospa-embed .reveal--delay-2{transition-delay:.2s;}
.ecospa-embed .reveal--delay-3{transition-delay:.3s;}
.ecospa-embed .reveal--delay-4{transition-delay:.4s;}
@media (max-width:1024px){
.ecospa-embed .hero__inner{grid-template-columns:1fr; min-height:auto;}
.ecospa-embed .hero__content-col{padding-left:32px; padding-right:32px; padding-top:56px; padding-bottom:0;}
.ecospa-embed .hero__media{min-height:0; aspect-ratio:16/11; margin:40px 32px 0; border-radius:16px; overflow:hidden;}
.ecospa-embed .hero__media::before{display:none;}
.ecospa-embed .hero__image-vignette{background:
      linear-gradient(0deg, rgba(4,25,20,.4) 0%, rgba(4,25,20,0) 30%),
      radial-gradient(120% 100% at 50% 100%, rgba(4,25,20,.25), transparent 65%);}
.ecospa-embed .about__inner{grid-template-columns:1fr; gap:44px;}
.ecospa-embed .advantages__grid{grid-template-columns:repeat(3,1fr); row-gap:36px;}
.ecospa-embed .cards-grid{grid-template-columns:repeat(2,1fr);}
.ecospa-embed .results__grid{grid-template-columns:repeat(2,1fr);}
.ecospa-embed .visit-gallery__inner{grid-template-columns:1fr; gap:56px;}
.ecospa-embed .cta__inner{grid-template-columns:1fr; gap:48px;}
.ecospa-embed .cta__lotus{display:none;}
.ecospa-embed .nav__list{gap:18px;}
}
@media (max-width:900px){
.ecospa-embed .nav{display:none;}
.ecospa-embed .burger{display:flex;}
.ecospa-embed .header__mobile-actions{display:flex; align-items:center;}
.ecospa-embed .header__inner{height:76px;}
}
@media (max-width:768px){
.ecospa-embed .container{padding:0 20px;}
.ecospa-embed .about, .ecospa-embed .advantages, .ecospa-embed .services, .ecospa-embed .results, .ecospa-embed .visit-gallery, .ecospa-embed .cta{padding:64px 0;}
.ecospa-embed .hero__content-col{padding-left:20px; padding-right:20px; padding-top:40px; padding-bottom:0;}
.ecospa-embed .hero__media{margin:32px 20px 0; border-radius:14px;}
.ecospa-embed .hero__title{font-size:34px;}
.ecospa-embed .logo__tagline-list{font-size:10px;}
.ecospa-embed .logo__eco, .ecospa-embed .logo__spa{font-size:16px;}
.ecospa-embed .hero__info{flex-direction:column; gap:0;}
.ecospa-embed .hero__info-item{width:100%; padding:16px 0; border-bottom:1px solid var(--color-line);}
.ecospa-embed .hero__info-item--last{border-bottom:none;}
.ecospa-embed .hero__info-icon{width:36px; height:36px;}
.ecospa-embed .hero__cta{width:100%;}
.ecospa-embed .services__panel{padding:32px 18px;}
.ecospa-embed .tabs{gap:10px; flex-direction:column; flex-wrap:nowrap; margin:0 0 28px;}
.ecospa-embed .tab{width:100%; justify-content:flex-start; padding:14px 18px; font-size:14px;}
.ecospa-embed .advantages__grid{grid-template-columns:1fr; gap:26px; text-align:left; display:flex; flex-direction:column;}
.ecospa-embed .advantage-card{display:flex; align-items:center; gap:18px; text-align:left;}
.ecospa-embed .advantage-card__icon{margin-bottom:0; width:58px; height:58px; flex-shrink:0;}
.ecospa-embed .advantage-card__icon .icon{width:24px; height:24px;}
.ecospa-embed .about__gallery{grid-template-columns:1fr 1fr;}
.ecospa-embed .about__img--main{grid-column:1/3; height:220px;}
.ecospa-embed .about__gallery .about__img:not(.about__img--main){height:160px;}
.ecospa-embed .services__carousel{display:none;}
.ecospa-embed .services__list-mobile{display:flex; flex-direction:column; gap:14px;}
.ecospa-embed .services__show-all{width:100%; margin-top:22px;}
.ecospa-embed .results__grid{grid-template-columns:1fr; gap:16px;}
.ecospa-embed .result-card{display:flex; flex-direction:row-reverse;}
.ecospa-embed .result-card__media{width:38%; aspect-ratio:auto; flex-shrink:0;}
.ecospa-embed .result-card__body{flex:1; padding:16px;}
.ecospa-embed .result-card__arrow{top:auto; bottom:16px; left:16px; right:auto;}
.ecospa-embed .gallery__grid{grid-auto-rows:110px;}
.ecospa-embed .cta__form-wrap{order:-1;}
.ecospa-embed .form__row{grid-template-columns:1fr;}
.ecospa-embed .footer__inner{flex-direction:column; align-items:flex-start; text-align:left;}
.ecospa-embed .mobile-call-fab{display:flex;}
}
@media (max-width:420px){
.ecospa-embed .hero__title{font-size:30px;}
.ecospa-embed .section-title{font-size:26px;}
.ecospa-embed .btn--lg{padding:16px 26px; font-size:14.5px;}
.ecospa-embed .about__gallery{grid-template-columns:1fr;}
.ecospa-embed .about__img--main{grid-column:auto;}
.ecospa-embed .gallery__grid{grid-template-columns:repeat(2,1fr);}
.ecospa-embed .gallery__grid img:first-child{grid-column:1/3;}
}

.eco_logo{ display:flex; align-items:baseline; gap:6px; line-height:1; text-decoration:none; }
.eco_logo__eco{
  font-family:'Playfair Display', Georgia, serif;
  font-weight:700; font-size:26px; letter-spacing:.06em; color:#0B3028;
}
.eco_logo__spa{
  font-family:'Playfair Display', Georgia, serif;
  font-weight:700; font-size:26px; letter-spacing:.12em; color:#C6A15B;
}
@media (max-width:600px){
  .eco_logo__eco, .eco_logo__spa{ font-size:22px; }
}

@media (min-width:1025px){
  .ecospa-embed .about__inner{ direction:ltr; }
  .ecospa-embed .about__inner > .about__text{ grid-column:1 !important; }
  .ecospa-embed .about__inner > .about__gallery{ grid-column:2 !important; }
}

.faq_section, .faq_section *,
.contact_section, .contact_section *{
  font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif !important;
}
.faq_section h2,
.contact_section h2{
  font-family:'Playfair Display', Georgia, 'Times New Roman', serif !important;
}

.contact_section .normb{
  width:100%; height:auto;
  display:inline-flex; align-items:center; justify-content:center; gap:14px;
  padding:22px 34px;
  background:linear-gradient(100deg, #a8842f 0%, #c9a24a 42%, #d8b768 100%) !important;
  color:#1a1206 !important;
  font-weight:700; font-size:15px; letter-spacing:.10em; text-transform:uppercase;
  border:none !important; border-radius:999px;
  box-shadow:0 14px 34px -14px rgba(201,162,74,.55);
  transition:transform .3s cubic-bezier(.22,.61,.36,1), box-shadow .3s ease, filter .3s ease;
}
.contact_section .normb:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 44px -14px rgba(201,162,74,.7);
  filter:brightness(1.04);
  color:#1a1206 !important;
}
.contact_section .normb::before{ display:none !important; }
.contact_section .normb img{
  margin:0; top:0; left:0; width:20px; height:20px;
  filter:brightness(0);
}
.contact_section .normb:hover img{ left:0; transform:translateX(4px); }

.contact_section{
  background:
    radial-gradient(130% 100% at 88% 6%, rgba(201,162,74,.13) 0%, rgba(201,162,74,0) 52%),
    radial-gradient(120% 120% at 8% 100%, rgba(201,162,74,.08) 0%, rgba(201,162,74,0) 50%),
    #061711 !important;
}

.faq_section{ background:transparent !important; padding:74px 0 90px !important; margin-bottom:0 !important; }

.faq_section h2,
.contact_wrp h2{ color:#F5E7C8 !important; }

.faq_item{
  background:rgba(6,26,21,.55) !important;
  border:1px solid rgba(198,161,91,.28) !important;
  box-shadow:0 22px 50px -22px rgba(0,0,0,.55) !important;
}
.faq_header{ color:#F5E7C8 !important; }
.faq_body{
  color:rgba(245,231,200,.74) !important;
  border-left-color:#C6A15B !important;
}
.faq_item::before,
.faq_item.opened::before{
  background-image:url(../img/faq_ar-g.svg) !important;
  filter:none !important;
  opacity:1 !important;
}

.contact_section{ padding-top:74px !important; padding-bottom:90px !important; }
.contact_wrp{
  background:rgba(7,19,13,.94) !important;
  border:1px solid rgba(198,161,91,.32) !important;
  border-radius:20px !important;
  box-shadow:0 30px 70px -26px rgba(0,0,0,.7) !important;
}
.cont_list li{ color:rgba(245,231,200,.85) !important; }
.cont_list li b{ color:#F5E7C8 !important; }
.cont_list li a{ color:#DBB878 !important; }
.cont_list li a:hover{ color:#F5E7C8 !important; }

.contact_section .map_wrp{ background:#061711 !important; }

footer{
  background-color:#061711 !important;
  border-top:1px solid rgba(198,161,91,.22) !important;
}
footer, footer *{ font-family:'Inter', -apple-system, sans-serif !important; }
.foott{ color:rgba(245,231,200,.72) !important; }
a.foott{ color:#DBB878 !important; }
a.foott:hover{ color:#F5E7C8 !important; }

.warning{
  background-color:rgba(6,20,14,.97) !important;
  border:1px solid rgba(198,161,91,.35) !important;
  box-shadow:0 24px 60px -24px rgba(0,0,0,.75) !important;
}
.warning, .warning *{ font-family:'Inter', -apple-system, sans-serif !important; }
.warning__text{ color:rgba(245,231,200,.86) !important; font-size:13px; line-height:1.45; }
.warning__text a{ color:#DBB878 !important; text-decoration:underline; }
.warning__text a:hover{ color:#F5E7C8 !important; }
.normb2{
  background:linear-gradient(100deg,#a8842f 0%,#c9a24a 45%,#d8b768 100%) !important;
  color:#1a1206 !important;
  border:none !important;
  letter-spacing:.06em;
  box-shadow:0 10px 24px -12px rgba(201,162,74,.6);
  transition:transform .3s, box-shadow .3s, filter .3s;
}
.normb2:hover{ transform:translateY(-1px); filter:brightness(1.05); }

.contact_section .map_wrp::after{
  content:"";
  position:absolute; inset:0; pointer-events:none; z-index:2;
  background:
    radial-gradient(85% 75% at 72% 26%, rgba(201,162,74,.10) 0%, rgba(201,162,74,0) 58%),
    linear-gradient(180deg, rgba(6,20,14,.40) 0%, rgba(6,20,14,.52) 100%);
}

@media (max-width:600px){
  .warning{
    width:auto !important; height:auto !important;
    left:10px !important; right:10px !important; bottom:10px !important;
    margin:0 !important; padding:16px !important;
  }
  .warning__text{ margin-right:0 !important; font-size:12.5px !important; }
  .normb2{
    width:100% !important; height:auto !important;
    margin:12px 0 0 !important; padding:11px !important;
  }
}

#main header .header-logo{ display:inline-flex; align-items:center; }
#main header .header-logo img{
  max-width:none !important; width:auto !important; height:54px !important; display:block;
}
@media (max-width:1024px){ #main header .header-logo img{ height:48px !important; } }
@media (max-width:640px){ #main header .header-logo img{ height:40px !important; } }
@media (max-width:380px){ #main header .header-logo img{ height:36px !important; } }

#main header .top_nav li a{ color:#F5E7C8 !important; }
#main header .top_nav li a:hover{ color:#DBB878 !important; }
#main header .top_nav li a::after{ background:#C6A15B !important; }

#main header .toptel{ color:#F5E7C8 !important; }
#main header .toptel:hover{ color:#DBB878 !important; }

#main header .hedbut{
  background:linear-gradient(100deg,#a8842f 0%,#c9a24a 42%,#d8b768 100%) !important;
  color:#1a1206 !important;
  border-radius:999px !important;
}
#main header .hedbut::before{ border-color:rgba(26,18,6,.5) !important; border-radius:999px !important; }

#main header .open_nav img,
#main header .wa_call_mob img{ filter:none !important; opacity:1; }

@media (max-width:991px){
  #main .head_menu{
    background:linear-gradient(180deg, #071a11 0%, #03120c 100%) !important;
    border-top:1px solid rgba(198,161,91,0.18);
    box-shadow:0 26px 50px -20px rgba(0,0,0,0.6);
  }
}

.ecospa-about-section .about{ padding-top:27px !important; }
body #ecospa-services{ margin-top:40px !important; }
.eco-promo__inner{ padding-bottom:52px !important; }
.faq_section{ padding-top:30px !important; }

@media (min-width:1025px){
  .ecospa-about-section .about__inner{ align-items:stretch !important; }
  .ecospa-about-section .eco-about__gallery{ height:0 !important; min-height:100% !important; grid-template-rows:1.48fr 1fr !important; }
  .ecospa-about-section .eco-about__img--main{ height:100% !important; min-height:0 !important; }
  .ecospa-about-section .eco-about__gallery .eco-about__img:not(.eco-about__img--main){ height:100% !important; min-height:0 !important; }
}

.ecospa-embed .service-card__comp{ font-size:11.5px; line-height:1.45; color:var(--color-text-muted); margin-top:6px; }
.ecospa-embed .service-card__comp-label{ display:block; color:var(--color-gold); font-weight:600; font-size:10.5px; letter-spacing:.04em; text-transform:uppercase; margin-bottom:3px; }
.ecospa-embed .service-card--program .service-card__face--back{ overflow:hidden; }
.ecospa-embed .service-compact__comp{ font-size:12.5px; line-height:1.5; color:var(--color-text-muted); margin-top:8px; }
.ecospa-embed .service-compact__comp-label{ display:block; color:var(--color-gold); font-weight:600; font-size:11px; text-transform:uppercase; letter-spacing:.04em; margin-bottom:3px; }

.ecospa-embed .service-card--program .service-card__face--back{ padding:18px 18px; justify-content:center; }
.ecospa-embed .service-card--program .service-card__face--back h3{ font-size:17px; margin-bottom:6px; flex:0 0 auto; }
.ecospa-embed .service-card--program .service-card__face--back > p{ flex:0 0 auto; font-size:12.5px; line-height:1.45; margin-bottom:6px; min-height:0; }
.ecospa-embed .service-card--program .service-card__comp{ flex:0 0 auto; overflow:visible; min-height:0; font-size:12px; line-height:1.5; margin-top:2px; }
.ecospa-embed .service-card--program .service-card__comp-label{ font-size:11px; margin-bottom:4px; }
.ecospa-embed .service-card--program .service-card__meta{ flex:0 0 auto; margin:10px 0 0; }
.ecospa-embed .service-card--program .service-card__back-price{ display:none; }

@media (max-width:640px){
  .ecospa-embed .promo-strip{ flex-wrap:wrap; gap:14px 16px; padding:20px; }
  .ecospa-embed .promo-strip__text{ flex:1 1 60%; }
  .ecospa-embed .promo-strip .btn{ flex:1 0 100%; width:100%; }
}

.ecospa-embed .service-card__face--back{ overflow:hidden; justify-content:center; }
.ecospa-embed .service-card:not(.service-card--program) .service-card__face--back{ padding-top:18px; padding-bottom:18px; }
.ecospa-embed .service-card__face--back > p{
  flex:0 0 auto; min-height:0; overflow:visible; margin-bottom:6px;
}
.ecospa-embed .service-card__meta{ flex:0 0 auto; margin:8px 0 4px; }
.ecospa-embed .service-card__back-price{ flex:0 0 auto; margin-bottom:0; }

.modal-backdrop.in{ background:#03100b !important; opacity:.74 !important; }

#recall .modal_wrp,
#thanks .modal_wrp,
#politika .modal_wrp{
  background:linear-gradient(180deg,#0c1c14 0%,#071510 100%) !important;
  border:1px solid rgba(198,161,91,.30) !important;
  box-shadow:0 30px 80px rgba(0,0,0,.6) !important;
  color:#F5E7C8 !important;
}
.modal_wrp .mt1{
  font-family:'Playfair Display', Georgia, serif !important;
  color:#F5E7C8 !important;
}
.modal_wrp .mt2{ color:rgba(245,231,200,.70) !important; }

.closemod img{ opacity:.85; }
.closemod:hover img{ opacity:1; }

.modal_wrp .validate-input-at,
.modal_wrp .no-validate-input-at{
  background-color:rgba(245,231,200,.045) !important;
  border:1.5px solid rgba(198,161,91,.34) !important;
}
.modal_wrp .input-at{ color:#F5E7C8 !important; background:transparent !important; }
.modal_wrp .input-at::placeholder{ color:rgba(245,231,200,.42) !important; }
.modal_wrp .flex input{ background-color:rgba(245,231,200,.045) !important; color:#F5E7C8 !important; }
.modal_wrp .focus-input-at{ border-color:#C6A15B !important; }

.modal_wrp .form-at-btn{
  background:linear-gradient(100deg,#a8842f 0%,#c9a24a 42%,#d8b768 100%) !important;
  color:#1a1206 !important;
}
.modal_wrp .form-at-btn:hover{
  background:linear-gradient(100deg,#a8842f 0%,#c9a24a 42%,#d8b768 100%) !important;
  filter:brightness(1.06);
}

.modal_wrp .form-at input[type=checkbox] + label{ color:rgba(245,231,200,.66) !important; }
.modal_wrp .form-at input[type=checkbox] + label a,
.modal_wrp label a{ color:#DBB768 !important; }
.modal_wrp .form-at input[type=checkbox] + label:before{ border-color:rgba(198,161,91,.5) !important; }
.modal_wrp .form-at input[type=checkbox]:checked + label:before{
  color:#DBB768 !important; border-color:#C6A15B !important;
}

#politika .modal_wrp,
#politika .pol_wrp,
#politika .modal_wrp p,
#politika .modal_wrp li,
#politika .modal_wrp span{ color:rgba(245,231,200,.78) !important; }
#politika .modal_wrp h1,
#politika .modal_wrp h2,
#politika .modal_wrp h3,
#politika .uk-h3{
  color:#DBB768 !important;
  font-family:'Playfair Display', Georgia, serif !important;
}
#politika .modal_wrp a{ color:#DBB768 !important; }

.modal_wrp .success-at{ color:#DBB768 !important; }

.modal_wrp .form-at{
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}

.contact_section .vk-link{
  display:inline-flex; align-items:center; justify-content:center; gap:12px;
  width:100%; margin-top:14px; padding:16px 30px;
  border:1px solid rgba(198,161,91,.65); border-radius:999px;
  color:#DBB878; background:transparent;
  font-family:'Inter', -apple-system, sans-serif; font-weight:600;
  font-size:14px; letter-spacing:.04em; text-transform:none; text-decoration:none;
  transition:background .3s ease, color .3s ease, box-shadow .3s ease, transform .3s ease, border-color .3s ease;
}
.contact_section .vk-link:hover,
.contact_section .vk-link:focus-visible{
  background:linear-gradient(100deg,#a8842f 0%,#c9a24a 45%,#d8b768 100%);
  color:#1a1206 !important; border-color:transparent;
  transform:translateY(-2px);
  box-shadow:0 14px 34px -14px rgba(201,162,74,.55);
}
.contact_section .vk-link__ic{ display:inline-flex; width:22px; height:22px; flex:none; }
.contact_section .vk-link__ic svg{ width:22px; height:22px; display:block; }

#main header .max_call_mob{ line-height:0; }

.eco-bg{
  position:relative;

  background:
    linear-gradient(180deg, #0b1712 0%, rgba(11,23,18,0.72) 70px, rgba(11,23,18,0) 300px) left top / 100% 300px no-repeat,
    #0a0f08 url("../img/bg-texture.jpg") center center / cover no-repeat;
  background-attachment:scroll, fixed;
}

@media (max-width:768px){
  .eco-bg{
    background:
      linear-gradient(180deg, #0b1712 0%, rgba(11,23,18,0.72) 70px, rgba(11,23,18,0) 300px) left top / 100% 300px no-repeat,
      linear-gradient(180deg, #0b1712 0%, #0a130d 45%, #08110b 100%);
    background-attachment:scroll, scroll;
  }
}
.eco-marble-wrap{
  position:relative;
  background:transparent;
}
.ecospa-about-section{
  position:relative;
  overflow:hidden;
  background:transparent !important;
  isolation:isolate;
}

.ecospa-about-section::after{
  content:"";
  position:absolute; inset:0; z-index:0; pointer-events:none;
  background:linear-gradient(90deg, rgba(4,20,16,.42) 0%, rgba(4,20,16,.12) 34%, rgba(4,20,16,0) 55%);
}

.eco-deco{ display:none !important; }

.ecospa-about-section .about{ position:relative; z-index:2; padding:60px 0 0; }
.ecospa-about-section .about__inner{ position:relative; z-index:2; align-items:center; }

.eco-eyebrow{
  display:inline-flex; align-items:center; gap:16px;
  font-family:var(--font-body); font-weight:600; letter-spacing:.22em;
  text-transform:uppercase; font-size:13px; color:var(--color-gold);
  margin-bottom:22px;
}
.eco-eyebrow::after{
  content:""; width:60px; height:1px;
  background:linear-gradient(90deg, var(--color-gold), rgba(198,161,91,0));
}

.eco-about__title{
  font-size:clamp(32px, 3.6vw, 52px);
  line-height:1.14; margin:0; max-width:12ch;
}
.eco-about__title .text-gold{ color:var(--color-gold); }

.eco-lotus-divider{
  display:flex; align-items:center; gap:16px;
  margin:26px 0 28px; max-width:360px;
}
.eco-lotus-divider__line{
  height:1px; flex:1;
  background:linear-gradient(90deg, rgba(198,161,91,0), var(--color-gold), rgba(198,161,91,0));
}
.eco-lotus-divider__line--short{ max-width:56px; }
.eco-lotus-divider__icon{
  width:34px; height:34px; flex-shrink:0; color:var(--color-gold);
}

.eco-about__lead{
  color:var(--color-text-muted); font-size:16px; line-height:1.7;
  max-width:440px; margin:0 0 30px;
}

.eco-checklist{
  list-style:none; margin:0; padding:0;
  display:flex; flex-direction:column; gap:18px; max-width:460px;
}
.eco-checklist li{ display:flex; align-items:center; gap:16px; }
.eco-checklist__ic{
  width:42px; height:42px; border-radius:50%; flex-shrink:0;
  border:1px solid var(--color-line); color:var(--color-gold);
  display:flex; align-items:center; justify-content:center;
  background:radial-gradient(circle, rgba(200,160,74,.12), transparent 72%);
}
.eco-checklist__ic .icon{ width:20px; height:20px; stroke:currentColor; fill:none; }
.eco-checklist__tx{ color:var(--color-cream); font-size:15.5px; white-space:nowrap; }
.eco-checklist__dots{
  flex:1; min-width:24px; height:0;
  border-bottom:1px dotted rgba(198,161,91,.55);
}

.eco-about__btn{
  display:inline-flex; align-items:center; gap:12px;
  margin-top:36px; padding:16px 34px; border-radius:100px;
  border:1px solid var(--color-gold); color:var(--color-gold);
  font-family:var(--font-body); font-weight:600; font-size:13px;
  letter-spacing:.16em; text-transform:uppercase;
  transition:background .3s var(--ease), color .3s var(--ease), box-shadow .3s var(--ease);
  box-shadow:0 0 22px rgba(198,161,91,.12);
}
.eco-about__btn:hover{
  background:var(--color-gold); color:var(--color-black);
  box-shadow:0 8px 26px rgba(198,161,91,.35);
}
.eco-about__btn-ic{ width:22px; height:22px; color:currentColor; }

.ecospa-about-section .eco-about__gallery{
  display:grid; grid-template-columns:1fr 1fr; gap:20px;
  grid-template-rows:auto auto;
}
.ecospa-about-section .eco-about__img{
  width:100%; height:100%; object-fit:cover; display:block;
  border:1px solid rgba(198,161,91,.55); border-radius:16px;
  box-shadow:0 16px 40px rgba(0,0,0,.45);
  filter:saturate(1.02) contrast(1.02);
}
.ecospa-about-section .eco-about__img--main{ grid-column:1 / 3; height:430px; }
.ecospa-about-section .eco-about__gallery .eco-about__img:not(.eco-about__img--main){ height:290px; }

@media (max-width:1024px){
  .eco-deco{ width:clamp(150px, 30vw, 240px); height:clamp(150px, 30vw, 240px); }
  .ecospa-about-section .eco-about__img--main{ height:340px; }
  .ecospa-about-section .eco-about__gallery .eco-about__img:not(.eco-about__img--main){ height:230px; }
}
@media (max-width:768px){
  .ecospa-about-section .about{ padding:40px 0 0; }
  body #ecospa-services{ margin-top:-50px !important; }
  .eco-deco--tl,.eco-deco--tr{ width:150px; height:150px; }
  .eco-deco--bl,.eco-deco--br{ width:170px; height:170px; }
  .eco-checklist__tx{ white-space:normal; }
  .eco-checklist__dots{ display:none; }
  .ecospa-about-section .eco-about__gallery{ grid-template-columns:1fr; }
  .ecospa-about-section .eco-about__img--main{ grid-column:auto; height:240px; }
  .ecospa-about-section .eco-about__gallery .eco-about__img:not(.eco-about__img--main){ height:220px; }
}
@media (max-width:480px){
  .eco-about__btn{ width:100%; justify-content:center; }
  .ecospa-about-section .eco-about__gallery{ gap:14px; }
}

#ecospa-services{
  position:relative;
  background:transparent !important;
}

#ecospa-services{ margin-top:-64px !important; }
#ecospa-services .services{ padding-top:16px !important; }
#ecospa-services .services__panel{ padding-top:40px !important; }
#ecospa-services .services__panel{
  background:linear-gradient(160deg, rgba(200,160,74,.07), rgba(6,26,21,0) 42%), rgba(6,26,21,.66) !important;
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  box-shadow:0 24px 60px rgba(0,0,0,.4);
}

.ecospa-about-section .eco-about__cards{
  display:flex; flex-direction:column; gap:14px; margin:26px 0 22px;
}
.ecospa-about-section .eco-about__card{
  display:flex; align-items:flex-start; gap:16px;
  padding:18px 20px;
  border:1px solid var(--color-line);
  border-radius:16px;
  background:rgba(245,231,200,.03);
  transition:border-color .3s var(--ease), background .3s var(--ease), transform .3s var(--ease);
}
.ecospa-about-section .eco-about__card:hover{
  border-color:rgba(198,161,91,.5);
  background:rgba(245,231,200,.055);
  transform:translateY(-2px);
}
.ecospa-about-section .eco-about__card-ic{
  flex:none; width:42px; height:42px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--color-line); color:var(--color-gold);
}
.ecospa-about-section .eco-about__card-ic .icon{ width:20px; height:20px; stroke:currentColor; fill:none; }
.ecospa-about-section .eco-about__card-body{ min-width:0; }
.ecospa-about-section .eco-about__card-title{
  font-family:var(--font-body); font-weight:600; font-size:16px;
  color:var(--color-cream); margin:0 0 5px; line-height:1.3;
}
.ecospa-about-section .eco-about__card-text{
  font-family:var(--font-body); font-size:14px; line-height:1.6;
  color:var(--color-text-muted); margin:0;
}
.ecospa-about-section .eco-about__final{
  font-family:var(--font-display); font-style:italic; font-weight:500;
  font-size:17px; line-height:1.55; color:var(--color-cream);
  margin:0 0 24px; max-width:46ch;
}
@media (max-width:600px){
  .ecospa-about-section .eco-about__card{ padding:16px 16px; gap:13px; }
  .ecospa-about-section .eco-about__card-ic{ width:38px; height:38px; }
  .ecospa-about-section .eco-about__final{ font-size:16px; }
}

.lh-scope{
  --color-primary:#1f4a3a;
  --color-primary-dark:#163529;
  --color-primary-soft:#e4ece6;
  --hero-bg-1:#0b1712;
  --hero-bg-2:#14261d;
  --hero-text:#f6f3ea;
  --hero-text-muted:#c7cec7;
  --hero-accent:#c9a15f;
  --hero-border:rgba(246,243,234,.18);
  --hero-surface:rgba(246,243,234,.08);
  --font-heading:"Fraunces", Georgia, "Times New Roman", serif;
  --font-body:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --container-padding:clamp(20px, 4vw, 40px);
  --container-max:1200px;
  --radius-md:16px;
  --transition-base:0.3s ease;
  --transition-slow:0.6s ease;
  font-family:var(--font-body);
  line-height:1.65;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}
.lh-scope *,
.lh-scope *::before,
.lh-scope *::after{ box-sizing:border-box; }

.lh-scope .container{
  max-width:var(--container-max);
  margin-inline:auto;
  padding-inline:var(--container-padding);
  width:100%;
}
.lh-scope .visually-hidden{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

.lh-scope .btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:48px; padding:14.4px 29.6px; border-radius:999px;
  font-family:var(--font-body); font-weight:600; font-size:15.2px;
  text-decoration:none; cursor:pointer; border:1px solid transparent; background:none;
  transition:background-color var(--transition-base), color var(--transition-base),
    border-color var(--transition-base), transform var(--transition-base);
}
.lh-scope .btn:hover{ transform:translateY(-1px); }
.lh-scope .btn--hero-primary{ background:linear-gradient(100deg,#a8842f 0%,#c9a24a 42%,#d8b768 100%); color:#1a1206; }
.lh-scope .btn--hero-primary:hover{ background:linear-gradient(100deg,#a8842f 0%,#c9a24a 42%,#d8b768 100%); filter:brightness(1.05); }
.lh-scope .btn--hero-outline{ background:transparent; border-color:var(--hero-border); color:var(--hero-text); }
.lh-scope .btn--hero-outline:hover{ background:var(--hero-surface); }

.lh-scope .hero{
  position:relative; min-height:92vh; display:flex; align-items:flex-end;
  overflow:hidden; color:var(--hero-text); isolation:isolate;
}
.lh-scope .hero__media{ position:absolute; inset:0; z-index:-2; }
.lh-scope .hero__poster,
.lh-scope .hero__video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.lh-scope .hero__poster{ background:linear-gradient(160deg, var(--hero-bg-1), var(--hero-bg-2)); }
.lh-scope .hero__video{ opacity:0; transition:opacity var(--transition-slow); }
.lh-scope .hero__video.is-loaded{ opacity:1; }
.lh-scope .hero__overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(11,23,18,.55) 0%, rgba(11,23,18,.72) 55%, rgba(11,23,18,.94) 100%);
}
.lh-scope .hero__content{
  position:relative; z-index:1; padding-block:clamp(48px, 8vw, 80px); max-width:780px;
}
.lh-scope .hero__eyebrow{
  font-size:13.6px; letter-spacing:0.1em; text-transform:uppercase;
  color:var(--hero-accent); margin:0 0 16px;
}
.lh-scope .hero__title{
  font-family:var(--font-heading); font-weight:500; line-height:1.2;
  font-size:clamp(33.6px, 5vw, 54.4px); color:var(--hero-text); margin:0 0 20px;
}
.lh-scope .hero__text{
  font-size:clamp(16px, 1.6vw, 18.4px); color:var(--hero-text-muted);
  max-width:56ch; margin:0 0 28px;
}
.lh-scope .hero__gift{
  border:1px solid var(--hero-border); background:var(--hero-surface);
  border-radius:var(--radius-md); padding:17.6px 22.4px; margin:0 0 28px; max-width:56ch;
}
.lh-scope .hero__gift-label{
  display:inline-block; font-weight:600; font-size:13.6px; letter-spacing:0.04em;
  text-transform:uppercase; color:var(--hero-accent); margin-bottom:6.4px;
}
.lh-scope .hero__gift-text{ color:var(--hero-text-muted); font-size:15.2px; margin:0; }
.lh-scope .hero__meta{
  display:flex; flex-wrap:wrap; gap:8px 24px; margin:0 0 32px;
  font-size:14.4px; color:var(--hero-text-muted);
}
.lh-scope .hero__meta-item{ position:relative; padding-left:17.6px; }
.lh-scope .hero__meta-item::before{
  content:""; position:absolute; left:0; top:0.5em; width:5px; height:5px;
  border-radius:50%; background:var(--hero-accent);
}
.lh-scope .hero__actions{ display:flex; flex-wrap:wrap; gap:16px; }

@media (max-width:600px){
  .lh-scope .hero__title-break{ display:none; }
}

#main header{
  background:linear-gradient(180deg, rgba(7,26,17,0.92) 0%, rgba(3,18,12,0.94) 100%) !important;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  box-shadow:0 1px 0 rgba(201,162,74,0.16) !important;
}

.lh-scope{ margin-top:-94px !important; }
@media (max-width:768px){
  .lh-scope{ margin-top:-74px !important; }
}

@media (max-width:600px){

  .lh-scope{ margin-top:0 !important; }
  .lh-scope .hero{ min-height:auto; align-items:flex-start; padding-top:0 !important; padding-bottom:0 !important; }

  .lh-scope .hero__content{ padding-top:100px; padding-bottom:16px; }
  .lh-scope .hero__eyebrow{
    margin-top:0;
    text-align:center;
    font-size:15.6px;
  }

  .ecospa-about-section{ padding-top:8px !important; }
  .ecospa-about-section .about{ padding-top:12px !important; }
}

.eco-promo{
  --pr-bg-1:#0b120d;
  --pr-bg-2:#07100b;
  --pr-gold:#c9a24a;
  --pr-gold-soft:#d8b768;
  --pr-gold-deep:#a8842f;
  --pr-text:#f4efe5;
  --pr-muted:#b8b3a8;
  --pr-line:rgba(201,162,74,.28);
  --pr-line-soft:rgba(244,239,229,.10);
  --pr-surface:rgba(244,239,229,.03);
  --pr-radius:22px;
  --pr-ease:cubic-bezier(.22,.61,.36,1);
  position:relative;
  margin:0;
  padding:0;
  background:transparent;
  color:var(--pr-text);
  font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  line-height:1.6;
  overflow:hidden;
  -webkit-font-smoothing:antialiased;
}
@media (max-width:768px){
  .eco-promo{ background-attachment:scroll; }
}
.eco-promo *,
.eco-promo *::before,
.eco-promo *::after{ box-sizing:border-box; }
.eco-promo h2,
.eco-promo h3,
.eco-promo p,
.eco-promo ul,
.eco-promo li,
.eco-promo figure{ margin:0; padding:0; }
.eco-promo ul{ list-style:none; }

.eco-promo__inner{
  position:relative; z-index:1;
  max-width:1300px; margin:0 auto;
  padding:96px 40px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);
  gap:48px; align-items:stretch;
}

.eco-promo__content{
  display:flex; flex-direction:column;
  align-items:flex-start;
  padding:8px 0;
}

.eco-promo__badge{
  display:inline-flex; align-items:center; gap:12px;
  padding:12px 22px;
  border:1px solid var(--pr-line);
  border-radius:999px;
  background:rgba(201,162,74,.04);
  color:var(--pr-gold);
  font-size:12px; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase;
  line-height:1.35;
}
.eco-promo__badge svg{ width:22px; height:22px; flex:none; color:var(--pr-gold); }

.eco-promo__title{
  font-family:"Playfair Display", Georgia, "Times New Roman", serif;
  font-weight:500;
  font-size:clamp(34px, 3.4vw, 52px);
  line-height:1.14;
  color:var(--pr-text);
  margin-top:30px;
  letter-spacing:.005em;
}
.eco-promo__title .accent{ color:var(--pr-gold); }

.eco-promo__divider{
  display:flex; align-items:center;
  width:240px; max-width:70%;
  margin:26px 0 32px;
  color:var(--pr-gold);
}
.eco-promo__divider .line{
  flex:1 1 auto; height:1px;
  background:linear-gradient(90deg, var(--pr-gold) 0%, rgba(201,162,74,.15) 100%);
}
.eco-promo__divider svg{ width:34px; height:16px; flex:none; margin-left:8px; }

.eco-promo__text{
  font-size:17px; color:var(--pr-muted);
  max-width:46ch;
}
.eco-promo__text + .eco-promo__text{ margin-top:20px; }
.eco-promo__text .gold{ color:var(--pr-gold-soft); font-weight:500; }

.eco-promo__cards{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  column-gap:26px;
  margin:40px 0 0;
  width:100%;
}
.eco-promo__card{
  position:relative;
  padding:6px 0 6px 22px;
  min-width:0;
}
.eco-promo__card:first-child{ padding-left:0; }
.eco-promo__card + .eco-promo__card::before{
  content:""; position:absolute; left:-13px; top:4px; bottom:4px;
  width:1px; background:var(--pr-line-soft);
}
.eco-promo__card-icon{
  display:block;
  width:40px; height:40px; color:var(--pr-gold);
  margin-bottom:18px;
}
.eco-promo__card-icon svg{ width:40px; height:40px; display:block; }
.eco-promo__card-title{
  font-size:15px; font-weight:600; line-height:1.3;
  color:var(--pr-text); margin-bottom:10px;
  letter-spacing:.01em;
}
.eco-promo__card-desc{
  font-size:13px; line-height:1.5; color:var(--pr-muted);
}

.eco-promo__cta{
  display:inline-flex; align-items:center; justify-content:center; gap:14px;
  width:100%; max-width:560px;
  margin:44px 0 0;
  padding:22px 34px;
  border:none; border-radius:999px; cursor:pointer;
  background:linear-gradient(100deg, var(--pr-gold-deep) 0%, var(--pr-gold) 42%, var(--pr-gold-soft) 100%);
  color:#1a1206;
  font-family:"Inter", sans-serif;
  font-size:16px; font-weight:700;
  letter-spacing:.10em; text-transform:uppercase;
  box-shadow:0 14px 34px -14px rgba(201,162,74,.55);
  transition:transform .3s var(--pr-ease), box-shadow .3s var(--pr-ease), filter .3s var(--pr-ease);
}
.eco-promo__cta svg{ width:22px; height:22px; flex:none; }
.eco-promo__cta:hover,
.eco-promo__cta:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 20px 44px -14px rgba(201,162,74,.7);
  filter:brightness(1.04);
  color:#1a1206; text-decoration:none;
}

.eco-promo__note{
  display:flex; align-items:flex-start; gap:12px;
  margin-top:24px;
  font-size:13px; line-height:1.5; color:var(--pr-muted);
  max-width:44ch;
}
.eco-promo__note svg{ width:18px; height:18px; flex:none; color:var(--pr-gold); margin-top:1px; }

.eco-promo__media{
  position:relative;
  min-height:100%;
  border-radius:var(--pr-radius);
}
.eco-promo__photo{
  position:relative;
  width:100%; height:100%;
  min-height:520px;
  border-radius:var(--pr-radius);
  overflow:hidden;
  box-shadow:0 30px 70px -30px rgba(0,0,0,.75);
}
.eco-promo__photo::after{
  content:""; position:absolute; inset:0;
  border-radius:var(--pr-radius);
  box-shadow:inset 0 0 0 1px rgba(201,162,74,.16);
  pointer-events:none;
}
.eco-promo__photo img{
  width:100%; height:100%;
  object-fit:cover; object-position:center;
  display:block;
  transition:transform 1.2s var(--pr-ease);
}
.eco-promo__media:hover .eco-promo__photo img{ transform:scale(1.04); }

.eco-promo__badges{
  position:absolute; right:-14px; bottom:-16px;
  display:flex; align-items:flex-end; justify-content:flex-end;
  flex-wrap:wrap; gap:14px; max-width:calc(100% + 28px);
}
.eco-promo__circle{
  position:relative;
  width:168px; height:168px; border-radius:50%;
  display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center;
  gap:7px; padding:18px;
  background:radial-gradient(circle at 50% 38%, #14241a 0%, #0a140e 100%);
  border:1px solid var(--pr-gold);
  box-shadow:0 20px 40px -18px rgba(0,0,0,.8), 0 0 0 6px rgba(10,20,14,.55);
  color:var(--pr-gold);
}
.eco-promo__circle svg.gift{ width:32px; height:32px; }
.eco-promo__circle-text{
  font-family:"Playfair Display", Georgia, serif;
  font-size:14px; font-weight:600; line-height:1.25;
  letter-spacing:.06em; text-transform:uppercase; color:var(--pr-gold-soft);
}
.eco-promo__circle svg.leaf{ width:26px; height:12px; color:var(--pr-gold); opacity:.85; }

.eco-promo__circle--sale{ gap:3px; }
.eco-promo__circle-eyebrow{
  font-family:"Inter", sans-serif; font-size:10px; font-weight:600;
  letter-spacing:.2em; text-transform:uppercase; color:var(--pr-gold);
}
.eco-promo__circle-sale{
  font-family:"Playfair Display", Georgia, serif;
  font-size:40px; font-weight:700; line-height:.95; color:var(--pr-gold-soft);
}
.eco-promo__circle-note{
  font-family:"Inter", sans-serif; font-size:10.5px; line-height:1.35;
  letter-spacing:.01em; color:var(--pr-text); opacity:.9;
}

.eco-promo .reveal{
  opacity:0; transform:translateY(30px);
  transition:opacity .9s var(--pr-ease), transform .9s var(--pr-ease);
}
.eco-promo .reveal.is-visible{ opacity:1; transform:translateY(0); }
.eco-promo .reveal--d1{ transition-delay:.08s; }
.eco-promo .reveal--d2{ transition-delay:.16s; }
.eco-promo .reveal--d3{ transition-delay:.24s; }

@media (max-width:1080px){
  .eco-promo__inner{ gap:48px; padding:80px 32px; }
  .eco-promo__cards{ column-gap:4px; }
  .eco-promo__card{ padding:6px 14px; }
}

@media (max-width:900px){
  .eco-promo__inner{
    grid-template-columns:1fr;
    gap:44px; padding:64px 28px;
  }
  .eco-promo__media{ order:-1; }
  .eco-promo__photo{ min-height:420px; }
  .eco-promo__title{ font-size:clamp(32px, 6vw, 44px); }
  .eco-promo__cta{ max-width:100%; }
  .eco-promo__badges{ right:14px; bottom:-22px; gap:12px; }
  .eco-promo__circle{ width:150px; height:150px; }
  .eco-promo__circle-sale{ font-size:36px; }
}

@media (max-width:560px){
  .eco-promo__inner{ padding:52px 20px; gap:36px; }
  .eco-promo__badge{ font-size:11px; letter-spacing:.10em; padding:11px 18px; }
  .eco-promo__title{ margin-top:24px; }
  .eco-promo__text{ font-size:16px; max-width:none; }
  .eco-promo__cards{
    grid-template-columns:1fr 1fr;
    row-gap:30px; column-gap:24px;
    margin-top:34px;
  }
  .eco-promo__card{ padding:0 0 0 20px; }
  .eco-promo__card:first-child{ padding-left:0; }

  .eco-promo__card:nth-child(odd)::before{ display:none; }
  .eco-promo__card:nth-child(even)::before{ display:block; left:-12px; }
  .eco-promo__cta{ padding:20px 22px; font-size:14px; letter-spacing:.06em; }
  .eco-promo__photo{ min-height:340px; }
  .eco-promo__badges{ right:8px; bottom:-14px; gap:10px; justify-content:center; max-width:calc(100% - 8px); }
  .eco-promo__circle{ width:128px; height:128px; padding:12px; gap:4px; }
  .eco-promo__circle svg.gift{ width:24px; height:24px; }
  .eco-promo__circle-text{ font-size:11px; }
  .eco-promo__circle-sale{ font-size:30px; }
  .eco-promo__circle-note{ font-size:9.5px; }
  .eco-promo__circle-eyebrow{ font-size:9px; }
}

@media (prefers-reduced-motion:reduce){
  .eco-promo .reveal{ transition:none; opacity:1; transform:none; }
  .eco-promo__photo img,
  .eco-promo__cta{ transition:none; }
}
.ecospa-embed .service-card,.ecospa-embed .service-compact{contain:layout paint}
.ecospa-embed .about__img,.ecospa-embed .result-card__media img,.ecospa-embed .gallery__grid img{filter:sepia(.35) saturate(1.3) brightness(.72) hue-rotate(-10deg) contrast(1.05)}