@charset "UTF-8";

@import url("reset.css");
@import url("fonts.css");
@import url("swiper-bundle.min.css");


:root{
  
    --c0: #FFFFFF;
    --c1: #1C1C1C;
    --c2: #EFEFEF;
    --c3: #416796;
    --c4: #595959;
    --c5: #FAF5FB;
    --c6: #EBF6FD;
    --c7: #AFAFAF;
    --c8: #888888;
    --c9: #4588DC;
    --c10: #8EE5B0;
    --c11: #FFC700;
    --c12: #CFEAFB;
    --c13: #D0C4F2;
    --c14: #EEFAD6; 
    --c15: #EB5757; 
    
    --br1: 10rem;
    --br2: 20rem;
    
    --sl: max(1px, 1rem);
    
    --gap: 30rem;
    
    --wr: 30rem;
    --iwr: 100rem;
    --awr: calc(-1 * var(--iwr));
    --max: 1440px;
    
    --g1: var(--c0) linear-gradient(90deg, rgba(238, 250, 214, .7) -2.29%, rgba(190, 239, 194, .7) 49.17%, rgba(142, 229, 176, .7) 103.75%);
    --g2: var(--c0) linear-gradient(90deg, rgba(255, 234, 207, .1) -7.38%, rgba(246, 201, 83, .1) 53.85%, rgba(255, 199, 0, .1) 108.62%);
    --g3: var(--c0) linear-gradient(90deg, rgba(244, 232, 246, .7) -7.38%, rgba(229, 216, 244, .7) 53.85%, rgba(208, 196, 242, .7) 108.62%);
    --g4: var(--c0) linear-gradient(90deg, rgba(168, 201, 242, .5) -7.38%, rgba(194, 224, 250, .5) 53.85%, rgba(207, 234, 251, .5) 108.62%);
    
    --f-xxxs: max(10px, 12rem);
    --f-xxs: max(12px, 13rem);
    --f-xs: max(12px, 14rem);
    --f-s: max(13px, 15rem);
    --f-d: max(14px, 16rem);
    --f-m: max(15px, 18rem);
    --f-b: max(17px, 20rem);
    --f-l: max(17px, 22rem);
    --f-xl: max(24px, 38rem);
    --f-xxl: max(32px, 48rem);
    
}


/* globals */
@media screen {
 
    html{font-size: 0.0694vw;background-color: var(--c0);}

    .document{font-weight: 400;font-family: 'Geologica', sans-serif;font-size: var(--f-d);line-height: 1.625;color: var(--c1);background-color: var(--c0);letter-spacing: normal;}

    .container{display: flex;flex-direction: column;min-height: 100vh;}

    .main{flex: auto;position: relative;}
    .header{flex: none;margin-bottom: 20rem;}
    .footer{flex: none;margin-top: 100rem;border-top: var(--sl) solid var(--c2);padding: 60rem 0 30rem;}
    
    .mainbar{border-bottom: var(--sl) solid var(--c2);}
    
    .wrapper{width: 100%;padding: 0 var(--wr);margin: 0 auto;max-width: var(--max);}
    
    .rub{white-space: nowrap;}
    .rub:not(:empty)::after{content: "\a0\20bd";display: inline-block;text-decoration: inherit;}

    .icon{display: flex;max-height: 100%;align-items:center;justify-content:center;line-height: 0;max-width: 100%;width: auto;height: auto;min-width: 0;min-height: 0;}
    .cover,
    .contain{position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;}
    .cover{object-fit: cover;object-position: center;}
    .contain{object-fit: contain;object-position: center;}
    .fill::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
    
    .button{display: inline-flex;max-width: 100%;user-select: none;cursor: pointer;position: relative;align-items: center;overflow: hidden;border-radius: 999rem;min-height: 30px;justify-content: center;border: var(--sl) solid var(--c1);padding: 15rem 35rem;}
    .button.fill{overflow: visible;position: static;}
    .button-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;flex: auto;font-size: var(--f-xxs);line-height: 1.6;}
    .button-icon{display: inline-flex;align-items: center;justify-content: center;}

    .button__default{background-color: var(--c1);color: var(--c0);}
    .button__secondary{color: var(--c1);}
    .button__large .button-text{font-size: var(--f-s);}
    .button__wider{width: 100%;}
    
    .title{font-weight: 500;}
    .title__main, h1{font-size: var(--f-xl);line-height: 1.36842;}
    .title__large{font-size: var(--f-xxl);line-height: 1.0833;}
    
    .section{width: 100%;padding: 0 var(--wr);margin: 0 auto;max-width: var(--max);}
    .section:not(:first-child){margin-top: 100rem;}
    
    .inner{padding: 0 var(--iwr);}
    
    .hl-block{margin-top: 30rem;overflow: hidden;}
    .hl-block-inner{margin: 0 var(--iwr);padding: 50rem 0;display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: center;position: relative;}
    .hl-block-inner::before{content: "";position: absolute;bottom: 0;right: 100%;width: 100%;height: 100%;background-position: bottom right;background-repeat: no-repeat;background-size: contain;background-image: url(../img/i-hl.png);}
    .hl-block-text{font-size: var(--f-l);line-height: 1.45455;font-weight: 500;}
    .hl-block-discount{display: inline-block;white-space: nowrap;border: var(--sl) dashed;color: var(--c3);border-radius: var(--br1);padding: 5rem 10rem;margin: 0 .3em;}
    
    .chipgroup{display: flex;flex-wrap: wrap;margin: -5rem;overflow: hidden;}
    .chipgroup .chip{margin: 5rem;}
    
    .chip{border-radius: var(--br1);border: var(--sl) dashed var(--c3);display: inline-flex;align-items: center;padding: 8rem 12rem;overflow: hidden;user-select: none;}
    .chip-icon{color: var(--c3);margin: 0 10rem;flex: none;width: max(16px, 16rem);height: max(16px, 16rem);display: inline-flex;align-items: center;justify-content: center;}
    .chip-icon:first-child{margin-left: 0;}
    .chip-icon:last-child{margin-right: 0;}
    .chip-text{font-size: var(--f-s);line-height: 1.66667;color: var(--c1);white-space: nowrap;overflow: hidden;flex: auto;text-overflow: ellipsis;}
    
    .chip.active{pointer-events: none;background-color: var(--c1);border-color: var(--c1);}
    .chip.active .chip-icon,
    .chip.active .chip-text{color: var(--c0);}
    
    .chip.disabled{pointer-events: none;background-color: var(--c2);border-color: var(--c8);}
    .chip.disabled .chip-icon,
    .chip.disabled .chip-text{color: var(--c8);}
    
    .chipgroup__clear{margin: -10rem -20rem;}
    .chipgroup__clear .chip{border-radius: 0;border-width: 0;margin: 10rem 20rem;padding: 0;}
    .chipgroup__clear .chip-icon{color: var(--c9);}
    
    .icl{display: inline-flex;align-items: center;overflow: hidden;user-select: none;}
    .icl-text{font-size: var(--f-s);line-height: 1.66667;color: var(--c1);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-width: 0;font-weight: 300;}
    .icl-icon{color: var(--c3);margin: 0 15rem;flex: none;width: max(16px, 16rem);display: inline-flex;align-items: center;justify-content: center;min-width: 16px;min-height: 16px;position: relative;}
    .icl .icl-icon:first-child{margin-left: 0;}
    .icl .icl-icon:last-child{margin-right: 0;}
    
    .icl__a .icl-icon{width: max(18px, 18rem);}
    
    .icl__b .icl-text{line-height: 1.71429;font-size: var(--f-xs);}
    .icl__b .icl-icon{width: max(20px, 20rem);margin: 0 10rem;}
    
    .icl__c .icl-text{line-height: 1.71429;font-size: var(--f-xs);color: var(--c7);}
    .icl__c .icl-icon{width: max(16px, 16rem);margin: 0 10rem;color: var(--c7);}
    
    .dl{display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: var(--f-xs);line-height: 1.5;color: var(--c3);font-weight: 300;position: relative;}
    .dl::after{content: "";width: 100%;height: 100%;bottom: 0;position: absolute;border-bottom: var(--sl) dashed;left: 0;}
    
    .offer{padding: 45rem 30rem 180rem;display: flex;flex-direction: column;align-items: center;position: relative;z-index: 1;background-position: bottom;background-size: contain;background-repeat: no-repeat;}
    .offer-header{text-align: center;font-size: var(--f-l);line-height: 1.45455;}
    .offer-title{text-align: center;margin-top: 20rem;display: inline-block;white-space: nowrap;border: var(--sl) dashed;color: var(--c3);border-radius: var(--br1);padding: 5rem 10rem;font-weight: 300;font-size: var(--f-l);}
    .offer-action{margin-top: 20rem;}
    
    .formbox{display: grid;grid-template-columns: auto;grid-gap: var(--gap);}
	.s7 .formbox{
		
	}
    .formbox-row{display: flex;margin: 0 calc(var(--gap) / -2);}
    .formbox-cell{flex: 1;margin: 0 calc(var(--gap) / 2);display: flex;flex-direction: column;align-items: center;}
    .formbox-footer{margin-top: 55rem;display: flex;align-items: center;justify-content: center;}
    
    .formbox__dense{grid-gap: 20rem;}
    .formbox__dense .formbox-row{margin: 0 -10rem;}
    .formbox__dense .formbox-cell{margin: 0 10rem;}
 
    .textfield{width: 100%;border-radius: var(--br1);background-color: var(--c0);border: var(--sl) solid var(--c2);display: flex;align-items: center;position: relative;}
    .textfield.focused{border-color: var(--c9);}
    .textfield.filled{border-color: var(--c3);}
    .textfield.invalid{border-color: var(--c15);}
    .textfield.disabled{border-color: var(--c2);}
    .textfield-input{width: 100%;resize: none;color: var(--c1);font-weight: 300;padding: 20rem;flex: auto;min-width: 0;}
    .textfield-input:not(textarea){overflow: hidden;text-overflow: ellipsis;}
    .textfield-input:disabled{color: var(--c7);}
    .textfield-input:read-only{pointer-events: none;}
    .textfield-icon{width: max(16px, 16rem);height: max(16px, 16rem);display: inline-flex;align-items: center;justify-content: center;color: var(--c3);margin: 0 15rem;flex: none;}
    .textfield-icon:first-child{margin-right: 0;}
    .textfield-icon:last-child{margin-left: 0;}
    
    .textfield-label{position: absolute;top: 0;font-size: var(--f-xs);line-height: 1;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;padding: 0;margin-top: 10rem;font-weight: 300;}
    
    .formbox__labeled .textfield{padding: 30rem 20rem 10rem;}
    .formbox__labeled .textfield-input{padding: 0!important;font-size: var(--f-s);font-weight: 300;}
    .formbox__labeled .textfield:not(.focused) .textfield-input{color: var(--c8);}
    .formbox__labeled .textfield-icon:last-child{margin-right: -5rem;}
    
    .filebox{width: 100%;border-radius: var(--br1);background-color: var(--c0);border: var(--sl) solid var(--c2);display: flex;align-items: center;position: relative;padding: 20rem;}
    .filebox-input{opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;cursor: pointer;}
    .filebox-label{width: 100%;color: var(--c1);font-weight: 300;flex: auto;min-width: 0;}
    .filebox-icon{width: max(18px, 18rem);height: max(18px, 18rem);display: inline-flex;align-items: center;justify-content: center;color: var(--c3);margin-right: 10rem;flex: none;}
    
    .selectbox-label{margin: auto 0 15rem;font-weight: 300;width: 100%;}
    .selectbox{display: flex;align-items: center;position: relative;cursor: pointer;width: 100%;user-select: none;background-color: var(--c6);border-radius: var(--br1);padding: 20rem;box-shadow: inset 0 0 0 var(--sl) var(--c2);}
    .selectbox::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
    .selectbox-value{white-space: nowrap;overflow: hidden;min-width: 0;margin-right: 20rem;color: var(--c4);font-weight: 300;flex: auto;}
    .selectbox-value input{text-overflow: ellipsis;width: 100%;overflow: hidden;}
    .selectbox-icon{flex: none;margin-left: auto;width: max(20px, 20rem);height: max(20px, 20rem);margin-right: -5rem;color: var(--c3);will-change: transform;}
    
    .selectbox.active{box-shadow: none;border-radius: var(--br1) var(--br1) 0 0;}
    .selectbox.active .selectbox-icon{transform: scaleY(-1);}
    
    .selectbox-list{position: absolute;width: 100%;z-index: 99;visibility: hidden;opacity: 0;top: 100%;left: 0;border-top: var(--sl) solid var(--c0);background-color: var(--c6);border-radius: 0 0 var(--br1) var(--br1);padding: 20rem;box-shadow: 0 1rem 0 var(--c2);}
    .selectbox-list.active{visibility: visible;opacity: 1;}
    .selectbox-list-item{position: relative;}
    .selectbox-list-item:not(:first-child){margin-top: 10rem;}
    .selectbox-list-option{cursor: pointer;font-size: var(--f-xs);line-height: 1.71429;font-weight: 300;display: block;}
    
    .selectbox-list-item input{position: absolute;right: 100%;width: 0;height: 0;opacity: 0;overflow: hidden;}
    .selectbox-list-item input:checked ~ .selectbox-list-option{color: var(--c3);}

    .checkbox{position: relative;display: flex;align-items: center;user-select: none;cursor: pointer;}
    .checkbox-icon{flex: none;width: 24rem;height: 24rem;background-color: var(--c0);border-radius: 4rem;display: inline-flex;align-items: center;justify-content: center;margin-right: 15rem;}
    .checkbox-icon::before{content: "";width: 12rem;height: 12rem;line-height: 1;background-color: var(--c2);border-radius: 2rem;}
    .checkbox-label {font-size: var(--f-xxxs);line-height: 1.5;font-weight: 300;}
    .checkbox-control{position: absolute;opacity: 0; left: 4px; top: 0; width: 24px; height: 24px;}
	
	.checkbox-label a {
		position:relative;
		z-index:2;
		text-decoration:underline;
	}
	
	.checkbox-label a:hover {
		text-decoration:none;
	}
    
    .checkbox-control:checked ~ .checkbox-icon::before{background-color: var(--c3);}
    
    .review{border-radius: var(--br2);padding: 25rem;box-shadow: inset 0 0 0 2rem var(--c2);display: flex;flex-direction: column;background-color: var(--c0);position: relative;min-height: 100%;}
    .review-header{display: flex;align-items: center;}
    .review-image{flex: none;width: 70rem;height: 70rem;position: relative;overflow: hidden;border-radius: 50%;margin-right: 20rem;}
    .review-caption{}
    .review-name{font-weight: 300;}
    .review-date{font-weight: 300;color: var(--c4);line-height: 1.71429;font-size: var(--f-xs);}
    .review-rating{margin-top: 10rem;width: 81rem;height: 13rem;background-image: url(../img/stars.svg);background-position: 0 0;background-size: auto 100%;background-repeat: no-repeat;}
    .review-rating-1{background-position: -68rem 0;}
    .review-rating-2{background-position: -51rem 0;}
    .review-rating-3{background-position: -34rem 0;}
    .review-rating-4{background-position: -17rem 0;}
    .review-content{margin-bottom: auto;margin-top: 20rem;font-weight: 300;color: var(--c4);line-height: 1.71429;font-size: var(--f-xs);display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;overflow: hidden;}
    .review-action{margin-top: 15rem;}
    
    .carousel-buttons{display: inline-grid;grid-auto-flow: column;grid-gap: 4rem;}
    .carousel-button{background-color: var(--c6);border-radius: 4rem;padding: 4rem 12rem;display: inline-flex;align-items: center;justify-content: center;color: var(--c3);cursor: pointer;}
    .carousel-button-prev{padding: 4rem;}
    .carousel-button.swiper-button-disabled{background-color: var(--c2);color: var(--c7);pointer-events: none;}
    .carousel-button .icon{width: max(30px, 30rem);}
    
    .carousel-pagination .swiper-pagination-current{font-size: var(--f-l);font-weight: 500;}
    .carousel-pagination .swiper-pagination-total{margin-left: 5rem;font-weight: 300;color: var(--c8);}
    
    .carousel .swiper-slide{height: auto;}
    
    .header-logo{height: max(25px, 25rem);position: relative;display: inline-flex;line-height: 0;}
    .header-logo a{display: flex;}
    
    .header-contacts{display: grid;grid-auto-flow: column;grid-gap: 20rem;align-items: center;line-height: 0;}
    .header-tel{display: inline-flex;align-items: center;}
    .header-tel-number{margin-left: 15rem;}
    .header-tel-button{margin-left: 5rem;width: max(20px, 20rem);height: max(20px, 20rem);display: inline-flex;align-items: center;justify-content: center;position: relative;}
    .header-tel-button:first-child{margin: 0;}
    
    .mainbar-grid{display: grid;align-items: center;grid-gap: 100rem;grid-template-columns: auto 1fr auto;padding: 12rem 0;}
    .mainbar-nav{display: flex;margin: 0 -10rem;}
    .mainbar-nav ul{display: flex;align-items: center;justify-content: space-between;width: 100%;}
    .mainbar-nav li{margin: 0 10rem;line-height: 1.71429;font-size: var(--f-xs);color: var(--c4);font-weight: 300;white-space: nowrap;}
    
    .menubar-grid{display: grid;align-items: center;grid-gap: var(--gap);grid-template-columns: 1fr auto auto;margin-top: 12rem;line-height: 1;}
    .menubar-nav{margin: 0 -10rem;padding-right: 30rem;}
    .menubar-nav ul{display: flex;align-items: center;justify-content: space-between;width: 100%;}
    .menubar-nav li{margin: 0 10rem;line-height: 1.66667;font-size: var(--f-s);}
    .menubar-qnav{display: inline-grid;grid-auto-flow: column;grid-gap: 20rem;align-items: center;}
    .menubar-actions{display: inline-grid;grid-auto-flow: column;grid-gap: 7rem;}
    .menubar-action{width: max(30px, 35rem);height: max(30px, 35rem);border-radius: 50%;background-color: var(--c6);position: relative;display: inline-flex;align-items: center;justify-content: center;padding: 5rem;color: var(--c3);}
    .menubar-action__v1{background-color: var(--c9);color: var(--c0);}
    
    .breadcrumbs{margin: -10rem 0 60rem;}
    .breadcrumbs ul{display: flex;flex-wrap: wrap;margin: -4rem;}
    .breadcrumbs li{margin: 4rem;display: inline-flex;align-items: center;color: var(--c4);font-size: var(--f-xxxs);line-height: 1.5;font-weight: 300;}
    .breadcrumbs li:last-child{color: var(--c3);}
    .breadcrumbs li:not(:last-child)::after{content: "";flex: none;margin-left: 8rem;background-color: var(--c3);width: max(6px, 6rem);height: max(6px, 6rem);border-radius: 3rem 0;line-height: 1;}
    
    .footer-grid{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);align-items: flex-start;}
    .footer-grid-a{display: grid;grid-template-columns: auto;grid-gap: 30rem;line-height: 0;}
    .footer-grid-b{display: grid;grid-template-columns: auto;grid-gap: 20rem;}
    .footer-logo{height: 40rem;position: relative;display: inline-flex;}
    .footer-contacts{line-height: 1.66667;font-size: var(--f-s);font-weight: 300;}
    .footer-nav{line-height: 1.66667;font-size: var(--f-s);font-weight: 300;}
    .footer-nav ul{display: grid;grid-template-columns: auto;grid-gap: 15rem;}
    
    .contacts-tel{display: inline-flex;align-items: center;}
    .contacts-tel-number{margin-right: 15rem;line-height: 1.5;font-weight: 300;font-size: var(--f-b);}
    .contacts-tel-button{margin-right: 5rem;width: max(20px, 20rem);height: max(20px, 20rem);display: inline-flex;align-items: center;justify-content: center;position: relative;}
    .contacts-tel-button:last-child{margin: 0;}
    
    .bottombar{line-height: 1.66667;font-size: var(--f-s);font-weight: 300;color: var(--c8);}
    .bottombar-a a,
    .bottombar-b a,
    .bottombar-c a{text-decoration: underline;}
    
    .bottombar-author{display: inline-flex;align-items: center;color: var(--c8);font-size: var(--f-xxs)}
    .bottombar-author-link{margin-left: 10rem;display: inline-flex;align-items: center;color: var(--c1);}
    .bottombar-author-link::before{content: "";flex: none;margin-right: 5rem;width: 28rem;height: 28rem;background-repeat: no-repeat;background-size: contain;background-position: center;background-image: url(../img/panda.svg);}
    
    .person{border-radius: var(--br2);padding: 30rem;box-shadow: inset 0 0 0 2rem var(--c2);display: flex;flex-direction: column;background-color: var(--c0);align-items: center;text-align: center;min-height: 100%;}
    .person-image{position: relative;width: 140rem;height: 140rem;border-radius: 50%;overflow: hidden;}
    .person-title{margin-top: 30rem;}
    .person-subtitle{color: var(--c3);margin-top: 5rem;font-weight: 300;font-size: var(--f-s);line-height: 1.66667;}
    
    .textbox{display: grid;grid-template-columns: auto;grid-gap: 15rem;}
    .textbox h1,
    .textbox h2{font-size: var(--f-xl);line-height: 1.36842;font-weight: 500;}
    .textbox h3{font-weight: 500;font-size: var(--f-l);line-height: 1.45455;}
    .textbox p{font-weight: 300;color: var(--c4);margin: 0;}
    .textbox h4{font-weight: 300;font-size: var(--f-b);line-height: 1.5;}
    
    .sidenav-header{margin-bottom: 20rem;display: flex;align-items: center;position: relative;}
    .sidenav-header-icon{flex: none;margin-right: 14rem;width: max(28px, 28rem);height: max(28px, 28rem);display: inline-flex;align-items: center;justify-content: center;border-radius: 4rem;background-color: rgba(255,255,255,.4);color: var(--c3);padding: 4rem;}
    .sidenav-header-title{font-weight: 300;font-size: var(--f-b);line-height: 1.5;}
    .sidenav-menu ul{display: grid;grid-template-columns: auto;grid-gap: 15rem;font-weight: 300;color: var(--c4);}
    
    *[class*="gr-"]{position: relative;overflow: hidden;z-index: 1;}
    *[class*="gr-"]::before{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: -1;}
    
    .gr-green::before{background: var(--g1);}
    .gr-orange::before{background: var(--g2);}
    .gr-violet::before{background: var(--g3);}
    .gr-blue::before{background: var(--g4);}
    .gr-flip::before{transform: scaleX(-1);}
    
    .calendar{width: 100%;}
    .calendar-nav{display: grid;grid-template-columns: 1fr auto 1fr;grid-gap: 20rem;align-items: center;line-height: 0;margin-bottom: 10rem;}
    .calendar-caption{font-size: var(--f-b);line-height: 1.5;font-weight: 300;text-align: center;}
    .calendar-button:last-child{margin-left: auto;}
    .calendar-wrapper{margin: 0 -5rem;}
    .calendar table{width: 100%;border-collapse: separate;border-spacing: 6rem 10rem;}
    .calendar th{font-size: var(--f-xs);line-height: 1.71429;font-weight: 300;text-align: center;color: var(--c8);}
    .calendar td{border: var(--sl) solid var(--c2);border-radius: 6rem;text-align: center;vertical-align: top;font-size: var(--f-xxs);line-height: 1.76923;padding: 4rem 4rem 22rem;position: relative;}
    .calendar td::after{content: "";position: absolute;bottom: 10rem;left: 50%;width: max(8px, 8rem);height: max(8px, 8rem);transform: translateX(-50%);border-radius: 50%;}
    .calendar td.disabled{background-color: var(--c2);color: var(--c7);pointer-events: none;}
    .calendar td.calendar-today{border-color: var(--c14);background: var(--g1);}
    .calendar td.calendar-today::after{width: max(16px, 16rem);height: max(16px, 16rem);border-radius: 0;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M6.5027 10.7805L4.18937 8.46721C4.06472 8.34255 3.89565 8.27253 3.71937 8.27253C3.54308 8.27253 3.37402 8.34255 3.24937 8.46721C3.12472 8.59186 3.05469 8.76092 3.05469 8.93721C3.05469 9.02449 3.07188 9.11093 3.10528 9.19157C3.13869 9.27221 3.18765 9.34548 3.24937 9.40721L6.03604 12.1939C6.29604 12.4539 6.71603 12.4539 6.97603 12.1939L14.0294 5.14054C14.154 5.01589 14.224 4.84682 14.224 4.67054C14.224 4.49426 14.154 4.32519 14.0294 4.20054C13.9047 4.07589 13.7357 4.00586 13.5594 4.00586C13.3831 4.00586 13.214 4.07589 13.0894 4.20054L6.5027 10.7805Z' fill='white'%3E%3C/path%3E%3C/svg%3E");background-position: center;background-repeat: no-repeat;background-size: contain;bottom: 6rem;}
    .calendar td.calendar-orange::after{background: linear-gradient(90deg, #FFEACF -7.38%, #F6C953 53.85%, #FFC700 108.62%);}
    .calendar td.calendar-violet::after{background: linear-gradient(90deg, #F4E8F6 -7.38%, #E5D8F4 53.85%, #D0C4F2 108.62%);}
    .calendar td.calendar-blue::after{background: linear-gradient(90deg, #A8C9F2 -7.38%, #C2E0FA 53.85%, #CFEAFB 108.62%);}
    
    .map {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		overflow:hidden;
	}
	
	.map iframe {
		position:absolute;
		left:0;
		top:0;
		width:100%!important;
		height:100%!important;
	}
	
	.map img {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 1;	
	}
	
    
    
    
    .popup-modal{position: fixed;top: 50%;left: 50%;width: 100%;max-width: 968rem;transform: translate(-50%, -50%);background-color: var(--c0);border-radius: var(--br1);padding: 30rem 30rem 40rem;z-index: 999;visibility: hidden;}
    .popup-modal-header{display: flex;justify-content: flex-end;}
    .popup-modal-close{width: max(20px, 20rem);height: max(20px, 20rem);color: var(--c7);cursor: pointer;margin: -10rem -10rem 0 0;}
    .popup-modal-content{margin-top: 20rem;}
    
    .popup-modal.active{visibility: visible;}
    .popup-modal.active ~ .popup-overlay{visibility: visible;background-color: var(--c1);opacity: .7;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 998;}
    
    .popup-modal__v2{max-width: 870rem;padding: 30rem 50rem 50rem;}
    .popup-modal__v2 .popup-modal-close{position: absolute;top: 0;right: 0;margin: 30rem;}
    
    .popup-modal.gr-violet .popup-modal-close,
    .popup-modal.gr-blue .popup-modal-close{color: var(--c0);}
    
    .msg-holder{position: relative;}
    .msg-success{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);padding: 70rem var(--iwr);align-items: center;}
    .msg-success-image{margin: -60rem 0 -60rem calc(-1 * var(--iwr));display: flex;position: relative;}
    .msg-success-image::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .msg-success-content{grid-column-end: span 2;padding-left: 50rem;}
    .msg-success-title{}
    .msg-success-text{margin-top: 15rem;font-weight: 300;color: var(--c4);}
    .msg-success-text b{color: var(--c9);font-weight: 300;}
    
    .msg-holder:not(.active) .msg-success{display: none;}
    
    
}

/* sections */
@media screen {
    
    .b1{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .b1-1{border-radius: var(--br2);padding: 20rem 25rem;box-shadow: inset 0 0 0 2rem var(--c2);display: flex;flex-direction: column;align-items: flex-start;}
    .b1-2{margin-bottom: 10rem;color: var(--c3);}
    .b1-3{font-size: var(--f-m);line-height: 1.55556;}
    .b1-4{margin-top: 20rem;display: inline-grid;grid-auto-flow: column;grid-gap: 20rem;align-items: center;line-height: 0;}
    .b1-5{color: var(--c4);font-size: var(--f-xs);line-height: 1.71429;font-weight: 300;}
    
    .b2{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .b2-1{border-radius: var(--br2);padding: 40rem;box-shadow: inset 0 0 0 2rem var(--c2);display: flex;flex-direction: column;align-items: center;}
    .b2-2{position: relative;width: 40rem;height: 40rem;}
    .b2-3{margin-top: 20rem;text-align: center;font-size: var(--f-m);line-height: 1.55556;font-weight: 300;}
    
    .s1-2{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .s1-3{grid-column-end: span 3;margin-left: var(--awr);border-radius: var(--br2);min-height: 480rem;display: flex;}
    .s1-4{margin-right: var(--awr);display: flex;border-radius: var(--br2);}
    .s1-6{margin-top: 20rem;font-size: var(--f-b);font-weight: 300;line-height: 1.5;}
    .s1-7{margin-top: 40rem;}
    .s1-8{background-size: contain;background-position: bottom right;background-image: url(../img/i-1-1.png);background-repeat: no-repeat;padding: 90rem var(--iwr);width: 100%;}
    
    .s1-4 .offer::before,
    .s1-4 .offer::after{content: "";position: absolute;bottom: 0;background-size: contain;background-repeat: no-repeat;height: 150rem;z-index: -1;}
    .s1-4 .offer::before{left: 0;width: 25%;background-position: bottom left;background-image: url(../img/i-offer-3.png);}
    .s1-4 .offer::after{right: 0;width: 60%;background-position: bottom right;background-image: url(../img/i-offer-2.png);}
    
    .s2-1{display: flex;flex-direction: column;align-items: center;}
    .s2-2{text-align: center;}
    .s2-3{margin-top: 55rem;width: 100%;}
    
    .s3-1{border-radius: var(--br2);display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s3-2{position: relative;margin: -60rem 0 -30rem -70rem;}
    .s3-3{padding-top: 70rem;padding-bottom: 70rem;}
    .s3-5{margin-top: 15rem;font-weight: 300;color: var(--c4);max-width: 472rem;}
    .s3-6{margin-top: 35rem;}
    
    .s4-1{display: flex;flex-direction: column;align-items: center;}
    .s4-2{text-align: center;}
    .s4-3{margin-top: 55rem;width: 100%;display: grid;grid-gap: var(--gap);grid-template-columns: 1fr 1fr;}
    .s4-4{margin: 55rem auto 0;}
    .s4-5{border-radius: var(--br1);display: flex;position: relative;}
    .s4-5:nth-child(2),
    .s4-5:nth-child(3){box-shadow: inset 0 0 0 2rem var(--c2);}
    .s4-5 ._content{padding: 35rem 30rem 35rem 40rem;display: flex;flex-direction: column;flex: auto;}
    .s4-5 ._media{flex: none;width: max(140px, 175rem);position: relative;}
    .s4-5 ._media img{object-position: center right;}
    .s4-5 ._title{font-weight: 500;font-size: var(--f-l);line-height: 1.45455;}
    .s4-5 ._text{margin-top: 15rem;margin-bottom: auto;font-weight: 300;font-size: var(--f-xs);color: var(--c4);line-height: 1.71429;}
    .s4-5 ._action{margin-top: 20rem;}
    
    .s5-1{border-radius: var(--br2);display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s5-2{padding-top: 70rem;padding-bottom: 70rem;}
    .s5-3{position: relative;}
    .s5-5{margin-top: 15rem;}
    .s5-6{margin-top: 15rem;font-weight: 300;color: var(--c4);max-width: 472rem;}
    .s5-7{margin-top: 35rem;}
    
    .s6-1{border-radius: var(--br2);padding-top: 40rem;padding-bottom: 40rem;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);align-items: center;
        min-height: 542px;
    }
    .s6-2{border-radius: var(--br2);overflow: hidden;background-color: var(--c5);}
    .s6-2::before{opacity: .4;}
    .s6-3{grid-column-end: span 2;padding-left: 100rem;}
    .s6-5{margin-top: 15rem;font-weight: 300;color: var(--c4);}
    .s6-6{margin-top: 40rem;}
    
    .s6-2__a .offer{background-image: url(../img/i-offer-1.png);background-size: 100% auto;}
    .s6-2__b .offer{background-image: url(../img/i-offer-2.png);background-size: auto 150rem;}
    
    .s6-1:not(.inner){padding: 50rem;}
    .s6-1:not(.inner) .s6-2{margin-right: -40rem;}
    .s6-1:not(.inner) .s6-3{padding-left: 80rem;}
    
    .s7-2{text-align: center;}
    .s7-3{margin-top: 55rem;width: 100%;}
    
    .s8-1{border-radius: var(--br2);display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap); min-height: 627px;}
    .s8-2{position: relative;margin-left: -80rem;}
    .s8-3{grid-column-end: span 2;padding-left: 100rem;padding-top: 70rem;padding-bottom: 70rem;}
    .s8-5{margin-top: 15rem;font-weight: 300;color: var(--c4);}
    .s8-6{margin-top: 40rem;}
    
    .s9-1{}
    .s9-2{}
    .s9-3{margin-top: 55rem;width: 100%;}
    .s9-4{display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);margin-top: 30rem;align-items: center;}
    .s9 .carousel:not(.swiper-initialized) .swiper-slide:nth-child(n + 4){display: none;}
    .s9 .carousel:not(.swiper-initialized) .swiper-wrapper{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);}
    .s9 .swiper-initialized{margin: 0 calc(var(--gap) / -2);}
    .s9 .swiper-initialized .swiper-slide{padding: 0 calc(var(--gap) / 2);}
       
    .s10-1{}
    .s10-2{display: grid;grid-gap: var(--gap);grid-template-columns: 1fr 1fr;}

	
    .s10-3{display: flex;justify-content: space-between;margin: 80rem -15rem 0;}
    .s10-4{padding: 40rem 0;display: flex;flex-direction: column;justify-content: center;}
    .s10-5{border-radius: var(--br2);display: flex;margin-left: 50rem;padding: 20rem;}
    .s10-6{margin: 0 15rem;}
    .s10-6 ._title{color: var(--c3);font-weight: 500;line-height: 1.36842;font-size: var(--f-xl);position: relative;}
    .s10-6 ._title .numscroller-holder{visibility: hidden;}
    .s10-6 ._title .numscroller{position: absolute;left: 0;top: 0;white-space: nowrap;}
    .s10-6 ._title .numscroller::after{content: " +";opacity: 0;transition: opacity .25s;}
    .s10-6 ._title .numscroller.animated::after{opacity: 1;}
    .s10-6 ._text{font-weight: 300;margin-top: 15rem;}
    .s10-7{position: relative;width: 100%;height: 100%;}
    
    .s11-1{border-radius: var(--br2);display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);}
    .s11-2{position: relative;margin-left: calc(-1 * var(--iwr));}
    .s11-2 img{object-position: bottom left;}
    .s11-3{grid-column-end: span 2;padding-left: 25rem;padding-top: 70rem;padding-bottom: 70rem;}
    .s11-4{max-width: 680rem;}
    .s11-5{margin-top: 15rem;font-weight: 300;color: var(--c4);}
    .s11-6{margin-top: 40rem;}
   
    .s12-1{width: 100%;display: flex;flex-direction: column;align-items: center;}
    .s12-2{width: 100%;max-width: 980rem;}
    .s12-3{margin-top: 40rem;}
    
    .s13-2{}
    .s13-3{margin-top: 55rem;width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);}
    .s13-4{border-radius: var(--br1);display: flex;flex-direction: column;padding: 30rem 30rem 40rem;background-color: var(--c6);box-shadow: inset 0 0 0 2rem var(--c6);position: relative;}
    .s13-4 ._content{display: flex;flex-direction: column;margin-top: 35rem;flex: auto;}
    .s13-4 ._media{flex: none;width:100%;max-width:100%;height: 125rem;position: relative;}
    .s13-4 ._media img{object-position: center left;}
    .s13-4 ._title{font-weight: 500;font-size: var(--f-l);line-height: 1.45455;min-height: 2.90910em;}
    .s13-4 ._text{margin-top: 15rem;margin-bottom: auto;font-weight: 300;font-size: var(--f-xs);color: var(--c4);line-height: 1.71429;}
    .s13-4 ._action{margin-top: 20rem;}
    
    .s14:not(:last-child){margin-bottom: 100rem;}
    .s14-1{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 50rem var(--gap);}
    .s14-2{grid-column: 1/-1;background-color: var(--c6);border-radius: var(--br2);padding: 30rem 40rem;display: grid;grid-template-columns: 1fr auto;grid-gap: 100rem;}
    .s14-3{background-color: var(--c5);border-radius: var(--br1);padding: 30rem 30rem 40rem;}
    .s14-4{grid-column-end: span 2;padding: 20rem 0 20rem 35rem;}
    .s14-5{grid-column: 1/-1;}
    .s14-6{}
    .s14-7{width: 150rem;position: relative;display: flex;margin: -10rem;}
    .s14-7::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s14-7 img{object-position: right center;}
    .s14-8{}
    .s14-9{margin-top: 15rem;font-size: var(--f-xs);line-height: 1.71429;color: var(--c4);max-width: 450rem;font-weight: 300;}
    
    .s15-1{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 55rem var(--gap);}
    .s15-2{grid-column: 1/-1;border-radius: var(--br2);display: grid;grid-template-columns: 1fr auto;grid-gap: 100rem;padding: 0 40rem;}
    .s15-3{grid-column-end: span 2;padding-right: 65rem;}
    .s15-4{overflow: hidden;}
    .s15-5{position: relative;width: 320rem;margin-right: -20rem;min-height: 200rem;}
    .s15-5 img{object-position: right bottom;}
    .s15-6{padding: 30rem 0;}
    .s15-7{font-weight: 500;font-size: var(--f-l);line-height: 1.45455;margin-bottom: 30rem;}
    .s15-9{margin-top: 15rem;font-size: var(--f-xs);line-height: 1.71429;color: var(--c4);max-width: 450rem;font-weight: 300;}
    .s15-10{display: flex;flex-wrap: wrap;justify-content: space-between;margin: -5rem;padding-bottom: 20rem;}
    .s15-11{margin: 5rem;}
    
    .s16-1{border-radius: var(--br2);padding-bottom: 100rem;margin-bottom: -100rem;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);}
    .s16-1::before{opacity: .4;}
    .s16-3{grid-column-end: span 2;padding-top: 70rem;padding-bottom: 70rem;}
    .s16-4{position: relative;display: flex;margin-right: calc(-1 * var(--iwr) + 30rem);}
    .s16-4::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s16-5{}
    .s16-6{margin-top: 10rem;font-size: var(--f-b);line-height: 1.5;font-weight: 300;}
    .s16-7{margin-top: 20rem;font-weight: 300;color: var(--c4);max-width: 740rem;}
    .s16-8{margin-top: 30rem;}
    
    .s17-2{text-align: center;}
    .s17-3{margin-top: 55rem;display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 4rem;border-radius: var(--br1);overflow: hidden;}
    .s17-4{padding: 30rem;display: flex;flex-direction: column;align-items: center;text-align: center;}
    .s17-4:nth-child(1)::before,
    .s17-4:nth-child(2)::before{opacity: .2;}
    .s17-5{font-size: var(--f-s);line-height: 1.66667;margin-bottom: 20rem;}
    .s17-6{font-size: var(--f-s);line-height: 1.66667;display: grid;grid-template-columns: auto;grid-gap: 15rem;width: 100%;}
    .s17-6 ._row{border-bottom: var(--sl) dashed;padding-bottom: 15rem;}
    .s17-7{font-size: var(--f-xs);line-height: 1.71429;font-weight: 300;margin-top: 20rem;}
    .s17-8{font-size: var(--f-s);line-height: 1.66667;font-weight: 300;color: var(--c4);display: grid;grid-template-columns: auto;grid-gap: 15rem;width: 100%;}
    .s17-8 ._row{border-bottom: var(--sl) dashed;padding-bottom: 15rem;}
    .s17-9{margin-top: 20rem;}
    .s17-10{margin-top: auto;padding-top: 20rem;}
    
    .s17-4:nth-child(1) .s17-6 ._row{border-color: var(--c12);} 
    .s17-4:nth-child(2) .s17-8 ._row{border-color: var(--c10);} 
    .s17-4:nth-child(3) .s17-8 ._row{border-color: var(--c11);} 
    .s17-4:nth-child(4) .s17-8 ._row{border-color: var(--c13);} 
    
    .s18-1{border-radius: var(--br2);background-color: var(--c6);display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);overflow: hidden;}
    .s18-2{grid-column-end: span 2;display: grid;grid-template-columns: auto;grid-gap: 15rem;padding-right: 35rem;padding-top: 70rem;padding-bottom: 70rem;}
    .s18-3{position: relative;margin-right: calc(-1 * var(--iwr));margin-top: 20rem;display: flex;}
    .s18-3::before{content: "";flex: none;width: 0;padding-top: 100%;}
    
    .s19-2{display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: center;}
    .s19-3{margin-top: 55rem;}
    .s19-3 .carousel:not(.swiper-initialized) .swiper-slide:nth-child(n + 5){display: none;}
    .s19-3 .carousel:not(.swiper-initialized) .swiper-wrapper{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .s19-3 .swiper-initialized{margin: 0 calc(var(--gap) / -2);}
    .s19-3 .swiper-initialized .swiper-slide{padding: 0 calc(var(--gap) / 2);}
    
    .s20-1{border-radius: var(--br2);display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);background-color: var(--c6);overflow: hidden;}
    .s20-2{padding-top: 50rem;padding-bottom: 140rem;}
    .s20-3{margin-right: calc(-1 * var(--iwr));position: relative;}
    .s20-5{margin-top: 15rem;font-weight: 300;color: var(--c4);font-size: var(--f-xs);line-height: 1.71429;max-width: 475rem;}
    .s20-6{margin-top: 30rem;display: grid;grid-template-columns: auto;grid-gap: 20rem;}
    .s20-7 .contacts-tel-number{font-size: var(--f-l);line-height: 1.45455;font-weight: 500;}
    .s20-8{font-size: var(--f-m);line-height: 1.55556;font-weight: 300;}
    .s20-10{position: absolute;z-index: 1;left: 30rem;bottom: 140rem;}
    
    .s20 + .s21{margin-top: -100rem;}
    
    .s21{position: relative;z-index: 1;}
    .s21-1{border-radius: var(--br2);display: grid;grid-template-columns: 2fr 1fr;grid-gap: 100rem;background-color: var(--c5);overflow: hidden;padding: 45rem;}
    .s21-2{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 60rem;align-items: center;}
    .s21-3{position: relative;margin-left: -15rem;}
    .s21-4{position: relative;overflow: hidden;border-radius: var(--br2);display: flex;}
    .s21-4::before{content: "";flex: none;width: 0;padding-top: 116%;}
    .s21-5{padding: 40rem 0;}
    .s21-6{font-size: var(--f-l);line-height: 1.45455;font-weight: 500;}
    .s21-7{margin-top: 10rem;font-size: var(--f-b);font-weight: 300;line-height: 1.5;color: var(--c4);}
    .s21-8{margin-top: 30rem;display: grid;grid-template-columns: auto;grid-gap: 20rem;}
    .s21-9 .contacts-tel-number{font-size: var(--f-m);line-height: 1.55556;}
    .s21-13{position: absolute;z-index: 1;top: 0;left: 0;margin: 20rem;font-size: var(--f-xxs);line-height: 1.76923;background: linear-gradient(90deg, rgba(238, 250, 214, 0.70) -2.29%, rgba(190, 239, 194, 0.70) 49.17%, rgba(142, 229, 176, 0.70) 103.75%);padding: 4rem 12rem;border-radius: 6rem;display: flex;align-items: center;}
    .s21-13::after{content: "";flex: none;background-color: var(--c0);width: max(10px, 10rem);height: max(10px, 10rem);margin-left: 10rem;border-radius: 50%;}
    .s21-14{}
    
    .s22-3{margin-top: 30rem;width: 100%;border-radius: var(--br2);padding: 20rem 25rem;box-shadow: inset 0 0 0 2rem var(--c2);display: grid;grid-template-columns: auto;grid-gap: 15rem;}
    .s22-4{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 240rem;}
    .s22-5{color: var(--c8);font-size: var(--f-s);line-height: 1.66667;}
    .s22-6{font-size: var(--f-s);line-height: 1.66667;}
    
    .s23{display: grid;grid-template-columns: auto;grid-gap: 30rem;}
    .s23-1{display: grid;grid-template-columns: 1fr auto;grid-gap: 40rem;align-items: center;}
    .s23-2{}
    .s23-2-2{margin-top: 15rem;font-weight: 300;color: var(--c4);max-width: 415rem;}
    .s23-2-2 b{font-weight: 300;color: var(--c9);}
    .s23-1:last-child .s23-3{width: 250rem;}
    .s23-3{width: 190rem;height: 190rem;position: relative;}
    .s23-4 .formbox-row{align-items: center;}
    .s23-4 .formbox-row:last-child{}
    .s23-4 .formbox-row:last-child .formbox-cell:first-child{align-items: flex-start;}
    .s23-4 .formbox-row:last-child .formbox-cell:last-child{align-items: flex-end;}
    .s23-4 .button{max-width: 240rem; text-align: center;}
    
}
    
@media screen and (max-width: 1279.98px) {
    
    .mainbar-grid{grid-gap: 30rem;}
    .menubar-nav ul{flex-wrap: wrap;}
    
}

@media screen and (max-width: 1023.98px) {
    
    :root{
        
        --f-xxxs: max(10rem);
        --f-xxs: max(12rem);
        --f-xs: max(12rem);
        --f-s: max(13rem);
        --f-d: max(14rem);
        --f-m: max(15rem);
        --f-b: max(17rem);
        --f-l: max(17rem);
        --f-xl: max(24rem);
        --f-xxl: max(32rem);
        
        --wr: 12rem;
        --iwr: 20rem;
        --gap: 10rem;
        --br2: 10rem;
        
        --max: 480rem;
        
    }
    
    html{font-size: 1px;}
    
    .desktop{display: none!important;}
    
    .button{padding: 10rem 20rem;}
    .button-text{font-size: var(--f-xs);}
    
    .button__large{}
    .button__large .button-text{font-size: var(--f-s);}
    
    .chip{padding: 4rem 12rem;}
    .chipgroup:not(.chipgroup__clear) .chip{min-height: 30rem;}
    
    .contacts{line-height: 1;}
    
    .icl__a .icl-text{font-size: var(--f-xs);}
    
    .header{background-color: var(--c0);z-index: 99;position: sticky;top: 0;margin-bottom: 0;transition: background-color .25s;}
    
    .header-logo{max-width: 135rem;}
    
    .mainbar{border-width: 0;}
    .mainbar-grid{grid-template-columns: 1fr auto auto;grid-gap: 15rem;padding: 10rem 0;}
    .menubar{display: none;}
    
    .main{overflow: hidden;}
    
    .footer{overflow: hidden;margin-top: 40rem;padding: 0 0 25rem;border-width: 0;}
    
    .footer-logo{max-width: 135rem;height: auto;}
    .footer-grid{grid-template-columns: 1fr 1fr;grid-gap: 20rem 0;align-items: stretch;}
    
    .footer .contacts{display: flex;justify-content: flex-end;}
	
    .footer .contacts-tel-number {
		order: 1;
		margin-right: 0;
		margin-left: 6rem;
		font-size: var(--f-m);
		font-weight: 400;
		white-space: nowrap;
	}
	
    .footer .contacts-tel-button{width: 16rem;height: 16rem;}
    
    .footer-grid-a{align-self: center;}
    .footer-grid-b{align-self: center;}
    .footer-grid-c{background-color: var(--c6);border-radius: var(--br1) 0 0 var(--br1);padding-right: 5rem;}
    .footer-grid-d{background-color: var(--c6);border-radius: 0 var(--br1) var(--br1) 0;padding-left: 5rem;}
    .footer-grid-e{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20rem;grid-column: 1/-1;}
    .footer-grid-e > div{overflow: hidden;}
    .footer-nav{padding: 20rem 10rem 25rem;text-align: center;font-size: var(--f-xs);font-weight: 400;}
    
    .bottombar{margin: 10rem 0 0;grid-template-columns: 1fr 1fr;grid-gap: 0 10rem;display: grid;}
    .bottombar-c,
    .bottombar-b{order: -1;background-color: var(--c6);display: inline-flex;align-items: center;justify-content: center;text-align: center;font-size: var(--f-xs);font-weight: 400;border-radius: var(--br1);color: var(--c1);padding: 10rem;}
    .bottombar-c a,
    .bottombar-b a{text-decoration: none;}
    .bottombar-a{order: 1;}
    .bottombar-d{order: 2;margin-top: 20rem;}
    .bottombar-d,
    .bottombar-a{text-align: center;grid-column: 1/-1;font-size: var(--f-xs);}
    .bottombar-e{display: grid;grid-template-columns: auto;grid-gap: 5rem;text-align: center;font-size: var(--f-s);font-weight: 300;color: var(--c1);grid-column: 1/-1;margin: 20rem 0 5rem;}
    
    .breadcrumbs{margin: 0 0 40rem;}
    
    .hl-block{border-radius: var(--br1);overflow: hidden;margin: 10rem var(--wr);}
    .hl-block-inner{grid-template-columns: auto;margin: 0 calc(-1 * var(--wr));padding: 25rem 30rem 30rem;grid-gap: 20rem;}
    .hl-block-inner::before{background-image: url(../img/i-hl-mobile.png);right: var(--iwr);height: 60%;}
    .hl-block-text{font-size: var(--f-m);font-weight: 400;}
    .hl-block-discount{margin-left: 0;font-size: var(--f-b);padding: 3rem 10rem;font-weight: 300;}
    
    .menubar-actions{transition: opacity .5s;}
    .menubar-action{width: 26rem;height: 26rem;padding: 5rem;}
    
    .textfield-input{padding: 15rem;}
    
    .formbox__labeled .textfield{padding: 30rem 15rem 10rem;}
    
    .carousel-pagination .swiper-pagination-current{font-size: var(--f-xl);}
    
    .checkbox-icon{margin-right: 10rem;}
    .checkbox-label{font-size: var(--f-xxs);color: var(--c4);}
    
    .offer{padding: 30rem 15rem 55rem;}
    .offer-title{margin-top: 15rem;}
    .offer-action{margin-top: 15rem;}
    
    .s6-2__a .offer{background-position: center bottom -65rem}
    .s6-2__b .offer{background-size: auto 125rem;}
    
    .section:not(:first-child){margin-top: 40rem;}
    
    .inner{padding: 0;}
    
    .textbox{font-size: var(--f-xs);}
    .textbox h3,
    .textbox h4{font-size: var(--f-d);font-weight: 400;}
    
    .formbox{grid-gap: 15rem;}
    .formbox .formbox-cell{margin: 5rem 0;}
    .formbox .formbox-row{margin: -5rem 0;flex-direction: column;}
    
    .selectbox-label{margin-bottom: 10rem;}
    .selectbox{padding: 15rem;}
    .selectbox-list{padding: 15rem;}
    
    .person{padding: 20rem 30rem;}
    .person-image{width: 80rem;height: 80rem;}
    .person-title{margin-top: 15rem;}
    
    .review{padding: 20rem 25rem;}
    .review-image{width: 50rem;height: 50rem;margin-right: 15rem;}
    .review-rating{margin-top: 5rem;}
    .review-content{margin-top: 15rem;}
    
    .sidenav-header{margin-bottom: 15rem;}
    .sidenav-menu ul{grid-gap: 10rem;}
    
    .b1-1{padding: 16rem 20rem;}
    .b1-4{margin-top: 15rem;}
    
    .b2{grid-template-columns: 1fr 1fr;}
    .b2-1{overflow: hidden;padding: 20rem;}
    .b2-2{width: 30rem;height: 30rem;}
    .b2-3{font-size: var(--f-d);}
    
    .s1-1{padding: 0;}
    .s1-2{grid-template-columns: auto;}
    .s1-3{grid-column: auto;margin: 0;}
    .s1-4{margin: 0;}
    .s1-4 .offer::after{width: 45%;right: -50rem;}
    .s1-6{margin-top: 15rem;}
    .s1-7{margin-top: 20rem;}
    .s1-8{background-size: auto 60%;padding: 30rem var(--iwr) 160rem;}
    
    .s2-3{margin-top: 20rem;}
    
    .s3-1{grid-template-columns: auto;grid-gap: 0;}
    .s3-2{margin: 0;order: 1;display: flex;}
    .s3-2::before{content: "";flex: none;width: 0;padding-top: 75%;}
    .s3-3{padding: 30rem var(--iwr) 0;text-align: center;overflow: hidden;}
    .s3-5{margin-top: 10rem;font-size: var(--f-xxs);color: var(--c1);}
    .s3-6{margin-top: 20rem;}
    .s3-6 .chipgroup{align-items: center;flex-direction: column;margin: -5rem 0;}
    .s3-6 .chip{margin: 5rem 0;max-width: 100%;}
    
    .s4-1{padding: 0;align-items: flex-start;}
    .s4-2{text-align: left;}
    .s4-3{grid-template-columns: auto;grid-auto-flow: column;overflow: auto;margin: 20rem calc(-1 * var(--wr)) 0;width: calc(100% + 2 * var(--wr));padding: 0 var(--wr);overflow:-moz-scrollbars-none!important;scroll-snap-type: x;scroll-padding: var(--wr);}
    .s4-3::-webkit-scrollbar{display: none;}
    .s4-4{margin: 20rem 0 0;}
    .s4-5{width: 260rem;flex-direction: column;scroll-snap-align: start;}
    .s4-5 ._media{display: flex;order: -1;margin-left: auto;width: 130rem;margin-top: 10rem;}
    .s4-5 ._media::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s4-5 ._content{padding: 15rem var(--iwr) 30rem;}
    .s4-5 ._text{margin-top: 10rem;}
    .s4-5 ._action{margin-top: 15rem;}
    
    .s5-1{grid-template-columns: auto;grid-gap: var(--gap);}
    .s5-2{overflow: hidden;padding: 30rem var(--iwr) 0;text-align: center;}
    .s5-3{margin: 0;order: 1;display: flex;}
    .s5-3::before{content: "";flex: none;width: 0;padding-top: 75%;}
    .s5-5 .chipgroup{align-items: center;flex-direction: column;margin: -5rem 0;}
    .s5-5 .chip{margin: 5rem 0;max-width: 100%;}
    .s5-6{font-size: var(--f-xxs);color: var(--c1);}
    
    .s6-1{grid-template-columns: auto;grid-gap: 30rem;padding: 30rem var(--iwr) 0;}
    .s6-1::before{border-radius: inherit;bottom: 55rem;}
    .s6-3{grid-column: auto;padding: 0;order: -1;}
    .s6-4{text-align: center;}
    .s6-5{text-align: center;font-weight: 400;color: var(--c1);}
    
    .s6-1:not(.inner){padding: 30rem var(--iwr) 0;}
    .s6-1:not(.inner) .s6-3{padding: 0;}
    .s6-1:not(.inner) .s6-2{margin: 0;}
    
    .s7-3{margin-top: 20rem;}
    .s7-3 .formbox{grid-gap: 30rem;}
    .s7-3 .formbox .formbox-cell{margin: 15rem 0;}
    .s7-3 .formbox .formbox-row{margin: -15rem 0;}
    .s7-3 .formbox-footer{margin-top: 20rem;}
    
    .s8-1{grid-template-columns: auto;grid-gap: 0;}
    .s8-2{margin: 0;display: flex;}
    .s8-2::before{content: "";flex: none;width: 0;padding-top: 85%;}
    .s8-3{grid-column: auto;padding: 0 var(--iwr) 40rem;}
    .s8-4{text-align: center;}
    .s8-5{text-align: center;color: var(--c1);font-size: var(--f-s);font-weight: 400;}
    .s8-6{margin-top: 15rem;}
    
    .s9-3{width: 260rem;margin-top: 20rem;}
    .s9-3 .carousel{overflow: visible;}
    .s9-4{margin-top: 20rem;}
    
    .s10-2{grid-template-columns: auto;grid-gap: 30rem;}

    .s10-3{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 30rem 10rem;margin: 30rem 0 0;}
    .s10-4{padding: 0;}
    .s10-5{order: -1;margin: 0;}
    .s10-6{margin: 0;text-align: center;}
    .s10-6 ._ttitle{font-size: var(--f-xxl);}
    .s10-6 ._text{margin: 0;}
    .s10-7{display: flex;}
    .s10-7::before{content: "";flex: none;width: 0;padding-top: 75%;}
    
    .s11-1{grid-template-columns: auto;}
    .s11-2{margin: 0 -40rem -70rem 0;order: 1;display: flex;}
    .s11-2::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s11-3{grid-column: auto;padding: 30rem var(--iwr) 0;}
    .s11-4{text-align: center;}
    .s11-5{text-align: center;font-weight: 400;font-size: var(--f-s);color: var(--c1);}
    .s11-6{margin-top: 15rem;}
    
    .s12-3{margin-top: 20rem;}
    .s12-4{padding: 0;text-align: center;}
    .s12-4 .textbox{grid-gap: 20rem;}
    
    .s13-1{padding: 0;}
    .s13-2{text-align: center;}
    .s13-3{grid-template-columns: auto;margin-top: 20rem;}
    .s13-4{padding: 20rem 20rem 25rem;}
    .s13-4 ._media{height: 95rem;}
    .s13-4 ._content{margin-top: 20rem;}
    .s13-4 ._title{min-height: 0;}
    .s13-4 ._text{margin-top: 10rem;}
    
    .s14:not(:last-child){margin-bottom: 40rem;}
    .s14-1{grid-template-columns: auto;grid-gap: 40rem;}
    .s14-2{grid-template-columns: auto;padding: 20rem 20rem 25rem;grid-gap: 20rem;}
    .s14-3{padding: 20rem var(--iwr);}
    .s14-4{grid-column: auto;padding: 0;}
    .s14-4 .textbox h3{font-size: var(--f-xl);font-weight: 500;}
    .s14-7{order: -1;width: 95rem;margin: 0;}
    .s14-9{margin-top: 10rem;}
    
    .s15-1{grid-template-columns: auto;padding: 0;grid-gap: 40rem;}
    .s15-2{grid-template-columns: auto;padding: 0 var(--iwr);grid-gap: 0;}
    .s15-3{grid-column: auto;padding: 0;order: 1;}
    .s15-5{margin: 0;width: 100%;}
    .s15-6{padding: 20rem 0 0;}
    .s15-7{margin-bottom: 20rem;}
    .s15-4 .s15-7{text-align: center;}
    .s15-10{justify-content: center;padding-bottom: 15rem;}
    
    .s16-1{grid-template-columns: auto;padding: 0 var(--iwr) 40rem;margin: 0 0 -10rem;}
    .s16-3{grid-column: auto;padding: 0;text-align: center;}
    .s16-4{margin: 0 50rem;order: -1;}
    .s16-6{font-size: var(--f-d);font-weight: 400;}
    .s16-7{margin-top: 10rem;color: var(--c1);font-size: var(--f-xs);}
    .s16-8{margin-top: 20rem;}
    .s16-8 .chipgroup{margin: -8rem;flex-direction: column;}
    .s16-8 .chip{margin: 8rem;flex-direction: column;}
    .s16-8 .chip-icon{margin: 0 0 10rem;}
    
    .s17-1{padding: 0;}
    .s17-3{grid-template-columns: auto;grid-auto-flow: column;overflow: auto;margin: 20rem calc(-1 * var(--wr)) 0;width: calc(100% + 2 * var(--wr));border-radius: 0;padding: 0 var(--wr);overflow:-moz-scrollbars-none!important;scroll-snap-type: x;scroll-padding: var(--wr);grid-template-columns: auto;}
    .s17-3::-webkit-scrollbar{display: none;}
    .s17-4{width: 260rem;flex-direction: column;border-radius: var(--br1);padding: 20rem 15rem;scroll-snap-align: start;}
    .s17-5{padding: 0 10rem;}
    .s17-6,
    .s17-8{grid-gap: 10rem;}
    .s17-6 ._row,
    .s17-8 ._row{padding-bottom: 10rem;}
    .s17-7{margin-top: 15rem;color: var(--c4);font-size: var(--f-xxxs);}
    .s17-9{margin-top: 15rem;}
    .s17-10{margin-top: 10rem;}
    
    .s18-1{grid-template-columns: auto;padding: 0;}
    .s18-2{grid-column: auto;padding: 20rem var(--iwr);}
    .s18-3{display: flex;margin: 0;}
    .s18-3::before{content: "";flex: none;width: 0;padding-top: 100%;}
    
    .s19-1{padding: 0;}
    .s19-2{text-align: center;}
    .s19-3{margin-top: 20rem;}
    .s19-4{display: flex;justify-content: center;margin-top: 20rem;}
    
    .s20-1{grid-template-columns: auto;padding: 0;}
    .s20-2{padding: 20rem var(--iwr) 30rem;}
    .s20-3{margin: 0;display: flex;}
    .s20-3::before{content: "";flex: none;width: 0;padding-top: 135%;}
    .s20-4{text-align: center;}
    .s20-5{margin-top: 10rem;text-align: center;}
    .s20-6{margin-top: 20rem;grid-gap: 0;}
    .s20-7{text-align: center;}
    .s20-7 .contacts-tel-number{order: 1;margin-right: 0;margin-left: 10rem;font-weight: 300;}
    .s20-8{text-align: center;font-size: var(--f-s);}
    .s20-8 + .s20-8{margin-top: 6rem;}
    .s20-10{bottom: 30rem;left: 0;right: 0;display: flex;justify-content: center;}
    .s20-11{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);margin: 20rem 0;}
    .s20-12{overflow: hidden;}
    
    .s20 + .s21{margin-top: 40rem;}
    
    .s21-1{grid-template-columns: auto;grid-gap: 15rem;padding: 12rem 12rem 0;}
    .s21-2{grid-gap: 30rem;grid-template-columns: 120rem 1fr;align-items: stretch;}
    .s21-3{display: flex;margin: 30rem 40rem -25rem;}
    .s21-3::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s21-4{width: 100%;max-width: 160rem;}
    .s21-4::before{padding-top: 135%;}
    .s21-5{padding: 15rem 0;}
    .s21-6{font-size: var(--f-m);}
    .s21-7{font-size: var(--f-s);margin-top: 0;}
    .s21-8{margin-top: 15rem;grid-gap: 10rem;}
    .s21-9 .contacts-tel{flex-wrap: wrap;}
    .s21-9 .contacts-tel-number{margin: 0;min-width: 100%;order: -1;font-weight: 400;}
    .s21-9 .contacts-tel-number:not(:last-child){margin-bottom: 10rem;}
    .s21-10{font-size: var(--f-s);font-weight: 300;}
    .s21-13{margin: 5rem;font-size: var(--f-xxxs);padding: 4rem 6rem;}
    .s21-13::after{order: -1;width: 8rem;height: 8rem;margin-left: 0;margin-right: 6rem;}
    .s21-14{padding: 0;}
    .s21-15{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s21-16{overflow: hidden;}
    
    .s22-1{padding: 0;}
    .s22-3{margin-top: 20rem;padding: 15rem var(--iwr);grid-gap: 10rem;}
    .s22-4{grid-template-columns: auto;grid-gap: 0;}
    .s22-4:not(:first-child){padding-top: 10rem;border-top: var(--sl) dashed var(--c7);}
    .s22-5{color: var(--c4);font-weight: 300;}
    
    .s23-1{grid-template-columns: auto;grid-gap: 10rem;}
    .s23-3{order: -1;width: 110rem;height: 110rem; margin: 0 auto;}
    .s23-2{text-align: center;}
    .s23-2-2{margin-top: 10rem;}
    .s23-4 .formbox-row{align-items: initial;}
    .s23-4 .formbox-row:last-child .formbox-cell:last-child{order: -1;}
    .s23-4 .button{margin: 0 auto;width: auto;}
    
    .calendar-nav{margin-bottom: 5rem;}
    .calendar-wrapper{margin: 0 -5rem;}
    .calendar table{border-spacing: 5rem;}
    
    .burger{display: flex;align-items: center;justify-content: center;flex: none;width: 22rem;height: 22rem;color: var(--c3);}
    .burger-icon{position: relative;height: 2rem;width: 100%;background-color: currentColor;transition: background-color 0s .25s;}
    .burger-icon::before,
    .burger-icon::after{content: "";position: absolute;left: 0;height: 2rem;width: 100%;background-color: currentColor;will-change: transform;}
    .burger-icon::before{bottom: 7rem;transition-property: bottom, transform;transition-duration: .25s;transition-delay: .25s, 0s;}
    .burger-icon::after{top: 7rem;transition-property: top, transform;transition-duration: .25s;transition-delay: .25s, 0s;}    

    .popup-menu{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 98;overflow: auto;transform: translateY(-100%);will-change: transform;transition: all .25s;visibility: hidden;}
    .popup-menu-wrapper{background-color: var(--c6);border-radius: 0 0 var(--br1) var(--br1);padding: 56rem var(--wr) 40rem;display: grid;grid-template-columns: auto;grid-gap: 20rem;}
    
    .popup-overlay{background-color: var(--c1);opacity: .7;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;visibility: hidden;}
    
    .menu-search .textfield-input{padding: 10rem 15rem;}
    .menu-nav-1 ul{display: grid;grid-template-columns: auto;grid-gap: 15rem;text-align: center;}
    .menu-nav-2{padding: 15rem 10rem 5rem;border-radius: var(--br1);}
    .menu-nav-2 ul{column-count: 2;column-gap: 20rem;text-align: center;line-height: 1.5;font-size: var(--f-xs);}
    .menu-nav-2 li{margin-bottom: 15rem;break-inside: avoid;}
    .menu-contacts{display: flex;justify-content: center;}
    .menu-contacts .contacts-tel-number{order: 1;margin-left: 10rem;margin-right: 0;font-weight: 400;font-size: var(--f-m);}
    .menu-actions{display: grid;grid-gap: 20rem;grid-template-columns: 1fr 1fr;overflow: hidden;}
    .menu-actions > div{overflow: hidden;}
    
    .mobile-menu-active{overflow: hidden;}
    .mobile-menu-active .popup-menu{visibility: visible;transform: translateY(0);}
    .mobile-menu-active .popup-overlay{visibility: visible;}
    .mobile-menu-active .header{background-color: var(--c6);}
    .mobile-menu-active .menubar-actions{opacity: 0;visibility: hidden;}
    .mobile-menu-active .burger-icon{background-color: rgba(0,0,0,0);color: var(--c9);}
    .mobile-menu-active .burger-icon::before{bottom: 0;transform: rotate(-45deg);transition-delay: 0s, .25s;}
    .mobile-menu-active .burger-icon::after{top: 0;transform: rotate(45deg);transition-delay: 0s, .25s;}

    
    .popup-modal{max-height: calc(100% - 2 * var(--wr));width: calc(100% - 2 * var(--wr));overflow: auto;}
    .popup-modal-content .u9{padding: 0;}
    
    .popup-modal__v2{padding: 0 20rem 30rem;}
    .popup-modal__v2 .popup-modal-close{margin: 20rem;}
	
	.u22 .chipgroup {
		flex-direction: column;
	}
    
}

@media screen and (min-width: 1024px) {
    
    .mobile{display: none!important;}
    
    .bottombar{display: flex;
	/*margin: 60rem calc(-1 * var(--gap)) 0;*/
	align-items: center;justify-content: space-between;
	margin-top:60rem;
	}
    .bottombar-a,
    .bottombar-b,
    .bottombar-c,
    .bottombar-d{
      /*margin: 0 var(--gap);*/
	  margin:0;
	  flex: 0 0 calc(25% - 20px);
	}
    
}
/*.footer .inner{
	padding:0 80rem;
}*/
@media screen and (min-width: 1440px) {
 
    html{font-size: 1px;}

}

/* hover animations */

@media (hover: hover) and (pointer: fine) {
    
    .button,
    .menubar-action,
    .chip,
    .review,
    .sidenav-header-icon,
    .s13-4{transition-property: color, border-color, background-color, box-shadow;transition-duration: .15s;}
    
    .dl,
    .icl-text,
    .icl-icon,
    .chip-text,
    .chip-icon,
    .mainbar-nav a,
    .menubar-nav a,
    .footer-nav a,
    .footer-contacts a,
    .contacts-tel-number,
    .header-tel-number,
    .sidenav-menu a,
    .s20-8 a,
    .s21-10 a{transition: color .15s;}
    
    .button__default:hover,
    .button__default:active{background-color: var(--c9);border-color: var(--c9);color: var(--c0);}
    .button__secondary:hover{background-color: var(--c1);border-color: var(--c1);color: var(--c0);}
    .button__secondary:active{background-color: var(--c9);border-color: var(--c9);color: var(--c0);}
    
    .menubar-action:hover,
    .menubar-action:active{background-color: var(--c9);color: var(--c0);}
    
    .dl:hover,
    .dl:active{color: var(--c9);}
    
    .bottombar a:hover{text-decoration: none;}
    
    .icl__a:hover .icl-text,
    .icl__a:hover .icl-icon{color: var(--c3);}
    .icl__a:active .icl-text,
    .icl__a:active .icl-icon{color: var(--c9);}
    
    .icl__b:hover .icl-text,
    .icl__b:active .icl-text,
    .icl__b:hover .icl-icon,
    .icl__b:active .icl-icon{color: var(--c9);}
    
    a.chip:hover,
    a.chip:active{background-color: var(--c1);border-color: var(--c1);}
    a.chip:hover .chip-icon,
    a.chip:hover .chip-text,
    a.chip:active .chip-icon,
    a.chip:active .chip-text{color: var(--c0);}
    
    .chipgroup__clear a.chip:hover{background-color: transparent;}
    .chipgroup__clear a.chip:hover .chip-icon,
    .chipgroup__clear a.chip:hover .chip-text{color: var(--c9);}
    
    .mainbar-nav a:hover,
    .menubar-nav a:hover,
    .footer-nav a:hover,
    .footer-contacts a:hover,
    .contacts-tel-number:hover,
    .header-tel-number:hover,
    .s20-8 a:hover,
    .s21-10 a:hover{color: var(--c9);}
    
    .sidenav-menu a:hover{color: var(--c3);}
    .sidenav-menu a:active{color: var(--c9);}
    
    .review:hover{background-color: var(--c6);box-shadow: inset 0 0 0 2rem var(--c6);}
    
    .sidenav-header:hover .sidenav-header-icon{background-color: var(--c3);color: var(--c0);}
    .sidenav-header:active .sidenav-header-icon{background-color: var(--c9);color: var(--c0);}
 
    .s13-4:hover{background-color: var(--c0);box-shadow: inset 0 0 0 2rem var(--c2);}
    
}

@media screen and (max-width: 600px) {
.header-logo{
	height:60px!important;
	max-width:100%!important;
}	
	.msg-success-content {
		padding-left:20rem;
	}
	
}

.formbox-row-primary {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'item1 item2' 'item3 item3';
    grid-row-gap: 15px;
}

.formbox-row-primary .formbox-cell:nth-child(1) {
    grid-area: item1;
}

.formbox-row-primary .formbox-cell:nth-child(2) {
    grid-area: item2;
}

.formbox-row-primary .formbox-cell:nth-child(3) {
    grid-area: item3;
}

@media screen and (max-width: 1023.98px) {
    .formbox-row-primary {
        grid-template-columns: 1fr;
        grid-template-areas: 'item1' 'item2' 'item3';
        grid-row-gap: 0;
    }
}

.s11-1 {
    min-height: 515px;
}

.blog {
    margin-top: 55rem;
    display: flex;
    flex-direction: column;
    row-gap: 30rem;
}

.blog-item {
    border-radius: var(--br1);
    display: flex;
    padding: 30rem;
    background-color: var(--c6);
    box-shadow: inset 0 0 0 2rem var(--c6);
    position: relative;
}

.blog-item__image {
    max-width: 350px;
    margin-right: 30px;
}

.blog-item__image img {
    border-radius: var(--br1);
}

.blog-item__title {
    font-weight: 500;
    font-size: var(--f-l);
    line-height: 1.45455;
}

.blog-item__body {
    display: flex;
    flex-direction: column;
}

.blog-item__body .card-text {
    flex-grow: 1;
}

.news-detail-body h1 {
    margin-bottom: 30px;
}

@media screen and (max-width: 1023.98px) {
    .blog {
        margin: 30px 0;
    }
    .blog-item {
        flex-direction: column;
        padding: 20rem;
    }
    .blog-item__image {
        margin-right: 0;
        margin-bottom: 30px;
    }
}

.js-selector-list{
	display:none;
	position:absolute;
	background-color:#fff;
	padding:10px;
	border-radius: var(--br1);
    background-color: var(--c0);
    border: var(--sl) solid var(--c2);
	z-index:10;
	left:0;
	right:0;
	top:60px;
}
.js-selector.active .js-selector-list{
	display:block;
	height:137px;
	overflow-y:auto;
}
.js-selector{
	position:relative;
}
.js-selector-option{
	cursor:pointer;
	padding-left:10px;
	display:block;
}
.js-selector-option:hover{
	background-color: var(--c6);
}
#regform .required.error{
	border:1px solid #ff0000!important;
}
#popup-8 .s23-2-2 p{
	text-align:center;
font-family: Geologica;
font-weight: 400;
font-style: Regular;
font-size: 15px;
leading-trim: NONE;
line-height: 25px;
letter-spacing: 0%;
text-align: center;
	
}
#popup-8 .s23-2-2{
	max-width:100%;
	text-align: center;
}
#popup-8 .s23-2-2 .ttt{
	display:inline-block;
	padding:6px 10px;
	background: rgba(239, 239, 239, 1);
font-family: Geologica;
font-weight: 300;
font-style: Light;
font-size: 14px;
leading-trim: NONE;
line-height: 24px;
letter-spacing: 0%;
color: rgba(89, 89, 89, 1);
margin-top:20px;
margin-bottom:20px;
}
/*.s13-4 {
	min-height:526px;
}*/
.s13-4 ._text{
	height:72px;
	overflow:hidden;
	max-width:249px;
}
.header-logo a{
	display:block;
	width:100%;
	margin-top:0px;
}
.header-logo img{
	width:100%;
	height:auto!important;
	max-height:40px;
}

@media screen and (max-width: 600px) {
	.popup-menu-wrapper{
		padding-top:80px;
	}
	.s6-1{
		overflow:auto;
		padding-bottom:20px;
	}
	.s6-1::before{
		bottom:-20px;
		padding-bottom:20px;
	}
	.s13-4{
		min-height:10px;
		max-width:100%;
		display:block;
		width:auto;
		min-width:1px;
	}
	.s13-4 ._media{
		max-width:100%;
	}
	.s13-4 ._text{
		height:auto;
		overflow:auto;
		white-space:word-break;
	}
	.s13-4 ._text{
		white-space:word-break;
		flex:0 0 100%;
	}
	.s13-4 ._text p{
		white-space:word-break;
	}
	.s13-4 ._content{
		flex-direction:row;
		flex-wrap:wrap;
		max-width:100%;
	}
	.s13-4 ._title{
		flex:0 0 100%!important;
		margin-bottom:10px;
	}
	.footer-grid{
		display:flex;
		flex-wrap:wrap;
	}
	.footer-grid-a{
		flex:0 0 50%;
		margin-bottom:10px;
	}
	.footer-grid-b{
		flex:0 0 50%;
		margin-bottom:10px;
	}
	.footer-grid-c{
		flex:0 0 50%;
	}
	.footer-grid-d{
		flex:0 0 50%;
	}
	.footer-grid-e{
		flex:0 0 100%;
		margin-bottom:10px;
	}
	.footer-grid-c .mainbar-nav li{
		white-space:normal;
	}
}
.s13-1 ul{
	padding-left:20px;
}
.s13-1 li{
	list-style:disc;
}

/*.s13-4 ._media{
	height:auto;
}
.s13-4 ._media img{
	position:relative;
	border-radius:5px;
	object-position:center;
}*/


.rel {
    position: relative;
}

.header__search {
    flex-basis: calc(100% - 50px);
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    height: 35px;
    padding: 5px;
    display: flex;
    align-items: center;
    background: #fff
}

.header__search-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: none;
    outline: none;
    box-shadow: unset;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 25px;
    flex-shrink: 0
}

.header__search-button.inactive {
    display: none
}

.header__search-input {
    flex-grow: 1;
    border: none;
    outline: none;
    height: 25px;
    padding: 0 5px;
    line-height: 15px
}

.header__search-clear {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: none;
    outline: none;
    box-shadow: unset;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 25px;
    flex-shrink: 0;
    color:var(--c3);
}

.header__search-clear.inactive {
    display: none
}


@media (min-width:1200px) {
    .header__search-big {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        background: none;
        outline: none;
        box-shadow: unset;
        padding: 0;
        display: flex;
        width: 30px;
        height: 30px;
        align-items: center;
        justify-content: center;
        cursor: pointer
    }

    .header__search {
        display: none;
        position: absolute;
        width: calc(100% - 220px);
        right: 0;
        bottom: -57px;
        height: 55px;
        box-shadow: 0px 4px 28.7px 0px rgba(0,0,0,.25);
        padding: 15px 10px 15px 20px;
        z-index: 10
    }

    .header__search.active {
        display: flex
    }

    .header__search-button {
        width: 38px;
        height: 38px;
        border-radius: 5px;
        background: var(--c6);
        cursor: pointer;
        color: var(--c3);
        transition-property: color, background-color;
        transition-duration: .15s;
    }
    .header__search-button:hover, .header__search-button:active {
        background: var(--c9);
        color: var(--c0);
    }

    .header__search-clear {
        width: 38px;
        height: 38px;
        cursor: pointer
    }
}

.search-page {
    background-color: var(--c6);
    border-radius: var(--br1);
    padding: 30rem;
}
.selectfield {
    font-weight: 300;
    padding: 20rem;
    flex: auto;
    min-width: 0;
    border-radius: var(--br1);
    background-color: var(--c0);
    border: var(--sl) solid var(--c2);
    width:100%;
}
.text-center {
    text-align: center;
}


.s17-new {
    margin-top:100rem
}
.s17-3-new {
    margin-top: 55rem;
    display: flex;
    gap: 4rem;
    border-radius: var(--br1);
    overflow: hidden;
}
.s17-3-new > .s17-4 {
    flex:1;
    flex-basis:100%;
    min-width:260rem;
}
.scroll-wrap {
    overflow-x:auto;
}

.s17-3-new .s17-5 {
    height:50rem;
}
.price-comment {
    margin-top:30rem;
    font-weight:200;
    font-size:15rem;
}

@media (max-width:1200px) {
    .s17-3-new {
        overflow:unset;
    }
}



.tabs__heads-scroll {
  padding-bottom: 10px;
  margin-bottom: 20px;
  overflow: auto;
}
.tabs__heads-scroll::-webkit-scrollbar {
  height: 2px;
}
.tabs__heads-scroll::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #F5F5F5;
}
.tabs__heads {
  display: flex;
  width: max-content;
  gap: 8px;
}
.tabs__heading {
  height: 30px;
  display: flex;
  padding: 6px 15px;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  color:var(--c3);
  border: 1px solid var(--c6);
  border-radius: 34px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.tabs__heading.active {
  background: #F7F7F7;
}
.tabs.blue .tabs__heading {
  border: 1px solid var(--c6);
}
.tabs.blue .tabs__heading.active {
  background: var(--c6);
}
.tabs__contents {
    margin-bottom:50rem;
}
.tabs__content {
  display: none;
}
.tabs__content.active {
  display: block;
}

.price-subtitle {
    font-size:20rem;
    margin:25px 0 5px 0;
    font-weight:700;
}
.price-row {
    display:flex;
    width:100%;
    justify-content: space-between;
    gap:20px;
    padding:10px 0;
    border-bottom: 1px solid var(--c6);
    font-weight: 300;
}
.price-row:last-child {
    border:none;
}
.price-row__name {
    flex-grow:1;
}
.price-row__value {
    flex-shrink:0;
    text-align:right;
    width: 185px;
}

@media (min-width: 1200px) {
  .tabs__heads-scroll {
    overflow: unset;
    margin-bottom: 40px;
    padding: 0;
  }
  .tabs__heads {
    gap: 15px;
    justify-content: flex-start;
    width: 100%;
  }
  .tabs__heading {
    font-weight: 200;
    font-size: 15px;
    line-height: 25px;
    height: 45px;
    padding: 10px 15px;
  }
  .tabs__heading:hover {
    background: #F7F7F7;
  }
  .tabs.blue .tabs__heading:hover {
    background: var(--c6);
  }
  .price-row__value {
    width:300px;
  }
}

.main .section p, .main .section li {
    font-weight:300;
}
.main .section strong, .main .section b {
    font-weight:500;
}
.main .section h2, .main .section h3, .main .section h4, .main .section h5, .main .section h6 {
    font-weight:500;
    margin-bottom:.875em;
    margin-top:1em;
}
.main .section h2 {
    font-size:var(--f-l);
}
.main .section h3 {
    font-size:var(--f-b);
}
.main .section h4 {
    font-size:var(--f-m);
}
.main .section h5 {
    font-size:var(--f-d);
}
.main .section h6 {
    font-size:var(--f-s);
}


.news-detail-flex {
    display:flex;
    flex-wrap:wrap;
    /*gap:20px;*/
}
.news-detail-flex .news-detail-img {
    width:100%;
    flex-shrink:0;
}
.news-detail-flex .title__main {
    width:100%;
    flex-shrink:0;
}
.news-detail-flex .news-detail-content {
    width:100%;
    flex-shrink:0;
}

@media (min-width:992px) {
    .news-detail-flex {
       
    }
    .news-detail-flex .title__main {
        order:1;
    }
    .news-detail-flex .news-detail-content {
        order:2;
        width:70%;
        padding-right:30px;
    }
    .news-detail-flex .news-detail-img {
        order:3;
        width:30%;
    }
}


.textbox h3 {
    margin: 10px 0 0;
}
.textbox li {
    list-style: circle;
    margin-left: 20px;
    color: var(--c4);
}


.formbox-input {
    display: flex;
    align-items: center;
    position: relative;
    /*cursor: pointer;*/
    width: 100%;
    /*user-select: none;*/
    background-color: var(--c6);
    border-radius: var(--br1);
    padding: 20rem;
    box-shadow: inset 0 0 0 var(--sl) var(--c2);
    /*line-height:26px;*/
}

@media screen and (max-width: 1023.98px) {
    .formbox-input {
        padding: 15rem;
    }
}

.s6-5 a, .s11-5 a {
    color: var(--c3);
    text-decoration: underline;
}
.s6-5 a:hover, .s11-5 a:hover {
    color: var(--c9);
    text-decoration: none;
}