h1,
h2,
h3,
h4,
h5,
a,
img,
summary {
    transition: all 0.8s ease-in-out;
}
@import url('https://fonts.googleapis.com/css2?family=Allura&family=Cookie&family=Dancing+Script:wght@400..700&family=Great+Vibes&family=Italianno&family=Marck+Script&family=Ms+Madi&family=Niconne&family=Pinyon+Script&family=Rochester&family=Sacramento&family=Satisfy&family=Tangerine:wght@400;700&display=swap');
.rochester-regular {
  font-family: "Rochester", cursive;
  font-weight: 400;
  font-style: normal;
}


@font-face {
    font-family: 'Andantino';
    src: url('/files/fonts/Andantino.woff') format('woff');

}
@media screen and (max-width: 480px) {
    .leftto{display:flex;}
    .leftto .textcover{ order: 2;}
}
@font-face {
    font-family: 'Alice';
    src:  url('/files/fonts/Alice.woff') format('woff');
}
h1:hover,
h2:hover,
h3:hover,
h4:hover,
h5:hover,
a:hover,
img:hover,
summary:hover {
    transition: all 0.2s linear;
}
.rose_circel{    background: radial-gradient(50% 50.00% at 50% 50.00%, #efc7eb 0%, rgba(241, 193, 229, 0.00) 100%);}
.rose_circel2{  background: radial-gradient(50% 50.00% at 50% 50.00%, #f8c9ce 0%, rgba(241, 193, 229, 0.00) 100%);}
.overhide{ overflow-x: hidden;    max-width: 100%;}

#pgc_30612{background: linear-gradient(115.59deg, #91BFF1 23.9%, #BFF5AB 46.93%, #88EBD1 57.73%);}


.eclips{border-radius: 50%!important;}
.border-btn:after{
    content: ''; display: block; width: 100%; height: 1px;    margin-top: 50px;
    background:linear-gradient(270deg, rgba(100, 192, 223, 0) 0.77%, #64C0DF 52.45%, rgba(100, 192, 223, 0) 100%); ;
}

.course_block{  position: relative!important; z-index: 20!important;}

    html, body{width: 100%; max-width: 100%; min-width: 100%;}
html{overflow-x: hidden;}
a.link-faq{ background: #E1F1FF!important; color:rgba(1,58,142,1)!important; line-height: 120%!important;padding: 9px 25px 9px 20px!important;}
.boxss a.link-faq:hover{ color:#fff!important;background-color: #4285E7!important;}
.video-link img{ margin-top: 7px;}

.familiar img{ width: auto!important; height: 80px;} 
#c_37225{background: linear-gradient(117.95deg, #D6A7FB 24.43%, #E789B1 87.17%)!important;}
#c_53766{background: linear-gradient(117.95deg, #D6A7FB 24.43%, #E789B1 87.17%)!important;}
#pgc_37262, #i54479{background: linear-gradient(111.85deg, #91BFF1 15.33%, #BFF5AB 51.42%, #88EBD1 78.91%)!important;}
#pgc_30631{ background: linear-gradient(174deg, #49A0F8 15.33%, #85A5F1 51.42%, #CBBBF3 78.91%)!important;}
.g_blur{background: linear-gradient(116.48deg, #AEDBCB 14.91%, #BAF0B5 87.11%);
    filter: blur(50px);}.blur{filter: blur(50px);}
.more_button{border-radius:50%!important;} 
.y_lights{background: transparent radial-gradient(50% 50% at 50% 50%, #F6D696 0%, rgba(241, 201, 161, 0) 100%)!important;animation: border-transform 2s linear infinite; }
.y_lights2{background: radial-gradient(50% 50% at 50% 50%, #f6d696b8 0%, rgba(241, 201, 161, 0) 100%)!important; ;}
.v_blur{background: linear-gradient(180deg, #D3A6DD 0%, #DDABDD 100%)!important; 
    filter: blur(50px);}
.main_menu .boxss:hover a{ color:#C09ADE!important;}
#pgc_37539{background: linear-gradient(142deg, #d8b8f1 10.32%, #ffcae1 77.31%);}
/*----------ЭФФЕКТЫ----------*/


.video-frame:before{ content: ''; display: block; width: 100%; height: 100%; background: url(/files/block/s-linegroup.png) no-repeat; background-size: cover!important;    z-index: 999;
    -webkit-animation-name: rotation;     
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration: 175s;
    position: absolute;}
.circular {
     -webkit-animation-name: rotation;     
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-timing-function: linear;
     -moz-animation-name: rotation;    
     -moz-animation-iteration-count: infinite;
     -moz-animation-timing-function: linear;
     -o-animation-name: rotation;     
     -o-animation-iteration-count: infinite;
     -o-animation-timing-function: linear;
     animation-name: rotation;     
     animation-iteration-count: infinite;
     animation-timing-function: linear;
 }
 .circular.slow{-webkit-animation-duration: 25s; -moz-animation-duration: 15s;-o-animation-duration: 15s;animation-duration: 25s;}
 .circular.middel{-webkit-animation-duration: 15s; -moz-animation-duration: 15s;-o-animation-duration: 15s;animation-duration: 15s;}
 .circular.fast{-webkit-animation-duration: 5s; -moz-animation-duration: 5s;-o-animation-duration: 5s;animation-duration: 5s;}
 .circular.veryslow{-webkit-animation-duration: 100s; -moz-animation-duration: 75s;-o-animation-duration: 75s;animation-duration: 100s;}
 .circular.veryveryslow{-webkit-animation-duration: 125s; -moz-animation-duration: 100s;-o-animation-duration: 100s;animation-duration: 125s;}

 @-webkit-keyframes rotation {
     0% {-webkit-transform:rotate(0deg);
         -moz-transform:rotate(0deg);
         -o-transform:rotate(0deg);
         transform:rotate(0deg);}
     100% {-webkit-transform:rotate(360deg);
         -moz-transform:rotate(360deg);
         -o-transform:rotate(360deg);
         transform:rotate(360deg);}
 }
 @-moz-keyframes rotation {
     0% {-webkit-transform:rotate(0deg);
         -moz-transform:rotate(0deg);
         -o-transform:rotate(0deg);
         transform:rotate(0deg);}
     100% {-webkit-transform:rotate(360deg);
         -moz-transform:rotate(360deg);
         -o-transform:rotate(360deg);
         transform:rotate(360deg);}
 }
 @-o-keyframes rotation {
     0% {-webkit-transform:rotate(0deg);
         -moz-transform:rotate(0deg);
         -o-transform:rotate(0deg);
         transform:rotate(0deg);}
     100% {-webkit-transform:rotate(360deg);
         -moz-transform:rotate(360deg);
         -o-transform:rotate(360deg);
         transform:rotate(360deg);}
 }
 @keyframes rotation {
     0% {-webkit-transform:rotate(0deg);
         -moz-transform:rotate(0deg);
         -o-transform:rotate(0deg);
         transform:rotate(0deg);}
     100% {-webkit-transform:rotate(360deg);
         -moz-transform:rotate(720deg);
         -o-transform:rotate(360deg);
         transform:rotate(360deg);}
 }

.water {
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
    overflow: hidden;
}

.water canvas {
    margin-bottom: -250px;
    width: 100% !important;
}
/*--  МЕНЮ --*/




/*--  ТЕКТОВЫЕ --*/
.glow{
    text-shadow: 1px 2px 10px #fff, 0px 0px 6px #201e1e3d;
    /*animation: neon 9s 750ms linear infinite;*/
}


/*---------------*/


@keyframes neon {
    0% {
     
        text-shadow: 1px 2px 10px #fff;
    }

    30% {
        
        text-shadow: 8px 5px 10px #fff;
    }

    40% {
       
        text-shadow: 5px 1px 5px #fff;
    }

    70% {
     
        text-shadow: 1px 5px 30px #fff;
    }

    100% {
        
        text-shadow: 1px 5px 20px #fff;
    }
}

/*---------------*/

.rainbow {
    animation: rainbow 2s alternate infinite forwards;
}

@keyframes rainbow {
    0% {
        color: #85BCFF;
    }

    50% {
        color: #ef8fab;
    }

    100% {
        color: #C856FD;
    }
}
.shining {
    background: linear-gradient(90deg, rgba(31, 33, 38, 1), rgba(255, 255, 255, 0.3) 50%, rgba(31, 33, 38, 1));
    background-size: 80%;
    background-repeat: no-repeat;
    color: transparent !important;
    -webkit-background-clip: text;
    background-clip: text;
    animation: shining 3s linear infinite;
}

@keyframes shining {
    from {
        background-position: -500%;
    }

    to {
        background-position: 500%;
    }
}
#pgc_30430{    background: linear-gradient(161deg, #E0E1FE 0%, #FFC0DB 32.29%, #FBE8F9 83.85%)!important; } /*  Главная*/ 
#pgc_38194{ background: linear-gradient(161deg, #D8D1FF 0%, #FFC0DB 32.29%, #FFD6D9 83.85%)!important;} /*  Индивидуальная Аффирмация */ 
#pgc_37213, #pgc_37591{    background: linear-gradient(161deg, #D8D1FF 0%, #FFC0DB 32.29%, #FFD6D9 83.85%)!important; }
#pgc_37602{ background: linear-gradient(161deg, #e1c9f7 5.34%, #ffd4e9 31.43%, #ffe8f2 63.64%);}/*  Медитации */ 
#pgc_37632{background: linear-gradient(329deg, #ffd5e7 5.34%, #fdd2e5 31.43%, #f5e5eb 63.64%);}   /*  Растворение вины */
#pgc_37743{background: linear-gradient(359deg, #f9b9d4 5.34%, #FFC0DB 31.43%, #fbd3e2 63.64%);} /*  Недуг в красоту */
#pgc_37831{background: linear-gradient(329deg, #ffd5e7 5.34%, #fdd2e5 31.43%, #f5e5eb 63.64%);} /*  Очищение светом */ 
#pgc_37591{background: linear-gradient(329deg, #ffd5e7 5.34%, #fdd2e5 31.43%, #f5e5eb 63.64%);} /*  Практики */ 
#pgc_37997{ background: linear-gradient(161deg, #D8D1FF 0%, #FFC0DB 32.29%, #FFD6D9 83.85%)!important; }  /*  Аффермации */ 
#pgc_38165 {background: linear-gradient(329deg, #ffd5e7 5.34%, #fdd2e5 31.43%, #f5e5eb 63.64%);}  /*  Женская Божественность */ 
#pgc_38154{background: linear-gradient(329deg, #ffd5e7 5.34%, #fdd2e5 31.43%, #f5e5eb 63.64%);}  /*  Синхронизация с Миром*/ 
#pgc_38183{background: linear-gradient(329deg, #ffd5e7 5.34%, #fdd2e5 31.43%, #f5e5eb 63.64%);}  /*  Любовь к себе*/ 
#pgc_37787{background: linear-gradient(329deg, #ffd5e7 5.34%, #fdd2e5 31.43%, #f5e5eb 63.64%);}  /*  Активация тела Света*/ 
#pgc_37798{background: linear-gradient(329deg, #ffd5e7 5.34%, #fdd2e5 31.43%, #f5e5eb 63.64%);}  /* Энергетическая синхронизация*/ 
#pgc_37809{background: linear-gradient(329deg, #ffd5e7 5.34%, #fdd2e5 31.43%, #f5e5eb 63.64%);}  /* Эльбрус - Сердечная гора */ 
#pgc_37677{background: linear-gradient(329deg, #ffd5e7 5.34%, #fdd2e5 31.43%, #f5e5eb 63.64%);}  /* Отпущение обид */ 
#pgc_37655{background: linear-gradient(329deg, #ffd5e7 5.34%, #fdd2e5 31.43%, #f5e5eb 63.64%);}  /* Гармонизация тонкого тела*/ 
#pgc_37820{background: linear-gradient(329deg, #ffd5e7 5.34%, #fdd2e5 31.43%, #f5e5eb 63.64%);}  /* Индивидуальная Медитация*/ 

/* --Кнопки ---*/

.bable {
    transform: translate(-50%, -50%);
    z-index: -1;
}

.bable {
    animation: border-transform 10s linear infinite alternate forwards;
    box-shadow: 25px 29px 120px rgba(117, 38, 218, 0.42);
    opacity: 1;
    background: linear-gradient(150.07deg, #8B71DC -1.76%, #A38DDA 94.82%);
}

.bable:before {
    margin-left: -10%;
    margin-top: -40%;
    content: '';
    display: block;
    position: absolute;
    border: 1px solid #575757;
    border-radius: 100%;
    width: 120%;
    height: 100%;
    animation: rotate-center 2s linear infinite;
}

.bable:hover {}

.bable:hover:before {
    animation: rotate-center .5s linear infinite;
}

@keyframes rotate-center {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}


@-webkit-keyframes border-transform {

    0%,
    100% {
        opacity: 1;
        border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;

    }

    14% {
        border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
    }

    28% {
        border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
        opacity: 1;
    }

    42% {
        border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
    }

    56% {
        border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;

    }

    70% {
        border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
    }

    84% {
        border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
        opacity: 1;
    }
}

@keyframes border-transform {

    0%,
    100% {
        border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
        opacity: 1;

    }

    14% {
        border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
        opacity: 1;
    }

    28% {
        border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
    }

    42% {
        border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
    }

    56% {
        border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;

    }

    70% {
        border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
        opacity: 1;
    }

    84% {
        border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
    }
}


.more_button{
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 10;
}

.more_button:hover{
    background:rgb(241,126,169);
    color:#fff;
    box-shadow:15px 19px 40px rgba(241,126,169, 0.5)!important;
}
.more_button:before {
    display: block;
    position: absolute;
    width: 60%;
    height: 900%;
    margin-top: -50%;
    background: rgba(255, 255, 255, .2) !important;
    top: 0;
    filter: blur(5px);
    transform: rotate(45deg) translate(-150%, 0);
    transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
    content: '';
    animation: flareAnimation 3s infinite linear;
}
.more_button:hover:before {
    transform: rotate(45deg) translate(450%, 0);
    margin-top: -20%;
    transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}


.boxs{z-index: 3;}

.more_button .flare {
    position: absolute;
    top: 0;
    height: 100%;
    width: 45px;
    transform: skewX(-45deg);
    left: -150%;
    background: linear-gradient(90deg, #0000, #0000);
    animation: flareAnimation 3s infinite linear;
}

.more_button .flare:before {
    position: absolute;
    top: 0;
    height: 100%;
    width: 45px;
    transform: skewX(-45deg);
    left: -150%;
    background: linear-gradient(90deg, #0000, #0000);
    animation: flareAnimation 3s infinite linear;
}

@keyframes flareAnimation {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}

.buttonbeat{
     -webkit-animation:beat 2.5s infinite alternate ease-in-out;
     -moz-animation:beat 2.5s infinite alternate ease-in-out;
     -o-animation:beat 2.5s infinite alternate ease-in-out;
     animation:beat 2.5s infinite alternate ease-in-out;
}



@keyframes beat{
    0%{ transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    }
    100% { transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    -moz-transform: scale(0.8); }
}

.magic {
    position: relative;
}
.magic-star {
    --size: clamp(20px, 1.5vw, 30px);
    animation: scale 700ms ease forwards;
    display: block;
    height: var(--size);
    left: var(--star-left);
    position: absolute;
    top: var(--star-top);
    width: var(--size);
}
.magic-star > svg {
    animation: rotate 1000ms linear infinite;
    display: block;
    opacity: 0.7;
}
.magic-star > svg > path {
    fill: #fff;
}
.magic-star.red > svg > path {
    fill: #f396b9;
}

@keyframes scale {
    from, to {
      transform: scale(0);
    }
    
    50% {
      transform: scale(1);
    }
}
@keyframes rotate {
    from {
      transform: rotate(0deg);
    }
    
    to {
      transform: rotate(180deg);
    }
}

.scroll-img.slow {
    animation:scroll 60s infinite linear;
}
.scroll-img.veryslow {
    animation:scrollright 64s infinite linear;
}
.scroll-img.veryslow1 {
    animation:scrollright 80s infinite linear;
}
.scroll-img.veryslow2 {
    animation:scrollright 90s infinite linear;
}
.scroll-img.veryslow3 {
    animation:scrollright 100s infinite linear;
}
.scroll-img.veryslow4 {
    animation:scrollright 110s infinite linear;
}
.scroll-img.veryslow5 {
    animation:scrollright 120s infinite linear;
}
.scroll-img.veryslow6 {
    animation:scrollright 150s infinite linear;
}
.scroll-img.veryslowrevers {
    transform: scaleX(-1);
    animation:scroll 80s infinite linear;
}
.scroll-img.veryveryslow {
    animation:scroll 120s infinite linear;
}
.scroll-img.midle{
    animation:scroll 15s infinite linear;
}
.scroll-img.fast {
    animation:scroll 8.5s infinite linear;
}

@keyframes scroll{
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

@keyframes scrollright{
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(50%)
    }
}

.star-pulse{animation:flashin .5s infinite alternate cubic-bezier(.42, 0, .58, 1);}
.star-pulse.midle {animation:flashin 1s infinite alternate cubic-bezier(.42, 0, .58, 1);}
.star-pulse.slow {animation:flashin 2s infinite alternate cubic-bezier(.42, 0, .58, 1);}
.star-pulse.veryslow {animation:flashin 10s infinite alternate cubic-bezier(.42, 0, .58, 1);}
.star-pulse.veryveryslow {animation:flashin 13s infinite alternate cubic-bezier(.42, 0, .58, 1);}
.star-fade       {  animation:fadein .5s infinite alternate cubic-bezier(.42, 0, .58, 1);}
.star-fade.midle {animation:fadein 1s infinite alternate cubic-bezier(.42, 0, .58, 1);}
.star-fade.slow  {animation:fadein 2s infinite alternate cubic-bezier(.42, 0, .58, 1);}
.star-fade.veryslow  {animation:fadein 5s infinite alternate cubic-bezier(.42, 0, .58, 1);}
.star-fade.veryveryslow  {animation:fadein 9s infinite alternate cubic-bezier(.42, 0, .58, 1);}
.flash{          animation:flash 1s infinite alternate linear;}
.flash.fast{     animation:flash .6s infinite alternate linear;}
.flash.slow {    animation:flash 4s infinite alternate linear;}
.flash.midle {   animation:flash 2s infinite alternate linear;}
.flash.veryslow {   animation:flash 8s infinite alternate linear;}
.flash.veryveryslow {   animation:flash 13s infinite alternate linear;}
.flash.delay2 {animation-delay: 2s;}
.flash.delay4 {animation-delay: 4s;}
.flash.delay6 {animation-delay: 6s;}
.flash.delay-2 {animation-delay: -2s;}

@keyframes flash{
    0% {
        opacity:1;
        transform:scale(0.5);
    }
    49% {
        opacity:1;transform:scale(1);
    }
    60% {
        opacity:1;
    }
    100% {
        opacity:1;transform:scale(0.5);
    }
}
@keyframes flashin{
    0% {
        opacity:1;
    }
    20% {
        opacity:0;
    }
    30% {
        opacity:1;
    }
    40% {
        opacity:0;
    }
    50% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
@keyframes fadein{
    0% {
        opacity:1;
    }

    100% {
        opacity:0.5;
    }
}
.lightness {box-shadow:0px -10px 100px 50px rgba(255,255,255,0.6), 0px -10px 30px 30px rgba(255,255,255,0.6);border-radius:100%!important;animation: light 5s infinite linear;}

@keyframes light {
    0% { 
        box-shadow:0px -10px 100px 50px rgba(255,255,255,0.6), 0px -10px 30px 30px rgba(255,255,255,0.6);
    }
    25% { 
        box-shadow:-10px -10px 100px 50px rgba(255,255,255,0.6), 10px -20px 30px 30px rgba(255,255,255,0.6);
    }
    50% { 
        box-shadow:-10px 10px 100px 50px rgba(255,255,255,0.6), -10px 20px 30px 30px rgba(255,255,255,0.6);
    }
    100% {
        box-shadow:0px -10px 100px 50px rgba(255,255,255,0.6), 0px -10px 30px 30px rgba(255,255,255,0.6);
    }
  }
 

/*------МЕНЮ -----*/

[type="checkboxs"]:checked,
[type="checkboxs"]:not(:checked){
  position: absolute;
  left: -9999px;
}
.menu-icon:checked + label,
.menu-icon:not(:checked) + label{
  position: fixed;
  top: 63px;
  right: 75px;
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  z-index: 10;
}
.menu-icon:checked + label:before,
.menu-icon:not(:checked) + label:before{
  position: absolute;
  content: '';
  display: block;
  width: 30px;
  height: 20px;
  z-index: 20;
  top: 0;
  left: 0;
  border-top: 2px solid rgb(238,26,138);
  border-bottom: 2px solid rgb(238,26,138);
  transition: border-width 100ms 1500ms ease, 
              top 100ms 1600ms cubic-bezier(0.23, 1, 0.32, 1),
              height 100ms 1600ms cubic-bezier(0.23, 1, 0.32, 1), 
              background-color 200ms ease,
              transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.menu-icon:checked + label:after,
.menu-icon:not(:checked) + label:after{
  position: absolute;
  content: '';
  display: block;
  width: 22px;
  height: 2px;
  z-index: 20;
  top: 10px;
  right: 4px;
  background-color: rgb(238,26,138);;
  margin-top: -1px;
  transition: width 100ms 1750ms ease, 
              right 100ms 1750ms ease,
              margin-top 100ms ease, 
              transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.menu-icon:checked + label:before{
  top: 10px;
  transform: rotate(45deg);
  height: 2px;
  background-color: rgb(238,26,138);
  border-width: 0;
  transition: border-width 100ms 340ms ease, 
              top 100ms 300ms cubic-bezier(0.23, 1, 0.32, 1),
              height 100ms 300ms cubic-bezier(0.23, 1, 0.32, 1), 
              background-color 200ms 500ms ease,
              transform 200ms 1700ms cubic-bezier(0.23, 1, 0.32, 1);
}
.menu-icon:checked + label:after{
  width: 30px;
  margin-top: 0;
  right: 0;
  transform: rotate(-45deg);
  transition: width 100ms ease,
              right 100ms ease,  
              margin-top 100ms 500ms ease, 
              transform 200ms 1700ms cubic-bezier(0.23, 1, 0.32, 1);
}
.butter{ animation: border-transform 7s linear infinite;}

@keyframes border-transform{
  0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 
  14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 
  28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 
  42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 
  56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 
  70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 
  84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } 
}

.menu-icon:checked ~ .nav {
  animation-play-state: paused;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  width: 200%;
  height: 200%;
  transition: top 350ms 700ms cubic-bezier(0.23, 1, 0.32, 1),  
              right 350ms 700ms cubic-bezier(0.23, 1, 0.32, 1),
              transform 250ms 700ms ease,
              width 750ms 1000ms cubic-bezier(0.23, 1, 0.32, 1),
              height 750ms 1000ms cubic-bezier(0.23, 1, 0.32, 1);
}

.main_menu .boxs a:hover {
  color: #C09ADE!important;
}


.main_menu .boxs:nth-child(1){
  transition-delay: 50ms;
}
.main_menu .boxs:nth-child(2){
  transition-delay:     100ms;
}
.main_menu .boxs:nth-child(3){
  transition-delay: 150ms;
}
.main_menu .boxs:nth-child(4){
  transition-delay: 200ms;
}
.main_menu .boxs:nth-child(5){
    transition-delay: 250ms;
  }
  .main_menu .boxs:nth-child(6){
    transition-delay: 300ms;
  }
  .main_menu .boxs:nth-child(7){
    transition-delay: 350ms;
  }
  .main_menu .boxs:nth-child(8){
    transition-delay: 400ms;
  }
  .main_menu .boxs:nth-child(9){
    transition-delay: 450ms;
  }





  .main_menu .boxs{

    opacity: 0!important;
    visibility: hidden!important;
    transform: translateY(30px)!important;
    transition: all 250ms linear!important;
  }

.mustHide .main_menu .boxs{
  visibility: visible!important;
  opacity: 1!important;
  transform: translateY(0)!important;
  transition: opacity 350ms ease,
              transform 250ms ease!important;
}
.mustHide .main_menu .boxs:nth-child(1){
  transition-delay: 1400ms;
}
.mustHide .main_menu .boxs:nth-child(2){
  transition-delay: 1480ms;
}
.mustHide .main_menu .boxs:nth-child(3){
  transition-delay: 1560ms;
}
.mustHide .main_menu .boxs:nth-child(4){
  transition-delay: 1640ms;
}
.mustHide .main_menu .boxs:nth-child(5){
  transition-delay: 1720ms;
}
.mustHide .main_menu .boxs:nth-child(6){
    transition-delay: 1800ms;
  }
  .mustHide .main_menu .boxs:nth-child(7){
    transition-delay: 1960ms;
  }
  .mustHide .main_menu .boxs:nth-child(8){
    transition-delay: 2040ms;
  }
  .mustHide .main_menu .boxs:nth-child(9){
    transition-delay: 2080ms;
  }

@keyframes rotate {
    0% { 
      transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);
    }
    100% {
      transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);
    }
  }
  .stars {
    transform: perspective(500px);
    transform-style: preserve-3d;
    position: absolute; display:block;
    bottom: 0;
    perspective-origin: 50% 100%;
    left: 50%;
    animation: rotate 90s infinite linear;
  }
  
  .star {
    width: 2px;
    height: 2px;
    background: #F7F7B6;
    position: absolute; display:block;
    top: 0;
    left: 0;
    transform-origin: 0 0 -300px;
    transform: translate3d(0, 0, -300px);
    backface-visibility: hidden;
  }
  .bread.yell{    background: radial-gradient(50% 50.00% at 50% 50.00%, #ffe3e0 41.15%, rgb(255 234 229 / 8%) 100%)!important;}
  .bread{background: radial-gradient(50% 50.00% at 50% 50.00%, #F7C3E7 41.15%, rgba(247, 195, 231, 0.00) 100%); display: flex; justify-content: center;  overflow: hidden;}
  .bread span{  white-space: nowrap;}.bread a:hover span{color: #e972db;max-width: 160px;
    overflow: hidden;
    display: block;}
.bread.faq{background: radial-gradient(50% 50.00% at 50% 50.00%, #4885e8 41.15%, rgba(247, 195, 231, 0.00) 100%);}

.blue-green{background: linear-gradient(182deg, #79A8E5 0%, #08B797 100%);}
.yell-green{background: linear-gradient(55deg, #ffff00 30%, #50C878 80%);}
.blue-rose{background: linear-gradient(93deg, #FCB2DB 20%, #BA9AF9 40%, #76C7E5 80%);}
.yell-rose{background: linear-gradient(141deg, #FFBBCB 0%, #FEE87C 100%);} 
.yell-blue{background: linear-gradient(180deg, #dbcf16 0%, #54DDF7 100%);}
.yell-blue1{background: linear-gradient(100deg, #dbcf16 50%, #50C878 30%);}
.yell-emer{background: linear-gradient(180deg, #ffff00 30%, #50C878 30%);}
.violet-blue{    background: linear-gradient(159deg, #f9b0e7 0%, #87b7ed 100%);}
.blue-violet{background: linear-gradient(141deg, #5085FF 0%, #C594FF 100%);}
.textg{background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.nowrap{white-space: nowrap;}
.green_eye{background: linear-gradient(180deg,#00BF7A 0%, #7CC9D4 80%, #A4CCF1 100%)}
.cookie_notice {
    display: none;
    position: fixed;
    z-index: 9999999;
    bottom: 0;
    left: 0;
    right: 0;
    color: #f5a5d4;
    background: #fff;
    padding: 30px 10% 20px; 
    text-align: center;
    
 
}
.cookie_notice p{float: left;    max-width: 80%;}
.z{ position: relative;z-index:20}
.min-z{z-index:1!important}
.cookie_btn {
    display: inline-block;
    margin: 10px 6px 4px 6px;
    text-decoration: none;
    position: relative;
    font-size: 16px;
    padding: 15px 30px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase; 
    background: #f17ea9;
    border-radius: 50%!important;
    float: right;
}
.violet_grad{
      background: linear-gradient(271deg, #38A6B5 0%, #BF72ED 100%);  
      -webkit-background-clip: text; 
      -webkit-text-fill-color: transparent; 
      background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(271deg, #38A6B5 0%, #BF72ED 100%);

}
@media screen and (max-width: 480px) {
    .cookie_notice p{text-align: center; max-width: 100%;    font-size: 16px;}
    .cookie_btn {    float: none;}
}


a:link { -webkit-tap-highlight-color: transparent !important; }