html {
    box-sizing: border-box;
    font-size: 100%;
}

body {
    font-family: 'CeraPro', sans-serif;
    background: #fff;
	margin: 0; padding: 0;
}

*, *:before, *:after {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

*:focus {
    outline: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'VT323', sans-serif;
    font-weight: 400;
}

p {
    font-size: 1.2vw;
}

a, a:link, a:hover, a:focus, a:active {
    text-decoration: none;
}

/* ################# FONTS ################# */
@font-face {
    font-family: 'CeraPro';
    src: url('font/subsetCeraProBlack.eot');
    src: url('font/subsetCeraProBlack.eot') format('embedded-opentype'),
         url('font/subsetCeraProBlack.woff2') format('woff2'),
         url('font/subsetCeraProBlack.woff') format('woff'),
         url('font/subsetCeraProBlack.ttf') format('truetype'),
         url('font/subsetCeraProBlack.svg#subsetCeraProBlack') format('svg');
    font-weight: 900;
    font-display: swap;
}
@font-face {
    font-family: 'CeraPro';
    src: url('font/subsetCeraProBold.eot');
    src: url('font/subsetCeraProBold.eot') format('embedded-opentype'),
         url('font/subsetCeraProBold.woff2') format('woff2'),
         url('font/subsetCeraProBold.woff') format('woff'),
         url('font/subsetCeraProBold.ttf') format('truetype'),
         url('font/subsetCeraProBold.svg#subsetCeraProBold') format('svg');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'CeraPro';
    src: url('font/subsetCeraPro.eot');
    src: url('font/subsetCeraPro.eot') format('embedded-opentype'),
         url('font/subsetCeraPro.woff2') format('woff2'),
         url('font/subsetCeraPro.woff') format('woff'),
         url('font/subsetCeraPro.ttf') format('truetype'),
         url('font/subsetCeraPro.svg#subsetCeraPro') format('svg');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'VT323';
    src: url('font/VT323Regular.eot');
    src: url('font/VT323Regular.eot') format('embedded-opentype'),
         url('font/VT323Regular.woff2') format('woff2'),
         url('font/VT323Regular.woff') format('woff'),
         url('font/VT323Regular.ttf') format('truetype'),
         url('font/VT323Regular.svg#VT323Regular') format('svg');
    font-weight: 400;
    font-display: swap;
}
/* ################# END FONTS ################# */

.d-none {display: none!important;}
.d-block {display: block!important;}
.d-inline-block {display: inline-block!important;}
.d-flex {display: flex!important;}

.px-0 { padding-left: 0!important; padding-right: 0!important; }
.p-0 { padding: 0!important; }

.main-container { width: 100%; padding: 3vw 4vw; }
.container { width: 100%; padding: 1.5vw; }

.row { display: flex; margin: 0 -0.5vw; flex-wrap: wrap; }
.row > * { padding: 0 0.5vw; }

.justify-content-start { justify-content: flex-start; }
.justify-content-center { justify-content: center; }
.justify-content-end { justify-content: flex-end; }
.justify-content-between { justify-content: space-between; }

.align-items-start { align-items: flex-start; }
.align-items-center { align-items: center; }
.align-items-end { align-items: flex-end; }

.align-self-start { align-self: flex-start; }
.align-self-center { align-self: center; }
.align-self-end { align-self: flex-end; }

.flex-column { flex-direction: column; }

.text-start { text-align: left; }
.text-center { text-align: center; }
.text-end { text-align: right; }

.h-100 { height: 100%; }
.w-100 { width: 100%; }

.relative { position: relative; }

.col-auto {flex: 0 0 auto; width: auto;}
.col-20 {flex: 0 0 auto; width: 20%;}
.col-25 {flex: 0 0 auto; width: 25%;}
.col-33 {flex: 0 0 auto; width: 33.33333333%;}
.col-40 {flex: 0 0 auto; width: 40%;}
.col-50 {flex: 0 0 auto; width: 50%;}
.col-60 {flex: 0 0 auto; width: 60%; }
.col-66 {flex: 0 0 auto; width: 66.66666667%; }
.col-70 {flex: 0 0 auto; width: 70%;}
.col-80 {flex: 0 0 auto; width: 80%;}
.col-90 {flex: 0 0 auto; width: 90%;}
.col-100 {flex: 0 0 auto; width: 100%;}

.border-blue { border: 0.3vw solid #003DA6; border-radius: 0.7vmax; }
.border-black { border: 0.3vw solid #000; border-radius: 0.7vmax; }
.border-red { border: 0.3vw solid #FF0000; border-radius: 0.7vmax; }
.border-purple { border: 0.3vw solid #CD62FF; border-radius: 0.7vmax; }

.box-pink { background: linear-gradient(180deg, rgba(205, 98, 255, 0) 0%, #CD62FF 100%); }
.box-light-blue { background: linear-gradient(180deg, rgba(205, 98, 255, 0) 0%, #3991F9 100%); }
.box-dark-blue { background: linear-gradient(180deg, rgba(205, 98, 255, 0) 0%, #003DA6 100%); }
.box-dark-blue-reverse { background: linear-gradient(180deg, #003DA6 0%, rgba(50, 88, 185, 0) 100%); }
.box-light-blue-reverse { background: linear-gradient(180deg, #0D79F8 0%, rgba(100, 218, 255, 0) 100%); }

.hero-guceye { overflow: hidden; }
.hero-guceye img { width: 100%; height: auto; display: block; }

header {
    margin-bottom: 1vw;
}

header .logo { 
    width: 10vw;
    height: auto;
}

header nav ul {
    display: flex;
    list-style: none;
}

header nav ul li:not(:last-child) {
    margin-right: 1vw;
}

header nav ul li a {
    display: inline-block;
    color: #008BD2;
    font-size: 1.7vw;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1;
    padding: 0.7vw 1vw;
    border: 0.3vw solid #008BD2;
    border-radius: 0.7vmax;
    transition: all 0.3s;
}

header nav ul li a:hover {
    color: #fff;
    background: #008BD2;
}

.nav-toggle {
    display: none;
    position: relative;
    height: 23px;
    width: 30px;
}

.nav-toggle span {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #008BD2;
    transition: all 0.3s;
}

.nav-toggle .bar1 {
    top: 0;
}

.nav-toggle .bar2 {
    top: 50%;
    transform: translateY(-50%);
}

.nav-toggle .bar3 {
    bottom: 0;
}

.mobile-nav-active {
    overflow: hidden;
}

.mobile-nav-active .bar1 {
    top: 50%;
    transform: translateY(0) rotate(45deg);
}

.mobile-nav-active .bar2 {
    opacity: 0;
}

.mobile-nav-active .bar3 {
    top: 50%;
    bottom: auto;
    transform: translateY(0) rotate(-45deg);
}

@keyframes animate-text {
    from { background-position: 0 center; }
    to { background-position: -10000px center; }
}

.animated-text {
    height: 4vw;
    width: 100%;
    background-image: url("images/sexy-body.svg?v=1");
    background-repeat: repeat-x;
    background-size: contain;
    -webkit-animation: animate-text 100s linear infinite;
    animation: animate-text 100s linear infinite;
}

h1, h1 * { font-family: 'VT323', sans-serif; font-weight: normal; margin: 0; }

.shadow-white { text-shadow: 0.04em 0 0 #fff, -0.04em 0 0 #fff, 0 0.04em 0 #fff, 0 -0.04em 0 #fff, -0.04em -0.04em 0 #fff, 0.04em 0.04em 0 #fff, -0.04em 0.04em 0 #fff, 0.04em -0.04em 0 #fff; filter: drop-shadow(0.08em 0.08em 0 #fff); }
.shadow-black { text-shadow: 0.04em 0 0 #000, -0.04em 0 0 #000, 0 0.04em 0 #000, 0 -0.04em 0 #000, -0.04em -0.04em 0 #000, 0.04em 0.04em 0 #000, -0.04em 0.04em 0 #000, 0.04em -0.04em 0 #000; filter: drop-shadow(0.08em 0.08em 0 #000); }
.shadow-darkblue { text-shadow: 0.04em 0 0 #003DA6, -0.04em 0 0 #003DA6, 0 0.04em 0 #003DA6, 0 -0.04em 0 #003DA6, -0.04em -0.04em 0 #003DA6, 0.04em 0.04em 0 #003DA6, -0.04em 0.04em 0 #003DA6, 0.04em -0.04em 0 #003DA6; filter: drop-shadow(0.08em 0.08em 0 #003DA6); }
.shadow-blue { text-shadow: 0.04em 0 0 #00A1E4, -0.04em 0 0 #00A1E4, 0 0.04em 0 #00A1E4, 0 -0.04em 0 #00A1E4, -0.04em -0.04em 0 #00A1E4, 0.04em 0.04em 0 #00A1E4, -0.04em 0.04em 0 #00A1E4, 0.04em -0.04em 0 #00A1E4; filter: drop-shadow(0.08em 0.08em 0 #00A1E4); }

.hero { background: #003DA6; border-radius: 0.7vmax; height: 29.5vw; position: relative; }
.hero.hero-products { height: 22.6vw; }

.hero h1 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; }
.hero h1 span { display: block; font-size: 16vw; line-height: 0.8; text-transform: uppercase; color: #fff; }
.hero.hero-products h1 span { display: inline-block; font-size: 7vw; margin: 0 0.5vw; }
.hero h1 span:first-child,
.hero h1 span:last-child { font-size: 8.8vw; color: #003DA6; }
.hero h1 span:first-child { line-height: 0.6; }
.hero.hero-products h1 span:first-child,
.hero.hero-products h1 span:last-child { font-size: 7vw; }

@keyframes blink-img { 50% { opacity: 0.0; } }

.hero .dots { display: flex; position: absolute; }
.hero .dots img { width: 1.7vw; height: 1.7vw; }
.hero .dots-h { width: 32.3vw; justify-content: space-between; }
.hero.gucguc .dots-h { width: 87.3vw; }
.hero.gucguc .text-center { position: absolute; top: 50%; transform: translateY(-50%); text-align: center;}
.hero.gucguc .text-center.text-center-mobile { display: none; }
.hero.gucguc .everybody-img { width: 68vw; margin-bottom: 10px;}
.hero.gucguc .gucguc-img { width: 52vw; -webkit-animation: blink-img 1s step-end 0s infinite; animation: blink-img 1s step-end 0s infinite; }
.hero .dots-v { height: 18.7vw; justify-content: space-between; flex-direction: column; top: 5.1vw; }
.hero.hero-products .dots-v { height: 11.6vw; }
.hero .dots-left { left: 1.7vw; }
.hero.gucguc .dots-left2 { left: 5.5vw; }
.hero .dots-right { right: 1.7vw; }
.hero.gucguc .dots-right2 { right: 5.5vw; }
.hero .dots-top { top: 1.7vw; }
.hero .dots-bottom { bottom: 1.7vw; }
.hero .dots-h.dots-bottom { flex-direction: row-reverse; }
.hero .dots-v.dots-left, .hero.gucguc .dots-v.dots-left2 { flex-direction: column-reverse; }

.lips { width: 22vw; height: auto; position: absolute; top: 50%; image-rendering: pixelated; }
.hero-products .lips { width: 15vw; }
.lips-left { left: 7vw; transform: translateY(-50%); }
.lips-right { right: 7vw; transform: translateY(-50%) scaleX(-1); }
.hero-products .lips-left { left: 4vw; }
.hero-products .lips-right { right: 4vw; }

.hero .dots img { animation-name: blink; animation-duration: 1.4s; animation-iteration-count: infinite; animation-direction: normal; animation-timing-function: steps(10); animation-fill-mode: forwards; }

.hero .dots-h img:nth-child(1){ animation-delay: -0.1s; }
.hero .dots-h img:nth-child(2){ animation-delay: -0.2s; }
.hero .dots-h img:nth-child(3){ animation-delay: -0.3s; }
.hero .dots-h img:nth-child(4){ animation-delay: -0.4s; }
.hero .dots-h img:nth-child(5){ animation-delay: -0.5s; }
.hero .dots-h img:nth-child(6){ animation-delay: -0.6s; }
.hero .dots-h img:nth-child(7){ animation-delay: -0.7s; }
.hero .dots-h img:nth-child(8){ animation-delay: -0.8s; }
.hero .dots-h img:nth-child(9){ animation-delay: -0.9s; }
.hero .dots-h img:nth-child(10){ animation-delay: -1s; }
.hero .dots-h img:nth-child(11){ animation-delay: -1.1s; }
.hero .dots-h img:nth-child(12){ animation-delay: -1.2s; }
.hero .dots-h img:nth-child(13){ animation-delay: -1.3s; }
.hero .dots-h img:nth-child(14){ animation-delay: -1.4s; }
.hero .dots-h img:nth-child(15){ animation-delay: -1.5s; }
.hero .dots-h img:nth-child(16){ animation-delay: -1.6s; }
.hero .dots-h img:nth-child(17){ animation-delay: -1.7s; }
.hero .dots-h img:nth-child(18){ animation-delay: -1.8s; }
.hero .dots-h img:nth-child(19){ animation-delay: -1.9s; }
.hero .dots-h img:nth-child(20){ animation-delay: -2.0s; }
.hero .dots-h img:nth-child(21){ animation-delay: -2.1s; }
.hero .dots-h img:nth-child(22){ animation-delay: -2.2s; }
.hero .dots-h img:nth-child(23){ animation-delay: -2.3s; }
.hero .dots-h img:nth-child(24){ animation-delay: -2.4s; }

.hero .dots-v img:nth-child(1){ animation-delay: -0.1s; }
.hero .dots-v img:nth-child(2){ animation-delay: -0.2s; }
.hero .dots-v img:nth-child(3){ animation-delay: -0.3s; }
.hero .dots-v img:nth-child(4){ animation-delay: -0.4s; }
.hero .dots-v img:nth-child(5){ animation-delay: -0.5s; }
.hero .dots-v img:nth-child(6){ animation-delay: -0.6s; }
.hero .dots-v img:nth-child(7){ animation-delay: -0.7s; }

.hero.hero-products .dots-v img:nth-child(5){ display: none; }
.hero.hero-products .dots-v img:nth-child(6){ display: none; }
.hero.hero-products .dots-v img:nth-child(7){ display: none; }

@keyframes blink {
  90% { filter: none; }
  91% { filter: brightness(0) invert(1); }
  100% { filter: brightness(0) invert(1); }
}

section {
    margin-bottom: 1vw;
}

.animated-section {
    padding: 1vw 0;
}

.video-container {
    overflow: hidden;
    /*background: url('images/video-test.jpg') center center / cover no-repeat; */
    height: 100%;
}

.video-wrapper { position: relative; padding-bottom: 56.25%; background-color: #000; }
.video-wrapper:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.video-wrapper iframe, .video-wrapper video { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }

.box {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.box p {
    font-family: 'VT323';
    text-transform: uppercase;
    color: #fff;
}

.box-lg .row, .box-lg .container {
    height: 100%;
}

.box-lg p {
    font-size: 2.8vw;
    line-height: 2.6vw;
}

.box-lg .label {
    display: inline-block;
    font-size: 1.4vw;
    text-transform: uppercase;
    color: #fff;
    font-weight: 900;
    line-height: 1;
    background: #003DA6;
    border-radius: 0.7vmax;
    padding: 0.7vw;
    margin-bottom: 1vw;
}

.box-lg .card.pink {
    background: linear-gradient(0, #fff, #CD62FF);
}

.box .animated-vertical-object {
    position: relative;
}

@keyframes animate-object {
    from { transform: translate(-50%, 0); }
    to { transform: translate(-50%, 20%); }
}

.box .animated-vertical-object .blue-object-img {
    width: 5.5vw;
    height: auto;
}

.box .animated-vertical-object .body-object-img {
    -webkit-image-rendering: pixelated;
    image-rendering: pixelated;
    width: 8vw;
    height: auto;
}

.box .animated-vertical-object .body-object-img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 1;
    -webkit-animation: animate-object 1.2s linear infinite alternate;
    animation: animate-object 1.2s linear infinite alternate;
}

.box-sm .container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.box-sm p {
    font-size: 2.3vw;
}

.box-sm .button {
    margin: 0 0.5vw 0.5vw 0;
}

.box-sm .star-object-img {
    right: -2.5vw;
    bottom: -4.5vw;
}

.box-sm .gif-img {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 5vw;
    z-index: 2;
}

.box-game {
    background-image: url('data:image/png;base64,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'), linear-gradient(180deg, rgba(0,148,212,1) 33%, rgba(39,170,227,1) 33%, rgba(39,170,227,1) 66%, rgba(73,180,227,1) 66%);
    background-repeat: repeat-x;
    background-position: bottom;
}

.box-game .gif-img {
    width: 100%;
    height: auto;
    margin-bottom: 1.5vw;
}

.box-game h2 {
    font-size: 5.5vw;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 1.5vw;
}

.box-game .button {
    margin-bottom: 2vw;
}

.box-game .star-object-img {
    bottom: -25vw;
    left: -20%;
    width: 140%;
    -webkit-animation: animate-star 20s linear infinite;
	animation: animate-star 20s linear infinite;
}

.box-giveaway .container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.box-giveaway h2 {
    font-size: 8vw;
    color: #fff;
    text-transform: uppercase;
    text-align: right;
}

.box-giveaway p {
    font-family: 'CeraPro', sans-serif;
    font-size: 1.4vw;
    color: #003DA6;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 1.5vw;
}

.box-giveaway .card .halftone:before, .box-lg .card .halftone:before {
    -webkit-mask-image: linear-gradient(rgb(0 0 0 / 0.5), rgb(0 0 0 / 1));
}

.box-giveaway .card.blue {
    background: linear-gradient(0deg, #fff, #003DA6);
}

.box-giveaway .drops-object-img {
    width: 22vw;
    height: auto;
}

.gif-img {
    -webkit-image-rendering: pixelated;
    image-rendering: pixelated;
    border-radius: 0.7vmax;
}

.box-giveaway .gif-img {
    width: 100%;
    height: auto;
}

.swiper-text {
    width: 100%;
}

.swiper-text .swiper-wrapper {
    padding-bottom: 2vw;   
}

.swiper-text .swiper-slide p {
    padding-left: 0.25vw;
}

.swiper-text .swiper-pagination {
    bottom: 0;
    text-align: left;
}

.swiper-text .swiper-pagination .swiper-pagination-bullet {
    width: 0.8vw;
    height: 0.8vw;
    background: #fff;
    box-shadow: 0.15vw 0.15vw 0 #003DA6;
    opacity: 1;
}

.swiper-text .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #FFCF27;
}

.buttons-group > a:not(:last-child) {
    margin-bottom: 1.5vw;
}

.buttons-group > a:last-child {
    margin-bottom: 0.5vw;
}

.button {
    font-family: 'VT323';
    display: inline-block;
    position: relative;
    font-size: 2.3vw;
    color: #fff;
    line-height: 2.5vw;
    text-transform: uppercase;
    text-align: center;
    padding: 1vw 3vw;
    border-radius: 1.3vmax;
    transition: all .4s;
    z-index: 1;
}

.button:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 1.3vmax;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: all 0.4s;
}

.button.button-yellow:before {
    background: #FFCF27;
    border: 0.3vw solid #003DA6;
}

.button.button-blue:before {
    background: #41C1EA;
    border: 0.3vw solid #fff;
}

.button.button-white:before {
    background: #fff;
    border: 0.3vw solid #000;
}

.button:hover::before {
    top: 0.5vw;
    left: 0.5vw;
}

.button span {
    position: relative;
    display: block;
    z-index: 3;
    transition: all 0.4s;
}

.button:hover span {
    transform: translate(0.5vw, 0.5vw);
}

.button:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 1.3vmax;
    position: absolute;
    bottom: -0.5vw;
    left: 0.5vw;
    z-index: 1;
}

.button.button-yellow:after, .button.button-blue:after {
    background: #003DA6;
}

.button.button-white:after {
    background: #000;
}

.box.box-lg .button {
    margin-bottom: 2.5vw;
}

@keyframes animate-star {
    to { transform: rotate(360deg); }
}

.star-object-img {
    position: absolute;
    width: 18vw;
    height: auto;
}

.box-lg .star-object-img {
    left: -2vw;
    bottom: -3vw;
}

.box:hover .star-object-img {
	-webkit-animation: animate-star 20s linear infinite;
	animation: animate-star 20s linear infinite;
}

.products-slider {
    position: relative;
    background: #003DA6;
    overflow: hidden;
}

@keyframes animate-triangles {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.products-slider:before, footer:before {
    content: "";
    display: block;
    background: url('images/triangles.svg') center center / cover no-repeat;
    height: 500%;
    width: 300%;
    position: absolute;
    left: -100%;
    top: -200%;
    z-index: 0;
    -webkit-animation: animate-triangles 20s linear infinite;
    animation: animate-triangles 20s linear infinite;
}

.products-slider-intro {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 3vw;
}

.products-slider-intro h2 {
    font-size: 4.1vw;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0.5vw;
}

.products-slider-intro p {
    color: #fff;
    font-weight: 700;
    margin: 0 auto;
}

.products-slider .container, .box .container {
    position: relative;
    z-index: 1;
}

.products-slider .drops-object-img {
    width: 7vw;
    height: auto;
}

.products-slider  .products-slider-intro .drops-object-img {
    margin-top: 1.2vw;
}

.products-slider .swiper-slide {
    width: 25%;
    margin-right: 1vw;
}

.product-item {
    overflow: hidden;
}

.product-item .product-img, .product-item .product-img img  {
    position: relative;
}

.product-item .card.blue, .product-details .card.blue {
    background: linear-gradient(0deg, #0D79F8, #0D79F8);
}

.product-item .card .halftone:before, .product-details .card .halftone:before {
    background-image: radial-gradient(circle at center, rgb(255 255 255) 0%, rgb(255 255 255 / 0) 90%), radial-gradient(circle at center, rgb(255 255 255) 0%, rgb(255 255 255 / 0) 90%);
    -webkit-mask-image: linear-gradient(rgb(0 0 0 / 1), rgb(0 0 0 / 1));
}

.product-item .product-img {
    background: #fff;
    text-align: center;
    padding: 2.5vw 1.5vw;
    border-radius: 0.7vmax 0.7vmax 0 0;
    overflow: hidden;
}

.product-item .product-img img {
    height: 18vw;
    width: auto;
    z-index: 10;
}

.product-item .product-text {
    background: #88C9FC;
    padding: 1.5vw 1vw;
    border-radius: 0 0 0.7vmax 0.7vmax;
}

.product-item h3 {
    font-size: 2.3vw;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0.5vw;
}

.product-item p {
    color: #000;
    font-weight: 900;
}

.products-list .product-item .product-img, .products-list .product-item .product-text  {
    border-radius: unset;
}

.product-item, .product-text {
    height: 100%;
}

.products-list .col-style:not(:nth-last-of-type(-n+4)) {
    margin-bottom: 1vw;
}

.swiper-products .swiper-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3vw;
    padding-bottom: 0.5vw;
}

.swiper-products .swiper-controls .button {
    margin: 0 4vw;
    padding: 1vw 6vw;
}

.swiper-products .swiper-controls .button.button-yellow:before {
    border-color: #000;
}

.swiper-products .swiper-controls .button.button-yellow:after {
    background: #000;
}

.swiper-products .swiper-button-next, .swiper-products .swiper-button-prev {
    position: unset;
    width: auto;
    height: auto;
    margin: 0;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: "";
    display: inline-block;
    height: 3vw;
    width: 3vw;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    background: url('images/left-arrow-yellow.svg') center center / cover no-repeat;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    background: url('images/right-arrow-yellow.svg') center center / cover no-repeat;
}

.product-details .product-img {
    position: relative;
    display: flex;
    align-items: center;
    padding: 4vw 2vw;
    height: 100%;
    z-index: 10
}

.card {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.card.blue {
    background: linear-gradient(0, #0843A9, #fff);
}

.card.pink {
    background: linear-gradient(0, #CD62FF, white);
}

.card.light-blue {
    background: linear-gradient(0, #3991F9, white);
}

.halftone {
    position: relative;
    width: 100%;
    height: 100%;
    background: black;
    filter: contrast(10) invert(0);
    mix-blend-mode: screen;
    z-index: 0;
}

.halftone:before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle at center, rgb(255 255 255) 5%, rgb(255 255 255 / 0) 55%), radial-gradient(circle at center, rgb(255 255 255) 5%, rgb(255 255 255 / 0) 55%);
    background-size: 1rem 1rem;
    background-position: 0 0, 0.5rem 0.5rem;
    -webkit-mask-image: linear-gradient(rgb(0 0 0), rgb(0 0 0 / 0.5));
}

.product-details .product-img img {
    display: block;
    margin: 0 auto;
    width: auto;
    height: 40vw;
}
.product-details .card {
    left: 0.7vw;
    width: calc(100% - 1.5vw);
    border-radius: 0.7vmax;
}

.product-details .box {
    flex: 1;
    height: auto;
    margin-bottom: 1vw;
}

.product-details .box .bottle-img {
    position: absolute;
    right: 2.5vw;
    bottom: 1.5vw;
    width: 5.5vw;
}

.product-details .box .container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.product-details .box .star-object-img {
    bottom: -5vw;
    right: -7vw;
    width: 25vw;
    -webkit-animation: animate-star 20s linear infinite;
	animation: animate-star 20s linear infinite;
}

.product-details .buttons-group .button {
    width: calc(100% - 0.5vw);
    padding: 2vw 3vw;
}

.product-details .product-title {
    padding-right: 10vw;
    margin-bottom: 3vw;
}

.product-details .product-title h1 {
    font-size: 8vw;
    line-height: 7vw;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 1.5vw;
}

.product-details .product-title h2 {
    font-size: 2.3vw;
    line-height: 3vw;
    color: #003DA6;
    font-weight: 900;
}

.product-details .product-title h2, .product-details .box p {
    font-family: 'Cera Pro', sans-serif;
}

.product-details .box p {
    font-size: 1.2vw;
    color: #003DA6;
    font-weight: 900;
    text-transform: initial;
    line-height: 1.6vw;
}

.socials {
    display: flex;
    align-items: center;
}

.socials > a {
    display: inline-block;
    background: #008BD2;
    border-radius: 1vmax;
    line-height: 1;
    padding: 1vw;
    box-shadow: 0.5vw 0.5vw 0 #003DA6;
    margin-bottom: 0.5vw;
}

.socials > a:not(:last-child) {
    margin-right: 1.5vw;
}

.socials > a img {
    height: 2vw;
    width: auto;
}

footer {
    position: relative;
    background: #003DA6;
    overflow: hidden;
}

footer .container {
    position: relative;
    z-index: 1;
}

footer .bottles-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3vw;
}

footer .bottles-group img {
    height: 6vw;
    width: auto;
}

footer .logo-gif, footer .everybody-gucguc {
    width: 100%;
    height: auto;
}

footer .logo-gif {
    margin-bottom: 2vw;
}

.consent { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 100vh; }
.consent h2 { color: #fff; font-size: 4vmax; }
.consent p { margin: 3vmax 0 0 0; }

.main-container,
.age-consented .consent { display: none; }
.age-consented .main-container { display: block; }

.extra-small { font-size: 12px !important; color: #999 !important; font-weight: 400 !important; margin-top: 1rem; }

.styleText { width: 100%; max-width: 800px; margin: 0 auto; flex-direction: column; flex-wrap: nowrap; }
.styleText h2 { font: bold 3rem/1 sans-serif; margin: 1.5rem 0 1rem 0; display: block; }
.styleText h3 { font: bold 2rem/1 sans-serif; margin: 1.2rem 0 1rem 0; display: block; }
.styleText p { margin: 1rem 0; display: block; }
.styleText p, .styleText li  { font: 1.2rem/1.4 sans-serif; }
.styleText ul, .styleText ol { padding-left: 35px; }
.styleText .small { font-size: 85%; margin: 0.5rem 0; }
.styleText .light-blue { color: #008bd2; }

@media (min-width: 768px) {
    .justify-content-md-start { justify-content: flex-start; }
    .justify-content-md-center { justify-content: center; }
    .justify-content-md-end { justify-content: flex-end; }
    .justify-content-md-between { justify-content: space-between; }

    .align-items-md-start { align-items: flex-start; }
    .align-items-md-center { align-items: center; }
    .align-items-md-end { align-items: flex-end; }

    .align-self-md-start { align-self: flex-start; }
    .align-self-md-center { align-self: center; }
    .align-self-md-end { align-self: flex-end; }

    .flex-md-column { flex-direction: column; }

    .text-md-start { text-align: left; }
    .text-md-center { text-align: center; }
    .text-md-end { text-align: right; }
}

@media (min-width: 992px) {
    .justify-content-lg-start { justify-content: flex-start; }
    .justify-content-lg-center { justify-content: center; }
    .justify-content-lg-end { justify-content: flex-end; }
    .justify-content-lg-between { justify-content: space-between; }

    .align-items-lg-start { align-items: flex-start; }
    .align-items-lg-center { align-items: center; }
    .align-items-lg-end { align-items: flex-end; }

    .align-self-lg-start { align-self: flex-start; }
    .align-self-lg-center { align-self: center; }
    .align-self-lg-end { align-self: flex-end; }

    .flex-lg-column { flex-direction: column; }

    .text-lg-start { text-align: left; }
    .text-lg-center { text-align: center; }
    .text-lg-end { text-align: right; }

    .mb-md-2 { margin-bottom: 2vw; }
}

@media screen and (max-aspect-ratio: 135/100) and (max-width: 991px) {
    .col-20,
    .col-25,
    .col-33,
    .col-40,
    .col-50,
    .col-60,
    .col-66,
    .col-70,
    .col-80,
    .col-90,
    .col-100 {flex: 0 0 auto; width: 100%; }

    .mb-sm-4 { margin-bottom: 4vw; }

    .box.box-sm .col-40, .box.box-lg .col-40 {flex: 0 0 auto; width: 40%; }
    .box.box-sm .col-50, .box.box-lg .col-50 {flex: 0 0 auto; width: 50%; }
    .box.box-sm .col-60, .box.box-lg .col-60 {flex: 0 0 auto; width: 60%; }
    .products-list .col-25 { flex: 0 0 auto; width: 50%; }
    .product-details .box .col-50 { flex: 0 0 auto; width: 70%; }

    .main-container { padding: 7vw 5vw; }
    .container { padding: 5vw; }
    .row { margin: 0 -1.5vw; }
    .row > * { padding: 0 1.5vw; }

    .order-sm-1 { order: 1; }
    .order-sm-2 { order: 2; }
    .order-sm-3 { order: 3; }

    .nav-toggle { display: inline-block; }
    .mobile-nav-active .nav-toggle { position: fixed; top: 7vw; right: 5vw; z-index: 1000; }
    .mobile-nav-active .nav-toggle span { background: #fff;}
    .mobile-nav-active nav { display: block; position: fixed; left: 0; top: 0; height: 100vh; width: 100%; background: #008BD2; z-index: 100; }
    .mobile-nav-active nav ul { flex-direction: column; justify-content: center;  text-align: center; height: 100%; }
    header { margin-bottom: 4vw; }
    header nav ul li:first-child { margin-right: 0; }
    header nav ul li a { display: block; color: #fff; background: 0; font-size: 8vw; padding: 4vw 0; }
    header .logo { width: 30vw; height: auto; }
    header nav { display: none; }

	.hero .dots-v, .hero .dots-right { display: none; }
	.lips-left, .hero-products .lips-right { display: none; }

	.hero { border-width: 0.8vw; height: 140vw; }
	.hero h1 { top: 32%; }
    .hero.hero-products { height: 40vw; }
    .hero.hero-products h1 { top: 48%; left: 4.1vw; transform: translate(0%, -50%); text-align: left; }
    .hero.hero-products .lips-right { top: 47%; }
	.hero h1 span { font-size: 36vw; }
	.hero h1 span:first-child,
	.hero h1 span:last-child { font-size: 22vw; color: #003DA6; }
    .hero.hero-products h1 span:first-child, .hero.hero-products h1 span:last-child, .hero.hero-products h1 span { font-size: 10vw; }

	.hero .dots img { width: 4.3vw; height: 4.3vw; }
	.hero .dots-h { width: 81.7vw; }
	.hero .dots-left { left: 4.3vw; }
	.hero .dots-top { top: 4.3vw; }
	.hero .dots-bottom { bottom: 4.3vw; }

    .hero.gucguc .dots-h.dots-bottom.dots-left { display: none; }
    .hero.gucguc .dots-v { display: flex; height: 46.7vw;  bottom: 4.3vw; top: auto; }
    .hero.gucguc .dots-left2 { left: 12.5vw; }
    .hero.gucguc .dots-right { right: 4.3vw; }
    .hero.gucguc .dots-right2 { right: 12.5vw; }
    .hero.gucguc .dots-v.dots-left2 :nth-child(-n + 3), .hero.gucguc .dots-v.dots-right2 :nth-child(-n + 3) { display: none; }
    .hero.gucguc .dots-v.dots-left2, .hero.gucguc .dots-v.dots-right2 { height: 21.3vw; }

    .hero.gucguc { height: 85vw; }
    .hero.gucguc .text-center.text-center-desktop { display: none; }
    .hero.gucguc .text-center.text-center-mobile { display: block; }
    .hero.gucguc .everybody-img { width: 73vw; margin-bottom: 5px;}
    .hero.gucguc .gucguc-img { width: 43vw; }

	.lips { width: 66vw; top: 70%; right: 14vw; }

    .animated-text { -webkit-animation: animate-text 130s linear infinite; animation: animate-text 130s linear infinite; }

    section { margin-bottom: 4vw; }

    p, .box-giveaway p, .product-details .box p { font-size: 4vw; }

    .animated-section { padding: 4vw 0; }
    .animated-text { height: 10vw; background-size: cover; }

    .border-blue { border: 1vw solid #003DA6; }
    .border-black { border: 1vw solid #000; }
    .border-red { border: 1vw solid #FF0000; }
    .border-purple { border: 1vw solid #CD62FF; }

    .col-video { margin-bottom: 4vw; }

    .box-game h2 { font-size: 14vw; margin-bottom: 4vw; }

    .video-container { height: 80vw; }

    .button { font-size: 7vw; padding: 3vw 7.5vw; line-height: 6vw; }
    .button:after { bottom: -1.5vw; left: 1.5vw; }
    .button.button-yellow:before { border: 1vw solid #003DA6;}
    .button.button-blue:before { border: 1vw solid #fff;}
    .button.button-white:before { border: 1vw solid #000; }
    .button:hover::before { top: 1.5vw; left: 1.5vw; }
    .button:hover span { transform: translate(1.5vw, 1.5vw); }
    .button, .swiper-products .swiper-controls .button { padding: 3vw 7.5vw; }
    .button.button-custom { padding: 3vw 11vw; }

    .swiper-products .swiper-controls { padding-bottom: 1.5vw; flex-wrap: wrap; margin-top: 7vw;}
    .products-slider-intro { flex-wrap: wrap; margin-bottom: 7vw; }
    .products-slider-intro div, .swiper-products .swiper-controls .d-flex { flex: 0 0 auto; width: 100%; }
    .products-slider-intro h2 { font-size: 11vw; line-height: 10vw; margin-bottom: 3.5vw; }
    .products-slider .drops-object-img { width: 20vw; }
    .products-slider .products-slider-intro .drops-object-img { margin: 0 0 6vw 0; }
    .products-slider .swiper-controls .drops-object-img { margin-top: 6vw; }
    .products-slider-intro p { max-width: 100%; }
    .product-item .product-img img { height: 80vw; }
    .products-list .product-item .product-img img { height: 50vw; }
    .product-item .product-img { padding: 7.5vw 3.5vw; }
    .product-item .product-text { padding: 5vw; }
    .product-item h3 { font-size: 8vw; margin-bottom: 1.5vw; }
    .product-text svg { height: 8vw; }
    .product-text svg text { font-size: 8vw; }
    .products-list .row .col-style:not(:nth-last-of-type(-n+2)) { margin-bottom: 3vw; }
    .product-details .product-img { height: auto; padding: 8vw 4vw; }
    .product-details .product-img img { height: 85vw; }
    .product-details .product-title { margin-bottom: 7vw; padding-right: 17vw; }
    .product-details .product-title h1 { font-size: 17.5vw; line-height: 16vw; margin-bottom: 4vw; }
    .product-details .product-title h2 { font-size: 6vw; line-height: 7vw; }
    .product-details .box p { line-height: 5vw; }
    .product-details .box { margin-bottom: 4vw; }
    .product-details .card { left: 1.5vw; width: calc(100% - 3vw); }
    .product-details .box .bottle-img { right: 3vw; bottom: 5.5vw; width: 14vw; }
    .product-details .box .star-object-img { bottom: -10vw; right: -22vw; width: 60vw; }
    .product-details .buttons-group .button { padding: 4.5vw 7.5vw; }
    .buttons-group > a:not(:last-child) { margin-bottom: 5.5vw; }
    .buttons-group > a:last-child { margin-bottom: 1.5vw; }

    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { height: 10vw;width: 10vw; }

    .boxes .row .col-style:not(:last-child) { margin-bottom: 4vw; }

    .box-sm p, .box-lg p { font-size: 8vw; line-height: 7vw; }
    .box-sm .button { margin: 0 1.5vw 1.5vw 0; }
    .star-object-img { width: 48vw; }
    .box-sm .star-object-img { right: -4.5vw; bottom: -11.5vw; }
    .box-lg .label { font-size: 4vw; padding: 2vw; margin-bottom: 5vw; }
    .box .animated-vertical-object .blue-object-img { width: 16vw; }
    .box .animated-vertical-object .body-object-img { width: 25vw; }
    .box .star-object-img { -webkit-animation: animate-star 20s linear infinite; animation: animate-star 20s linear infinite; }
    .box-lg .star-object-img { left: -10vw; bottom: -20vw; width: 60vw; }
    .box-giveaway h2 { font-size: 17.5vw; text-align: center; margin: 3vw 0 4vw 0; }
    .box-giveaway .drops-object-img { display: block; width: 46vw; margin: 0 auto; }
    .box-giveaway p { color: #fff; margin-bottom: 5vw; }
    .box-giveaway .card .halftone:before, .box-lg .card .halftone:before { -webkit-mask-image: linear-gradient(rgb(0 0 0 / 0.3), rgb(0 0 0 / 1)); }
    .box-sm .gif-img { margin-bottom: 7vw; }

    .styleText h2 { font: bold 2rem/1 sans-serif; }
    .styleText h3 { font: bold 1.5rem/1 sans-serif; }
    .styleText p { word-break: break-word; }
    .styleText p, .styleText li { font: 1rem/1.4 sans-serif; }

    .socials > a { padding: 3vw; box-shadow: 1.5vw 1.5vw 0 #003DA6; margin-bottom: 10.5vw; }
    .socials > a:not(:last-child) { margin-right: 5.5vw; }
    .socials > a img { height: 6vw; }

    .halftone:before { background-image: radial-gradient(circle at center, rgb(255 255 255) 2%, rgb(255 255 255 / 0) 20%), radial-gradient(circle at center, rgb(255 255 255) 2%, rgb(255 255 255 / 0) 20%); }

    .swiper-text .swiper-wrapper { padding-bottom: 9vw; }
    .swiper-text .swiper-pagination .swiper-pagination-bullet { width: 3.5vw; height: 3.5vw; box-shadow: 0.8vw 0.8vw 0 #003DA6; }

    footer .bottles-group img { height: 11vw; }    
    footer .logo-gif { margin-bottom: 3vw; }
}