/* Start:/bitrix/components/bitrix/catalog.compare.list/templates/.default/style.css?15842670471265*/
.bx_catalog-compare-list{
    font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size:12px;
    z-index:998;
    overflow:hidden;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    width:270px;
    max-height:100%;
    padding:10px 8px 0;
    white-space:normal;
    color:#404040;
    border:1px solid #b7b7b7;
    border-radius:3px;
    background:#fff;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.18);
	margin-bottom: 10px;
}
.bx_catalog-compare-list.fix{
	position:fixed;
}
.bx_catalog-compare-list.top{
    top:5px;
}
.bx_catalog-compare-list.right{
    right:5px;
}
.bx_catalog-compare-list.bottom{
    bottom:5px;
}
.bx_catalog-compare-list.left{
    left:5px;
}
.bx_catalog-compare-list .bx_catalog_compare_form {  }
.bx_catalog-compare-list:hover .bx_catalog_compare_form {  }
.bx_catalog-compare-list a{
    font-size:11px;
    color:#327ab7;
}
.bx_catalog-compare-list a:hover{
    text-decoration:none;
}
.bx_catalog_compare_count p{
    margin:0 0 10px 0;
}
.bx_catalog_compare_count p.compare-redirect{
	text-align: center;
	font-weight: bold;
}
.bx_catalog-compare-list .compare-items td{
    font-size:12px;
    font-weight:bold;
    padding-bottom:10px;
	vertical-align: top;
}
/* End */


/* Start:/local/templates/spabass.v2/components/bitrix/catalog/spabass/bitrix/catalog.element/new/style.css?1753788866118332*/
.similar-options-slider.swiper-container {
    padding: 20px 0px 50px;
    margin: 0px 15px;
    overflow: hidden;
}
.similar-options-slider .swiper-slide {
    height:auto!important;
}

.options-grid_inner{
	position:relative;
	
}
.option-card{
	margin:auto;
	
}

.options-grid_inner .options-more-icon {
    fill: none;
    stroke: white;
    width: 30px;
    height: 30px;
    /* stroke-width: 2; */
} 
.options-grid_inner .options-more.swiper-options-button-next {
    right: -40px;
}

.options-grid_inner .options-more {
    top: 226px;
    transform: translateY(-50%);
    display: grid;
    position: absolute;
    z-index: 10;
    width: 31px;
    height: 31px;
    border: none;
    background: #79C8EC;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s;
}
.options-grid_inner .options-more.swiper-button-disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.options-grid_inner .options-more.swiper-options-button-prev {
    -webkit-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
    left: -40px !important;
    top: 212px;
}
.options-grid_inner .option-card {
    height:100%;
}

/*start custom*/
main .bx-breadcrumb-wrap .bx-breadcrumb-item{
	margin-right:0;
}
main .bx-breadcrumb-wrap .bx-breadcrumb-item i{
	margin-right:0;
}
main .bx-breadcrumb-wrap .bx-breadcrumb-item a, main .bx-breadcrumb-wrap .bx-breadcrumb-item>span{
	color: rgb(110, 110, 110);
    font-size: 12px;
	    font-family: Panton, Panton-Trial, sans-serif;
		opacity:1;
		font-weight:normal;
		letter-spacing: normal;
	
}
main .bx-breadcrumb-wrap .bx-breadcrumb {
    padding-left: 0;
}
main .bx-breadcrumb-wrap svg {
    display: inline-block!important;
}
@media screen and (max-width:767px) {
	main .bx-breadcrumb-wrap .bx-breadcrumb{
		padding-left: 15px;
	}
	main .bx-breadcrumb-wrap .bx-breadcrumb-item{
		margin:0;
	}
	
	main .bx-breadcrumb-wrap .bx-breadcrumb-item:first-child{
		display:none;
	}
}
.swiper-horizontal {
    touch-action: pan-y;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}
.video_btn {
}
.video_btn .youtube_icon{
    left: 35%;
    top: 35%;
	display:none;
}
.video_btn .vk_icon{
    right: 35%;
    top: 35%;
	display:none;
}
.video_btn .youtube_icon.installation_youtube_show{
	display:block;
}
.video_btn .vk_icon.installation_vk_show{
	display:block;
}
.youtube_icon{
	    background-image: url(/local/templates/spabass.v2/components/bitrix/catalog/spabass/bitrix/catalog.element/new/img/YOUTUBE_video.png);
    width: 70px;
    height: 70px;
    z-index: 99;
    position: absolute;
    content: none;
    font-size: 0;
    left: 10%;
    top: 25%;
    background-repeat: no-repeat;
    background-size: contain;
}
.vk_icon{
	    background-image: url(/local/templates/spabass.v2/components/bitrix/catalog/spabass/bitrix/catalog.element/new/img/VK_video.png);
    width: 70px;
    height: 70px;
    z-index: 99;
    position: absolute;
    content: none;
    font-size: 0;
    right: 10%;
    top: 25%;
    background-repeat: no-repeat;
    background-size: contain;
}
/*end custom*/
main {
	font: 400 15px / 24px Panton, sans-serif; 
}
h2,h3,h4{
	letter-spacing: 0em!important;
	margin:0!important;
}


.row-0{
	display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}
/* Thin (100) */
@font-face {
    font-family: 'Panton-Trial';
    src: url('/local/templates/spabass.v2/components/bitrix/catalog/spabass/bitrix/catalog.element/new/./fonts/Panton-Trial-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* ExtraLight (200) */
@font-face {
    font-family: 'Panton-Trial';
    src: url('/local/templates/spabass.v2/components/bitrix/catalog/spabass/bitrix/catalog.element/new/./fonts/Panton-Trial-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/* Light (300) */
@font-face {
    font-family: 'Panton-Trial';
    src: url('/local/templates/spabass.v2/components/bitrix/catalog/spabass/bitrix/catalog.element/new/./fonts/Panton-Trial-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Regular (400) */
@font-face {
    font-family: 'Panton-Trial';
    src: url('/local/templates/spabass.v2/components/bitrix/catalog/spabass/bitrix/catalog.element/new/./fonts/Panton-Trial-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* SemiBold (600) */
@font-face {
    font-family: 'Panton-Trial';
    src: url('/local/templates/spabass.v2/components/bitrix/catalog/spabass/bitrix/catalog.element/new/./fonts/Panton-Trial-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Bold (700) */
@font-face {
    font-family: 'Panton-Trial';
    src: url('/local/templates/spabass.v2/components/bitrix/catalog/spabass/bitrix/catalog.element/new/./fonts/Panton-Trial-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ExtraBold (800) */
@font-face {
    font-family: 'Panton-Trial';
    src: url('/local/templates/spabass.v2/components/bitrix/catalog/spabass/bitrix/catalog.element/new/./fonts/Panton-Trial-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Fat (900 или 950, зависит от спецификации) */
@font-face {
    font-family: 'Panton-Trial';
    src: url('/local/templates/spabass.v2/components/bitrix/catalog/spabass/bitrix/catalog.element/new/./fonts/Panton-Trial-Fat.ttf') format('truetype');
    font-weight: 900; /* или 950 для сверхжирного */
    font-style: normal;
    font-display: swap;
}

/* Курсивные версии */
@font-face {
    font-family: 'Panton-Trial';
    src: url('/local/templates/spabass.v2/components/bitrix/catalog/spabass/bitrix/catalog.element/new/./fonts/Panton-Trial-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Panton-Trial';
    src: url('/local/templates/spabass.v2/components/bitrix/catalog/spabass/bitrix/catalog.element/new/./fonts/Panton-Trial-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body {
    font-family: 'Panton-Trial', sans-serif;
}

p {
    margin: 0;
}

section[id] {
    scroll-margin-top: 171px;
 /* Высота вашего хедера */;
}

.container {
    max-width: 1340px;
    margin: auto;
}

.row {
    margin-left: 0;
    margin-right: 0;
}



/* SECTION PRODUCT */

.breadcrumb-item {
    color: #6e6e6e;
    font-size: 12px;
}

.breadcrumb-arrow {
    width: 16px;
    height: 16px;
    margin-left: 10px;
    margin-right: 10px;
    fill: #6e6e6e;
}

.breadcrumb {
    background: none;
    padding: 0;
}

.product {
    padding-top: 225px;
    padding-bottom: 74px;
    background-color: #2e2e2e;
    position: relative;
}

.product-heading-mobile {
    display: none;
}

.product.box::after {
    content: ""; 
    position: absolute; 
    bottom: -40px;
    left: 0; 
    width: 100%;
    height: 100px; 
    background-image: url('/local/templates/spabass.v2/components/bitrix/catalog/spabass/bitrix/catalog.element/new/./img/main.png');
    background-size: cover; 
    background-position: center; 
    z-index: 1;
}

.main-image-container .main-image,
.thumbnail-image {
    border-radius: 20px;
}

/* Пагинация основного слайдера */
.main-pagination {
    bottom: 20px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px;
}

.main-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 12px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
    border-radius: 6px;
}

.main-pagination .swiper-pagination-bullet-active {
    background: #fff;
}

/* Навигация для миниатюр */
.gallery-navigation {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    pointer-events: none;
    z-index: 10;
}

.nav-button {
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgb(255 255 255);
    position: relative;
    pointer-events: all;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
	border: 2px solid #fff;
}

.nav-button:hover {
    background: rgb(121 200 236);
	border: 2px solid rgb(121 200 236);
}
.nav-button:hover.nav-button::after {
        border: 2px solid #fff;
    border-width: 2px 2px 0 0;
}

.nav-button::after {
    content: '';
    position: absolute;
    top: 13px;
    width: 12px;
    height: 12px;
    border: 2px solid #79C8EC;
    border-width: 2px 2px 0 0;
}

.prev::after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
    left: 15px;
}

.next::after {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    right: 15px;
}

.image-indicators {
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}

.indicator {
    width: 12px;
    height: 12px;
    background: rgba(255,255,255,0.5);
    border-radius: 50%;
}

.gallery-navigation {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    padding: 0 12px;
}

.product-title {
    font-size: 32px;
}

.product-meta {
    gap: 38px;
}

.origin, .warranty {
    gap: 11px;
    color: #eaeaea;
    font-size: 16px;
}

.product-description {
    line-height: 1.4;
}

/* Specifications */
.specifications {
    gap: 8px;
    max-width: 370px;
}

.spec-dots {
    border-bottom: 1px dashed #eaeaea;
}

.specs-more {
	border:0;
    border-bottom: 1px dashed #eaeaea !important;
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.presences {
    gap: 21px;
}

.presence-tag {
    background: #6d6d6d;
    color: #fff;
    font-size: 14px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 6px 12px;
}

.presence-icon-path {
    stroke: white;
    stroke-width: 2;
}

.presence-icon-accent {
    stroke: #79C8EC;
    stroke-width: 2;
}

.pricing-section {
    background: #393939;
    border-radius: 20px;
    padding: 17px 0 26px;
}

.price-container {
    gap: 18px;
    padding: 0 20px;
}

.current-price {
    font-size: 28px;
    font-weight: 800;
}
.current-price.price_without_old {
    margin:auto;	
}

.current-price span {
    color: white;
}

.discount {
    padding: 6px 12px;
    border-radius: 5px;
    background: #1eb83d;
    font-size: 14px;
    color: #fff;
}

.add-to-cart-wrap {
    display: flex;
    justify-content: center;
}

.add-to-cart {
    font-size: 20px;
    padding: 17px;
    border-radius: 100px;
    background: #79C8EC;
}

.add-to-cart.btnn-primary {
    border: none;
    transition: .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
	color: #fff;
    border: 2px solid #5bcaf0;
}

.add-to-cart.btnn-primary:hover {
    background: 0 0;
    border: 2px solid #5bcaf0;
    color: #5bcaf0;
}



.divider {
    height: 1px;
    background: #706b6b;
    border: none;
}

.buy-one-click {
    font-size: 14px;
    padding: 10px 39px;
    border-radius: 100px;
    border: 1px solid #79C8EC;
    transition: .3s ease;
}

.buy-one-click:hover {
    box-shadow: 0 8px 21px rgba(91, 202, 240, .35);
}

.main-image {
    /* width: 100%; */
    height: 498px!important;
    -o-object-fit: cover;
       object-fit: cover;
}

.indicator {
    width: 31px;
    height: 14px;
    opacity: 0.8;
    border-radius: 10px;
    background-color: #fff;
}

.thumbnail-image {
    /* width: 267px; */
    height: 178px!important;
    border-radius: 11px;
    -o-object-fit: cover;
       object-fit: cover;
}

.spec-label,
.spec-value {
    color: #eaeaea;
    font-size: 16px;
}

.spec-dots {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-bottom: 1px dotted #eaeaea;
    margin: 0 8px;
}

.presences {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;   
    gap: 21px;
    margin-bottom: 20px;
}

.presence-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 6px 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    background-color: #6d6d6d;
}

.divider {
    height: 1px;
    margin: 26px 0;
    background-color: #706b6b;
    border: none;
}

.original-price {
    position: relative;
    color: white;
}

.add-to-cart-wrap {
    text-align: center;
    margin: auto;
}

.price-details {
    gap: 20px;
}

.add-to-cart-wrap .add-to-cart {
    width: 95%!important;
}

.original-price::after {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #fff;
    -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
            transform: rotate(-12deg);
}

.gallery-section {
    padding: 0!important;
}

.product-details {
    padding-left: 40px;
}





/* COLOR CUSTOMIZER */

.color-customizer {
    margin-top: 40px;
}

.color-customizer .similar-title-container {
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}

.color-customizer .similar-title-background {
    position: absolute;
    font: 700 83px Panton, Panton-Trial, sans-serif;
    color: transparent;
    -webkit-text-stroke: 1px rgba(121, 200, 236, 0.44);
    top: -33px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    white-space: nowrap;
	display:none;
}

.color-customizer .similar-title-main {
    position: relative;
    font: 800 32px Panton, Panton-Trial, sans-serif;
    color: #1e1e1e;
    text-transform: uppercase;
}

.color-customizer .content-wrapper {
    padding: 0 50px;
    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;
}

.color-customizer .options-container {
    width: 100%;
    max-width: 50%;
}

.color-customizer .colors-block-title {
    font-size: 18px;
    margin-bottom: 20px;
}

.color-customizer .color-options,
.color-customizer .panel-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.color-customizer .color-option,
.color-customizer .panel-option {
    width: 105px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

.color-customizer .color-option:hover,
.color-customizer .panel-option:hover {
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
}

.color-customizer .color-image {
    width: 100%;
    height: auto;
    border-radius: 58px;
}

.color-customizer .color-name {
    font-size: 14px;
    margin-top: 8px;
}

.color-customizer .color-option-active .color-image {
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1);
}

.color-customizer .preview-image {
    width: 100%;
    height: auto;
    border-radius: 12px;
}




/* CONSULTATION */

.consultation-manager {
    border-radius: 20px;
    background-color: rgba(121, 200, 236, 1);
    padding: 25px 51px 0 51px;
    overflow: hidden;
    margin-top: 40px;
}

.consultation-content {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.consultation-title {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    min-width: 240px;
    padding: 16px 0;
    font-family: Panton, Panton-Trial, -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 24px;
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    margin-right: -3px;
}

.consultation-details {
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 20px 20px 0 0;
    background-color: rgba(244, 244, 244, 0.9);
    min-width: 240px;
    min-height: 206px;
    transition: .2s ;
}

.consultation-submit-button:hover {
    background: 0 0;
    color: #5bcaf0;
}

.expert-section {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    margin: auto 0;
    font-family: Panton, Panton-Trial, -apple-system, Roboto, Helvetica, sans-serif;
    width: 336px;
}

.expert-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 25px;
    color: rgba(0, 0, 0, 1);
}

.expert-image {
    aspect-ratio: 1;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    width: 82px;
    border-radius: 50%;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    margin: auto 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.expert-info {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    margin: auto 0;
    width: 212px;
}

.expert-name {
    font-size: 16px;
    font-weight: 500;
}

.expert-description {
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px;
}

.messenger-container {
    border-radius: 5px;
    border: 1px solid rgba(192, 192, 192, 1);
    margin-top: 10px;
    width: 100%;
    max-width: 336px;
    padding: 11px 9px;
    font-size: 14px;
}

.messenger-title {
    color: rgba(0, 0, 0, 1);
    font-weight: 500;
	margin-bottom: 0;
}

.messenger-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    color: rgba(110, 110, 110, 1);
    font-weight: 400;
    white-space: nowrap;
}

.messenger-link {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 7px;
    text-decoration: none;
    color: inherit;
}

.messenger-icon {
    aspect-ratio: 1;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    width: 26px;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    margin: auto 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.contact-form {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    margin: auto 0;
    width: 357px;
}

.form-label {
    display: block;
    color: rgba(0, 0, 0, 1);
    font-size: 14px;
    font-family: Panton, Panton-Trial, -apple-system, Roboto, Helvetica, sans-serif;
    font-weight: 500;
}

.phone-input {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 1);
    margin-top: 8px;
    width: 100%;
    padding: 12px 13px;
    font-family: 'Panton Narrow', -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 20px;
    color: rgba(110, 110, 110, 1);
    font-weight: 290;
    border: none;
}

.consultation-submit-button {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    border-radius: 100px;
    background-color: rgba(121, 200, 236, 1);
    margin-top: 20px;
    width: 100%;
    padding: 17px;
    font-family: Panton, Panton-Trial, -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    border: none;
    cursor: pointer;
    outline: 2px solid #5bcaf0;
    transition: .3s ease;
}

/* HYDROTERAPY */


/* Hydrotherapy Section */
.hydrotherapy {
    margin-top: 40px;
}

.similar-title-background {
    font: 700 83px Panton, Panton-Trial, sans-serif;
    color: transparent;
    -webkit-text-stroke: 1px rgba(121, 200, 236, 0.44);
    top: -33px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    white-space: nowrap;
}

.similar-title-main {
    font: 800 32px Panton, Panton-Trial, sans-serif;
    color: #1e1e1e;
    text-transform: uppercase;
}

.hydrotherapy_flex-wrap {
    gap: 46px;
}

.instruction-text {
    font-size: 16px;
    color: #6e6e6e;
    font-weight: 600;
}

.hot-tub-layout {
    width: 572px;
    height: 571px;
}

.tub-image {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
}

.position-markers {
    width: 362px;
    height: 372px;
    left: 105px;
    top: 100px;
}

.position-marker {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #79C8EC;
    color: white;
    border: none;
    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;
}

.position-marker-active {
    background: #1eb83d;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.body-diagram {
    width: 184px;
    height: 571px;
}

.body-image {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
}

.info-panel {
    padding: 30px 0;
}

.description-title {
    font-size: 24px;
    font-weight: bold;
}

.description-text {
    font-size: 20px;
}

.learn-more-btnn {
    border: 1px solid #79C8EC;
    border-radius: 100px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 11px 19px;
    font-size: 14px;
    transition: .3s ease;
}
.learn-more-btnn:hover {
    box-shadow: 0 8px 19px rgba(91, 202, 240, .15);
}

/* Marker Positions */
.marker-1 {
    left: 50px;
    top: 60px;
}

.marker-2 {
    right: 30px;
    top: 100px;
}

.marker-3 {
    left: 80px;
    bottom: 70px;
}

.marker-4 {
    right: 40px;
    bottom: 90px;
}

.marker-5 {
    left: 45%;
    bottom: 30px;
}


/* HYDROTERAPY */

.hydrotherapy {
    margin-top: 40px;
}

.hydrotherapy .similar-title-background {
    font: 700 83px Panton, Panton-Trial, sans-serif;
    color: transparent;
    -webkit-text-stroke: 1px rgba(121, 200, 236, 0.44);
    top: -33px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    white-space: nowrap;
}

.hydrotherapy .similar-title-main {
    font: 800 32px Panton, Panton-Trial, sans-serif;
    color: #1e1e1e;
    text-transform: uppercase;
}

.hydrotherapy .hydrotherapy_flex-wrap {
    gap: 46px;
}

.hydrotherapy .hot-tub-layout {
    width: 572px;
    height: 571px;
}

.hydrotherapy .tub-image {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
}

/* .hydrotherapy .position-markers { */
    /* width: 362px; */
    /* height: 372px; */
    /* left: 105px; */
    /* top: 100px; */
/* } */

.hydrotherapy .position-markers {
    width: 100%;
        height: 100%;
        left: 0px;
        top: 2px;
}

.hydrotherapy .position-marker {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #79C8EC;
    color: white;
    border: none;
    cursor: pointer;
    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;
}

.hydrotherapy .body-diagram {
    width: 184px;
    height: 571px;
}

.hydrotherapy .body-image {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
}

.hydrotherapy .description-content {
    width: 60%;
    display: flex;
    flex-direction: column;
}


.hydrotherapy .instruction-text {
    font-size: 16px;
    color: #6e6e6e;
    font-weight: 600;
}

.hydrotherapy .description-container {
    padding: 30px 0;
}

.hydrotherapy .description-title {
    font-size: 24px;
    font-weight: bold;
}

.hydrotherapy .description-text {
    font-size: 20px;
}

.hydrotherapy .learn-more-btnn {
    border: 1px solid #79C8EC;
    border-radius: 100px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 11px 19px;
    font-size: 14px;
    margin-top: auto;
	background-color: white;
}


/* VIDEO */

/* Video Section */
.video-section {
    background-color: #F4F4F4;
    position: relative;
    min-height: 627px;
    width: 100%;
    padding: 77px 51px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 40px;
}

.video-heading {
    display: none;
}

.video-section .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 40px 43px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.video-section .video-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 240px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}

.video-section .video-preview {
    border-radius: 16px;
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;   
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: hidden;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 404px;
}

.video-section .play-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -33px;
    padding: 19px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    overflow: hidden;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
}

.video-section .play-icon {
    aspect-ratio: 0.87;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    width: 32px;
    margin: auto;
}

.video-section .platform-selector {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: Panton, Panton-Trial, -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}

.video-section .platform-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 45px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 7px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 144px;
    border: none;
    cursor: pointer;
    padding: 0 22px;
}

.video-section .platform-button-active {
    background-color: #79C8EC;
    color: #fff;    
}

.video-section .platform-button:not(.platform-button-active) {
    background-color: #fff;
    color: #6E6E6E;    
}

.video-section .video-preview .video-content {
    width: 100%;
    height: 100%;
}

.video-section .vk_video {
    border-radius: 100px 0 0 100px;       
}

.video-section .youtube_video {
    border-radius: 0 100px 100px 0;     
}

.video-section .platform-icon {
    aspect-ratio: 1;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    width: 26px;
    margin: auto;
}

.video-section .description-container {
    min-width: 240px;
    font-family: Panton, Panton-Trial, -apple-system, Roboto, Helvetica, sans-serif;
    color: #000;
}

.video-section .description-title {
    font-size: 32px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
}


.video-section .description-text-wrap:not(:last-child) {
    display: flex;
    margin-bottom: 10px;
}

.video-section .description-text {
    font-size: 15px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 0;
	line-height: 1.4em;
}


.video-section {
    -webkit-clip-path: polygon(0% 7.86%, 0.9% 8.03%, 12.94% 4.86%, 34.53% 1.22%, 96.4% 5.86%, 98% 5.86%, 100% 91.01%, 79.4% 92%, 62.53% 93.01%, 33.94% 95%, 7.9% 91.01%, 0% 90.01%);
	clip-path: polygon(0% 7.86%, 0.9% 8.03%, 12.94% 4.86%, 34.53% 1.22%, 96.4% 5.86%, 98% 5.86%, 100% 91.01%, 79.4% 92%, 62.53% 93.01%, 33.94% 95%, 7.9% 91.01%, 0% 90.01%);
}
















.presences.swiper-container {
    padding: 0;
    width: 99%;
    overflow: hidden;
}

.presences .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}

.presences .swiper-slide {
    width: auto;
    flex-shrink: 0;
    margin-right: 20px !important;
}

.presences .presences-more.swiper-presences-button-prev{
  
       -webkit-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
    left: 2px !important;
    top: 7%;
}
.presences .presences-more.swiper-presences-button-next{
  
    right: 2px;
}

.presences .presences-more {
    top: 49%;
    transform: translateY(-50%);
    display: grid;
    position: absolute;
    z-index: 10;
    width: 31px;
    height: 31px;
    border: none;
    background: #79C8EC;
    border-radius: 50%;
    cursor: pointer;
   transition: all 0.3s;
}

.swiper-button-lock {
    display: none!important;
} 

.presences .presences-more-icon {
    fill: none;
    stroke: white;
    width: 30px;
    height: 30px;
    /* stroke-width: 2; */
}

.presences .presences-more:hover {
    background: #5AA4C4;
    transform: translateY(-50%) scale(1.1);
}

.presences .presences-more.swiper-button-disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    display: none !important;
}

.presences-more {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 10;
}

.position-marker {
    color: #ffffff;
    font-size: 24px;
    font-weight: 800;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background-color: #79c8ec;
    position: absolute;
    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;
    border: none;
    cursor: pointer;
}

.position-marker-active {
    -webkit-box-shadow: 0 0 0 16px rgba(255, 255, 255, 0.70);
            box-shadow: 0 0 0 16px rgba(255, 255, 255, 0.70);
}

.marker-1 {
    left: 210px;
    top: 0;
}

.marker-2 {
    left: 302px;
    top: 144px;
}

.marker-3 {
    left: 265px;
    top: 267px;
}

.marker-4 {
    left: 130px;
    top: 312px;
}

.marker-5 {
    left: 0;
    top: 206px;
}

.color-customizer p {
    margin-bottom: 0;
}

.color-customizer-title {
    z-index: 1;
    font-size: 32px;
    color: rgb(30, 30, 30);
    font-weight: 800;
    text-transform: uppercase;
}

.color-image {
    aspect-ratio: 1;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    width: 80px;
    border-radius: 50%;
}

/* .color-option {
    position: relative;
}

.color-option-active::after {
    position: absolute;
    content: '';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 116px;
    height: 147px;
    border: 2px solid #79C8EC;
    top: 50%;
    margin-top: -74.5px;
    left: 50%;
    margin-left: -58px;
    border-radius: 5px;
} */

.color-option-wrap {
    padding: 6px;
 
}

.color-option-wrap-active {
    border: 2px solid #79C8EC;
    border-radius: 5px;
}

.panel-option-wrap {
    padding: 6px;
}

.panel-option-wrap-active {
    border: 2px solid #79C8EC;
    border-radius: 5px;
}


.mainSwiper {
    width: 100%;
}

.thumbnailSwiper .swiper-slide {
    width: auto;
    cursor: pointer;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}


.thumbnailSwiper .swiper-slide-thumb-active img {
    border: 2px solid #79C8EC;
}

.image-indicators .indicator {
    width: 31px;
    height: 14px;
    border-radius: 10px;
    background: rgba(255,255,255,0.8);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.image-indicators .indicator.active {
    background: #fff;
    opacity: 1;
}

.navigation-container .nav-item {
    color: #000;
    font-family: 'Panton-Trial', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 10px;
    border: none;
    background: none;
    border-bottom: 4px solid #d3d1d1;
    cursor: pointer;
    border-radius: 0;
	text-decoration: none;
	display: block;
}


.navigation-container .swiper-slide {
    width: auto !important; 
    flex-shrink: 0;
}

.nav-item {
    white-space: nowrap; 
    transition: all 0.3s; 
}


.nav-item.active {
    border-color: #79C8EC;
    color: #79C8EC;
}

.nav-swiper-container {
    position: relative;
    margin: 46px auto 0;
    max-width: 100%;
    padding: 0 40px;
}

.navigation-container.swiper {
    width: 100%;
}

.nav-swiper-container .swiper-wrapper {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.nav-swiper-container .swiper-button-prev,
.nav-swiper-container .swiper-button-next {
    background: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.95"><circle cx="8" cy="8" r="8" fill="%2379C8EC"/><path d="M6.71802 4.9231L9.79494 8.00002L6.71802 11.0769" stroke="white" stroke-width="0.918751" stroke-linecap="round" stroke-linejoin="round"/></g></svg>') 
    center/contain no-repeat !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: -20px;
}

.nav-swiper-container .swiper-button-prev {
    -webkit-transform: rotate(180deg) !important;
        -ms-transform: rotate(180deg) !important;
            transform: rotate(180deg) !important;
    left: 0px !important;
}

.nav-swiper-container .swiper-button-next {
    right: 0px !important;
}

.nav-swiper-container .swiper-button-prev::after,
.nav-swiper-container .swiper-button-next::after {
    display: none;
}

.pool-colors article,
.panel-colors article {
    position: relative;
    cursor: pointer;
}



/* ADVANTAGE */

.edge {
    -webkit-clip-path: ellipse(210% 1935px at 50% -8%);
            clip-path: ellipse(210% 1935px at 50% -8%);
}

.edge .swiper-container {
    padding: 20px 0px 50px;
	margin: 0px 15px;
    overflow: hidden;
}


/* .edge .swiper-slide:not(:first-child) { */
    /* background: #fff; */
    /* border-radius: 12px; */
    /* box-shadow: 0 4px 20px rgba(0,0,0,0.08); */
    /* padding: 20px; */
    /* min-height: 550px; */
/* } */


.edge .swiper-pagination {
    bottom: 20px !important;
}

#advantages.edge {
    margin-top: 40px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(7.56%, rgba(121, 200, 236, 0.00)), color-stop(53.55%, rgba(121, 200, 236, 0.50)), color-stop(99.53%, #5CA4C4));
    background: -o-linear-gradient(top, rgba(121, 200, 236, 0.00) 7.56%, rgba(121, 200, 236, 0.50) 53.55%, #5CA4C4 99.53%);
    background: linear-gradient(180deg, rgba(121, 200, 236, 0.00) 7.56%, rgba(121, 200, 236, 0.50) 53.55%, #5CA4C4 99.53%);
    padding-bottom: 88px;
}

.edge .similar-title-background {
    font: 700 83px Panton, Panton-Trial, sans-serif;
    color: transparent;
    -webkit-text-stroke: 1px rgba(121, 200, 236, 0.44);
    top: -33px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    white-space: nowrap;
}

.edge .similar-title-main {
    font: 800 32px Panton, Panton-Trial, sans-serif;
    color: #1e1e1e;
    text-transform: uppercase;
}

.edge .presences-showcase .position-relative.image-container {
    height: 390px;
    overflow: hidden;
    width: 580px;
}

.edge .image-overlay {
    background: rgba(0, 0, 0, 0.65);
    padding: 26px 28px;
    bottom: 0;
    width: 100%;
}

.edge .overlay-content {
    font-family: Panton, Panton-Trial, sans-serif;
    color: white;
}

.edge .overlay-content h2 {
    font-size: 20px;
    font-weight: 700;
	color: #FFF;
}

.edge .overlay-content p {
    font-size: 16px;
    line-height: 1.2;
}

.edge .feature-img {
    width: 100px;
    height: 100px;
    -o-object-fit: cover;
       object-fit: cover;
}

.edge .feature-text h3 {
    font-size: 20px;
    font-weight: 700;
}

.edge .feature-text p {
    font-size: 16px;
}


.edge .slider-controls {
    display: flex;
    justify-content: space-around;
    margin-bottom: 10px; 
}

.edge .slider-control {
    cursor: pointer;
    font-weight: 400;
    font-size: 10px;
    color: #000000;
    transition: color 0.3s;
    text-transform: uppercase;
    padding: 5px;
    border: none;
    background: none;
    border-bottom: 2px solid #d3d1d1;
}

.edge .slider-control:hover {
    color: #007BFF; 
}

.edge .slider-control.active {
    text-decoration: underline; 
}

.edge .lighting-section {
    background: rgba(0, 0, 0, 0.9);
    padding: 20px 0;
    margin: 2rem auto;
    border-radius: 20px;
    width: 100%;
}
.edge .lighting-section.white-section{
    background: white;
}
.edge .lighting-section h3 {
    font-family: Panton, Panton-Trial, sans-serif;
    font-size: 32px;
    color: white;
    font-weight: 700;
}
.edge .lighting-section.white-section h3 { 
    color: black;
}

.edge .lighting-img {
    width: 100%;
    height: 153px;
	border-radius: 19px;
}

.edge .lighting-text {
    font-family: Panton, Panton-Trial, sans-serif;
    color: white;
    width: 100%;
}
.edge .white-section .lighting-text {
	
    color: black;
}

.edge .lighting-text h4 {
    font-size: 20px;
    font-weight: 700;
    color: white;
}
.edge .white-section .lighting-text h4 {
    color: black;
}

.edge .lighting-text p {
    font-size: 14px;
	line-height: 1.3;
}

.edge .specs-block {
    background: white;
    border-radius: 20px;
    padding: 1rem;
}
.edge .specs-block .spec-text{
    width:100%;
}
.specs-block.mt-4 {
    max-width: 98%;
}

.edge .specs-block h3 {
    font-family: Panton, Panton-Trial, sans-serif;
    font-size: 32px;
    font-weight: 700;
}

.edge .spec-img {
    width: 100%;
    height: 153px;
    -o-object-fit: cover;
       object-fit: cover;
	   border-radius: 19px;
}
.edge .d-flex.align-items-start {
    gap:25px;
}
.wrap_spec-img {
    height: 100%;
    width: 100%;
	    position: relative;
}

.edge .spec-text h4 {
    font-size: 20px;
    font-weight: 700;
}

.edge .spec-text p {
    font-size: 14px;
	    line-height: 1.3;
}

.edge .col-12[style*="padding: 0"] {
    padding: 0 !important;
}

.edge .col-12.col-lg-6.position-relative.mb-4.mb-lg-0 {
    border-radius: 20px;
    overflow: hidden;
}

.edge .specs-section .col-12 {
    /* padding: 0; */
}

.edge .edge-card-top {
    padding-right: 20px !important;
}



/* OPTIONS */


.options-container {
    margin-top: 40px;
}
.preview-container {
    margin-top: 40px;
	    width: 100%;
    max-width: 50%;
	padding-left: 50px;
}

.similar-title-background {
    font: 700 83px Panton, Panton-Trial, sans-serif;
    color: transparent;
    -webkit-text-stroke: 1px rgba(121, 200, 236, 0.44);
    top: -33px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    white-space: nowrap;
	display:none;
}

.similar-title-main {
    font: 800 32px Panton, Panton-Trial, sans-serif;
    color: #1e1e1e;
    text-transform: uppercase;
}

.option-card {
    overflow: hidden;
    max-width: 261px !important;
    min-height: 362px;
    border-radius: 20px;
    background-color: #f4f4f4;
    height: auto;
}

.card-media {
    border-radius: 20px;
    height: 153px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.card-image {
    -o-object-fit: cover;
       object-fit: cover;
}

.video-overlay {
    background: #000;
    background: #000;
    border-radius: 15px;
    overflow: hidden;
}

.play-icon {
    color: white;
}

.card-title {
    font-family: Panton, Panton-Trial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #000;
}

.card-description {
    font-family: Panton, Panton-Trial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #000;
}



/* BEAUTY IMAGE*/

.beauty-image-section img {
    width: 100%;
}



/* WARRANY */

#warranty.warranty-section {
    padding: 3rem;
    padding-bottom: 0;
}

.warranty-section .similar-title-background {
    font: 700 83px Panton, Panton-Trial, sans-serif;
    color: transparent;
    -webkit-text-stroke: 1px rgba(121, 200, 236, 0.44);
    top: -33px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    white-space: nowrap;
}

.warranty-section .similar-title-main {
    font: 800 32px Panton, Panton-Trial, sans-serif;
    color: #1e1e1e;
    text-transform: uppercase;
}

.warranty-section .warranty-content {
    gap: 30px;
}

.warranty-section .warranty-item {
    width: 100%;
}

.warranty-section .warranty-item-title {
    font-family: 'Panton', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #000;
}

.warranty-section .warranty-value {
    background: #79c8ec;
    padding: 5px 14px;
    height: 35px;
    border-radius: 100px;
}

.warranty-section .warranty-value-full {
    width: 100%;
}

.warranty-section .warranty-value-medium {
    width: 42%;
}

.warranty-section .warranty-value-small {
    width: 25%;
}

.warranty-section .warranty-value-temp {
    width: 52%;
}

.warranty-section .warranty-value span {
    font-family: 'Panton', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

.warranty-section .warranty-value-temp div {
    width: 25px;
    height: 25px;
}

.warranty-section .warranty-value-temp svg {
    color: white;
}

.warranty-section .warranty-value-temp span {
    font-family: 'Panton', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

.warranty-section .warranty-image {
    max-width: 641px;
}

.warranty-section .warranty-img {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 20px;
}

.warranty-section .warranty-image div {
    border-radius: 20px;
}

/* SPECS */


.similar-title-background {
    font: 700 83px Panton, Panton-Trial, sans-serif;
    color: transparent;
    -webkit-text-stroke: 1px rgba(121, 200, 236, 0.44);
    top: -25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    white-space: nowrap;
}

.similar-title-main {
    font: 800 32px Panton, Panton-Trial, sans-serif;
    color: #1e1e1e;
    text-transform: uppercase;
}

.specs-content {
    gap: 150px;
}

.specs-item {
    border-bottom: 1px solid #c7c4c4 !important;
}

.specs-term {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #424141 !important;
	text-align: left;
}

.specs-definition {
    font-size: 16px !important;
    color: #424141 !important;
    text-align: right !important;
}

.specs-form {
    background-color: #f4f4f4 !important;
    border-radius: 20px !important;
    max-width: 800px !important;
}

.specs-input-wrap {
    max-width: 357px !important;
    width: 100% !important;
}

.specs-input {
    height: 50px !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    border-color: #d3d1d1 !important;
    color: #6e6e6e !important;
    max-width: 357px !important;
    width: 100% !important;
	font-family: 'Panton';
}

.specs-button-wrap {
    max-width: 357px !important;
    width: 100% !important;
}

.specs-button {
    height: 59px !important;
    font-size: 20px !important;
    /* font-weight: 700 !important; */
    background-color: #79c8ec !important;
    border-radius: 50px !important;
    color: #fff !important;
    max-width: 357px !important;
    width: 100% !important;
	border: 2px solid #79c8ec;
	font-family: 'Panton';
}
.specs-button:hover {
    background: 0 0 !important;
    border: 2px solid #5bcaf0 !important;
    color: #5bcaf0 !important;
}



/* INSTALATION GUIDE */

/* Стили для секции установки */
.section-title {
    font-size: 32px;
    color: #1e1e1e;
    z-index: 1;
}

.installation-info {
    max-width: 483px;
    padding: 0;
}

.info-title {
    background: #79c8ec;
    font-size: 24px;
    border-radius: 20px;
}

.info-subtitle {
    font-size: 20px;
}

.info-description {
    color: #6e6e6e;
    font-size: 16px;
}

.installation-types {
    border-color: #c7c4c4;
    max-width: 759px;
    border-radius: 20px;
    overflow: hidden;
}

.installation-types .type-column figure {
    cursor: pointer;
}

.type-label {
    font-size: 14px;
}

.installation-diagram img {
    max-width: 484px;
	border-radius: 10px;
}

/* Стили для секции подключения */
.connection-title {
    background: #79c8ec;
    font-size: 24px;
    border-radius: 20px;
}

.connection-types {
    max-width: 661px !important;
    padding: 0;
}

.connection-card {
    border-color: #c7c4c4;
    border-radius: 20px;
    max-width: 761px;
}

.connection-card.highlighted {
    border: 4px solid #79c8ec;
    border-radius: 20px;
    max-width: 532px;
    padding-right: 63px;
}

#connection .info-content {
    padding-right: 20px;
}

.card-icon {
    width: 138px;
}

.card-title {
    font-size: 20px;
}

.card-description {
    color: #6e6e6e;
    font-size: 16px;
}




/* SIMILAR PRODUCT */

.similar-products-section {
    padding-bottom: 30px;
    background: #ebebeb;
    margin-top: 40px;
    padding-top: 50px;
}

.similar-title-background {
    font: 700 83px Panton, Panton-Trial, sans-serif;
    color: transparent;
    -webkit-text-stroke: 1px rgba(121, 200, 236, 0.44);
    top: -25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    white-space: nowrap;
}

.similar-title-main {
    font: 800 32px Panton, Panton-Trial, sans-serif;
    color: #1e1e1e;
    text-transform: uppercase;
}

.similar-product-card {
    padding: 30px;
    width: 385px;
    max-width: 100%;
    background: #fff;
    border-radius: 20px!important;
    margin: 0 auto;
}

.similar-product-image.img-fluid {
	width: 100%!important; /* or any custom size */
    height: 100%!important; 
    object-fit: contain;
}
.similar-product-image {
    width: 365px;
    height: 276px;
    -o-object-fit: cover;
       object-fit: cover;
}
.similar-product-figure{
	    height: 276px;
    display: flex;
    align-items: center;
	justify-content: center;
}
.similar-product-category {
    font: 16px Panton, Panton-Trial, sans-serif;
    color: #000;
}

.similar-product-name {
    font: 700 20px Panton, Panton-Trial, sans-serif;
    color: #000;
}

.similar-product-specs {
    gap: 7px 34px;
    width: 254px;
	flex-direction: column;
}

.similar-spec-text {
    font: 16px Panton, Panton-Trial, sans-serif;
    color: #000;
}

.similar-divider {
    width: 237px;
    background: #c7c4c4;
}

.similar-current-price {
    font: 800 24px Panton, sans-serif;
    color: #000;
}

.similar-discount-badge {
    padding: 6px 12px;
    border-radius: 5px;
    font: 14px Panton, sans-serif;
    background: #1eb83d;
    color: #fff;
}

.similar-view-button {
    height: 59px;
    border-radius: 100px;
    font: 700 20px Panton, Panton-Trial, sans-serif;
    background: #79c8ec;
    color: #fff;
    transition: .3s ease;
	    border: 2px solid #79c8ec;
}

.similar-view-button:hover {
    background: 0 0;
    border: 2px solid #5bcaf0;
    color: #5bcaf0;
}

.swiper-button-prev,
.swiper-button-next {
    color: #79c8ec;
}

.swiper-pagination-bullet-active {
    background: #79c8ec;
}

.similar-products-section .swiper-slide {
    height: auto;
    padding: 15px;
	display: flex;
}

.similar-price-svg {
    margin-right: 18px;
}


/* SPECIALIST CALL */


.specialist-call-section {
    background-color: #79C8EC;
    border-radius: 20px;
    padding: 25px 0px 25px 41px !important;
}

.specialist-section-title {
    font: 700 24px Panton, Panton-Trial, sans-serif;
    color: #fff;
}

.specialist-section-description {
    font: 400 16px Panton, Panton-Trial, sans-serif;
    color: #000;
}

.specialist-form-container {
    border-radius: 20px 0 0 20px;
    background-color: #f8f9fa;
}

.specialist-phone-input,
.specialist-name-input {
    height: 50px;
    font: 300 20px Panton, sans-serif;
    border-radius: 5px;
}

#termsCheck {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    margin-left: 13px;
    margin-top: 24px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.specialist-call-section .custom-checkbox {
    display: flex;
    min-width: 24px;
    width: 24px;
    height: 24px;
    border: 2px solid #333333;
    border-radius: 50%;
    margin-right: 10px;
    cursor: pointer;
}

#termsCheck:checked + .form-check-label .custom-checkbox {
    background: url("/local/templates/spabass.v2/components/bitrix/catalog/spabass/bitrix/catalog.element/new/./img/checkbox.svg") no-repeat center; 
  }

.form-check-label {
    font: 400 14px Panton, Panton-Trial, sans-serif;
    color: #000;
    display: flex;
}

.form-check-label a {
    text-decoration: underline;
    color: #000;
}
a.btnn{
	display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
a.btnn:hover {
    text-decoration: none;
}
.btnn-primary {
    width: 100%;
    max-width: 357px;
    height: 59px;
    font: 700 20px Panton, Panton-Trial, sans-serif;
    background: #79c8ec;
    border-radius: 100px;
	    color: #fff;
}

.specialist-call-section .btnn-primary {
    transition: .3s ease;
}

.specialist-call-section .btnn-primary:hover {
    background: 0 0;
    border: 2px solid #5bcaf0 !important;
    color: #5bcaf0;
}

.pl-lg-5 {
    padding-right: 0!important;;
}

.form-row {
    gap: 20px;
}

.d-flex.align-items-start {
    gap: 10px;
}


/* HEADER */

#header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 777;
}

#header.scroll {
    background: rgba(38, 38, 38, .7);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    -webkit-box-shadow: 0 0 15px rgba(38, 38, 38, .7);
            box-shadow: 0 0 15px rgba(38, 38, 38, .7);
}

#header.scroll .bottom-header-row {
    padding: 0;
    max-height: 0;
    overflow: hidden;
}

#header.scroll .header-center .logo-wrap {
    position: relative;
    bottom: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0);
    text-align: center;
}

#header.scroll .header-center .logo-wrap img {
    max-width: 100px;
}

#header.scroll .top-header-row::after,
#header.scroll .top-header-row::before {
    height: 0;
}

@media (max-width:767.98px) {
    #header.scroll .row {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    }

    #header.scroll .top-header-row {
        padding-top: 15px;
    }

    #header.scroll .header-left {
        -ms-flex-preferred-size: 60px;
            flex-basis: 60px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    }

    #header.scroll .header-center {
        -ms-flex-preferred-size: 110px;
            flex-basis: 110px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
        position: absolute;
        width: 90px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    }

    #header.scroll .header-center .logo-wrap .logo-link {
        margin-bottom: 0;
    }

    #header.scroll .header-center .logo-wrap .phone {
        display: none;
    }

    #header.scroll .header-right {
        -ms-flex-preferred-size: 120px;
            flex-basis: 120px;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    }
}

#header .top-header-row {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
}

#header .top-header-row::after,
#header .top-header-row::before {
    background: #15b3ea;
    position: absolute;
    content: '';
    bottom: 0;
    width: 100%;
    z-index: 10;
    display: block;
    height: 1px;
}

@media (max-width:767.98px) {

    #header .top-header-row::after,
    #header .top-header-row::before {
        content: none;
    }
}

#header .top-header-row::after {
    right: calc(50% + 95px);
}

#header .top-header-row::before {
    left: calc(50% + 95px);
}

#header .bottom-header-row {
    padding-top: 27px;
    padding-bottom: 27px;
    font-size: 18px;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

@media (max-width:1199.98px) {
    #header .bottom-header-row {
        font-size: 14px;
    }
}

@media (max-width:991.98px) {
    #header .bottom-header-row {
        font-size: 12px;
    }
}

@media (max-width:767.98px) {
    #header .bottom-header-row {
        font-size: 14px;
    }
}

#header .bottom-header-row .container>.row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

#header .bottom-header-row .col {
    -ms-flex-preferred-size: calc(50% - 95px);
        flex-basis: calc(50% - 95px);
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
        flex-grow: 0;
}

#header .bottom-header-row .col:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: flex-end;
}

#header .bottom-header-row .header-address {
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}

#header .bottom-header-row .header-address .address-link {
    color: #fff;
}

#header .bottom-header-row .header-address .address-link svg {
    position: relative;
    top: -1px;
}

#header .bottom-header-row .header-address .address-link span {
    padding-left: 10px;
    font-weight: 400;
    letter-spacing: .1em;
}

#header .bottom-header-row .call-back-link,
#header .bottom-header-row .email-link {
    padding-left: .725em;
    padding-right: .725em;
    color: #fff;
    font-weight: 400;
    letter-spacing: .1em;
}

#header .bottom-header-row .call-back-link:hover,
#header .bottom-header-row .email-link:hover {
    color: #15b3ea;
}

#header .bottom-header-row .call-back-link span,
#header .bottom-header-row .email-link span {
    padding-left: 10px;
}

@media (max-width:991.98px) {
    #header .bottom-header-row .call-back-link span {
        padding-left: 0;
    }
}

#header .bottom-header-row .call-back-link svg,
#header .bottom-header-row .email-link svg {
    position: relative;
    top: -1px;
}

#header .bottom-header-row .call-back-link {
    margin-right: 40px;
}

@media (max-width:991.98px) {
    #header .bottom-header-row .call-back-link {
        margin-right: 0px;
    }
}

@media (max-width:767.98px) {
    #header .bottom-header-row {
        display: none;
    }
}

#header .header-center,
#header .header-left,
#header .header-right {
    padding-left: 0;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-preferred-size: 190px;
        flex-basis: 190px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
        flex-grow: 0;
    font-size: 18px;
}

@media (max-width:991.98px) {

    #header .header-center,
    #header .header-left,
    #header .header-right {
        font-size: 14px;
    }
}

@media (max-width:1199.98px) {

    #header .header-center,
    #header .header-left,
    #header .header-right {
        font-size: 14px;
    }
}

#header .phone-link {
    color: #fff;
    font-weight: 600;
    letter-spacing: .1em;
}

#header .phone-link span {
    padding-left: 10px;
}

#header .phone-link:hover {
    text-decoration: none;
    color: #15b3ea;
}

#header .phone-link:hover span {
    text-decoration: underline;
}

#header .header-left,
#header .header-right {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-preferred-size: calc(50% - 95px);
        flex-basis: calc(50% - 95px);
}

@media (max-width:767.98px) {

    #header .header-left,
    #header .header-right {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    }
}

@media (max-width:991.98px) {

    #header .header-left,
    #header .header-right {
        -ms-flex-preferred-size: calc(50% - 65px);
            flex-basis: calc(50% - 65px);
    }
}

@media (max-width:767.98px) {
    #header .header-left {
        padding-left: 15px;
    }
}

@media (max-width:767.98px) {
    #header .header-right {
        padding-right: 15px;
    }
}

#header .header-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
    position: relative;
}

@media (max-width:991.98px) {
    #header .header-center {
        -ms-flex-preferred-size: 100px;
            flex-basis: 100px;
    }
}

#header .header-center .logo-wrap {
    position: absolute;
    display: block;
    left: 0;
    bottom: -15px;
    width: 100%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
        transform: translateY(50%);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    text-align: center;
}

#header .header-center .logo-wrap img {
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

#header .header-center .logo-wrap .phone {
    display: none;
}

@media (max-width:767.98px) {
    #header .header-center .logo-wrap {
        position: relative;
        bottom: auto;
        -webkit-transform: none;
        -ms-transform: none;
            transform: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    }

    #header .header-center .logo-wrap .logo-link {
        display: inline-block;
        margin-bottom: 15px;
    }

    #header .header-center .logo-wrap .phone {
        display: inline-block;
        color: #fff;
    }

    #header .header-center .logo-wrap .phone span {
        display: inline-block;
        margin-left: 10px;
    }
}

@media (max-width:767.98px) {
    #header .header-center {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }
}

#header .menu-button-wrap .menu-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    padding: 10px;
    width: 60px;
    height: 60px;
    background: 0 0;
    border: 0;
    color: #fff;
}

#header .menu-button-wrap .menu-button:hover {
    color: #15b3ea;
}

#header .menu-button-wrap .menu-button:active,
#header .menu-button-wrap .menu-button:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 0;
    outline: 0;
}

@media (max-width:991.98px) {
    #header .menu-button-wrap .menu-button {
        width: 40px;
        height: 40px;
    }
}

@media (max-width:767.98px) {
    #header .menu-button-wrap .menu-button {
        display: none;
    }
}

#header .menu-button-wrap .menu-button.mobile {
    display: none;
}

@media (max-width:767.98px) {
    #header .menu-button-wrap .menu-button.mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

#header .header-right .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}

#header .header-right .wrapper .message-block {
    padding-left: 35px;
}

@media (max-width:991.98px) {
    #header .header-right .wrapper .message-block {
        padding-left: 15px;
    }
}

@media (max-width:767.98px) {
    #header .header-right .wrapper .message-block {
        display: none;
    }
}

@media (max-width:767.98px) {
    #header .header-right .wrapper span {
        display: none;
    }

    #header .header-right .wrapper .phone-link {
        padding: 15px;
    }
}

#header .header-right .search-wrap {
    position: relative;
}

#header .header-right .search-wrap .search-button {
    padding: 1em;
    color: #fff;
}

#header .header-right .search-wrap .search-button:hover {
    color: #15b3ea;
}

@media (max-width:991.98px) {
    #header .header-right .search-wrap .search-button {
        padding: .5em;
    }
}

@media (max-width:767.98px) {
    #header .header-right .search-wrap {
        display: none;
    }
}

@media (max-width:767.98px) {
    #header .header-right {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    }
}

#header .message-link {
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    display: inline-block;
}

#header .message-link:hover {
    color: #15b3ea;
}

#header .second-menu {
    position: relative;
    font-size: 18px;
}

@media (max-width:767.98px) {
    #header .second-menu {
        display: none;
    }
}

@media (max-width:991.98px) {
    #header .second-menu {
        font-size: 14px;
    }
}

@media (max-width:1199.98px) {
    #header .second-menu {
        font-size: 14px;
    }
}

#header .second-menu .menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

#header .second-menu .menu-link {
    padding-left: .5em;
    padding-right: .5em;
    color: #fff;
}

#header .second-menu .menu-link:hover {
    color: #15b3ea;
}

@media (max-width:991.98px) {
    #header .second-menu .menu-link {
        padding-left: .5em;
        padding-right: .5em;
    }
}

#header .basket-wrap {
    position: relative;
}

#header .basket-wrap .basket-link {
    padding: .725em;
    display: inline-block;
    position: relative;
    color: #fff;
}

#header .basket-wrap .basket-link .mark {
    background: #5bcaf0;
    position: absolute;
    right: 9px;
    top: 9px;
    display: inline-block;
    padding: 2px 4px;
    font-size: 8px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

#header .basket-wrap .basket-link:hover {
    color: #15b3ea;
}

#header .basket-wrap .basket-link:hover .mark {
    background: #ccc;
    border-color: #15b3ea;
    color: #15b3ea;
}

@media (max-width:767.98px) {
    #header .basket-wrap {
        margin-right: 10px;
    }
}

/* SEACRH BLOCK */

.search-block {
    position: relative;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    margin-bottom: 0;
}

.search-block .header-search-block {
    position: relative;
    border-bottom: 1px solid #fff;
}

.search-block .search-input {
    background: 0 0;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: .05em;
    -webkit-font-feature-settings: 'tnum'on, 'lnum'on, 'case'on;
            font-feature-settings: 'tnum'on, 'lnum'on, 'case'on;
    color: #fff;
    border: none;
    border-radius: none;
}

.search-block .search-input::-webkit-input-placeholder {
    color: #fff;
}

.search-block .search-input::-moz-placeholder {
    color: #fff;
}

.search-block .search-input:-ms-input-placeholder {
    color: #fff;
}

.search-block .search-input::-ms-input-placeholder {
    color: #fff;
}

.search-block .search-input::placeholder {
    color: #fff;
}

.search-block .search-btnn {
    background: url(/local/templates/spabass.v2/css/../img/search.svg) no-repeat 50% 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    width: 24px;
    height: 24px;
    right: 5px;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}


/* MAIN MENU */

.main-menu {
    position: fixed;
    width: 425px;
    top: 90px;
    left: -1000px;
    z-index: 9999;
    background: rgba(38, 38, 38, .7);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

@media (max-width:767.98px) {
    .main-menu {
        display: none;
    }
}

.main-menu .menu-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.main-menu .menu-list .menu-item {
    position: relative;
}

.main-menu .menu-list .menu-item:hover>.menu-link {
    background: #5bcaf0;
    text-decoration: none;
    color: #262626;
}

.main-menu .menu-list .menu-item:hover>.menu-link .arrow {
    background: url(/local/templates/spabass.v2/css/../img/arrow.svg);
}

.main-menu .menu-list .menu-link {
    font: normal bold 14px/150% Panton, sans-serif;
    padding: 18px;
    padding-right: 80px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    letter-spacing: .15em;
    text-transform: uppercase;
    -webkit-font-feature-settings: 'tnum'on, 'lnum'on, 'case'on;
            font-feature-settings: 'tnum'on, 'lnum'on, 'case'on;
    color: #fff;
}

.main-menu .menu-list .menu-link .text {
    display: inline-block;
}

.main-menu .menu-list .menu-link .flag {
    margin-right: 20px;
}

.main-menu .menu-list .arrow {
    background: url(/local/templates/spabass.v2/css/../img/arrow-white.svg) no-repeat 100% 0/auto;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 45px;
    height: 8px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    color: #fff;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.main-menu .menu-item:hover .dropdown-menu {
    top: -100%;
    left: 100%;
    display: block;
    border-radius: 0;
    border: 0;
    background: 0 0;
    background: rgba(38, 38, 38, .95);
}

.main-menu .menu-item:hover .dropdown-item {
    padding: 0;
}

.main-menu .menu-item:hover .dropdown-item .menu-link {
    padding-right: 18px;
}

.main-menu .menu-item:first-child .dropdown-menu {
    top: 0;
}

.main-menu .menu-item:last-child .dropdown-menu {
    top: -150px;
}

.mobile-menu {
    position: fixed;
    top: -500vh;
    left: 0;
    right: 0;
    height: 100%;
    min-height: 100%;
    z-index: 9999;
    padding: 20px;
    background: rgba(38, 38, 38, .7);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.mobile-menu .title-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    padding-right: 35px;
    margin-bottom: 40px;
}

.mobile-menu .title {
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: .15em;
    color: #fff;
    text-transform: uppercase;
}

.mobile-menu .icon {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 0;
    top: 0;
}

.mobile-menu .icon svg {
    -webkit-transition: .6s ease;
    -o-transition: .6s ease;
    transition: .6s ease;
}

.mobile-menu .icon:focus svg,
.mobile-menu .icon:hover svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
        transform: rotate(180deg);
}

.mobile-menu .menu-list {
    position: relative;
    padding: 0;
    margin: 0 -20px;
    list-style: none;
    -webkit-transition: .3s ease left;
    -o-transition: .3s ease left;
    transition: .3s ease left;
}

.mobile-menu .main-mobile-menu .menu-list:not(.level-1) {
    position: absolute;
    top: 86px;
    width: 100%;
    left: 100vw;
    margin: 0;
}

.mobile-menu .main-mobile-menu .menu-list:not(.level-1) .menu-item:first-child .menu-link {
    padding-left: 60px;
    padding-right: 20px;
}

.mobile-menu .main-mobile-menu .menu-list:not(.level-1) .menu-item:first-child .arrow {
    left: 20px;
    right: auto;
    width: 25px;
    -webkit-transform: rotate(-180deg) translateY(50%);
    -ms-transform: rotate(-180deg) translateY(50%);
        transform: rotate(-180deg) translateY(50%);
}

.mobile-menu .main-mobile-menu .menu-list:not(.level-1) .menu-item:first-child:hover>.menu-link {
    background: #15b3ea;
    text-decoration: none;
    color: #262626;
}

.mobile-menu .main-mobile-menu .menu-list:not(.level-1) .menu-item:first-child:hover>.menu-link .arrow {
    background: url(/local/templates/spabass.v2/css/../img/arrow.svg) no-repeat 100% 0/auto;
}

.mobile-menu .menu-item {
    padding: 0;
    margin: 0;
    position: relative;
}

.mobile-menu .menu-item:hover>.menu-link {
    background: #15b3ea;
    text-decoration: none;
    color: #262626;
}

.mobile-menu .menu-item:hover>.menu-link .arrow {
    background: url(/local/templates/spabass.v2/css/../img/arrow.svg) no-repeat 100% 0/auto;
}

.mobile-menu .menu-item .menu-list {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 0;
}

.mobile-menu .menu-link {
    font: normal bold 14px/150% Panton, sans-serif;
    padding: 18px 20px;
    padding-right: 80px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    letter-spacing: .15em;
    text-transform: uppercase;
    -webkit-font-feature-settings: 'tnum'on, 'lnum'on, 'case'on;
            font-feature-settings: 'tnum'on, 'lnum'on, 'case'on;
    color: #fff;
}

.mobile-menu .menu-link>.flag {
    margin-right: 15px;
}

.mobile-menu .arrow {
    background: url(/local/templates/spabass.v2/css/../img/arrow-white.svg) no-repeat 100% 0/auto;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 45px;
    height: 8px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    color: #fff;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.mobile-menu .sub-mobile-menu {
    margin-top: 40px;
}

.mobile-menu .sub-mobile-menu .menu-list {
    padding-top: 40px;
    border-top: 1px solid #fff;
}

.mobile-menu .message-block {
    margin-top: 15px;
    margin-left: -5px;
    margin-right: -5px;
}

.mobile-menu .message-link {
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
}

.mobile-menu .message-link:hover {
    color: #15b3ea;
}

/* Исправление ошибко в шаблоне */
#header .second-menu .menu-list {
    overflow: hidden;
}

.main-menu {
    top: 100px;
}

.main-menu .menu-list::-webkit-scrollbar,
.main-menu .menu-item .dropdown-menu ul::-webkit-scrollbar {
    width: 5px;
    background-color: #f9f9fd;
}

.main-menu .menu-list::-webkit-scrollbar-thumb,
.main-menu .menu-item .dropdown-menu ul::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #5bcaf0;
}

.main-menu .menu-list::-webkit-scrollbar-track,
.main-menu .menu-item .dropdown-menu ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    border-radius: 5px;
    background-color: #f9f9fd;
}

.main-menu > .menu-list {
    direction: rtl;
    overflow-y: scroll;
}

.main-menu .menu-list .menu-item {
    direction: ltr;
}

.main-menu .menu-item .dropdown-menu {
    overflow: hidden;
}

.main-menu .menu-item .dropdown-menu ul {
    padding: 0;
    width: 100%;
    background: transparent;
    max-height: 100%;
    overflow-y: scroll;
}

.main-mobile-menu > .menu-list {
    overflow: hidden;
}

.sub-mobile-menu > .menu-list {
    overflow: hidden;
}

.main-menu {
    background: none;
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
}

.main-menu .menu-list::before,
.menu-list .dropdown-menu::before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(38,38,38,.7);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.main-menu .menu-item:hover .dropdown-menu {
    background: none;
}



/* FOOTER */

footer {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #262626;
    color: #fafafa;
    font-size: 16px;
}

@media (max-width:767.98px) {
    footer {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    footer .logo-wrap {
        text-align: center;
    }
}

footer .logo {
    height: 95px;
    margin-bottom: 20px;
    text-align: left;
}

footer .organization {
    font: normal normal 10px/140% Panton, sans-serif;
    color: #fafafa;
    letter-spacing: .05em;
    -webkit-font-feature-settings: "tnum"on, "lnum"on, "case"on;
            font-feature-settings: "tnum"on, "lnum"on, "case"on;
}

@media (max-width:767.98px) {
    footer .organization {
        text-align: center;
    }
}

footer .title {
    margin-bottom: 20px;
    color: #fafafa;
}

footer .footer-menu {
    padding-left: 0;
    margin: 0;
    list-style: none;
}

footer .footer-menu .menu-item {
    margin-bottom: 5px;
}

footer .footer-menu .menu-item .link {
    font: normal 600 14px/150% Panton, sans-serif;
    color: #fafafa;
    opacity: .5;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

footer .footer-menu .menu-item .link:hover {
    opacity: 1;
    color: #15b3ea;
}

footer .callback,
footer .phone {
    font: normal 600 14px/150% Panton, sans-serif;
    color: #fafafa;
    -webkit-transition: .3s ease color;
    -o-transition: .3s ease color;
    transition: .3s ease color;
}

footer .callback:hover,
footer .phone:hover {
    color: #15b3ea;
}

footer .social-block {
    margin: 0;
    margin-top: 15px;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}

footer .social-block .social-item .social-link {
    background: #fafafa;
    position: relative;
    z-index: 1;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    display: inline-block;
    border-radius: 50%;
    -webkit-transition: .3s ease backgroud;
    -o-transition: .3s ease backgroud;
    transition: .3s ease backgroud;
}

footer .social-block .social-item .social-link:hover {
    background: #15b3ea;
}

footer .social-block .social-item .social-link::before {
    position: absolute;
    z-index: 2;
    content: '';
    display: block;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}

footer .social-block .social-item .social-link.telegram::before {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iQm9sZCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTkuNDE3IDE1LjE4MS0uMzk3IDUuNTg0Yy41NjggMCAuODE0LS4yNDQgMS4xMDktLjUzN2wyLjY2My0yLjU0NSA1LjUxOCA0LjA0MWMxLjAxMi41NjQgMS43MjUuMjY3IDEuOTk4LS45MzFsMy42MjItMTYuOTcyLjAwMS0uMDAxYy4zMjEtMS40OTYtLjU0MS0yLjA4MS0xLjUyNy0xLjcxNGwtMjEuMjkgOC4xNTFjLTEuNDUzLjU2NC0xLjQzMSAxLjM3NC0uMjQ3IDEuNzQxbDUuNDQzIDEuNjkzIDEyLjY0My03LjkxMWMuNTk1LS4zOTQgMS4xMzYtLjE3Ni42OTEuMjE4eiIvPjwvc3ZnPg==) no-repeat 50% 50%/contain;
    left: calc(50% - 1px);
    opacity: .8;
}

footer .social-block .social-item .social-link.whatsapp::before {
    background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjY4MnB0IiB2aWV3Qm94PSItMjMgLTIxIDY4MiA2ODIuNjY2NjkiIHdpZHRoPSI2ODJwdCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNTQ0LjM4NjcxOSA5My4wMDc4MTJjLTU5Ljg3NS01OS45NDUzMTItMTM5LjUwMzkwNy05Mi45NzI2NTU4LTIyNC4zMzU5MzgtOTMuMDA3ODEyLTE3NC44MDQ2ODcgMC0zMTcuMDcwMzEyIDE0Mi4yNjE3MTktMzE3LjE0MDYyNSAzMTcuMTEzMjgxLS4wMjM0MzcgNTUuODk0NTMxIDE0LjU3ODEyNSAxMTAuNDU3MDMxIDQyLjMzMjAzMiAxNTguNTUwNzgxbC00NC45OTIxODggMTY0LjMzNTkzOCAxNjguMTIxMDk0LTQ0LjEwMTU2MmM0Ni4zMjQyMTggMjUuMjY5NTMxIDk4LjQ3NjU2MiAzOC41ODU5MzcgMTUxLjU1MDc4MSAzOC42MDE1NjJoLjEzMjgxM2MxNzQuNzg1MTU2IDAgMzE3LjA2NjQwNi0xNDIuMjczNDM4IDMxNy4xMzI4MTItMzE3LjEzMjgxMi4wMzUxNTYtODQuNzQyMTg4LTMyLjkyMTg3NS0xNjQuNDE3OTY5LTkyLjgwMDc4MS0yMjQuMzU5Mzc2em0tMjI0LjMzNTkzOCA0ODcuOTMzNTk0aC0uMTA5Mzc1Yy00Ny4yOTY4NzUtLjAxOTUzMS05My42ODM1OTQtMTIuNzMwNDY4LTEzNC4xNjAxNTYtMzYuNzQyMTg3bC05LjYyMTA5NC01LjcxNDg0NC05OS43NjU2MjUgMjYuMTcxODc1IDI2LjYyODkwNy05Ny4yNjk1MzEtNi4yNjk1MzItOS45NzI2NTdjLTI2LjM4NjcxOC00MS45Njg3NS00MC4zMjAzMTItOTAuNDc2NTYyLTQwLjI5Njg3NS0xNDAuMjgxMjUuMDU0Njg4LTE0NS4zMzIwMzEgMTE4LjMwNDY4OC0yNjMuNTcwMzEyIDI2My42OTkyMTktMjYzLjU3MDMxMiA3MC40MDYyNS4wMjM0MzggMTM2LjU4OTg0NCAyNy40NzY1NjIgMTg2LjM1NTQ2OSA3Ny4zMDA3ODFzNzcuMTU2MjUgMTE2LjA1MDc4MSA3Ny4xMzI4MTIgMTg2LjQ4NDM3NWMtLjA2MjUgMTQ1LjM0Mzc1LTExOC4zMDQ2ODcgMjYzLjU5Mzc1LTI2My41OTM3NSAyNjMuNTkzNzV6bTE0NC41ODU5MzgtMTk3LjQxNzk2OGMtNy45MjE4NzUtMy45Njg3NS00Ni44ODI4MTMtMjMuMTMyODEzLTU0LjE0ODQzOC0yNS43ODEyNS03LjI1NzgxMi0yLjY0NDUzMi0xMi41NDY4NzUtMy45NjA5MzgtMTcuODI0MjE5IDMuOTY4NzUtNS4yODUxNTYgNy45Mjk2ODctMjAuNDY4NzUgMjUuNzgxMjUtMjUuMDkzNzUgMzEuMDY2NDA2LTQuNjI1IDUuMjg5MDYyLTkuMjQyMTg3IDUuOTUzMTI1LTE3LjE2Nzk2OCAxLjk4NDM3NS03LjkyNTc4Mi0zLjk2NDg0NC0zMy40NTcwMzItMTIuMzM1OTM4LTYzLjcyNjU2My0zOS4zMzIwMzEtMjMuNTU0Njg3LTIxLjAxMTcxOS0zOS40NTcwMzEtNDYuOTYwOTM4LTQ0LjA4MjAzMS01NC44OTA2MjYtNC42MTcxODgtNy45Mzc1LS4wMzkwNjItMTEuODEyNSAzLjQ3NjU2Mi0xNi4xNzE4NzQgOC41NzgxMjYtMTAuNjUyMzQ0IDE3LjE2Nzk2OS0yMS44MjAzMTMgMTkuODA4NTk0LTI3LjEwNTQ2OSAyLjY0NDUzMi01LjI4OTA2MyAxLjMyMDMxMy05LjkxNzk2OS0uNjY0MDYyLTEzLjg4MjgxMy0xLjk3NjU2My0zLjk2NDg0NC0xNy44MjQyMTktNDIuOTY4NzUtMjQuNDI1NzgyLTU4LjgzOTg0NC02LjQzNzUtMTUuNDQ1MzEyLTEyLjk2NDg0My0xMy4zNTkzNzQtMTcuODMyMDMxLTEzLjYwMTU2Mi00LjYxNzE4Ny0uMjMwNDY5LTkuOTAyMzQzLS4yNzczNDQtMTUuMTg3NS0uMjc3MzQ0LTUuMjgxMjUgMC0xMy44NjcxODcgMS45ODA0NjktMjEuMTMyODEyIDkuOTE3OTY5LTcuMjYxNzE5IDcuOTMzNTk0LTI3LjczMDQ2OSAyNy4xMDE1NjMtMjcuNzMwNDY5IDY2LjEwNTQ2OXMyOC4zOTQ1MzEgNzYuNjgzNTk0IDMyLjM1NTQ2OSA4MS45NzI2NTZjMy45NjA5MzcgNS4yODkwNjIgNTUuODc4OTA2IDg1LjMyODEyNSAxMzUuMzY3MTg3IDExOS42NDg0MzggMTguOTA2MjUgOC4xNzE4NzQgMzMuNjY0MDYzIDEzLjA0Mjk2OCA0NS4xNzU3ODIgMTYuNjk1MzEyIDE4Ljk4NDM3NCA2LjAzMTI1IDM2LjI1MzkwNiA1LjE3OTY4OCA0OS45MTAxNTYgMy4xNDA2MjUgMTUuMjI2NTYyLTIuMjc3MzQ0IDQ2Ljg3ODkwNi0xOS4xNzE4NzUgNTMuNDg4MjgxLTM3LjY3OTY4NyA2LjYwMTU2My0xOC41MTE3MTkgNi42MDE1NjMtMzQuMzc1IDQuNjE3MTg3LTM3LjY4MzU5NC0xLjk3NjU2Mi0zLjMwNDY4OC03LjI2MTcxOC01LjI4NTE1Ni0xNS4xODM1OTMtOS4yNTM5MDZ6bTAgMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat 50% 50%/contain;
    opacity: .8;
}

footer .social-block .social-item .social-link.vk::before {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iQm9sZCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE5LjkxNSAxMy4wMjhjLS4zODgtLjQ5LS4yNzctLjcwOCAwLTEuMTQ2LjAwNS0uMDA1IDMuMjA4LTQuNDMxIDMuNTM4LTUuOTMybC4wMDItLjAwMWMuMTY0LS41NDcgMC0uOTQ5LS43OTMtLjk0OWgtMi42MjRjLS42NjggMC0uOTc2LjM0NS0xLjE0MS43MzEgMCAwLTEuMzM2IDMuMTk4LTMuMjI2IDUuMjcxLS42MS41OTktLjg5Mi43OTEtMS4yMjUuNzkxLS4xNjQgMC0uNDE5LS4xOTItLjQxOS0uNzM5di01LjEwNWMwLS42NTYtLjE4Ny0uOTQ5LS43NC0uOTQ5aC00LjEyNmMtLjQxOSAwLS42NjguMzA2LS42NjguNTkxIDAgLjYyMi45NDUuNzY1IDEuMDQzIDIuNTE1djMuNzk3YzAgLjgzMi0uMTUxLjk4NS0uNDg2Ljk4NS0uODkyIDAtMy4wNTctMy4yMTEtNC4zNC02Ljg4Ni0uMjU5LS43MTMtLjUxMi0xLjAwMS0xLjE4NS0xLjAwMWgtMi42MjVjLS43NDkgMC0uOS4zNDUtLjkuNzMxIDAgLjY4Mi44OTIgNC4wNzMgNC4xNDggOC41NTMgMi4xNyAzLjA1OCA1LjIyNiA0LjcxNSA4LjAwNiA0LjcxNSAxLjY3MSAwIDEuODc1LS4zNjggMS44NzUtMS4wMDEgMC0yLjkyMi0uMTUxLTMuMTk4LjY4Ni0zLjE5OC4zODggMCAxLjA1Ni4xOTIgMi42MTYgMS42NjcgMS43ODMgMS43NDkgMi4wNzYgMi41MzIgMy4wNzQgMi41MzJoMi42MjRjLjc0OCAwIDEuMTI3LS4zNjguOTA5LTEuMDk0LS40OTktMS41MjctMy44NzEtNC42NjgtNC4wMjMtNC44Nzh6Ii8+PC9zdmc+) no-repeat 50% 50%/contain;
    left: calc(50% - 1px);
    opacity: .8;
}

footer .social-block .social-item .social-link.ok::before {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iQm9sZCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuNzIxIDEyLjg4MWMtLjYxMyAxLjIwNS4wODMgMS43ODEgMS42NzEgMi43NjUgMS4zNS44MzQgMy4yMTUgMS4xMzkgNC40MTMgMS4yNjEtLjQ5MS40NzIgMS43NTktMS42OTItNC43MjEgNC41NDEtMS4zNzQgMS4zMTcuODM4IDMuNDMgMi4yMTEgMi4xNDFsMy43MTctMy41ODVjMS40MjMgMS4zNjkgMi43ODcgMi42ODEgMy43MTcgMy41OSAxLjM3NCAxLjI5NCAzLjU4NS0uODAxIDIuMjI2LTIuMTQxLS4xMDItLjA5Ny01LjAzNy00LjgzMS00LjczNi00LjU0MSAxLjIxMy0uMTIyIDMuMDUtLjQ0NSA0LjM4NC0xLjI2MWwtLjAwMS0uMDAxYzEuNTg4LS45ODkgMi4yODQtMS41NjQgMS42OC0yLjc2OS0uMzY1LS42ODQtMS4zNDktMS4yNTYtMi42NTktLjI2NyAwIDAtMS43NjkgMS4zNTUtNC42MjIgMS4zNTUtMi44NTQgMC00LjYyMi0xLjM1NS00LjYyMi0xLjM1NS0xLjMwOS0uOTk0LTIuMjk3LS40MTctMi42NTguMjY3eiIvPjxwYXRoIGQ9Im0xMS45OTkgMTIuMTQyYzMuNDc4IDAgNi4zMTgtMi43MTggNi4zMTgtNi4wNjQgMC0zLjM2LTIuODQtNi4wNzgtNi4zMTgtNi4wNzgtMy40NzkgMC02LjMxOSAyLjcxOC02LjMxOSA2LjA3OCAwIDMuMzQ2IDIuODQgNi4wNjQgNi4zMTkgNi4wNjR6bTAtOS4wNjNjMS43MDkgMCAzLjEwMyAxLjM0MSAzLjEwMyAyLjk5OSAwIDEuNjQ0LTEuMzk0IDIuOTg1LTMuMTAzIDIuOTg1cy0zLjEwMy0xLjM0MS0zLjEwMy0yLjk4NWMtLjAwMS0xLjY1OSAxLjM5My0yLjk5OSAzLjEwMy0yLjk5OXoiLz48L3N2Zz4=) no-repeat 50% 50%/contain;
    opacity: .8;
}

footer .social-block .social-item .social-link.instagram::before {
    background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUxMXB0IiB2aWV3Qm94PSIwIDAgNTExIDUxMS45IiB3aWR0aD0iNTExcHQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTUxMC45NDkyMTkgMTUwLjVjLTEuMTk5MjE5LTI3LjE5OTIxOS01LjU5NzY1Ny00NS44OTg0MzgtMTEuODk4NDM4LTYyLjEwMTU2Mi02LjUtMTcuMTk5MjE5LTE2LjUtMzIuNTk3NjU3LTI5LjYwMTU2Mi00NS4zOTg0MzgtMTIuODAwNzgxLTEzLTI4LjMwMDc4MS0yMy4xMDE1NjItNDUuMzAwNzgxLTI5LjUtMTYuMjk2ODc2LTYuMzAwNzgxLTM0Ljg5ODQzOC0xMC42OTkyMTktNjIuMDk3NjU3LTExLjg5ODQzOC0yNy40MDIzNDMtMS4zMDA3ODEtMzYuMTAxNTYyLTEuNjAxNTYyLTEwNS42MDE1NjItMS42MDE1NjJzLTc4LjE5OTIxOS4zMDA3ODEtMTA1LjUgMS41Yy0yNy4xOTkyMTkgMS4xOTkyMTktNDUuODk4NDM4IDUuNjAxNTYyLTYyLjA5NzY1NyAxMS44OTg0MzgtMTcuMjAzMTI0IDYuNS0zMi42MDE1NjIgMTYuNS00NS40MDIzNDMgMjkuNjAxNTYyLTEzIDEyLjgwMDc4MS0yMy4wOTc2NTcgMjguMzAwNzgxLTI5LjUgNDUuMzAwNzgxLTYuMzAwNzgxIDE2LjMwMDc4MS0xMC42OTkyMTkgMzQuODk4NDM4LTExLjg5ODQzOCA2Mi4wOTc2NTctMS4zMDA3ODEgMjcuNDAyMzQzLTEuNjAxNTYyIDM2LjEwMTU2Mi0xLjYwMTU2MiAxMDUuNjAxNTYycy4zMDA3ODEgNzguMTk5MjE5IDEuNSAxMDUuNWMxLjE5OTIxOSAyNy4xOTkyMTkgNS42MDE1NjIgNDUuODk4NDM4IDExLjkwMjM0MyA2Mi4xMDE1NjIgNi41IDE3LjE5OTIxOSAxNi41OTc2NTcgMzIuNTk3NjU3IDI5LjU5NzY1NyA0NS4zOTg0MzggMTIuODAwNzgxIDEzIDI4LjMwMDc4MSAyMy4xMDE1NjIgNDUuMzAwNzgxIDI5LjUgMTYuMzAwNzgxIDYuMzAwNzgxIDM0Ljg5ODQzOCAxMC42OTkyMTkgNjIuMTAxNTYyIDExLjg5ODQzOCAyNy4yOTY4NzYgMS4yMDMxMjQgMzYgMS41IDEwNS41IDEuNXM3OC4xOTkyMTktLjI5Njg3NiAxMDUuNS0xLjVjMjcuMTk5MjE5LTEuMTk5MjE5IDQ1Ljg5ODQzOC01LjU5NzY1NyA2Mi4wOTc2NTctMTEuODk4NDM4IDM0LjQwMjM0My0xMy4zMDA3ODEgNjEuNjAxNTYyLTQwLjUgNzQuOTAyMzQzLTc0Ljg5ODQzOCA2LjI5Njg3Ni0xNi4zMDA3ODEgMTAuNjk5MjE5LTM0LjkwMjM0MyAxMS44OTg0MzgtNjIuMTAxNTYyIDEuMTk5MjE5LTI3LjMwMDc4MSAxLjUtMzYgMS41LTEwNS41cy0uMTAxNTYyLTc4LjE5OTIxOS0xLjMwMDc4MS0xMDUuNXptLTQ2LjA5NzY1NyAyMDljLTEuMTAxNTYyIDI1LTUuMzAwNzgxIDM4LjUtOC44MDA3ODEgNDcuNS04LjYwMTU2MiAyMi4zMDA3ODEtMjYuMzAwNzgxIDQwLTQ4LjYwMTU2MiA0OC42MDE1NjItOSAzLjUtMjIuNTk3NjU3IDcuNjk5MjE5LTQ3LjUgOC43OTY4NzYtMjcgMS4yMDMxMjQtMzUuMDk3NjU3IDEuNS0xMDMuMzk4NDM4IDEuNXMtNzYuNS0uMjk2ODc2LTEwMy40MDIzNDMtMS41Yy0yNS0xLjA5NzY1Ny0zOC41LTUuMjk2ODc2LTQ3LjUtOC43OTY4NzYtMTEuMDk3NjU3LTQuMTAxNTYyLTIxLjE5OTIxOS0xMC42MDE1NjItMjkuMzk4NDM4LTE5LjEwMTU2Mi04LjUtOC4zMDA3ODEtMTUtMTguMzAwNzgxLTE5LjEwMTU2Mi0yOS4zOTg0MzgtMy41LTktNy42OTkyMTktMjIuNjAxNTYyLTguNzk2ODc2LTQ3LjUtMS4yMDMxMjQtMjctMS41LTM1LjEwMTU2Mi0xLjUtMTAzLjQwMjM0M3MuMjk2ODc2LTc2LjUgMS41LTEwMy4zOTg0MzhjMS4wOTc2NTctMjUgNS4yOTY4NzYtMzguNSA4Ljc5Njg3Ni00Ny41IDQuMTAxNTYyLTExLjEwMTU2MiAxMC42MDE1NjItMjEuMTk5MjE5IDE5LjIwMzEyNC0yOS40MDIzNDMgOC4yOTY4NzYtOC41IDE4LjI5Njg3Ni0xNSAyOS4zOTg0MzgtMTkuMDk3NjU3IDktMy41IDIyLjYwMTU2Mi03LjY5OTIxOSA0Ny41LTguODAwNzgxIDI3LTEuMTk5MjE5IDM1LjEwMTU2Mi0xLjUgMTAzLjM5ODQzOC0xLjUgNjguNDAyMzQzIDAgNzYuNS4zMDA3ODEgMTAzLjQwMjM0MyAxLjUgMjUgMS4xMDE1NjIgMzguNSA1LjMwMDc4MSA0Ny41IDguODAwNzgxIDExLjA5NzY1NyA0LjA5NzY1NyAyMS4xOTkyMTkgMTAuNTk3NjU3IDI5LjM5ODQzOCAxOS4wOTc2NTcgOC41IDguMzAwNzgxIDE1IDE4LjMwMDc4MSAxOS4xMDE1NjIgMjkuNDAyMzQzIDMuNSA5IDcuNjk5MjE5IDIyLjU5NzY1NyA4LjgwMDc4MSA0Ny41IDEuMTk5MjE5IDI3IDEuNSAzNS4wOTc2NTcgMS41IDEwMy4zOTg0MzhzLS4zMDA3ODEgNzYuMzAwNzgxLTEuNSAxMDMuMzAwNzgxem0wIDAiLz48cGF0aCBkPSJtMjU2LjQ0OTIxOSAxMjQuNWMtNzIuNTk3NjU3IDAtMTMxLjUgNTguODk4NDM4LTEzMS41IDEzMS41czU4LjkwMjM0MyAxMzEuNSAxMzEuNSAxMzEuNWM3Mi42MDE1NjIgMCAxMzEuNS01OC44OTg0MzggMTMxLjUtMTMxLjVzLTU4Ljg5ODQzOC0xMzEuNS0xMzEuNS0xMzEuNXptMCAyMTYuODAwNzgxYy00Ny4wOTc2NTcgMC04NS4zMDA3ODEtMzguMTk5MjE5LTg1LjMwMDc4MS04NS4zMDA3ODFzMzguMjAzMTI0LTg1LjMwMDc4MSA4NS4zMDA3ODEtODUuMzAwNzgxYzQ3LjEwMTU2MiAwIDg1LjMwMDc4MSAzOC4xOTkyMTkgODUuMzAwNzgxIDg1LjMwMDc4MXMtMzguMTk5MjE5IDg1LjMwMDc4MS04NS4zMDA3ODEgODUuMzAwNzgxem0wIDAiLz48cGF0aCBkPSJtNDIzLjg1MTU2MiAxMTkuMzAwNzgxYzAgMTYuOTUzMTI1LTEzLjc0NjA5MyAzMC42OTkyMTktMzAuNzAzMTI0IDMwLjY5OTIxOS0xNi45NTMxMjYgMC0zMC42OTkyMTktMTMuNzQ2MDk0LTMwLjY5OTIxOS0zMC42OTkyMTkgMC0xNi45NTcwMzEgMTMuNzQ2MDkzLTMwLjY5OTIxOSAzMC42OTkyMTktMzAuNjk5MjE5IDE2Ljk1NzAzMSAwIDMwLjcwMzEyNCAxMy43NDIxODggMzAuNzAzMTI0IDMwLjY5OTIxOXptMCAwIi8+PC9zdmc+) no-repeat 50% 50%/contain;
    opacity: .8;
}

footer .social-block .social-item .social-link.fb::before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Im0xNS45OTcgMy45ODVoMi4xOTF2LTMuODE2Yy0uMzc4LS4wNTItMS42NzgtLjE2OS0zLjE5Mi0uMTY5LTMuMTU5IDAtNS4zMjMgMS45ODctNS4zMjMgNS42Mzl2My4zNjFoLTMuNDg2djQuMjY2aDMuNDg2djEwLjczNGg0LjI3NHYtMTAuNzMzaDMuMzQ1bC41MzEtNC4yNjZoLTMuODc3di0yLjkzOWMuMDAxLTEuMjMzLjMzMy0yLjA3NyAyLjA1MS0yLjA3N3oiIGZpbGw9IiMyNjI2MjYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+) no-repeat 50% 50%/contain;
    opacity: .8;
}

footer .social-block .social-item .social-link.youtube::before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDkwLjY3NyA5MC42NzciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPGc+CgkJPHBhdGggZD0iTTgyLjI4Nyw0NS45MDdjLTAuOTM3LTQuMDcxLTQuMjY3LTcuMDc0LTguMjc1LTcuNTIxYy05LjQ4OS0xLjA2LTE5LjA5OC0xLjA2NS0yOC42Ni0xLjA2ICAgIGMtOS41NjYtMC4wMDUtMTkuMTczLDAtMjguNjY1LDEuMDZjLTQuMDA2LDAuNDQ4LTcuMzM0LDMuNDUxLTguMjcsNy41MjFjLTEuMzM0LDUuNzk3LTEuMzUsMTIuMTI1LTEuMzUsMTguMDk0ICAgIGMwLDUuOTY5LDAsMTIuMjk2LDEuMzM0LDE4LjA5M2MwLjkzNiw0LjA3LDQuMjY0LDcuMDczLDguMjcyLDcuNTIxYzkuNDksMS4wNjEsMTkuMDk3LDEuMDY1LDI4LjY2MiwxLjA2MSAgICBjOS41NjYsMC4wMDUsMTkuMTcxLDAsMjguNjY0LTEuMDYxYzQuMDA2LTAuNDQ4LDcuMzM2LTMuNDUxLDguMjcyLTcuNTIxYzEuMzMzLTUuNzk3LDEuMzQtMTIuMTI0LDEuMzQtMTguMDkzICAgIEM4My42MSw1OC4wMzEsODMuNjIsNTEuNzA0LDgyLjI4Nyw0NS45MDd6IE0yOC45LDUwLjRoLTUuNTR2MjkuNDM4aC01LjE0NlY1MC40aC01LjQzOXYtNC44MjJIMjguOVY1MC40eiBNNDIuODc3LDc5LjgzOWgtNC42MjkgICAgdi0yLjc4NWMtMS44MzksMi4xMDgtMy41ODUsMy4xMzYtNS4yODYsMy4xMzZjLTEuNDkxLDAtMi41MTctMC42MDQtMi45OC0xLjg5N2MtMC4yNTItMC43NzItMC40MDgtMS45OTQtMC40MDgtMy43OTZWNTQuMzExICAgIGg0LjYyNXYxOC43OTVjMCwxLjA4NCwwLDEuNjQ3LDAuMDQyLDEuNzk5YzAuMTExLDAuNzE4LDAuNDYyLDEuMDgyLDEuMDgyLDEuMDgyYzAuOTI4LDAsMS44OTgtMC43MTUsMi45MjQtMi4xNjZ2LTE5LjUxaDQuNjI5ICAgIEw0Mi44NzcsNzkuODM5TDQyLjg3Nyw3OS44Mzl6IE02MC40NSw3Mi4xNzdjMCwyLjM2MS0wLjE1OSw0LjA2Mi0wLjQ2OCw1LjE0NGMtMC42MTgsMS44OTktMS44NTUsMi44NjktMy42OTUsMi44NjkgICAgYy0xLjY0NiwwLTMuMjM0LTAuOTE0LTQuNzgxLTIuODI0djIuNDc0aC00LjYyNVY0NS41NzhoNC42MjV2MTEuMTg5YzEuNDk0LTEuODM5LDMuMDgtMi43NjksNC43ODEtMi43NjkgICAgYzEuODQsMCwzLjA3OCwwLjk2OSwzLjY5NSwyLjg4YzAuMzExLDEuMDI3LDAuNDY4LDIuNzE1LDAuNDY4LDUuMTMyVjcyLjE3N3ogTTc3LjkwNyw2Ny45MThoLTkuMjUxdjQuNTI1ICAgIGMwLDIuMzYzLDAuNzczLDMuNTQzLDIuMzYzLDMuNTQzYzEuMTM5LDAsMS44MDItMC42MTksMi4wNjYtMS44NTVjMC4wNDMtMC4yNTEsMC4xMDQtMS4yNzksMC4xMDQtMy4xMzRoNC43MTl2MC42NzUgICAgYzAsMS40OTEtMC4wNTcsMi41MTgtMC4wOTksMi45OGMtMC4xNTUsMS4wMjQtMC41MTksMS45NTMtMS4wOCwyLjc3MWMtMS4yODEsMS44NTQtMy4xNzksMi43NjgtNS41OTUsMi43NjggICAgYy0yLjQyLDAtNC4yNjItMC44NzEtNS41OTktMi42MTRjLTAuOTgxLTEuMjc4LTEuNDg1LTMuMjktMS40ODUtNi4wMDN2LTguOTQxYzAtMi43MjksMC40NDctNC43MjUsMS40My02LjAxNSAgICBjMS4zMzYtMS43NDcsMy4xNzctMi42MTcsNS41NC0yLjYxN2MyLjMyMSwwLDQuMTYxLDAuODcsNS40NTcsMi42MTdjMC45NjksMS4yOSwxLjQzMiwzLjI4NiwxLjQzMiw2LjAxNXY1LjI4NUg3Ny45MDd6IiBmaWxsPSIjMjYyNjI2IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3BhdGg+CgkJPHBhdGggZD0iTTcwLjk3OCw1OC4xNjNjLTEuNTQ2LDAtMi4zMjEsMS4xODEtMi4zMjEsMy41NDF2Mi4zNjJoNC42MjV2LTIuMzYyQzczLjI4MSw1OS4zNDQsNzIuNTA4LDU4LjE2Myw3MC45NzgsNTguMTYzeiIgZmlsbD0iIzI2MjYyNiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9wYXRoPgoJCTxwYXRoIGQ9Ik01My44MTIsNTguMTYzYy0wLjc2MiwwLTEuNTM0LDAuMzYtMi4zMDcsMS4xMjV2MTUuNTU5YzAuNzcyLDAuNzc0LDEuNTQ1LDEuMTQsMi4zMDcsMS4xNCAgICBjMS4zMzQsMCwyLjAxMi0xLjE0LDIuMDEyLTMuNDQ1VjYxLjY0NkM1NS44MjQsNTkuMzQ0LDU1LjE0Niw1OC4xNjMsNTMuODEyLDU4LjE2M3oiIGZpbGw9IiMyNjI2MjYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcGF0aD4KCQk8cGF0aCBkPSJNNTYuMzk2LDM0Ljk3M2MxLjcwNSwwLDMuNDc5LTEuMDM2LDUuMzQtMy4xNjh2Mi44MTRoNC42NzVWOC44MmgtNC42NzV2MTkuNzE4Yy0xLjAzNiwxLjQ2NC0yLjAxOCwyLjE4OC0yLjk1MywyLjE4OCAgICBjLTAuNjI2LDAtMC45OTQtMC4zNy0xLjA5Ni0xLjA5NWMtMC4wNTctMC4xNTMtMC4wNTctMC43MjItMC4wNTctMS44MTdWOC44MmgtNC42NnYyMC40YzAsMS44MjIsMC4xNTYsMy4wNTUsMC40MTQsMy44MzYgICAgQzUzLjg1NCwzNC4zNjMsNTQuODkxLDM0Ljk3Myw1Ni4zOTYsMzQuOTczeiIgZmlsbD0iIzI2MjYyNiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9wYXRoPgoJCTxwYXRoIGQ9Ik0yMy44NTEsMjAuNTk4djE0LjAyMWg1LjE4NFYyMC41OThMMzUuMjcxLDBoLTUuMjQybC0zLjUzNywxMy41OTVMMjIuODEyLDBoLTUuNDU1YzEuMDkzLDMuMjA5LDIuMjMsNi40MzQsMy4zMjMsOS42NDYgICAgQzIyLjM0MywxNC40NzQsMjMuMzgxLDE4LjExNCwyMy44NTEsMjAuNTk4eiIgZmlsbD0iIzI2MjYyNiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9wYXRoPgoJCTxwYXRoIGQ9Ik00Mi4yMTksMzQuOTczYzIuMzQyLDAsNC4xNjItMC44ODEsNS40NTMtMi42NDFjMC45ODEtMS4yOTEsMS40NTEtMy4zMjUsMS40NTEtNi4wNjd2LTkuMDM0ICAgIGMwLTIuNzU4LTAuNDY5LTQuNzc0LTEuNDUxLTYuMDc3Yy0xLjI5MS0xLjc2NS0zLjExLTIuNjQ2LTUuNDUzLTIuNjQ2Yy0yLjMzLDAtNC4xNDksMC44ODEtNS40NDMsMi42NDYgICAgYy0wLjk5MywxLjMwMy0xLjQ2MywzLjMxOS0xLjQ2Myw2LjA3N3Y5LjAzNGMwLDIuNzQyLDAuNDcsNC43NzYsMS40NjMsNi4wNjdDMzguMDY5LDM0LjA5MiwzOS44ODksMzQuOTczLDQyLjIxOSwzNC45NzN6ICAgICBNMzkuOTg4LDE2LjI5NGMwLTIuMzg3LDAuNzI0LTMuNTc3LDIuMjMxLTMuNTc3YzEuNTA3LDAsMi4yMjksMS4xODksMi4yMjksMy41Nzd2MTAuODUyYzAsMi4zODctMC43MjIsMy41ODEtMi4yMjksMy41ODEgICAgYy0xLjUwNywwLTIuMjMxLTEuMTk0LTIuMjMxLTMuNTgxVjE2LjI5NHoiIGZpbGw9IiMyNjI2MjYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcGF0aD4KCTwvZz4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8L2c+PC9zdmc+) no-repeat 50% 50%/contain;
    opacity: .8;
}

footer .social-block .social-item:last-child .social-link {
    margin-right: 0;
}

footer .separator {
    background: #5bcaf0;
    margin-top: 60px;
    margin-bottom: 60px;
    height: 1px;
}

footer .company,
footer .copyright {
    font-size: 12px;
}

footer .policy {
    color: #fafafa;
}

footer .policy:hover {
    color: #15b3ea;
}

footer .offerta {
    opacity: .5;
}

footer .scrolltop {
    margin-top: 25px;
    -webkit-animation: scrollTop 5s linear infinite;
    animation: scrollTop 5s linear infinite;
}

footer .scrolltop img {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
}

.scrolltop:hover {
    cursor: pointer;
}

@-webkit-keyframes scrollTop {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    30% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    60% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes scrollTop {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    30% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    60% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.main-social__block {
    position: fixed;
    z-index: 10;
    right: 15px;
    bottom: 50%;
    -webkit-transform: translate(0,50%);
        -ms-transform: translate(0,50%);
            transform: translate(0,50%);
    padding: 16px;
    background: rgba(51, 51, 51, 0.5);
    -webkit-backdrop-filter: blur(2.5px);
            backdrop-filter: blur(2.5px);
    border-radius: 8px;
}
  
  /* @media (max-width: 577.98px) {
    .main-social__block{
      display: none;
    }
  } */
  
.main-social__block .social__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}

.main-social__block .social__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
}

.main-social__block .social__item .social__link.mobile {
    display: none;
}

/* POPUP */

.success-popup {
    position: fixed;
    right: -800px; /* Спрятать за экран */
    bottom: 20px;
    border-radius: 20px;
    background-color: rgba(121, 200, 236, 0.9);
    display: flex;
    max-width: 532px;
    padding: 30px 40px;
    flex-direction: column;
    overflow: hidden;
    align-items: stretch;
    font-family: Panton, Panton-Trial, -apple-system, Roboto, Helvetica, sans-serif;
    color: rgba(255, 255, 255, 1);
    justify-content: center;
    z-index: 9999;
    transition: right 0.5s; /* Плавный переход */
}
  
  .success-popup-content {
    display: flex;
    width: 100%;
    padding: 16px 0;
    align-items: flex-start;
    gap: 43px;
    justify-content: flex-start;
  }
  
  .success-icon {
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    width: 100px;
    flex-shrink: 0;
  }
  
  .message-container {
    min-width: 240px;
    width: 307px;
  }
  
  .success-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
  }
  
  .success-description {
    font-size: 20px;
    font-weight: 500;
    margin: 10px 0 0 0;
  }
  
  @media (max-width: 991px) {
    .success-popup {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .success-popup-content {
      max-width: 100%;
    }
  }



@media (max-width:767.98px) {
    .main-social__block .social__item .social__link {
        display: none;
    }

    .main-social__block .social__item .social__link.mobile {
        display: inline;
    }
}

.main-social__block .social__item .social__link.all {
    display: inline;
}

@media screen and (max-width: 1322px) {
    .connection-card.highlighted {
        margin-top: 1.5rem;
    }
    .connection-content {
        display: block;
    }
    .connection-types {
        max-width: 100%;
        width: 100%;
    }
    .connection-card {
        max-width: 100%;
        width: 100%;
    }
    .connection-card.highlighted {
        max-width: 100%;
        display: flex;
    }
    .connection-card.highlighted .card-icon-wrapper {
        padding: 0px 15px;
    }
    .connection-card.highlighted .card-content {
        padding: 0px 15px;
    }
}

@media screen and (max-width: 1240px) {
    .hydrotherapy .hot-tub-layout {
        width: 462px;
        height: 462px;
    }
    /* .hydrotherapy .position-markers { */
        /* width: 362px; */
        /* height: 372px; */
        /* left: 45px; */
        /* top: 50px; */
    /* } */
}

@media screen and (max-width: 1140px) {
    #specs .similar-title-background {
        font-size: 60px;
    }
    #connection .similar-title-background {
        font-size: 60px;
    }
}

@media screen and (max-width: 991px) {
    .edge .edge-dark-card:nth-child(1) {
        margin-bottom: 30px;
    }
    .edge .edge-light-card:nth-child(1) {
        margin-bottom: 30px;
    }
	
    .specs-block.mt-4 {
        max-width: 98%;
    }
    .hydrotherapy .description-container {    
        justify-content: center !important;
        gap: 40px;
    }
    .hydrotherapy .learn-more-btnn {    
        margin-top: unset;
    }
    .hydrotherapy .description-content { 
        justify-content: center;
        gap: 20px;
    }
}

@media screen and (max-width: 990px) {
    .hydrotherapy-content-cards {
        flex-direction: column;
        align-items: center;
    }
    .hydrotherapy_flex-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .specialist-form-container {
        margin-top: 20px;
    }
}

@media screen and (max-width: 900px) {
    #specs .similar-title-background {
        font-size: 50px;
    }
    #connection .similar-title-background {
        font-size: 50px;
    }
    .similar-products-section .similar-title-background {
        font-size: 50px;
    }
}

@media screen and (max-width: 767px) {


    body {
        font-size: 0.75rem;
    }

    .breadcrumb {
        align-items: center;
    }

    .breadcrumb-item {
        font-size: 8px;
        margin-bottom: -2px;
    }

    .product {
        padding-top: 293px;
    }

    .product-heading-mobile {
        display: block;
        margin-bottom: 0 !important;
    }

    .product-heading {
        display: none;
    }

    .product-title {
        font-size: 20px;
    }

    .origin {
        font-size: 10px;
    }

    .product .product-details {
        padding-left: 0px;
        padding-right: 0px;
    }
    .product .current-price {
        font-size: 20px;
    }
    .product .original-price {
        font-size: 9px;
    }

    .product-meta {
        gap: 30px;
    }

    .product .discount {    
        font-size: 12px;
    }
    .product .btnn-primary {
        font-size: 14px;
        max-width: 100%;
		color: #fff;
    }
    .product .product-content {
        flex-wrap: wrap;
    }   
    .similar-title-container .similar-title-background {
        font-size: 24px!important;
        top: -6px!important;
    }

    .similar-title-container {
        margin-bottom: 15px !important;
    }

    #specs .similar-title-background {
        font-size: 24px!important;
    }
    #connection .similar-title-background {
        font-size: 24px!important;
    }
    .similar-products-section .similar-title-background {
        font-size: 24px!important;
    }

    .similar-title-container .similar-title-main {
        font-size: 16px!important;
    }
    .nav-swiper-container {
        padding: 0px 16px;
    }
    .navigation-container .nav-item {
        font-size: 10px;
        margin-right: 12px;
    }

    .hydrotherapy_flex-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .gallery-section,
    .product-details {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }
    .video-section .container, 
    .video-section .row.content-wrapper,
    .video-section .video-container {
        padding: 0;
    }
    .video-section .content-wrapper {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .video-section .description-title {
        display: none;
    }

    .video-heading {
        display: block;
    }


    .color-customizer .content-wrapper {    
        flex-direction: column-reverse;
        padding: 0;
    }
    .color-customizer .color-option, .color-customizer .panel-option {
        width: 70px;
    }
    .color-customizer .color-options, .color-customizer .panel-options {    
        gap: 10px;    
    }
    .color-customizer .options-container {
        width: 100%;
        max-width: 100%;
    }
    .colors-block-title {
        text-align: center;
    }
    .color-options{
        display: flex;
        justify-content: center;
    }
    .panel-options{
        display: flex;
        justify-content: center;
    }
    .color-option-active::after {    
        width: 76px;
        height: 117px;
        margin-top: -58.5px;
        margin-left: -38px;
    }
    .hydrotherapy .hot-tub-layout {
        width: 100%;
        height: 100%;
    }
    /* .hydrotherapy .position-markers { */
        /* width: 100%; */
        /* height: 100%; */
        /* left: 0px; */
        /* top: 2px; */
    /* } */
    .hydrotherapy .instruction-text {
        margin-bottom: 5px;
    }
    .options-container .options-grid {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .option-card {
        min-height: 313px;
    }

    .installation-diagram img {
        max-width: 100%;
    }  

    .installation-guide .section-header {
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .installation-guide .installation-content {
        flex-direction: column-reverse;
    }  
    .installation-content .installation-types {
        display: flex;
        flex-direction: column-reverse;
		margin: 0 15px;
		width: auto;
    }
    .installation-content .types-grid {
        display: flex;
        flex-wrap: nowrap;
    }
    .installation-content .types-grid .type-label {
        font-size: 8px;
    }


    .installation-guide .similar-title-background {
        font-size: 24px;
    }

    .installation-guide .section-title {
        font-size: 16px;
    }

    .similar-title-main {
        font-size: 16px;
    }

    .consultation-content.container {
        padding: 0;
    }

    .consultation-manager {
        padding: 25px 20px 0;
    }

    .consultation-details {
        min-height: auto;
        padding: 20px 15px;
        margin-bottom: 25px;
        border-radius: 20px;
    }

    .expert-section,
    .contact-form {
        width: 100% !important;
        max-width: 100%;
    }

    .expert-section.col-12,
    .contact-form.col-12  {
        padding: 0;
    }

    .messenger-options {
        gap: 10px;
    }

    .messenger-container {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }   

    .consultation-manager .form-label {
        text-align: center;
        margin-top: 10px;
    }

    .edge .presences-showcase .position-relative.image-container {
        height: auto;
        width: 100%;
    }
    .edge {
        -webkit-clip-path: ellipse(300% 1828px at 50% -8%);
        clip-path: ellipse(300% 1828px at 50% -8%);
    }
    .edge .lighting-section .lighting-item,
    .edge .specs-block .spec-item,
    .edge .slide-ozonator .spec-item
      {
            flex-direction: column;
    }

    .specs-block .spec-item {
        margin-bottom: 15px;
    }

    .edge .specs-block {
        padding: 0;
    }

    .row.slide-ozonator .col-12 {
        padding: 0px 15px;
    }

    .lighting-section {
        margin-top: 0 !important;
    }

    .lighting-section h3,
    #advantages .specs-block h3 {
        text-align: center;
        font-size: 20px !important;
    }

    .warranty-section .warranty-value-full {
        max-width: 358px;
        width: 100%;
    }

    .consultation-title {
        font-size: 20px !important;
        max-width: 214px;
    }

    .warranty,
    .spec-label,
    .spec-value,
    .search-block .search-input,
    .instruction-text,
    .description-text,
    .video-section .description-text,
    .edge .overlay-content p,
    .edge .feature-text p,
    .edge .lighting-text p,
    .card-description,
    .info-description,
    .card-description,
    .specialist-section-description,
    .spec-text p {    
        font-size: 12px !important;
    }

    .colors-block-title,
    .expert-description,
    .consultation-submit-button,
    .description-title,
    .feature-item h3,
    .lighting-item h4,
    .spec-item h4,
    .options-container .card-title,
    .btnn.specs-button {
        font-size: 14px !important;
    }

    .expert-name {
        font-size: 16px;
        font-weight: 500;
    }
    

    .marker-1 {
        left: 57%;
        top: 18%;
    }
    .marker-2 {
        left: 73.30%;  /* 420 / 573 * 100 ≈ 73.30% */
        top: 40.28%;   /* 230 / 571 * 100 ≈ 40.28% */
    }
    .marker-3 {
        left: 66.32%;  /* 380 / 573 * 100 ≈ 66.32% */
        top: 64.80%;   /* 370 / 571 * 100 ≈ 64.80% */
    }
    .marker-4 {
        left: 41.89%;  /* 240 / 573 * 100 ≈ 41.89% */
        top: 73.56%;   /* 420 / 571 * 100 ≈ 73.56% */
    }
    .marker-5 {
        left: 19.20%;  /* 110 / 573 * 100 ≈ 19.20% */
        top: 52.54%;   /* 300 / 571 * 100 ≈ 52.54% */
    }
    #warranty.warranty-section {
        padding: 3rem 1.5rem 0 1.5rem;
    }
    .warranty-details{
        padding: 0;
    }
    .warranty-image {
        display: none;
    }
    .warranty-section .warranty-item-title {
        font-size: 14px;
    }
    .warranty-section .warranty-value span {
        font-size: 14px;
    }
    .specs-content {
        gap: 0;
    }
    .specs-list {
        margin-bottom: 0 !important;
    }
    .specs-term,
    .specs-definition {
        font-size: 12px !important;
    }
    .specs-input {
        font-size: 16px !important;
    }
    .specs-button {
        font-size: 14px !important;
    }
    #specs .form-row{
        gap: 0px;
    }

    #connection .info-title {
        font-size: 14px;
        border-radius: 50px;
        padding: 10px 20px !important;
    }

    .similar-products-section .img-fluid {
        /* margin-top: -20px; */
        margin-bottom: -20px;
        width: 100%;
        height: auto;
    }
    .info-subtitle {
        font-size: 14px;
    }
    .info-description-text {
        display: flex;
        margin-bottom: 5px;
    }
    .connection-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
	.installation-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .connection-title {
        width: fit-content;
        text-align: center;
    }
    .connection-card {
        padding: 16px !important;
    }
    .connection-card-content {
        display: flex;
        flex-wrap: nowrap;
    }
    .connection-card-content .col-auto{
        padding-left: 0;
        padding-right: 17px;
    }
    .connection-card-content .col{
        padding: 0;
    }
    #connection .card-icon{
        width: 70px;
        height: 70px;
    }

    #connection .card-title{
        font-size: 14px;
    }
    
    .connection-title {
        font-size: 14px;
        border-radius: 50px;
        padding: 10px 20px !important;
    }

    .connection-card {
        display: flex;
        flex-wrap: nowrap;
        padding: 16px !important;
    }
    .connection-card .card-icon-wrapper{
        padding-left: 0 !important;
        padding-right: 17px !important;
    }
    .connection-card .card-content{
        padding: 0 !important;
			flex-basis: 0;
		-webkit-box-flex: 1;
		flex-grow: 1;
		max-width: 100%;
    }
	
	.connection-card.highlighted{
		margin: 15px;
	}


    .similar-product-card {
        /* max-width: 141px; */
        padding: 11px 13px;
    }
    .similar-product-figure  {
        margin-bottom: 0;
		height: 124px;
    }

    .similar-product-category {
        display: none;
    }

    .similar-product-name,
    .similar-view-button {
        font-size: 10px;
    }

    .similar-product-specs {
        width: auto;
        gap: 7px 15px;
    }

    .similar-divider {
        width: 100%;
    }

    .similar-spec-item,
    .similar-spec-text {
        font-size: 8px;
    }

    .similar-current-price {
        font-size: 12px;
    }

    .similar-discount-badge {
        font-size: 6px;
    }
    .similar-old-price text {
        font-size: 16px;
    }
    .similar-price-svg {
        width: 30px;
        margin-right: 5px;
    }
    .similar-view-button  {
        height: 25px;
        margin-top: 10px !important;
    }




    .specialist-content-wrapper {
        display: flex;
        gap: 25px;
    }

    .specialist-form-container {
        display: flex;
        flex-direction: column;
    }

    .specialist-section-title {
        font-size: 20px;
        min-width: 153px;
    }

    .specialist-section-description {
        color: #fff;
        font-weight: 600;
    }
    
    .specialist-call-section .col-lg-9.col-md-12.pl-lg-5 {
        padding-left: 0;
    }

    .specialist-call-section {
        padding: 25px 16px;
    }

    .specialist-form-container {
        border-radius: 20px;
    }

    .specialist-phone-input,
    .specialist-name-input {
        font-size: 16px;
    }

    .form-row div.col-md-5.mb-3 {
        margin-bottom: 0 !important;
    }

    .form-check-label, 
    .form-check-label a {
        font-size: 10px;
        color: #6E6E6E;
    }

    .form-check-label br {
        display: none;
    }

    .specialist-policy {
        order: 3;
        margin-top: 20px !important;
    }

    .specialist-form-container .btnn {
        margin-top: 20px !important;
        max-width: 100%;
        width: 100%;
        font-size: 14px;
    }

    .installation-section .installation-diagram .img-fluid {
        /* margin-top: -25px; */
        /* margin-bottom: -25px; */
        max-width: 310px;
    }
	
	.video_btn .youtube_icon {
		left: 25%;
		top: 30%;
		display: none;
	}
	.video_btn .vk_icon {
		right: 25%;
		top: 30%;
		display: none;
	}

    .installation-section .installation-diagram {
        margin-bottom: 0;
    }


    .success-popup {
        max-width: 358px;
        padding: 19px 33px;
    }
    .success-title {
        font-size: 20px;
    }
    .success-popup-content{
        padding: 0;
    }
    .message-container {
        min-width: auto;
        width: auto;
    }
    .success-description {
        font-size: 12px;
        max-width: 151px;
    }
    .success-icon {
        width: 68px;
        height: 68px;
    }
    

}

@media screen and (max-width: 530px) {
    .main-image{
        height: 233px!important;
    }
    .thumbnail-image {
        /* width: 122px; */
        height: 81px!important;
    }
    .video-section .video-preview {
        height: 171px;
        padding: 0;
    }
    .video-section .play-button {
        margin-bottom: 0;
    }

}

@media (max-width:767.98px) {
	.edge .spec-img{
		
		margin: auto;
	}
	
    .bx-breadcrumb-wrap {
        /* display:none; */
    }
	.nav-swiper-container .swiper-button-prev, .nav-swiper-container .swiper-button-next{
		    width: 25px !important;
			height: 25px !important;
			margin-top: -15px;
	}
	.price-container {
		gap: 10px;
		padding: 0 20px; 
	}
	.preview-container{
		max-width: 100%;
	}
	.hydrotherapy .description-container{
		padding: 0;
	}
	
	.edge .lighting-img{
		margin:auto;
	}
	.video-section {
        -webkit-clip-path: ellipse(210% 867px at 50% -8%);
        clip-path: ellipse(303% 867px at 50% -8%);
    }
	.specialist-call-section{
		padding:15px!important;
	}
	.similar-products-section .container{
		padding:0;
	}
	.similar-products-section .swiper-slide{
		padding: 0 15px 0 0;
	}
	.options-grid_inner .options-more.swiper-options-button-prev{
		left: 0px !important;
		top: 209px;
	}
	.options-grid_inner .options-more {
		top: 221px;
	}
	.options-grid_inner .options-more.swiper-options-button-next {
		right: 0px;
	}
	
	
}
.btnn-primary {
    width: 100%;
    max-width: 357px;
    height: 59px;
    font: 700 20px Panton, Panton-Trial, sans-serif;
    background: #79c8ec;
    border-radius: 100px;
	    color: #fff;
}
.active_installation_type {
    border: 2px solid #79c8ec;
    border-radius: 20px;
}

.popup-window-with-titlebar .popup-window-content{
	padding:0;
}
#modal-quick .popup-window-titlebar{
	    margin-bottom: 0 !important;
}


/* End */


/* Start:/local/templates/spabass.v2/js/plugins/slick/slick.css?15070523871776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/spabass.v2/js/plugins/slick/slick-theme.css?15070523873145*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/local/templates/spabass.v2/js/plugins/slick/./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/local/templates/spabass.v2/js/plugins/slick/./fonts/slick.eot');
    src: url('/local/templates/spabass.v2/js/plugins/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/spabass.v2/js/plugins/slick/./fonts/slick.woff') format('woff'), url('/local/templates/spabass.v2/js/plugins/slick/./fonts/slick.ttf') format('truetype'), url('/local/templates/spabass.v2/js/plugins/slick/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* End */
/* /bitrix/components/bitrix/catalog.compare.list/templates/.default/style.css?15842670471265 */
/* /local/templates/spabass.v2/components/bitrix/catalog/spabass/bitrix/catalog.element/new/style.css?1753788866118332 */
/* /local/templates/spabass.v2/js/plugins/slick/slick.css?15070523871776 */
/* /local/templates/spabass.v2/js/plugins/slick/slick-theme.css?15070523873145 */