body, html {
width: 100%;
height: 100%;
position: relative;
}
body {
overflow-x: hidden;
font-family: Roboto, sans-serif;
font-weight: 700;
color: #000;
font-size: 1px;
}
* {
box-sizing: border-box;
}
a {
text-decoration: none!important;
}
button {
cursor: pointer;
}
body, html, li, ul {
padding: 0;
}
h1, h2, h3, h4 {
margin: 0;
padding: 0;
font-weight: 400;
}
li {
list-style: none;
}
body, html, li, p, ul {
margin: 0;
}
button, input, select, textarea {
outline: 0;
border: 0;
}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
.wrapper {
position: relative;
overflow: hidden;
z-index: 4;
}
.container {
width: 100%;
position: relative;
}
.flex, .flexCentr {
display: flex;
}
.flex {
flex-wrap: wrap;
}
.flexCentr {
align-items: center;
align-content: center;
justify-content: center;
}
section.section__reviews {
background: #fff;
}
section.section__money {
background: #fff;
}
.contain, .cover {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
height: 100%}
.cover {
width: 100%;
object-fit: cover;
}
.contain {
object-fit: contain;
}
.contain, .hr {
width: 100%}
.container {
padding: 0 31.93px;
margin: 0 auto;
}
@media screen and (max-width:1300px) {
.container {
padding: 0 3.21vw;
}
}@media screen and (max-width:767px) {
.photos__cont img {
height: auto;
width: 90%;
}
.container {
padding: 0 2.06vw;
}
.notOnMob {
display: none;
}
}.section__first {
padding-top: 34.65px;
padding-bottom: 43.26px;
background-color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
}
.first__title {
font-size: 45.91px;
text-align: center;
font-weight: 700;
letter-spacing: -.0125em;
}
.first__title span {
font-size: 41.31px;
}
.first__video {
max-width: 1280px;
margin: 34.65px auto 0;
border: 7.98px solid #fff;
border-radius: 23.29px;
overflow: hidden;
background: #000;
}
.first__videoinner {
padding-top: 56.25%;
position: relative;
}
.first__videoinner, .video__unmut, .video__unmutescont {
display: flex;
justify-content: center;
}
.video__unmutescont {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 4;
cursor: pointer;
padding-top: 1.87vw;
align-items: flex-start;
align-content: flex-start;
display: none;
}
.video__unmut {
width: 32.66vw;
border-radius: 1vw;
padding-top: 1.67vw;
padding-bottom: 1.2vw;
background-color: #d83644;
align-items: center;
align-content: center;
flex-direction: column;
}
.video__unmut img {
width: 4.01vw;
height: auto;
}
.video__unmut span {
font-size: 2.84vw;
margin-top: .83vw;
color: #fff;
font-weight: 700;
}
@media screen and (max-width:1100px) {
.section__first {
padding-top: 3.21vw;
padding-bottom: 4.01vw;
}
.first__title {
font-size: 4.26vw;
}
.first__video {
margin-top: 3.21vw;
border: .55vw solid #fff;
border-radius: 1.5vw;
}
.video__unmutescont {
padding-top: 2.24vw;
}
.video__unmut {
width: 39.19vw;
border-radius: 1.2vw;
padding-top: 2vw;
padding-bottom: 1.44vw;
}
.video__unmut img {
width: 4.81vw;
}
.video__unmut span {
font-size: 3.41vw;
margin-top: 1vw;
}
}@media screen and (max-width:767px) {
.section__first {
padding: 5.1469vw 0;
}
.first__title {
font-size: 6.1712vw;
letter-spacing: -.025em;
}
.first__title br {
display: none;
}
.first__video {
width: 94.6398vw;
margin-top: 5.1469vw;
border: 1.5414vw solid #fff;
border-radius: 2.5715vw;
}
.video__unmutescont {
padding-top: 0;
align-items: center;
align-content: center;
}
.video__unmut {
width: 85.52vw;
border-radius: 3.86vw;
padding-top: 6.17vw;
padding-bottom: 5.4vw;
}
.video__unmut img {
width: 14.65vw;
}
.video__unmut span {
font-size: 8.42vw;
margin-top: 1.8vw;
}
}.section__featured {
padding-top: 2.14vw;
padding-bottom: 2.67vw;
background-color: hsl(var(--main-color-hue), var(--main-color-saturation), calc(var(--main-color-lightness) - 5%));
}
.featured__title {
font-size: 2.04vw;
letter-spacing: -.015em;
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #ffe400;
}
.featured__list {
margin-top: 2vw;
justify-content: center;
align-items: center;
align-content: center;
}
.featured__list li {
margin: 0 2.17vw;
}
.featured__list li img {
height: 3.91vw;
width: auto;
display: block;
}
@media screen and (max-width:1100px) {
.section__featured {
padding-top: 2.57vw;
padding-bottom: 3.2vw;
}
.featured__title {
font-size: 2.45vw;
}
.featured__list {
margin-top: 2.4vw;
}
.featured__list li {
margin: 0 2.6vw;
}
.featured__list li img {
height: 4.69vw;
}
}@media screen and (max-width:767px) {
.section__featured {
padding-top: 6.68vw;
padding-bottom: 11.29vw;
}
.featured__title {
font-size: 7.85vw;
}
.featured__list {
margin-top: 7.71vw;
}
.featured__list li {
margin: 0 3.86vw;
}
.featured__list li img {
height: 14.13vw;
}
}.section__second {
padding-top: 26.58px;
padding-bottom: 18.38px;
background-color: hsl(var(--main-color-hue), var(--main-color-saturation), calc(var(--main-color-lightness) - 5%));
position: relative;
}
.section__second:after {
width: 51.99px;
height: 34.84px;
content: "";
position: absolute;
bottom: 17.37px;
left: 50%;
background-repeat: no-repeat;
background-size: contain;
background-image: url(../lib/img/decor/arrow.svg);
transform: translateY(100%) translateX(-50%);
}
.second__timer, .second__title {
text-align: center;
font-weight: 700;
}
.second__title {
font-size: 43.19px;
color: #ffe400;
}
.second__title span {
font-size: .5em;
top: -.4em;
position: relative;
}
.second__timer {
margin-top: 5.08px;
font-size: 64.98px;
color: #fff;
}
@media screen and (max-width:1100px) {
.section__second {
padding-top: 2.41vw;
padding-bottom: 1.71vw;
}
.section__second:after {
width: 4.82vw;
height: 3.21vw;
bottom: 1.5vw;
}
.second__title {
font-size: 4.01vw;
}
.second__timer {
margin-top: .5vw;
font-size: 6.02vw;
}
}@media screen and (max-width:767px) {
.section__second {
padding-top: 6.94vw;
padding-bottom: 4.12vw;
}
.section__second:after {
width: 12.34vw;
height: 8.22vw;
bottom: 4.12vw;
}
.second__title {
font-size: 7.72vw;
}
.second__title br {
display: none;
}
.second__timer {
margin-top: 2.06vw;
font-size: 15.41vw;
}
}.section__products {
padding-top: 23.773px;
padding-bottom: 56.727px;
background-color: #eee;
}
.prdoucts__cont {
display: flex;
align-items: center;
align-content: center;
justify-content: center;
}
.product__item {
width: 313.833px;
margin: 0 6.498px;
padding-bottom: 18.428px;
border: 5.396px solid #a2a2a2;
border-radius: 21.7114px;
background-color: #fff;
}
.product__item.main {
width: 345.517px;
border-color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
background: linear-gradient(184deg, #fafab3, #fff);
}
.product__item.main .product__top {
position: relative;
left: -4px;
top: -5.396px;
right: -5.396px;
border-radius: 20.75px 20.75px 0 0;
width: 346.52px;
height: 55.3837px;
background-color: #d83644;
}
.money__list p, .product__item.main .price__real, .product__item.main .product__name, .product__item.main .product__price {
color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
}
.product__item.main .prodict__img {
height: 175.5238px;
}
.product__item.main .prodict__img .save {
right: 8.20712px;
}
.product__item.main .product__button {
width: 307.8px;
height: 73.7544px;
font-size: 36px;
padding-left: 30.41105px;
padding-right: 9.28895px;
border-radius: 72.467px;
box-shadow: inset 0 -6.64px 0 -1.99653px rgba(0, 0, 0, .08);
filter: drop-shadow(0 3px 0 #dfe1d3);
}
.product__item.main .product__button .pr__icon {
width: 56.7122px;
height: 56.7122px;
}
.product__item.main .product__button .pr__icon:before {
background-size: 36.52px;
right: 4.15px;
}
.product__item.main .price__real span {
-webkit-text-decoration-color: #ff0003;
text-decoration-color: #ff0003;
}
.product__top {
height: 49.8315px;
font-size: 22.1954px;
color: #fff;
font-weight: 700;
background-color: #a2a2a2;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
text-transform: uppercase;
border-radius: 12.7114px 12.7114px 0 0;
width: 101%;
margin-left: -1px;
margin-top: -1px;
}
.product__main {
padding-top: 15.11625px;
text-align: center;
}
.product__name {
font-size: 38.9537px;
color: hsl(var(--main-color-hue), var(--main-color-saturation), calc(var(--main-color-lightness) + 5%));
font-weight: 700;
}
.product__days {
font-size: 24.45px;
font-weight: 700;
color: #000!important;
}
.prodict__img {
margin-top: 13.45px;
height: 166.99766px;
position: relative;
display: inline-flex;
}
.prodict__img img {
display: inline-block;
height: 100%}
.prodict__img .mob {
display: none;
}
.save {
width: 75.9px;
height: 80.75px;
font-size: 24.1px;
top: -7.41px;
right: -22.65px;
background-repeat: no-repeat;
background-size: contain;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
color: #fff;
font-weight: 700;
font-family: Roboto Condensed, sans-serif;
position: absolute;
line-height: 1;
letter-spacing: -.035em;
transform: rotate(-10deg);
background-image: url(../lib/img/icons/save-bubble-red.svg);
}
.side .save {
width: 65.9px;
height: 70.75px;
font-size: 20.1px;
background-image: url(../lib/img/icons/save-bubble.svg);
}
.side .save span {
font-size: 14.97px;
}
@media screen and (max-width:767px) {
.side .save {
width: 14vw;
height: 14vw;
}
.side .save, .side .save span {
font-size: 4vw;
}
}.save * {
vertical-align: top;
}
.save span {
font-size: 17.97px;
}
@media screen and (max-width:767px) {
.save span {
font-size: 4vw;
}
.main .save {
font-size: 5.4vw;
}
}.width {
width: 100%}
.product__price, .product__shiping {
color: hsl(var(--main-color-hue), var(--main-color-saturation), calc(var(--main-color-lightness) + 5%));
}
.product__list li, .product__price {
align-content: center;
font-weight: 700;
align-items: center;
position: relative;
}
.product__price {
margin-left: 26.28px;
display: inline-flex;
font-size: 74.76px;
}
.product__list li {
min-height: 31.16px;
padding-left: 47.05px;
padding-right: 4.99px;
border-radius: 7.72px;
margin-bottom: 4.08px;
font-size: 20px;
color: #fff;
font-style: italic;
display: flex;
}
.product__price span {
font-size: 13.43px;
font-weight: 500;
align-content: center;
}
#bonusBooksBanner {
background-color: hsl(var(--main-color-hue), var(--main-color-saturation), calc(var(--main-color-lightness)));
}
.product__price:before {
content: "$";
font-size: 31.64px;
top: 5.96px;
left: -15.9px;
position: absolute;
}
.product__shiping {
font-size: 20.57px;
margin-top: 5.09px;
margin-bottom: 19.69px;
font-style: italic;
font-weight: 500;
}
.product__list {
margin-bottom: 13.44px;
width: 246.26px;
display: inline-block;
}
.product__list li:last-child, .product__starscont span:last-child {
margin: 0;
}
.product__list li:before {
width: 21.07px;
height: 21.07px;
left: 15.01px;
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
background-repeat: no-repeat;
background-size: contain;
background-image: url(../lib/img/icons/check.svg);
}
.product__button {
width: 259.69px;
height: 61.784px;
border-radius: 60.915px;
padding-left: 24.955px;
padding-right: 6.278px;
font-size: 30.4332px;
letter-spacing: -.035em;
background-color: #ffe400;
display: inline-flex;
color: #000;
align-items: center;
align-content: center;
justify-content: space-between;
font-family: Roboto Condensed, sans-serif;
font-weight: 700;
background: linear-gradient(1turn, #ffb301, #ffde00);
position: relative;
}
.product__button .pr__icon {
width: 50.99px;
height: 50.99px;
border-radius: 50%;
border: 1px solid #fce35d;
background-color: #ffe400;
background: linear-gradient(180deg, #ffb301, #ffde00);
position: relative;
}
.product__button .pr__icon:before {
background-size: 31.93px;
background-repeat: no-repeat;
background-position: 50%;
content: "";
position: absolute;
left: 0;
right: 4.22px;
bottom: 0;
top: 0;
background-image: url(../lib/img/icons/cart.png);
}
.product__cards {
margin-top: 4.98px;
display: flex;
justify-content: center;
align-items: flex-start;
}
.product__cards img {
width: 46.48px;
margin: 0 1.51px;
height: auto;
}
.price__real {
font-size: 17.91px;
margin-top: 15px;
font-weight: 700;
color: hsl(var(--main-color-hue), var(--main-color-saturation), calc(var(--main-color-lightness) + 20%));
}
.price__real span {
text-decoration: line-through;
text-decoration-thickness: 3px;
-webkit-text-decoration-color: #454545;
text-decoration-color: #454545;
}
.products__bottom {
margin-top: 28.95px;
text-align: center;
}
.prodbot__title {
font-size: 22.5px;
font-weight: 700;
}
.product__stars {
margin-top: 15px;
display: inline-flex;
align-items: center;
align-content: center;
}
.product__starscont {
margin-right: 12.51px;
display: flex;
}
.product__starscont span {
margin-right: 3.55px;
}
.product__starscont span img {
width: 38.05px;
height: auto;
display: block;
}
.product__rate {
font-size: 26.48px;
font-weight: 900;
color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
display: flex;
align-items: center;
align-content: center;
}
.product__rate img {
width: 28.9px;
margin-right: 10px;
height: auto;
}
.prodbot__text {
font-size: 22.5px;
margin-top: 15px;
font-family: Roboto, sans-serif;
font-weight: 400;
}
@media screen and (max-width:1100px) {
.section__products {
padding-top: 2.21vw;
padding-bottom: 5.26vw;
}
.product__item {
width: 29.16vw;
margin: 0 .6vw;
padding-bottom: 1.71vw;
border: .5vw solid #a2a2a2;
border-radius: 2vw;
}
.product__item.main {
width: 32.21vw;
}
.product__item.main .product__top {
left: -.4vw;
top: -.5vw;
right: -.5vw;
border-radius: 1.9vw 1.9vw 0 0;
width: 32.25vw;
height: 5.11vw;
}
.product__item.main .prodict__img {
height: 16.23vw;
}
.product__item.main .prodict__img .save {
right: .75vw;
}
.product__item.main .product__button {
width: 28.39vw;
height: 6.77vw;
font-size: 28px;
padding-left: 2.86vw;
padding-right: .85vw;
border-radius: 6.77vw;
box-shadow: inset 0 -.6vw 0 -.2vw rgba(0, 0, 0, .08);
}
.product__item.main .product__button .pr__icon {
width: 5.26vw;
height: 5.26vw;
}
.product__item.main .product__button .pr__icon:before {
background-size: 3.38vw;
right: .38vw;
}
.product__top {
height: 4.62vw;
font-size: 2.05vw;
}
.product__main {
padding-top: 1.4vw;
}
.product__name {
font-size: 3.61vw;
}
.product__days {
font-size: 2.25vw;
}
.prodict__img {
margin-top: 1.25vw;
height: 15.5vw;
}
.save {
width: 7.63vw;
height: 8.12vw;
font-size: 2.41vw;
top: -.75vw;
right: -2.01vw;
}
.save span {
font-size: 1.81vw;
}
.product__price {
font-size: 7.51vw;
margin-left: 2.76vw;
}
.product__price span {
font-size: 1.35vw;
}
.product__price:before {
font-size: 3.61vw;
top: .75vw;
left: -1.81vw;
}
.product__shiping {
font-size: 2.05vw;
margin-top: .6vw;
margin-bottom: 1.81vw;
}
.product__list {
margin-bottom: 1.4vw;
width: 25.46vw;
}
.product__list li {
min-height: 3.11vw;
padding-left: 4.71vw;
padding-right: .5vw;
border-radius: 1.2vw;
margin-bottom: .8vw;
font-size: 2.05vw;
}
.product__list li:before {
width: 2.11vw;
height: 2.11vw;
left: 1.51vw;
}
.product__button {
width: 25.92vw;
height: 6.16vw;
border-radius: 2.61vw;
padding-left: 2.51vw;
padding-right: .6vw;
font-size: 26px;
}
.product__button .pr__icon {
width: 5.12vw;
height: 5.12vw;
}
.product__button .pr__icon:before {
background-size: 3.05vw;
right: .38vw;
}
.product__cards {
margin-top: .5vw;
}
.product__cards img {
width: 4.66vw;
margin: 0 .15vw;
}
.price__real {
font-size: 1.81vw;
margin-top: 1.51vw;
}
.products__bottom {
margin-top: 2.91vw;
}
.prodbot__title {
font-size: 2.25vw;
}
.product__stars {
margin-top: 1.51vw;
}
.product__starscont {
margin-right: 1.25vw;
}
.product__starscont span {
margin-right: .35vw;
}
.product__starscont span img {
width: 3.81vw;
}
.product__rate {
font-size: 2.66vw;
}
.product__rate img {
width: 2.91vw;
margin-right: 1vw;
}
.prodbot__text {
font-size: 2.26vw;
margin-top: 1.5vw;
}
}@media screen and (max-width:767px) {
.section__products {
padding-top: 7.71vw;
padding-bottom: 8.37vw;
}
.prdoucts__cont {
padding: 1.16vw;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.product__item {
width: 100%!important;
margin: 0;
padding-bottom: 3.86vw;
margin-bottom: 4.5vw!important;
border: 1.29vw solid #a9a9a9;
border-radius: 5.13vw;
order: 2;
}
.product__item:last-child {
order: 1;
}
.product__item.main {
order: 0;
border-color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
}
.product__item.main .product__top {
left: -1vw;
top: -1.29vw;
right: -1.29vw;
border-radius: 5vw 5vw 0 0;
width: calc(100% + 2.51vw);
height: 11.56vw;
display: flex;
}
.product__item.main .prodict__img {
height: 33.43vw;
}
.product__item.main .prodict__img .save {
right: 3.09vw;
bottom: 2.06vw;
top: auto;
}
.product__item.main .product__button {
width: 43.4vw;
height: 10.94vw;
border-radius: 10.94vw;
padding-left: 3.86vw;
padding-right: .77vw;
font-size: 20px;
box-shadow: inset 0 -1vw 0 -.2vw rgba(0, 0, 0, .08);
}
.product__item.main .product__button .pr__icon {
width: 9vw;
height: 9vw;
}
.product__button .pr__icon:before, .product__item.main .product__button .pr__icon:before {
background-size: 5.8vw;
right: .64vw;
}
.product__item.main .price__real {
color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
}
.product__top {
font-size: 6.05vw;
padding-bottom: 0;
display: none;
}
.product__main {
padding-top: 3.09vw;
padding-left: 3.86vw;
padding-right: 2.58vw;
text-align: center;
flex-direction: row;
flex-wrap: nowrap;
display: flex;
position: relative;
align-items: center;
align-content: center;
}
.product__mt {
padding-bottom: 8.25vw;
}
.product__name {
font-size: 7.71vw;
width: 41.7vw;
}
.product__days {
font-size: 4.63vw;
width: 41.7vw;
}
.width {
display: none;
}
.prodict__img {
margin-top: 2.05vw;
height: 29.06vw;
width: 41.63vw;
display: block;
text-align: center;
}
.one-bottle.prodict__img {
height: 27.06vw;
}
.prodict__img img {
display: none;
height: 100%}
.prodict__img .mob {
display: inline-block;
}
.save {
width: 17.38vw;
height: 17.38vw;
top: auto;
bottom: 2.05vw;
right: 3.59vw;
}
.save, .save span {
font-size: 4.12vw;
}
.product__price {
font-size: 17.99vw;
margin-left: 4.88vw;
letter-spacing: -.05em;
}
.product__price span {
font-size: 3.34vw;
margin-left: 1.28vw;
letter-spacing: 0;
}
.product__price:before {
font-size: 8.98vw;
top: 1.54vw;
left: -4.12vw;
}
.product__shiping {
font-size: 5.14vw;
margin-top: 0;
margin-bottom: 2.83vw;
}
.product__list {
margin-bottom: 3.34vw;
width: 43.39vw;
}
.product__list li {
min-height: 5.4vw;
padding-left: 7.71vw;
padding-right: 1.28vw;
border-radius: 1.92vw;
margin-bottom: .88vw;
font-size: 3.34vw;
}
.product__list li:before {
width: 3.73vw;
height: 3.73vw;
left: 2.31vw;
}
.product__button {
width: 43.39vw;
height: 10.92vw;
border-radius: 10.92vw;
padding-left: 3.86vw;
padding-right: .98vw;
font-size: 20px;
}
.product__button .pr__icon {
width: 8.99vw;
height: 8.99vw;
}
.product__cards {
margin-top: 1.54vw;
}
.product__cards img {
width: 7.96vw;
margin: 0 .64vw;
}
.price__real {
font-size: 4.51vw;
margin-top: 0;
position: absolute;
left: 3.86vw;
bottom: 0;
width: 41.63vw;
color: hsl(var(--main-color-hue), var(--main-color-saturation), calc(var(--main-color-lightness) + 20%));
}
.products__bottom {
margin: 0;
padding-top: 3.86vw;
}
.prodbot__title {
font-size: 5.27vw;
}
.product__stars {
margin-top: 3.08vw;
}
.product__starscont {
margin-right: 3.34vw;
}
.product__starscont span {
margin-right: 1.03vw;
}
.product__starscont span img {
width: 8.98vw;
}
.product__rate {
font-size: 6.3vw;
}
.product__rate img {
width: 6.94vw;
margin-right: 2.31vw;
height: auto;
}
.prodbot__text {
font-size: 5.28vw;
margin-top: 3.6vw;
}
}.section__money {
padding-top: 74.1821px;
padding-bottom: 64.7701px;
}
.monay__container {
width: 817.7199px;
border: 7.0045px solid hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
border-radius: 12.517px;
padding: 37.911px 49.904px;
background-color: #f2f8ff;
margin: 0 auto;
position: relative;
}
.monay__container:after {
left: 6px;
top: 6px;
right: 6px;
bottom: 6px;
border-radius: 12.517px;
border: 6px dashed #ffc60d;
content: "";
position: absolute;
}
.monay__container:before {
height: 14.976px;
width: 278.8523px;
background-color: #f2f8ff;
z-index: 1;
top: 0;
left: 50%;
transform: translateX(-50%);
content: "";
position: absolute;
}
.money__line {
left: 12.4673px;
right: 12.4673px;
height: 7.99476px;
top: -7.59392px;
position: absolute;
background-color: #fff;
}
.money__line:after, .money__line:before {
width: 273.8897px;
height: 7.00445px;
top: .5011px;
bottom: .5011px;
content: "";
position: absolute;
background-color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
}
.money__line:before {
left: 0;
border-radius: 0 7.0045px 7.0045px 0;
}
.money__line:after {
right: 0;
border-radius: 7.0045px 0 0 7.0045px;
}
.money__top {
font-size: 116.8961px;
padding-left: 20px;
font-weight: 700;
color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
line-height: 1;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
position: relative;
z-index: 2;
}
.money__top img {
width: 236.5px;
height: 209.8835px;
bottom: -6px;
left: 50%;
transform: translateX(-50%);
display: block;
position: absolute;
}
.money__top span {
margin-right: 280px;
width: 100%}
.money__top span:first-child {
text-align: right;
}
.money__bottomlist li:last-child, .money__list li:last-child, .money__top span:last-child, .qual__icons li:last-child, .qual__images li:last-child, .qual__stars span:last-child, .review__stars span:last-child {
margin: 0;
}
.money__second {
font-size: 89px;
margin-top: 10.9925px;
font-weight: 700;
text-align: center;
color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
letter-spacing: -.01251em;
}
.money__list {
margin-top: 31.028px;
position: relative;
z-index: 3;
}
.money__list li, .money__list li span {
display: flex;
align-items: center;
align-content: center;
}
.money__list li {
margin-bottom: 25.965px;
letter-spacing: -.0174867em;
font-size: 18.26px;
font-weight: 400;
}
.monay__bottom, .money__list li span {
justify-content: center;
}
.money__list li span {
width: 55.491px;
height: 55.491px;
min-width: 55.491px;
font-size: 35.95px;
margin-right: 15.965px;
font-weight: 700;
color: #fff;
border-radius: 50%;
background-color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
}
.monay__bottom {
margin-top: 27.9254px;
}
.money__bottomlist li {
margin-right: 20.0898px;
}
.money__bottomlist li img {
width: 159.6543px;
height: auto;
display: block;
}
@media screen and (max-width:1100px) {
.section__money {
padding-top: 7.46vw;
padding-bottom: 6.51vw;
}
.monay__container {
width: 82.09vw;
border: .7vw solid hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
border-radius: 1.25vw;
padding: 3.81vw 5.01vw;
}
.monay__container:after {
left: .6vw;
top: .6vw;
right: .6vw;
bottom: .6vw;
border-radius: 1.25vw;
border: .6vw dashed #ffe400;
}
.monay__container:before {
height: 1.5vw;
width: 27.89vw;
}
.money__line {
left: 1.25vw;
right: 1.25vw;
height: .8vw;
top: -.75vw;
}
.money__line:after, .money__line:before {
width: 27.46vw;
height: .7vw;
}
.money__line:before {
border-radius: 0 .7vw .7vw 0;
}
.money__line:after {
border-radius: .7vw 0 0 .7vw;
}
.money__top {
font-size: 11.73vw;
padding-left: .5vw;
}
.money__top img {
width: 23.7vw;
height: 21.06vw;
bottom: -.6vw;
}
.money__top span {
margin-right: 26vw;
}
.money__second {
font-size: 5.51vw;
margin-top: 1.1vw;
}
.money__list {
margin-top: 3.11vw;
}
.money__list li {
margin-bottom: 2.61vw;
font-size: 1.9vw;
}
.money__list li span {
width: 5.56vw;
height: 5.56vw;
min-width: 5.56vw;
font-size: 3.61vw;
margin-right: 1.6vw;
}
.monay__bottom {
margin-top: 2.81vw;
}
.money__bottomlist li {
margin-right: 2.01vw;
}
.money__bottomlist li img {
width: 16.02vw;
}
}@media screen and (max-width:767px) {
.section__money {
padding-top: 12.85vw;
padding-bottom: 8.47vw;
}
.monay__container {
width: 93.9vw;
border: 1.54vw solid hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
border-radius: 3.22vw;
padding: 0 4.11vw;
padding-bottom: 6.68vw;
padding-top: 4.37vw;
}
.monay__container:after, .money__list li i, .money__list li span {
display: none;
}
.monay__container:before {
height: 1.8vw;
width: 43.01vw;
top: -1.67vw;
background-color: #fff;
}
.money__line {
left: 3.21vw;
right: 3.21vw;
height: 1.54vw;
top: -1.54vw;
z-index: 3;
}
.money__line:after, .money__line:before {
width: 25.97vw;
height: 1.54vw;
top: 0;
bottom: 0;
}
.money__line:before {
left: 0;
border-radius: 0 3.22vw 3.22vw 0;
}
.money__line:after {
right: 0;
border-radius: 3.22vw 0 0 3.22vw;
}
.money__top {
font-size: 13.39vw;
padding-left: 2vw;
position: relative;
z-index: 4;
}
.money__top img {
width: 34.06vw;
height: 29.79vw;
bottom: -1.03vw;
}
.money__top span {
margin-right: 36vw;
}
.money__second {
font-size: 9.81vw;
margin-top: 2.06vw;
}
.money__list {
margin-top: 6.43vw;
}
.money__list li {
margin-bottom: 6.43vw;
font-size: 4.64vw;
letter-spacing: -.025em;
display: block;
text-align: center;
}
.money__list li b:first-child {
font-size: 5.53vw;
width: 100%;
display: block;
text-align: center;
}
.monay__bottom {
margin-top: 6.94vw;
}
.money__bottomlist li {
margin-right: 2.31vw;
}
.money__bottomlist li img {
width: 20.93vw;
}
.remainder {
padding: 4.11vw 4.11vw 4.88vw;
display: block;
position: fixed;
bottom: 0;
left: 0;
right: 0;
background-color: hsl(var(--main-color-hue), 100%, 10%);
transform: translateY(100%);
transition: .2s;
z-index: 40000;
}
.remainder.showed {
transform: translateY(0);
}
.remainder__top {
justify-content: center;
align-items: center;
align-content: center;
}
.remainder__text {
font-size: 5.14vw;
line-height: 1;
color: #fff;
}
.reminder__timer {
font-size: 7.06vw;
line-height: 1;
margin-left: 2.31vw;
color: #fcc819;
}
.remider__button {
height: 15.68vw;
border-radius: 7.94vw;
font-size: 6.94vw;
margin-top: 2.57vw;
letter-spacing: -.025em;
box-shadow: inset 0 -2.05vw 0 -.77vw rgba(0, 0, 0, .3);
background: linear-gradient(1turn, #ffb301, #ffde00);
color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
justify-content: center;
cursor: pointer;
}
.remider__button, .remider__button span {
display: flex;
align-items: center;
align-content: center;
}
.remider__button b {
font-size: 10.53vw;
margin-right: 3.85vw;
}
}.section__bonuses {
padding-top: 30.95px;
padding-bottom: 65.27px;
background-color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
}
.bonuses__title {
font-size: 60.35px;
font-weight: 700;
color: #fff;
text-align: center;
letter-spacing: .01em;
}
.bonuses__title span {
-webkit-text-decoration-color: #ffe400!important;
text-decoration-color: #ffe400!important;
text-decoration-thickness: 3.5px!important;
text-underline-position: under!important;
}
.bonuses__list {
margin-top: 44.94px;
justify-content: center;
}
.bonus__item {
width: 387.14px;
margin: 0 14.02px;
letter-spacing: .01em;
}
.bonus__main {
border-radius: 15px;
padding: 7.01px;
background-color: #fff;
}
.bonus__img {
border-radius: 9.99px;
padding-top: 94.16%;
position: relative;
overflow: hidden;
}
.bonuses__maininfo {
padding: 34.93px 17.92px 40.74px;
text-align: center;
}
.bonus__name, .bonus__num {
font-size: 29.92px;
color: #d83644;
}
.bonus__name {
color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
font-weight: 700;
letter-spacing: -.015em;
}
.bonus__bottom {
padding-top: 15.93px;
}
.bonus__price, .bonys__desc {
color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
font-weight: 400;
}
.bonus__price {
letter-spacing: -.015em;
font-size: 28.01px;
margin-top: 11.96px;
text-align: center;
}
.bonus__price span {
position: relative;
display: inline-block;
}
.bonus__price span:after {
height: 5.1px;
border-radius: 5.1px;
background-color: #d83644;
display: block;
content: "";
left: -.09em;
right: -.09em;
top: 50%;
transform: translateY(-50%);
position: absolute;
}
.bonus__price b {
font-weight: 700;
color: #00805d;
text-transform: uppercase;
}
.bonys__desc {
font-size: 19.94px;
margin-top: 22.44px;
text-align: left;
}
@media screen and (max-width:1100px) {
.section__bonuses {
padding-top: 3.11vw;
padding-bottom: 6.52vw;
}
.bonuses__title {
font-size: 6.02vw;
}
.bonuses__title span {
text-decoration-thickness: .35vw!important;
}
.bonuses__list {
margin-top: 4.51vw;
}
.bonus__item {
width: 38.76vw;
margin: 1.4vw;
letter-spacing: .01em;
}
.bonus__main {
border-radius: 1.5vw;
padding: .7vw;
}
.bonus__img {
border-radius: 1vw;
}
.bonuses__maininfo {
padding: 3.51vw 2vw 4.01vw;
}
.bonus__name, .bonus__num {
font-size: 3.01vw;
}
.bonus__bottom {
padding-top: 1.6vw;
}
.bonus__price {
font-size: 2.76vw;
margin-top: 1.2vw;
}
.bonus__price span:after {
height: .5vw;
border-radius: .5vw;
}
.bonys__desc {
font-size: 2.01vw;
margin-top: 2.26vw;
}
}@media screen and (max-width:767px) {
.section__bonuses {
padding-top: 8.98vw;
padding-bottom: 8.98vw;
}
.bonuses__title {
font-size: 9.63vw;
margin: 7.72vw;
font-weight: 700;
color: #fff;
text-align: center;
letter-spacing: .01em;
position: relative;
}
.bonuses__title:before {
content: "";
position: absolute;
bottom: -2.05vw;
height: 1.54vw;
left: 0;
right: 0;
background-color: #ffe400;
border-radius: 3.08vw;
}
.bonuses__title br {
display: none;
}
.bonuses__title span {
text-decoration: none!important;
}
.bonuses__list {
margin-top: 15.15vw;
justify-content: center;
}
.bonus__item {
width: 93.65vw;
margin: 0;
margin-bottom: 6.94vw;
}
.bonus__item:last-child {
margin: 0;
}
.bonus__main {
border-radius: 2.57vw;
padding: 1.54vw;
}
.bonus__img {
border-radius: 2.06vw 2.06vw 0 0;
padding-top: 94.16%}
.bonuses__maininfo {
padding: 9.63vw 7.19vw 10.28vw;
}
.bonus__name, .bonus__num {
font-size: 7.33vw;
}
.bonus__bottom {
padding-top: 3.08vw;
}
.bonus__price {
font-size: 6.43vw;
margin-top: .77vw;
}
.bonus__price span:after {
height: .82vw;
border-radius: .82vw;
}
.bonys__desc {
font-size: 4.1vw;
margin-top: 3.08vw;
line-height: 1.2;
font-weight: 300;
color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
}
}.section__recom {
padding-top: 32px;
padding-bottom: 22.9px;
background-color: hsl(var(--main-color-hue), var(--main-color-saturation), calc(var(--main-color-lightness) + 10%));
}
.recom__content {
width: 806.07px;
margin: 0 auto;
justify-content: space-between;
align-items: center;
align-content: center;
}
.recom__title {
font-size: 45.14px;
letter-spacing: .01em;
color: #fff;
font-weight: 700;
}
.recom__title span {
color: #ffe400;
}
.recpm__text {
font-size: 23.89px;
margin-top: 4.81px;
font-weight: 400;
color: #fff;
}
.recom__right {
flex-direction: column;
align-content: flex-end;
align-items: flex-end;
}
.recom__right img {
width: 153.71px;
height: auto;
}
.recom__timer {
font-size: 49.99px;
margin-top: 12.52px;
line-height: 1;
letter-spacing: .01em;
color: #fff;
}
.qual__btn {
text-align: center;
margin-top: 36.57px;
}
.qual__btn>span {
width: 686.93px;
height: 88.87px;
line-height: 88.87px;
border-radius: 88.87px;
margin: 34.89px auto 0;
font-size: 39.98px;
box-shadow: inset 0 -7.7px 0 -2.03px rgba(0, 0, 0, .08);
color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
text-align: center;
background: linear-gradient(1turn, #ffb301, #ffde00);
cursor: pointer;
white-space: nowrap;
padding: 20px 40px;
}
.qual__btn * {
vertical-align: middle;
}
.qual__btn>span>span {
font-size: 60.77px;
}
@media screen and (max-width:1100px) {
.section__recom {
padding-top: 3.21vw;
padding-bottom: 2.31vw;
}
.recom__content {
width: 80.96vw;
}
.recom__title {
font-size: 4.51vw;
}
.recpm__text {
font-size: 2.41vw;
margin-top: .5vw;
}
.recom__right img {
width: 11.44vw;
}
.recom__timer {
font-size: 5.01vw;
margin-top: 1.25vw;
}
.qual__btn {
text-align: center;
margin: 36.57px auto 0;
}
.qual__btn>span {
height: 8.92vw;
line-height: 8.92vw;
border-radius: 8.92vw;
margin: 3.51vw auto 0;
font-size: 4.01vw;
box-shadow: inset 0 -.75vw 0 -.2vw rgba(0, 0, 0, .08);
}
.qual__btn>span>span {
font-size: 6.02vw;
}
}@media screen and (max-width:767px) {
.section__recom {
padding: 9.79vw 0;
}
.recom__content {
width: 100%;
flex-direction: column;
justify-content: flex-start;
}
.recom__left {
margin-top: 6.43vw;
text-align: center;
order: 2;
}
.recom__title {
font-size: 7.98vw;
letter-spacing: .025em;
}
.recom__title br {
display: none;
}
.recpm__text {
font-size: 7.07vw;
margin-top: 5.14vw;
}
.recom__right {
padding-right: 3.86vw;
}
.recom__right img {
width: 25.99vw;
}
.qual__btn, .recom__timer {
display: none;
}
}.section__qual {
padding-top: 39.697px;
padding-bottom: 85.83px;
background-color: #f2f2f2;
}
.qual__stars {
justify-content: center;
}
.qual__stars span {
margin-right: 7.259px;
}
.qual__stars span img {
width: 37.99px;
height: auto;
display: block;
}
.qual__title {
font-size: 70.052px;
margin-top: 10.989px;
color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
text-align: center;
font-weight: 700;
}
.qual__text {
font-size: 19.963px;
max-width: 736.835px;
margin: 24.959px auto 0;
font-weight: 400;
text-align: center;
}
.qual__icons, .qual__images {
justify-content: center;
}
.qual__images {
margin-top: 36.818px;
}
.qual__images li {
margin-right: 12.485px;
}
.qual__images li img {
height: 86.41px;
width: auto;
display: block;
}
.qual__icons {
margin-top: 36.57px;
}
.qual__icons li {
margin-right: 12.225px;
}
.qual__icons li img {
width: 97.27px;
height: auto;
display: block;
}
@media screen and (max-width:1100px) {
.section__qual {
padding-top: 4.01vw;
padding-bottom: 8.63vw;
}
.qual__stars span {
margin-right: .7vw;
}
.qual__stars span img {
width: 3.81vw;
}
.qual__title {
font-size: 7.01vw;
margin-top: 1.1vw;
}
.qual__text {
font-size: 2.01vw;
max-width: 73.92vw;
margin-top: 2.51vw;
}
.qual__images {
margin-top: 3.71vw;
}
.qual__images li {
margin-right: 1.25vw;
}
.qual__images li img {
height: 8.68vw;
}
.qual__icons {
margin-top: 3.66vw;
}
.qual__icons li {
margin-right: 1.2vw;
}
.qual__icons li img {
width: 9.78vw;
}
}@media screen and (max-width:767px) {
.section__qual {
padding-top: 8.99vw;
padding-bottom: 13.88vw;
}
.section__qual .container {
display: flex;
flex-direction: column;
}
.qual__top {
width: 83.97vw;
padding: 3.86vw 3.86vw 2.57vw;
border-radius: 2.58vw;
margin: 0 auto;
background-color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
}
.qual__stars span {
margin-right: 1.54vw;
}
.qual__stars span img {
width: 6.94vw;
}
.qual__title {
font-size: 8.99vw;
margin-top: 3.86vw;
color: #fff;
}
.qual__text {
display: none;
}
.qual__images {
margin-top: 6.42vw;
margin-bottom: -4.89vw;
order: 1;
}
.qual__images li {
margin: 0 .9vw!important;
margin-bottom: 4.89vw!important;
}
.qual__images li:first-child {
order: 1;
}
.qual__images li:first-child img {
height: 21.07vw;
}
.qual__images li img {
height: 18.22vw;
}
.qual__icons {
margin-top: 6.42vw;
margin-bottom: -2.57vw;
}
.qual__icons li {
margin: 0 1.28vw!important;
margin-bottom: 2.57vw!important;
}
.qual__icons li:last-child {
display: none;
}
.qual__icons li img {
width: 23.93vw;
}
}.section__reviews {
padding-top: 43.9281px;
padding-bottom: 64.9997px;
}
.reviews__title {
font-size: 70.07051px;
text-align: center;
font-weight: 700;
color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
}
.reviews__title b {
font-size: .249em;
top: -1.105em;
position: relative;
}
.reviews__title span {
padding: 4.98971px 24.56px;
border-radius: 15.00107px;
margin-top: 6.50273px;
display: inline-block;
background-color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
color: #fff;
}
.photos__cont {
margin-top: 38.5045px;
justify-content: center;
align-items: flex-start;
}
.photos__cont img {
height: auto;
}
.photos__cont.photos__bottom {
margin-top: 39.99756px;
}
.photos__cont .mob {
display: none;
}
.reviews__list {
margin: 45.89437px auto 0;
width: 727.98822px;
}
.review__item {
padding-bottom: 39.70868px;
margin-bottom: 37.32885px;
padding-left: 49.9841px;
padding-top: 32.42785px;
position: relative;
}
.review__item:last-child {
margin: 0;
padding-bottom: 0;
}
.review__item:last-child:after {
display: none;
}
.review__item:after {
height: 4.98971px;
border-radius: 4.98971px;
background-color: #e5e5e5;
left: 0;
right: 0;
bottom: 0;
content: "";
position: absolute;
}
.review__ava {
width: 65.8341px;
min-width: 65.8341px;
height: 66.55077px;
position: relative;
overflow: hidden;
}
.review__ava .cover {
width: 102%;
height: 102%}
.reviews__main {
width: calc(100% - 65.8341px);
padding-left: 10.98438px;
}
.review__name {
font-size: 32.41173px;
color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
letter-spacing: -.0087em;
line-height: 1;
}
.review__middle, .stars__text {
align-items: center;
align-content: center;
}
.review__middle {
margin-top: 10.98438px;
}
.review__stars span {
margin-right: 2.09311px;
}
.review__stars span img {
width: 23.52808px;
display: block;
height: auto;
}
.stars__text {
width: 56.7517px;
height: 22.9904px;
border-radius: 6.021px;
font-size: 15.0061px;
margin-left: 9.1241px;
font-weight: 700;
color: #fff;
background-color: #75b843;
justify-content: center;
}
.review__verify {
margin-left: 7.9985px;
font-size: 16.3387px;
color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
}
.review__verify * {
vertical-align: center;
}
.review__verify span {
width: 17.8961px;
height: 17.8961px;
margin-right: 3.0017px;
transform: translateY(16%);
display: inline-block;
}
.review__verify span img {
display: block;
width: 100%;
height: 100%}
.review__main, .review__text {
margin-top: 12.429px;
}
.review__text {
font-size: 19.9945px;
font-weight: 300;
font-family: Roboto, sans-serif;
font-style: italic;
position: relative;
}
.review__text .review__name {
display: none;
}
.review__text:before {
width: 13.359px;
height: 11.8978px;
left: -6.6386px;
top: 0;
transform: translateX(-100%);
content: "";
position: absolute;
background-repeat: no-repeat;
background-size: contain;
background-image: url(../lib/img/icons/quote.svg);
}
.review__bottom {
font-size: 19.9945px;
margin-top: 13.611px;
font-weight: 400;
color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
}
@media screen and (max-width:1100px) {
.section__reviews {
padding-top: 4.41vw;
padding-bottom: 6.51vw;
}
.reviews__title {
font-size: 7.02vw;
}
.reviews__title span {
padding: .5vw 2.51vw;
border-radius: 1.51vw;
margin-top: .65vw;
}
.photos__cont {
margin-top: 3.87vw;
}
.photos__cont.photos__bottom {
margin-top: 4.01vw;
}
.reviews__list {
margin-top: 4.61vw;
width: 73.22vw;
}
.review__item {
padding-bottom: 4.01vw;
margin-bottom: 3.75vw;
padding-left: 5.01vw;
padding-top: 3.26vw;
}
.review__item:after {
height: .5vw;
border-radius: .5vw;
}
.review__ava {
width: 6.62vw;
min-width: 6.62vw;
height: 6.71vw;
}
.reviews__main {
width: calc(100% - 6.62vw);
padding-left: 1.1vw;
}
.review__name {
font-size: 3.26vw;
}
.review__middle {
margin-top: 1.1vw;
}
.review__stars span {
margin-right: .2vw;
}
.review__stars span img {
width: 2.36vw;
}
.stars__text {
width: 5.66vw;
height: 2.31vw;
border-radius: .6vw;
font-size: 1.5vw;
margin-left: .9vw;
}
.review__verify {
margin-left: .8vw;
font-size: 1.65vw;
}
.review__verify span {
width: 1.81vw;
height: 1.81vw;
margin-right: .3vw;
}
.review__main {
margin-top: 1.2vw;
}
.review__bottom, .review__text {
font-size: 2.01vw;
}
.review__text {
margin-top: 1.2vw;
}
.review__text:before {
width: 2.1vw;
height: 1.8vw;
left: -1vw;
}
.review__bottom {
margin-top: 1.3vw;
}
}@media screen and (max-width:767px) {
.section__reviews {
padding-top: 8.47vw;
padding-bottom: 8.99vw;
}
.reviews__title {
font-size: 8.99vw;
}
.reviews__title span {
padding: 1.03vw;
border-radius: 1.93vw;
margin-top: 1.03vw;
}
.photos__cont {
margin-top: 8.47vw;
justify-content: center;
}
.photos__cont .mob {
display: block;
}
.photos__cont.photos__bottom {
margin-top: 10.28vw;
}
.reviews__list {
margin: 0 auto;
margin-top: 1.29vw;
width: 82.55vw;
}
.review__item {
padding-bottom: 6.63vw;
margin-bottom: 0;
padding-left: 0;
padding-top: 7.71vw;
align-items: center;
align-content: center;
}
.review__item:after {
height: 1.29vw;
border-radius: 1.29vw;
}
.review__ava {
width: 17.22vw;
min-width: 17.22vw;
height: 17.22vw;
}
.reviews__main {
width: calc(100% - 17.22vw);
padding-left: 2.57vw;
}
.reviews__main .review__name {
display: none;
}
.review__name {
font-size: 7.71vw;
margin-bottom: 4.11vw;
padding-left: 7.45vw;
font-family: Roboto Condensed, sans-serif;
font-style: normal;
}
.review__middle {
margin-top: 0;
}
.review__stars span {
margin-right: .77vw;
}
.review__stars span img {
width: 6.05vw;
}
.stars__text {
width: 14.65vw;
height: 5.91vw;
border-radius: 1.55vw;
font-size: 3.86vw;
margin-left: 2.32vw;
}
.review__verify {
width: 100%;
margin-left: 0;
font-size: 4.24vw;
margin-top: 2.32vw;
}
.review__verify span {
width: 4.63vw;
height: 4.63vw;
margin-right: .51vw;
}
.review__main {
margin-top: 3.6vw;
}
.review__text {
font-size: 4.63vw;
}
.review__text .review__name {
display: block;
}
.review__text p {
text-align: justify;
}
.review__text:before {
width: 5.4vw;
height: 4.63vw;
left: 0;
top: -5vw;
transform: none;
}
.review__bottom {
font-size: 5.14vw;
margin-top: 2.57vw;
}
}.section__faq {
padding-top: 44.89px;
padding-bottom: 63.92px;
background-color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
}
.faq__title {
font-size: 60.34px;
color: #fff;
text-align: center;
font-style: italic;
}
.faq__cont {
margin: 26.93px auto 0;
max-width: 780px;
}
.faq__item {
margin-bottom: 7.97px;
border-radius: 10px;
overflow: hidden;
}
.faq__item:last-child, .referenc__coll ol li:last-child {
margin-bottom: 0;
}
.faq__ctrl {
height: 41.42px;
font-size: 22.51px;
padding: 6.01px 54.77px 6.01px 34.06px;
position: relative;
background-color: #fff;
align-items: center;
color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
align-content: center;
cursor: pointer;
}
.faq__ctrl:after {
width: 20.44px;
height: 11.49px;
right: 26.93px;
background-repeat: no-repeat;
background-position: 50%;
background-size: contain;
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(0);
background-image: url(../lib/img/icons/arrow-faq.svg);
transition: .3s;
}
.faq__ctrl.opened:after {
transform: translateY(-50%) rotate(-90deg);
}
.faq__answer {
font-size: 25px;
color: #fff;
font-weight: 400;
background-color: hsl(var(--main-color-hue), var(--main-color-saturation), calc(var(--main-color-lightness) + 10%));
height: 0;
overflow: hidden;
transition: .3s;
}
.faq__answer .faq__ansinner {
padding: 11.99px 34.06px;
}
@media screen and (max-width:1300px) {
.section__faq {
padding-top: 4.51vw;
padding-bottom: 6.43vw;
}
.faq__title {
font-size: 6.02vw;
}
.faq__cont {
margin-top: 2.71vw;
max-width: 67.28vw;
}
.faq__item {
margin-bottom: .8vw;
border-radius: .5vw;
}
.faq__ctrl {
height: 4.16vw;
font-size: 2.26vw;
padding: .6vw 5.51vw .6vw 3.41vw;
}
.faq__ctrl:after {
width: 2.05vw;
height: 1.15vw;
right: 2.71vw;
}
.faq__answer {
font-size: 1.6vw;
}
.faq__answer .faq__ansinner {
padding: 1.2vw 3.41vw;
}
}@media screen and (max-width:767px) {
.section__faq {
padding-top: 9vw;
padding-bottom: 12vw;
}
.faq__title {
font-size: 9.65vw;
}
.faq__cont {
margin: 0 auto;
margin-top: 7.71vw;
max-width: 90.83vw;
}
.faq__item {
margin-bottom: 2.32vw;
border-radius: 1.29vw;
}
.faq__ctrl {
min-height: 10.65vw;
height: auto;
font-size: 4.88vw;
padding: 1.54vw 9.77vw 1.54vw 3.34vw;
}
.faq__ctrl:after {
width: 5.27vw;
height: 2.96vw;
right: 2.83vw;
}
.faq__answer {
font-size: 4.37vw;
}
.faq__answer .faq__ansinner {
padding: 2.06vw 3.34vw;
}
.first__video {
border: 0;
border-radius: 0;
width: 100%;
height: 100vh;
width: 100vw;
}
.section__first .container {
padding: 0;
}
.mobile-only.headline .first__title {
padding: 0 2.06vw;
display: none;
}
.mobile-only.headline {
display: none;
}
.section__first {
padding-top: 0;
background: #000;
}
.first__video {
margin-top: 0;
}
}.section__first {
background: #fff;
margin-bottom: 0;
}
.first__title {
color: #ce3f36;
}
.custom-social-proof {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 6!important;
transition: transform .6s ease, opacity .6s ease;
transform: translateY(100%);
opacity: 0;
}
@media screen and (max-width:767px) {
.custom-social-proof {
left: 50%;
margin-left: -172.5px;
}
}.custom-social-proof.show {
transform: translateY(0);
opacity: 1;
}
.custom-social-proof .custom-notification {
width: 345px;
border: 0;
text-align: left;
z-index: 5;
box-sizing: border-box;
font-weight: 400;
border-radius: 150px;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: var(--main-color-secondary);
position: relative;
}
.custom-social-proof .custom-notification .custom-notification-container {
display: flex!important;
align-items: center;
height: 105px;
}
.custom-social-proof .custom-notification .custom-notification-container .custom-notification-image-wrapper {
max-height: 105px;
border-radius: 6px 0 0 6px;
width: 30%;
margin-left: 1%;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.custom-social-proof .custom-notification .custom-notification-container .custom-notification-image-wrapper img {
position: relative;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 37%;
max-width: none;
margin-right: auto;
margin-left: auto;
object-fit: contain;
object-position: 50% 50%}
.custom-social-proof .custom-notification .custom-notification-container .custom-notification-image-wrapper .middle-back-image {
top: -33px;
left: 17px;
position: absolute;
}
.custom-social-proof .custom-notification .custom-notification-container .custom-notification-image-wrapper .left-back-image {
top: -30px;
left: -27px;
position: absolute;
}
.custom-social-proof .custom-notification .custom-notification-container .custom-notification-image-wrapper .right-back-image {
top: -30px;
left: 61px;
position: absolute;
}
.custom-social-proof .custom-notification .custom-notification-container .custom-notification-image-wrapper .left-front-image {
position: absolute;
top: -23px;
left: -5px;
filter: drop-shadow(0 0 2px #000);
}
.custom-social-proof .custom-notification .custom-notification-container .custom-notification-image-wrapper .right-front-image {
top: -23px;
left: 39px;
position: absolute;
filter: drop-shadow(0 0 2px #000);
}
.custom-social-proof .custom-notification .custom-notification-container .custom-notification-image-wrapper .middle-front-image {
position: absolute;
top: -13px;
left: 17px;
filter: drop-shadow(0 0 2px #000);
}
.custom-social-proof .custom-notification .custom-notification-container .custom-notification-content-wrapper {
margin: 0;
height: 100%;
color: #fff;
padding-left: 10px;
padding-right: 0;
border-radius: 0 6px 6px 0;
flex: 1;
display: flex!important;
flex-direction: column;
justify-content: center;
}
.custom-social-proof .custom-notification .custom-notification-container .custom-notification-content-wrapper .show {
visibility: visible;
display: block!important;
}
.custom-social-proof .custom-notification .custom-notification-container .custom-notification-content-wrapper .custom-notification-content {
font-family: inherit!important;
margin: 0!important;
padding: 0!important;
font-size: 17px;
line-height: 25px;
}
.custom-social-proof .custom-notification .custom-notification-container .custom-notification-content-wrapper .custom-notification-content.large {
font-size: 21px;
}
.custom-social-proof .custom-notification .custom-notification-container .custom-notification-content-wrapper .custom-notification-content small {
margin-top: 3px!important;
display: block!important;
font-size: 16px;
}
.custom-social-proof .custom-notification .custom-notification-container .custom-notification-content-wrapper .custom-notification-content .timeAgo {
font-size: 17px;
}
.custom-social-proof .custom-notification .custom-notification-container .custom-notification-content-wrapper .custom-notification-content #verified-badge:before {
background-image: url(../lib/img/icons/verified-badge.svg);
width: 20px;
height: 20px;
content: " ";
background-size: 20px 20px;
background-repeat: no-repeat;
display: inline-block;
position: relative;
top: 5px;
margin-top: -5px;
}
.custom-social-proof .custom-notification .custom-notification-container .custom-notification-content-wrapper .custom-notification-content .secondary-color {
color: #a2a2a2;
}
.custom-social-proof .custom-notification .custom-close {
position: absolute;
top: 8px;
right: 8px;
height: 12px;
width: 12px;
transition: .2s ease-in-out;
transform: rotate(45deg);
opacity: 0;
}
.custom-social-proof .custom-notification .custom-close:after, .custom-social-proof .custom-notification .custom-close:before {
content: "";
display: block;
width: 100%;
height: 2px;
background-color: gray;
position: absolute;
left: 0;
top: 5px;
}
.custom-social-proof .custom-notification .custom-close:after {
height: 100%;
width: 2px;
left: 5px;
top: 0;
}
.custom-social-proof .custom-notification .custom-close:hover, .custom-social-proof .custom-notification:hover .custom-close {
opacity: 1;
}
.playbutton-overlay svg {
fill: #9a1027 !important;
}
.desktop-only.headline h1 {
color: #fff;
font-size: 52px;
}
.desktop-only.headline h2 {
color: #fff;
font-size: 38px;
text-align: center;
letter-spacing: -0.0125em;
}
.mobile-only.headline h1 {
color: #fff;
font-size: 8.2vw;
}
.mobile-only.headline h2 {
color: #fff;
font-size: 6vw;
text-align: center;
}
.section__first {
background-color: #000 !important;
}
.big-checkmark-image {
background: #fff;
border-radius: 85px;
border: 3px solid #fff;
}
.phase-1.page-container > .content-section#cards-section {
background: #000;
}
.phase-1.page-container > .content-section#cards-section .cards-image-mask svg path {
fill: #9a1027;
}
.phase1 #feature-section.references {
background: #000 !important;
}
.phase1 #feature-section.references .accent-h2 {
color: #fff !important;
}
.video {
border: solid #fff;
border-radius: 20rem !important;
}
.options1 .exit-pop.light-green-box.lighter-centered .row .column .bottles-wrap > img {
transform: scale(1.2) !important;
}
@media (min-width: 1440px) {
.doc-image-big {
width: 113%;
}
}
.variationA.vsl .first__video,
.variationA.vsl .section__first,
.variationB.vsl .first__video,
.variationB.vsl .section__first {
margin-top: 0;
padding-top: 0;
}
.satisfaction-section div:not(.message) h3 {
color: #9a1027 !important;
}
.satisfaction-section .message img:not(.signature) {
width: 355rem !important;
}
@media (min-width: 800px) {
.watch-section {
background-color: #9a1027 !important;
max-width: 100% !important;
margin: 0 auto;
}
.watch-section ul li {
background-color: #7f0d20 !important;
}
}
.feature-section .desktop-only h1 {
font-size: 77rem !important;
}
.feature-section .desktop-only h2 {
font-size: 35rem !important;
margin-bottom: 0 !important;
filter: brightness(1) !important;
}
@media (min-width: 800px) {
.feature-section .logos li svg path {
fill: #7f0d20 !important;
}
}
@media (max-width: 799px) {
.feature-section .logos li svg path {
fill: #fff !important;
}
}
@media (min-width: 800px) {
.references-section {
background-color: #000 !important;
max-width: 100%;
}
.references-section h3,
.references-section ol li {
color: #fff !important;
}
}
@media screen and (min-width: 799px) {
.landing-only.desktop-only {
padding: 25rem 50rem 50rem !important;
}
} /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
@keyframes a {
0% {
transform: rotate(0);
}
to {
transform: rotate(1turn);
}
}
@keyframes b {
0%,
49% {
opacity: 1;
}
50%,
to {
opacity: 0;
}
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
display: block;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: none;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
dfn {
font-style: italic;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
color: inherit;
display: table;
max-width: 100%;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"],
legend {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
summary {
display: list-item;
}
[hidden],
template {
display: none;
}
:root {
--main-color: 0, 0, 0;
--main-color-hue: 0deg;
--main-color-saturation: 0%;
--main-color-lightness: 0%;
--main-color-secondary: #fb3254;
--bg-image: #000 !important;
}
html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
h1 {
font-size: 2em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration: none !important;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
body,
html {
width: 100%;
height: 100%;
position: relative;
}
body {
overflow-x: hidden;
font-family: Roboto, sans-serif;
font-weight: 700;
color: #000;
font-size: 1px;
}
* {
box-sizing: border-box;
}
body,
html,
li,
ul {
padding: 0;
}
h1,
h2,
h3,
h4 {
margin: 0;
padding: 0;
font-weight: 400;
}
li {
list-style: none;
}
body,
html,
li,
p,
ul {
margin: 0;
}
.container {
width: 100%;
position: relative;
}
.flex {
display: flex;
flex-wrap: wrap;
}
.cover {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
height: 100%;
width: 100%;
object-fit: cover;
}
.container {
padding: 0px;
margin: 0 auto;
}
@media screen and (max-width: 1300px) {
.container {
padding: 0px;
}
}
@media screen and (max-width: 767px) {
.container {
padding: 0px;
}
.notOnMob {
display: none;
}
}
.section__first {
padding-top: 15.65px;
padding-bottom: 15.26px;
background-color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
}
@media screen and (min-width: 767px) {
.section__first {
min-height: 100vh;
}
}
.first__title {
font-size: 45.91px;
text-align: center;
font-weight: 700;
letter-spacing: -0.0125em;
}
.first__video {
max-width: 1220px;
margin: 20.65px auto 0;
border: 7.98px solid #fff;
border-radius: 23.29px;
overflow: hidden;
background: #000;
}
.videoLoader {
top: 20%;
width: 100%;
position: absolute;
margin: 20px auto;
text-align: center;
display: block;
}
@media screen and (max-width: 767px) {
.videoLoader {
top: 35%;
}
}
.videoLoader h3 {
font-weight: 500;
color: #fff;
font-size: 6vw;
margin: 20px auto 0;
text-align: center;
}
@media screen and (min-width: 1355px) {
.videoLoader h3 {
font-size: 81px;
}
}
@media screen and (max-width: 767px) {
.videoLoader h3 {
font-size: 9vw;
}
}
.videoLoader h4 {
color: #fff;
font-size: 5vw;
margin: 0 auto;
text-align: center;
}
@media screen and (min-width: 1355px) {
.videoLoader h4 {
font-size: 68em;
}
}
@media screen and (max-width: 767px) {
.videoLoader h4 {
font-size: 8vw;
}
}
.loader {
width: 140em;
height: 140em;
border: 10px solid #fff;
border-bottom-color: #ff3d00;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: a 1s linear infinite;
}
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) and (display: flow-root) {
.loader {
width: 140px;
height: 140px;
}
}
}
@media screen and (max-width: 767px) {
.loader {
width: 100em;
height: 100em;
}
}
.first__videoinner {
padding-top: 56.25%;
position: relative;
}
.first__videoinner,
.video__unmut,
.video__unmutescont {
display: flex;
justify-content: center;
}
.video__unmutescont {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 2;
padding-top: 1.87vw;
align-items: flex-start;
align-content: flex-start;
display: none;
}
.video__unmut {
width: 32.66vw;
border-radius: 1vw;
padding-top: 1.67vw;
padding-bottom: 1.2vw;
background-color: #d83644;
align-items: center;
align-content: center;
flex-direction: column;
}
.video__unmut img {
width: 4.01vw;
height: auto;
}
.video__unmut span {
font-size: 2.84vw;
margin-top: 0.83vw;
color: #fff;
font-weight: 700;
}
@media screen and (max-width: 1100px) {
.section__first {
padding-top: 3.21vw;
padding-bottom: 4.01vw;
}
.first__title {
font-size: 4.26vw;
}
.first__video {
margin-top: 3.21vw;
border: 0.55vw solid #fff;
border-radius: 1.5vw;
}
.video__unmutescont {
padding-top: 2.24vw;
}
.video__unmut {
width: 39.19vw;
border-radius: 1.2vw;
padding-top: 2vw;
padding-bottom: 1.44vw;
}
.video__unmut img {
width: 4.81vw;
}
.video__unmut span {
font-size: 3.41vw;
margin-top: 1vw;
}
}
@media screen and (max-width: 767px) {
.section__first {
padding: 5.1469vw 0;
}
.first__title {
font-size: 6.1712vw;
letter-spacing: -0.025em;
}
@supports (-webkit-touch-callout: none) {
.first__title {
font-size: 5.8vw;
}
}
.first__title br {
display: none;
}
.first__video {
width: 94.6398vw;
margin-top: 5.1469vw;
border: 1.5414vw solid #fff;
border-radius: 2.5715vw;
}
.video__unmutescont {
padding-top: 0;
align-items: center;
align-content: center;
}
.video__unmut {
width: 85.52vw;
border-radius: 3.86vw;
padding-top: 6.17vw;
padding-bottom: 5.4vw;
}
.video__unmut img {
width: 14.65vw;
}
.video__unmut span {
font-size: 8.42vw;
margin-top: 1.8vw;
}
.first__videoinner {
padding-top: 177.7777777778%;
}
}
.section__featured {
padding-top: 2.14vw;
padding-bottom: 2.67vw;
background-color: hsl(var(--main-color-hue), var(--main-color-saturation), calc(var(--main-color-lightness) - 5%));
}
.featured__title {
font-size: 2.04vw;
letter-spacing: -0.015em;
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #ffe400;
}
.featured__list {
margin-top: 2vw;
justify-content: center;
align-items: center;
align-content: center;
}
.featured__list li {
margin: 0 2.17vw;
}
.featured__list li img {
height: 3.91vw;
width: auto;
display: block;
}
@media screen and (max-width: 1100px) {
.section__featured {
padding-top: 2.57vw;
padding-bottom: 3.2vw;
}
.featured__title {
font-size: 2.45vw;
}
.featured__list {
margin-top: 2.4vw;
}
.featured__list li {
margin: 0 2.6vw;
}
.featured__list li img {
height: 4.69vw;
}
}
@media screen and (max-width: 767px) {
.smartplayer-mobile-container{ padding-top: 20%; }
.section__featured {
padding-top: 20vw;
padding-bottom: 11.29vw;
}
.featured__title {
font-size: 7.85vw;
}
.featured__list {
margin-top: 7.71vw;
}
.featured__list li {
margin: 0 3.86vw;
}
.featured__list li img {
height: 22px;
}
}
.section__second {
padding-top: 26.58px;
padding-bottom: 18.38px;
background-color: hsl(var(--main-color-hue), var(--main-color-saturation), calc(var(--main-color-lightness) - 5%));
position: relative;
}
.section__second:after {
width: 51.99px;
height: 34.84px;
content: "";
position: absolute;
bottom: 17.37px;
left: 50%;
background-repeat: no-repeat;
background-size: contain;
background-image: url(../lib/img/decor/arrow.svg);
transform: translateY(100%) translateX(-50%);
}
.second__timer,
.second__title {
text-align: center;
font-weight: 700;
}
.second__title {
font-size: 43.19px;
color: #ffe400;
}
.second__title span {
font-size: 0.5em;
top: -0.4em;
position: relative;
}
.second__timer {
margin-top: 5.08px;
font-size: 64.98px;
color: #fff;
}
@media screen and (max-width: 1100px) {
.section__second {
padding-top: 2.41vw;
padding-bottom: 1.71vw;
}
.section__second:after {
width: 4.82vw;
height: 3.21vw;
bottom: 1.5vw;
}
.second__title {
font-size: 4.01vw;
}
.second__timer {
margin-top: 0.5vw;
font-size: 6.02vw;
}
}
@media screen and (max-width: 767px) {
.section__second {
padding-top: 6.94vw;
padding-bottom: 4.12vw;
}
.section__second:after {
width: 12.34vw;
height: 8.22vw;
bottom: 4.12vw;
}
.second__title {
font-size: 7.72vw;
}
.second__title br {
display: none;
}
.second__timer {
margin-top: 2.06vw;
font-size: 15.41vw;
}
}
.width {
width: 100%;
}
@media screen and (max-width: 767px) {
.section__first {
min-height: 100vh;
padding-top: 0;
background: #000;
}
}
.mutebutton-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: none;
margin: auto;
z-index: 6;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.video__unmut img {
animation: b 0.8s;
animation-iteration-count: infinite;
}
.section__reverenc {
padding-top: 69.48px;
padding-bottom: 81.4px;
}
.referenc__title {
width: 457.93px;
height: 73.52px;
border-radius: 12.03px;
font-size: 36.08px;
color: #fff;
background-color: hsl(var(--main-color-hue), var(--main-color-saturation), var(--main-color-lightness));
margin: 0 auto;
align-items: center;
align-content: center;
}
.referenc__colls,
.referenc__logos,
.referenc__title {
justify-content: center;
}
.referenc__coll ol li::marker {
color: #7f7f7f;
}
.referenc__logos {
margin: 40.13px auto -43.1px;
max-width: 1080px;
margin-bottom: 50px;
}
.referenc__logos li {
margin: 0 27.1px 27.1px;
}
.referenc__logos li img {
height: 51.81px;
width: auto;
display: block;
}
.referenc__colls {
margin-top: 40.96px;
}
.referenc__coll {
width: 404.65px;
margin-right: 54.23px;
}
.referenc__coll:last-child {
margin: 0;
}
.referenc__coll ol li {
font-size: 14.45px;
margin-bottom: 14.45px;
font-weight: 500;
color: #b0b0b0;
word-wrap: break-word;
word-break: break-all;
list-style: decimal;
}
.referenc__coll ol li span {
color: #7f7f7f;
}
@media screen and (max-width: 1100px) {
.section__reverenc {
padding-top: 5.81vw;
padding-bottom: 6.77vw;
}
.referenc__title {
width: 38.11vw;
height: 6.12vw;
border-radius: 1vw;
font-size: 3.01vw;
}
.referenc__logos {
margin-top: 3.51vw;
margin-bottom: -2.26vw;
max-width: 70.1vw;
}
.referenc__logos li {
margin: 0 2.26vw;
margin-bottom: 2.26vw;
}
.referenc__logos li img {
height: 4.32vw;
}
.referenc__colls {
margin-top: 3.41vw;
}
.referenc__coll {
width: 33.73vw;
margin-right: 4.51vw;
}
.referenc__coll ol li {
font-size: 1.2vw;
margin-bottom: 1.2vw;
}
}
@media screen and (max-width: 767px) {
.section__reverenc {
padding-top: 10.02vw;
padding-bottom: 10.29vw;
}
.referenc__title {
width: 82.32vw;
height: 15.67vw;
border-radius: 2.57vw;
font-size: 7.71vw;
}
.referenc__logos {
margin: 0 auto;
margin-top: 8.23vw;
margin-bottom: -4.63vw;
max-width: 100%;
justify-content: center;
}
.referenc__logos li {
margin: 3.09vw 3.09vw 4.63vw;
order: 1;
}
.referenc__logos li:nth-child(2) {
order: 0;
}
.referenc__logos li:last-child {
display: none;
}
.referenc__logos li img {
height: 11.06vw;
}
.referenc__colls {
margin: 0 auto;
margin-top: 8.23vw;
width: 87.55vw;
}
.referenc__coll {
margin-bottom: 3.09vw;
width: 100%;
margin-right: 0;
}
.referenc__coll ol {
margin-bottom: 0;
}
.referenc__coll ol li {
font-size: 3.09vw;
margin-bottom: 3.09vw;
}
}
.footer {
padding-top: 57.8px;
padding-bottom: 24.3px;
background-color: #f7f7f7;
}
.footer__cont {
width: 789.256px;
margin: 0 auto;
}
.footer__flex,
.footer__nav {
justify-content: space-between;
}
.footer__nav li a {
font-size: 18.0789px;
font-weight: 700;
color: gray;
}
.footer__flex {
margin-top: 25.297px;
padding: 14.4342px 14.4342px 12.0261px 21.051px;
border-radius: 10px;
background-color: #eaeaea;
align-items: center;
align-content: center;
}
.footer__flex img {
width: 211.7636px;
min-width: 211.7636px;
height: auto;
}
.footer__disc,
.footer__flex p {
text-align: justify;
color: #b0b0b0;
font-weight: 400;
}
.footer__flex p {
width: calc(100% - 226.2364px);
font-size: 11.4287px;
}
.footer__disc {
margin-top: 22.867px;
font-size: 11.4379px;
}
.remainder {
display: none;
}
@media screen and (max-width: 1100px) {
.footer {
padding-top: 4.81vw;
padding-bottom: 7.02vw;
}
.footer__cont {
width: 65.79vw;
}
.footer__nav li a {
font-size: 1.5vw;
}
.footer__flex {
margin-top: 2.1vw;
padding: 1.2vw 1.2vw 1vw 1.75vw;
border-radius: 0.5vw;
}
.footer__flex img {
width: 17.65vw;
min-width: 17.65vw;
}
.footer__flex p {
width: calc(100% - 18.85vw);
font-size: 0.95vw;
}
.footer__disc {
margin-top: 1.9vw;
font-size: 0.95vw;
}
}
@media screen and (max-width: 767px) {
.footer {
padding-top: 9.26vw;
}
.footer__cont {
width: 89.01vw;
}
.footer__nav li {
margin: 0 1vw;
margin-bottom: 2.57vw;
}
.footer__nav li a {
font-size: 3.86vw;
}
.footer__flex {
margin-top: 0.77vw;
padding: 5.92vw 3.34vw 2.57vw;
border-radius: 1.93vw;
flex-direction: column;
align-items: center;
align-content: center;
justify-content: flex-start;
}
.footer__flex img {
width: 47.55vw;
min-width: 47.55vw;
}
.footer__flex p {
width: 100%;
}
.footer__disc,
.footer__flex p {
margin-top: 4.12vw;
font-size: 3vw;
}
}
.headline.mobile-only,
.mobile-only {
display: none;
}
@media screen and (max-width: 767px) {
.mobile-only {
display: block;
}
}
.desktop-only {
display: block;
}
@media screen and (max-width: 767px) {
.desktop-only {
display: none;
}
}
.desktop-only.headline img {
margin: 0 auto;
display: block;
max-width: 800px;
width: 80%;
}
.headline.mobile-only img {
margin: 0 auto;
display: block;
width: 90%;
}
.remainder.showed,
.section__bonuses,
.section__faq,
.section__money,
.section__products,
.section__qual,
.section__recom,
.section__reviews,
.section__second {
display: none;
}
@media screen and (max-width: 767px) {
.section__first {
min-height: 100vh;
}
}
.button-shown .section__bonuses,
.button-shown .section__faq,
.button-shown .section__money,
.button-shown .section__products,
.button-shown .section__qual,
.button-shown .section__recom,
.button-shown .section__reviews,
.button-shown .section__second {
display: block;
}
@media screen and (max-width: 767px) {
.button-shown .remainder.showed {
display: block;
}
}
@media screen and (max-width: 767px) {
.button-shown .section__first {
min-height: unset;
}
.button-shown .footer {
padding-bottom: 10.56vw !important;
}
}
@media screen and (min-width: 767px) {
.button-shown .section__first {
height: auto;
min-height: auto;
}
}
.button-shown .watch-section {
display: none;
}
@media screen and (max-width: 767px) {
#disclaimer-link {
display: none;
}
.referenc__coll ol {
padding-left: 3vw;
}
}
.playbutton-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: none;
margin: auto;
z-index: 5;
}
.playbutton-overlay svg {
fill: hsl(var(--main-color-hue), var(--main-color-saturation), calc(var(--main-color-lightness) - 5%));
width: 50%;
margin: 14% auto;
}
@media screen and (min-width: 768px) {
.video__unmut {
max-width: 80%;
max-height: 50%;
margin: 12% auto 0;
}
.video__unmut img {
max-width: 80px;
}
.video__unmut span {
margin-top: 5px;
}
}
@media screen and (min-width: 1500px) {
.video__unmut span {
font-size: 55em;
}
}
ul.footer__nav.flex {
margin: 0 25px;
}
.pausebutton-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: none;
margin: auto;
z-index: 4;
}
@media screen and (min-width: 768px) {
.fullscreen-video .first__video {
border-radius: 0 !important;
max-width: unset;
height: 100vh;
max-width: 177vh;
border: 0;
margin: 0 auto;
background: #000;
}
.fullscreen-video .first__video > div {
top: 50%;
transform: translateY(-50%);
}
}
@media screen and (min-width: 768px) and (max-width: 767px) {
.fullscreen-video .first__video {
height: 100vh;
width: 100vw;
}
@supports (-webkit-touch-callout: none) {
.fullscreen-video .first__video {
height: 90vh;
}
}
}
@media screen and (min-width: 768px) {
.fullscreen-video .section__first,
.fullscreen-video .section__first .container {
padding: 0;
}
.fullscreen-video .section__first .container .headline {
display: none !important;
}
}
@media screen and (min-width: 768px) and (max-width: 767px) {
@supports (-webkit-touch-callout: none) {
.fullscreen-video .section__first .container .headline.mobile-only {
display: none !important;
margin-bottom: 5.1469vw;
}
}
@supports (-webkit-touch-callout: none) {
.fullscreen-video .section__first {
padding: 5.1469vw 0;
}
}
}
@media screen and (min-width: 768px) {
.fullscreen-video .left-video-image,
.fullscreen-video .right-video-image {
display: none;
}
.fullscreen-video .feature-section {
padding: 0;
}
.fullscreen-video .feature-section .video-block .video {
border-radius: 0;
}
.fullscreen-video .feature-section .landing-only.mobile-only {
display: none;
}
.fullscreen-video .vsl-fold .vsl-fold__content {
padding: 0;
margin: 0 !important;
}
.fullscreen-video .vsl-fold .container {
padding: 0;
}
.fullscreen-video #video {
border-radius: 0 !important;
width: 100vw;
height: 100vh;
border: 0 !important;
background: #000;
}
.fullscreen-video #video > div {
top: 50%;
transform: translateY(-50%);
}
}
@media screen and (min-width: 1100px) {
.section__featured {
padding-top: 37px;
padding-bottom: 46px;
}
.section__featured .featured__title {
font-size: 36.8px;
}
.section__featured .featured__list {
margin-top: 35px;
}
.section__featured .featured__list li {
margin: 0 36px;
}
.section__featured .featured__list li img {
height: 37px;
}
}
.longVideo .first__videoinner {
padding-top: 177.7777777778% !important;
}
.shortVideo .first__videoinner {
padding-top: 56.25% !important;
}
@media screen and (max-width: 767px) {
.shortVideo .first__videoinner .video__unmut img {
width: 7vh;
}
}
.watch-section {
display: none;
}
@media screen and (max-width: 767px) {
.footer__flex {
display: none;
}
.watch-section {
margin-bottom: 45px;
display: block;
}
.watch__button {
display: block;
color: #000;
font-family: Roboto Condensed, sans-serif;
font-weight: 700;
background: linear-gradient(1turn, #ffb301, #ffde00);
position: relative;
width: 80vw;
height: 17vw;
border-radius: 10.94vw;
font-size: 6.43vw;
margin: 0 auto;
box-shadow: inset 0 -1vw 0 -0.2vw rgba(0, 0, 0, 0.08);
}
.watch__button .watch-text {
text-align: center;
padding-top: 20px;
}
@supports (-webkit-touch-callout: none) {
.section__first {
padding: 5.1469vw 0;
}
}
.first__video {
border: 0;
border-radius: 0;
width: 100%;
height: auto;
width: 100vw;
}
.section__first .container {
padding: 0;
}
.mobile-only.headline .first__title {
padding: 0 2.06vw;
display: none;
}
.mobile-only.headline {
display: none;
}
.section__first {
padding-top: 0;
background: #000;
}
.first__video {
margin-top: 0;
}
}
.section__first {
background: #fff;
margin-bottom: 0;
}
.first__title {
color: #ce3f36;
}
.video-image-holder {
max-width: 1240px;
margin: 0 auto;
text-align: center;
display: block;
overflow: visible;
position: relative;
}
.first__videoinner {
z-index: 1;
}
.vturb .first__video {
display: flex;
}
.left-video-image,
.right-video-image {
position: absolute;
z-index: 0;
}
.left-video-image img,
.right-video-image img {
width: 100%;
}
@media screen and (min-width: 800px) {
.left-video-image,
.right-video-image {
position: absolute;
}
}
@media screen and (max-width: 799px) {
.left-video-image,
.right-video-image {
position: absolute;
}
.left-video-image img,
.right-video-image img {
width: 100%;
}
}
.second-part{ background:#fff; }