.time_circles {
   position: relative;
   width: 100%;
   height: 100%;
}
.time_circles > div {
   position: absolute;
   text-align: center;
}
.time_circles > div > h4 {
   padding: 0;
   text-align: center;
   font-family: "Roboto", sans-serif;
   font-weight: 300;
}
.time_circles > div > span {
   font:
      700 300%/1.2em Roboto,
      sans-serif;
   display: block;
   width: 100%;
   text-align: center;
   color: #fff;
}
html {
   font-size: 23px;
   background: #e5e5e5;
}
body {
   max-width: 480px;
   margin: 0 auto !important;
   font-family: "Roboto", sans-serif;
   background: #fff;
}
img {
   max-width: 100%;
}
.header .top h1,
.toform {
   display: flex;
   align-items: center;
   justify-content: center;
}
.toform {
   background: linear-gradient(155.12deg, #f7ba03 13.45%, #fce512 50.16%, #ffc700 89.49%);
   border: 5px solid #f9e9b9;
   border-radius: 38px;
   text-decoration: none;
   color: #363a3a;
   width: 71%;
   height: 3rem;
   margin: 0 auto;
   transition: 0.4s;
}
.header .toform {
   border: 5px solid #fff;
}
.header .top {
   background: linear-gradient(156.38deg, #15bbd1 29.08%, #2ccbb5 81.43%);
   position: relative;
   z-index: 2;
}
.header .top h1,
.time_circles > div > h4 {
   text-transform: uppercase;
   color: #fff;
   margin: 0;
}
.header .top h1 {
   font-size: 1.4rem;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   padding: 0.5rem 0;
}
.header .content .sale span,
.header .top .sub,
.toform {
   text-align: center;
   font-weight: 700;
   text-transform: uppercase;
}
.header .top .sub {
   color: #0c4545;
   margin: 0;
   padding-bottom: 1rem;
}
.header .content {
   margin-top: -3rem;
   position: relative;
}
.header .content .sale {
   position: absolute;
   right: 3px;
   top: 20%;
   z-index: 3;
}
.header .content .sale span {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   color: #fff;
   font-size: 0.7rem;
}
.header .content .sale span b {
   font-size: 1.8rem;
}
.header .content .product {
   position: absolute;
   max-width: 50%;
   bottom: -2%;
   z-index: 2;
   right: 0;
}
.header .price-box {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   color: #777;
   font-size: 1.4rem;
   font-weight: 700;
   position: relative;
   width: 100%;
   margin-top: -1.8rem;
}
.header .price-box .old-price {
   text-decoration: line-through;
   position: absolute;
   right: 15%;
   padding-top: 2rem;
}
.header .price-box .new-price {
   color: #000;
   width: 57%;
   background: #facc02;
   display: flex;
   align-items: center;
   justify-content: center;
   border-top-right-radius: 40px;
   border-bottom-right-radius: 40px;
   position: relative;
   z-index: 2;
   font-size: 2rem;
   padding: 0.5rem 0;
   column-gap: 10px;
}
.header .decor {
   position: absolute;
   right: 0;
}
.header .header-img {
   position: relative;
   z-index: 1;
}
.header .bullets,
.header .bullets .bullet-item {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
}
.header .bullets {
   flex-direction: column;
   padding: 1.5rem 3rem 1.5rem 0;
}
.header .bullets .bullet-item {
   align-items: center;
   margin-bottom: 1.5rem;
   padding-left: 29%;
   position: relative;
   min-height: 2.4rem;
}
.header .bullets .bullet-item:before {
   position: absolute;
   left: 14.5%;
   transform: translateX(-50%);
   content: "";
   width: 14.5%;
   height: 100%;
}
.header .bullets .bullet-item:first-child:before {
   background: url(../img/ic1.png) top center no-repeat;
   -webkit-background-size: contain;
   background-size: contain;
}
.header .bullets .bullet-item:nth-child(2):before {
   background: url(../img/ic2.png) 50% 50% no-repeat;
   -webkit-background-size: contain;
   background-size: contain;
}
.header .bullets .bullet-item:last-child:before {
   background: url(../img/ic3.png) top center no-repeat;
   -webkit-background-size: contain;
   background-size: contain;
}
.header .bullets .bullet-item img {
   margin-right: 1rem;
}
.header .bullets .bullet-item span,
.problems .problems-item .right span {
   font-weight: 500;
   color: #433f3f;
}
.gr-zone {
   height: fit-content;
   background: url(../img/gr_bg.jpg) top center no-repeat;
   -webkit-background-size: cover;
   background-size: cover;
   padding-top: 1rem;
}
.timer-caption {
   color: #fff;
   text-align: center;
   font-weight: 600;
}
.one-cycle {
   margin-top: 2rem;
   padding-bottom: 2rem;
   position: relative;
}
.caption {
   margin: 0;
   background: linear-gradient(164.46deg, #15bbd1 29.08%, #2ccbb5 81.43%);
   text-transform: uppercase;
   color: #fff;
   font-size: 1.1rem;
   padding: 1.5rem 0;
   text-align: center;
}
.cycle-list {
   margin-top: 2rem;
   position: relative;
   z-index: 2;
}
.cycle-item {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   align-items: flex-start;
   margin-bottom: 2rem;
}
.cycle-item img {
   width: 47%;
   flex-shrink: 0;
}
.cycle-item .right {
   margin-top: 3rem;
}
.cycle-item .right h3 {
   color: #433f3f;
   background: #fcdf0f;
   border-top-left-radius: 60px;
   border-bottom-left-radius: 60px;
   font-size: 1rem;
   padding: 1rem 0;
   padding-left: 1.5rem;
   margin: 0;
   margin-left: -1rem;
   margin-bottom: 1rem;
   max-height: 109px;
}
.cycle-item:last-child .right h3 {
   padding-top: 0.45rem;
   padding-bottom: 0.45rem;
}
.cycle-item .right span {
   font-weight: 500;
   font-size: 1rem;
   color: #433f3f;
}
.y1,
.y2 {
   position: absolute;
   z-index: 0;
}
.y1 {
   top: 20%;
}
.y2 {
   bottom: 8%;
}
.red-caption {
   background: #e52828;
   padding: 1rem 0;
}
.problems {
   padding-bottom: 2rem;
}
.problems .box {
   padding: 0 1.5rem;
}
.order-list .order-item span,
.problems h4 {
   font-weight: 600;
   text-align: center;
}
.problems .problems-item {
   align-items: flex-start;
   margin-bottom: 1.5rem;
}
.problems .problems-item img {
   margin-right: 1rem;
   flex-shrink: 0;
}
.problems .problems-item .right {
   padding-top: 1.5rem;
}
.problems .problems-item .right .result span {
   color: #11aa95;
   font-weight: 600;
}
.howuse p b,
.life-qual .box p b,
.natural .other-text b,
.problems .problems-item .right .result,
.yellow-box {
   font-weight: 600;
}
.problems .problems-item,
.yellow-box {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
}
.yellow-box {
   color: #433f3f;
   background: #fcdf0f;
   margin-left: 12.1%;
   padding: 0.5rem 0;
   padding-left: 2rem;
}
.formula {
   position: relative;
   padding-bottom: 2rem;
}
.formula .prod,
.formula p {
   position: relative;
   z-index: 2;
}
.formula .prod {
   max-width: 80%;
   margin: 1rem auto;
   display: block;
}
.formula p {
   color: #433f3f;
   font-weight: 700;
   padding: 0.5rem 1rem;
}
.formula .simptome-list {
   list-style: none;
   padding-left: 0;
   position: relative;
   z-index: 2;
}
.formula .simptome-list .simptome-item {
   padding-left: 20%;
   color: #433f3f;
   font-weight: 600;
   position: relative;
   margin-bottom: 1.2rem;
}
.formula .simptome-list .simptome-item:before,
.safety .safety-item:before {
   content: "";
   position: absolute;
   -webkit-background-size: cover;
   background-size: cover;
}
.formula .simptome-list .simptome-item:before {
   top: 50%;
   left: 10%;
   transform: translate(-50%, -50%);
   width: 10vw;
   height: 10vw;
   max-width: 50px;
   max-height: 50px;
   background: url(../img/minus.png) 50% 50% no-repeat;
}
.formula .toform {
   border: 5px solid #f9e9b9;
   font-size: 0.8rem;
   position: relative;
   z-index: 2;
}
.b2,
.f1 {
   position: absolute;
   z-index: 1;
}
.b2 {
   top: 25%;
}
.f1 {
   bottom: 0;
}
.life-qual {
   padding-bottom: 1.5rem;
}
.life-qual .box {
   padding: 1rem 1.5rem;
   font-weight: 500;
}
.life-qual .box p {
   margin: 0;
   margin-bottom: 1rem;
}
.graph p,
.natural p {
   font-weight: 600;
   margin: 0;
}
.graph p {
   padding-left: 1.5rem;
}
.graph .gr {
   color: #077281;
}
.graph .red {
   color: #d22627;
}
.graph img {
   margin: auto;
   display: block;
}
.life-qual .yellow {
   color: #433f3f;
   font-weight: 600;
   padding: 0.2rem 1.5rem;
   background: #fcf6c7;
   display: block;
   margin: 1.5rem 0;
}
.life-qual .toform {
   font-size: 0.8rem;
   text-align: center;
   height: unset;
   padding: 0.5rem;
   border: 5px solid #f9e9b9;
}
.safety,
.safety .product {
   position: relative;
}
.safety .product {
   max-width: 75%;
   margin: 1rem auto;
   display: block;
   z-index: 2;
}
.safety .b3 {
   position: absolute;
   right: 0;
   top: 15%;
}
.safety .safety-item {
   padding-left: 12.5%;
   padding-right: 1rem;
   position: relative;
   margin-bottom: 1.5rem;
   font-weight: 600;
}
.safety .safety-item:before {
   left: 6.25%;
   top: 5px;
   transform: translateX(-50%);
   width: 7vw;
   height: 7vw;
   max-width: 33px;
   max-height: 33px;
   background: url(tick.png) 50% 50% no-repeat;
}
.natural,
.safety {
   padding-bottom: 2rem;
}
.natural .caption {
   padding-left: 1rem;
   padding-right: 1rem;
}
.natural p {
   color: #433f3f;
   padding: 1.5rem 1rem 1.5rem 1.5rem;
}
.natural-list {
   padding-left: 1.5rem;
}
.natural-item {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   align-items: center;
   margin-bottom: 1.5rem;
}
.natural-item img {
   position: relative;
   z-index: 2;
   width: 41vw;
   max-width: 196px;
   flex-shrink: 0;
}
.natural-item p {
   color: #fff;
   background: linear-gradient(151.96deg, #15bbd1 29.08%, #2ccbb5 81.43%);
   margin-left: -2rem;
   padding: 0.8rem 2rem 0.8rem 3.5rem;
   width: 100%;
}
.natural .other-text {
   font-weight: 500;
}
.natural hr {
   background: #abaaaa;
   border: 0;
   color: #abaaaa;
   height: 2px;
   width: 82%;
}
.howuse img {
   display: block;
   width: 75%;
   margin: 2rem auto;
}
.natural .scheme {
   width: 95%;
   margin: 1rem auto;
   display: block;
}
.doc,
.howuse,
.reviews {
   padding-bottom: 2rem;
}
.doc .caption {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
}
.doc .text {
   padding-left: 2rem;
   padding-right: 1rem;
}
.doc .doc-name {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   align-items: center;
   padding-left: 2rem;
   font-weight: 600;
}
.doc .doc-name img {
   max-width: 27.5%;
   margin-left: 2rem;
}
.howuse,
.reviews {
   position: relative;
}
.howuse .caption,
.howuse .toform {
   z-index: 2;
   position: relative;
}
.howuse .toform {
   text-align: center;
   font-size: 0.9rem;
   z-index: 99;
}
.howuse img,
.howuse p {
   z-index: 2;
   position: relative;
}
.howuse p {
   font-weight: 500;
   padding-left: 10%;
}
.b5,
.howuse .b4 {
   position: absolute;
   z-index: 1;
}
.howuse .b4 {
   width: unset;
   left: 0;
   top: 17%;
}
.b5 {
   top: 40%;
   transform: translateY(-50%);
}
.order-list,
.order-list .order-item,
.order_form {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
}
.order-list {
   padding: 0 1.5rem;
   position: relative;
   flex-wrap: wrap;
   margin-top: 2rem;
}
.order-list .order-item,
.order_form {
   align-items: center;
   flex-direction: column;
}
.order-list .order-item {
   width: 50%;
   margin-bottom: 1.5rem;
}
.order-list .order-item img {
   max-width: 148px;
   margin-bottom: 1rem;
   width: 31vw;
}
.order-list .order-item span,
.order_form label {
   color: #433f3f;
   text-transform: uppercase;
}
.order_form {
   width: 100%;
   position: relative;
   margin: auto;
   padding-top: 1rem;
}
.order_form label {
   font-weight: 500;
   color: #fff;
}
.order_form input,
.order_form select {
   background: #fff;
   border: 2px solid #1edbc3;
   box-sizing: border-box;
   box-shadow: inset 0 4px 3px rgba(0, 0, 0, 0.14);
   width: 90%;
   height: 68px;
   font-size: 1.1rem;
   font-weight: 500;
   margin-bottom: 1rem;
   text-indent: 1.3rem;
}
.order_form input::placeholder {
   color: #878787;
}
.order_form .toform {
   font-size: 0.9rem;
   color: #363a3a;
   cursor: pointer;
}
.bottom-header .gr-zone {
   padding-bottom: 2rem;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
   filter: brightness(0.2) sepia(1) hue-rotate(180deg) saturate(5);
}
.order_form {
   padding-top: 0 !important;
}
@media screen and (max-width: 500px) {
   .order_form input,
   .order_form select {
      text-indent: 2rem;
   }
}
@media (max-width: 480px) {
   html {
      font-size: 4.8vw;
   }
   .sale {
      width: 32vw;
   }
   .header .price-box .old-price {
      z-index: 9;
   }
   .natural {
      overflow: hidden;
   }
   .header .bullets .bullet-item:first-child:before {
      width: 14.5vw;
   }
   .problems .problems-item img {
      max-width: 22vw;
   }
}
.timer-caption {
   margin-bottom: 0px;
}

canvas {
   height: 130px;
}

.carousel-control-prev,
.carousel-control-next {
   z-index: 5000;
   top: -250px;
   display: none;
}

.textDiv_Hours,
.textDiv_Minutes {
   border-right: 2px solid white;
}

.textDiv_Minutes,
.textDiv_Hours,
.textDiv_Seconds {
   top: 45px !important;
}

@media screen and (max-width: 500px) {
   .textDiv_Minutes,
   .textDiv_Hours,
   .textDiv_Seconds {
      width: 110px !important;
      top: 30px !important;
   }

   .textDiv_Hours {
      left: 7% !important;
   }

   .textDiv_Minutes {
      left: 36% !important;
   }

   .textDiv_Seconds {
      left: 63% !important;
   }

   canvas {
      width: 320px !important;
   }
}

@media screen and (max-width: 345px) {
   .textDiv_Minutes,
   .textDiv_Hours,
   .textDiv_Seconds {
      width: 100px !important;
   }

   .textDiv_Hours {
      left: 4% !important;
   }

   .textDiv_Minutes {
      left: 36% !important;
   }

   .textDiv_Seconds {
      left: 65% !important;
   }
}

#carouselExampleSlidesOnly {
   max-width: 90%;
   margin: 0 auto;
   margin-top: 15px;
   z-index: 100;
}

.rev-name {
   text-align: center;
   margin-top: 10px;
   margin-bottom: 10px;
   font-weight: 700;
}

@media screen and (max-width: 500px) {
   #carouselExampleSlidesOnly {
      max-width: 90%;
      margin: 0 auto;
   }
}