html{font-size: .5208333333vw!important;}
.manrope-<uniquifier>{font-family: "Manrope", serif;font-optical-sizing: auto;font-weight: 800;font-style: normal;}
main{padding-bottom: 0;}
.sea .sea-vendors button{background: #A50F2D;width: 100%;height: 5rem;border-radius: 1.6rem;font-size: 2rem;border: 0;}
p, ul, ul li{font-size: 1.8rem;line-height: 1.4;}
.sea{background:#F0F2F6}
.sea p{}
.catalog-items{overflow: hidden;transition: max-height 0.3s ease-out;display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 16px;max-height: none;}
.swiper-scrollbar-drag{background: rgb(99 109 136);cursor: pointer;}
.sea .filter__wrapper{margin-top: 0;}
.sr-only{height: 1rem;padding: 0 !important;}
.load-more-btn{display: block;padding: 1rem 2rem;border-radius: 2rem;transition: .3s ease;background-color: white;border: 0;color: #8b8c8c;font-size: 2rem;margin: 0 auto;margin-top: 3rem;}
.load-more-btn:hover{color: #a20c33;}
.lazy{opacity:0; transition:opacity .3s ease}
.summary{display: flex;gap: 2rem;justify-content: center;margin-bottom: 8rem;}
.sea .summary h3{font-size: 4rem;font-weight: 600;border-bottom: 1px solid #636d88;line-height: 1.6;}
.summary p{text-align: center;}
.summary>div{display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;align-items: center;width: 100%;}
.sea .catalog-sidebar{width:100%;margin-right: 0;padding-left: 0;}
.sea .catalog-content{padding-right: 0;padding-left: 0;}
.sea .catalog-sidebar__list{gap: 1rem 2rem; display: flex;align-items: center;flex-direction: row;flex-wrap: wrap;overflow: unset;}
.sea .catalog-content{width: 100%;border-left: 0}
.sea .catalog-items a{border-radius: 1.6rem;width: calc(100% / 5 - 1.9rem);}
.sea .catalog .side-list__link{padding-right: 0;}
.sea .side-list__link label{padding: 1rem 2rem;background: white;border-radius: 1.6rem;transition:.3s ease}
.sea .side-list__link label:hover{color: #a50f2d;transform: translateY(-.2rem);transition: opacity 0.3s ease, transform 0.3s ease;}
.sea h2{font-size: 6rem;font-weight: 600;line-height: 6rem;letter-spacing: -0.05em;text-align: left;text-underline-position: from-font;text-decoration-skip-ink: none;}
.sea .wrapper>h2{margin-bottom:4.4rem}
.sea h3,.sea h1,.sea h2{color:#636d88}
.modal-trigger{ cursor: pointer; }
.modal-overlay{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 999; opacity: 0; visibility: hidden; }
.modal-overlay.active{ opacity: 1; visibility: visible; transition: opacity 0.2s ease, visibility 0s; }
.modal-content.vidos{background: none;padding: 0;}
.modal-overlay.active .modal-content{ transform: scale(1); opacity: 1; }
.sea .sea-vendors .close-button{ width: auto; position: absolute; top: 1.5rem; right: 3.5rem; background: none; border: none; font-size: 5.4rem; cursor: pointer; padding: .5rem; }
.close-button:hover{ color: #ff0000; }
.close-button:after, .close-button:before{display:none}
.sea .sea-vendors .wrapper .modal-trigger{width: calc(100% / 4 - 2rem);border-radius: 1.6rem;border: 0;background: white;height: 16rem; font-size: 1.8rem;font-weight: 500;padding: 4rem;transition:.3s;}
.sea .sea-vendors .wrapper .modal-trigger:hover{background: #2396d3; color:white}
.sea .modal-content p{font-size: 1.6rem;line-height: 1.4;}
.sea .modal-content iframe{max-width: 100%;min-height: auto;}
.sea .sea-vendors button.red{ background-color: #a50f2d; border-color: #a50f2d; margin: 0 auto; margin-top: 4rem; color: white; height: 4rem; border-radius: 1.6rem; border: 0; padding: 3rem; font-size: 2rem; display: flex; align-items: center; justify-content: center;}
.sea h3{font-size: 2.5rem; font-weight: 500; letter-spacing: -0.05em; line-height: 1; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; margin-bottom: 1.5rem;}
.sea-swiper h3{margin: 2rem 1.2rem; font-weight: 500; line-height: 2.7rem; color: #000;}
.sea-swiper ul,.tabs-content ul{}
.sea-swiper ul li,.tabs-content ul li{ margin: 0 1.2rem; font-size: 1.6rem; font-weight: 300; color: #404040; line-height: 1; background-position: left top 1.2rem !important;}
.sea-swiper span{ font-size: 1.8rem; font-weight: 400; line-height: 3.7rem; position: absolute; top: .2rem; left: .2rem; color: #333; background: white; padding: 0rem 2.2rem; border-radius: 1.2rem 0;}
.sea section{ padding-top: 12rem; padding-bottom: 0rem;}
.sea section.grey{border-radius: 1.6rem; padding-top: 8rem; margin-bottom: 8rem;}
.sea section.grey h1,.sea section.grey h2,.sea section.grey h3{color:white}
.sea .wrapper{width: 160rem;position:relative;margin:0 auto;padding: 0;overflow: hidden;max-width: 100%;}
.sea iframe{height: 40rem;border-radius: 1.6rem;}
.sea-process.v2 span{ background: #f0f2f6; height: 5rem; width: 5rem; border-radius: 1rem; display: flex; justify-content: center; align-items: center; color: #aa1d3a; font-size: 1.3rem;}
.sea .sea-call{padding-top: 0;padding-bottom:12rem}
.sea .sea-call .wrapper{display: flex; gap: 2rem; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; background: white; border-radius: 1.6rem; padding-left: 4rem;}
.sea .sea-call .wrapper div{width: calc(100% / 2 - 1rem);}
.sea .sea-call .wrapper img{object-fit: cover;width: 100%;}
.sea .sea-call .wrapper h2{margin-bottom: 4rem;font-size: 5rem;}
.sea .sea-call .wrapper p{font-size: 2.5rem;}
.sea .cont .wrapper{display: flex;flex-direction: column;gap: 2rem;}
.sea .cont .wrapper a{color: #636d88;font-size: 3rem;font-weight: 700;transition:.3s}
.sea .cont .wrapper a:hover{color: #a50f2d;}
.sea .sea-call .wrapper button{height: 4rem;border-radius: 1.6rem;border: 0;padding: 3rem;font-size: 1.6rem;display: flex; align-items: center; justify-content: center; background: #a50f2d; color: white; margin-top: 4rem;}
.sea .sea-banner{padding-top: 2rem;}
.sea .sea-banner img{width: 100%; border-radius: 1.6rem; z-index:1;height: 50rem;object-fit: cover}
.mgallery .wrapper h2{width:100%}
.mgallery .wrapper{display: flex;flex-wrap: wrap;gap: .5rem .5rem;}
.tabs-content .mgallery a{ width: calc(100% / 4 - .4rem);}
.tabs-content .mgallery a img{border: 0;object-fit: cover; min-height: 26rem;width: 100%;border-radius: .5rem;}
#animated-list li{ opacity: 0; transform: translateY(20px); transition: opacity 0.8s ease, transform 0.8s ease; list-style: none; }
#animated-list li.visible{ opacity: 1; transform: translateY(0); }
.counter{ display: inline-block; }
ul.zn{display: flex;gap: 2rem;flex-wrap: wrap;justify-content: space-around;}
ul.zn li{display: flex;flex-direction: column;align-items: center;font-size: 2rem;color: #505050;font-weight: 500; min-width: calc(100% / 7 - 2rem);}
ul.zn li span{font-size: 8rem;color: #2396d3;font-weight: 800;}
.sea .sea-banner h1{ font-size: 6rem; font-weight: 600; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; position: absolute; z-index: 2; top: 5rem; color: white; width: 62rem; left: 7rem; line-height: 1.2; }
.sea .sea-banner p{font-weight: 500; line-height: 2.8rem; position: absolute; bottom: 14.1rem; font-size: 3rem; color: #ffffffde; left: 7rem; width: auto; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; }
.sea .sea-banner .btns{ gap: 2rem; position: absolute; display: flex; justify-content: center; width: auto; left: 7rem; bottom: 4rem; }
.sea .sea-banner button{ height: 4rem; border-radius: 1.6rem; border: 0; padding: 3rem; font-size: 1.6rem; display: flex; align-items: center; justify-content: center; }
.sea .sea-banner button.red{background-color: #a20c33; border-color: #a50f2d; color:white; transition:.3s}
.sea .sea-banner button.red:hover{background-color: #636d88; }
.sea .sea-service .wrapper{ display: flex; flex-wrap: wrap; gap: 2rem;}
.sea .sea-service .wrapper h2,.sea .sea-vendors .wrapper h2{width:100%;}
.sea .sea-service .wrapper div{ width: calc(100% / 2 - 1rem); background: white; padding: 2.4rem; border-radius: 1.6rem; display: flex; gap: 2.4rem; flex-direction: column; align-items: flex-start;}
.sea .sea-service .wrapper img{width: 3.2rem;}
.sea .sea-service .wrapper h3{font-size: 2.4rem;font-weight: 600;color: #40454e;}
.sea .sea-vendors .wrapper{display: flex; flex-wrap: wrap; gap: 2rem;}
.sea .sea-vendors .wrapper div>p{ width: 100%; border-radius: 1.3rem; border: 1px solid #D2DCE5; height: 100%; display: flex; max-width: 100%; flex-wrap: wrap; align-items: center; justify-content: center;}
.sea .sea-vendors .wrapper div>p>img{ object-fit: contain; padding: 4rem; width: 100%; max-height: 100%; }
.sea .sea-vendors .wrapper .vendor.active>p>img{ z-index:3 }
.sea .sea-process .wrapper{display: flex; flex-wrap: wrap; gap: 2rem;}
.sea .sea-process .wrapper h2{width:100%;}
.sea .sea-process .wrapper>div{ width: 100% ; background: white; border-radius: 1.6rem; gap: 1.6rem; flex-direction: column; align-items: flex-start; display: flex; justify-content: flex-start; padding: 2.4rem;}
.sea .sea-process.v2 .wrapper>div{width: calc(100% / 3 - 1.4rem);}
.sea .sea-process .wrapper>div>div{ display: flex; flex-direction: column; align-items: center;}
.sea .sea-process.v2 .wrapper>div>div{display: flex;flex-direction: row;align-items: center;gap: 2rem;}
.sea .sea-process h3{font-size: 2.8rem;}
.sea .sea-process .wrapper div>img{width: 5.6rem;}
.sea .sea-process .wrapper div>h3{ line-height: 1; margin-top: 1rem; font-size: 2.4rem; font-weight: 500; color: #40454e; line-height: 1;}
.sea .sea-process .wrapper div>p{}
.sea-swiper,.sea-swiper2{margin-bottom: 4rem;}
.sea-swiper .swiper-slide{ background: white; padding: .8rem; border-radius: 1.6rem; min-height: 70rem;}
.sea-swiper2 .swiper-slide{ background: white; padding: .8rem; border-radius: 1.6rem; min-height: 35rem;}
.sea-swiper .swiper-slide p,.sea-swiper2 .swiper-slide p{ margin: 1.2rem; font-size: 1.6rem; font-weight: 400; line-height: 1.4;}
.sea-swiper .swiper-slide img,.sea-swiper2 .swiper-slide img{width: auto; border-radius: 1.4rem; min-width: 100%; height: 35rem; object-fit: cover; max-width: 100%;}
.sea-swiper2 .swiper-slide span{margin: 1.2rem; font-size: 1.3rem; font-weight: 400; line-height: 1.7rem; color: #40454E; padding-bottom: 1rem; margin-top: 1.6rem; display: block;}
.sea-swiper.swiper-container .swiper-button-prev,.sea-swiper2.swiper-container .swiper-button-prev{right: 6rem;top: 6rem;left: unset;}
.swiper-container .swiper-button-next,.swiper-container2 .swiper-button-next{right: 0;top: 6rem;}
.sea .sea-vendors .wrapper .vendor .vendor-desc{opacity:0;transition:.4s;height: auto;width: 45.5rem;position: absolute;background: white;left: 0;top: 0;padding-top: 16rem;left: 0;border-radius: 1.3rem;border: 1px solid #D2DCE5;box-shadow: 4px 3px 35px 0px #00000040;font-size: 1.8rem;line-height: 1.2;font-family: Manrope, sans-serif !important;background: white;height: auto;width: 45.5rem;padding: 3rem;padding-top: 15rem;transform: scale(0, 0) translate(-52%, -66%) }
.sea .sea-vendors .wrapper .vendor.active .vendor-desc{opacity:1;z-index: 2;transform: scale(1, 1) translate(0, 0);}
.sea .sea-vendors .wrapper .vendor .vendor-desc h3{font-size:2rem; line-height:2.9rem;margin-bottom: 2rem;}
.sea-vendors .wrapper{overflow: unset;}
.sea-partners .wrapper h2{width:100%}
.cart-counter {position: absolute;background: #a50f2d;color: white;border: 1px solid #a50f2d;font-size: 1.4rem;width: 3rem;height: 3rem;line-height: 3rem;border-radius: 50%;margin-bottom: 5rem;margin-right: -4rem;}
.remove-item-btn {font-size: 3rem;background: white;border-radius: 50%;color: #a50f2d;width: 3rem;border: 0;height: 3rem;line-height: 2rem;display: block;position: absolute;right: -3rem;top: 1.5rem;;cursor: pointer;transition:.3s;}
.remove-item-btn:hover{background: #a50f2d;color:white;}
#cart-items-list li {position: relative;padding-top: 2rem;padding-bottom: 2rem;width: calc(100% - 4rem);font-size: 1.5rem;background-image: none;padding-left: 0;}
.sea-partners .wrapper{display: flex;gap: 1rem;flex-wrap: wrap;align-items: center;}
.sea-partners .wrapper img{width: calc(12.5% - 1rem);padding: 1.5rem;background: white; border-radius: 1.6rem;height: 80px;object-fit: contain;flex-shrink: 0;}
.classes ul{display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;}
.classes ul li{ min-height: 188px; font-size: 18px; font-weight: bolder; background: white; line-height: 1.2 !important; border-radius: 15px; padding: 20px; width:calc(100% / 4 - 2rem); display: flex; justify-content: center; gap: 20px; text-align: center; align-items: center; flex-direction: column;}
.v2 .classes ul{padding: 4rem 0;}
.v2 span{color: #a50f2d;}
.plan{ display: flex; gap: 20px; flex-wrap: wrap;}
.plan div{min-height: 188px; position: relative; font-size: 20px; box-shadow: 0 0 35px rgba(0, 0, 0, .1098039216); font-weight: bolder; background: white; line-height: 1.2 !important; border-radius: 15px; padding: 20px; width: calc(100% / 4 - 18px); display: flex; justify-content: center; gap: 20px; align-items: center; flex-direction: column;}
.plan h3{}
.plan p{}
.plan span{}
.sea .wrapper.faq{padding: 4rem;border-radius: 1.6rem;}
.wrapper.faq.accordion li:first-child{border-top:0}
.wrapper.faq.accordion li:last-child{border-bottom:0}
.wrapper.faq.accordion .accordion__list-title{ padding: 3rem 0;}
.tabs{display: flex;gap: 1.2rem;flex-direction: row;align-items: center;margin-bottom: 4.4rem;}
.tabs li a{ display: block; position: relative; padding: 1.6rem; border-radius: 1.2rem; background: white; opacity: 0.7; transition: all 0.1s ease-in-out; font-size: 1.8rem; color: #40454E; }
.tabs li.active a, .tabs li a:hover{opacity: 1;background: #3F4147;color: white;}
.tabs-content{ position: relative; z-index: 2; }
.tabs-panel{ display: none; }
.tabs-panel.active{display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; gap: .5rem; }
blockquote{ quotes: none; background: white; padding: 4rem; margin: 2rem 0; border-radius: 1.6rem;}
.tabs-panel h3{font-size: 2.8rem;margin-top: 0;line-height: 1.2;}
.tabs-panel>div{width: calc(100% / 2 - 2.2rem);overflow: hidden; }
.tabs-panel>div:first-child{padding: 0;display: flex; margin-bottom: 4rem; gap: 2.4rem;flex-direction: column;align-items: flex-start;justify-content: flex-start;padding-bottom: 6rem;}
.tabs-panel .swiper-scrollbar{width: calc(100% / 2 - 4.4rem);}
.tabs-content .swiper-slide{}
.tabs-content .swiper-slide a{}
.tabs-content .swiper-slide img{object-fit: contain;width: 100%;border-radius: 1.6rem;}
.tabs-content .swiper-slide p{}
.sea-swiper-half .swiper-button-prev{bottom: 3rem;top: unset;left: 2rem;}
.sea-swiper-half .swiper-button-next{bottom: 3rem;top: unset;left: 8rem;}
.accordion-item{border-bottom:2px solid #f0f2f6}
.accordion-header{ width: 100%; padding: 1.5rem 0; text-align: left; border: none; background: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background-color 0.2s; }
.accordion-header:hover{ background-color: #f8f9fa; }
.accordion-header h3{ margin: 0; font-size: 1.25rem; color: #2d3748; width: calc(100% - 4rem); }
.accordion-icon{ display: inline-block; width: 24px; height: 24px; position: relative; flex-shrink: 0; }
.accordion-icon::before, .accordion-icon::after{ content: ''; position: absolute; background: #4a5568; transition: transform 0.3s ease; }
.accordion-icon::before{ width: 1.6rem; height: .2rem; left: .4rem; top: 1.1rem; }
.accordion-icon::after{ width: .2rem; height: 1.6rem; left: 1.1rem; top: .4rem; }
.accordion-header.active .accordion-icon::after{ transform: rotate(90deg); }
.accordion-item:last-child{border-bottom: none;}
.accordion-content{ max-height: 0; transition:.3s; overflow: hidden; transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.accordion-header{padding: 2rem 0rem 4rem 0rem;}
.accordion-header:last-child{padding: 2rem 0rem 2rem 0rem;}
.accordion-content p{ margin: 1rem 0; line-height: 1.4; font-size: 1.8rem; color: #4a5568; }
.accordion-content p:last-child{margin-bottom: 4rem;}
.sea .accordion-header:hover{background:unset}
.sea .accordion-header:hover h3{color:#a50f2d}
.wrapper.faq.accordion .accordion__list-title{ display: flex;flex-direction: row;flex-wrap: wrap;}
.ccontainer .accordion__list-title h3{width: calc(100% - 8rem);}
.ccontainer .accordion__plus{margin-right: 2rem;}
.sea-video .wrapper{display: flex;gap: 2rem; flex-wrap: wrap;}
.sea iframe{width: calc(100% / 4 - 1.5rem)}
.bigbtn{margin: 0 auto;margin-top: 5rem;padding: 2rem 5rem;font-size: 2rem;}
.sea-process.v3 .wrapper>div{max-width: calc(100% / 3 - 4rem);padding: 0;width: auto;}
.sea-process.v3 .wrapper>div a{max-height: 50rem;}
.sea-process.v3 .wrapper>div img{max-height: 50rem;width: 100%;}
.catalog__top-controls{margin-top: .5rem;}
.catalog{ display: flex; width: 164rem; margin: 0 auto; max-width: 100%; flex-direction: column; padding:0 2rem;}
.subtitle{ min-height: 3.2rem;}
.catalog-items{ display: flex; flex-wrap: wrap; flex-direction: row; gap: 2rem; margin-top: 20px;}
.catalog-items a{ width: calc(100% / 4 - 16px); transition: .3s; overflow: hidden; display: flex; flex-direction: column; margin-bottom: 1rem; background: white;}
.catalog-items h3{ font-size: 16px;transition: .3s; color: #212424; padding: 20px 20px 15px; padding-top: 20px; display: block; background: white; z-index: 2;}	
.catalog-items p{font-size: 1.5rem;line-height: 1.2;padding: 0 2rem;}
.catalog-items span{ font-size: 1.5rem; color: #212424; opacity: .8; padding: 15px 20px 20px 20px; padding-bottom: 20px;}
.catalog-items img{ transition: .3s; vertical-align: middle; z-index: 1; max-width: 100%; background: white; object-fit: contain; width: 100%; height: 20rem; padding: 2rem; margin-bottom: 2rem;}
.catalog-items a:hover img{ transform: scale(1.05); transform-origin: center; }
.catalog-items a:hover h3{color: #a50f2d;}
.modal{ display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }
.modal-content{ background-color: white; margin: 3% auto; max-width: 92rem; position: relative; max-height: 87vh; overflow-y: auto; padding: 1.6rem 5rem 5rem; border-radius: 1.6rem; }
.close{ position: absolute; top: 10px; right: 15px; font-size: 24px; cursor: pointer; }
.modal img{    height: 24rem; object-fit: contain; border-radius: 1.6rem; float: right; margin-left: 3rem; margin-bottom: 3rem; max-width: 50%;}
.modal h3{ margin-top: 10px; }
.modal p{ margin: 5px 0; }
.modal span{ font-weight: bold; color: #007bff; }
.modal-content h2{     font-size: 2.4rem; line-height: 1.3; margin-bottom: 3rem; margin-top: 3rem;}
.filter__category{font-size: 2rem;}
.add-to-cart-btn{color: white; background: #699d5e; padding: 1rem 2rem; border-radius: 1rem; font-size: 1.6rem; border: 0; margin-top: 1rem; margin-bottom: 1rem; transition:.3s;}
.is-hidden-client { display: none; }
.cart-btn img {max-width: 100%;}
.add-to-cart-btn:hover {background: #74c862;}
.cart{ position: absolute;top: 18vw;right: 2rem; height: auto; width: 60rem; background-color: white; border: 1px solid #ccc; padding: 1.5rem; border-radius: 1.5rem; box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.2); z-index: 2; display: none; overflow: hidden; box-sizing: border-box; opacity: 0; transform: translateY(-1rem); transition: opacity 0.3s ease, transform 0.3s ease; }
.cart.active{ display: block; opacity: 1; transform: translateY(0);position: fixed; z-index: 190;max-height: 50vh;}
.cart h3{ margin-top: 0; font-size: 1.5rem; margin-bottom: 1rem; }
.cart ul{height: calc(100% - 12rem);list-style: none; padding: 0; margin: 0 0 1rem; overflow-y: auto;max-height: calc(50vh - 12rem); padding: 0.5rem; border-radius: 0.3rem;}
.cart li{ padding: 0.5rem 0; border-bottom: 1px solid #eee; word-break: break-word; opacity: 0; transform: translateX(-0.5rem); transition: opacity 0.2s ease, transform 0.2s ease; animation: fadeInItem 0.3s forwards; }
@keyframes fadeInItem{ to{ opacity: 1; transform: translateX(0); } }
.cart li:last-child{ border-bottom: none; }
#cart-total{    font-weight: 500; font-size: 2rem; color: #444545; margin: 0; text-align: right; position: absolute; right: 2rem; bottom: 2.5rem;}
.cart-btn{ position: fixed;transition:.3s;padding: 1.5rem; top: 14vw; right: 2rem; width: 6rem; height: 6rem; background-color: #ffffff; color: white; border: none; border-radius: 50%; cursor: pointer; font-size: 2.5rem; display: flex; align-items: center; justify-content: center; z-index: 2; box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2); }
.cart-btn:hover{ background-color: #636d8845; }
.classes2 ul { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; margin: 10px 0; }
.classes2 ul li { min-height: 60px; font-size: 16px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); font-weight: bold; background: white; line-height: 1.2; border-radius: 10px; padding: 10px 15px; width: calc(100% / 6 - 15px); display: flex; justify-content: center; gap: 10px; text-align: center; align-items: center; flex-direction: column; }
.classes2 ul li img { width: 50px; height: 50px; object-fit: contain; }
.quantity-controls { display: flex; margin-top: 1rem; margin-bottom: 1rem; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 2rem;}
.quantity-controls span{ font-size: 1.6rem; color: #222; font-weight: 500;}
.quantity-controls .quantity-btn { font-size: 1.5rem; border-radius: 50%; width: 3rem; height: 3rem; border: 0;}
.is-hidden-client{display:none!important}
@media (min-width: 1024px) {
 .v2 .classes ul li{ width: calc(100% / 4 - 30px); } 
}
@media (max-width: 1300px) {
.catalog {max-width: 175rem;width: auto;}
.catalog .side-list__item {padding-bottom: 0;padding-left: 0;}
	.sea .catalog-sidebar__list {margin-top: 3rem !important;}
	.sea .catalog-content {padding-top: 2rem;}
.sea .catalog-sidebar {width: 100%;margin-right: 0;padding: unset;;position: inherit;height: auto;transform: none;background: none;z-index: 2;}
.modal-content {max-width: calc(100% - 2rem);top: 10%;padding: 0 3rem;padding-bottom: 2rem;} 
.sea .wrapper, .ccontainer section{padding: 0 2rem;width:100%;max-width: 175rem;} 
.sea .sea-banner img{width:100%} 
.swiper-container .swiper-button-next,.swiper-container2 .swiper-button-next{right: 2rem;top: 6rem;} 
.sea .catalog-items a {border-radius: 1.6rem;width: calc(100% / 4 - 1.5rem);} 
.sea-swiper.swiper-container .swiper-button-prev,.sea-swiper2.swiper-container .swiper-button-prev{right: 8rem;top: 6rem;left: unset;} 
.classes ul li{width: calc(100% / 5 - 1.6rem);min-height: auto;font-size: 2.4rem;} 
.classes ul{gap: 2rem;} 
.ccontainer h3 ,.sea-swiper h3{font-size: 2.8rem;} 
.ccontainer .accordion__list-title h3 {font-size: 2rem;line-height: 1.2;} 
.sea-process.v3 .wrapper>div{max-width: calc(100% / 2 - 4rem);} 
.ccontainer section{padding-bottom: 4rem;} 
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{margin: 0 2rem;max-width: calc(100% - 5rem);}
 }
@media (max-width: 768px) {
html{font-size: 1.3020833333vw!important} 
.catalog .side-list__link {font-size: 1.5rem;}
.summary {    display: flex;gap: 1rem;justify-content: center;margin-bottom: 8rem;align-items: flex-start;flex-wrap: nowrap;flex-direction: row;}
.sea .summary h3 {font-size: 3rem;}
#modal-body {display: flex;flex-direction: column;gap: 1rem;}
.modal img {max-width: 100%;height: 14rem;object-position: left;float: none;margin: 0;margin-bottom: 2rem;}
.sea h2 {font-size: 4.5rem;text-align:left;line-height: 1.2;}
.sea .catalog-sidebar__list {gap: 1rem;padding: 0;}
.sea .modal-content h2 {font-size: 2rem;text-align: left;line-height: 1.2;}
.cart {bottom: 2rem;width: calc(100% - 4rem);top: unset;}
.getintouch .registration__block .getintouch__top-block{border: 0;height: 0;padding: 0;} 
.cart-btn {top: 16rem;right: 1rem;} 
.sea .catalog-items a {border-radius: 1.6rem;width: calc(100% / 3 - 1.4rem);} 
.getintouch .registration__block .registration__title{display:none} 
.registration .registration__block form input{padding-top:1rem} 
.getintouch .registration__block .getintouch__top-block .close-button .close-button__cross:after, 
.getintouch .registration__block .getintouch__top-block .close-button .close-button__cross:before{background-color: #9d9ea1;} 
.getintouch .registration__block{margin: 4rem 2rem;width: calc(100% - 4rem);border-radius: 1.6rem;} 
.getintouch .registration__block .registration__subtitle{paddin-bottom:0} 
.getintouch .registration__block .getintouch__top-block .close-button .close-button__cross{margin-top: 2rem;margin-right: 2rem;} 
.getintouch .registration__block .registration__subtitle{margin-right: 4rem;} 
.vacancy__send span,.vacancy__send a{font-size: 1.6rem;line-height: 1.2;} 
.vacancy__bottom_info{font-size: 1.2rem;max-width: 100%;line-height: 1.2;margin-top:2rem;} 
.getintouch .registration__block form .link-red{padding-bottom: 2rem;} 
.sea .sea-vendors .wrapper .modal-trigger{width: calc(100% / 2 - 2rem);} 
.sea-process.v3 .wrapper>div{width: 100%} 
.sea .sea-banner{padding-bottom: 0rem;margin-top: 0;} 
.sea .sea-banner .wrapper{ margin: 0 2rem;padding:0; width: calc(100% - 4rem); max-width: 175rem; overflow: hidden; border-radius: 1.6rem;} 
.sea .sea-banner h1{ top: 6rem; line-height: 1; font-size: 6rem; width: 100%; padding: 0 7rem; left: 0;} 
.sea .sea-banner img{width: 195vw;height: 50rem;object-fit: cover;} 
.sea .sea-banner p{font-size: 2.8rem;line-height: 1.4;} 
.sea .sea-banner button{font-size: 2.4rem;} 
.classes ul li{width: calc(100% / 3 - 1.4rem);min-height: auto;font-size: 1.6rem;} 
.sea-swiper .swiper-slide{min-height: 57rem;} 
.sea .sea-process.v2 .wrapper>div{width: calc(100% / 2 - 1.4rem)} 
.sea .sea-process.v2 .wrapper>div,.tabs-panel>div,.sea .sea-service .wrapper div{width: 100%} 
.tabs-panel>div:first-child{padding-bottom: 1rem;} 
.tabs-content .swiper-container .swiper-button-next{bottom: 3rem;top:auto} 
.sea .sea-process .wrapper div>h3,.sea .sea-service .wrapper h3{font-size: 2.5rem;line-height: 1.2;} 
.sea-swiper.swiper-container .swiper-button-prev,.sea-swiper2.swiper-container .swiper-button-prev, .swiper-container .swiper-button-next,.swiper-container2 .swiper-button-next{top: 12rem;} 
.sea section{padding-bottom: 0;} 
.sea p,.sea-swiper ul li, .tabs-content ul li,.classes ul li,
.sea-swiper .swiper-slide p, .sea-swiper2 .swiper-slide p{font-size: 1.6rem; line-height:1.3;} 
.sea-swiper ul li, .tabs-content ul li,.classes ul li{ background-position: left top 1.8rem !important; padding-left: 1.5rem !important;} 
.tabs-content .mgallery a img{min-height: 13rem;} 
.sea-call img{display:none} 
.sea .sea-call .wrapper div{width: 100%;padding: 4rem 0;padding-bottom: 2rem;} 
.sea-partners .wrapper{gap: 2rem 1rem;} 
.sea-partners .wrapper img{width: calc(100% / 4 - 1rem);padding: 1rem;height: 8rem;} 
.sea-video .wrapper{flex-direction: column;} 
.sea iframe{width: 100% } 
}
@media (max-width: 600px) { 
html{font-size: 1.9020833333vw!important} 
	.intro__video-btn {padding: 1rem 2.4rem 1rem 1.2rem;}
.sea .catalog-items a {border-radius: 1.6rem;width: calc(100% / 2 - 1rem);}
.sea .sea-banner button {font-size: 2rem;} 
.sea .sea-banner img {width: 195vw;height: auto;object-fit: cover;} 
.sea .sea-banner p{font-size: 2rem;line-height: 1.4;left: 4rem;text-align: left;} 
.sea .sea-banner h1{top: 4rem;line-height: 1.3;font-size: 3.5rem;width: 100%;padding: 0px 4rem;} 
.sea-swiper .swiper-slide{min-height: 72rem;} 
.classes ul li{width: calc(100% / 2 - 1rem);} 
.tabs-content .mgallery a{width: calc(100% / 3 - .4rem);} 
.sea iframe{height: 27rem;} 
ul.zn li span{font-size: 4rem;} 
ul.zn li{width: calc(100% / 2 - 1rem);} 
.sea .sea-banner .btns{ left: 4rem;} 
.sea .sea-vendors .wrapper .modal-trigger{padding:2rem} 
}