/* Start:/promo/studio/flipclock.css?15407402659584*/
/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none; }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }

.flip-clock-meridium a { color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 60px;
  height: 90px;
  font-size: 80px;
  font-weight: bold;
  line-height: 87px;
  border-radius: 6px;
  background: #000;
}

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 87px;
  text-decoration: none !important;
}

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden; 
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4); }

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 70px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.01s 0.49s linear both;
  -moz-animation: asd 0.01s 0.49s linear both;
  animation: asd 0.01s 0.49s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px; }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: black;
  text-shadow: none; }

.flip-clock-divider.minutes .flip-clock-label {
  right: -88px; }

.flip-clock-divider.seconds .flip-clock-label {
  right: -91px; }

.flip-clock-dot.top {
  top: 30px; }

.flip-clock-dot.bottom {
  bottom: 30px; }

@-webkit-keyframes asd {
  0% {
    z-index: 2; }

  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }

  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }

  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }

  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }

  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }

  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }

  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }

  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }

  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }

  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }

  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }

  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

/* End */


/* Start:/promo/studio/style.css?171041707133864*/
:root {
    --sizeindex: calc(85vw / 100);
}
body{    font-family: 'Montserrat-Bold';}
.promo_screen_content{
    width: 85vw;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.section {
    clear: both;
    width: 100%;
    height: 10vh;
    box-sizing: border-box;
    position: relative;
}
.btn {
    padding: 0 12px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    height: 48px;
    color: #000000;
    font-size: 14px;
    border-width: 2px;
    cursor: pointer;
    border-style: solid;
    border-color: #000000;
    text-decoration: none;
    overflow: hidden;
    -webkit-transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
    -o-transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
.section-0{
    height: 67vw;
}
.section-0 h1 {
    font-size: calc(var(--sizeindex) * 11);
    font-size: -webkit-calc(var(--sizeindex) * 11);
    font-weight: 700;
    line-height: 1;
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
}

.studio
{
    color:#5a4499;
    text-align:left;
    vertical-align:text-top;

    font-family:Montserrat-Bold;
    line-height:auto;
    border-style:hidden;
    outline:none;
    width:904px;
}
.collection
{
    color:#000000;
    text-align:left;
    vertical-align:text-top;

    font-family:Montserrat-Bold;
    line-height:auto;
    border-style:hidden;
    outline:none;
    width:1382px;
}

.two{
    font-weight: 700;
    font-size: calc(var(--sizeindex) * 25);
    font-size: -webkit-calc(var(--sizeindex) * 25);
    position: absolute;
    top: calc(var(--sizeindex) * (-3));
    left: calc(var(--sizeindex) * 44);
    top: -webkit-calc(var(--sizeindex) * (-3));
    left: -webkit-calc(var(--sizeindex) * 44);
    color: transparent;
    opacity: 0;
    font-family: 'Montserrat-Bold';
}
.b-blue{
    -webkit-text-stroke: 5px #C9BEE4;
    text-stroke: 5px #C9BEE4;

}

.b-yellow{
    -webkit-text-stroke: 7px #FFE800;
    text-stroke: 7px #FFE800;
    font-size: calc(var(--sizeindex) * 26);
    font-size: -webkit-calc(var(--sizeindex) * 26);
    position: absolute;
    top: calc(var(--sizeindex) * (-5));
    left: calc(var(--sizeindex) * 44.5);
    top: -webkit-calc(var(--sizeindex) * (-5));
    left: -webkit-calc(var(--sizeindex) * 44.5);
    z-index: 1;
}
.two-text{
    font-weight: 600;
    font-size: calc(var(--sizeindex) * 5);
    font-size: -webkit-calc(var(--sizeindex) * 5);
    position: absolute;
    top: calc(var(--sizeindex) * 25);
    top: -webkit-calc(var(--sizeindex) * 25);
    left: 150%;
    text-align: center;
    line-height: 1;
}
.image1{
    position: absolute;
    top: 100vw;
    /*width: auto;*/
    max-height: 90vh;
    width: 30vw;
    z-index: 2;
}
.section-0 .soon{
    position: absolute;
    background-color: #FFE800;
    padding: 25px 25px 25px 16vw;
    text-align: left;
    right: 0;
    top: 39vw;
    font-size: 1.7vw;
    font-weight: 600;
    width: 68vw;
    z-index: 1;
}
.section-1{height: 58vw}
.image2{
    position: absolute;
    top: -14.3vw;
    right: -0.4vw;
    width: 52vw;
}
.ellipse1{
    position: absolute;
    top: -34vw;
    right: 0;
    width: 68vw;
}
.grey-txt1{
    position: absolute;
    top: 0;
    left: 0;
    padding: 60px;
    background-color: #F6F5FA;
    font-size: 1vw;
    width: 45vw;
}
.grey-txt1 li {
    list-style: disc;
    margin: 14px;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
}
.grey-txt1 li.visible {
    opacity: 1;
}
.b-img{
    border-radius: 50%;
    border: 5px solid #FFE800;
    padding: 5px;
    position: absolute;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    /*opacity: 0;*/
    /*-webkit-transition: opacity 0.5s;*/
}
/*.b-img div.visible{opacity: 1;}*/
.b-img1{
    background-image: url(/promo/studio/img/b-img1.png);
    top: 25vw;
    right: 8vw;
    width: 18vw;
    height: 18vw;
}

.b-img2{
    background-image: url(/promo/studio/img/b-img2.png);
    top: 35vw;
    right: 30vw;
    width: 23vw;
    height: 23vw;
}

.b-img3{
    background-image: url(/promo/studio/img/b-img3.png);
    top: 32vw;
    right: 60vw;
    width: 20vw;
    height: 20vw;
}
.ellipse2{
    position: absolute;
    top: 0;
    width: 60vw;
    right: 2vw;
    height: 60vw;
    overflow: hidden;
}
.ellipse2 img{width: 100%}

.section-2{height: 28vw;}
.two2{
    font-weight: 700;
    font-size: calc(var(--sizeindex) * 25);
    position: absolute;
    top: calc(var(--sizeindex) * (-3));
    left: 0;
    color: transparent;
    opacity: 1;
    line-height: 1;
    font-family: 'Montserrat-Bold';
}

.b-blue2{-webkit-text-stroke: 5px #C9BEE4;}
.b-yellow2{
    -webkit-text-stroke: 7px #FFE800;
    font-size: calc(var(--sizeindex) * 26);
    position: absolute;
    top: calc(var(--sizeindex) * (-5));
    left: calc(var(--sizeindex) * 0.5);
    z-index: 1;
}
.one2{
    font-weight: 700;
    font-size: calc(var(--sizeindex) * 25);
    position: absolute;
    top: 0;
    right: calc(var(--sizeindex) * (-6));
    color: transparent;
    line-height: 1;
    font-family: 'Montserrat-Bold';
}

.one2.b-yellow2{
    -webkit-text-stroke: 7px #FFE800;
    font-size: calc(var(--sizeindex) * 26);
    position: absolute;
    top: calc(var(--sizeindex) * (-1));
    right: calc(var(--sizeindex) * (-7));
    left: auto;
    z-index: 1;
}

.s2{
    font-weight: 700;
    font-size: calc(var(--sizeindex) * 5);
    position: absolute;
    z-index: 1;
}
.s2.txt1{
    left: calc(var(--sizeindex) * 17);
    top: calc(var(--sizeindex) * 11);
    left: -webkit-calc(var(--sizeindex) * 17);
    top: -webkit-calc(var(--sizeindex) * 11);
}
.s2.txt2{
    left: 0;
    top:calc(var(--sizeindex) * 17);
}
.s2.txt3{
    right: 0vw;
    top:10vw;
    font-size: calc(var(--sizeindex) * 2.9);
}
.img-bg{position: absolute;}
.section-0 .img-bg{top:calc(var(--sizeindex) * 27); left: 0;}
.section-1 .img-bg{
    top: calc(var(--sizeindex) * (-15));
    right: calc(var(--sizeindex) * 3);
}
.section-2 .img-bg.bg1{
    top: calc(var(--sizeindex) * (-3));
    left: 0;
}
.section-3 .img-bg.bg2{
    top: calc(var(--sizeindex) * (-3));
    right: calc(var(--sizeindex) * (-12));
    position: absolute;
    opacity: 1 !important;
    z-index: -1;
}
.section-3{height: auto;}
.b3-block{display: flex;}
.b3-left{
    width: calc(var(--sizeindex) * 40);
    position: sticky;
    position: -webkit-sticky;
    top: 135px;
    height: calc(var(--sizeindex) * 48);
    z-index: 1;
}
.b3-right{
    width: calc(var(--sizeindex) * 60);
    display: block;
    margin-left: 2vw;
    margin-top: -20vw;
}

.b3-block .title {
    font-size: calc(var(--sizeindex) * 2);
    font-weight: 600;
    line-height: 1.2;
    margin-top: 17vw;
}
.b3-block .btn{
    color: #ffffff;
    border-color: #583f99;
    background-color: #583f99;
    margin-top: calc(var(--sizeindex) * 3);
    font-size: 1.2vw;
    width: 100%;
    cursor: pointer;
}
.b3-block img{
     margin: 15px 15px;
     opacity: 0;
     transition: opacity 1s;
     width: calc(var(--sizeindex) * 22);
     float: right;
    position: relative;
 }
.b3-right img:nth-child(2){
    margin-top: calc(var(--sizeindex) * 17);
}
.b3-right img:nth-child(3){
    margin-top: calc(var(--sizeindex) * (-15));
}

.b3-block img.visible{opacity: 1;}
.section-3 .ellipse7{
    position: absolute;
    left: 0;
    top: calc(var(--sizeindex)*(-13));
    height: calc(var(--sizeindex)* 71);
}

.circle{
    border-radius: 50%;
}
.section-4{height: calc(var(--sizeindex) * 38);}
img.ellipse10 {
    position: absolute;
    top: calc(var(--sizeindex) * (-15));
    width: calc(var(--sizeindex) * 87);
    left: calc(var(--sizeindex) * 8);
    height: 36vw;
}
.bg-grey{
    background-color: #F6F5FA;
}
.s4-txt1{
    width: calc(var(--sizeindex) * 12);
    height: calc(var(--sizeindex) * 12);
    border: 5px solid #FFE800;
    /* padding: 2.2vw 0.5vw; */
    position: absolute;
    left: calc(var(--sizeindex) * 3);
    top: calc(var(--sizeindex) * (-13));
    border-radius: 50%;
    line-height: 1.2;
    text-align: center;
    font-size: calc(var(--sizeindex) * 1);
    font-weight: 600;
    display: flex;
    /* align-self: center; */
    /* justify-content: center; */
    align-items: center;
    z-index: 1;
}
.b-img4 {
    background-image: url(/promo/studio/img/b-img4.png);
    top: calc(var(--sizeindex) * (-6));
    left: calc(var(--sizeindex) * 5);
    width: calc(var(--sizeindex) * 37);
    height: calc(var(--sizeindex) * 37);
    color: white;
    display: flex;
    align-items: center;
    text-align: center;
    font-weight: 600;
    padding: calc(var(--sizeindex) * 6);
    font-size: calc(var(--sizeindex) * 1);
    border-color: #5A4499;
    z-index: 1;

}
.b-img5{
    background-image: url(/promo/studio/img/b-img5.png);
    top: calc(var(--sizeindex) * 12);
    left: calc(var(--sizeindex) * 33);
    width: calc(var(--sizeindex) * 22);
    height: calc(var(--sizeindex) * 22);
    color: white;
    display: flex;
    align-items: center;
    text-align: center;
    font-weight: 600;
    padding: calc(var(--sizeindex) * 3);
    font-size: calc(var(--sizeindex) * 1);
}
.b-img::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background-color: transparent;
    border-radius: 50%;
    border: 5px solid white;
}
.s4-txt2{
    width: calc(var(--sizeindex) * 17);
    height: calc(var(--sizeindex) * 17);
    border: 5px solid #FFE800;
    padding: calc(var(--sizeindex) * 2.2);
    position: absolute;
    left: calc(var(--sizeindex) * 53);
    top: calc(var(--sizeindex) * 18);
    border-radius: 50%;
    line-height: 1.2;
    text-align: center;
    font-size: calc(var(--sizeindex) * 1);
    font-weight: 600;
    display: flex;
    align-items: center;
}
.s4-txt3{
    width: calc(var(--sizeindex) * 15);
    height: calc(var(--sizeindex) * 15);
    border: 5px solid #FFE800;
    padding: calc(var(--sizeindex) * 2.2);
    position: absolute;
    left: calc(var(--sizeindex) * 69);
    top: calc(var(--sizeindex) * 17);
    border-radius: 50%;
    line-height: 1.2;
    text-align: center;
    font-size: calc(var(--sizeindex) * 1);
    font-weight: 600;
    display: flex;
    align-items: center;
}
.section-4 .img-bg.bg2{
    top: calc(var(--sizeindex) * (-17));
    left: 0;
}
img.ellipse8 {
    position: absolute;
    right: -4vw;
    width: 50vw;
    top: -63vw;
    z-index: -1;
}

.section-5{height: calc(var(--sizeindex) * 65);}
.b5-block{display: flex;}
.b5-left{
    width: calc(var(--sizeindex) * 40);
    position: sticky;
    position: -webkit-sticky;
    top: 135px;
    height: calc(var(--sizeindex) * 60);
    z-index: 1;
}
.b5-right{
    width: calc(var(--sizeindex) * 60);
    display: block;
    margin-left: calc(var(--sizeindex) * 2);
}

.b5-block .title {
    font-size: calc(var(--sizeindex) * 2);
    font-weight: 600;
    line-height: 1.2;
}
.b5-block .btn{
    color: #ffffff;
    border-color: #583f99;
    background-color: #583f99;
    margin-top: calc(var(--sizeindex) * 3);
    font-size: calc(var(--sizeindex) * 1.2);
    width: 100%;
    cursor: pointer;
}
.b5-block img{
    margin: 15px 15px;
    opacity: 0;
    transition: opacity 1s;
    width: calc(var(--sizeindex) * 22);
    float: left;
    position: relative;
}
.b5-right img:nth-child(2){
    margin-top: calc(var(--sizeindex) * 13);
}
.b5-right img:nth-child(3){
    margin-top: calc(var(--sizeindex) * (-11));
}

.b5-block img.visible{opacity: 1;}
.b3-right img, .b5-right img{position: relative; z-index: 1;}
.two5{
    font-weight: 700;
    font-size: calc(var(--sizeindex) * 25);
    /*position: absolute;*/
    top: calc(var(--sizeindex) * (-1));
    left: calc(var(--sizeindex) * 0.6);
    color: transparent;
    opacity: 1;
    line-height: 1;
    font-family: 'Montserrat-Bold';
}

.b-blue5{-webkit-text-stroke: 5px #C9BEE4;}
.b-yellow5{
    -webkit-text-stroke: 7px #FFE800;
    font-size: calc(var(--sizeindex) * 26);
    /*position: absolute;*/
    top: calc(var(--sizeindex) * (-1));
    left: calc(var(--sizeindex) * 0.5);
    z-index: 1;
}
.casual{
    font-weight: 600;
    font-size: calc(var(--sizeindex) * 2.5);
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: calc(var(--sizeindex) * 3);
}
.casual span{
    font-size: calc(var(--sizeindex) * 3);
}
.section-5 .img-bg.bg2 {
    top: calc(var(--sizeindex) * (-5));
    left: calc(var(--sizeindex) * (-4));
    position: absolute;
    opacity: 1 !important;
    z-index: -1;
}
.section-6{height: calc(var(--sizeindex) * 75);}
.section-6 .soon{
    position: absolute;
    background-color: #FFE800;
    padding: 25px calc(var(--sizeindex) * 16);
    text-align: left;
    left: 0;
    top: calc(var(--sizeindex) * 22);
    font-size: 1.7vw;
    font-weight: 600;
    width: calc(var(--sizeindex) * 70);
}
.section-6 .img3{
    position: absolute;
    right: 0;
    top: 0;
    width: 35vw;
    /*max-height: 90vh;*/
}
.section-6 .img-bg.bg2 {
    top: calc(var(--sizeindex) * 15);
    right: 0;
    position: absolute;
    opacity: 1 !important;
}

img.ellipse9 {
    position: absolute;
    left: 25vw;
    width: 50vw;
    top: 19vw;
    z-index: -1;
}
.s6-txt1{
    width: calc(var(--sizeindex) * 20);
    height: calc(var(--sizeindex) * 20);
    border: 5px solid #FFE800;
    /*padding: 2.2vw;*/
    position: absolute;
    left: 21vw;
    top: 32vw;
    border-radius: 50%;
    line-height: 1.2;
    text-align: center;
    font-size: calc(var(--sizeindex) * 1);
    font-weight: 600;
    display: flex;
    align-items: center;
}
.s6-txt2{
    width: calc(var(--sizeindex) * 17);
    height: calc(var(--sizeindex) * 17);
    border: 5px solid #FFE800;
    padding: 2.2vw;
    position: absolute;
    left: 40vw;
    top: 47vw;
    border-radius: 50%;
    line-height: 1.2;
    text-align: center;
    font-size: calc(var(--sizeindex) * 1);
    font-weight: 600;
    display: flex;
    align-items: center;
}
.s6-txt3{
    width: calc(var(--sizeindex) * 15);
    height: calc(var(--sizeindex) * 15);
    border: 5px solid #FFE800;
    padding: calc(var(--sizeindex) * 2.2);
    position: absolute;
    left: 63vw;
    top: 49vw;
    border-radius: 50%;
    line-height: 1.2;
    text-align: center;
    font-size: calc(var(--sizeindex) * 1);
    font-weight: 600;
    display: flex;
    align-items: center;
}
.section-7{
    height: calc(var(--sizeindex)* 75);
    overflow: hidden;
    padding-top: 10vw;
    margin-top: -10vw;
}
.section-7 .img-bg.bg2 {
    top: calc(var(--sizeindex) * 5);
    left: 0;
    position: absolute;
    opacity: 1 !important;
    z-index: -1;
}
.img4{
    width: 33vw;
    /*max-height: 90vh;*/
    margin-top: calc(var(--sizeindex) * (-11));
    margin-left: calc(var(--sizeindex) * (-5));
    position: relative;
    z-index: 1;
}
.section-7 .txt{
    position: absolute;
    /* float: right; */
    text-align: right;
    margin-top: calc(var(--sizeindex)* 13);
    top: 0;
    right: 0;
}
.section-7 .txt .title{
    font-weight: 600;
    /*font-size: calc(var(--sizeindex) * 3);*/
    font-size: calc(var(--sizeindex) * 2);
    line-height: 1;
    /*text-transform: uppercase;*/
    margin-bottom: calc(var(--sizeindex) * 3);
}

/*********/

/*********/

.section-7 .txt p{
    font-weight: 600;
    font-size: calc(var(--sizeindex) * 2);
    line-height: 1.2;
    margin-bottom: calc(var(--sizeindex) * 2);
    width: calc(var(--sizeindex) * 52);
}
.section-7 .txt p span{color: #5A4499;}
/*.section-6 .b-img{opacity: 0; transition: opacity 1s;}*/
/*.section-6 .b-img.visible{opacity: 1;}*/
.bottom-block{
    background-color: #F6F5FA;
    width: calc(var(--sizeindex)* 96);
    position: absolute;
    bottom: 6vw;
    left: calc(var(--sizeindex)* 3);
    text-align: center;
    padding-top: calc(var(--sizeindex)* 3);
    padding-bottom: calc(var(--sizeindex)* 2);
    font-weight: 600;
    font-size: calc(var(--sizeindex)* 2);
}
.bottom-block .buttons{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(var(--sizeindex)* 100);
    position: relative;
    left: calc(var(--sizeindex)* -2);
    margin-top: calc(var(--sizeindex)* 2);
}
.bottom-block .buttons .btn{
    width: calc(var(--sizeindex) * 48);
    border: none;
    background-color: #5A4499;
    color: white;
    padding: calc(var(--sizeindex) * 1);
    cursor: pointer;
    font-size: 1.2vw;

}
.bottom-block .buttons.active .btn{
    background-color: #c9bee3;
    background-image: url("/promo/studio/img/btn-bg.png");
    background-size: contain;
    background-repeat: no-repeat;
    justify-content: space-between;
    background-position: right;
}
.bottom-block .buttons .btn span{
    display: none;
}
.bottom-block .buttons.active .btn span{
    display: inline-block;
    font-size: calc(var(--sizeindex) * 1.5);
    font-weight: 600;
    margin-right: 10px;
}




/*.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {*/
/*    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);*/
/*    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));*/
/*    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;*/
/*    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);*/
/*    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);*/
/*    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;*/
/*    -webkit-animation: hide 0.5s 0.3s linear both;*/
/*    -moz-animation: hide 0.5s 0.3s linear both;*/
/*    animation: hide 0.5s 0.3s linear both;*/
/*}*/

.timer-block{margin-top: 3vw; align-items: center;}
/*.clock{width: 41vw;}*/
.flip-clock-wrapper ul li a div{border-radius: 6px;}
.flip-clock-wrapper ul{background: white;}
.flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #fff;
    text-shadow: 0 1px 2px #000;
    text-align: center;
    background-color: #5a4499;
    border-radius: 6px;
    font-size: 4vw;
}

.flip-clock-dot {
    display: none;
    background: #5a4499;
    width: 0.7vw;
    height: 0.7vw;
    position: absolute;
    border-radius: 50%;
    box-shadow: none;
    left: 0.1vw;
}
.flip-clock-dot.top {

}
.flip-clock-dot.bottom {
    bottom: 2vw;
}
.flip-clock-wrapper ul li a div.up:after{background-color: white; top: 2.4vw;}

.flip-clock-wrapper .flip {
     box-shadow: none;
}

.flip-clock-wrapper ul{
     width: 3.3vw;
     height: 5vw;
     line-height: 5vw;
 }
.flip-clock-wrapper ul li{
    line-height: 5vw;
}

.flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 1.2vw;
    height: 6.5vw;
}
.timer-block{display: flex;}
.colocol {
    width: 2vw;
    height: 2vw;
    cursor: pointer;
    transition: transform 0.3s ease; /* Добавьте плавный переход для эффекта вращения */
    transform-origin: center top;
}


@keyframes move {
    from {
        transform: rotate(-10deg);
    }
    to {
        transform: rotate(10deg);
    }
}
.colocol:not(.disabled):hover {
    animation-direction: alternate;
    animation-duration: 0.5s;
    animation-name: move;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.flip-clock-divider .flip-clock-label{
    right: -4.5vw;
    /*font-size: 1vw;*/
}
.flip-clock-divider.minutes .flip-clock-label {
    right: -5vw;

}
.flip-clock-divider.seconds .flip-clock-label {
    right: -4.9vw;
}
img.bgrd1 {
    position: absolute;
    top: 0;
    right: -5vw;
    width: 65vw;
    z-index: -1;
}
img.bgrd2 {
    position: absolute;
    top: 0;
    right: -5vw;
    width: 50vw;
    z-index: -1;
}
img.bgrd3 {
    position: absolute;
    top: 5vw;
    right: -5vw;
    width: 95vw;
    z-index: -1;
}
.section-7 img.bgrd3 {
    position: absolute;
    top: 28vw;
    right: -5vw;
    width: 95vw;
    z-index: -13;
    height: 45vw;
}


@media only screen and (max-width: 768px){
    .image1{width: 50vw; top: 20vw;left: -9vw;}
    .section-0{height: 95vw;}
    .section-0 .soon {
        padding: 4vw;
        font-size: 3vw;
        width: 50vw;
        height: 50vw;
    }
    .image2 {
        position: absolute;
        top: -15.3vw;
        right: -2.4vw;
        width: 67vw;
        z-index: 1;
    }
    .ellipse1 {
        position: absolute;
        top: -36vw;
        right: 0;
        width: 82vw;
    }
    .img-bg{display: none;}

    .grey-txt1{
        width: 100%;
        font-size: 3vw;
        padding: 5vw;
        top: 65vw;
    }
    .b-img{border-width: 3px;}
    .b-img1 {
        top: calc(var(--sizeindex) * 30);
        right: 0;
        width: calc(var(--sizeindex) * 30);
        height: calc(var(--sizeindex) * 30);
    }
    .b-img2 {
        top: calc(var(--sizeindex) * 38);
        right: calc(var(--sizeindex) * 32);
        width: calc(var(--sizeindex) * 35);
        height: calc(var(--sizeindex) * 35);
    }
    .b-img3 {
        top: calc(var(--sizeindex) * 32);
        right: calc(var(--sizeindex) * 68);
        width: calc(var(--sizeindex) * 30);
        height: calc(var(--sizeindex) * 30);
    }
    .section-1 {
        height: 200vw;
    }
    .grey-txt1 li{
        -webkit-transition: opacity 1s;
    }
    img.bgrd1, img.bgrd2, img.bgrd3{display: none;}

    .b3-left {
        width: calc(var(--sizeindex)* 100);
        position: absolute;
        height: calc(var(--sizeindex)* 48);
        z-index: 1;
        right: 0;
        top: -14vw;
    }
    .one2{right: 0;}
    .one2.b-yellow2 {right:calc(var(--sizeindex) * (-1))}
    .s2.txt3{font-size: calc(var(--sizeindex) * 5); right: 8vw;}
    .b3-right {
        width: calc(var(--sizeindex)* 100);
        display: block;
        margin-left: 0;
        margin-top: 8vw;
    }
    .b3-block img{
        margin: 0;
        float: left;
        width: calc(var(--sizeindex)* 48);
    }
    .b3-right img:nth-child(2) {
        margin-top: calc(var(--sizeindex)* 41);
        margin-left: 3vw;
    }
    .b3-right img:nth-child(3) {
        margin-top: calc(var(--sizeindex)*(-37));
    }
    .b3-right img:nth-child(4) {
        margin-left: 3vw;
        margin-top: calc(var(--sizeindex)*(3));
    }
    .b3-block .title {
        font-size: calc(var(--sizeindex)* 5.2);
        font-weight: 600;
        line-height: 1.2;
        margin-top: 21vw;
        width: calc(var(--sizeindex)* 48);
        position: absolute;
        right: 0;
    }
    .b3-block .btn {
        color: #ffffff;
        border-color: #583f99;
        background-color: #583f99;
        /* margin-top: calc(var(--sizeindex)* 3); */
        font-size: 4vw;
        width: calc(var(--sizeindex)* 48);
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 40vw;
        line-height: 1;
    }
    .section-4 {
        height: calc(var(--sizeindex)* 67);
    }
    img.ellipse8{display: none}
    img.ellipse10 {
        position: absolute;
        top: calc(var(--sizeindex)*(-56));
        width: calc(var(--sizeindex)* 100);
        left: -1vw;
        height: auto;
    }
    .s4-txt1 {
        width: calc(var(--sizeindex)* 38);
        height: calc(var(--sizeindex)* 38);
        border: 5px solid #FFE800;
         padding: 2.2vw;
        position: absolute;
        left: 0;
        top: calc(var(--sizeindex)*(-36));
        border-radius: 50%;
        line-height: 1.2;
        text-align: center;
        font-size: calc(var(--sizeindex)* 2.8);
        font-weight: 600;
        display: flex;
        /* align-self: center; */
        /* justify-content: center; */
        align-items: center;
        z-index: 1;
    }
    .b-img4 {

        top: calc(var(--sizeindex)*(-6));
        left: calc(var(--sizeindex)* 9);
        width: calc(var(--sizeindex)* 57);
        height: calc(var(--sizeindex)* 57);
        color: white;
        display: flex;
        align-items: center;
        text-align: center;
        font-weight: 600;
        padding: calc(var(--sizeindex)* 2);
        font-size: calc(var(--sizeindex)* 3);
        border-color: #5A4499;
        z-index: 1;
    }
    .b-img5 {
        top: calc(var(--sizeindex)* 6);
        left: calc(var(--sizeindex)* 66);
        width: calc(var(--sizeindex)* 38);
        height: calc(var(--sizeindex)* 38);
        color: white;
        display: flex;
        align-items: center;
        text-align: center;
        font-weight: 600;
        padding: calc(var(--sizeindex)* 3);
        font-size: calc(var(--sizeindex)* 3);
    }
    .s4-txt2 {
        width: calc(var(--sizeindex)* 37);
        height: calc(var(--sizeindex)* 37);
        border: 5px solid #FFE800;
        padding: calc(var(--sizeindex)* 2.2);
        position: absolute;
        left: calc(var(--sizeindex)* 42);
        top: calc(var(--sizeindex)* 39);
        border-radius: 50%;
        line-height: 1.2;
        text-align: center;
        font-size: calc(var(--sizeindex)* 3);
        font-weight: 600;
        display: flex;
        align-items: center;
    }
    .s4-txt3 {
        width: calc(var(--sizeindex)* 31);
        height: calc(var(--sizeindex)* 31);
        border: 5px solid #FFE800;
        padding: calc(var(--sizeindex)* 2.2);
        position: absolute;
        left: calc(var(--sizeindex)* 74);
        top: calc(var(--sizeindex)* 45);
        border-radius: 50%;
        line-height: 1.2;
        text-align: center;
        font-size: calc(var(--sizeindex)* 2.8);
        font-weight: 600;
        display: flex;
        align-items: center;
    }
    .b5-left {
        width: calc(var(--sizeindex)* 100);
        position: absolute;
        top: 0;
        height: calc(var(--sizeindex)* 60);
        z-index: 1;
    }
    .casual {
        font-weight: 600;
        font-size: calc(var(--sizeindex)* 5);
        line-height: 1;
        text-transform: uppercase;
        margin-bottom: calc(var(--sizeindex)* 3);
        position: absolute;
        left: 16vw;
        top: 9vw;
    }
    .casual span {
        font-size: calc(var(--sizeindex)* 7);
    }
    .b5-right {
        width: calc(var(--sizeindex)* 100);
        display: block;
        margin-left: 0;
        margin-top: 23vw;
    }
    .b5-block img {
        margin: 0;
        opacity: 0;
        transition: opacity 1s;
        width: calc(var(--sizeindex)* 48);
        float: left;
        position: relative;
    }
    .b5-right img:nth-child(2) {
        margin-top: calc(var(--sizeindex)* 33);
        margin-left: 3vw;
    }
    .b5-right img:nth-child(3) {
        margin-top: calc(var(--sizeindex)*(-29));
    }
    .b5-right img:nth-child(4) {
        margin-top: calc(var(--sizeindex)* 4);
        margin-left: 3vw;
    }
    .section-5 {
        height: calc(var(--sizeindex)* 208);
    }
    .b5-block .title {
        font-size: calc(var(--sizeindex)* 5.3);
        font-weight: 600;
        line-height: 1.2;
        right: 0;
        width: calc(var(--sizeindex)* 48);
        position: absolute;
    }
    .b5-block .btn {
        color: #ffffff;
        border-color: #583f99;
        background-color: #583f99;
        /* margin-top: calc(var(--sizeindex)* 3); */
        font-size: 4vw;
        width: calc(var(--sizeindex)* 48);
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 33vw;
        line-height: 1;
    }
    .section-6 {
        height: calc(var(--sizeindex)* 128);
    }
    .section-6 .img3 {
        position: absolute;
        right: -5vw;
        top: -33px;
        width: 54vw;
        /* max-height: 90vh; */
    }
    .section-6 .soon {
        position: absolute;
        background-color: #FFE800;
        padding: 5vw 27vw 5vw 5vw;
        text-align: left;
        left: 0;
        line-height: 1.4;
        top: calc(var(--sizeindex)* 18);
        font-size: 3.7vw;
        font-weight: 600;
        width: calc(var(--sizeindex)* 85);
    }
    img.ellipse9 {
        position: absolute;
        left: 8vw;
        width: 74vw;
        top: 42vw;
        z-index: -1;
    }
    .s6-txt1 {
        width: calc(var(--sizeindex)* 40);
        height: calc(var(--sizeindex)* 40);
        border: 5px solid #FFE800;
        padding: 2.2vw;
        position: absolute;
        left: 0;
        top: 58vw;
        border-radius: 50%;
        line-height: 1.2;
        text-align: center;
        font-size: calc(var(--sizeindex)* 3);
        font-weight: 600;
        display: flex;
        align-items: center;
    }
    .s6-txt2 {
        width: calc(var(--sizeindex)* 37);
        height: calc(var(--sizeindex)* 37);
        border: 5px solid #FFE800;
        padding: 2.2vw;
        position: absolute;
        left: 24vw;
        top: 81vw;
        border-radius: 50%;
        line-height: 1.2;
        text-align: center;
        font-size: calc(var(--sizeindex)* 3);
        font-weight: 600;
        display: flex;
        align-items: center;
    }
    .s6-txt3 {
        width: calc(var(--sizeindex)* 35);
        height: calc(var(--sizeindex)* 35);
        border: 5px solid #FFE800;
        padding: calc(var(--sizeindex)* 2.2);
        position: absolute;
        left: 54vw;
        top: 77vw;
        border-radius: 50%;
        line-height: 1.2;
        text-align: center;
        font-size: calc(var(--sizeindex)* 3);
        font-weight: 600;
        display: flex;
        align-items: center;
    }

    .section-7 {
        height: calc(var(--sizeindex)* 123);
        overflow: visible;
    }
    .img4 {
        width: 49vw;
        /* max-height: 90vh; */
        margin-top: calc(var(--sizeindex)*(-11));
        margin-left: calc(var(--sizeindex)*(-5));
        position: relative;
        z-index: 1;
        left: -9vw;
    }
    .flip-clock-wrapper ul li {
        line-height: 10vw;
    }
    .flip-clock-wrapper ul li a div div.inn{font-size: 7vw}
    .flip-clock-wrapper ul {
        width: 7.3vw;
        height: 10vw;
        line-height: 5vw;
        margin: 0.2vw;
    }
    .flip-clock-wrapper ul li a div {
        border-radius: 4px;
    }
    .flip-clock-wrapper ul li a div.up:after {
        background-color: white;
        top: 4.8vw;
    }
    .section-7 .subscribe {
        position: absolute;
        right: 0;
        top: 25vw;
        display: none;
    }
    .timer-block {
        display: block;
    }
    .colocol{
        position: absolute;
        top: 21vw;
        right: 0;
        width: 8vw;
        height: 8vw;
    }
    .flip-clock-divider .flip-clock-label {
        right: -9.5vw;
        font-size: 2vw;
    }
    .flip-clock-divider.minutes .flip-clock-label {
        right: -11vw;
    }
    .flip-clock-divider.seconds .flip-clock-label {
        right: -11.5vw;
    }
    .timer-txt {
        margin-top: 9vw;
        margin-bottom: 5vw;
        font-size: calc(var(--sizeindex)* 3);
    }
    .flip-clock-wrapper {
        text-align: center;
        position: relative;
        width: 66vw;
        margin: 0;
        left: 2vw;
    }
    .section-7 .txt p {
        font-weight: 600;
        font-size: calc(var(--sizeindex)* 3);
        line-height: 1.2;
        margin-bottom: calc(var(--sizeindex)* 2);
        position: absolute;
        width: calc(var(--sizeindex)* 52);
        top: 46vw;
        right: 0;
    }
    .section-7 .txt p:nth-child(2){
        top: 28vw;
        right: 0;
    }
    .bottom-block {
        font-size: calc(var(--sizeindex)* 3);
    }
    .bottom-block .buttons {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: calc(var(--sizeindex)* 100);
        position: relative;
        left: calc(var(--sizeindex)* -2);
        margin-top: calc(var(--sizeindex)* 2);
        flex-direction: column;
    }
    .bottom-block .buttons .btn {
        width: 90vw;
        border: none;
        background-color: #5A4499;
        color: white;
        padding: calc(var(--sizeindex)* 1);
        cursor: pointer;
        font-size: 3vw;
        margin-left: -4vw;
        margin-bottom: 1vw;
        height: auto;
    }
    .bottom-block .buttons .btn p{padding: 2vw;}
    .bottom-block .buttons.active .btn span {
        display: inline-block;
        font-size: calc(var(--sizeindex)* 5.5);
        font-weight: 600;
        margin-right: 10px;
    }

}
/* End */


/* Start:/bitrix/components/bitrix/catalog.product.subscribe/templates/.default/style.min.css?16348598351413*/
.bx-catalog-subscribe-button{margin-bottom:6px;display:inline-block}.bx-catalog-popup-content{width:90%;max-width:280px}.bx-catalog-subscribe-form-container-label{font-size:13px;color:#5a6c77;padding-bottom:2px}.bx-catalog-subscribe-form-container-input{position:relative}.bx-catalog-subscribe-form-container-input input[type="text"]{display:block;width:100%;font-size:18px;height:38px;margin:0;padding:0 4px;border:1px solid #ccd5db;border-radius:2px;background:#f8fafc;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-catalog-subscribe-form-star-required{color:#d93333}.bx-catalog-subscribe-form-container .bx-captcha{margin-bottom:10px}.bx-catalog-popup-message{font-weight:bold;min-width:240px;margin:0}.bx-catalog-subscribe-alert{background-color:#edf6fc;color:#000;font-size:15px;min-height:45px;text-align:center;padding:12px 40px 12px 60px;position:relative;width:280px}.bx-catalog-subscribe-aligner{display:inline-block;height:45px;margin-left:-1px;vertical-align:middle;width:1px}.bx-catalog-subscribe-alert-text{display:inline-block;vertical-align:middle}.bx-catalog-subscribe-alert-footer{text-align:center}.bx-catalog-subscribe-alert-popup{background-color:#edf6fc!important;border:1px solid #edf6fc!important;border-radius:3px!important;-webkit-box-shadow:0 19px 24px rgba(88,112,118,0.17)!important;box-shadow:0 19px 24px rgba(88,112,118,0.17)!important}
/* End */
/* /promo/studio/flipclock.css?15407402659584 */
/* /promo/studio/style.css?171041707133864 */
/* /bitrix/components/bitrix/catalog.product.subscribe/templates/.default/style.min.css?16348598351413 */