@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/montserrat-v29-cyrillic_latin-300.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v29-cyrillic_latin-regular.woff2') format('woff2'); 
}

@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/montserrat-v29-cyrillic_latin-500.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/montserrat-v29-cyrillic_latin-600.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/inter-v18-cyrillic_latin-regular.woff2') format('woff2'); 
}
/* inter-500 - cyrillic_latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/inter-v18-cyrillic_latin-500.woff2') format('woff2'); 
}
/* inter-200italic - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/inter-v19-cyrillic_latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html{scroll-behavior:smooth;height: 100%;}
body {font-family: 'Montserrat', sans-serif;font-weight:300;height: 100%;color:#000;position: relative;}

a{color:#000;text-decoration: none;transition:all .3s ease;}
a:hover{color:#ec1c24;text-decoration:none;}
b,strong, .bold{font-weight: 600;}
.nw{white-space: nowrap;}
.clear{clear: both;}
.page, .sidebar{transition:all .3s ease;}
.page {display: flex;flex-direction: column;height: 100%;}
.main {flex: 1 0 auto;}
.footer {flex: 0 0 auto;}
.pad{height:80px;}
.ls{letter-spacing: 0.1em;}
::selection{background-color: #125874;color:#000;}

header{top:0px;position: fixed;top:0px;width: 100%;transition:all .3s ease-in-out;z-index:100;}
header>.container{display: flex;align-items: center;justify-content: space-between;}
header.scroll, header.wh{background: #FFF;border-bottom:1px solid #ebecf0;}
header.hide{top:-100px;}
header.active{background: #FFF;border-bottom: 1px solid #F4F4F4;}
header .container{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
header .logo{margin:16px 0;}
header .right{display: flex;align-items: center;min-width:100px;}
header .mobile{display: none;width:100%;padding-top:4px;max-height:calc(100vh - 88px);overflow-y: scroll;margin-top: 8px;}
header .mobile .contacts{padding-bottom:20px;}

header .cart{width:32px;height:32px;display: inline-block;background: url("../img/i_cart.png") center center no-repeat;background-size: 32px 32px;position: relative;margin-left:24px;margin-right: 6px;}
header .cart .ms2_total_count{position: absolute;top:-4px;right:-6px;width:20px;height:20px;display: block;background: #ec1c24;border-radius: 50%;color:#FFF;font-size: 10px;line-height: 20px;text-align: center;}

/*-----------------------MENU-------------------------*/

.navbar-toggler, .navbar-toggler:focus{outline: none;box-shadow: none;}
.navbar-toggler{display: block;width: 32px;height: 32px;position: relative;margin-left: 16px;}

.navbar-toggler-icon,
.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
  position: absolute;
  top: 50%; margin-top: -1px;
  left: 50%; margin-left: -12px;
  width: 24px; height: 2px;
  background-color: #000;
}
.navbar-toggler-icon::before,
.navbar-toggler-icon::after {content: '';display: block;transition: 0.2s;}
.navbar-toggler-icon::before {transform: translateY(-6px);}
.navbar-toggler-icon::after {transform: translateY(6px);}
.active>.navbar-toggler-icon{height:0;}
.active>.navbar-toggler-icon:before {transform:  translateY(1px) rotate(-45deg);}
.active>.navbar-toggler-icon:after {transform:  translateY(1px) rotate(45deg);}


.menu, .submenu{list-style: none;padding:0;margin:0;display: flex;}
.menu-desktop .submenu{background: #FFF;flex-direction: column;box-shadow: 0 4px 16px rgba(0,0,0,.16);padding:8px;border-radius: 4px;}
.menu-mobile .submenu{flex-direction: column;}
.menu .nav-link{font-weight: 500;color:#000;text-transform: uppercase;font-size: 14px;}
.menu .nav-link:hover{color:#ec1c24;}
.menu .active>.nav-link{color:#ec1c24;}
.menu-mobile .submenu .nav-link::before{content: "\2023";color:#ec1c24;margin-right: 6px;font-size: 24px;line-height: 14px;position: relative;top:4px;}

.menu-desktop{display: none;align-items: center;}
.menu-mobile{flex-direction: column;margin:0 0 32px -16px;}
.menu-desktop .nav-link{padding:8px 12px;}
.menu-desktop .parent{position: relative;}
.menu-desktop .parent>.nav-link::after{content:"";display: inline-block;background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23202020' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") center center no-repeat;width:16px;height:16px;position: relative;top:3px;background-size: 12px 12px;margin-left: 2px;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
.menu-desktop .parent:hover .nav-link::after{transform: rotate(180deg);}
.menu-desktop .parent>div{visibility: hidden;opacity: 0;transition:all .2s ease;position: absolute;top:36px;left:-8px;padding-top:8px;}
.menu-desktop .parent:hover>div{visibility: visible;opacity: 1;}

.contacts a{display: flex;align-items: center;margin-top: 4px;font-weight: 400;}
.contacts a img{margin-right: 4px;}

/*======================MENU_END======================*/

h1,.h1,h2,.h2{font-family:'Inter', sans-serif;font-weight:500;text-transform: uppercase;}
.h1 .thin, .h2 .thin, .h3 .thin, .h4 .thin, .h5 .thin{font-family:'Inter', sans-serif;font-weight:200;font-style: italic;}
.title-thin{font-size: 18px;font-weight: 300;text-transform: uppercase;letter-spacing: 0.1em;}
.content .p_r, .content .p_l, .content .p_c{margin:0 auto 30px;max-width: 100%;display: block;}

.content ul li::marker{color:#ec1c24;}

.hero{min-height: 200vw;background: url('../img/hero-mob.avif') center bottom no-repeat;background-size: 100%;padding-top:120px;}
.hero .logo, .hero-legacy .logo{width:80%;}
.hero .slogan, .hero-legacy .slogan{text-transform: uppercase;margin-top: 32px;font-size: 20px;line-height: 1.25em;}

.section{overflow: clip;}
.section .bg, .section .prlx{position: absolute;top:0px;left:0px;object-fit: cover;width: 100%;object-position: center center;}
.section .h1{font-size: 28px;margin-top:4px;}
.section .h2, .technology .h2{letter-spacing: .05em;font-weight: 400;font-size: 20px;font-family: 'Montserrat', sans-serif;font-weight:300;} 
.section .subtitle{text-transform: uppercase;font-size: 18px;}
.section .h5{text-transform: uppercase;font-size: 18px;}
.section .text{padding-top:48px;padding-bottom:48px;}
.section.dark{background: #000;}
.section.dark .text{color:#FFF;}
.section.dark:not(.align-tl) .bg, .section.dark:not(.align-tl) .prlx{opacity: .4;}
.section.dark .text svg path{fill:#FFF;}
.section .text svg{height:16px;width: auto;}
.section .text .rev-series{height:15px;margin-bottom: 16px;}
.section .text .awards{max-width: 420px;margin:20px auto 0;}
.section .text .awards img{max-width: 100%;}
.section p{font-size: 14px;line-height: 1.25em;}
.section p.lead{font-size: 1.25em;}
/*animation: zoomIn linear forwards;animation-timeline: view();animation-range:entry;*/
.bg-wrapper{position: relative;z-index:0;}
.bg-wrapper .container{position: relative;z-index:1;}

.align-bc .bg-wrapper{height:100%;}
.align-bc .bg-wrapper .container{height:100%;display: flex;align-items: end;text-align: center;}
.align-bc .text .col-12, .align-tt .text .col-12{margin-left:auto;margin-right: auto;}

.align-tl .bg-wrapper{height:100%;}
.align-tl .bg-wrapper .container{height:100%;display: flex;}

.align-bl .bg-wrapper{height:100%;}
.align-bl .bg-wrapper .container{height:100%;display: flex;align-items: end;}

.align-tt .bg-wrapper{height:100%;}
.align-tt .bg-wrapper .container{text-align: center;}
.align-tt .bg{height: 100%;}


.hero-legacy .text{padding:120px 0;}

.legacy-mag-container{background: rgba(0,0,0,.96);}
.legacy-box7S3{display: flex;flex-direction: column;padding:20px 0;}
.legacy-box3A6{background: #000;margin: 0 -20px 0 -20px;color:#FFF;padding:40px 20px;}

.about{min-height: 565px;background: #0d0e12;}
.about .bg{object-position: center top;height:auto;}
.about .text{color:#FFF;padding-top:120vw;padding-bottom:48px;}

.technology{background: #ebecf0 url('../img/technology-mob.avif') top -80px center no-repeat;background-size: 100% auto;}
.technology .text{padding-top:80vw;padding-bottom:48px;}

.main-speakers, .main-amplifier, .main-subwoofer{height: 705px;}
.main-speakers .text, .main-amplifier .text, .main-subwoofer .text{color:#000;padding-top:48px;}

.hero-speakers{height:970px;}
.hero-speakers .text{padding-top:560px;padding-bottom: 48px;}
.hero-amplifier{height:380px;}
.hero-amplifier .bg{height:380px;object-position: right -180px top 0px;}
.hero-amplifier .text{padding-top:120px;padding-bottom: 48px;}
.hero-subwoofer{height:380px;}
.hero-subwoofer .bg{height:380px;}
.hero-subwoofer .text{padding-top:120px;padding-bottom: 48px;} 

.speaker-5, .speaker-3, .speaker-1{height:640px;}
.speaker-5 .bg, .speaker-3 .bg, .speaker-1 .bg{height:760px;object-position: center center;}

.amplifier-7, .amplifier-5, .amplifier-3, .amplifier-1{height:640px;}
.amplifier-7 .bg, .amplifier-5 .bg, .amplifier-3 .bg, .amplifier-1 .bg{height:640px;}
.amplifier-5, .amplifier-5 .bg, .amplifier-3, .amplifier-3 .bg, .amplifier-1, .amplifier-1 .bg{height: 760px}
.amplifier-5 .bg-wrapper, .amplifier-1 .bg-wrapper{height:100%;}
.amplifier-5 .bg-wrapper .container, .amplifier-1 .bg-wrapper .container{height:100%;display: flex;align-items: end;}

.subwoofer-7, .subwoofer-1{height:650px;}
.subwoofer-7 .bg, .subwoofer-1 .bg{height:650px;}

.products.bt{border-top: 1px solid #dbdbdb;margin-top:24px;}
.products .product{position: relative;display: block;}
.products .product img.hov{position: absolute;opacity: 0;inset: 0;width:100%;height: 100%;transition:all .3s ease;}
.products .product:hover img.hov{opacity: 1;}

.option-row{align-items: stretch;justify-content: center;}
.option-row .group-name{border-bottom:1px solid #dee2e6;padding:8px 16px;font-weight: 600;}
.option-row .name, .option-row .value{padding:8px 16px;font-size: 14px;transition:all .3s ease;}
.option-row:not(:last-child) .name, .option-row:not(:last-child) .value{border-bottom:1px solid #dee2e6;}
.option-row:hover .name, .option-row:hover .value{background: #ebecf0;}

#msProduct .price{font-size: 24px;margin-right: 24px;line-height: 1.25em;}
#msProduct .old_price{font-size: 16px;color:#EC1C24 !important;font-style: normal !important;line-height: 1em;}

#productCarousel {
  --f-carousel-slide-width: 100%;
  //--f-carousel-slide-height: 320px;
  --f-carousel-slide-padding: 2px;
  --f-carousel-slide-bg:#ebecf0;
  //height: 320px;
}
#productCarousel .f-carousel__slide{border:2px solid #FFF;}
#productCarousel .f-carousel__slide img{width: 100%;height: auto;}
#productCarousel .f-carousel__slide .f-caption{padding:16px;}
.fancybox__viewport .f-caption{font-size: 14px;font-weight: 300;text-transform: uppercase;letter-spacing: 0.1em;}
#productCarousel .f-carousel__dots{display:none;}

.count{text-align: center;padding: 0;font-weight: 600;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
.count input{width:50%;text-align: center;display: inline-block;border:none;font-size: 16px;background:#ebecf0;height:32px;padding:0;line-height: 32px;vertical-align: top;border-radius:0px;}
.count input:focus{outline: none;}
.count span{cursor: pointer;font-size: 20px;background:#ebecf0;height:32px;line-height: 32px;display: inline-block;padding:0 12px;width:25%;}
.count .up{border-radius:0 4px 4px 0;}
.count .down{border-radius:4px 0 0 4px;}
.count .up:hover,.count .down:hover{color:#EC1C24;}

.cart-page{position: relative;}
.cart-page .h4{font-weight: 600;font-size: 20px;text-transform: uppercase;}
.cart-page .subtitle{font-size: 14px;line-height: 1.2em;margin-bottom: 16px;color:#404040;}
#msCart .row{position: relative;align-items: center;margin:16px 0 0 0;padding: 16px 0 0 0 ;border-top:1px solid #ebecf0;--bs-gutter-x:0px;}
#msCart .title a{font-weight: 600;line-height: 1.2em;display: block;padding-right:8px;}
#msCart .remove{position: absolute;top:24px;right:2px;width:24px;height:24px;margin-top: -8px;}
#msCart .btn{line-height: 24px;padding:0px;margin:0px;opacity:.4;transition:all .2s ease;}
#msCart .btn img{width:24px;}
#msCart .btn:hover{opacity:1;}
#msCart .image{padding-right:8px;}
#msCart .image img{max-width:100%;max-height: 64px;}
#msCart .price-one{display:none;}
#msCart .price{text-align: right;font-size: 20px;}

#msOrder{margin-top: 0 !important;}
#msOrder .itogo label{font-size: 14px;line-height: 16px;}
#msOrder textarea{padding:16px;height: 60px;resize: none;}
#msOrder .form-control{border:none;border-bottom:1px solid #000;border-radius:0px;padding:8px 0px;}
#msOrder .form-control:hover, #msOrder .form-control:active{border-width:2px;padding:8px 0 7px 0px;}
#msOrder .form-control.error{padding:8px 0 7px 0px;border:2px solid #d0021b !important;border-top:none !important;border-left:none !important;border-right:none !important;}
#msOrder .right-box{overflow: hidden;}
#msOrder .box{padding:24px;position: relative;border:1px solid #000;border-radius: 4px;transition:all .3s ease;}
#msOrder .delivery .small{line-height: 1.2em;}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}

input[type="checkbox"]:checked, input[type="checkbox"]:not(:checked),
input[type="radio"]:checked, input[type="radio"]:not(:checked){position: absolute;left: -9999px;}
input[type="checkbox"]:checked + label, input[type="checkbox"]:not(:checked) + label,
input[type="radio"]:checked + label, input[type="radio"]:not(:checked) + label{display: block;position: relative;padding-left: 36px;line-height: 24px;cursor: pointer;min-height: 24px;}
input[type="checkbox"]:disabled + label{cursor: default;color:#AAA;}

input[type="checkbox"]:checked + label:before, input[type="checkbox"]:not(:checked) + label:before,
input[type="radio"]:checked + label:before, input[type="radio"]:not(:checked) + label:before{content: "";position: absolute;left: 0px;top: 50%;width: 24px;height: 24px;margin-top:-12px;border-radius: 4px;border:1px solid #000;background-color: #ffffff;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;} 
input[type="radio"]:checked + label:before, input[type="radio"]:not(:checked) + label:before{border-radius:50%;top:12px;}
input[type="checkbox"]:disabled + label:before,input[type="radio"]:disabled + label:before{border:1px solid #e4ebf1;}
input.invalid[type="checkbox"] + label:before{border-color:#d0021b;}
input[type="checkbox"]:checked + label:hover:before, input[type="checkbox"]:not([disabled]) + label:hover:before,
input[type="radio"]:checked + label:hover:before, input[type="radio"]:not([disabled]) + label:hover:before{box-shadow:0px 0px 0px  1px rgba(0, 0, 0, 1);}

input[type="checkbox"]:checked + label:after,
input[type="checkbox"]:not(:checked) + label:after{content: "";position: absolute;left: 3px;top: 50%;width: 18px;height: 10px;margin-top: -6px;border-left: 5px solid #EC1C24;border-bottom: 5px solid #EC1C24;border-radius:5px 0 5px 3px;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}

input[type="radio"]:checked + label:after,
input[type="radio"]:not(:checked) + label:after{content: "";position: absolute;background: #EC1C24;left: 5px;top: 5px;width: 14px;height: 14px;border-radius:50%;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}

input[type="checkbox"]:checked + label:before{background: #FFF;border-color:#000;}
input[type="radio"]:checked + label:before{border-color:#000;} 
input[type="checkbox"]:not(:checked) + label:after, input[type="radio"]:not(:checked) + label:after{opacity: 0;}
input[type="checkbox"]:checked + label:after, input[type="radio"]:checked + label:after{opacity: 1;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
input[type="checkbox"].error + label:before{border-color: #d0021b;}

.btn-primary {background-color: #EC1C24;border-color: #EC1C24;text-transform: uppercase;letter-spacing: .1em;font-size:12px;transition:all .3s ease;}
.btn-primary.btn-lg{font-size: 14px;}
.btn-primary span{display: inline-block;transition:all .2s ease;}
.btn-primary:hover {background-color: #da151c;border-color: #da151c;}
.btn-primary:hover span{transform: scale(1.05);}
.btn-primary.btn-lg:hover span{transform: scale(1.1);}
.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus{box-shadow: none;background-color: #da151c;border-color: #da151c;}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {background-color: #da151c;border-color: #da151c;}
button:focus, .form-control:focus, .btn.focus, .btn:focus {box-shadow: none;outline: none;}

.btn-primary.disabled, .btn-primary:disabled{background-color: #EC1C24;border-color: #EC1C24;opacity:.5;}

.btn-outline-dark{text-transform: uppercase;letter-spacing: .1em;font-size:12px;transition:all .3s ease;}
.btn-outline-dark span{display: inline-block;transition:all .2s ease;}
.btn-outline-dark:hover{background-color: #EC1C24;border-color: #EC1C24;color:#FFF;}
.btn-outline-dark:hover span{transform: scale(1.05);}
.btn-outline-dark:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus{box-shadow: none;}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active {background-color: #ec222c;border-color: #ec222c;}

.btn-outline-light{text-transform: uppercase;letter-spacing: .1em;font-size:12px;transition:all .3s ease;}
.btn-outline-light span{display: inline-block;transition:all .2s ease;}
.btn-outline-light:hover{background-color: #EC1C24;border-color: #EC1C24;color:#FFF;}
.btn-outline-light:hover span{transform: scale(1.05);}
.btn-outline-light:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus{box-shadow: none;}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active {background-color: #ec222c;border-color: #ec222c;}

button:focus, .form-control:focus, .btn.focus, .btn:focus {box-shadow: none;outline: none;}


/*--------------animate----------------*/
@-webkit-keyframes "fadeIn"{from{opacity:0;}to{opacity:1;}}@keyframes "fadeIn"{from{opacity:0;}to{opacity:1;}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes "fadeInDown"{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}@keyframes "fadeInDown"{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes "fadeInDownBig"{from{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}@keyframes "fadeInDownBig"{from{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes "fadeInLeft"{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}@keyframes "fadeInLeft"{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes "fadeInLeftBig"{from{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}@keyframes "fadeInLeftBig"{from{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes "fadeInRight"{from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}@keyframes "fadeInRight"{from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes "fadeInRightBig"{from{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}@keyframes "fadeInRightBig"{from{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes "fadeInUp"{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}@keyframes "fadeInUp"{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes "fadeInUpBig"{from{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}@keyframes "fadeInUpBig"{from{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:800ms;animation-duration:800ms}.animated.faster{-webkit-animation-duration:500ms;animation-duration:500ms}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion){.animated{-webkit-animation:unset !important;animation:unset !important;-webkit-transition:none !important;transition:none !important}}@-webkit-keyframes "flipInX"{from{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}@keyframes "flipInX"{from{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}.flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX}

/*-------------animate_end--------------*/

@keyframes zoomIn {
	from{transform: scale(2);}
	to {transform: scale(1);}
}

@keyframes slideUp {
	from{background-position: center 200px;}
	to {background-position: center -200px;}
}

footer{background: #ebecf0;padding:40px 0 24px 0;}
footer .copyrights{font-size: 12px;}
.zls-logo{margin-left:4px;}
.zls-logo .romb{transition:opacity .1s ease .2s, transform .4s ease;}
.zls-logo .right, .zls-logo .zls-gradient{transition:all .4s ease;}
.cr-link:hover .romb{transition:opacity .1s ease,transform .4s ease;opacity: 0;}
.cr-link:hover .right, .zls-long:hover .romb{transform: translateX(142px);}
.cr-link:hover .zls-gradient{width:170px;}


@media only screen and (min-width : 360px) {
	.container{padding-left:20px;padding-right: 20px;}
	.section .h1{font-size: 32px;}
	.section .text svg{height:20px;}
}

@media only screen and (min-width : 380px) {
	.hero{min-height: 180vw;}
	.hero .logo, .hero-legacy .logo{width:320px;}
}

@media only screen and (min-width : 430px) {
	.hero{min-height: 780px;}
	.technology .text{padding-top:80vw;}
  .section p{font-size: 16px;}
  .amplifier-5, .amplifier-5 .bg{height: 800px}
  .subwoofer-7 .bg, .subwoofer-1 .bg{height:720px;}
}

@media only screen and (min-width : 480px) {
	.hero{min-height: 780px;background-position: center center;}
}

@media only screen and (min-width : 576px) {
	//.hero{min-height: 150vw;}
	.section .h1{font-size: 36px;}
	.section .h5{font-size: 20px;}
  #msCart .image img{max-height: 100px;}
}

@media only screen and (min-width : 768px) {
	.content .p_r{float:right;margin:0 0 20px 30px;max-width: 360px;}
	.content .p_l{float:left;margin:0 30px 20px 0;max-width: 360px;}
	
	.hero{min-height: 960px;background: url('../img/hero.avif') center center no-repeat;background-size: cover;padding-top:100px;}
	.hero .slogan, .hero-legacy .slogan{font-size: 22px;}
	header .navbar-toggler{display: none;}
	header .menu-desktop{display: flex;}
	.about{min-height: 565px;}
	.about .bg{object-position: center center;height:565px;}
	.about .text{padding-top:80px;padding-bottom:48px;}
  
  .main-speakers .text, .main-amplifier .text, .main-subwoofer .text{padding-top:80px;}
	.technology{background: url('../img/technology.avif') center 100px no-repeat;background-attachment: fixed;}
	.technology .text{padding:80px 0;}
  .hero-amplifier, .hero-subwoofer{height:760px;}
  .hero-amplifier .bg, .hero-subwoofer .bg{object-position: center center;height: 760px;}
  .hero-subwoofer .text{padding-top:280px;}
  .speaker-5, .speaker-5 .bg, .speaker-3, .speaker-3 .bg, .speaker-1, .speaker-1 .bg{height:900px;}
  .amplifier-7, .amplifier-7 .bg, .amplifier-5, .amplifier-5 .bg, .amplifier-3, .amplifier-3 .bg, .amplifier-1, .amplifier-1 .bg, .subwoofer-7, .subwoofer-7 .bg, .subwoofer-1, .subwoofer-1 .bg{height:650px;}
  .align-center .bg-wrapper{height:100%;}
  .align-center .bg-wrapper .container{height:100%;display: flex;align-items: center;}
  .align-bc .bg-wrapper .container, .align-bl .bg-wrapper .container{align-items: center;}
  .align-tl .bg-wrapper .container{align-items: center;}
  #productCarousel {--f-carousel-slide-width: 32%;}
  #productCarousel .f-carousel__dots{display:flex;}
  #msCart .remove{top:50%;}
  #msCart .image img{max-height: 120px;}
  #msOrder .delivery .small{font-size: 16px;}
  .legacy-box7S3{align-items: start;flex-direction: row;}
  .legacy-box3A6{background: none;}
  .legacy-mag-container{position:absolute;inset:0;height:100%;background: none;padding:0 20px;}
  
  
  
}

@media only screen and (min-width : 992px) {
	.content .p_r,.content .p_l{max-width: 480px;}
	.section .h1{font-size: 48px;}
	.section .h5{font-size: 22px;}
	.main-speakers .text, .main-amplifier .text, .main-subwoofer .text{padding-top:180px;}
  .section .text .rev-series{height:20px;margin-bottom: 20px;}
  .section .text .btn-outline-light{margin-top: 20px;}
}

@media only screen and (min-width : 1200px) {
	.content .p_r,.content .p_l{max-width: 570px;}
  .cart-page{min-height: 480px;}
  .right-box{position: absolute;right: -16px;top: 0;width: 33%;padding: 0 16px;height: 100%;}
  #msCart .image{padding-right:16px;}
  #msOrder .box{padding: 24px;margin-bottom: 16px;position: sticky;position: -webkit-sticky;top:120px;}
  #msOrder .box.up{top:40px;}
  #msOrder .right-box{overflow: inherit;}
}

@media only screen and (min-width : 1400px) {
	.hero{min-height: 840px;}
	.section .h1{font-size: 56px;}
  #msOrder .box{padding: 32px;}
}

@media only screen and (min-width : 1920px) {
	.hero{min-height: 880px;}
}