html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:var(--color-black);text-decoration:none}mark{background-color:#ff9;color:var(--color-black);font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul{list-style: none;}input:focus,select:focus,textarea:focus{outline: none;}



@font-face {
    font-family: 'Early Man';
    src: url('../fonts/subset-EarlyMan.eot');
    src: url('../fonts/subset-EarlyMan.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-EarlyMan.woff2') format('woff2'),
        url('../fonts/subset-EarlyMan.woff') format('woff'),
        url('../fonts/subset-EarlyMan.ttf') format('truetype'),
        url('../fonts/subset-EarlyMan.svg#EarlyMan') format('svg');
    
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Joyride STD';
    src: url('../fonts/JoyrideSTD.eot');
    src: url('../fonts/JoyrideSTD.eot?#iefix') format('embedded-opentype'),
        url('../fonts/JoyrideSTD.woff2') format('woff2'),
        url('../fonts/JoyrideSTD.woff') format('woff'),
        url('../fonts/JoyrideSTD.ttf') format('truetype'),
        url('../fonts/JoyrideSTD.svg#JoyrideSTD') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




html{overflow-x: hidden;}









body{

	font-family: 'Early Man';
	background: url("../img/main__bg.webp") 50% 0 no-repeat; background-size: cover;
    font-size: 16px;
	color: #fff;
	min-width: 320px;
	overflow-x: hidden;
    position: relative;
    min-height: 100%;
}





.container{max-width: 1265px; width: 100%; margin: 0 auto; box-sizing: border-box; position: relative; z-index: 4}



h1,h2,h3,h4,h5,h6,strong,b,span,u,i{font-weight: normal!important;}




.crystals{position: absolute; top: 0; left: 0; z-index: 10; width: 100%;}
    .crystals img{position: absolute;}
    .crystalimage1{top: -140px; left: -130px; width: 232px}
    .crystalimage2{top: -130px; right: -80px; width: 183px}
    .crystalimage3{top: 30px; left: -110px; width: 106px}
    .crystalimage4{top: 480px; right: -85px; width: 145px}
    .crystalimage5{top: 580px; right: -35px; width: 110px}
    .crystalimage6{top: -50px; left: 0px; width: 143px}
    .crystalimage7{top: -50px; left: 535px; width: 165px}
    .crystalimage8{top: 80px; left: 640px; width: 95px}
    .crystalimage9{top: 283px; right: 0px; width: 104px}
    .crystalimage10{top: 480px; left: -40px; width: 129px}
    .crystalimage11{top: 560px; left: 10px; width: 114px}
    .crystalimage12{top: 500px; left: 720px; width: 186px}
    .crystalimage13{top: 530px; left: 850px; width: 113px}
    .crystalimage14{top: -55px; right: 0; width: 405px}
    .crystalimage15{top: -100px; right: 35px; width: 220px}
    .crystalimage16{top: 340px; left: -100px; width: 186px}
    .crystalimage17{top: 525px; right: -50px; width: 152px}
    .crystalimage18{top: 724px; left: 310px; width: 118px}
    .crystalimage19{top: -90px; left: 570px; width: 135px}
    .crystalimage20{top: -125px; left: 690px; width: 166px}
    .crystalimage21{top: 70px; left: 520px; width: 174px}
    .crystalimage22{top: 85px; left: 690px; width: 123px}
    .crystalimage23{top: 525px; left: 230px; width: 121px}
    .crystalimage24{top: 415px; right: -50px; z-index: 3; width: 81px}
    .crystalimage25{top: 435px; right: -80px; width: 182px}
    .crystalimage26{top: 505px; right: 25px; z-index: 3; width: 91px}
    .crystalimage27{top: 420px; left: 85px; z-index: 3; width: 218px}



.crystals__mobile{display: none; position: absolute; top: 0; left: 0; z-index: 10; width: 100%;}
    #products .crystals__mobile img{display: block;}
    .crystals__mobile img{position: absolute;}
    .crystalimage_mobile1{top: -50px; left: calc(50% - 230px); width: 150px}
    .crystalimage_mobile2{top: -50px; right: calc(50% - 185px); width: 84px}
    .crystalimage_mobile3{top: 65px; left: calc(50% - 210px); width: 61px}
    .crystalimage_mobile4{top: 315px; right: calc(50% - 200px); width: 108px}
    .crystalimage_mobile5{top: -20px; left: calc(50% - 110px); width: 119px}
    .crystalimage_mobile6{top: -15px; right: calc(50% - 205px); width: 185px}
    .crystalimage_mobile7{top: -35px; left: calc(50% - 25px); width: 81px}
    .crystalimage_mobile8{top: 455px; left: calc(50% - 225px); width: 80px}
    .crystalimage_mobile9{top: 605px; right: calc(50% - 205px); width: 98px}
    .crystalimage_mobile16{top: -52px; left: calc(50% - 115px); width: 237px}
    .crystalimage_mobile14{top: 402px; left: calc(50% - 235px); width: 126px}
    .crystalimage_mobile15{top: 542px; right: calc(50% - 205px); width: 101px}
    .crystalimage_mobile17{top: 672px; left: calc(50% - 225px); width: 101px}




header{position: relative; padding: 50px 0 25px;}
    header img{margin: 0 auto;}





#parallax{position: absolute; top: 70px; left: 0; width: 100%; z-index: 20;}
    #parallax img{margin: 0 auto; transition: transform 0.1s ease-out; position: relative; left: 10px}
    #parallax img.mobile{display: none;}





#promo{position: relative;}
    #promo .container{max-width: 1160px}
    #promo .text{max-width: 265px; position: relative; left: 0px; top: 20px}
    #promo .image{position: relative;}
        #promo .image.image1 img{max-width: 484px}
        #promo .image.image2{top: -20px; left: -20px}
            #promo .image.image2 img{max-width: 306px}
    #promo h1{color: #F2FF00; font-size: 134px; line-height: 83%;  margin-bottom: 5px;}
        #promo h1 span i{font-size: 130px; line-height: 80%; font-style: normal;}
        #promo h1 strong{color: #EF28C1; font-size: 114px; line-height: 83%; }
            #promo h1 strong i{font-size: 167px; line-height: 80%; font-style: normal; position: relative; top: 10px}
    #promo h2{color: #fff; font-size: 38px; position: relative; padding: 17px 0 0;}
        #promo h2:after{position: absolute; top: 0; left: 0; width: calc(100% - 8px); height: 6px; border-radius: 15px; background: #fff; content: '';}
        #promo h2 span{font-size: 56px; line-height: 96%;}





#get{padding: 1px 0 80px;}
    #get .text{line-height: normal;}
    #get .flex{justify-content: flex-start;}
    #get h2{color: #F2FF00;  font-size: 180px; max-width: 250px; line-height: 1; margin-left: 160px}
        #get h2 i{font-style: normal; font-size: 125px; line-height: normal; margin-top: -30px}
        #get h2 span{font-size: 87px; margin-top: -10px}
        #get h2 strong{ color: #EF28C1; font-size: 112px; margin-top: -10px}
        #get h2 b{color: #EF28C1;}
        #get h2 b.mr{margin-top: -20px; display: block; line-height: 1}
        #get h2 i,#get h2 span,#get h2 strong{display: block; line-height: 1}
    #get .data{width: calc(100% - 410px); position: relative;}
        #get .data .image{position: absolute; top: 0; left: 0;}
        #get .data .face{position: absolute; top: 0; right: 0;}
        #get .data ul{width: 100%; max-width: 685px; margin: 200px 0 0 95px;}
            #get .data ul li{display: inline-block; border-radius: 55px; background: #F2FF00; color: #4D008C; font-size: 50px; line-height: normal; padding: 15px 55px 10px 130px; margin-bottom: 15px;}





#products{padding: 0 0 1px;}
    #products h2{display: none;}
    #products .container{padding: 45px 55px; text-align: center; background: #390070; border: 3px solid #4D008C; border-radius: 24px; box-shadow: -11px 13px 4px rgba(42, 0, 94, 0.5);}
    #products .mobile{display: none;}
    #products img{margin: 0 auto 25px; height: auto;}
    #products .item{width: 33%;}
        #products .item .title{margin-bottom: 22px; color: #F2FF00; font-size: 35px; font-family: 'Joyride STD'; text-transform: uppercase; line-height: 108%;}
        #products .item li{font-size: 30px; line-height: 108%; margin-bottom: 32px}
            #products .item li:last-child{margin-bottom: 0;}
    #products br{display: none;}





#cali__made{padding: 145px 0 135px}
    #cali__made .data{align-items: center; border-radius: 62px 80px 80px 62px; border: 7px solid #F2FF00; box-sizing: border-box; position: relative;}
        #cali__made .data:after{position: absolute; top: -7px; right: -7px; width: 50%; height: calc(100% + 14px); content: ''; background: #0971CE; border-radius: 0 62px 62px 0;}
        #cali__made .data .image{position: absolute; top: -110px; left: calc(50% - 220px); z-index: 4;}
        #cali__made .data .text{padding: 1px 0 1px 43px; box-sizing: border-box;}
            #cali__made .data .text h2{max-width: 450px; display: block; line-height: 1; font-weight: normal; font-size: 200px; color: #F2FF00;}
                #cali__made .data .text h2 span{display: block; line-height: 1; color: #EF28C1; font-size: 115px; margin-top: -30px}
        #cali__made .data .right{position: relative; z-index: 3; margin-right: 40px}
            #cali__made .data .right h3{font-size: 94px; font-weight: normal;}
                #cali__made .data .right h3 span{display: block; line-height: 1; font-size: 82px;}





#advantages{}
    #advantages h2{font-size: 90px; line-height: 94%; text-align: center; color: #F2FF00; text-transform: uppercase; margin-bottom: 120px; text-shadow: -33px 27px 4px rgba(42, 0, 94, 0.5);}
        #advantages h2 span{color: #EF28C1; font-family: 'Joyride STD';}
    #advantages .item{position: relative; box-sizing: border-box; padding: 22px 27px; background: #390070; border: 4.54128px solid #4D008C; box-shadow: -16.6514px 19.6789px 6.05505px rgba(42, 0, 94, 0.5); border-radius: 36.3303px;}
        #advantages .item span{position: absolute; top: -15px; left: -15px; color: #EF28C1; font-size: 80px; line-height: 94%;}
        #advantages .item .title{margin-bottom: 20px; color: #F2FF00; font-size: 37px; line-height: 100%; text-transform: uppercase;}
        #advantages .item p{font-size: 17px; line-height: 120%; font-family: 'Joyride STD'; text-transform: uppercase;}





#products__all{padding: 148px 0 0;}
    #products__all img{margin: 0 auto; position: relative; left: -20px}
        #products__all img.mobile{display: none;}





#quality{padding: 60px 0 160px}
    #quality h2{padding: 25px 0 10px; color: #fff; background: #0971CE; border-radius: 107px; font-size: 98px; line-height: 94%; text-align: center; margin-bottom: 45px;}
    #quality .flex{justify-content: center; gap: 60px;}













.wow{visibility: hidden;}







section{position: relative; z-index: 2}















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


.grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px}









section{box-sizing: border-box; position: relative;}













button{background: transparent;}







.clearfix{clear: both;}

.center{display: inline-block; width: 100%; text-align: center;}





a,svg,svg path{text-decoration: none; transition: all 0.35s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer;}

	a:hover{transition: all 0.35s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

a:focus{outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}



img{display: block;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); max-width: 100%; height: auto; transition: all 0.15s ease-out;}

div{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}







.btn,.btn:after{font-family: 'Pixel Bots'; display: inline-block; cursor: pointer; position: relative; text-align: center; cursor: pointer; padding: 0; border: none; transition: all 0.35s ease-out; box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none; box-sizing: border-box;}

	.btn:hover{transition: all 0.35s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}





.btn-purple{color: #fff; font-size: 32px;  background: url("../img/btn_purple.svg") 50% 50% no-repeat; height: 90px; width: 260px; display: flex; align-items: center; justify-content: center;}

    .btn-purple:hover{animation: pulse 2s infinite;}





.btn-green span{position: relative; z-index: 2; color: #fff; font-size: 52px; width: 506px; height: 110px; background: url("../img/btn_green.svg") 50% 50% no-repeat;  text-transform: uppercase; color: #fff; display: flex; align-items: center; justify-content: center;}








/*NEW STYLE*/

header .links{margin-left: 20px}
    header .links a{margin-left: 15px}
        header .links a:hover{opacity: 0.7}
    header .lang{margin-left: 35px}


#how__to__buy-new{padding: 100px 0 350px;}
    #how__to__buy-new .bt{text-align: center; margin-bottom: 100px;}
    #how__to__buy-new .items{background: url("../img/line.svg") 50% 111px no-repeat;}
    #how__to__buy-new .item{position: relative; box-sizing: border-box; padding: 74px 0 0  168px; width: 570px; height: 212px; background: url("../img/bg_htb.svg") 0 0 no-repeat; color: #1E0641}
        #how__to__buy-new .item:nth-child(2){margin: 245px 0 0}
        #how__to__buy-new .item:nth-child(3){margin-bottom: 60px; padding: 37px 30px 0}
        #how__to__buy-new .item input{width: 100%; font-size: 18px; padding: 0 15px; height: 48px; background: #F0F0F0; border: none; margin: 10px 0}
        #how__to__buy-new .item:nth-child(4){margin: 305px 0 0; padding: 54px 0 0 163px}
            #how__to__buy-new .item:nth-child(4) img{left: -133px; top: 47px;}
            #how__to__buy-new .item:nth-child(4) .cat{background: url("../img/cat_cat.png") 50% 50% no-repeat; left: 0px; top: -50px; z-index: 4}
        #how__to__buy-new .item .cat{width: 130px; height: 130px; background: url("../img/cat_paw.png") 50% 50% no-repeat; position: absolute; top: -70px; left: -70px;}
            #how__to__buy-new .item:nth-child(2) .cat{left: calc(100% - 70px); transform: rotate(90deg);}
        #how__to__buy-new .item span{position: absolute; bottom: 22px; right: 32px; font-size: 48px; line-height: normal; font-family: 'Pixel Bots';}
        #how__to__buy-new .item p{font-size: 24px; font-weight: 700;}
        #how__to__buy-new .item a{color: #000;}
            #how__to__buy-new .item a:hover{color: #837CEE}
        #how__to__buy-new .item img{position: absolute; top: 58px; left: 43px;}

/*NEW STYLE*/








.pulsing {

  width: 110%;

  height: 110%;

  border-radius: 50px;

  z-index: 1;

  position: relative;

  background: green;

}

.btn-green:before, .btn-green:after {

  width: 100%;

  height: 100%;

  border: inherit;

  top: 0;

  left: 0;

  z-index: 0;

  background: #44BB50;

  border-radius: inherit;

  animation: pulsing 2.5s linear infinite;

  content: '';

  position: absolute;

  border-radius: 50px;

}

.btn-green:after {

  animation: pulsing1 2.5s linear infinite;

}



@keyframes pulsing {

  0% {

    opacity: 1;

    transform: scaleY(1) scaleX(1);

  }

  20% {

    opacity: 0.5;

  }

  70% {

    opacity: 0.2;

    transform: scaleY(1.2) scaleX(0.6);

  }

  80% {

    opacity: 0;

    transform: scaleY(1.2) scaleX(0.6);

  }

  90% {

    opacity: 0;

    transform: scaleY(1) scaleX(1);

  }

}



@keyframes pulsing1 {

  0% {

    opacity: 1;

    transform: scaleY(1) scaleX(1);

  }

  20% {

    opacity: 0.5;

  }

  70% {

    opacity: 0.2;

    transform: scaleY(1.3) scaleX(0.65);

  }

  80% {

    opacity: 0;

    transform: scaleY(1.3) scaleX(0.65);

  }

  90% {

    opacity: 0;

    transform: scaleY(1) scaleX(1);

  }

}













@keyframes pulse {

    0% {

        transform: scale(1);

        opacity: 1;

    }

    50% {

        transform: scale(0.6);

        opacity: 0.7;

    }

    100% {

        transform: scale(1);

        opacity: 1;

    }

}



.pulsing {

    animation: pulse 2s infinite;

}





input,textarea,select,button,iframe{-webkit-appearance: none; box-sizing: border-box; font-family: 'Circe';}