/*  RESET browser defaults (Eric Meyer Global Reset)*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	box-sizing: border-box;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.clearfloat {
	clear:both;
  	height:0;
  	font-size: 1px;
 	line-height: 0px;
}

.whatsapp{
	position: fixed;
    right: 2vw;
    top: 92%;
	z-index: 9999;
	display:none;
}


/* END RESET browser defaults */

/* FONTS */

@font-face {
  font-family: "argentum-medium";
  src: url("fonts/argentum-sans/ArgentumSans-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "argentum-light";
  src: url("fonts/argentum-sans/ArgentumSans-Light.ttf") format("truetype");
}

@font-face {
  font-family: "argentum-bold";
  src: url("fonts/argentum-sans/ArgentumSans-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "argentum-medium-italic";
  src: url("fonts/argentum-sans/ArgentumSans-MediumItalic.ttf")
    format("truetype");
}

@font-face {
  font-family: "argentum-light-italic";
  src: url("fonts/argentum-sans/ArgentumSans-LightItalic.ttf")
    format("truetype");
}

@font-face {
  font-family: "argentum-regular";
  src: url("fonts/argentum-sans/ArgentumSans-Regular.ttf")
    format("truetype");
}

@font-face {
  font-family: "designer";
  src: url("fonts/designer/DESIGNER.otf")
    format("opentype");
}

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

/* GLOBAL */

.centered {
  text-align: center;
}

.underline {
  text-decoration: underline;
}

a {
  text-decoration: none;
}

.section{
	
}

/* GLOBAL END */

/* CUSTOM STYLE */

body{
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  font-size:12px;
  overflow-x:hidden;
}

html{
	scroll-behavior: smooth;
}

body.menu-open {
    overflow-y: hidden !important;
}

/* HEADER */

#header{
    width: 100%;
	z-index:9999;
	position:fixed;
	background-position: center;
    background-size: cover;
	transition: background-color 1s ease;
	transition: background 1s ease;
	scroll-behavior: smooth;
}

#header .container{
	height:88px;
	
}

#header .container .content{
	display: flex;
    justify-content: space-around;
    align-items: center;
    height: 100%;
	margin: 0px -28%;
}

#header .container .content .logo{
	height:60%;
	cursor:pointer;
}

#header .container .content .logo img{
	height: 100%;
    width: 100%;
}

#header .container .content .burger-menu{
	cursor:pointer;
}

#header .container .content .burger-menu .bar{
	width: 55px;
    height: 7px;
    background-color: black;
    margin: 10px 0;
    transition: 0.4s;
}

#header .container .content .burger-menu.active .bar:nth-child(1) {
    transform: rotate(-45deg) translate(-11px, 9px);
}

#header .container .content .burger-menu.active .bar:nth-child(2) {
    opacity: 0;
}

#header .container .content .burger-menu.active .bar:nth-child(3) {
    transform: rotate(45deg) translate(-14px, -13px);
}

.nav {
    position: fixed;
    left: 0;
    height: calc(100vh - 88px);
    width: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 999; 
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
	transform: translateY(-100vh);
	transition: transform 0.5s ease-in-out;
	scroll-behavior: smooth;
}

.nav.active {
	transform: translateY(88px);
}

.nav .content{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	gap:70px;
	height: 100%;
    width: 100%;
	text-align:center;
}

.nav .content .set1{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.nav .content .set2{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.nav .content .option{
	display: block;
    color: #fff;
    text-decoration: none;
	font-size:26px;
	font-family:argentum-bold;
}

.nav .content .suboption{
	font-size: 20px;
	display: block;
    color: #fff;
    text-decoration: none;
	font-family:argentum-light;
}

.nav .content .option:hover, .nav .content .suboption:hover{
	color:#E8B643;
}

@media (max-width:760px){
	#header .container .content{
	    margin: 0px 0%;
    }
}

@media (max-width:440px){
    #header .container {
        height: 75px;
    }
	
    #header .container .content .logo{
		height:unset;
		width:150px;
	}
	
	.nav {
        height: calc(100vh - 68px);
    }

    .nav.active {
	    transform: translateY(68px);
    }
	
	.nav .content .option {
        font-size: 18px;
    }
}
/* SLIDER */

#items{
	 background:url(../images/slider/background.png);
	background-size:cover;
	background-position:center;
	padding-bottom: 4vw;
    padding-top: 200px;
	
}

#items .container{
	width:100%;
	position:relative;
	height:100%;
	
}

#items .container.swiper {
    width: 100%;

}

#items .container .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

#items .container .swiper-slide .content{
	width:90%;
	display:flex;
	gap:3vw;
	height: 44vw;
}

#items .container .swiper-slide .content .section-text-logo{
	width:25%;
	position:relative;
	display: flex;
    flex-direction: column;
}

#items .container .swiper-slide .content .section-text-logo p{
	color:#916B1C;
	font-family:argentum-regular;
	font-size:2.5vw;
}

#items .container .swiper-slide .content .section-text-logo img{
    width: 22vw;
}

#items .container .swiper-slide .content .section-text-logo a{
	color: white;
    border: 2px solid white;
    padding: 1.6vw;
    border-radius: 60px;
    font-size: 1.5vw;
    position: absolute;
    bottom: 20vw;
	font-family:argentum-regular;
}

#items .container .swiper-slide .content .section-text-logo a:hover{
	background:white;
	color:black;
}
	
#items .container .swiper-slide .content .section-image-tube{
	width:40%;
	position:relative;
}

#items .container .swiper-slide .content .section-image-tube .balls{
	position:absolute;
	top:0;
	
}

#items .container .swiper-slide .content .section-image-tube #tube{
	width: 37vw;
    position: relative;
    left: 1vw;
	top:7vw;
	z-index:10
}

@keyframes moveDiagonal1 {
  0%, 100% {
    transform: translateX(0,0)
  }
  50% {
    transform: translate(20px, -20px);	
  }
}

@keyframes moveDiagonal2 {
  0%, 100% {
    transform: translateX(0,0)
  }
  50% {
    transform: translate(20px, 20px);	
  }
}

@keyframes moveDiagonal3 {
  0%, 100% {
    transform: translateX(0,0)
  }
  50% {
    transform: translate(20px, 2px);	
  }
}

@keyframes moveDiagonal4 {
  0%, 100% {
    transform: translateX(0,0)
  }
  50% {
    transform: translate(20px, 20px);	
  }
}

@keyframes moveDiagonal5 {
  0%, 100% {
    transform: translateX(0,0)
  }
  50% {
    transform: translate(6px, -20px);	
  }
}

@keyframes moveDiagonal6{
  0%, 100% {
    transform: translateX(0,0)
  }
  50% {
    transform: translate(20px, 0px);	
  }
}

@keyframes moveDiagonal7 {
  0%, 100% {
    transform: translateX(0,0)
  }
  50% {
    transform: translate(4px, 20px);	
  }
}

@keyframes moveDiagonal8 {
  0%, 100% {
    transform: translateX(0,0)
  }
  50% {
    transform: translate(20px, 20px);	
  }
}


#items .container .swiper-slide .content .section-image-tube #ball1{
	left: 2vw;
    top: 26vw;
    width: 10vw;
    height: 10vw;
	animation: moveDiagonal1 3s infinite;
	z-index:11;
}

#items .container .swiper-slide .content .section-image-tube #ball2{
	left: 3vw;
    top: 17vw;
    width: 7vw;
    height: 7vw;
	animation: moveDiagonal2 4s infinite;
	animation-delay: 0.15s;
	z-index:11;
}

#items .container .swiper-slide .content .section-image-tube #ball3{
	left: 5vw;
    top: 7vw;
    width: 6vw;
    height: 6vw;
	animation: moveDiagonal3 2s infinite;
	animation-delay: 0.3s;
	z-index:9;
}

#items .container .swiper-slide .content .section-image-tube #ball4{
	left: 12vw;
    top: 0vw;
    width: 7vw;
    height: 7vw;
	animation: moveDiagonal4 5s infinite;
	animation-delay: 0.45s;
	z-index:9;
}

#items .container .swiper-slide .content .section-image-tube #ball5{
	left: 25vw;
    top: 4vw;
    width: 5vw;
    height: 5vw;
	animation: moveDiagonal5 2.8s infinite;
	animation-delay: 0.6s;
	z-index:11;
}

#items .container .swiper-slide .content .section-image-tube #ball6{
	left: 30vw;
    top: 11vw;
    width: 6vw;
    height: 6vw;
	animation: moveDiagonal6 3.4s infinite;
	animation-delay: 0.75s;
	z-index:11;
}

#items .container .swiper-slide .content .section-image-tube #ball7{
	left: 30vw;
    top: 19vw;
    width: 7vw;
    height: 7vw;
	animation: moveDiagonal7 2.6s infinite;
	animation-delay: 0.9s;
	z-index:11;
}

#items .container .swiper-slide .content .section-image-tube #ball8{
	left:23vw;
	top:26vw;
	width:13vw;
	height:13vw;
	animation: moveDiagonal8 4s infinite;
	animation-delay: 1.05s;
	z-index:11;
}

#items .container .swiper-slide .content .section-info-stats{
	width: 25%;
    position: relative;
    color: white;
    display: flex;
    flex-direction: column;
    left: 3vw;
    font-size: 0.9vw;
	gap:2vw;
}

#items .container .swiper-slide .content .section-info-stats .aprove{
	
}

#items .container .swiper-slide .content .section-info-stats .aprove img{
	
}

#items .container .swiper-slide .content .section-info-stats .uses{
	display: flex;
    flex-direction: column;
	gap:0.4vw;
}

#items .container .swiper-slide .content .section-info-stats .uses #max-circles{
	width:9vw;
}

#items .container .swiper-slide .content .section-info-stats .uses #topmid-circles{
	width:6vw;
}

#items .container .swiper-slide .content .section-info-stats .uses #lowermid-circles{
	width:3vw;
}

#items .container .swiper-slide .content .section-info-stats .uses #min-circles{
	width:1.5vw;
}

#items .container .swiper-slide .content .section-info-stats .uses p{
}

#items .container .swiper-slide .content .section-info-stats .stats-tablet{
	display: flex;
    flex-direction: column;
    gap: 4vw;
}

#items .container .swiper-slide .content .section-info-stats .text{
	font-family:argentum-regular;
}

#items .container .swiper-slide .content .section-info-stats .stats{
	font-family:argentum-regular;
	display: flex;
    flex-direction: column;
    gap: 1vw;
}

#items .container .swiper-slide .content .section-info-stats .stats p{
	
}

#aproved-tablet{
	display:none;
}

#items .container .swiper-slide .content .button{
    display: none;
}

#golden-circle {
	display:none;
}

#bottle{
	position: relative;
    left: 9vw;
    width: 21vw;
    top: 0vw;
}

#towel{
        width: 38vw;
    position: relative;
    left: 2vw;
    top: 3vw;
}

.nav-container{
	width: 15vw;
    height: 2vw;
    position: absolute;
    left: 6vw;
    bottom: 12vw;
}

.swiper-button-next::after {
    background-image: url('../images/slider/right-arrow.svg'); 
    background-size: contain;
    background-repeat: no-repeat;
    width: 1vw; 
    height: 1vw; 
    content: "";
    display: block;
}

.swiper-button-prev::after {
  background-image: url('../images/slider/left-arrow.svg'); 
    background-size: contain;
  background-repeat: no-repeat;
  width: 1vw; 
  height: 1vw; 
  content: "";
  display: block;
}

@media(max-width:800px){
	#items {
        background: black;
    }
	
	#golden-circle {
		display:unset;
		position: absolute;
        width: 100vw;
        top: -7.9vw;
	}
	
	#bottle{
	position: relative;
    left: 0vw;
    width: 47vw;
    top: 0vw;
    }
	
	#tablet-bottle{
		position:relative;
		top:-17vw;
	}
	
	#bottle-button{
		position:relative;
		top:-18vw;
	}
	
	.swiper-button-next::after {
        width: 3vw;
        height: 3vw; 
    }

    .swiper-button-prev::after {
        width: 3vw; 
        height: 3vw; 
    }

    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom, 8px);
        top: 0.9vw;
        left: 0vw;
        width: 100%;
    }
	
	#items .container .swiper-slide .content{
		flex-direction:column;
		height:unset;
	}
	
	#items .container .swiper-slide .content .section-image-tube {
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
		margin-bottom: 12vw;
    } 
	
	#items .container .swiper-slide .content .section-image-tube #tube{
	    width: 65vw;
        position: relative;
        left: 1vw;
	    top:14vw;
    }

    #items .container .swiper-slide .content .section-image-tube #ball1{
	    left: 11vw;
        top: 41vw;
        width: 22vw;
        height: 22vw;
    }

    #items .container .swiper-slide .content .section-image-tube #ball2{
	    left: 13vw;
        top: 24vw;
        width: 15vw;
        height: 15vw;
    }

    #items .container .swiper-slide .content .section-image-tube #ball3{
	    left: 19vw;
        top: 10vw;
        width: 12vw;
        height: 12vw;
    }

    #items .container .swiper-slide .content .section-image-tube #ball4{
	    left: 33vw;
        top: 3vw;
        width: 11vw;
        height: 11vw;
    }

    #items .container .swiper-slide .content .section-image-tube #ball5{
	    left: 56vw;
        top: 8vw;
        width: 9vw;
        height: 9vw;
    }

    #items .container .swiper-slide .content .section-image-tube #ball6{
	    left: 65vw;
        top: 18vw;
        width: 11vw;
        height: 11vw;
    }

    #items .container .swiper-slide .content .section-image-tube #ball7{
	    left: 64vw;
        top: 36vw;
        width: 13vw;
        height: 13vw;
    }

    #items .container .swiper-slide .content .section-image-tube #ball8{
	    left: 55vw;
        top: 51vw;
        width: 20vw;
        height: 20vw;
    }
	
	#items .container .swiper-slide .content .section-text-logo img {
        width: 43vw;
    }
	
	#items .container .swiper-slide .content .section-text-logo {
        width: 85%;
        position: relative;
        display: flex;
        flex-direction: column;
        margin-left: 7.5%;
    }
	
	#items .container .swiper-slide .content .section-text-logo p {
        font-size: 4.5vw;
    }
	
	#aproved-tablet{
	    display: block;
        width: 18vw !important;
        position: absolute;
        right: 0;
	}
	
	#items .container .swiper-slide .content .section-info-stats .aprove {
        display:none;
	}
	
	#items .container .swiper-slide .content .button{
		display: flex;
        justify-content: center;
        align-items: center;
	}
	
	#items .container .swiper-slide .content .button a{
		color: white;
        border: 2px solid white;
        padding: 3vw;
        border-radius: 40px;
        font-size: 2.5vw;
		font-family:argentum-bold;
	}
	
	.nav-container{
	    width: 26vw;
        height: 4vw;
        position: absolute;
        left: 37vw;
        bottom: 5vw;
    }
	
	#items .container .swiper-slide .content .section-info-stats {
        width: 100%;
        position: relative;
        color: white;
        display: flex;
        flex-direction: row;
        left: 3vw;
        font-size: 2vw;
        justify-content: space-around;
    }
	
	#items .container .swiper-slide .content .section-text-logo a{
		display:none;
	}
	
	#items .container .swiper-slide .content .section-info-stats .uses {
        display: flex;
        flex-direction: column;
        gap: 1.5vw;
    }
	
	#items .container .swiper-slide .content .section-info-stats .uses #max-circles{
	    width:15vw; 
    }

    #items .container .swiper-slide .content .section-info-stats .uses #topmid-circles{
	    width:11vw;
    }

    #items .container .swiper-slide .content .section-info-stats .uses #lowermid-circles{
	    width:8vw;
    }

    #items .container .swiper-slide .content .section-info-stats .uses #min-circles{
	    width:4.5vw;
    }
}

@media(max-width:670px){
	#items {
        padding-top: 125px;
    }
}

@media (max-width:440px){
	#items {
        background: black;
    }
	
	#golden-circle {
		display:unset;
		position: absolute;
        width: 100vw;
        top: -7.9vw;
	}
	
	#bottle {
        position: relative;
        left: 0vw;
        width: 55vw;
        top: 2vw;
    }
	
	.swiper-button-next::after {
        width: 4vw;
        height: 4vw; 
    } 

    .swiper-button-prev::after {
        width: 4vw; 
        height: 4vw; 
    }

    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom, 8px);
        top: 0.9vw;
        left: 0vw;
        width: 100%;
    }
	
	#items .container .swiper-slide .content .section-info-stats {
        width: 60%;
        flex-direction: column;
        left: 0;
        font-size: 3.5vw;
        justify-content: center;
        margin-left: 20%;
		gap:6vw;
    }
	
	#items .container .swiper-slide .content .button {
        margin-top: 5vw;
        margin-bottom: 12vw;
    }
	
	.nav-container {
        width: 37vw;
        height: 4vw;
        position: relative;
        left: 31.5vw;
        bottom: 4vw;
    }
	
	#items .container .swiper-slide .content .section-info-stats .stats-tablet {
        gap: 6vw;
    }
	
	#items .container .swiper-slide .content .section-info-stats .uses #max-circles{
	    width:23vw;
    }

    #items .container .swiper-slide .content .section-info-stats .uses #topmid-circles{
	    width:17vw;
    }

    #items .container .swiper-slide .content .section-info-stats .uses #lowermid-circles{
	    width:12vw;
    }

    #items .container .swiper-slide .content .section-info-stats .uses #min-circles{
	    width:8vw;
    }
	
	#items .container .swiper-slide .content .button a {
        padding: 4vw;
        border-radius: 40px;
        font-size: 3.5vw;
    }
}

/* SLIDE 2 */

#items .container .swiper-slide .content .section-image-tube #feedbox{
	width: 28vw;
    position: relative;
    left: 7vw;
    top: 8vw;
}

#items .container .swiper-slide .content .section-image-tube #sl2-ball1{
	left: 1vw;
    top: 20vw;
    width: 10vw;
    height: 10vw;
	animation: moveDiagonal1 3s infinite;
}

#items .container .swiper-slide .content .section-image-tube #sl2-ball2{
	left: 1.5vw;
    top: 12vw;
    width: 6vw;
    height: 6vw;
	animation: moveDiagonal2 4s infinite;
	animation-delay: 0.15s;
}

#items .container .swiper-slide .content .section-image-tube #sl2-ball3{
	left: 5vw;
    top: 2vw;
    width: 6vw;
    height: 6vw;
	animation: moveDiagonal3 2.6s infinite;
	animation-delay: 0.3s;
}

#items .container .swiper-slide .content .section-image-tube #sl2-ball4{
	left: 12vw;
    top: 0vw;
    width: 6vw;
    height: 6vw;
	animation: moveDiagonal4 2s infinite;
	animation-delay: 0.45s;
}

#items .container .swiper-slide .content .section-image-tube #sl2-ball5{
	left: 19vw;
    top: 2.5vw;
    width: 5vw;
    height: 5vw;
	animation: moveDiagonal5 2.8s infinite;
	animation-delay: 0.60s;
}

#items .container .swiper-slide .content .section-image-tube #sl2-ball6{
	left: 30vw;
    top: 2vw;
    width: 6vw;
    height: 6vw;
	animation: moveDiagonal6 3.6s infinite;
	animation-delay: 0.75s;
}

#items .container .swiper-slide .content .section-image-tube #sl2-ball7{
	left: 34vw;
    top: 12vw;
    width: 6vw;
    height: 6vw;
	animation: moveDiagonal7 3s infinite;
	animation-delay: 0.90s;
}

#items .container .swiper-slide .content .section-image-tube #sl2-ball8{
	left:27vw;
	top:19vw;
	width:12vw;
	height:12vw;
	animation: moveDiagonal8 4s infinite;
	animation-delay: 1.05s;
}

@media(max-width:800px){
	#items .container .swiper-slide .content .section-image-tube #feedbox {
        width: 56vw;
        position: relative;
        left: 0vw;
        top: 7vw;
    }
	
	#towel{
		width: 80vw;
        position: relative;
        left: 0vw;
        top: 7vw;
	}
	
	#items .container .swiper-slide .content .section-image-tube #sl2-ball1{
	    left: 5vw;
        top: 29vw;
        width: 17vw;
        height: 17vw;
    }

    #items .container .swiper-slide .content .section-image-tube #sl2-ball2{
	    left: 6.5vw;
        top: 15vw;
        width: 11vw;
        height: 11vw;
    }

    #items .container .swiper-slide .content .section-image-tube #sl2-ball3{
	    left: 15vw;
        top: -3vw;
        width: 10vw;
        height: 10vw;
    }

    #items .container .swiper-slide .content .section-image-tube #sl2-ball4{
	    left: 29vw;
        top: -8vw;
        width: 11vw;
        height: 11vw; 
    }

    #items .container .swiper-slide .content .section-image-tube #sl2-ball5{
	    left: 44vw;
        top: -3.5vw;
        width: 10vw;
        height: 10vw;
    }

    #items .container .swiper-slide .content .section-image-tube #sl2-ball6{
	    left: 66vw;
        top: -4vw;
        width: 10vw;
        height: 10vw;
    }

    #items .container .swiper-slide .content .section-image-tube #sl2-ball7{
	    left: 71vw;
        top: 13vw;
        width: 11vw;
        height: 11vw;
    }

    #items .container .swiper-slide .content .section-image-tube #sl2-ball8{
	    left: 57vw;
        top: 30vw;
        width: 21vw;
        height: 21vw;
    }
	
	#feedbox-section{
		margin-bottom:21vw !important;
		margin-top:13vw;
	}
	
	.feedbox-circle{
		top:-26vw !important; 
	}
}

/* ABOUT US */

#aboutus{
    background: linear-gradient(108deg, #432D11, #684A18, #9A7023, #D6A53B, #E8B643, #AE812A, #7C5A1B, #684918, #432D11);
}

#aboutus .passion{
	width:100%;
	position:relative;
	z-index:3;
}

#aboutus .passion .content{
	width:87vw;
	display:flex;
	gap:1vw;
}

#aboutus .passion .content .image{
	display: flex;
    width: 100vw;
    position: relative;
    top: -8vw;
}

#aboutus .passion .content .image img{
	width: 54vw;
    position:absolute;
    top:5vw;
	right:-6vw;
}

#aboutus .passion .content .text{
	display: flex;
    flex-direction: column;
    text-align: left;
    width: 80%;
	justify-content:center;
	align-items: baseline;
	padding-top:7.5vw;
	margin-left:9%;
	gap:0.5vw;
}

#aboutus .passion .content .text img{
	width:23vw;
}

#aboutus .passion .content .text .title1{
	font-family:argentum-bold;
	font-size:2vw;
	
}

#aboutus .passion .content .text .description{
	font-family:argentum-medium;
	width:85%;
	font-size:1vw;
	padding-top:5vw;
	line-height:2vw;
}

#aboutus .passion .content .text a{
	display: flex;
    align-items: center;
	width: 100%;
    justify-content: flex-end;
}

#aboutus .passion .content .text a .button{
	font-family:argentum-bold;
	color:black;
	border:2px solid black;
	border-radius:40px;
	display: flex;
    align-items: center;
    justify-content: center;
	margin-top:3vw;
	padding: 1vw 2vw 1vw 2vw;
    font-size: 1.2vw;
}

#aboutus .passion .content .text .button:hover{
	background:black;
	color:white;
}

#aboutus .passion .content .image #racket-ipad{
		display:none;
}

#aboutus .unique{
	width:100%;
	background-image:url(../images/aboutus/unique.png);
	background-size:cover;
	position:relative;
	z-index:2;
}

#aboutus .unique .afiliates-bg{
	
}

#aboutus .unique .content{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	gap:7vw;
	padding-top: 13vw;
    padding-bottom: 7.6vw;
}

#aboutus .unique .content .title{
    font-size:3.2vw;
	color:white;
	font-family:argentum-regular;
	text-align:left;
	width:85%;
}

#aboutus .unique .content .tables{
    display: flex;
    justify-content: center;
    width: 90vw;
    align-items: center;
	gap:60px;
}

#aboutus .unique .content .tables .item{
    background: #363636;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
	padding: 3vw;
    width: 26vw;
    height: 26vw;
	gap:2vw;
	color:white;
}

#aboutus .unique .content .tables .item img{
	height:20%;
}

#aboutus .unique .content .tables .item .title{
    font-family:argentum-regular;
	font-size:1.5vw;
	width:unset;
	text-align:center;
}

#aboutus .unique .content .tables .item .description{
    font-family:argentum-light;
	font-size:1vw;
	line-height:1.4vw;
}

@media (max-width:1000px){
	#aboutus .unique {
        background-image:url(../images/afiliates/ipad-benefits.png);
		background-size:cover;
		z-index:unset;
    }
	
	#aboutus .unique .content{
		z-index: 4;
        position: relative;
		padding-bottom: 14.6vw;
		padding-top:28vw;
	}
	
	#aboutus .unique .content .tables {
        flex-direction:column; 
    }
	
	#aboutus .unique .content .tables .item{
        width: 52vw;
        height: 52vw;
	    gap:4vw;
    }
	
	#aboutus .unique .content .title{
        font-size:4.4vw;
		text-align:center;
		width:70%;
    }
	
	#aboutus .unique .content .tables .item .title{
	    font-size:3vw;
		width: 100%;
    }

    #aboutus .unique .content .tables .item .description{
	    font-size:2vw;
		line-height: 3vw;
    }
	
	#aboutus .passion{
		z-index:unset;
	}
	
	#aboutus .passion .content {
        flex-direction: column;
		width:100%;
    }
	
	#aboutus .passion .content .text {
        text-align: left;
        width: 75%;
        align-items: flex-start;
        margin-left: 12.5%;
		padding-bottom:50vw;
    }
	
	#aboutus .passion .content .text .title1 {
        font-size: 4vw;
    }
	
	#aboutus .passion .content .text .title2 {
        font-size: 13vw;
    }
	
	#aboutus .passion .content .text .description {
        width: 100%;
        font-size: 2vw;
		line-height:3vw;
    }
	
	#aboutus .passion .content .image img{
        position:relative;
        top:unset;
		right:unset;
		left:15vw;
		width: 70vw;
    }
	
	#aboutus .passion .content .image{
		display:flex;
		position:absolute;
		top:43vw;
		width:92vw;
		z-index: 1;
	}
	
	#aboutus .passion .content .image #racket-ipad{
		display:flex;
		position:absolute;
		z-index: 3;
	}
	
	#aboutus .passion .content .image #racket-desktop{
		display:none;
	}
	
	#aboutus .passion .content .text a .button{
		padding: 2vw 4vw 2vw 4vw;
        font-size: 2.2vw;
	}
	
	#aboutus .passion .content .text a {
        margin-top: 4vw;
        margin-bottom: 6vw;
		justify-content:center;
    }
}

@media (max-width:500px){
	#aboutus .passion .content .text {
		padding-top: 13.5vw;
		padding-bottom: 57vw;
	}
	
	#aboutus .passion .content .text .title1 {
        font-size: 6vw;
    }
	
	#aboutus .passion .content .text .title2 {
        font-size: 18vw;
    }
	
	#aboutus .passion .content .text .description {
        font-size: 3.4vw;
		line-height:5vw;
    }
	
	#aboutus .passion .content .text a .button {
        padding: 3vw 5vw 3vw 5vw;
        font-size: 3.2vw;
    }
	
	#aboutus .passion .content .image {
        display: flex;
        position: absolute;
        top: 73vw;
        width: 92vw;
        z-index: 1;
    }
	
	#aboutus .passion .content .image img {
        position: relative;
        top: unset;
        right: unset;
        left: 10vw;
        width: 80vw;
    }
	
	#aboutus .unique {
        background-image:url(../images/afiliates/phone-benefits.png);
    }
	
	#aboutus .unique .content {
        padding-top: 32vw;
    }
	
	#aboutus .unique .content .tables .item {
        width: 75vw;
        height: 75vw;
		padding: 20px;
   }
   
   #aboutus .unique .content .tables .item .description {
        font-size: 3vw;
		line-height: 5vw;
   }
   
   #aboutus .unique .content .tables .item .title {
        font-size: 4vw;
   }
}

/* AFILIATES */

#afiliates{
    background: linear-gradient(108deg, #432D11, #684A18, #9A7023, #D6A53B, #E8B643, #AE812A, #7C5A1B, #684918, #432D11);
}

#afiliates .register{
	width:100%;
	position:relative;
	z-index:2;
}

#afiliates .register .content{
	width:92vw;
	display:flex;
	gap:2vw;
}

#afiliates .register .content .image{
	display: flex;
    width: 100vw;
    position: relative;
    top: -8vw;
}

#afiliates .register .content .image img{
	width: 100%;
    position:absolute;
    top:5vw
}

#afiliates .register .content .text{
	display: flex;
    flex-direction: column;
    text-align: right;
    width: 78%;
	justify-content:center;
	align-items: flex-end;
	padding-top:4.5vw
}

#afiliates .register .content .text .title1{
	font-family:argentum-medium;
	font-size:3vw;
}

#afiliates .register .content .text .title2{
	font-family:designer;
	font-size:11vw;
	margin-bottom:4vw;
}

#afiliates .register .content .text .description{
	font-family:argentum-medium;
	width:75%;
	font-size:1vw;
}

#afiliates .register .content .text a{
	display: flex;
    align-items: center;
	width: 100%;
    justify-content: flex-end;
}

#afiliates .register .content .text a .button{
	font-family:argentum-bold;
	color:black;
	border:2px solid black;
	border-radius:40px;
	display: flex;
    align-items: center;
    justify-content: center;
	margin-top:3vw;
	padding: 1vw 2vw 1vw 2vw;
    font-size: 1.2vw;
}

#afiliates .register .content .text .button:hover{
	background:black;
	color:white;
}

#afiliates .register .content .image #racket-ipad{
		display:none;
	}

#afiliates .benefits{
	width:100%;
	background-image:url(../images/afiliates/benefits.png);
	background-size:cover;
	position:relative;
	z-index:2;
}

#afiliates .benefits .afiliates-bg{
	
}

#afiliates .benefits .content{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	gap:7vw;
	padding-top: 13vw;
    padding-bottom: 7.6vw;
}

#afiliates .benefits .content .title{
    font-size:3.2vw;
	color:white;
	font-family:argentum-regular;
	text-align:center;
}

#afiliates .benefits .content .tables{
    display: flex;
    justify-content: center;
    width: 90vw;
    align-items: center;
	gap:60px;
}

#afiliates .benefits .content .tables .item{
    background: #363636;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
	padding: 3vw;
    width: 26vw;
    height: 26vw;
	gap:2vw;
	color:white;
}

#afiliates .benefits .content .tables .item img{
	height:20%;
}

#afiliates .benefits .content .tables .item .title{
    font-family:argentum-regular;
	font-size:1.5vw;
}

#afiliates .benefits .content .tables .item .description{
    font-family:argentum-light;
	font-size:1vw;
	line-height: 1.4vw;
}

@media (max-width:1000px){
	#afiliates .benefits {
        background-image:url(../images/afiliates/ipad-benefits.png);
		background-size:cover;
		z-index:unset;
    }
	
	#afiliates .benefits .content{
		z-index: 4;
        position: relative;
		padding-bottom: 14.6vw;
		padding-top:28vw;
	}
	
	#afiliates .benefits .content .tables {
        flex-direction:column; 
    }
	
	#afiliates .benefits .content .tables .item{
        width: 52vw;
        height: 52vw;
	    gap:4vw;
    }
	
	#afiliates .benefits .content .title{
        font-size:4.4vw;
		text-align:center;
		width:70%;
    }
	
	#afiliates .benefits .content .tables .item .title{
	    font-size:3vw;
		width: 100%;
    }

    #afiliates .benefits .content .tables .item .description{
	    font-size:2vw;
		line-height: 3vw;
    }
	
	/* REGISTER */
	
	#afiliates .register{
		z-index:unset;
	}
	
	#afiliates .register .content {
        flex-direction: column-reverse;
		width:100%;
    }
	
	#afiliates .register .content .text {
        text-align: left;
        width: 75%;
        align-items: flex-start;
        margin-left: 12.5%;
    }
	
	#afiliates .register .content .text .title1 {
        font-size: 4vw;
    }
	
	#afiliates .register .content .text .title2 {
        font-size: 13vw;
    }
	
	#afiliates .register .content .text .description {
        width: 100%;
        font-size: 2vw;
    }
	
	#afiliates .register .content .image img{
	    width: 90%;
        position:relative;
        top:unset;
    }
	
	#afiliates .register .content .image{
		display:flex;
		height:50vw;
		position:relative;
		top:unset;
	}
	
	#afiliates .register .content .image #racket-ipad{
		display:flex;
		position:absolute;
		z-index: 3;
	}
	
	#afiliates .register .content .image #racket-desktop{
		display:none;
	}
	
	#afiliates .register .content .text a .button{
		padding: 2vw 4vw 2vw 4vw;
        font-size: 2.2vw;
	}
	
	#afiliates .register .content .text a {
        margin-top: 4vw;
        margin-bottom: 6vw;
		justify-content:center;
    }
}

@media (max-width:500px){
	#afiliates .register .content .text {
		padding-top: 13.5vw;
	}
	
	#afiliates .register .content .text .title1 {
        font-size: 6vw;
    }
	
	#afiliates .register .content .text .title2 {
        font-size: 18vw;
    }
	
	#afiliates .register .content .text .description {
        font-size: 3.4vw;
    }
	
	#afiliates .register .content .text a .button {
        padding: 3vw 5vw 3vw 5vw;
        font-size: 3.2vw;
    }
	
	#afiliates .benefits {
        background-image:url(../images/afiliates/phone-benefits.png);
    }
	
	#afiliates .benefits .content {
        padding-top: 32vw;
    }
	
	#afiliates .benefits .content .tables .item {
        width: 75vw;
        height: 75vw;
		    padding: 20px;
   }
   
   #afiliates .benefits .content .tables .item .description {
        font-size: 3vw;
		line-height:5vw;
   }
   
   #afiliates .benefits .content .tables .item .title {
        font-size: 4vw;
   }
}

/* SLIDER */

.bold{
	font-family:argentum-bold;
	display:flex;
	gap:10px;
	align-items:center;
}

.bold1{
	font-family:argentum-bold;

}

.middle{
    display:unset;
}

.info-container{
	position:relative;
	left:200px;
	font-size:15px;
	display:flex;
	flex-direction:column;
	gap:20px;
	margin-right:20px;
	font-family:argentum-regular;
}

.info-container .aprove{

}

.info-container .uses{

}

.info-container .content{

}

.info-container .stats{

}

@media(max-width:1500px){
	.info-container{
		scale:0.8;
		left:150px;
	}
}

@media(max-width:1240px){
    .info-container .aprove img {
        position:absolute;
		top:0;
    }
}

@media(max-width:777px){
	.info-container{
		left:unset;
	}
}


/* FOOTER */

#footer{
	background-color: #363636;
    color: white;
}

#footer .content{
	display: flex;
    justify-content: center;
    align-items: center;
	flex-direction:column;
	gap:20px;
	width:100%;
	padding-top: 30px;
    padding-bottom: 30px
}

#footer .content .contacts{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:30px;
	font-family:argentum-medium;
}

#footer .content .contacts .divider{
	height:40px;
	width:2px;
	background-color:white;
}

#footer .content .item{
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
	font-size:15px;
}

#footer .content .copyright{
	display:flex;
	gap:50px;
}

#footer .content .copyright .footer-divider{
	
}  

@media (max-width:760px){
	#footer .content .contacts {
        flex-direction:column;
    }
	
	#footer .content .contacts .divider{
	     display:none;		
    }
	
	#footer .content .item {
        flex-direction:column;
    }
	
	#footer .content .copyright {
        flex-direction:column;
		gap:20px;
		align-items: center;
    }
	
	#footer .content .copyright .footer-divider{
		display:none;
	}
	
	#bottom-item{
		padding-bottom: 25px;
        border-bottom: 2px solid white;
        width: 60%;
	}
}