/* -------------------
BEGIN  
Sitecore Resource: 556df68b-0280-49e6-9a5f-39c6c5d28cd8
   -------------------*/

.filters-section {
  width: 14vw;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (min-width: 1919px) {
  .filters-section {
    width: 220px;
  }
}
@media screen and (max-width: 1367px) {
  .filters-section {
    width: 19vw;
  }
}
.filters-section .filter-marker-mobile {
  display: block;
  width: 3.3vw;
  height: 3.3vw;
  background: #da1c4d;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  opacity: 1;
  top: -5px;
  pointer-events: all;
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.filters-section .filter-marker-mobile.move {
  -webkit-transform: scaleY(1.1);
  -ms-transform: scaleY(1.1);
  transform: scaleY(1.1);
  -webkit-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (min-width: 1960px) {
  .filters-section .filter-marker-mobile {
    width: 2.3vw;
    height: 2.3vw;
  }
}
.filters-section .filter-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #57d4ff;
  border-radius: 27px;
  position: relative;
}
.filters-section .filter-bar.age {
  height: 16.2vh;
  /*height: 30vh;*/

}
.filters-section .filter-bar.form {
  height: 30.5vh;
}
.filters-section .filter-bar .item {
  width: 2.2vw;
  height: 2.75vw;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 1960px) {
  .filters-section .filter-bar .item {
    width: 1.5vw;
    height: 2vw;
  }
}
.filters-section .filter-bar .item:hover .name {
  color: white;
  -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media screen and (min-width: 901px) {
  .filters-section .filter-bar .item.solute .icon img {
    width: 1.1vw;
    height: 1.7vw;
  }
}
@media screen and (min-width: 901px) and screen and (min-width: 1960px) {
  .filters-section .filter-bar .item.solute .icon img {
    width: 1vw;
    height: 1vw;
  }
}
.filters-section .filter-bar .item .icon {
  position: absolute;
  z-index: 2;
}
.filters-section .filter-bar .item .icon img {
  width: 1.1vw;
  height: 1.3vw;
  -o-object-fit: contain;
  object-fit: contain;
  pointer-events: none;
}
@media screen and (min-width: 1960px) {
  .filters-section .filter-bar .item .icon img {
    width: 1vw;
    height: 1vw;
  }
}
.filters-section .filter-bar .item .mask-select {
  display: none;
  width: 3.125vw;
  height: 3.125vw;
  background: #da1c4d;
  border-radius: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0.65);
  -ms-transform: scale(0.65);
  transform: scale(0.65);
  -webkit-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.filters-section .filter-bar .item .name {
  font-size: 0.9vw;
  line-height: 1vw;
  color: #a5e8ff;
  font-weight: 500;
  will-change: color;
  position: absolute;
  left: 3.1vw;
  -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media screen and (min-width: 1960px) {
  .filters-section .filter-bar .item .name {
    font-size: 0.7vw;
    left: 2.5vw;
  }
}
.filters-section .filter-bar .item.active .mask-select {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.filters-section .filter-bar .item.active .name {
  color: white;
  -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.filters-section .filter-bar .item.disabled {
  pointer-events: none !important;
  opacity: 0.35 !important;
}
@media all and (max-width: 1200px) {
  .filters-section {
    width: 21%;
    height: 80%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .filters-section .filter-marker-mobile {
    display: block;
    width: 5vw;
    height: 5vw;
    background: #da1c4d;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    opacity: 1;
    top: -5px;
    pointer-events: all;
    will-change: transform;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .filters-section .filter-marker-mobile.move {
    -webkit-transform: scaleY(0.97);
    -ms-transform: scaleY(0.97);
    transform: scaleY(0.97);
    -webkit-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), top 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .filters-section .filter-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #57d4ff;
    border-radius: 27px;
    position: relative;
    z-index: 200;
  }
  .filters-section .filter-bar.age {
    height: 25%;
  }
  .filters-section .filter-bar.form {
    height: 50%;
  }
  .filters-section .filter-bar .item {
    width: 3.5vw;
    height: 3.5vw;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
  }
  .filters-section .filter-bar .item:hover .name {
    color: white;
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .filters-section .filter-bar .item .icon {
    position: absolute;
    z-index: 2;
  }
  .filters-section .filter-bar .item .icon img {
    width: 2.5vw;
    height: 2.5vw;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none;
  }
  .filters-section .filter-bar .item .icon.syrup {
    width: 50%;
  }
  .filters-section .filter-bar .item .mask-select {
    display: none;
    width: 3.125vw;
    height: 3.125vw;
    background: #da1c4d;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    will-change: transform;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
    -webkit-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  }
  .filters-section .filter-bar .item .name {
    font-size: 2vw;
    line-height: 2.3vw;
    color: #a5e8ff;
    font-weight: 500;
    will-change: color;
    position: absolute;
    left: 5.5vw;
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .filters-section .filter-bar .item.active .mask-select {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .filters-section .filter-bar .item.active .name {
    color: white;
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .filters-section .filter-bar .item.disabled {
    pointer-events: none;
    opacity: 0.35;
  }
}
@media all and (max-width: 767px) {
  .filters-section {
    width: 100%;
    height: 30%;
    margin: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .filters-section .filter-bar {
    width: 100%;
    margin: 0 0 5vh 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #57d4ff;
    border-radius: 27px;
    position: relative;
  }
  .filters-section .filter-bar.age {
    height: initial;
  }
  .filters-section .filter-bar.form {
    height: initial;
  }
  .filters-section .filter-bar .item {
    width: 7.5vw;
    height: 7.5vw;
  }
  .filters-section .filter-bar .item .icon {
    position: absolute;
    z-index: 2;
    pointer-events: none;
  }
  .filters-section .filter-bar .item .icon img {
    width: 5vw;
    height: 5vw;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none;
  }
  .filters-section .filter-bar .item .mask-select {
    display: none;
    width: 10vw;
    height: 10vw;
    background: #da1c4d;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    will-change: transform;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
    -webkit-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  }
  .filters-section .filter-bar .item .name {
    text-align: center;
    font-size: 2.9vw;
    line-height: 3.1vw;
    color: #a5e8ff;
    font-weight: 500;
    will-change: color;
    position: static;
    -webkit-transform: translateY(4.5vh);
    -ms-transform: translateY(4.5vh);
    transform: translateY(4.5vh);
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .filters-section .filter-bar .item.active .mask-select {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .filters-section .filter-bar .item.active .name {
    color: white;
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .filters-section .filter-bar .item.disabled {
    pointer-events: none;
    opacity: 0.35;
  }
  .filters-section .filter-bar .filter-marker-mobile {
    display: block;
    width: 10vw;
    height: 10vw;
    background: #da1c4d;
    border-radius: 50%;
    position: absolute;
    left: -3px;
    z-index: 1;
    opacity: 1;
    pointer-events: all;
    will-change: transform;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .filters-section .filter-bar .filter-marker-mobile.move {
    -webkit-transform: scaleX(1.1);
    -ms-transform: scaleX(1.1);
    transform: scaleX(1.1);
    -webkit-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), left 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), left 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), left 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), left 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), left 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
@media all and (max-width: 767px) and (orientation: landscape) {
  .filters-section {
    width: 100%;
    height: 30%;
    margin: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .filters-section .filter-bar {
    width: 100%;
    margin: 0 0 5vw 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #57d4ff;
    border-radius: 27px;
    position: relative;
  }
  .filters-section .filter-bar.age {
    height: initial;
  }
  .filters-section .filter-bar.form {
    height: initial;
  }
  .filters-section .filter-bar .item {
    width: 7.5vh;
    height: 7.5vh;
  }
  .filters-section .filter-bar .item .icon {
    position: absolute;
    z-index: 2;
    pointer-events: none;
  }
  .filters-section .filter-bar .item .icon img {
    width: 5vh;
    height: 5vh;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none;
  }
  .filters-section .filter-bar .item .mask-select {
    display: none;
    width: 10vh;
    height: 10vh;
    background: #da1c4d;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    will-change: transform;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
    -webkit-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  }
  .filters-section .filter-bar .item .name {
    text-align: center;
    font-size: 3.25vh;
    line-height: 4.1vh;
    color: #a5e8ff;
    font-weight: 500;
    will-change: color;
    position: static;
    -webkit-transform: translateY(4.5vw);
    -ms-transform: translateY(4.5vw);
    transform: translateY(4.5vw);
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .filters-section .filter-bar .item.active .mask-select {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .filters-section .filter-bar .item.active .name {
    color: white;
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .filters-section .filter-bar .item.disabled {
    pointer-events: none;
    opacity: 0.35;
  }
  .filters-section .filter-bar .filter-marker-mobile {
    display: block;
    width: 10vh;
    height: 10vh;
    background: #da1c4d;
    border-radius: 50%;
    position: absolute;
    left: -3px;
    z-index: 1;
    opacity: 1;
    pointer-events: all;
    will-change: transform;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .filters-section .filter-bar .filter-marker-mobile.move {
    -webkit-transform: scaleX(1.1);
    -ms-transform: scaleX(1.1);
    transform: scaleX(1.1);
    -webkit-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), left 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), left 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), left 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), left 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53), left 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
body.ie .number-circle {
  top: 0%;
  left: 33%;
  margin: 0;
  margin-left: 0 !important;
  margin-top: 0 !important;
}
body.ie .left-content {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
body.ie .left-icon {
  height: 30%;
  margin: 0 !important;
}
body.ie .filter-bar .filter-marker-mobile {
  display: none !important;
}
body.ie .filter-bar .mask-select {
  display: block !important;
  top: -15%;
  left: -22.5%;
}
body.ie .filter-bar .item {
  height: 2.2vw !important;
}
body.ie .filter-bar .item.child .icon img {
  width: 10px !important;
}
body.ie .filter-bar .item.adult .icon img {
  width: 10px !important;
}
body.ie .filter-bar .icon {
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.ie .filter-bar .icon img {
  width: 15px !important;
  height: 20px !important;
}
body.ie .filter-bar .name {
  top: 30% !important;
}
body.ie .main-section.slider-ie {
  width: 250vw !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
body.ie .main-section .product-block {
  height: 100% !important;
}
body.ie .main-section .product-block .main-image {
  position: static !important;
}
body.ie .main-section .product-block .main-image img {
  width: inherit !important;
  height: 13vw !important;
  -webkit-transform: translate(3.5vw, 3vh) scale(1) !important;
  -ms-transform: translate(3.5vw, 3vh) scale(1) !important;
  transform: translate(3.5vw, 3vh) scale(1) !important;
}
body.ie .main-section .product-block .additional-image {
  position: static !important;
}
body.ie .main-section .product-block .additional-image svg {
  -webkit-transform: translateX(5vw) skew(40deg) !important;
  -ms-transform: translateX(5vw) skew(40deg) !important;
  transform: translateX(5vw) skew(40deg) !important;
}
body.ie .main-section .product-block .name {
  -webkit-transform: translate(120px, 0) !important;
  -ms-transform: translate(120px, 0) !important;
  transform: translate(120px, 0) !important;
}
body.ie .main-section .product-block .bullets {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  -webkit-transition: opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19) !important;
  -o-transition: opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19) !important;
  transition: opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19) !important;
}
body.ie .main-section .product-block .button-wrap .button-text {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}
body.ie .main-section .product-block.active .main-image img {
  -webkit-transform: scale(1.2) translate(3.5vw, 0vh) !important;
  -ms-transform: scale(1.2) translate(3.5vw, 0vh) !important;
  transform: scale(1.2) translate(3.5vw, 0vh) !important;
}
body.ie .main-section .product-block.active .additional-image svg {
  -webkit-transform: translateX(-8vw) skew(0deg) !important;
  -ms-transform: translateX(-8vw) skew(0deg) !important;
  transform: translateX(-8vw) skew(0deg) !important;
}
body.ie .main-section .product-block.active .additional-image.capsules svg {
  -webkit-transform: translateX(-10vw) skew(0deg) !important;
  -ms-transform: translateX(-10vw) skew(0deg) !important;
  transform: translateX(-10vw) skew(0deg) !important;
}
body.ie .main-section .product-block.active .name {
  -webkit-transform: translate(0px, 0) !important;
  -ms-transform: translate(0px, 0) !important;
  transform: translate(0px, 0) !important;
}
body.ie .main-section .product-block.active .bullets {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  -webkit-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s !important;
  -o-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s !important;
  transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s !important;
}
body.ie .main-section .product-block.active .button-wrap .button-text {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}
body.ie .main-section .product-block.active .additional-image.capsules svg {
  -webkit-transform: translateX(-7.5vw) skew(0deg) !important;
  -ms-transform: translateX(-7.5vw) skew(0deg) !important;
  transform: translateX(-7.5vw) skew(0deg) !important;
}
.intro-cont {
  position: absolute;
  width: 90%;
  margin: 0;
  padding: 0;
  font-family: 'Ubuntu';
  height: 63vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: white;
  text-transform: uppercase;
  top: 0;
  left: 5%;
}
.intro-cont .upper-cont {
  height: 40vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.intro-cont .upper-cont .step {
  margin: 5%;
}
.intro-cont .upper-cont .step .circle {
  font-size: 4vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1960px) {
  .intro-cont .upper-cont .step .circle {
    font-size: 2vw;
  }
}
.intro-cont .upper-cont .step .circle .inside-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #da1c4d;
  width: 5vw;
  height: 5vw;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 100px 0px #95e1f0;
  box-shadow: 0px 0px 100px 0px #95e1f0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
@media screen and (min-width: 1960px) {
  .intro-cont .upper-cont .step .circle .inside-circle {
    width: 4.5vw;
    height: 4.5vw;
  }
}
.intro-cont .upper-cont .step .circle .inside-circle.show {
  -webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.intro-cont .upper-cont .step .circle .inside-circle.hide {
  -webkit-transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
}
.intro-cont .upper-cont .step .circle .about-circle {
  font-size: 3.5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 5.5vw;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
  transform: translateX(-30%);
  opacity: 0;
}
@media screen and (min-width: 1960px) {
  .intro-cont .upper-cont .step .circle .about-circle {
    font-size: 2.5vw;
  }
}
.intro-cont .upper-cont .step .circle .about-circle.show {
  -webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateX(-15%);
  -ms-transform: translateX(-15%);
  transform: translateX(-15%);
  opacity: 1;
}
.intro-cont .upper-cont .step .circle .about-circle.hide {
  -webkit-transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateX(100px);
  -ms-transform: translateX(100px);
  transform: translateX(100px);
  opacity: 0;
}
.intro-cont .upper-cont .step .about-text {
  font-size: 1.25vw;
  line-height: 1.75vw;
  margin-left: 2vw;
  margin-top: 2vh;
  -webkit-transform: translateY(-10%);
  -ms-transform: translateY(-10%);
  transform: translateY(-10%);
  opacity: 0;
}
@media screen and (min-width: 1960px) {
  .intro-cont .upper-cont .step .about-text {
    font-size: 1vw;
    line-height: 1.25vw;
  }
}
.intro-cont .upper-cont .step .about-text.show {
  -webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.intro-cont .upper-cont .step .about-text.hide {
  -webkit-transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateX(100px);
  -ms-transform: translateX(100px);
  transform: translateX(100px);
  opacity: 0;
}
.intro-cont .lower-cont {
  height: 10vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 4vw;
  text-transform: uppercase;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'PartnerCondensed';
  font-weight: 700;
}
@media screen and (min-width: 1960px) {
  .intro-cont .lower-cont {
    font-size: 2.5vw;
  }
}
.intro-cont .lower-cont .move-cont {
  opacity: 0;
  -webkit-transform: translateX(-25%);
  -ms-transform: translateX(-25%);
  transform: translateX(-25%);
}
.intro-cont .lower-cont .move-cont.show {
  -webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.intro-cont .lower-cont .move-cont.hide {
  -webkit-transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateX(100px);
  -ms-transform: translateX(100px);
  transform: translateX(100px);
  opacity: 0;
}
@media all and (max-width: 1200px) {
  .intro-cont {
    width: 100%;
    height: 100%;
    left: 0;
  }
  .intro-cont .upper-cont {
    height: 30vh;
  }
}
@media all and (max-width: 767px) {
  .intro-cont {
    position: absolute;
    width: 100vw;
    height: 110%;
    margin: 0;
    padding: 0;
    font-family: 'Ubuntu';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: white;
    text-transform: uppercase;
    left: 0;
    top: -7.5vw;
    left: -5vw;
  }
  .intro-cont .upper-cont {
    height: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .intro-cont .upper-cont .step {
    margin: 3%;
  }
  .intro-cont .upper-cont .step .circle {
    font-size: 11.5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .intro-cont .upper-cont .step .circle .inside-circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #da1c4d;
    width: 12.5vw;
    height: 12.5vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 100px 0px #95e1f0;
    box-shadow: 0px 0px 100px 0px #95e1f0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  .intro-cont .upper-cont .step .circle .inside-circle.show {
    -webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .intro-cont .upper-cont .step .circle .inside-circle.hide {
    -webkit-transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
    opacity: 0;
  }
  .intro-cont .upper-cont .step .circle .about-circle {
    font-size: 8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 12.5vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    transform: translateX(-30%);
    opacity: 0;
  }
  .intro-cont .upper-cont .step .circle .about-circle.show {
    -webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateX(-15%);
    -ms-transform: translateX(-15%);
    transform: translateX(-15%);
    opacity: 1;
  }
  .intro-cont .upper-cont .step .circle .about-circle.hide {
    -webkit-transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
    opacity: 0;
  }
  .intro-cont .upper-cont .step .about-text {
    font-size: 3.15vw;
    line-height: 4.5vw;
    margin-left: 8vw;
    margin-top: 1vh;
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
  }
  .intro-cont .upper-cont .step .about-text.show {
    -webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  .intro-cont .upper-cont .step .about-text.hide {
    -webkit-transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
    opacity: 0;
  }
  .intro-cont .lower-cont {
    height: 15%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 9.5vw;
    text-transform: uppercase;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'PartnerCondensed';
    font-weight: 700;
  }
  .intro-cont .lower-cont .move-cont {
    opacity: 0;
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  .intro-cont .lower-cont .move-cont.show {
    -webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .intro-cont .lower-cont .move-cont.hide {
    -webkit-transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
    opacity: 0;
  }
}
.left-part {
  width: 16.5vw;
  height: 100%;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 1441px) {
  .left-part {
    width: 15vw;
  }
}
@media screen and (max-width: 1367px) {
  .left-part {
    width: 18vw;
  }
}
@media screen and (min-width: 1919px) {
  .left-part {
    width: 290px;
  }
}
.left-part .left-inside {
  height: 100%;
  width: 100%;
}
.left-part .left-inside .left-header {
  width: 107.5%;
  font-size: 0.94vw;
  margin-top: 10%;
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-family: 'PartnerCondensed';
  font-weight: 700;
}
@media screen and (min-width: 1960px) {
  .left-part .left-inside .left-header {
    font-size: 0.7vw;
  }
}
@media screen and (min-width: 1919px) {
  .left-part .left-inside .left-header {
    width: 95%;
    padding-right: 3%;
    margin: 10% 0 0 0;
    text-align: right;
  }
}
@media screen and (min-width: 1919px) {
  .left-part .left-inside .left-header {
    width: 95%;
    padding-right: 3%;
    margin: 10% 0 0 0;
    text-align: right;
  }
}
.left-part .left-inside .left-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 10%;
  height: 75%;
  width: 90%;
  margin-left: 5%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-right: 2px solid rgba(87, 212, 255, 0.4);
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .left-part .left-inside .left-content {
    -webkit-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%);
  }
}
.left-part .left-inside .left-content .left-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10% 0;
  width: 100%;
  position: relative;
  opacity: 0;
  -webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (min-width: 1919px) {
  .left-part .left-inside .left-content .left-icon {
    left: 12%;
  }
}
.left-part .left-inside .left-content .left-icon .left-icon-inside {
  height: 100%;
  width: 100%;
  text-align: center;
}
.left-part .left-inside .left-content .left-icon .left-icon-inside svg {
  overflow: visible;
  height: 100%;
  width: 30%;
}
.left-part .left-inside .left-content .left-icon .left-icon-inside svg .cls-2,
.left-part .left-inside .left-content .left-icon .left-icon-inside svg .cls-4 {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  stroke: #57d4ff;
  -webkit-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.left-part .left-inside .left-content .left-icon .left-icon-inside svg .cls-4 {
  stroke: white;
  opacity: 0;
}
.left-part .left-inside .left-content .left-icon .left-icon-about {
  font-size: 0.9375vw;
  text-align: center;
  color: white;
  margin-top: 0.3vw;
  font-weight: 500;
}
@media screen and (min-width: 1960px) {
  .left-part .left-inside .left-content .left-icon .left-icon-about {
    font-size: 0.75vw;
  }
}
.left-part .left-inside .left-content .left-icon .number-circle {
  font-size: 0.8vw;
  background-color: #57d4ff;
  position: absolute;
  width: 1.75vw;
  height: 1.75vw;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -12.5%;
  margin-top: -13.5%;
  color: #006fbd;
  -webkit-transition: background-color 1s cubic-bezier(0.645, 0.045, 0.355, 1), color 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: background-color 1s cubic-bezier(0.645, 0.045, 0.355, 1), color 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 1s cubic-bezier(0.645, 0.045, 0.355, 1), color 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media screen and (min-width: 1960px) {
  .left-part .left-inside .left-content .left-icon .number-circle {
    width: 1vw;
    height: 1vw;
    font-size: 0.7vw;
  }
}
.left-part .left-inside .left-content .left-icon.active .left-icon-inside svg .cls-2 {
  stroke: white;
}
.left-part .left-inside .left-content .left-icon.active .left-icon-inside svg .cls-4 {
  opacity: 1;
}
.left-part .left-inside .left-content .left-icon.active .number-circle {
  background-color: #da1c4d;
  color: white;
}
.left-part .left-inside .left-content .left-icon.show {
  opacity: 1;
}
@media all and (max-width: 1200px) {
  .left-part {
    width: 21%;
    height: 80%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .left-part .left-inside {
    height: 95%;
    width: 100%;
  }
  .left-part .left-inside .left-header {
    display: none;
    font-size: 2.1vw;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-family: 'PartnerCondensed';
    font-weight: 700;
    opacity: 0;
    -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .left-part .left-inside .left-header.show {
    opacity: 1;
    -webkit-transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .left-part .left-inside .left-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0%;
    height: 90%;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
  }
  .left-part .left-inside .left-content .left-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10% 0;
    width: 100%;
    position: relative;
    opacity: 0;
    -webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .left-part .left-inside .left-content .left-icon .left-icon-inside {
    height: 100%;
    width: 100%;
    text-align: center;
  }
  .left-part .left-inside .left-content .left-icon .left-icon-inside svg {
    overflow: visible;
    height: 100%;
    width: 35%;
  }
  .left-part .left-inside .left-content .left-icon .left-icon-inside svg .cls-2,
  .left-part .left-inside .left-content .left-icon .left-icon-inside svg .cls-4 {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
    stroke: #57d4ff;
    -webkit-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .left-part .left-inside .left-content .left-icon .left-icon-inside svg .cls-4 {
    stroke: white;
    opacity: 0;
  }
  .left-part .left-inside .left-content .left-icon .left-icon-about {
    font-size: 1.5vw;
    text-align: center;
    color: white;
    margin-top: 0.3vw;
    font-weight: 500;
  }
  .left-part .left-inside .left-content .left-icon .number-circle {
    font-size: 1.6vw;
    background-color: #57d4ff;
    position: absolute;
    width: 2vw;
    height: 2vw;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -14.5%;
    margin-top: -16.5%;
    color: #006fbd;
    -webkit-transition: background-color 1s cubic-bezier(0.645, 0.045, 0.355, 1), color 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: background-color 1s cubic-bezier(0.645, 0.045, 0.355, 1), color 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 1s cubic-bezier(0.645, 0.045, 0.355, 1), color 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .left-part .left-inside .left-content .left-icon.active .left-icon-inside svg .cls-2 {
    stroke: white;
  }
  .left-part .left-inside .left-content .left-icon.active .left-icon-inside svg .cls-4 {
    opacity: 1;
  }
  .left-part .left-inside .left-content .left-icon.active .number-circle {
    background-color: #da1c4d;
    color: white;
  }
  .left-part .left-inside .left-content .left-icon.show {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
@media all and (max-width: 767px) {
  .left-part {
    width: 100%;
    height: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    top: -5%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .left-part .left-inside {
    height: 100%;
    width: 100%;
  }
  .left-part .left-inside .left-header {
    display: block;
    width: 100%;
    font-size: 7vw;
    color: white;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    left: 0;
  }
  .left-part .left-inside .left-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0;
    height: 100%;
    width: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .left-part .left-inside .left-content .left-icon {
    margin: 0;
    width: calc(100% / 3);
    position: relative;
  }
  .left-part .left-inside .left-content .left-icon .left-icon-inside {
    height: 60%;
  }
  .left-part .left-inside .left-content .left-icon .left-icon-inside svg {
    height: 100%;
    width: 35%;
  }
  .left-part .left-inside .left-content .left-icon .left-icon-inside svg .cls-2,
  .left-part .left-inside .left-content .left-icon .left-icon-inside svg .cls-3 {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
  }
  .left-part .left-inside .left-content .left-icon .left-icon-inside svg .cls-2 {
    stroke: white;
    fill-rule: evenodd;
  }
  .left-part .left-inside .left-content .left-icon .left-icon-inside svg .cls-3 {
    stroke: #57d4ff;
  }
  .left-part .left-inside .left-content .left-icon .left-icon-about {
    font-size: 1.8vw;
    margin: 0;
  }
  .left-part .left-inside .left-content .left-icon .number-circle {
    font-size: 2.7vw;
    position: absolute;
    width: 3.5vw;
    height: 3.5vw;
    border-radius: 50%;
    margin-left: -13.5%;
    margin-top: -15.5%;
  }
}
@media (min-width: 1920px) {
  .mask {
    margin-top: 50px;
  }
}
.mask {
  width: 55.5vw;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  z-index: 20;
}
@media screen and (min-width: 1960px) {
  .mask {
    width: 1066px;
  }
}
.controls-desktop {
  width: 55.5vw;
  height: 100%;
  position: absolute;
  left: 23.25vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
}
@media screen and (max-width: 1367px) {
  .controls-desktop {
    width: 51.5vw;
  }
}
@media screen and (min-width: 1919px) {
  .controls-desktop {
    width: 45.5vw;
  }
}
@media screen and (min-width: 1960px) {
  .controls-desktop {
    width: 1116px;
    left: 352px;
  }
}
.controls-desktop .control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 2vw;
  height: 2vw;
  position: absolute;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
  opacity: 0.7;
  -webkit-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.controls-desktop .control:hover {
  opacity: 1;
}
.controls-desktop .control::before,
.controls-desktop .control:after {
  content: '';
  width: 75%;
  height: 2px;
  background: white;
  position: absolute;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.controls-desktop .control:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.controls-desktop .control.left {
  left: -4vw;
}
@media screen and (min-width: 1960px) {
  .controls-desktop .control.left {
    left: 0;
  }
}
.controls-desktop .control.right {
  right: -4vw;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
@media screen and (min-width: 1960px) {
  .controls-desktop .control.right {
    right: 0;
  }
}
@media screen and (max-width: 1200px) {
  .controls-desktop {
    display: none;
  }
}
.controll {
  display: none;
}
.main-section {
  height: 50vh;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 7.5vh;
  z-index: 1;
  will-change: transform;
}
.main-section.appear {
  opacity: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s;
  -o-transition: transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s, opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s, opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s, opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s;
}
.main-section .product-block {
  width: 20vw;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  will-change: transform;
  opacity: 0.3;
  -webkit-transition: opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.25s;
  -o-transition: opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.25s;
  transition: opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.25s;
}
@media screen and (min-width: 1960px) {
  .main-section .product-block {
    width: 380px;
  }
}
.main-section .product-block.appear {
  -webkit-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -o-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.main-section .product-block .images-container {
  width: 100%;
  height: 24vh;
  margin: 0;
  padding: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-section .product-block .images-container .helper {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.main-section .product-block .images-container img {
  width: 12.5vw;
  height: 14vw;
  -o-object-fit: contain;
  object-fit: contain;
  cursor: pointer;
  position: relative;
  z-index: 1000;
}
@media screen and (min-width: 1960px) {
  .main-section .product-block .images-container img {
    width: 240px;
    height: 268px;
  }
}
.main-section .product-block .images-container .main-image {
  position: absolute;
  z-index: 2;
  -webkit-transform: translateX(1.25vw);
  -ms-transform: translateX(1.25vw);
  transform: translateX(1.25vw);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.4s;
  transition: -webkit-transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.4s;
  -o-transition: transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.4s;
  transition: transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.4s;
  transition: transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.4s, -webkit-transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.4s;
}
.main-section .product-block .images-container .main-image img {
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translate(-3vw, 3vh) scale(0.8);
  -ms-transform: translate(-3vw, 3vh) scale(0.8);
  transform: translate(-3vw, 3vh) scale(0.8);
  will-change: transform;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
  transition: -webkit-transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
  -o-transition: transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
  transition: transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
  transition: transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, -webkit-transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
}
.main-section .product-block .images-container .additional-image {
  opacity: 0;
  position: absolute;
  left: 3.75vw;
  z-index: 1;
  width: 10vw;
  height: 10vw;
  -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
  -o-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
  transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
}
.main-section .product-block .images-container .additional-image svg {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transform: translateX(5vw) skew(40deg);
  -ms-transform: translateX(5vw) skew(40deg);
  transform: translateX(5vw) skew(40deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  will-change: transform;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
  transition: -webkit-transform 0.6s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
  -o-transition: transform 0.6s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
  transition: transform 0.6s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
  transition: transform 0.6s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s, -webkit-transform 0.6s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
}
@media screen and (min-width: 1960px) {
  .main-section .product-block .images-container .additional-image {
    width: 192px;
    height: 192px;
  }
}
.main-section .product-block .description-container {
  width: 100%;
  height: calc(100% - 26vh);
  margin: 0;
  margin-top: 30px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  will-change: transform;
  -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19), transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19), transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19), transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.main-section .product-block .description-container .head {
  width: 100%;
  margin: 0;
  padding: 7vh 0 1vh 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-section .product-block .description-container .head .mobile-only {
  display: none;
}
.main-section .product-block .description-container .head .name {
  width: 175px;
  max-width: calc(100% - 7vw);
  font-size: 1.25vw;
  line-height: 1.45vw;
  font-weight: 700;
  padding-right: 1vw;
  color: white;
  -webkit-transform: translate(5.5vw, 0);
  -ms-transform: translate(5.5vw, 0);
  transform: translate(5.5vw, 0);
  will-change: transform;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
@media screen and (min-width: 1960px) {
  .main-section .product-block .description-container .head .name {
    font-size: 0.85vw;
    line-height: 1vw;
  }
}
.main-section .product-block .description-container .head .button-wrap {
  top: 25px;
  left: -30px;
  position: relative;
  width: 7vw;
  height: 3.25vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 18px;
  background: #da1c4d;
  cursor: pointer;
  opacity: 0;
  -webkit-transform: scaleX(0.65);
  -ms-transform: scaleX(0.65);
  transform: scaleX(0.65);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: background 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.25s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: background 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.25s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: background 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.25s cubic-bezier(0.895, 0.03, 0.685, 0.22), transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: background 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.25s cubic-bezier(0.895, 0.03, 0.685, 0.22), transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: background 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.25s cubic-bezier(0.895, 0.03, 0.685, 0.22), transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.main-section .product-block .description-container .head .button-wrap .button-text {
  font-size: 0.9vw;
  line-height: 0.9375vw;
  color: white;
  font-weight: 700;
  opacity: 0;
  -webkit-transform: translateY(-1.5vh) scaleY(1.3);
  -ms-transform: translateY(-1.5vh) scaleY(1.3);
  transform: translateY(-1.5vh) scaleY(1.3);
  will-change: transform;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: -webkit-transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
@media screen and (min-width: 1960px) {
  .main-section .product-block .description-container .head .button-wrap .button-text {
    font-size: 0.75vw;
    line-height: 0.8vw;
  }
}
.main-section .product-block .description-container .head .button-wrap:hover {
  background: rgba(218, 28, 77, 0.9);
  -webkit-transition: background 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: background 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: background 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.main-section .product-block .description-container .bullets {
  width: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  -webkit-transform: translateY(-1vh) scaleY(1);
  -ms-transform: translateY(-1vh) scaleY(1);
  transform: translateY(-1vh) scaleY(1);
  -webkit-transition: opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.45s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.45s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: transform 0.45s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.45s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.45s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.45s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.main-section .product-block .description-container .bullets .bullets-list {
  color: white;
  font-size: 0.9vw;
  line-height: 1vw;
  font-weight: 400;
  margin: 0;
  padding: 0;
  list-style-position: outside;
  -webkit-transform: translateX(5%);
  -ms-transform: translateX(5%);
  transform: translateX(5%);
}
@media screen and (min-width: 1960px) {
  .main-section .product-block .description-container .bullets .bullets-list {
    font-size: 0.75vw;
    line-height: 0.9vw;
  }
}
.main-section .product-block .description-container .bullets .bullets-list .bullet {
  color: #a5e8ff;
  will-change: contents;
}
.main-section .product-block.hidden {
  opacity: 0;
  -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.2s;
  -o-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.2s;
  transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.2s;
}
.main-section .product-block.active {
  margin: 0;
  opacity: 1;
  -webkit-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.main-section .product-block.active .images-container {
  width: 100%;
  height: 24vh;
  margin: 0;
  padding: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-section .product-block.active .images-container .main-image {
  -webkit-transform: translateX(1.25vw);
  -ms-transform: translateX(1.25vw);
  transform: translateX(1.25vw);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.2s;
  transition: -webkit-transform 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.2s;
  -o-transition: transform 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.2s;
  transition: transform 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.2s;
  transition: transform 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.2s, -webkit-transform 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.2s;
}
.main-section .product-block.active .images-container .main-image img {
  -webkit-transform: scale(1) translate(-2.5vw, 0vh);
  -ms-transform: scale(1) translate(-2.5vw, 0vh);
  transform: scale(1) translate(-2.5vw, 0vh);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: -webkit-transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.main-section .product-block.active .images-container .additional-image {
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -o-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}
.main-section .product-block.active .images-container .additional-image svg {
  -webkit-transform: translateX(-6vw) skew(0deg);
  -ms-transform: translateX(-6vw) skew(0deg);
  transform: translateX(-6vw) skew(0deg);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  -o-transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
}
.main-section .product-block.active .description-container {
  opacity: 1;
  -webkit-transform: translateY(0vh);
  -ms-transform: translateY(0vh);
  transform: translateY(0vh);
  -webkit-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -o-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}
.main-section .product-block.active .description-container .button-wrap {
  opacity: 1;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s, background 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s, background 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  -o-transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s, transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, background 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s, transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, background 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s, transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, background 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
.main-section .product-block.active .description-container .button-wrap .button-text {
  opacity: 1;
  -webkit-transform: translateY(0vh) scaleY(1);
  -ms-transform: translateY(0vh) scaleY(1);
  transform: translateY(0vh) scaleY(1);
  -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.55s;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.55s;
  -o-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.55s;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.55s;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.55s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.55s;
}
.main-section .product-block.active .description-container .name {
  -webkit-transform: translate(0vw, 0vh);
  -ms-transform: translate(0vw, 0vh);
  transform: translate(0vw, 0vh);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.main-section .product-block.active .description-container .bullets {
  opacity: 1;
  -webkit-transform: translateY(0vh) scaleY(1);
  -ms-transform: translateY(0vh) scaleY(1);
  transform: translateY(0vh) scaleY(1);
  -webkit-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.65s, -webkit-transform 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.5s;
  transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.65s, -webkit-transform 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.5s;
  -o-transition: transform 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.5s, opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.65s;
  transition: transform 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.5s, opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.65s;
  transition: transform 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.5s, opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.65s, -webkit-transform 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.5s;
}
@media all and (max-width: 1200px) {
  .mask {
    width: 45%;
    height: 80%;
    top: 5%;
    overflow: visible;
  }
  .main-section {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    will-change: transform;
    opacity: 0;
    -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
    transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
    -o-transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
  }
  .main-section.appear {
    opacity: 1;
    -webkit-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
    transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
    -o-transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
  }
  .main-section .product-block {
    width: 40vw;
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    will-change: transform;
    opacity: 0;
    -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.25s;
    -o-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.25s;
    transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.25s;
  }
  .main-section .product-block .images-container {
    width: 100%;
    height: 50%;
    position: relative;
  }
  .main-section .product-block .images-container img {
    max-width: initial;
    max-height: initial;
  }
  .main-section .product-block .images-container .main-image {
    width: 50%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    z-index: 2;
    -webkit-transform: translateX(0vw);
    -ms-transform: translateX(0vw);
    transform: translateX(0vw);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: -webkit-transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .main-section .product-block .images-container .main-image img {
    width: 80%;
    height: 80%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: translate(0vw, 0vh) scale(0.95);
    -ms-transform: translate(0vw, 0vh) scale(0.95);
    transform: translate(0vw, 0vh) scale(0.95);
    will-change: transform;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: -webkit-transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .main-section .product-block .images-container .additional-image {
    width: 60%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    opacity: 0;
    position: absolute;
    left: initial;
    z-index: 1;
    -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    overflow: visible;
  }
  .main-section .product-block .images-container .additional-image svg {
    width: 80%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateX(7.5vw) skewX(25deg) scaleX(0.7);
    -ms-transform: translateX(7.5vw) skewX(25deg) scaleX(0.7);
    transform: translateX(7.5vw) skewX(25deg) scaleX(0.7);
    will-change: transform;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: -webkit-transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .main-section .product-block .description-container {
    width: 100%;
    height: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    will-change: transform;
  }
  .main-section .product-block .description-container .head {
    width: 100%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .main-section .product-block .description-container .head .name {
    width: 50%;
    font-size: 2.35vw;
    line-height: 2.5vw;
    opacity: 0;
    -webkit-transform: translate(0vw, 0vh) scaleY(1);
    -ms-transform: translate(0vw, 0vh) scaleY(1);
    transform: translate(0vw, 0vh) scaleY(1);
    will-change: transform;
    -webkit-transition: opacity 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.35s, -webkit-transform 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.35s;
    transition: opacity 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.35s, -webkit-transform 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.35s;
    -o-transition: transform 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.35s, opacity 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.35s;
    transition: transform 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.35s, opacity 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.35s;
    transition: transform 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.35s, opacity 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.35s, -webkit-transform 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.35s;
  }
  .main-section .product-block .description-container .head .button-wrap {
    width: 40%;
    height: 4vw;
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, -webkit-transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, -webkit-transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045), -webkit-transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  }
  .main-section .product-block .description-container .head .button-wrap .button-text {
    font-size: 2.35vw;
    line-height: 2.5vw;
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, -webkit-transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, -webkit-transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045), -webkit-transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  }
  .main-section .product-block .description-container .head .button-wrap:hover {
    background: rgba(218, 28, 77, 0.9);
  }
  .main-section .product-block .description-container .bullets {
    width: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    -webkit-transform: translateY(-2vh) scaleY(1.4);
    -ms-transform: translateY(-2vh) scaleY(1.4);
    transform: translateY(-2vh) scaleY(1.4);
    -webkit-transition: opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.45s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.45s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: transform 0.45s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.45s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.45s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.45s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .main-section .product-block .description-container .bullets .bullets-list {
    color: white;
    font-size: 2.1vw;
    line-height: 2.5vw;
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-top: 2vw;
    list-style-position: outside;
    -webkit-transform: translateX(6%);
    -ms-transform: translateX(6%);
    transform: translateX(6%);
  }
  .main-section .product-block .description-container .bullets .bullets-list .bullet {
    color: #a5e8ff;
    will-change: contents;
  }
  .main-section .product-block.hidden {
    opacity: 0;
    -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .main-section .product-block.active {
    opacity: 1;
    -webkit-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    -o-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  }
  .main-section .product-block.active .images-container {
    height: 50%;
  }
  .main-section .product-block.active .images-container .main-image {
    width: 50%;
    height: 100%;
    -webkit-transform: translateX(1.25vw);
    -ms-transform: translateX(1.25vw);
    transform: translateX(1.25vw);
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.5s;
    transition: -webkit-transform 0.35s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.5s;
    -o-transition: transform 0.35s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.5s;
    transition: transform 0.35s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.5s;
    transition: transform 0.35s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.5s, -webkit-transform 0.35s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.5s;
  }
  .main-section .product-block.active .images-container .main-image img {
    -webkit-transform: scale(1.2) translate(3vw, 0vh);
    -ms-transform: scale(1.2) translate(3vw, 0vh);
    transform: scale(1.2) translate(3vw, 0vh);
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
    transition: -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
    -o-transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
    transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
    transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s, -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  }
  .main-section .product-block.active .images-container .additional-image {
    width: 60%;
    height: 100%;
    opacity: 1;
    top: -1vw;
    left: 9vw;
    -webkit-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
    -o-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
    transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  }
  .main-section .product-block.active .images-container .additional-image.syrup_raspberry {
    left: 9.5vw;
  }
  .main-section .product-block.active .images-container .additional-image svg {
    -webkit-transform: translateX(-7vw) skew(0deg) scaleX(1);
    -ms-transform: translateX(-7vw) skew(0deg) scaleX(1);
    transform: translateX(-7vw) skew(0deg) scaleX(1);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s;
    transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s;
    -o-transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s;
    transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s;
    transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s;
  }
  .main-section .product-block.active .description-container {
    -webkit-transform: translateY(0vh);
    -ms-transform: translateY(0vh);
    transform: translateY(0vh);
    -webkit-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    -o-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  }
  .main-section .product-block.active .description-container .button-wrap {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
    transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
    -o-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
    transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
    transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
  }
  .main-section .product-block.active .description-container .button-wrap .button-text {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, -webkit-transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, -webkit-transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    -o-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  }
  .main-section .product-block.active .description-container .name {
    opacity: 1;
    -webkit-transform: translate(0vw, 0vh) scaleY(1);
    -ms-transform: translate(0vw, 0vh) scaleY(1);
    transform: translate(0vw, 0vh) scaleY(1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s, -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
    transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s, -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
    -o-transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s, opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
    transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s, opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
    transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s, opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s, -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
  }
  .main-section .product-block.active .description-container .bullets {
    width: 100%;
    margin: 0;
    padding: 0;
    opacity: 1;
    -webkit-transform: translateY(0vh) scaleY(1);
    -ms-transform: translateY(0vh) scaleY(1);
    transform: translateY(0vh) scaleY(1);
    -webkit-transition: opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.45s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.45s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: transform 0.45s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.45s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.45s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.45s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .main-section .product-block.active .description-container .bullets .bullets-list {
    color: white;
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-top: 2vw;
  }
  .main-section .product-block.active .description-container .bullets .bullets-list .bullet {
    color: #a5e8ff;
    will-change: contents;
  }
  .control {
    width: 10.5vw;
    height: 7.5vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 5;
    opacity: 1;
    pointer-events: all;
    z-index: 1000;
    -webkit-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .control.left {
    left: -10vw;
    bottom: 15vw;
  }
  .control.right {
    right: -5vw;
    bottom: 15vw;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .control.inactive {
    opacity: 0.25;
    pointer-events: none;
    -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .control .control-shape {
    width: 10px;
    height: 2px;
    background: white;
    -webkit-transform-origin: 0% 5%;
    -ms-transform-origin: 0% 5%;
    transform-origin: 0% 5%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
  }
  .control .control-shape::after {
    content: '';
    width: 12px;
    height: 2px;
    background: white;
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
  }
}
@media all and (max-width: 767px) {
  .mask {
    width: 100%;
    height: 50%;
    top: 0;
    overflow: visible;
  }
  .main-section {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    will-change: transform;
    opacity: 0;
    -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
    transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
    -o-transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
  }
  .main-section.appear {
    opacity: 1;
    -webkit-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
    transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
    -o-transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
  }
  .main-section .product-block {
    width: 90vw;
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    will-change: transform;
    opacity: 0;
    -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.25s;
    -o-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.25s;
    transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.25s;
  }
  .main-section .product-block .images-container {
    width: 100%;
    height: 65%;
    position: relative;
  }
  .main-section .product-block .images-container img {
    max-width: initial;
    max-height: initial;
    width: 60%;
  }
  .main-section .product-block .images-container .main-image {
    width: 50%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    z-index: 2;
    -webkit-transform: translateX(0vw);
    -ms-transform: translateX(0vw);
    transform: translateX(0vw);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: -webkit-transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .main-section .product-block .images-container .main-image img {
    height: 90%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: translate(0vw, 0vh) scale(0.95);
    -ms-transform: translate(0vw, 0vh) scale(0.95);
    transform: translate(0vw, 0vh) scale(0.95);
    will-change: transform;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: -webkit-transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .main-section .product-block .images-container .additional-image {
    width: 50%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    opacity: 0;
    position: absolute;
    left: 20vw;
    z-index: 1;
    -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    overflow: visible;
  }
  .main-section .product-block .images-container .additional-image svg {
    width: 60%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateX(10vw) skewX(25deg) scaleX(0.7);
    -ms-transform: translateX(10vw) skewX(25deg) scaleX(0.7);
    transform: translateX(10vw) skewX(25deg) scaleX(0.7);
    will-change: transform;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: -webkit-transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .main-section .product-block .description-container {
    width: 100%;
    height: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    will-change: transform;
  }
  .main-section .product-block .description-container .head {
    width: 85%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .main-section .product-block .description-container .head .mobile-only {
    display: inline;
  }
  .main-section .product-block .description-container .head .name {
    width: 50%;
    font-size: 3.4vw;
    line-height: 4vw;
    opacity: 0;
    -webkit-transform: translate(0vw, 0vh) scaleY(1);
    -ms-transform: translate(0vw, 0vh) scaleY(1);
    transform: translate(0vw, 0vh) scaleY(1);
    will-change: transform;
    -webkit-transition: opacity 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.35s, -webkit-transform 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.35s;
    transition: opacity 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.35s, -webkit-transform 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.35s;
    -o-transition: transform 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.35s, opacity 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.35s;
    transition: transform 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.35s, opacity 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.35s;
    transition: transform 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.35s, opacity 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.35s, -webkit-transform 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.35s;
  }
  .main-section .product-block .description-container .head .button-wrap {
    width: 30vw;
    height: 8vw;
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, -webkit-transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, -webkit-transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045), -webkit-transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  }
  .main-section .product-block .description-container .head .button-wrap .button-text {
    font-size: 3.4vw;
    line-height: 4vw;
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, -webkit-transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, -webkit-transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045), -webkit-transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  }
  .main-section .product-block .description-container .head .button-wrap:hover {
    background: rgba(218, 28, 77, 0.85);
  }
  .main-section .product-block .description-container .bullets {
    display: none;
  }
  .main-section .product-block.hidden {
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.35s;
    -o-transition: opacity 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.35s;
    transition: opacity 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.35s;
  }
  .main-section .product-block.active {
    opacity: 1;
    -webkit-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .main-section .product-block.active .images-container {
    height: 65%;
  }
  .main-section .product-block.active .images-container .main-image {
    width: 50%;
    height: 100%;
    -webkit-transform: translateX(1.25vw);
    -ms-transform: translateX(1.25vw);
    transform: translateX(1.25vw);
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.5s;
    transition: -webkit-transform 0.35s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.5s;
    -o-transition: transform 0.35s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.5s;
    transition: transform 0.35s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.5s;
    transition: transform 0.35s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.5s, -webkit-transform 0.35s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.5s;
  }
  .main-section .product-block.active .images-container .main-image img {
    -webkit-transform: scale(1) translate(3vw, 0vh);
    -ms-transform: scale(1) translate(3vw, 0vh);
    transform: scale(1) translate(3vw, 0vh);
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
    transition: -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
    -o-transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
    transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
    transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s, -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  }
  .main-section .product-block.active .images-container .additional-image {
    width: 50%;
    height: 100%;
    opacity: 1;
    left: 20vw;
    -webkit-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
    -o-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
    transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  }
  .main-section .product-block.active .images-container .additional-image.syrup_raspberry {
    left: 20vw;
  }
  .main-section .product-block.active .images-container .additional-image.capsules {
    left: 18vw;
  }
  .main-section .product-block.active .images-container .additional-image svg {
    -webkit-transform: translateX(-8.5vw) skew(0deg) scaleX(1);
    -ms-transform: translateX(-8.5vw) skew(0deg) scaleX(1);
    transform: translateX(-8.5vw) skew(0deg) scaleX(1);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s;
    transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s;
    -o-transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s;
    transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s;
    transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s;
  }
  .main-section .product-block.active .description-container {
    -webkit-transform: translateY(0vh);
    -ms-transform: translateY(0vh);
    transform: translateY(0vh);
    -webkit-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    -o-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  }
  .main-section .product-block.active .description-container .button-wrap {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
    transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
    -o-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
    transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
    transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
  }
  .main-section .product-block.active .description-container .button-wrap .button-text {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, -webkit-transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, -webkit-transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    -o-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  }
  .main-section .product-block.active .description-container .name {
    opacity: 1;
    -webkit-transform: translate(0vw, 0vh) scaleY(1);
    -ms-transform: translate(0vw, 0vh) scaleY(1);
    transform: translate(0vw, 0vh) scaleY(1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s, -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
    transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s, -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
    -o-transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s, opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
    transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s, opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
    transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s, opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s, -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
  }
  .main-section .product-block.active .description-container .bullets {
    display: none;
  }
  .control {
    width: 10.5vw;
    height: 7.5vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 5;
    opacity: 1;
    pointer-events: all;
    z-index: 1000;
    -webkit-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .control.left {
    left: 0;
    bottom: initial;
  }
  .control.right {
    right: 0;
    bottom: initial;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .control.inactive {
    opacity: 0.25;
    pointer-events: none;
    -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .control .control-shape {
    width: 10px;
    height: 2px;
    background: white;
    -webkit-transform-origin: 0% 5%;
    -ms-transform-origin: 0% 5%;
    transform-origin: 0% 5%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
  }
  .control .control-shape::after {
    content: '';
    width: 12px;
    height: 2px;
    background: white;
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
  }
}
@media all and (max-width: 767px) and screen and (orientation: landscape) {
  .main-section .product-block .description-container .head .button-wrap {
    height: 6vw;
  }
}
@media all and (max-width: 767px) and (orientation: landscape) {
  .mask {
    width: 100%;
    height: 50%;
    top: 0;
    overflow: visible;
  }
  .main-section {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    will-change: transform;
    opacity: 0;
    -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
    transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
    -o-transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
  }
  .main-section.appear {
    opacity: 1;
    -webkit-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
    transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
    -o-transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
  }
  .main-section .product-block {
    width: 90vw;
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    will-change: transform;
    opacity: 0;
    -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.25s;
    -o-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.25s;
    transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.25s;
  }
  .main-section .product-block .images-container {
    width: 100%;
    height: 65%;
    position: relative;
  }
  .main-section .product-block .images-container img {
    max-width: initial;
    max-height: initial;
    width: 60%;
  }
  .main-section .product-block .images-container .main-image {
    width: 50%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    z-index: 2;
    -webkit-transform: translateX(0vw);
    -ms-transform: translateX(0vw);
    transform: translateX(0vw);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: -webkit-transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .main-section .product-block .images-container .main-image img {
    height: 110%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: translate(0vw, 0vh) scale(0.95);
    -ms-transform: translate(0vw, 0vh) scale(0.95);
    transform: translate(0vw, 0vh) scale(0.95);
    will-change: transform;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: -webkit-transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .main-section .product-block .images-container .additional-image {
    width: 50%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    opacity: 0;
    position: absolute;
    left: 20vw;
    z-index: 1;
    -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    overflow: visible;
  }
  .main-section .product-block .images-container .additional-image svg {
    width: 45%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateX(10vw) skewX(25deg) scaleX(0.7);
    -ms-transform: translateX(10vw) skewX(25deg) scaleX(0.7);
    transform: translateX(10vw) skewX(25deg) scaleX(0.7);
    will-change: transform;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: -webkit-transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .main-section .product-block .description-container {
    width: 100%;
    height: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    will-change: transform;
  }
  .main-section .product-block .description-container .head {
    width: 85%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .main-section .product-block .description-container .head .mobile-only {
    display: inline;
  }
  .main-section .product-block .description-container .head .name {
    width: 50%;
    font-size: 3.4vw;
    line-height: 4vw;
    opacity: 0;
    -webkit-transform: translate(0vw, 0vh) scaleY(1);
    -ms-transform: translate(0vw, 0vh) scaleY(1);
    transform: translate(0vw, 0vh) scaleY(1);
    will-change: transform;
    -webkit-transition: opacity 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.35s, -webkit-transform 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.35s;
    transition: opacity 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.35s, -webkit-transform 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.35s;
    -o-transition: transform 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.35s, opacity 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.35s;
    transition: transform 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.35s, opacity 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.35s;
    transition: transform 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.35s, opacity 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.35s, -webkit-transform 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.35s;
  }
  .main-section .product-block .description-container .head .button-wrap {
    width: 30vw;
    height: 8vw;
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, -webkit-transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, -webkit-transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045), -webkit-transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  }
  .main-section .product-block .description-container .head .button-wrap .button-text {
    font-size: 3.4vw;
    line-height: 4vw;
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, -webkit-transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, -webkit-transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045), -webkit-transform 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  }
  .main-section .product-block .description-container .head .button-wrap:hover {
    background: rgba(218, 28, 77, 0.85);
  }
  .main-section .product-block .description-container .bullets {
    display: none;
  }
  .main-section .product-block.hidden {
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.35s;
    -o-transition: opacity 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.35s;
    transition: opacity 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.35s;
  }
  .main-section .product-block.active {
    opacity: 1;
    -webkit-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .main-section .product-block.active .images-container {
    height: 65%;
  }
  .main-section .product-block.active .images-container .main-image {
    width: 50%;
    height: 100%;
    -webkit-transform: translateX(1.25vw);
    -ms-transform: translateX(1.25vw);
    transform: translateX(1.25vw);
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.5s;
    transition: -webkit-transform 0.35s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.5s;
    -o-transition: transform 0.35s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.5s;
    transition: transform 0.35s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.5s;
    transition: transform 0.35s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.5s, -webkit-transform 0.35s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.5s;
  }
  .main-section .product-block.active .images-container .main-image img {
    -webkit-transform: scale(1) translate(3vh, 0vh);
    -ms-transform: scale(1) translate(3vh, 0vh);
    transform: scale(1) translate(3vh, 0vh);
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
    transition: -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
    -o-transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
    transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
    transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s, -webkit-transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  }
  .main-section .product-block.active .images-container .additional-image {
    width: 50%;
    height: 100%;
    opacity: 1;
    left: 20vw;
    -webkit-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
    -o-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
    transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  }
  .main-section .product-block.active .images-container .additional-image.syrup_raspberry {
    left: 20vw;
  }
  .main-section .product-block.active .images-container .additional-image.capsules {
    left: 18vw;
  }
  .main-section .product-block.active .images-container .additional-image svg {
    -webkit-transform: translateX(-8.5vh) skew(0deg) scaleX(1);
    -ms-transform: translateX(-8.5vh) skew(0deg) scaleX(1);
    transform: translateX(-8.5vh) skew(0deg) scaleX(1);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s;
    transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s;
    -o-transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s;
    transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s;
    transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s;
  }
  .main-section .product-block.active .description-container {
    -webkit-transform: translateY(0vh);
    -ms-transform: translateY(0vh);
    transform: translateY(0vh);
    -webkit-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    -o-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  }
  .main-section .product-block.active .description-container .button-wrap {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
    transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
    -o-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
    transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
    transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
  }
  .main-section .product-block.active .description-container .button-wrap .button-text {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, -webkit-transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, -webkit-transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    -o-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  }
  .main-section .product-block.active .description-container .name {
    opacity: 1;
    -webkit-transform: translate(0vw, 0vh) scaleY(1);
    -ms-transform: translate(0vw, 0vh) scaleY(1);
    transform: translate(0vw, 0vh) scaleY(1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s, -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
    transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s, -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
    -o-transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s, opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
    transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s, opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
    transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s, opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s, -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
  }
  .main-section .product-block.active .description-container .bullets {
    display: none;
  }
  .control {
    width: 10.5vw;
    height: 7.5vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 5;
    opacity: 1;
    pointer-events: all;
    z-index: 1000;
    -webkit-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .control.left {
    left: 0;
    bottom: initial;
  }
  .control.right {
    right: 0;
    bottom: initial;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .control.inactive {
    opacity: 0.25;
    pointer-events: none;
    -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .control .control-shape {
    width: 10px;
    height: 2px;
    background: white;
    -webkit-transform-origin: 0% 5%;
    -ms-transform-origin: 0% 5%;
    transform-origin: 0% 5%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
  }
  .control .control-shape::after {
    content: '';
    width: 12px;
    height: 2px;
    background: white;
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
  }
}
@media all and (max-width: 767px) and (orientation: landscape) and screen and (orientation: landscape) {
  .main-section .product-block .description-container .head .button-wrap {
    height: 6vw;
  }
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*body .slogan {*/

/*  display: none;*/

/*}*/

.slider-wrap {
  width: 100%;
  /*height: 63vh;*/
  height: 630px;
  /*max-height: 100vh;*/
  margin: 0 auto;
  font-family: 'Ubuntu';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
@media screen and (min-width: 1920px) {
  .slider-wrap {
    width: 90%;
    max-width: 1770px;
  }
}
.slider-wrap .main-cont {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  opacity: 0;
  pointer-events: none;
  top: 0;
  left: 0;
}
.slider-wrap .main-cont.show {
  opacity: 1;
  pointer-events: all;
}
@media all and (max-width: 1200px) {
  .slider-wrap {
    height: 68.5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
  .slider-wrap .main-cont {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
  }
  .slider-wrap .main-cont.show {
    opacity: 1;
    pointer-events: all;
  }
}
@media all and (max-width: 767px) {
  .slider-wrap {
    width: 90%;
    height: 74vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    top: -2vh;
  }
  .slider-wrap .main-cont {
    position: static;
    width: 90%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
  }
  .slider-wrap .main-cont.show {
    opacity: 1;
    pointer-events: all;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .slider-wrap {
    height: 74vw;
    top: -2vw;
  }
}
.item.active .capsules > svg line.capsules_st2:nth-child(even) {
  -webkit-transform-origin: 118.4px 107.6px;
  -ms-transform-origin: 118.4px 107.6px;
  transform-origin: 118.4px 107.6px;
  -webkit-transform: rotate(370deg);
  -ms-transform: rotate(370deg);
  transform: rotate(370deg);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  transition: -webkit-transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  -o-transition: transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  transition: transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  transition: transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s, -webkit-transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
}
.item.active .capsules > svg line.capsules_st2:nth-child(odd) {
  -webkit-transform-origin: 118.4px 107.6px;
  -ms-transform-origin: 118.4px 107.6px;
  transform-origin: 118.4px 107.6px;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  transition: -webkit-transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  -o-transition: transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  transition: transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  transition: transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s, -webkit-transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
}
.item.active .solute .line {
  stroke-dasharray: 250 250;
  stroke-dashoffset: 0;
  -webkit-transition: 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  -o-transition: 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  transition: 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
}
.item.active .solute .pointer {
  opacity: 1;
  -webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  -o-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
}
.item.active .pills_20 .text,
.item.active .pills_50 .text {
  -webkit-transform: translateY(0vh);
  -ms-transform: translateY(0vh);
  transform: translateY(0vh);
  opacity: 1;
  -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  -o-transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
.item.active .syrup_strawberry .strawberry_st3,
.item.active .syrup_strawberry .strawberry_st4 {
  stroke-dasharray: 250 250;
  stroke-dashoffset: 0;
  -webkit-transition: 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.75s;
  -o-transition: 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.75s;
  transition: 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.75s;
}
.item.active .syrup_raspberry .raspberry_st3,
.item.active .syrup_raspberry .raspberry_st4 {
  stroke-dasharray: 250 250;
  stroke-dashoffset: 0;
  -webkit-transition: 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.75s;
  -o-transition: 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.75s;
  transition: 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.75s;
}
.item .capsules > svg line.capsules_st2:nth-child(even) {
  -webkit-transform-origin: 118.4px 107.6px;
  -ms-transform-origin: 118.4px 107.6px;
  transform-origin: 118.4px 107.6px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  transition: -webkit-transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  -o-transition: transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  transition: transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  transition: transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s, -webkit-transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
}
.item .capsules > svg line.capsules_st2:nth-child(odd) {
  -webkit-transform-origin: 118.4px 107.6px;
  -ms-transform-origin: 118.4px 107.6px;
  transform-origin: 118.4px 107.6px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  transition: -webkit-transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  -o-transition: transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  transition: transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  transition: transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s, -webkit-transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
}
.item .solute .line {
  stroke-dasharray: 250 250;
  stroke-dashoffset: 250;
  -webkit-transition: 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  -o-transition: 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  transition: 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
}
.item .solute .pointer {
  opacity: 0;
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.75s;
  -o-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.75s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.75s;
}
.item .pills_20 .text,
.item .pills_50 .text {
  -webkit-transform: translateY(10vh);
  -ms-transform: translateY(10vh);
  transform: translateY(10vh);
  opacity: 1;
  -webkit-transition: opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.8s, -webkit-transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  transition: opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.8s, -webkit-transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  -o-transition: transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s, opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.8s;
  transition: transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s, opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.8s;
  transition: transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s, opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.8s, -webkit-transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
}
.item .syrup_strawberry .strawberry_st3,
.item .syrup_strawberry .strawberry_st4 {
  stroke-dasharray: 250 250;
  stroke-dashoffset: 250;
  -webkit-transition: 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  -o-transition: 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  transition: 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
}
.item .syrup_raspberry .raspberry_st3,
.item .syrup_raspberry .raspberry_st4 {
  stroke-dasharray: 250 250;
  stroke-dashoffset: 250;
  -webkit-transition: 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  -o-transition: 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  transition: 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
}
@media all and (min-width: 1200px) {
  .pills_20 svg,
  .pills_50 svg {
    width: 90% !important;
  }
  .active .pills_20 svg,
  .active .pills_50 svg {
    -webkit-transform: translateX(-4.5vw) skew(0deg) !important;
    -ms-transform: translateX(-4.5vw) skew(0deg) !important;
    transform: translateX(-4.5vw) skew(0deg) !important;
  }
}
/* убрать фильтр форм */

.filters-section .filter-bar.form {
  position: absolute;
  z-index: -999;
  opacity: 0;
}
.main-section {
  top: 170px;
}
/* правка слайдер на десктопе  */

@media (min-width: 1920px) {
  .slider-wrap {
    height: 63vh;
  }
  .filters-section .filter-bar.age {
    height: 16.2vh;
    /*height: 30vh;*/
  
  }
  .main-section {
    top: 90px;
  }
}
@media (min-width: 1199px) and (max-width: 1919px) {
  
}
/* правка слайдер на планшете */

@media (min-width: 768px) and (max-width: 1199px) {
  .main-section {
    top: 0;
  }
  .mask {
    top: 0;
    left: 15px;
  }
}
@media (max-width: 767px) {
  .main-section {
    top: 0;
  }
  .mask {
    top: 55px;
    left: 50%;
    transform: translateX(-50%);
  }
  .filters-section {
    height: unset;
    margin-top: 50px;
  }
}