.product-navigation {
  width: 100%;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  z-index: 100;
  background: var(--cl-abyss);
  transform: translateY(-100%);
  transition: var(--transition-main);
}
.product-navigation.visible {
  transform: translateY(0);
}

.product-navigation__header {
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product-navigation__button {
  margin-right: 12px;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: transparent;
  color: var(--cl-light);
  cursor: pointer;
}
@media screen and (min-width: 1000px) {
  .product-navigation__button {
    flex: 0 0 fit-content;
  }
}

@media screen and (min-width: 1000px) {
  .product-navigation__order-button {
    padding: 16px;
  }
}

.product-navigation__product {
  text-align: left;
  font-weight: 700;
  font-size: 12px;
  line-height: 116%;
  font-family: "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 1000px) {
  .product-navigation__product {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 111%;
  }
}

.product-navigation__category-text {
  display: none;
}
@media screen and (min-width: 1000px) {
  .product-navigation__category-text {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
  }
}

.product-navigation__control {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--transition-main);
}
@media screen and (min-width: 1000px) {
  .product-navigation__control {
    display: none;
  }
}

.product-navigation__icon {
  fill: #ffffff;
}

.product-navigation__content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in;
}
.product-navigation__content--desktop {
  display: none;
}
@media screen and (min-width: 1000px) {
  .product-navigation__content {
    display: none;
  }
  .product-navigation__content--desktop {
    margin-right: 16px;
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-end;
    max-height: -moz-fit-content;
    max-height: fit-content;
  }
}

.block-list {
  margin: -10px;
  padding: 20px 0 30px;
  color: #ffffff;
  box-sizing: border-box;
}
@media screen and (min-width: 1000px) {
  .block-list {
    padding: 0;
    margin: 0;
    margin-left: auto;
    display: flex;
    background: #1E1E1E;
    border-radius: 12px;
  }
}

.block-list__link {
  width: 100%;
  text-align: left;
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  padding: 10px;
  display: block;
  color: #999;
  cursor: pointer;
  transition: color 0.3s ease-in;
}
.block-list__link:hover {
  color: #ffffff;
}
@media screen and (min-width: 1000px) {
  .block-list__link {
    padding: 16px 20px;
    font-size: 16px;
  }
}

.menu-open .product-navigation__control {
  transform: rotate(180deg);
}

.button-close {
  width: 24px;
  height: 24px;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
.button-close:hover {
  background: #6B6B6B;
}
.button-close::before, .button-close::after {
  content: "";
  width: 21px;
  height: 1px;
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
}
.button-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.button-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.button-secondary {
  padding: 16px;
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  line-height: 120%;
  color: #ffffff;
  border: 1px solid #6B6B6B;
  border-radius: 6px;
  transition: all 0.3s ease-in;
}
.button-secondary:hover, .button-secondary:active {
  background: #0B413B;
}
@media screen and (min-width: 1000px) {
  .button-secondary {
    font-size: 14px;
  }
}

.button-market {
  padding: 20px;
  box-sizing: border-box;
  background: #3C3C3C;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  transition: all 0.3s ease-in;
}
.button-market svg {
  width: 93px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.button-market:hover {
  opacity: 0.5;
}
@media screen and (min-width: 1000px) {
  .button-market {
    padding: 15px;
  }
  .button-market svg {
    width: 58px;
  }
}

.title-product {
  font-family: "Blender Pro", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 90%;
  font-weight: 900;
}
@media screen and (min-width: 1000px) {
  .title-product {
    font-size: 36px;
  }
}

.text-modal {
  font-size: 12px;
  line-height: 120%;
}
@media screen and (min-width: 1000px) {
  .text-modal {
    font-size: 18px;
  }
}

.price {
  font-size: 16px;
  line-height: 90%;
  font-weight: 700;
}
.price--old {
  color: #999;
}
@media screen and (min-width: 1000px) {
  .price {
    font-size: 24px;
  }
}

.order-header {
  display: flex;
  align-items: center;
}
.order-header .order-header-image-block {
  margin-right: 4px;
  flex: 0 0 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.order-header .order-header__text-block {
  flex: 1 1 auto;
}

.market-buttons {
  margin: calc(-1 * var(--spacing-sm));
  display: flex;
  flex-wrap: wrap;
}
.market-buttons .market-buttons__item {
  margin: var(--spacing-sm);
  flex: 0 0 calc(50% - var(--spacing));
  min-height: 100px;
}
@media screen and (min-width: 1000px) {
  .market-buttons .market-buttons__item {
    flex: 0 0 calc(25% - var(--spacing));
    min-height: 58px;
  }
}
.market-buttons .market-buttons__link {
  min-width: 100%;
  min-height: 100%;
}

.modal-order {
  padding: 60px 15px 15px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: fixed;
  display: none;
  z-index: 1000;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #141414;
  color: #ffffff;
  overflow: auto;
}
@media screen and (min-width: 1000px) {
  .modal-order {
    padding: 40px;
    width: 90%;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 860px;
    border-radius: 16px;
  }
}
.modal-order.open {
  display: block;
}

@media screen and (min-width: 1000px) {
  .modal-order__header-wrapper {
    display: flex;
  }
}

.modal-order__detail {
  margin-bottom: var(--spacing-m);
}
@media screen and (min-width: 1000px) {
  .modal-order__detail {
    margin-bottom: 40px;
  }
}

.product-detail__text-block {
  flex: 1 1 auto;
}

.modal-order__close-button {
  position: absolute;
  top: 12px;
  right: 15px;
}
@media screen and (min-width: 1000px) {
  .modal-order__close-button {
    position: relative;
    top: auto;
    right: auto;
  }
}

.modal-order__main {
  margin-bottom: 16px;
}
@media screen and (min-width: 1000px) {
  .modal-order__main {
    margin-right: 22px;
    margin-bottom: 0;
    flex: 0 0 calc(50% - 11px);
  }
}

@media screen and (min-width: 1000px) {
  .modal-order__wrapper {
    display: flex;
  }
}

.product-detail {
  padding-bottom: 20px;
  display: flex;
  border-bottom: 1px solid #ffffff;
}
@media screen and (min-width: 1000px) {
  .product-detail {
    padding-bottom: 40px;
  }
}

.product-detail__image-block {
  margin-right: 8px;
  flex: 0 0 68px;
}
.product-detail__image-block img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: 8px;
}
@media screen and (min-width: 1000px) {
  .product-detail__image-block {
    margin-right: 19px;
    flex: 0 0 123px;
  }
  .product-detail__image-block img {
    width: 100%;
  }
}

.product-detail__title-block {
  margin-bottom: var(--spacing-sm);
}
@media screen and (min-width: 1000px) {
  .product-detail__title-block {
    margin-bottom: var(--spacing);
  }
}

.product-detail__description-block {
  margin-bottom: var(--spacing);
}
@media screen and (min-width: 1000px) {
  .product-detail__description-block {
    margin-bottom: calc(3 * var(--spacing));
  }
}

.product-detail__price-block {
  margin: calc(-1 * var(--spacing-sm));
}
@media screen and (min-width: 1000px) {
  .product-detail__price-block {
    margin: calc(-1 * var(--spacing));
  }
}

.product-detail__price {
  margin: var(--spacing-sm);
}
@media screen and (min-width: 1000px) {
  .product-detail__price {
    margin: var(--spacing);
  }
}

.order-main__location {
  margin-bottom: var(--spacing);
}
@media screen and (min-width: 1000px) {
  .order-main__location {
    margin-bottom: var(--spacing-m);
  }
}

.order-main__control {
  min-height: 58px;
}

.order-main__button {
  min-width: 100%;
  min-height: inherit;
}

.order-secondary__location {
  margin-bottom: var(--spacing);
}
@media screen and (min-width: 1000px) {
  .order-secondary__location {
    margin-bottom: var(--spacing-m);
  }
}

.modal-order-info {
  margin: auto;
  width: 600px;
  max-height: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: auto;
  position: fixed;
  top: 50%;
  z-index: 1000;
  background: transparent;
  transform: translateY(-50%);
}

.modal-order-info__top {
  padding: 38px 40px;
  margin-bottom: 11px;
  box-sizing: border-box;
  background: var(--cl-light);
  border-radius: 38px;
}

.modal-order-info__bottom {
  padding: 38px 40px;
  box-sizing: border-box;
  background: var(--cl-shadow);
  border-radius: 38px;
}

.modal-order-info__close-button {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 35px;
  top: 25px;
  cursor: pointer;
  border: none;
  background: url("/i/new/close.svg") no-repeat center center;
  transition: all 0.3s;
}
.modal-order-info__close-button:hover {
  filter: brightness(0.4);
}

.modal-order-info__header {
  margin-bottom: 28px;
  text-transform: uppercase;
  font-family: "Blender Pro", "Helvetica", sans-serif;
  font-size: 32px;
  font-weight: 900;
}
.modal-order-info__header span {
  display: block;
  line-height: 90%;
}
.modal-order-info__header .l {
  padding-left: 28px;
}

.modal-order-info__text-block {
  margin-bottom: 28px;
}
.modal-order-info__text-block a {
  color: inherit;
}
.modal-order-info__text-block:last-child {
  margin-bottom: 0;
}

.modal-order-info__control-block {
  display: flex;
  gap: 25px;
}

.modal-order-info__link {
  padding: 12px 18px;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1;
  border-radius: 12px;
  color: var(--cl-shadow);
  background: var(--cl-light);
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.hinge {
  animation-duration: 2s;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  animation-name: bounce;
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}
.shake {
  animation-name: shake;
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
.bounceOut {
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    transform: translateY(0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    transform: translateX(0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    transform: translateX(0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideOutLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  0% {
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}

body.modal_mode {
  overflow: hidden !important;
}

.swal2-html-container {
  text-align: left !important;
  margin-top: 40px;
}

.swal2-styled.swal2-confirm {
  background-color: #000 !important;
}

.swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.5) !important;
}

#order_form {
  background-color: rgba(34, 34, 34, 0.7);
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: none;
  z-index: 200;
}
#order_form .th {
  display: none;
}
#order_form #id_order {
  color: var(--cl-accent);
  font-weight: bold;
}
#order_form .cmb {
  width: 1400px;
  margin: auto;
  padding: 0;
  box-sizing: border-box;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
  position: relative;
}
#order_form .mainw {
  gap: 12px;
  justify-content: center;
}
#order_form .mainw .el {
  width: calc(50% - 6px);
}
#order_form .bra {
  border-radius: 38px;
  padding: 38px 40px;
}
#order_form .rb {
  background-color: var(--cl-accent);
}
#order_form .wb {
  background-color: #fff;
}
#order_form .bb {
  background-color: var(--cl-shadow);
}
#order_form .main_b {
  position: relative;
}
#order_form .close_x {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 35px;
  top: 25px;
  background: url("/i/new/close.svg") no-repeat center center;
  cursor: pointer;
  transition: all 0.3s;
}
#order_form .close_x:hover {
  filter: brightness(0.4);
}
#order_form .a_pri {
  color: inherit;
  text-decoration: none;
  display: inline-block;
  border-bottom: 1px dotted;
}
#order_form #zdesc, #order_form .desc {
  font-size: 18px;
  color: #000;
  margin-top: 28px;
}
#order_form #zdesc p, #order_form .desc p {
  margin-bottom: 13px;
}
#order_form #zdesc p:last-child, #order_form .desc p:last-child {
  margin-bottom: 0;
}
#order_form .zform input, #order_form .zform textarea {
  border: 2px solid #000;
  background-color: #fff;
  color: #999;
  border-radius: 16px;
  font-family: "Helvetica", sans-serif;
}
#order_form .zform textarea::-moz-placeholder {
  color: #343434;
}
#order_form .zform textarea::placeholder {
  color: #343434;
}
#order_form .zform textarea {
  height: 130px;
}
#order_form .placeholder-container {
  margin-bottom: 14px;
}
#order_form .placeholder-container input:not(:-moz-placeholder-shown) + label {
  background-color: #fff;
  padding: 2px 10px;
  color: #000;
  border-radius: 50px;
  top: -12px;
}
#order_form .placeholder-container input:focus + label, #order_form .placeholder-container input:not(:placeholder-shown) + label {
  background-color: #fff;
  padding: 2px 10px;
  color: #000;
  border-radius: 50px;
  top: -12px;
}
#order_form .polic {
  max-width: 315px;
  margin-left: auto;
  font-size: 12px;
  color: #999;
  margin-bottom: 36px;
}
#order_form .check_dec {
  margin-left: auto;
  background: #1E1E1E url("/i/new/check_w.svg") no-repeat center center;
  background-size: 20px auto;
  margin-right: 25px;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  position: relative;
}
#order_form .m11 {
  margin-top: 11px;
}
#order_form .button_w_o, #order_form .but {
  background-color: var(--cl-accent);
  color: #fff;
  padding: 12px 38px;
  text-transform: uppercase;
  border-radius: 12px;
  text-align: center;
  font-size: 18px;
  display: inline-block;
  cursor: pointer;
}
#order_form .button_w_o:hover, #order_form .but:hover {
  background-color: #000;
  color: #fff;
}
#order_form .buts {
  gap: 25px;
  margin-top: 28px;
}
#order_form .buts .but {
  padding: 12px 18px;
}
#order_form .but.bg_w {
  background-color: #fff;
  color: #000;
  text-decoration: none;
}
#order_form .but.bg_w:hover {
  background-color: var(--cl-accent);
  color: #fff;
}
#order_form .days {
  display: flex;
  gap: 15px;
  font-weight: bold;
  align-items: flex-end;
}
#order_form .days .v_ship {
  font-family: "Blender Pro";
  font-size: 90px;
  line-height: 0.6;
}
#order_form .days .v_ship_txt {
  font-size: 30px;
  line-height: 1;
}
#order_form .bday.v2 {
  align-items: center;
}
#order_form .bday.v2 img {
  min-width: 70px;
}
#order_form .bday .flexb {
  padding: 15px 0 5px;
}
#order_form .bday .txt {
  max-width: 300px;
  font-size: 18px;
}
#order_form .e2 {
  display: flex;
  flex-direction: column;
}
#order_form .ship_info {
  flex-grow: 1;
}
#order_form .sale {
  display: flex;
  align-items: stretch;
}
#order_form .sale .sale_b {
  font-family: "Blender Pro";
  font-size: 90px;
  line-height: 0.6;
  padding: 100px 64px 70px 50px;
  background-color: var(--cl-accent);
  border-radius: 38px;
  font-weight: bold;
  z-index: 2;
  position: relative;
  box-sizing: border-box;
  min-width: 45%;
}
#order_form .sale .bg {
  flex-grow: 1;
  background: url("/i/new/def.jpg") no-repeat center center;
  filter: grayscale(100%);
  background-size: cover !important;
  margin-left: -36px;
  border-radius: 0 38px 38px 0;
}
#order_form .inf .zag {
  display: flex;
  gap: 25px;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 30px;
}
#order_form .inf .zag .l {
  color: #fff;
  padding: 5px 12px 4px 45px;
  background-color: #000;
  display: inline-block;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 900;
  font-family: "Blender Pro";
}
#order_form .inf .zag .t {
  font-size: 18px;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
}
#order_form .th {
  max-width: 1200px;
}
#order_form .th .el.e1 {
  width: calc(60% - 6px);
  display: flex;
  flex-direction: column;
}
#order_form .th .el.e1 .main_b {
  flex-grow: 1;
}
#order_form .th .el.e2 {
  width: calc(40% - 6px);
}
#order_form .video_b {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
#order_form .main_b .oldp {
  display: inline-block;
  font-size: 18px !important;
  margin-right: 4px;
}
#order_form .promo_line {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
  align-items: center;
}
#order_form .promo_line .r {
  color: var(--cl-accent);
}
#order_form .promo_line .sale_promo {
  display: none;
}
#order_form .promo_line .placeholder-container {
  width: 220px;
  margin-bottom: 0;
}
#order_form .promo_line .placeholder-container input {
  margin-bottom: 0;
}
#order_form .promo_line .checkbox_uni {
  padding: 13px 18px;
  display: block;
  width: 90px;
  box-sizing: border-box;
  border: 2px solid #000;
  background-color: #fff;
  border-radius: 16px;
  position: relative;
  cursor: pointer;
  height: 47px;
}
#order_form .promo_line .checkbox_uni:before {
  display: block;
  content: "";
  border-radius: 50px;
  background-color: #C2C2C2;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 8px;
  transition: all 0.3s;
}
#order_form .promo_line .checkbox_uni.active:before {
  background-color: #111;
  left: 49px;
}
@media screen and (max-width: 1050px) {
  #order_form .bday .txt, #order_form .desc, #order_form #zdesc, #order_form p {
    font-size: 14px !important;
  }
  #order_form .days .v_ship {
    font-size: 58px;
  }
  #order_form .days .v_ship_txt {
    font-size: 20px;
  }
  #order_form .bday .betw {
    gap: 30px;
  }
  #order_form .bra {
    border-radius: 18px;
    padding: 16px 20px;
  }
  #order_form .sale .sale_b {
    border-radius: 18px;
    font-size: 58px;
    padding: 50px 32px 35px 25px;
  }
  #order_form .sale .bg {
    margin-left: -18px;
    border-radius: 0 18px 18px 0;
  }
  #order_form .promo_line .placeholder-container {
    width: 160px;
  }
  #order_form .promo_line .checkbox_uni {
    width: 70px;
  }
  #order_form .promo_line .checkbox_uni:before {
    width: 28px;
    height: 28px;
  }
  #order_form .promo_line .checkbox_uni.active:before {
    left: 30px;
  }
}
@media screen and (max-width: 700px) {
  #order_form .mainw {
    flex-direction: column;
  }
  #order_form .mainw .el {
    width: 100% !important;
  }
  #order_form .sale .sale_b {
    min-width: 75%;
  }
  #order_form .button_w_o, #order_form .but {
    padding: 12px 20px;
  }
  #order_form .inf .zag .l {
    padding-right: 30px;
  }
  #order_form .inf .zag {
    gap: 15px;
  }
  #order_form .main_b {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
  #order_form .ship_info, #order_form .video_b {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}
@media screen and (max-width: 400px) {
  #order_form .sale .sale_b {
    min-width: 45%;
  }
}

.product-head {
  background: var(--cl-void);
  color: var(--cl-light);
}

.product-head .container {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media screen and (min-width: 1000px) {
  .product-head__content {
    display: grid;
    grid-template-columns: minmax(360px, 530px) minmax(500px, 650px);
    grid-template-rows: auto min-content;
    -moz-column-gap: 50px;
         column-gap: 50px;
    row-gap: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .product-head__content {
    -moz-column-gap: 120px;
         column-gap: 120px;
  }
}

@media screen and (min-width: 1000px) {
  .product-head__info {
    grid-row: 1/3;
    grid-column: 1/2;
  }
}

.product-head__slider-main .tns-nav {
  display: none;
}
@media screen and (min-width: 1000px) {
  .product-head__slider-main {
    grid-row: 1/2;
    grid-column: 2/3;
  }
}

.product-head__slider-preview {
  position: relative;
  display: none;
}
.product-head__slider-preview .tns-nav {
  display: none;
}
@media screen and (min-width: 1000px) {
  .product-head__slider-preview {
    display: block;
    grid-row: 2/3;
    grid-column: 2/3;
  }
}

.product-main-info {
  width: 100%;
}

.product-main-info__text-block {
  margin-bottom: 60px;
}
@media screen and (min-width: 1000px) {
  .product-main-info__text-block {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 1000px) {
  .product-main-info__text-block {
    margin-bottom: 60px;
  }
}

.product-main-info__buttons-block {
  display: flex;
  align-items: center;
}

.product-main-info__button {
  padding: 15px 20px;
  font-size: 20px;
}
@media screen and (min-width: 1000px) {
  .product-main-info__button {
    font-size: 25px;
    padding: 28px 45px;
  }
}
@media screen and (min-width: 1200px) {
  .product-main-info__button {
    padding: 32px 45px;
    font-size: 30px;
  }
}

.product-main-info__button-order {
  margin-right: 20px;
  flex: 1 1 auto;
}

.info-list {
  padding: 0;
  width: 100%;
  list-style: none;
}

.info-list__item {
  padding: 12px 0;
  min-height: 90px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 2px solid var(--cl-light);
}
@media screen and (min-width: 1200px) {
  .info-list__item {
    min-height: 115px;
  }
}

.info-list__param {
  margin-right: 16px;
  min-width: 70px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 100%;
  box-sizing: border-box;
}
@media screen and (min-width: 1000px) {
  .info-list__param {
    font-size: 18px;
  }
}

.info-value {
  flex: 1 1 auto;
  text-align: right;
}

.info-value.info-value--product {
  font-family: "Blender Pro", "Arial", sans-serif;
  font-size: 30px;
  line-height: 90%;
  font-weight: 900;
  text-transform: uppercase;
}
.info-value.info-value--product h1 {
  font-size: inherit;
  font-weight: 800;
}
@media screen and (min-width: 1000px) {
  .info-value.info-value--product {
    font-size: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .info-value.info-value--product {
    font-size: 50px;
  }
}

.info-value.info-value--color {
  font-size: 30px;
  line-height: 100%;
}

.info-value.info-value--type {
  font-size: 20px;
  line-height: 120%;
}
@media screen and (min-width: 1200px) {
  .info-value.info-value--type {
    font-size: 30px;
  }
}

.info-value.info-value--description {
  max-width: 60%;
  font-size: 16px;
  line-height: 120%;
}
@media screen and (min-width: 1200px) {
  .info-value.info-value--description {
    font-size: 18px;
  }
}

.info-value.info-value--price {
  font-family: "Blender Pro", "Arial", sans-serif;
  font-size: 40px;
  line-height: 90%;
  font-weight: 900;
  text-transform: uppercase;
}
@media screen and (min-width: 1000px) {
  .info-value.info-value--price {
    font-size: 45px;
  }
}
@media screen and (min-width: 1200px) {
  .info-value.info-value--price {
    font-size: 55px;
  }
}

.slider-main {
  position: relative;
}

.slider-main__controls-block {
  width: 95%;
  height: 0;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  bottom: 15%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.slider-main__button-prev {
  transform: rotate(180deg);
}

.slider-preview__controls-block {
  width: 95%;
  height: 0;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.slider-preview__button-prev {
  transform: rotate(180deg);
}

.slider-list {
  padding: 0;
  list-style: none;
}
.slider-list.owl-padding .tns-item {
  padding-right: 20px !important;
}

.slider-list__item img {
  border-radius: 20px;
  display: block;
  width: 100%;
}

.slider-list__item.slider-list__item--small {
  padding-right: 16px !important;
}

.tech {
  background: var(--cl-void);
}

.tech .container {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media screen and (min-width: 1000px) {
  .tech__content {
    display: grid;
    row-gap: 30px;
    -moz-column-gap: 100px;
         column-gap: 100px;
    grid-template-rows: repeat(2, min-content);
    grid-template-columns: min-content 1fr;
  }
}

.tech__title-block {
  margin-bottom: 30px;
}
@media screen and (min-width: 1000px) {
  .tech__title-block {
    margin-bottom: 0;
    grid-row: 1/2;
    grid-column: 1/2;
  }
}

.tech__params-block {
  margin-bottom: 30px;
}
@media screen and (min-width: 1000px) {
  .tech__params-block {
    margin-bottom: 0;
    grid-row: 1/3;
    grid-column: 2/3;
  }
}

.tech__button-block {
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 1000px) {
  .tech__button-block {
    grid-row: 2/3;
    grid-column: 1/2;
    align-self: self-end;
  }
}

.tech__button {
  padding: 15px 20px;
  font-size: 20px;
  white-space: nowrap;
}
@media screen and (min-width: 1000px) {
  .tech__button {
    padding: 28px 45px;
    font-size: 25px;
  }
}
@media screen and (min-width: 1200px) {
  .tech__button {
    padding: 32px 45px;
    font-size: 30px;
  }
}

.extra-padding {
  padding-bottom: 50px;
}

.tech-list {
  padding: 0;
  margin: -7px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  font-size: 14px;
  color: var(--cl-light);
}
@media screen and (min-width: 450px) {
  .tech-list {
    font-size: 20px;
  }
}
@media screen and (min-width: 1000px) {
  .tech-list {
    margin: -10px;
    font-size: 25px;
  }
}

.tech-list__item {
  margin: 7px;
  max-width: 100%;
  border: 1px solid var(--cl-light);
  background: var(--cl-shadow);
  border-radius: 20px;
  overflow: hidden;
  box-sizing: border-box;
  transition: var(--transition-main);
}
.tech-list__item span,
.tech-list__item a {
  padding: 10px 20px;
  font-size: inherit;
  display: block;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tech-list__item:hover {
  background: var(--cl-accent);
  color: var(--cl-light);
  transform: rotate(-5deg);
}
@media screen and (min-width: 1000px) {
  .tech-list__item {
    margin: 10px;
  }
}

.tech-list__item.tech-list__item--accent {
  background: var(--cl-accent);
}

.v360 .line {
  gap: 80px;
}
.v360 #circlr {
  max-width: 900px;
  margin: auto;
}
.v360 #circlr img {
  max-width: 100%;
}
.v360 .ac {
  text-align: center;
  margin-top: 15px;
}
.v360 .ac img {
  margin: auto;
}

@media screen and (max-width: 1000px) {
  .v360 .line {
    gap: 20px;
  }
  .v360 .line.for_txt {
    flex-direction: column;
  }
  .v360 .line.for_txt > .e {
    width: 100%;
    max-width: unset;
  }
}
.video_gal {
  padding-top: 160px;
}
.video_gal #video_control {
  display: none;
}
@media screen and (min-width: 700px) {
  .video_gal #video_control {
    display: block;
  }
}
.video_gal .ma {
  background-color: var(--cl-accent);
  border-radius: 8px;
  overflow: hidden;
  margin-top: 60px;
  position: relative;
}
@media screen and (min-width: 700px) {
  .video_gal .ma {
    border-radius: 30px;
  }
}
.video_gal img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.video_gal .brd {
  position: relative;
}
.video_gal .wranv {
  margin-top: 20px;
}
@media screen and (min-width: 700px) {
  .video_gal .wranv {
    margin-top: 30px;
  }
}
.video_gal .wranv img {
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}
@media screen and (min-width: 700px) {
  .video_gal .wranv img {
    border-radius: 30px;
  }
}

@media screen and (max-width: 650px) {
  .video_gal .ma {
    margin-top: 30px;
  }
}
@media screen and (max-width: 800px) {
  .video_gal {
    padding-top: 100px;
  }
}
.video_gal.owl-padding .tns-item,
.video_gal.owl-padding .slider_nav_video {
  box-sizing: border-box;
  padding-right: 20px !important;
}

.table {
  padding-bottom: 60px;
  font-family: "Helvetica";
  line-height: 1.1;
  font-size: 18px;
}
@media screen and (min-width: 700px) {
  .table {
    padding-left: 340px;
  }
}
.table .tr {
  display: flex;
  align-items: center;
  border-bottom: 1px var(--cl-void) solid;
}
.table .th:first-child,
.table .td:first-child {
  margin-right: 14px;
}
@media screen and (min-width: 700px) {
  .table .th:first-child,
  .table .td:first-child {
    margin-right: 24px;
  }
}
.table .th,
.table .td {
  padding: 14px 0;
  flex: 0 0 calc(50% - 7px);
}
@media screen and (min-width: 700px) {
  .table .th,
  .table .td {
    padding: 24px 0;
    flex: 0 0 calc(50% - 12px);
  }
}
.table .tr {
  border-bottom: 1px var(--cl-void) solid;
}
.table .tr.g {
  background-color: var(--cl-light);
  margin-top: 40px;
  color: var(--cl-accent);
}
.table .tr:last-child {
  border-bottom: none;
}
.table .tr .td:first-child {
  text-align: left !important;
}
.table .tr .td:last-child {
  text-align: right;
}

@media screen and (max-width: 800px) {
  .table .tr .td,
  #uni .table .tr .td {
    font-size: 14px;
  }
}