/*ГЛОБАЛЬНЫЕ НАСТРОЙКИ*/

:root {

    --main-color: #6D65FF;
    --white-color: #ffffff;
    --black-color: #0E0D21;
    --purple-color: #EFEDFF;

    --phone-big: 34px;
    --phone-small: 26px;

    --l: 60px;
}

/*.btn-store .tn-atom {*/
/*    transition: all 0.3s ease-in-out;*/
/*    border-radius: 8px;*/

/*}*/
/*.btn-store:hover.tn-atom {*/
/*    box-shadow: 0px 4px 15px rgba(78, 122, 193, 0.1);*/
/*}*/

/**[class*="shadow"] .tn-atom {*/
/*    filter: drop-shadow(0px 165px 66px rgba(36, 29, 134, 0.01)) drop-shadow(0px 93px 56px rgba(36, 29, 134, 0.02)) drop-shadow(0px 41px 41px rgba(36, 29, 134, 0.03)) drop-shadow(0px 10px 23px rgba(36, 29, 134, 0.04)) drop-shadow(0px 0px 0px rgba(36, 29, 134, 0.04));*/
/*}*/

/**[class*="shadow2"] .tn-atom {*/
/*    filter: drop-shadow(-37.6249px 207.982px 84.6561px rgba(168, 157, 190, 0.01)) drop-shadow(-20.9027px 117.055px 71.0693px rgba(168, 157, 190, 0.05)) drop-shadow(-9.40623px 52.2568px 53.302px rgba(168, 157, 190, 0.09)) drop-shadow(-2.09027px 12.5416px 29.2638px rgba(168, 157, 190, 0.1)) drop-shadow(0px 0px 0px rgba(168, 157, 190, 0.1));*/
/*}*/


*[class*="AD_smooth_basic"] .tn-atom__sbs-anim-wrapper {
    transition: transform 1.5s cubic-bezier(.08,.25,.26,.99), opacity 1.5s cubic-bezier(.08,.25,.26,.99) !important;
}

*[class*="AD_smooth_back"] .tn-atom__sbs-anim-wrapper {
    transition: transform 2.5s cubic-bezier(.08,.25,.26,.99), opacity 1.5s cubic-bezier(.08,.25,.26,.99) !important;
}

*[class*="AD_smooth_fast"] .tn-atom__sbs-anim-wrapper {
    transition: transform 0.75s cubic-bezier(.08,.25,.26,.99), opacity 0.75s cubic-bezier(.08,.25,.26,.99) !important;
}

*[class*="smoothfloating_1"]{
    transition: transform 0.3s ease-in-out;
    animation-name: floating_anim_1;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes floating_anim_1 { from { transform: translateY(-40px); transition: transform 0.3s ease-in-out;} to { transform: translateY(+40px); transition: transform 0.3s ease-in-out;}  }
   @-moz-keyframes floating_anim_1 { from { transform: translateY(-40px); transition: transform 0.3s ease-in-out;} to { transform: translateY(+40px); transition: transform 0.3s ease-in-out;}  }
     @-o-keyframes floating_anim_1 { from { transform: translateY(-40px); transition: transform 0.3s ease-in-out;} to { transform: translateY(+40px); transition: transform 0.3s ease-in-out;}  }
        @keyframes floating_anim_1 { from { transform: translateY(-40px); transition: transform 0.3s ease-in-out;} to { transform: translateY(+40px); transition: transform 0.3s ease-in-out;}  }
        
        
*[class*="smoothfloating_2"]{
    transition: transform 0.3s ease-in-out;
    animation-name: floating_anim_2;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes floating_anim_2 { from { transform: translateY(+40px); transition: transform 0.3s ease-in-out;} to { transform: translateY(-40px); transition: transform 0.3s ease-in-out;}  }
   @-moz-keyframes floating_anim_2 { from { transform: translateY(+40px); transition: transform 0.3s ease-in-out;} to { transform: translateY(-40px); transition: transform 0.3s ease-in-out;}  }
     @-o-keyframes floating_anim_2 { from { transform: translateY(+40px); transition: transform 0.3s ease-in-out;} to { transform: translateY(-40px); transition: transform 0.3s ease-in-out;}  }
        @keyframes floating_anim_2 { from { transform: translateY(+40px); transition: transform 0.3s ease-in-out;} to { transform: translateY(-40px); transition: transform 0.3s ease-in-out;}  }
        
        
*[class*="smoothfloating_3"]{
    transition: transform 0.3s ease-in-out;
    animation-name: floating_anim_3;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes floating_anim_3 { from { transform: translateY(-20px); transition: transform 0.3s ease-in-out;} to { transform: translateY(+20px); transition: transform 0.3s ease-in-out;}  }
   @-moz-keyframes floating_anim_3 { from { transform: translateY(-20px); transition: transform 0.3s ease-in-out;} to { transform: translateY(+20px); transition: transform 0.3s ease-in-out;}  }
     @-o-keyframes floating_anim_3 { from { transform: translateY(-20px); transition: transform 0.3s ease-in-out;} to { transform: translateY(+20px); transition: transform 0.3s ease-in-out;}  }
        @keyframes floating_anim_3 { from { transform: translateY(-20px); transition: transform 0.3s ease-in-out;} to { transform: translateY(+20px); transition: transform 0.3s ease-in-out;}  }
        




    /*1200px*/
    @media screen and (min-width: 1200px) {

    }

    /*960px*/
    @media screen and (min-width: 960px) and (max-width: 1199px){
    
    }

    /*640px*/
    @media screen and (min-width: 640px) and (max-width: 959px){
    
    }

    /*480px*/
    @media screen and (min-width: 480px) and (max-width: 639px){
    
    }

    /*320px*/
    @media screen and (max-width: 479px){
    }
   



/**[class*="radius-l"] .tn-atom {
    overflow: hidden;
    border-radius: var(--l);
}*/


/*.card-shadow .tn-atom {*/
/*    box-shadow: 0px 85.6327px 33.7341px rgba(78, 122, 193, 0.01), 0px 48.0062px 28.5442px rgba(78, 122, 193, 0.05), 0px 20.7594px 20.7594px rgba(78, 122, 193, 0.09), 0px 5.18986px 11.6772px rgba(78, 122, 193, 0.1), 0px 0px 0px rgba(78, 122, 193, 0.1);*/
/*    box-shadow: 0px 209.038px 125.003px rgba(55, 14, 83, 0.05), 0px 23.1097px 51.4716px rgba(55, 14, 83, 0.1), 0px 0px 0px rgba(55, 14, 83, 0.1);*/
/*}*/
/*.card-shadow-light .tn-atom {*/
/*    box-shadow: 0px 165px 66px rgba(36, 29, 134, 0.01), 0px 93px 56px rgba(36, 29, 134, 0.02), 0px 41px 41px rgba(36, 29, 134, 0.03), 0px 10px 23px rgba(36, 29, 134, 0.04), 0px 0px 0px rgba(36, 29, 134, 0.04);*/
/*    box-shadow: 0px 165px 66px rgba(36, 29, 134, 0.01), 0px 41px 41px rgba(36, 29, 134, 0.03), 0px 10px 23px rgba(36, 29, 134, 0.04);*/
/*}*/
/*Заголовки с градиентом*/
/*.grad-text .tn-atom strong {*/
/*    background: linear-gradient(130.21deg, #B868FF -17.64%, #6D65FF 113.95%);*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
/*    background-clip: text;*/
/*    text-fill-color: transparent;*/
/*}*/




/*Карточки-подложки*/
/*первый экран низ*/
/*.card-purpl-big-bottom .tn-atom {*/
/*    box-shadow: 0px 165px 66px rgba(36, 29, 134, 0.01), 0px 93px 56px rgba(36, 29, 134, 0.02), 0px 41px 41px rgba(36, 29, 134, 0.03), 0px 10px 23px rgba(36, 29, 134, 0.04), 0px 0px 0px rgba(36, 29, 134, 0.04);*/
/*    box-shadow: 0px 165px 66px rgba(36, 29, 134, 0.01), 0px 41px 41px rgba(36, 29, 134, 0.03), 0px 10px 23px rgba(36, 29, 134, 0.04);*/
/*    border-radius: 0px 0px 80px 80px;*/
/*}*/
/*Мокап телефона большой*/
/*.phone-big .tn-atom {*/
/*    background: #FCFCFC;*/
/*    outline: 8px solid rgba(255, 255, 255, 0.6);*/
/*    box-shadow: 0px 371.856px 148.112px rgba(55, 14, 83, 0.01), 0px 209.038px 125.003px rgba(55, 14, 83, 0.05), 0px 92.4389px 92.4389px rgba(55, 14, 83, 0.09), 0px 23.1097px 51.4716px rgba(55, 14, 83, 0.1), 0px 0px 0px rgba(55, 14, 83, 0.1);*/
/*    box-shadow: 0px 209.038px 125.003px rgba(55, 14, 83, 0.05), 0px 23.1097px 51.4716px rgba(55, 14, 83, 0.1), 0px 0px 0px rgba(55, 14, 83, 0.1);*/
/*    border-radius: 34px;*/
/*    position: relative;*/
/*}*/

/*Мокап телефона маленький*/
/*.phone-small .tn-atom {*/
/*    background: #FCFCFC;*/
/*    outline: 6px solid rgba(255, 255, 255, 0.6);*/
/*    box-shadow: 0px 286.043px 113.933px rgba(55, 14, 83, 0.01), 0px 160.798px 96.1558px rgba(55, 14, 83, 0.05), 0px 71.1068px 71.1068px rgba(55, 14, 83, 0.09), 0px 17.7767px 39.5936px rgba(55, 14, 83, 0.1), 0px 0px 0px rgba(55, 14, 83, 0.1);*/
/*    box-shadow: 0px 209.038px 125.003px rgba(55, 14, 83, 0.05), 0px 23.1097px 51.4716px rgba(55, 14, 83, 0.1), 0px 0px 0px rgba(55, 14, 83, 0.1);*/
/*    border-radius: 26px;*/
/*    position: relative;*/
/*}*/



    /*1200px*/
    @media screen and (min-width: 1200px) {

    }

    /*960px*/
    @media screen and (min-width: 960px) and (max-width: 1199px){
    
    }

    /*640px*/
    @media screen and (min-width: 640px) and (max-width: 959px){
    
    }

    /*480px*/
    @media screen and (min-width: 480px) and (max-width: 639px){
    
    }

    /*320px*/
    @media screen and (max-width: 479px){
   
    }