@import 'fonts.css';


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
    border: 1px ;
}

:root {
    --avenir: 'avenirlt_roman';
    --druk: 'DrukCyr-Heavy';
    --monts-exbditlc: 'Montserrat-ExtraBoldItalic';
    --monts-light: 'Montserrat-Light';
    --monts-semibd: 'Montserrat-SemiBold'
}


body {
    background: #1E1E1E;
}

.container {
    max-width: 1110px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

/* NAVBAR START */

.navbar {
    position: fixed;
    background: rgb(16 56 55);
    backdrop-filter: blur(2px);
    width: 100%;
    padding: 0px 190px;
}

.nav-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
}

.nav-left{
    display: flex;
    align-items: center;
}

.nav-right {
    align-items: center;
}

.nav-logo {   
    margin-bottom: -40px;
}

.nav-list {
    display: flex;
}

.nav-link {
    color: white;
    font-family: var(--avenir);
    font-size: 20px;
    line-height: 34px;
    cursor: pointer;
    margin-right: 25px;
    transition: 0.5s;
}

.nav-link:hover{
    color: #FF0101;
}

/* HEADER START */

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

.header__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: -41px;
}

.header__content-img {
    display: flex;
    margin-top: 120px;
    margin-left: -21px;
}

.header__content-items {
    display: flex;
    margin-top: -80px;
}

.header__content-title {
    display: flex;
    width: 432px;
    height: 133px;
}

.header__content-sign {
    width: 95px;
    height: 46px;
    margin-top:  45px;
    margin-left: -33px;
}

.header__content-light {
    position: absolute;
    width: 1677.22px;
    height: 1128.41px;
    transform: rotate(-0.29deg);
    z-index: -1;
    margin-left: -350px;;
}

.bottle-1 {
    position: absolute;
    width: 444px;
    height: 382px;
    background: url('../images/bottle-1.png');
    margin-top: -355px;
    margin-left: 180px;
}

.bottle-2 {
    position: absolute;
    width: 444px;
    height: 382px;
    background: url('../images/bottle-1.png');
    transform: rotate(180.26deg);
    margin-bottom: -565px;
    margin-left: 55px;
    z-index: -1;
}

/* MAIN START */

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

.main__content {
    display: flex;
    margin-top: 65px;
}

.main__content-light {
    position: absolute;
    width: 1677.22px;
    height: 1128.41px;
    z-index: -1;
    margin-left: -350px;
    margin-top: 101px;
    transform: rotate(-0.29deg);
}

.main-car2 {
    display: none;
}

.main-left {
    margin-right: 400px;
    margin-left: -253px;
}

.main-right {
    margin-bottom: 64px;
    margin-left: -120px;
    margin-top: 6px;
    z-index: -1;
}

.main__content-text {
    margin-right: 217px;
    margin-top: -123px;
    font-family: var(--monts-light);
    font-size: 27px;
    line-height: 60px;
    text-align: center;
    color: #FFFFFF;
}

.main__content-uplines {
    margin-top: 93px;
}

.main__content-downlines {
    margin-top: 65px;
}

.main-line {
    display: flex;
    width: 340px;
    height: 0px;
    margin-left: 300px;
    border: 1px solid #1BBAB2;
}

.main-line2 {
    display: flex;
    width: 340px;
    height: 0px;
    margin-left: 471px;
    margin-top: 167px;
    border: 1px solid #1BBAB2;
    transform: rotate(89.83deg);
}

.main-line3 {
    display: flex;
    width: 340px;
    height: 0px;
    margin-left: -46px;
    margin-top: 43px;
    border: 1px solid #1BBAB2;
    
}

.main-line4 {
    display: flex;
    width: 340px;
    height: 0px;
    margin-left: -215px;
    margin-top: -172px;
    border: 1px solid #1BBAB2;
    transform: rotate(89.83deg);
}

.card {
    max-width: 300px;
    width: 100%;
    padding: 15px 5px;
    margin-bottom: 20px;
}

.main__product-catalog {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.main__product-info {
    font-family: var(--monts-light);
    font-size: 21px;
    line-height: 34px;
    color: #FFFFFF;
    width: 350px;
    height: 87px;
    text-align: center;
    margin-left: 90px;
    margin-top: -76px;
}

.main__product-info2 {
    font-family: var(--monts-light);
    font-size: 22px;
    line-height: 34px;
    color: #FFFFFF;
    width: 350px;
    height: 87px;
    text-align: center;
    margin-left: 108px;
    margin-top: -100px;
}

.main__product-info3 {
    font-family: var(--monts-light);
    font-size: 21px;
    line-height: 34px;
    color: #FFFFFF;
    width: 350px;
    height: 87px;
    text-align: center;
    margin-left: 90px;
    margin-top: -76px;
}

.main__product-info4 {
    font-family: var(--monts-light);
    font-size: 21px;
    line-height: 34px;
    color: #FFFFFF;
    width: 350px;
    height: 87px;
    text-align: center;
    margin-left: 108px;
    margin-top: -82px;
}

.main__product-info5 {
    font-family: var(--monts-light);
    font-size: 21px;
    line-height: 34px;
    color: #FFFFFF;
    width: 350px;
    height: 87px;
    text-align: center;
    margin-left: 98px;
    margin-top: -76px;
}

.main__product-info6 {
    font-family: var(--monts-light);
    font-size: 21px;
    line-height: 34px;
    color: #FFFFFF;
    width: 350px;
    height: 87px;
    text-align: center;
    margin-left: 53px;
    margin-top: -35px;
}

.main__product-info7 {
    font-family: var(--monts-light);
    font-size: 21px;
    line-height: 34px;
    color: #FFFFFF;
    width: 350px;
    height: 87px;
    text-align: center;
    margin-left: 93px;
    margin-top: -45px;
}

.card-img, .card-img3, .card-img5 {
    height: 527px;
}

.card-img2 {
    height: 553px;
}

.card-img4 {
    height: 533px;
}

.card-img6 {
    margin-top: 51px;
    height: 435px;
}

.card-img7 {
    margin-left: 60px;
    height: 435px;
}

.main__product-title {
    font-family: var(--monts-semibd);
    font-size: 80px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #FFFFFF;
}

.main__product-price {
    display: flex;
    font-family: var(--monts-exbditlc);
    font-size: 20px;
    line-height: 55px;
    color: #FFFFFF;
    width: 225px;
    height: 55px;
    text-align: center;
    justify-content: center;
    background: linear-gradient(89.86deg, rgba(0, 255, 243, 0.6) -4.56%, rgba(15, 137, 131, 0.6) 117.16%);
    border-radius: 50px;
    margin-left: 150px;
}

.main__product-price2 {
    display: flex;
    font-family: var(--monts-exbditlc);
    font-size: 20px;
    line-height: 55px;
    color: #FFFFFF;
    width: 225px;
    height: 55px;
    text-align: center;
    justify-content: center;
    border-radius: 50px;
    background: linear-gradient(89.86deg, rgba(255, 59, 0, 0.6) -4.56%, rgba(111, 43, 6, 0.6) 117.16%, rgba(111, 43, 6, 0.6) 117.16%);
    margin-left: 175px;
}

.main__product-price3 {
    display: flex;
    font-family: var(--monts-exbditlc);
    font-size: 20px;
    line-height: 55px;
    color: #FFFFFF;
    width: 225px;
    height: 55px;
    text-align: center;
    justify-content: center;
    border-radius: 50px;
    background: linear-gradient(90deg, #006097 44%, rgba(0, 74, 117, 0) 133%);
    margin-left: 150px;
}

.main__product-price4 {
    display: flex;
    font-family: var(--monts-exbditlc);
    font-size: 20px;
    line-height: 55px;
    color: #FFFFFF;
    width: 225px;
    height: 55px;
    text-align: center;
    justify-content: center;
    border-radius: 50px;
    background: linear-gradient(90deg, #550097 44%, rgba(66, 0, 117, 0) 133%);
    margin-left: 178px;
}

.main__product-price5 {
    display: flex;
    font-family: var(--monts-exbditlc);
    font-size: 20px; 
    line-height: 55px;
    color: #FFFFFF;
    width: 225px;
    height: 55px;
    text-align: center;
    justify-content: center;
    border-radius: 50px;
    background: linear-gradient(90deg, #CC8904 44%, rgba(126, 84, 0, 0) 133%);
    margin-left: 160px;
}

.main__product-price6 {
    display: flex;
    font-family: var(--monts-exbditlc);
    font-size: 20px;
    line-height: 55px; 
    color: #FFFFFF;
    width: 225px;
    height: 55px;
    text-align: center;
    justify-content: center;
    border-radius: 50px;
    background: linear-gradient(90deg, #9E2E1B 44%, rgba(133, 0, 0, 0) 133%);
    margin-left: 116px;
}

.main__product-price7 {
    display: flex;
    font-family: var(--monts-exbditlc);
    font-size: 20px; 
    line-height: 55px;
    color: #FFFFFF;
    width: 225px;
    height: 55px;
    text-align: center;
    justify-content: center;
    border-radius: 50px;
    background: linear-gradient(90deg, #A2141D 44%, rgba(133, 0, 0, 0) 133%);
    margin-left: 155px;
}

.main__info {
    margin-top: 135px;
}

.main__info-power {
    display: flex;
    justify-content: center;
}

.snowball {
    margin-left: -40px;
}

.main__info-snow {
    font-family: var(--monts-exbditlc);
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    display: table-caption;
    color: #FFFFFF;
    margin-top: 7px;
    margin-left: -48px;
}

.info-img {
    width: 970px;
    margin-top: -235px;
    z-index: -1;
}

.main__info-power {
    z-index: -1;
}

.main__info-arrow {
    position: absolute;
    width: 208.54px;
    height: 152.39px;
    margin-right: -621px;
    margin-top: -74px;
    z-index: -1;
}

.main__info-pwr {
    position: absolute;
    font-family: var(--monts-exbditlc);
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0.05em;
    text-align: center;
    width: 230px;
    height: 36px;
    color: #FFFFFF;
    background: linear-gradient(92.71deg, #D9D9D9 -57.38%, #651FCD 102.57%);
    border-radius: 30px;
    margin-right: -1042px;
    margin-top: -54px;
    z-index: -1;
}

.main__info-kg {
    position: absolute;
    font-family: var(--monts-exbditlc);
    font-size: 25px;
    line-height: 36px;
    text-align: center;
    width: 162px;
    height: 42px;
    color: #FFFFFF;
    background: linear-gradient(92.71deg, #D9D9D9 -57.38%, #651FCD 102.57%);
    border-radius: 30px;
    margin-top: 433px;
    margin-left: -335px;
    z-index: -1;
}

.main__info-kg2 {
    position: absolute;
    font-family: var(--monts-exbditlc);
    font-size: 25px;
    line-height: 36px;
    text-align: center;
    width: 162px;
    height: 42px;
    color: #FFFFFF;
    background: linear-gradient(92.71deg, #D9D9D9 -57.38%, #651FCD 102.57%);
    border-radius: 30px;
    margin-top: 482px;
    margin-left: -30px;
    z-index: -1;

}

.main__info-kg3 {
    position: absolute;
    font-family: var(--monts-exbditlc);
    font-size: 25px;
    line-height: 36px;
    text-align: center;
    width: 162px;
    height: 42px;
    color: #FFFFFF;
    background: linear-gradient(92.71deg, #D9D9D9 -57.38%, #651FCD 102.57%);
    border-radius: 30px;
    margin-top: 424px;
    margin-left: 300px;
    z-index: -1;

}

.main__info-verification {
    margin-top: -72px;
}

.main__info-ver {
    font-family: var(--monts-exbditlc);
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    display: flex;
    margin-left: -22px;
    margin-top: -25px;
    margin-bottom: 50px;
}

.info-tick {
    width: 33px;
    height: 30px;
    margin-left: -58px;
    margin-bottom: -9px;
}

/* FOOTER START */

.footer__content {
    margin-top: 55px;
}

.footer__content-discover {
    display: flex;
    justify-content: center;
}

.footer__content-light {
    z-index: -1;
}

.footer__content-text {
    font-family: var(--monts-light);
    font-size: 27px;
    padding: 15px 27px;
    line-height: 50px;
    text-align: center;  
    color: #FFFFFF;
    border-color:#170335;;
    width: 950px;
    height: 338px;    
    background: linear-gradient(95.52deg, #1B1B1B -16.61%, #390684 102.25%);
    border-radius: 75px;
}

.footer__content-arrows {
    display: flex;
    justify-content: space-between;
}

.footer__content-arrow {
    width: 218.15px;
    height: 176.37px;
    margin-bottom: -25px;
    rotate: -25deg;
    margin-left: -53px;
}

.footer__content-arrow2 {
    width: 164.5px;
    height: 160.44px;
}

.footer__content-info {
    display: flex;
    justify-content: space-between;
}

.instagramm {
    width: 65px;
    height: 85px;
    margin-bottom: -10px;
    cursor: pointer;
}

.facebook {
    width: 134px;
    height: 65px;
    margin-left: -25px;
    cursor: pointer;
}

.footer-right {
    margin-top: 20px;
}

.call {
    width: 58px;
    height: 55px;
    margin-bottom: -33px;
}

.footer-call {
    font-family: var(--monts-exbditlc);
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    text-decoration: underline;
    cursor: pointer;
}