.slides {
    overflow: hidden;
    position:relative;
}


.header {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 80px;
    line-height: 1;
    color: white;
    text-transform: uppercase;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
}

.shad_1 {
    filter: blur(15px) saturate(0.0) brightness(0.0);
    opacity: 0.2;
}





.backgraund_wrap {
    width: 100%;
    height: 178.5%;
    position: absolute;
}



    .backgraund_wrap .background-wave_3 {
    
      
        background-position: center top;
        background-size: 2420px;
        opacity: 0.2;
        top: 150px;
    }


.violet_color {
    color: #766CD6;
}


.green_color {
    color: #00c9a5;
}







.margin_right {
    margin-right: 20px;
}




a.pieslegt_buttons {
    display: block;
    color: #000;
    font-family: 'Montserrat';
    font-size: 17px;
    max-width: 250px;
    font-weight: 500;
    min-width: 180px;
    margin-left: auto;
    margin-top: 80px;
    margin-right: auto;
    text-align: center;
    color: #fff;
    background-color: #00c9a5;
    border-radius: 60px;
    padding: 20px 50px;
    cursor: pointer;
    text-decoration:none;
    transition: 0.3s ease-in;
}


    a.pieslegt_buttons:hover {
        box-shadow: 0 0 0 5px rgba(4, 210, 173, 0.39), 0 0 0 20px rgba(4, 210, 173, 0.16);
        transition: 0.3s ease-in;
        text-decoration: none;
    }


    a.pieslegt_buttons:visited {
        text-decoration: none;
        color: #fff;
        background-color: #00c9a5;
    }


.header_slide .text {
    font-family: 'Montserrat';
    color: white;
    font-weight: 400;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 30px;
    max-width: 380px;
}

.order_1 {
    order: 0;
}

.order_2 {
    order: 0;
}

.order_3 {
    order: 0;
}

.menu-header .grid_item_A {
    overflow: hidden;
}



.menu-header .grid_section {
    display: inline-grid;
    grid-template-columns: 240px auto;
    width: 100%;
    min-height: 55px;
    height: auto;
}

.grid_section {
    display: inline-grid;
    grid-template-columns: 630px auto;
    width: 100%;
    min-height: 520px;
    height: 92vh;
    /*    max-height:800px;
*/
}


.slide2 .grid_section {
    display: inline-grid;
    grid-template-columns: 30% 30% 30%;
    width: 100%;
    height: auto;
    column-gap: 5%;
    min-height: unset;
}


a.huge_but:hover .huge_but_icon {
    transform: scale(0.85) translateY(5px) !important;
    transition: transform 0.5s ease-in-out;
    transform-origin: 50% 50% !important;
}

.slide2 {
    max-width: 1000px;
    margin: auto;
    margin-top: -50px;
    padding-top: 0;
    position: relative;
}


.slide3 {
    /* position: relative;*/
    z-index: 2;
    max-width: 840px;
    margin: 5vh auto;
}


    .slide3 .grid_section {
        display: inline-grid;
        grid-template-columns: 42% 42%;
        grid-column-gap: 16%;
        grid-row-gap: 80px;
        height: auto;
        width: 100%;
        min-height: unset;
    }



.header_icon_block {
    grid-template-columns: 110px auto;
    grid-column-gap: 10px;
    display: inline-grid;
    align-items: center;
    height: auto;
    width: 100%;
}


.text_icon {
    display: block;
    position: relative;
    width: 110px;
    top: 0;
    left: -8px;
}

.section_text {
    font-family: 'Montserrat';
    color: #000;
    font-weight: 400;
    margin-top: 10px;
    hyphens: auto;
    display: inline-block;
    font-size: 16px;
}


.slide3 .sub-header {
    font-family: 'Montserrat';
    font-size: 20px;
    margin-top: 0;
    line-height: 1.2;
    font-weight: 700;
    color: #6c62ce;
}


.slide3 .grid_item {
    position: relative;
}


.slide2 .text {
    display: block;
    font-size: 20px;
    margin-top: 5px;
    font-family: 'Montserrat';
    font-style: normal;
    margin-bottom: 20px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 0.7;
    color: #fff;
}

.huge_but_icon {
    width: 220px;
    margin-left: 50%;
    left: -110px;
    position: relative;
    display: inline-block;
    margin-top: 10px;
    transition: transform 0.5s ease-in-out;
}


a.huge_but {
    border-radius: 18px;
    text-align: center;
    padding: 20px;
    display: block;
    overflow: hidden;
    text-transform: none;
    transition: transform 0.5s ease-in-out;
}

    a.huge_but:hover {
        transform: scale(1.05);
        text-decoration: none;
    }


.header_section .header {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    margin-top: 5vh;
    font-size: 50px;
    line-height: 1.1;
    text-align: center;
    color: #6c62ce;
    text-transform: uppercase;
    text-shadow: none;
    position: relative;
}



.header_section {
    margin-bottom: 60px;
    position: relative;
}




    .header_section .header_color_2 {
        color: #03EAC0;
        display: block;
        font-weight: 500;
        font-size: 50px;
    }

.under_header_icone {
    width: 120px;
    display: block;
    margin: 20px auto;
}

.pred_icon {
    display: block;
    width: 210px;
    margin-top: 10px;
    left: 50%;
    position: relative;
    margin-left: -105px;
}

.pred_name {
    height: 70px;
    background-color: rgba(255, 255, 255, 0.9);
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 500;
    vertical-align: middle;
    align-items: center;
    display: grid;
}

.pred {
    overflow: hidden;
    border-radius: 18px;
    box-shadow: 0 3px rgba(0, 0, 0, 0.2);
}

.color1 {
    background: linear-gradient(130deg, #0ABDE0 0%, #0298c1 120%);
    color: #0298c1;
}


.color2 {
    background: linear-gradient(130deg, #00d3a1 0%, #00a984 120%);
    color: #20a789;
}



.color3 {
    background: linear-gradient(130deg, #017ea1 0%, #226177 120%);
    color: #226177;
}


.color4 {
    background: linear-gradient(130deg, #DDBF6B 0%, #C9AA4C 120%);
    color: #7a6525;
}

.color5 {
    background: linear-gradient(130deg, #07e1cc 0%, #02b5a2 120%);
    color: #079183;
}


.grid_section_2 {
    display: inline-grid;
    grid-template-columns: 200px 200px 200px 200px;
    width: 100%;
    column-gap: 25px;
    grid-row-gap: 25px;
    max-width: 875px;
    position: relative;
    height: auto;
    margin-bottom: 20px;
    z-index: 5;
    min-height: unset;
}


.yellow {
    background: linear-gradient(142.73deg, #FFD375 -0.93%, #FFB72B 91.76%);
    box-shadow: 0 4px #eba06b;
}

.green {
    background: linear-gradient(142.73deg, #00EABD -0.93%, #02C9A3 91.76%);
    box-shadow: 0 4px #15ac8f;
}


.violet {
    background: linear-gradient(142.73deg, #9187F6 -0.93%, #6A60CD 91.76%);
    box-shadow: 0 4px #5447b2;
}



.background-wave {
    height: 220px;
    width: 120%;
    background-image: url('//uploads.cdn.uzdevumi.lv/upload/ProductLandingTemplateFiles/id-31912/ver-68/images/w_wave_2.svg');
    position: absolute;
    background-position: center bottom;
    background-repeat: repeat-x;
/*    transform: scaleY(0.4) translateY(0);
*/    transform-origin: 100% 50%;
    background-size: 4000px;
    bottom: -5px;
    transform-origin: bottom;
    left: -12%;
    z-index: 3;
/*    transition: 1s ease-in-out;
*/}



.background-wave_3 {
    height: 100%;
    width: 100%;
    position: absolute;
    background-position: center top;
    background-image: url('//uploads.cdn.uzdevumi.lv/upload/ProductLandingTemplateFiles/id-31912/ver-68/images/tri.svg');
    background-size: 2700px;
    background-repeat:repeat-x;
    opacity: 0.5;
    top: 150px;
    transition: 1s ease-in-out;
}

.slide4 .background-wave_2 {
    height: 200px;
    width: 100%;
    background-image: url('//uploads.cdn.uzdevumi.lv/upload/ProductLandingTemplateFiles/id-31912/ver-68/images/w_wave_4.svg');
    position: absolute;
    background-position: center top;
    background-repeat: repeat-x;
    transform: scaleY(1) translateY(0);
    background-size: 3000px;
    bottom: -8px;
    z-index: 3;
    transition: 1s ease-in-out;
}

.slide4 .grid_section_2 .grid_item:hover {
    opacity: 0.5;
    text-decoration: none;
    transform-origin: 50% 40%;
    transition: 0.4s;
}


.slide4 .grid_section_2 {
    display: grid;
    grid-template-columns: 45% 47%;
    width: 100%;
    max-width: 1200px;
    margin: 12vh auto 0 auto;
    column-gap: 8%;
    height: auto;
    min-height: unset;
}


.slide4 .grid_section_3 {
    display: grid;
    grid-template-columns: 49% 49%;
    width: 100%;
    max-width: 860px;
    margin: 8vh auto 0 auto;
    column-gap: 2%;
    margin-bottom: -560px;
    z-index: 50;
    height: auto;
    position: relative;
    min-height: unset;
}

.slide4 .grid_section_2 .img-wrap {
    left: -50px;
    position: relative;
}

.space {
    height: 400px;
}

.proff_frame .header {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    max-width:none;
    margin-left: -40px;
    border-radius: 8px 8px 0 0;
    margin-right: -40px;
    padding: 40px;
    margin-top: -42px;
    font-size: 24px;
    display:block;
    background-color: #887EEC;
    margin-bottom: 20px;
    line-height: 1;
    color: white;
    text-transform: uppercase;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
}


.proff_frame a.pieslegt_buttons {
    margin-top: 20px;
}

.proff_frame .header_2 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    margin-left: -40px;
    border-radius: 8px 8px 0 0;
    margin-right: -40px;
    padding: 40px;
    background-image: url('//uploads.cdn.uzdevumi.lv/upload/ProductLandingTemplateFiles/id-31912/ver-68/images/stars.svg');
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -42px;
    font-size: 24px;
    background-color: #07C69D;
    margin-bottom: 20px;
    line-height: 1;
    color: white;
    text-transform: uppercase;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
}



.proff_frame .text {
    padding-left: 60px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    position: relative;
    text-align: left;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}


.bulet_1 {
    position: absolute;
    left: 0;
}

.no_border {
    border-bottom: none !important;
}

.bulet_X {
    position: absolute;
    top: 24px;
    left: 0;
}


.proff_frame {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 40px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 40px;
    position: relative;
}


@media (max-width: 400px) {

    .proff_frame {
        padding: 20px;
    }

        .proff_frame .header {
            margin-left: -20px;
            margin-right: -20px;
        }

        .proff_frame .header_2 {
            margin-left: -20px;
            margin-right: -20px;
        }


        .proff_frame .text {
            padding-left: 40px;
        }

    .bulet_1 {
        width: 24px;
    }

    .bulet_X {
        width: 18px;
    }
}


/*.slide4 .grid_section_2 .grid_item {
    transition: 0.6s;
}*/


.slide5 a.pieslegt_buttons {
    margin-top: 40px;
}


.slide4 .background-wave {
    height: 200px;
    width: 120%;
    background-image: url('//uploads.cdn.uzdevumi.lv/upload/ProductLandingTemplateFiles/id-31912/ver-68/images/w_wave_3.svg');
    position: absolute;
    background-position: center bottom;
    background-repeat: repeat-x;
    transform: scaleY(1) translateY(0);
    background-size: 4000px;
    top: 0;
    left: -12%;
    z-index: 3;
    transition: 1s ease-in-out;
}


.text_wrap {
    margin-top: 10px;
}



.slide4 {
    position: relative;
    text-align: center;
    padding-top: 10vh;
    padding-bottom: 200px;
    margin-bottom: -60px;
}


.slide5 {
    position: relative;
    z-index: 3;
    max-width: 1000px;
    margin: 10vh auto;
}

.slide6 {
    position: relative;
    z-index: 2;
    max-width: 1000px;
    margin: 10vh auto 5vh auto;
}

.slide7 {
    position: relative;
    z-index: 2;
    max-width: 860px;
    margin: 0vh auto 0 auto;
}

.slide8 {
    position: relative;
    z-index: 2;
    max-width: 860px;
    margin: 5vh auto 80px auto;
}

.block_wrap {
    background: #876CD6;
    box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.10);
    border-radius: 10px;
    padding: 40px 20px 40px 20px;
    width: 100%;
    color: white;
    align-items: center;
    text-align: center;
    min-height: 70px;
    position: relative;
}



.slide8 .block_wrap {
    background: #ffffff;
    display: grid;
    padding: 0;
    align-items: center;
    grid-template-columns: 50% 10% 40%;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}

.slide8 .header {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    text-align: left;
}

.slide8 .header_wrap {
    background: #876CD6;
    width: 100%;
    border-radius: 10px 0 0 10px;
    height: 100%;
    padding: 60px;
}

.slide8 .img_wrap {
    background: #876CD6;
    height: 100%;
    display: grid;
    margin-left: -70px;
    align-items: center;
    border-radius: 0;
    overflow: visible;
}


.slide8 .header_2 {
    padding-left: 50px;
}

.img_icon {
    width: 180px;
    margin-bottom: -30px;
}

.slide7 .header {
    font-style: normal;
    font-weight: 400;
    /* margin-top: -100px; */
    font-size: 30px;
    line-height: 1.2;
    color: white;
    max-width: 500px;
    display: inline-block;
    text-transform: uppercase;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
}

.slide7 .img-wrap {
    width: 100%;
    position: relative;
}

.footer-phone {
    text-align: left;
    color: #876CD6;
    display: block;
    letter-spacing: 2px;
    font-size: 28px;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Montserrat';
    font-weight: 400;
    /*    margin-bottom: 10px;
*/ margin-top: 0px;
    position: relative;
}

.footer-meil {
    text-align: left;
    color: #876CD6;
    display: block;
    text-decoration: none;
    font-size: 22px;
    cursor: pointer;
    font-family: 'Montserrat';
    font-weight: 600;
    position: relative;
}


a.footer-meil:hover, a.footer-phone:hover {
    text-decoration: none;
    color: #876CD6;
    opacity: 0.75;
}

.slide7 a.pieslegt_buttons {
    display: block;
    font-family: 'Montserrat';
    max-width: 350px;
    border: 6px solid white;
    font-weight: 500;
    margin-top: 30px;
    text-align: center;
    background-color: #FFBD00;
    cursor: pointer;
}


    .slide7 a.pieslegt_buttons:hover {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.39), 0 0 0 20px rgba(255, 255, 255, 0.16);
        transition: 0.3s ease-in;
        text-decoration: none;
    }

.is-visible .circule_back_2 {
    position: absolute;
    left: 90px;
    transform: scale(1.1);
    top: 15.5%;
    opacity: 0.4;
    width: 90%;
}

.circule_back_2 {
    position: absolute;
    /*    right: -184px;
*/ transform: scale(0.8);
    /*    bottom: -160px;
*/ transition: 1s ease-in-out;
}


.slide2 .header {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-size: 55px;
    line-height: 1;
    margin-bottom: 20px;
    text-align: left;
    color: #6c62ce;
    text-transform: uppercase;
    text-shadow: none;
    position: relative;
}

.slide2 .grid_section_2 {
    display: inline-grid;
    grid-template-columns: 45% 47%;
    width: 100%;
    column-gap: 8%;
    height: auto;
    min-height: unset;
}


.slide2 .header_color_2 {
    color: #03EAC0;
    display: inline;
    letter-spacing: -2px;
    font-weight: 500;
    font-size: 50px;
}


.girl_img {
    width: 110%;
    position: relative;
}

.slide4 .grid_section_2 .header {
    color: white !important;
    font-family: 'Montserrat';
    font-style: normal;
    margin-bottom: 20px;
    font-weight: 800;
    /* margin-top: -100px; */
    font-size: 55px;
}



.slide4 .grid_section_2 .section_text {
    color: white;
    font-size: 18px;
    margin-bottom: 10px;
    hyphens: none;
}


.slide4 .grid_section_2 .header_color_2 {
    color: white;
    display: inline;
    line-height:1.2;
    letter-spacing: -2px;
    font-weight: 500;
    font-size: 55px;
}



.slide4 .header {
    color: white;
}

.slide4 .grid_section_2 .header {
    color: #03EAC0 !important;
}

.slide4 .header_color_2 {
    color: white !important
}

/*.is-visible .background-wave {
    transform: scaleY(1.0) translateY(0px);
}
*/



.slide4 .grid_section {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    width: 100%;
    column-gap: 2%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 760px;
    position: relative;
    z-index: 5;
    min-height: unset;
}

.shadow {
    max-height: 1001px;
    height: 100%;
    position: absolute;
    right: -40px;
    opacity: 0.5;
    filter: blur(10px);
    bottom: -96px;
    transform: rotate(0deg);
    transform-origin: 50% 100%;
    transition: 1s ease-in-out;
}

/*.is-visible .shadow {
    position: absolute;
    right: -100px;
    opacity: 0.3;
    bottom: -10px;
    transform: rotate(2deg);
    transform-origin: 50% 100%;
}*/



.is-visible .shadow {
    position: absolute;
    right: -53px;
    opacity: 0.5;
    bottom: -10px;
    filter: blur(50px);
    transform: rotate(-2deg);
    transform-origin: 50% 100%;
}

.circule_back {
    position: absolute;
    right: -184px;
    transform: scale(0.8);
    bottom: -160px;
    max-height: 720px;
    height: 108%;
    transition: 1s ease-in-out;
}


.is-visible .circule_back {
    position: absolute;
    right: -130px;
    transform: scale(1.8);
    bottom: 200px;
    /*    animation-delay: 2s;
    animation: cir_moove 30s ease-in-out infinite;*/
}

@keyframes cir_moove {
    0% {
        transform: translateY(0) scale(1.8);
    }

    25% {
        transform: translateY(50px) scale(1.8);
    }

    50% {
        transform: translateY(0) scale(1.8);
    }

    75% {
        transform: translateY(30px) scale(1.8);
    }

    100% {
        transform: translateY(0) scale(1.8);
    }
}


.header_slide .header_color_2 {
    color: white;
    margin-left: -10px;
    display:inline-block;
    font-weight: 900;
    /*    letter-spacing: 3.3px;
*/ font-size: 191px;
}

.bolder {
    font-weight: 900;
    font-size: 20px;
    text-transform: uppercase;
    display: block;
}


.slide5 .sub-header {
    font-size: 17px;
    font-family: 'Montserrat';
    line-height: 1.2;
    max-width: 320px;
    display: inline-block;
    margin-top: 0;
    text-align: left;
    font-weight: 400;
    text-transform: none;
    color: #766CD6;
}


.slide5 .grid_section_header {
    grid-template-columns: 90px auto;
    grid-column-gap: 20px;
    display: inline-grid;
    margin-bottom: 20px;
    align-items: center;
    height: auto;
    width: 100%;
}


.img_wrap {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    display: block;
    margin-left: -5px;
    background-color: aqua;
    overflow: hidden;
}


.slide_padding {
padding:0;
}


.slide5 .section_text {
    font-size: 15px;
    font-family: 'Montserrat';
    text-align: left;
    color: #424242;
}

.slide5 .grid_section {
    display: inline-grid;
    grid-template-columns: 32% 32% 32%;
    width: 100%;
    height: auto;
    margin-top: 10px;
    column-gap: 2%;
    min-height: unset;
}

.slide5 .grid_item {
    text-align: left;
    padding: 30px 35px;
    position: relative;
    margin: 10px;
    min-height: 375px;
    background-color: white;
    border-radius: 18px;
}



.slide6 .grid_section {
    display: inline-grid;
    grid-template-columns: 20% 20% 20% 20%;
    height: auto;
    width: 100%;
    margin-top: 60px;
    column-gap: 6.6666%;
    min-height: unset;
}



.slide6 .sub-header {
    font-family: 'Montserrat';
    font-size: 20px;
    line-height: 1.2;
    margin-top: 0;
    text-align: center;
    font-weight: 700;
    color: #6c62ce;
}

.icon {
    display: block;
    margin: auto;
}

.trangel {
    position: absolute;
    bottom: -31px;
    width: 40px;
    margin: auto;
    left: 50%;
    margin-left: -10px;
}

.person {
    width: 100%;
}

.color_yellow {
    border: 3px solid #ECBC5B;
}

.color_green {
    border: 3px solid #00c9a5;
}

.color_violet {
    border: 3px solid #887EEC;
}

.header_color_2 {
    color: #03EAC0;
    margin-left: 0;
    /*    letter-spacing: 3.3px;
*/ font-size: 125px;
}


.header_slide {
    position: relative;
    max-width: 1300px;
    padding-left: 60px;
    padding-right: 60px;
    margin: auto;
}





.grid_item_B {
    text-align: right;
    position: relative;
}


.grid_item_A {
    align-self: center;
    z-index: 10;
    text-align: left;
    margin-top: -70px;
}


.boy_img {
    position: absolute;
    right: -150px;
    bottom: 10px;
    max-height: 1100px;
    height: 100%;
}




.proff_logo_wrap {
    position: absolute;
    right: -150px;
    bottom: 10px;
    max-height: 1100px;
    height: 100%;
}


.element_1 {
    animation: rotation_1 18s linear infinite;
    transform: scale(1.5);
    transform-origin: 50% 50%;
}


.element_2 {
    animation: rotation_1 20s linear reverse infinite;
    transform-origin: 50% 50%;
}

.element_3 {
    animation: rotation_1 12s linear infinite;
    transform-origin: 50% 50%;
}

.element_4 {
    animation: rotation_1 16s linear infinite;
    transform-origin: 50% 50%;
}



.element_zoom {
    animation: rotation_2 16s linear infinite;
    transform-origin: 50% 50%;
}


.element_logo_1 {
    animation: rotation_1 18s linear reverse infinite;
    transform-origin: 50% 32.2%;
}


.element_logo_2 {
    animation: rotation_1 20s linear infinite;
    transform-origin: 50% 37.6%;
}

.element_logo_3 {
    animation: rotation_1 12s linear reverse infinite;
    transform-origin: 50% 61.5%;
}

.element_logo_4 {
    animation: rotation_1 16s linear reverse infinite;
    transform-origin: 50% 68.2%;
}



@keyframes rotation_1 {
    0% {
        transform: rotate(0)
    }

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


@keyframes rotation_2 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.5)
    }

    100% {
        transform: scale(1)
    }
}



.logo_set_1 {
    position: absolute;
    bottom: 10px;
    width: auto;
    transform: translateX(25%) translateY(200px) scale(0.5);
    right: -200px;
    max-height: 1100px;
    height: 100%;
}


.flash_l {
    animation: flash 3s ease-in-out infinite;
    opacity: 0;
    transform-origin: 50% 68.2%;
}

@keyframes flash {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
    }
}



.show-on-scroll .is-visible .logo_set_1 {
    animation: zoom_logo 2s ease-in-out forwards;
}

@keyframes zoom_logo {

    0% {
        transform: translateX(25%) translateY(200px) scale(0.5);
    }



    60% {
        transform: translateX(25%) translateY(-10px) scale(1.1);
    }

    100% {
        transform: translateX(25%) translateY(0) scale(1);
    }
}

.logo_glou {
    height: 100%;
    transform-origin: 100% 50%;
    animation: logo_glou 30s ease-in-out infinite;
    animation-delay: 2s;
}


@keyframes logo_glou {

    0% {
        transform: translateY(0) scale(1);
    }

    25% {
        transform: translateY(50px) scale(1.2);
    }

    50% {
        transform: translateY(0) scale(1);
    }

    75% {
        transform: translateY(30px) scale(1.1);
    }

    100% {
        transform: translateY(0) scale(1);
    }
}


.x-container {
    margin: auto;
    max-width: 1200px;
    padding-left: 40px;
    padding-right: 40px;
}

.slide-height {
    height: 100vh;
    min-height: 500px;
}

.vertical-center {
    display: grid;
    align-items: center;
}

.large-header {
    font-weight: 900;
    font-size: 50px;
    line-height: 1.2;
    margin-bottom: 40px;
    text-transform: uppercase;
    color: #fff;
}

.sub-header {
    font-size: 20px;
    max-width: 320px;
    display: inline-block;
    margin-top: 20px;
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
}



.normal-text {
    font-size: 17px;
    line-height: 1.4;
    display: block;
    font-family: 'Montserrat';
    padding: 0 20px;
    color: #fff;
}


.normal-text_bold {
    font-size: 18px;
    line-height: 1.4;
    display: inline-block;
    max-width: 230px;
    font-family: 'Montserrat';
    font-weight: 600;
    padding: 0 20px;
    color: #fff;
}

.slide4 .img-wrap img {
    margin-bottom: 5px;
}


.slide4 .digit-circle {
    height: 40px;
    width: 40px;
    padding: 10px;
    display: block;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    color: #fff;
    z-index: 1;
    position: relative;
    box-shadow: 0 0 0 4px white;
    border-radius: 100%;
    background-color: #00888b;
}

.slide4 .digit-line {
    height: 1px;
    background-color: white;
    width: 220%;
    z-index: 0;
    position: relative;
    top: -20px;
    margin-left: -60%;
}



@media (max-width: 1200px) {
   
        .slide3 .grid_section

{
    display: inline-grid;
    grid-template-columns: 47% 47%;
    grid-column-gap: 6%;
    grid-row-gap: 40px;
  
}
    }






@media (max-width: 1400px) {
    .slide5 {
        width: 900px;
    }
}



@media (max-width: 1276px) {


    .slide5 {
        width: 650px;
        display: block;
    }
}




    .max-width-500 {
        max-width: 500px;
    }

    .text-center {
        text-align: center;
    }

    .text-right {
        text-align: right;
    }

    .zoom-animation {
        transform: scale(0.9) translateY(5%);
        opacity: 0.5;
        transform-origin: 50% 100%;
        transition: all 0.7s ease-in-out;
    }

        .zoom-animation.is-visible {
            transform: none;
            opacity: 1;
            transform-origin: 50% 100%;
        }

    .first-slide-content .slide-height {
        min-height: 600px;
        height: 80vh;
    }

    .img-responsive {
        display: inline-block;
        width: auto;
        min-width: 100px;
    }

    .background-fixed {
        background: #00ae97;
        background-image: radial-gradient(farthest-corner at 85% 50%, #01bfa7 -5%, #006178 75%);
        width: 100%;
        height: 100vh;
        position: fixed;
        z-index: -1;
        top: 0;
    }

    .slide-background-dark {
        background-color: rgba(255, 255, 255, 0.09);
    }

    .slide-background-light {
        background-color: rgba(255, 255, 255, 0.9);
    }

        .slide-background-light .large-header {
            color: #004e73;
        }

        .slide-background-light .sub-header {
            color: #004e73;
        }

        .slide-background-light .normal-text {
            color: #004e73;
        }

    a.slider-button {
        display: inline-block;
        position: relative;
        color: #000;
        font-family: 'Montserrat';
        font-size: 17px;
        margin-top: 8px;
        color: #fff;
        border-radius: 26px;
        border: 2px solid rgba(255, 255, 255, 0.39);
        padding: 12px 50px;
        cursor: pointer;
        transition: 0.3s ease-in;
    }

        a.slider-button:hover {
            box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.80), 0 0 0 15px rgba(255, 255, 255, 0.40);
            transition: 0.3s ease-in;
            text-decoration: none;
        }


    a.slider-button_2 {
        display: inline-block;
        position: relative;
        color: #000;
        font-family: 'Montserrat';
        font-size: 17px;
        min-width: 230px;
        text-align: center;
        margin-top: 8px;
        color: #fff;
        background-color: #00c9a5;
        border-radius: 30px;
        padding: 16px 50px;
        cursor: pointer;
        transition: 0.3s ease-in;
    }

        a.slider-button_2:hover {
            box-shadow: 0 0 0 5px rgba(4, 210, 173, 0.39), 0 0 0 20px rgba(4, 210, 173, 0.16);
            transition: 0.3s ease-in;
            text-decoration: none;
        }


    .show-xs {
        display: none;
    }

    .menu-wrap {
        height: 10px;
        position: relative;
        margin-bottom: 120px;
        z-index: 6;
    }

        .menu-wrap .menu-header {
            padding-top: 52px;
            position: fixed;
            width: 100%;
            z-index: 2;
            transition: all 0.3s ease-in-out;
            top: 0;
        }

            .menu-wrap .menu-header .logo {
                margin-top: 12px;
                width: 220px;
                position: absolute;
                top: 48px;
            }

            .menu-wrap .menu-header .logo-wrap {
                height: 55px;
                overflow: visible;
                display: inline-block;
            }

            .menu-wrap .menu-header .menu-btn {
                display: inline-block;
                color: #000;
                margin-left: 15px;
                margin-top: 0;
                font-family: 'Montserrat';
                font-style: normal;
                font-weight: 700;
                text-transform: uppercase;
                line-height: 0.7;
                font-size: 14px;
                color: #fff;
                border-radius: 50px;
                border: 2px solid rgba(255, 255, 255, 0.5);
                padding: 18px 24px 16px 24px;
                cursor: pointer;
                box-shadow: 0 0 0 0 #ffffff00, 0 0 0 0 #ffffff00;
                transition: 0.3s ease-in;
            }

                .menu-wrap .menu-header .menu-btn:hover {
                    text-decoration: none;
                    color: white;
                    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.8), 0 0 0 10px rgba(255, 255, 255, 0.5);
                    transition: 0.3s ease-in;
                }

            .menu-wrap .menu-header .login_text {
                display: inline-block;
                margin-left: 5px;
            }

            .menu-wrap .menu-header .login-btn {
                border: 2px solid #6155bb;
                background-color: #6155bb;
                color: #fff;
            }

            .menu-wrap .menu-header .login-icon {
                margin-top: -10px;
                margin-bottom: -5px;
            }

        .menu-wrap.is-hide .menu-header {
            top: -40px;
            background-color: rgba(40, 30, 70, 0.85);
            transition: all 0.5s ease-in-out;
        }

    .slide-1-row {
        position: relative;
        overflow: hidden;
    }

        .slide-1-row .background-1 {
            position: absolute;
            width: 100%;
            height: 100vh;
            top: 0;
            left: 0;
            background-image: url('//uploads.cdn.uzdevumi.lv/upload/ProductLandingTemplateFiles/id-31912/ver-68/images/Back_wave.svg');
            background-repeat: no-repeat;
            background-size: 75%;
            background-position: bottom right;
            opacity: 0.4;
            background-position-x: 130%;
            animation-name: wave_animation_2;
            animation-duration: 40s;
            animation-iteration-count: infinite;
            animation-timing-function: ease-in-out;
        }

        .slide-1-row .background-2 {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: linear-gradient(166deg, #AAA2EF -30%, #6A60CD 80%);
        }


    .slide4 .background-2 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: linear-gradient(166deg, #AAA2EF -30%, #6A60CD 80%);
    }


    .slide-1-row .background-5 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: radial-gradient(65.83% 196.5% at 69.58% 85.48%, #00ffd0 0%, #006281 100%);
        animation: glow 220s linear infinite;
    }


    @keyframes glow {
        0% {
            opacity: 0;
        }

        50% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    .slide-1-row .background-3 {
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        background-image: url(../images/Back_wave_2.svg);
        background-repeat: no-repeat;
        position: absolute;
        background-size: 55%;
        background-position: bottom right;
        opacity: 0.4;
        background-position-y: 45vh;
        background-position-x: 120%;
        animation-name: wave_animation_2;
        animation-duration: 20s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    .slide-1-row a.slider-button_green {
        display: inline-block;
        position: relative;
        color: #000;
        font-size: 17px;
        text-align: center;
        min-width: 160px;
        margin-bottom: 30px;
        margin-top: 8px;
        margin-right: 10px;
        color: #fff;
        background-color: #00ada0;
        border-radius: 30px;
        padding: 15px 20px;
        cursor: pointer;
        box-shadow: 0 2px #00000026, 0 0 0 0 #ffffff00, 0 0 0 0 #ffffff00;
        transition: 0.3s ease-in;
    }

    @media (hover: hover) and (pointer: fine) {
        a.slider-button_green:hover {
            box-shadow: 0 0 0 5px #ffffff3d, 0 0 0 20px #ffffff3d;
            z-index: 1;
            transition: 0.3s ease-in;
            text-decoration: none;
        }
    }

    .slide-5-row .slide-height {
        min-height: 750px;
    }

    .slide-5-row .row-buffer {
        margin-top: 10vh;
    }

    .slide-6-row .slide-height {
        min-height: 750px;
    }

    .slide-6-row .digit-circle {
        height: 40px;
        width: 40px;
        padding: 10px;
        display: block;
        margin-left: auto;
        text-align: center;
        margin-right: auto;
        color: #fff;
        z-index: 1;
        position: relative;
        box-shadow: 0 0 0 4px white;
        border-radius: 100%;
        background-color: #00888b;
    }

    .slide-6-row .digit-line {
        height: 1px;
        background-color: white;
        width: 200%;
        z-index: 0;
        position: relative;
        top: -20px;
        margin-left: -50%;
    }

    .slide-6-row .img-wrap img {
        padding: 25px;
    }

    .slide-6-row .text-wrap {
        padding: 0 50px;
    }

    .slide-7-row .x-container {
        max-width: 1000px;
    }

    .slide-7-row .thumbnails {
        border: none;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-align: center;
    }

        .slide-7-row .thumbnails li {
            text-align: center;
            display: inline-block;
            vertical-align: top;
            width: 146px;
            margin-bottom: 40px;
        }

    .slide-7-row .icon {
        width: 85px;
        height: 85px;
        background-position: -85px -1px;
        background-repeat: no-repeat;
        margin: 0 auto;
        margin-bottom: 10px;
        background-size: 170px;
    }

    .slide-8-row {
        text-align: center;
        padding: 60px 0;
    }

        .slide-8-row .large-header {
            display: inline-block;
            max-width: 700px;
        }

        .slide-8-row .img-wrap {
            margin-bottom: 20px;
        }

            .slide-8-row .img-wrap img {
                width: 120px;
                height: 120px;
                border-radius: 100%;
                box-shadow: 0 0 0 0px #ffffff00, 0 0 0 0px #ffffff00;
                transition: 0.3s ease-in;
            }

        .slide-8-row .reg-button {
            display: inline-block;
            width: 200px;
            position: relative;
        }

        .slide-8-row a.reg-button:hover {
            text-decoration: none;
            z-index: 1;
        }

            .slide-8-row a.reg-button:hover img {
                box-shadow: 0 0 0 80px #ffffff3d, 0 0 0 40px #ffffff3d;
            }

    .reg-popup {
        width: 100%;
        height: 100vh;
        position: fixed;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 100;
        display: none;
        overflow: auto;
        top: 0;
        left: 0;
    }

        .reg-popup.selected {
            display: inline-grid;
            transform: scale(1.5);
            animation-name: pop_up;
            animation-duration: 0.5s;
            animation-fill-mode: forwards;
            animation-timing-function: ease-in-out;
        }

        .reg-popup .reg-popup-container {
            background-color: #fff;
            width: 650px;
            margin-left: auto;
            text-align: center;
            height: auto;
            box-shadow: 0 15px 0 -5px #0000004d;
            margin-right: auto;
            align-self: center;
            z-index: 5;
            border-radius: 18px;
        }

        .reg-popup .reg-popup-header {
            text-transform: uppercase;
            display: block;
            width: 100%;
            font-weight: 700;
            border-radius: 15px 15px 0 0;
            margin-right: auto;
            margin-bottom: 60px;
            font-family: 'Montserrat';
            padding: 40px;
            margin-left: auto;
            font-size: 30px;
            border-bottom: 3px solid rgba(84, 74, 183, 0.66);
            background: linear-gradient(142.73deg, #9187F6 -0.93%, #6A60CD 91.76%);
            color: #fff;
        }

        .reg-popup .reg-text {
            color: #00c9a8;
            font-size: 18px;
            text-align: center;
            margin-left: auto;
            line-height: 1.2;
            margin-top: 20px;
            width: 195px;
            text-decoration: none;
            max-width: 100px;
            width: 100%;
            margin-right: auto;
        }

        .reg-popup a.reg-button {
            display: inline-block;
            position: relative;
            width: 200px;
        }

            .reg-popup a.reg-button img {
                width: 120px;
                height: 120px;
                border-radius: 100%;
                box-shadow: 0 0 0 0px #ffffff00, 0 0 0 0px #ffffff00;
                transition: 0.3s ease-in;
            }

            .reg-popup a.reg-button:hover {
                text-decoration: none;
                z-index: 1;
            }

                .reg-popup a.reg-button:hover img {
                    width: 120px;
                    height: 120px;
                    border-radius: 100%;
                    transition: 0.3s ease-in;
                    box-shadow: 0 0 0 30px #8c81f021, 0 0 0 15px #8c81f04f;
                }

        .reg-popup .button_citaloma {
            color: #00c9a8;
            display: inline-block;
            margin-left: auto;
            font-size: 18px;
            text-decoration: underline;
            margin: 30px 10px 40px 10px;
        }

            .reg-popup .button_citaloma:hover {
                transition: 0.3s ease-in;
                opacity: 0.5;
            }

        .reg-popup .close-button {
            position: relative;
            top: 10px;
            right: 10px;
            overflow: hidden;
            padding: 7px 5px 0;
            width: 36px;
            height: 36px;
            border-radius: 100%;
            float: right;
            background-color: #00000000;
            cursor: pointer;
        }

            .reg-popup .close-button:hover {
                background-color: #0000002b;
            }

.footer {
    width: 100%;
    position: relative;
    padding: 40px 0 0 0;
    text-align: center;
    color: #7f7878;
}

        .footer .footer-mail {
            display: inline-block;
            cursor: pointer;
            font-size: 18px;
            color: white;
        }




        .footer .grid_section {
            max-width: 1120px;
            min-height: 180px;
            align-content: start;
            position: relative;
            height: auto;
            z-index: 4;
            grid-template-columns: auto 560px;
        }




    .footer_dark .grid_section {
        max-width: 1120px;
        grid-template-columns: 180px auto auto !important;
        align-content: center;
        align-items: center;
        height: auto;
        min-height: 60px;
    }


    .footer_table {
        display: inline-grid;
        grid-template-columns: 30% 30% 30%;
        grid-column-gap: 5%;
    }

    .footer_dark {
        background-color: rgba(0, 0, 0, 0.36);
        margin-top: 40px;
        width: 100%;
    }

    .footer .grid_item_B {
        text-align: left;
        position: relative;
    }

    .footer .background-wave {
        height: 200px;
        width: 120%;
        background-image: url(../images/w_wave_5.svg);
        position: absolute;
        background-position: center bottom;
        background-repeat: repeat-x;
        transform: scaleY(1) translateY(0);
        background-size: 3700px;
        top: 0;
        left: 0;
        z-index: 3;
        transition: 1s ease-in-out;
    }


    .social-wrap {
        position: absolute;
        bottom: 10px;
    }

    .cop {
        display: block;
        text-align: right;
        font-size: 14px;
        opacity: 0.5;
    }

    .slide4 .background-wave {
        height: 200px;
        width: 120%;
        background-image: url(../images/w_wave_3.svg);
        position: absolute;
        background-position: center bottom;
        background-repeat: repeat-x;
        transform: scaleY(1) translateY(0);
        background-size: 4000px;
        top: 0;
        left: -12%;
        z-index: 3;
        transition: 1s ease-in-out;
    }



    .footer .logo-wrap {
        display: inline-block;
    }

    .footer .footer-mail:hover {
        color: white;
    }

    .footer .footer-phone {
        text-align: left;
        color: #fff;
        display: block;
        font-size: 18px;
        cursor: pointer;
        font-family: 'Montserrat';
        font-weight: 500;
        position: relative;
    }




        .footer .footer-phone:hover {
            color: rgba(255, 255, 255, 0.46);
            text-decoration: none;
        }

    .footer .contacts-clm-wrap {
        /*margin-left:10%;*/
    }

    .footer .footer-uzd-logo {
        display: inline-block;
        position: relative;
        width: 160px;
        top: 15px;
    }

    .footer .social-icon-btn {
        display: inline-block;
        margin-right: 10px;
    }

    .footer .social-icon {
        width: 25px;
        margin-top: 10px;
        height: 30px;
        cursor: pointer;
    }

        .footer .social-icon:hover {
            opacity: 0.5;
        }

    .footer .f-menu-btn {
        width: 100%;
        border: 1px solid transparent;
        border-radius: 0;
        background-color: transparent;
        letter-spacing: 0;
    }

    .footer .w-button {
        display: inline-block;
        padding: 5px 0px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ffffff87;
        color: #fff;
        font-size: 14px;
        FONT-WEIGHT: 500;
        font-family: 'Montserrat';
        text-align: left;
        text-decoration: none;
        cursor: pointer;
    }




        .footer .w-button:hover {
            color: #fff;
            border-bottom: 2px solid #fff;
            margin-bottom: 9px;
        }

    @keyframes pop_up {
        0% {
            transform: scale(1.5);
            opacity: 0;
        }

        100% {
            transform: scale(1);
            opacity: 1;
        }
    }

 /*   @media (max-width: 991px) {
        .first-slide-content {
            margin-top: 30px;
        }

            .first-slide-content .slide-height {
                min-height: 0 !important;
                height: auto;
            }

        .slide-margins {
            margin: 100px 0 60px;
        }

        .slide-height {
            height: auto;
            min-height: 0;
            margin-bottom: 40px;
        }

        .slide_1_img {
            width: 60%;
        }

        .sm-text-rigth {
            text-align: right;
        }

        .price_wrap {
            text-align: center;
            width: 180px;
            height: 180px;
            position: absolute;
            left: -15px;
            top: -12px;
            margin: 20px auto;
        }

        .price_text {
            width: 100px;
            height: 100px;
            font-size: 22px;
            font-weight: 600;
            line-height: 1;
        }
    }*/


    .grid_item_mh {
        display: none;
    }


    @media (max-width: 1800px) {
        .boy_img {
            right: -20px;
        }

        .logo_set_1 {
            right: -20px;
        }

        .sl

        .logo_glou {
            transform-origin: 70% 50%;
        }
    }


    @media (max-width: 1400px) {
        .grid_section {
            height: auto;
        }

        /* .boy_img {
        right: -100px;
    }

    .logo_set_1 {
        right: -100px;
    }*/

        .slide5 .section_text {
            font-size: 14px;
            font-family: 'Montserrat';
            color: #3e3e3e;
        }

        .grid_item_A {
            margin-top: 20px;
        }

        .grid_item_mh {
            display: inline-block;
        }

        .x-container {
            padding-left: 0;
            padding-right: 0;
        }

        .grid_section_2 {
            grid-template-columns: 170px 170px 170px;
            width: 100%;
            column-gap: 10px;
            grid-row-gap: 15px;
            height: auto;
            max-width: 710px;
            justify-content: center;
        }

        .pred_name {
            font-size: 16px;
        }

        .slide2 .grid_section {
            display: inline-grid;
            grid-template-columns: 32% 32% 32%;
            width: 100%;
            height: auto;
            column-gap: 2%;
            min-height: unset;
        }
    }


    @media (max-width: 1200px) {
        .header_slide, .slide3 {
            padding-left: 30px;
            padding-right: 30px;
        }


        .slide4 .grid_section_2 .header {
            font-size: 42px;
        }

        .slide4 .grid_section_2 .header_color_2 {
            font-size: 50px;
        }


        .padding_box {
            padding-left: 30px;
            padding-right: 30px;
        }

        .slide4 .grid_section_2 {
            display: grid;
            grid-template-columns: 40% 59%;
            column-gap: 1%;
            margin: 10vh auto 0 auto;
        }
    }




    @media (max-width: 1400px) {
        .slide5 .grid_section {
            grid-template-columns: 32% 32% 32%;
            height: auto;
            column-gap: 2%;
        }

        .header_slide .header_color_2 {
            font-size: 140px;
        }

        .header {
            font-size: 59px;
        }
    }

    @media (max-width: 840px) {


        .bolder {
            font-size: 20px;
        }

        .order_1 {
            order: 0;
        }



        .order_2 {
            order: 0;
        }


        .order_3 {
            order: 3;
        }


        .footer .grid_section {
            height: auto;
            min-height: 100px;
            grid-template-columns: auto 400px;
        }

        .footer_table {
            display: inline-grid;
            grid-template-columns: 45% 45%;
            grid-column-gap: 10%;
        }

        .slide6 .sub-header {
            font-size: 16px;
        }

        .slide5 .grid_item {
            text-align: center;
            padding: 30px 20px;
            min-height:300px;
            position: relative;
            border-radius: 18px;
        }

        /*.header {
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 700;
            margin-top: -90px;
            font-size: 89px;
            line-height: 80px;
        }*/


        .slide3 .grid_section {
            display: inline-grid;
            grid-template-columns: 47% 47%;
            grid-column-gap: 6%;
            grid-row-gap: 80px;
            height: auto;
            width: 100%;
            min-height: unset;
            max-height: unset;
        }

        .header_slide .text {
            font-family: 'Montserrat';
            font-size: 19px;
            margin-top: 20px;
            margin-bottom: 25px;
            max-width: 380px;
        }

        /* .boy_img {
            position: absolute;
            right: 0;
            bottom: 10px;
            height: 500px;
        }

        .shadow {
            max-height: 500px;
            height: 100%;
            position: absolute;
            right: -40px;
        }*/

        .is-visible .shadow {
            position: absolute;
            right: -15px;
        }

        .grid_section {
            min-height: 520px;
            height: auto;
        }


        .slide7 .header {
            font-size: 22px;
            text-align: left;
        }

        .slide7 .header_color_2 {
            font-size: 40px;
        }
    }


    @media (max-height: 990px) {

        .header_slide {
            padding-left: 40px;
            padding-right: 40px;
            padding-top: 30px;
            margin: auto;
        }

            .header_slide .text {
                margin-top: 20px;
                margin-bottom: 25px;
            }

        .grid_item_A {
            align-self: center;
            z-index: 10;
            margin-top: 10px;
        }

        .header_slide {
            max-width: 1120px;
        }



            .header_slide .header_color_2 {
                font-size: 140px;
            }

        .slide4 .img-wrap img {
            padding: 5px 30px;
        }

        .grid_section {
            min-height: 520px;
            height: auto;
        }

        .slide2 {
            padding-top: 80px;
        }

        .huge_but_icon {
            width: 140px;
            left: -70px;
        }

        .header {
            font-weight: 700;
            font-size: 59px;
            margin-top: 0;
        }


        .slide3, .slide5, .slide6 {
            margin: 5vh auto;
        }

        .slide4 {
            margin-bottom: -100px;
        }




        .menu-wrap .menu-header {
            top: -30PX;
        }

        .menu-wrap {
            margin-bottom: 100px;
        }


        .header_section .header {
            margin-top: 80px;
        }
    }




    @media (max-width: 767px) {
        .slide-margins {
            margin: 80px 0 60px;
        }

        .slide4 .grid_section_2 .header {
            text-align: left;
            max-width: none;
            font-size: 40px;
        }


        .is-visible .circule_back_2 {
            left: 0;
            width: 100%;
        }

        .girl_img {
            width: 100%;
            left: -5%;
        }


        .is-visible .circule_back_2 {
            position: absolute;
            left: 0;
            transform: scale(1.1);
            top: 4.1%;
            opacity: 0.4;
            width: 100%;
        }


        .slide8 .header {
            font-size: 20px;
            text-align: center;
        }

        .slide8 .header_wrap {
            padding: 40px;
            border-radius: 10px 10px 0 0;
        }


        .slide8 .img_wrap {
            background: none;
            height: 100%;
            display: inline-block;
            margin-left: 0;
            align-items: center;
            width: 100%;
            margin-top: -40;
            margin-bottom: 15px;
            border-radius: 0;
            overflow: visible;
        }

        .slide8 .header_2 {
            padding-left: 0;
        }

        .footer-phone {
            text-align: center;
            display: block;
            margin-bottom: 20px;
            font-family: 'Montserrat';
            font-weight: 400;
            /* margin-bottom: 10px; */
            margin-top: 0px;
            position: relative;
        }

        .img_icon {
            width: 120px;
            margin-bottom: -5px;
        }

        .footer-meil {
            text-align: center;
            display: inline-block;
            font-size: 22px;
            margin-top:10px;
            cursor: pointer;
            font-family: 'Montserrat';

        }

        .slide8 .block_wrap {
            background: #ffffff;
            display: grid;
            padding: 0;
            align-items: center;
            grid-template-columns: 100%;
            box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
        }

        .slide4 .grid_section_2 .header_color_2 {
            font-size: 40px;
        }


        .slide4 .grid_section_2 .img-wrap {
            left:0;
            margin-bottom: -60px;
        }

        .slide4 .grid_section_3 {
            grid-template-columns: 100%;
            width: 100%;
            max-width: 400px;
            margin: 4vh auto 0 auto;
            margin-bottom: -530px;
        }

        .slide4 .grid_section_2 {
            display: grid;
            grid-template-columns: 100%;
            max-width: 400px;
            text-align: center;
            margin: 5vh auto 0 auto;
        }


        .footer .footer_dark .grid_section {
            padding: 0;
            height: auto;
            margin-top: 20px;
            grid-template-columns: 100% !important;
        }


        .slide6 .header_section {
            margin-bottom: 30px;
            margin-top: 60px;
            position: relative;
        }

        .boy_img {
            right: unset;
            left: 50%;
            margin-left: -108px;
        }

        .logo_set_1 {
            right: unset;
            left: 50%;
            margin-left: -108px;
        }

        .footer .grid_section {
            grid-template-columns: auto 400px;
            height: auto;
            min-height: unset;
            margin-top: 70px;
        }



        .cop {
            text-align: center;
            margin-top: 20px;
            margin-bottom: 20px;
            opacity: 0.5;
        }

        .slide7 {
            position: relative;
            z-index: 2;
            text-align: center;
            max-width: 1200px;
            margin: 20px auto 25px auto;
        }

            .slide7 .header {
                text-align: center;
            }


            .slide7 .grid_section {
                display: inline-grid;
                grid-template-columns: 100%;
                width: 100%;
                max-width: 400px;
                column-gap: 8%;
                min-height: unset;
            }

        .slide5 {
            position: relative;
            z-index: 3;
            text-align: center;
           width:400px;
            margin: 20px auto;
        }

            .slide5 .sub-header {
                font-size: 17px;
                margin-bottom: 0;
            }

        .slide6, .slide7, .slide8 {
            text-align: center;
            margin: 0;
            margin-bottom:20px;
        }

            .slide6 .grid_section {
                display: inline-grid;
                grid-template-columns: 100%;
                width: 100%;
                max-width: 300px;
                margin-top: 0;
                column-gap: 6.6666%;
                row-gap: 20px;
                justify-items: center;
                min-height: unset;
            }

        .slide5 .section_text {
            margin-top: 10px;
        }



        .header_section .header_color_2 {
            font-size: 35px;
            margin-bottom: 3px;
        }


        .slide5 .grid_section {
            display: inline-grid;
            grid-template-columns: 100%;
            width: 100%;
            grid-row-gap: 80px;
            max-width: 400px;
            margin-top: 60px;
            column-gap: 5%;
            min-height: unset;
            max-height: unset;
        }


        .slide3 {
            position: relative;
            z-index: 2;
            max-width: 840px;
            text-align: center;
            margin: 40px auto;
        }



        .slide2 .header_section {
            margin-bottom: 60px;
            margin-top: 60px;
            position: relative;
        }

        .slide4 .header_section {
            margin-bottom: 60px;
            margin-top: 60px;
            position: relative;
        }


        a.huge_but {
            position: relative;
            padding: 10px 0 20px 0;
            margin-bottom: 15px;
        }

        .slide2 {
            margin-top: -10px;
            padding-top: 0;
            z-index: 3;
        }

        .grid_section {
            padding: 0 20px;
        }
        /*
        .slide2 .grid_section {
            display: inline-grid;
            grid-template-columns: 100%;
            width: 100%;
            column-gap: 5px;
            min-height: unset;
        }*/


        .slide2 .text {
            display: block;
            font-size: 16px;
            margin-top: 0;
            font-family: 'Montserrat';
            font-style: normal;
            margin-bottom: 0;
            text-align: center;
            font-weight: 700;
        }

        .huge_but_icon {
            width: 120px;
            margin-left: 0;
            left: auto;
            top: -4px;
            position: relative;
            display: inline-block;
            transition: transform 0.5s ease-in-out;
        }




        .header_slide .grid_section {
            grid-template-columns: 100%;
            width: 100%;
            max-width: 500px;
            grid-template-rows: auto 380px;
            min-height: auto;
        }

        .header_slide {
            text-align: center;
            padding: 0;
        }

            /* .boy_img {
            height: 360px;
            left: 50%;
            margin-left: -115px;
        }*/

            .header_slide .grid_item_A {
                align-self: center;
                text-align: center;
                display: inline-block;
                z-index: 2;
            }

        .shadow {
            height: 360px;
            position: absolute;
            left: 50%;
            margin-left: -115px;
        }

        .is-visible .circule_back {
            position: absolute;
            left: 50%;
            margin-left: -200px;
            transform: scale(1.1);
            bottom: 50px;
            width: 400px;
        }


        .circule_back {
            position: absolute;
            left: 50%;
            margin-left: -200px;
            transform: scale(0.7);
            bottom: 50px;
            width: 400px;
        }

        .slide-1-row .background-2 {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: radial-gradient(80% 50% at 50% 60%, #AAA2EF 0%, #6A60CD 90%);
        }

        .header_slide .text {
            font-family: 'Montserrat';
            font-size: 16px;
            margin-top: 20px;
            margin-bottom: 25px;
            display: inline-block;
            max-width: 350px;
        }

        .header {
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 700;
            margin-top: 10px;
            display: inline-block;
            max-width: 350px;
            font-size: 32px;
            text-align: center;
            line-height: 1;
        }

        .header_slide .header_color_2 {
            font-size: 90px;
        }



        .header_section .header {
            margin-top: 0;
            font-size: 35px;
            line-height: 1;
            text-align: center;
            position: relative;
        }


        .text_icon {
            display: inline-block;
            position: relative;
            width: 70px;
            top: -1px;
            margin-bottom:10px;
            left: 0;
        }


        .slide_6_1_img {
        width:60px;
        }

        .header_icon_block {
            grid-template-columns: 100%;
            grid-column-gap: 20px;
            margin-bottom: 10px;
        }

        .slide3 .grid_section {
            display: inline-grid;
            grid-template-columns: 100%;
            grid-column-gap: 16%;
            grid-row-gap: 40px;
            padding: 0 40px;
            width: 100%;
            max-width: 400px;
            text-align: center;
            min-height: unset;
            max-height: unset;
        }

        .slide3 .section_text {
            margin-top: 0;
            display: inline-block;
            font-size: 16px;
        }

        .slide3 .sub-header {
            font-family: 'Montserrat';
            font-size: 18px;
            line-height: 1.2;
            margin-bottom: 0;
            text-align: center;
            max-width:none;
            margin-top: 0;
            font-weight: 700;
            color: #6c62ce;
        }

        .br_remoove {
            display: none;
        }


        .grid_section {
            grid-template-columns: 100%;
            width: 100%;
            min-height: auto;
        }

        .menu-header .grid_item_A {
            overflow: visible;
        }

        .menu-wrap .menu-header .logo {
            margin-top: 6px;
            width: 190px;
            top: 10px;
        }

        .menu-header .grid_section {
            display: inline-grid;
            grid-template-columns: 190px auto;
            width: 100%;
            padding: 0 20px;
            min-height: 52px;
        }

        .menu-wrap .menu-header .login_text {
            margin-left: 0px;
        }

        .login-icon {
            margin-right: 4px;
        }


        .x-container {
            padding-left: 16px;
            padding-right: 16px;
        }

        .text-center-mobile {
            text-align: center;
        }

        .max-width-500 {
            max-width: none;
        }

        .show-xs {
            display: none;
        }

        .hide-xs {
            display: inline-block;
        }

        .slide-height {
            margin-bottom: 20px;
        }

        .sub-header {
            font-weight: 600;
            font-size: 16px;
            max-width: 250px;
            margin-top: 0px;
            margin-bottom: 10px;
        }

        .large-header {
            font-size: 33px;
            margin-bottom: 20px;
        }

        .xs-top-buffer-40px {
            margin-top: 40px;
        }

        .xs-text-center {
            text-align: center;
        }

        .xs-text-rigth {
            text-align: right;
        }

        .menu-wrap {
            height: 20px;
            margin-bottom: 60px;
        }


        a.slider-button {
            font-size: 15px;
        }


        .menu-wrap .menu-header {
            padding-top: 8px;
            margin-top: 0px;
            top: 0;
        }

            .menu-wrap .menu-header .menu-btn {
                font-size: 12px;
                margin-left: 11px;
                margin-top: 0;
                margin-left: 8px;
                border: 2px solid #6155bb;
                padding: 17px 14px 14px 14px;
            }

            .menu-wrap .menu-header .reg-btn {
                border: 2px solid rgba(255, 255, 255, 0.45);
            }

            .menu-wrap .menu-header .login-btn {
                margin-left: 5px;
            }

            .menu-wrap .menu-header .logo-mob {
                margin-top: 3px;
            }

            .menu-wrap .menu-header .logo-wrap {
                height: 40px;
            }

        .menu-wrap.is-hide .menu-header {
            top: 0;
            padding-top: 8px;
            margin-top: 0px;
        }

        .first-slide-content {
            margin: 0 0 90px !important;
        }

        .normal-text {
            font-size: 16px;
        }

        .slide-1-row {
            position: relative;
        }

            .slide-1-row .slide_1_img {
                width: 70%;
            }

            .slide-1-row .background-1 {
                background-size: 150%;
                opacity: 0.8;
                background-position-y: 70%;
                background-position-x: 10%;
            }


            .slide-1-row a.slider-button_green {
                display: block;
                font-size: 15px;
                text-align: center;
                min-width: 160px;
                margin-bottom: 5px;
                width: 180px;
                margin-top: 1.5vh;
                padding: 10px 20px;
            }

        .slide-2-row .slide_2_img {
            max-width: 80%;
        }

        .slide-3-row .slide_3_img {
            margin-top: 20px;
            max-width: 80%;
        }

        .slide-4-row .slide_4_img {
            margin-top: 20px;
            max-width: 75%;
        }

        .slide-5-row .slide_5_img {
            max-width: 75%;
        }

        .slide-6-row .digit-line {
            width: 60%;
            top: -20px;
            margin-left: 20%;
        }

        .slide-6-row .img-wrap {
            text-align: center;
        }

            .slide-6-row .img-wrap img {
                max-width: 300px;
                padding: 25px;
            }

        .slide-6-row .text-wrap {
            padding: 0 50px;
        }

        .slide-5-row .row-buffer {
            margin-top: 20px;
        }

        .slide-7-row .x-container {
            max-width: 1000px;
        }

        .slide-7-row .thumbnails li {
            width: 115px;
            margin-bottom: 10px;
        }

        .slide-8-row {
            padding: 0;
        }

            .slide-8-row .reg-button {
                width: 100px;
            }

                .slide-8-row .reg-button img {
                    width: 80px;
                    height: 80px;
                }

            .slide-8-row a.reg-button:hover {
                text-decoration: none;
            }

                .slide-8-row a.reg-button:hover img {
                    width: 80px;
                    height: 80px;
                    box-shadow: 0 0 0 40px #ffffff3d, 0 0 0 20px #ffffff3d;
                }

        .reg-popup .reg-popup-container {
            width: 90%;
        }

        .reg-popup .reg-popup-header {
            font-size: 18px;
            margin-bottom: 20px;
            padding: 20px;
        }

        .reg-popup .reg-text {
            color: #008a74;
            font-size: 16px;
            text-align: center;
            margin-left: auto;
            line-height: 1.2;
            margin-top: 20px;
            width: 195px;
            text-decoration: none;
            max-width: 100px;
            width: 100%;
            margin-right: auto;
        }

        .reg-popup a.reg-button {
            display: inline-block;
            width: 90px;
        }

            .reg-popup a.reg-button img {
                width: 90px;
                height: 90px;
            }

            .reg-popup a.reg-button:hover {
                text-decoration: none;
            }

                .reg-popup a.reg-button:hover img {
                    width: 90px;
                    height: 90px;
                    box-shadow: 0 0 0 25px #05a08730, 0 0 0 10px #05a08730;
                }


            .footer .w-button {
                text-align: left;
                display: block;
                margin-left: auto;
                margin-right: auto;
            }

            .footer .footer-uzd-logo {
                top: -30px;
                width: 160px;
            }



            .footer .logo-wrap {
                margin-top: 40px;
                display: block;
            }

            .footer .contacts-clm-wrap {
                text-align: center;
            }

            .footer .footer-phone {
                display: inline-block;
                font-size: 20px;
                text-align: center;
            }

            .footer .social-icon-btn {
                display: inline-block;
                text-align: center;
                margin: 10px 10px;
            }
    }




    @media (max-width: 640px) {


        .slide4 .grid_section {
            display: inline-grid;
            grid-template-columns: 100%;
            width: 100%;
            column-gap: 2%;
            max-width: 300px;
            row-gap: 40px;
            position: relative;
            z-index: 5;
            min-height: unset;
            max-height: unset;
        }



        .footer_dark .grid_section {
            max-width: 1120px;
            grid-template-columns: 180px auto auto;
            align-content: center;
            align-items: center;
            min-height: 60px;
        }

        .footer .grid_item_B {
            text-align: center;
            position: relative;
        }

        .social-wrap {
            position: absolute;
            bottom: 10px;
            text-align: center;
            width: 100%;
        }


        .footer .grid_section {
            grid-template-columns: 100%;
            margin-top: 70px;
            margin-bottom: 0;
        }

        .slide4 .digit-line {
            display: none !important;
        }



        .slide4 .img-wrap img {
            padding: 0px 10px;
        }

        .slide4 .digit-circle {
            margin-bottom: -45px;
            box-shadow: 0 0 0 4px white, 0 2px 10px 2px rgba(0, 0, 0, 0.24);
        }

        .grid_section_2 {
            display: inline-grid;
            grid-template-columns: 150px 150px 150px;
            width: 100%;
            column-gap: 10px;
            grid-row-gap: 15px;
            justify-content: center;
            max-width: 875px;
            position: relative;
            margin-bottom: 0;
            z-index: 5;
            margin-bottom: 0;
            min-height: unset;
        }
    }








    @media (max-width: 566px) {

        .menu-wrap .menu-header .menu-btn {
            font-size: 11px;
            margin-top: 0;
            margin-left: 0px;
            /*            border: 2px solid #fff;
*/ padding: 17px 10px 14px 10px;
        }

        .menu-header .grid_section {
            display: inline-grid;
            grid-template-columns: 190px auto;
            width: 100%;
            padding: 0 10px;
            min-height: 52px;
        }



        /*   .slide2 .text {
            display: block;
            font-size: 20px;
            margin-top: 0;
            margin-left: 160px;
            font-family: 'Montserrat';
            font-style: normal;
            margin-bottom: 0;
            text-align: left;
            font-weight: 700;
        }*/
    }


    @media (max-width: 520px) {

        .menu-wrap .menu-header .logo {
            margin-top: 12px;
            width: 190px;
            margin-top: 6px;
        }



        .grid_section_2 {
            display: inline-grid;
            grid-template-columns: 125px 125px;
            width: 100%;
            column-gap: 15px;
            grid-row-gap: 10px;
            justify-content: center;
            max-width: 875px;
            position: relative;
            margin-bottom: 0;
            z-index: 5;
            min-height: unset;
        }


        .grid_item_mh {
            display: none;
        }


        .pred_name {
            height: 50px;
            font-size: 14px;
            font-weight: 500;
        }

        .pred_icon {
            display: block;
            width: 140px;
            margin-top: 5px;
            left: 50%;
            position: relative;
            margin-left: -70px;
        }

        a.huge_but {
            position: relative;
            padding: 52px 0;
            margin-bottom: 15px;
        }

        .huge_but_icon {
            width: 120px;
            margin-left: 0;
            left: 20px;
            top: -4px;
            position: absolute;
            display: inline-block;
            transition: transform 0.5s ease-in-out;
        }

        .slide2 .text {
            display: block;
            font-size: 20px;
            margin-top: 0;
            margin-left: 160px;
            font-family: 'Montserrat';
            font-style: normal;
            margin-bottom: 0;
            text-align: left;
            font-weight: 700;
        }

        .slide2 .grid_section {
            display: inline-grid;
            grid-template-columns: 100%;
            width: 100%;
            column-gap: 2%;
            min-height: unset;
        }

        .menu-header .grid_section {
            grid-template-columns: 50px auto;
            padding: 0;
        }

        .hide-xs {
            display: none !important;
        }

        .header_slide .header_color_2 {
            /*            letter-spacing: 3.3px;
*/ margin-left: unset;
            font-size: 80px;
        }


        .show-xs {
            display: block !important;
        }
    }

    @media (max-width: 440px) {

        a.proff_buttons {
            min-width: 57px;
            margin-left: -8px;
            margin-top: 15px;
            padding: 12px 20px;
        }

        .price_wrap {
            width: 140px;
            height: 140px;
            position: absolute;
            left: -15px;
            top: 5px;
            margin: 20px auto;
        }

        .slide5 {
            position: relative;
            z-index: 3;
            text-align: center;
            width: 300px;
            margin: 20px auto;
        }

        .price_text {
            width: 90px;
            height: 90px;
            font-size: 19px;
            font-weight: 600;
            line-height: 1;
        }

        .proff_price_frame {
            padding: 20px 20px;
            padding-left: 140px;
            width: 290px;
        }
    }


    @media (max-width: 340px) {
        .slide2 .text {
            font-size: 16px;
            margin-top: 0;
            margin-left: 130px;
        }

        .footer_table {
            display: inline-grid;
            grid-template-columns: 48% 48%;
            grid-column-gap: 4%;
        }


        .header_slide .text {
            font-family: 'Montserrat';
            font-size: 16px;
            margin-top: 15px;
            margin-bottom: 20px;
            display: inline-block;
            max-width: 350px;
        }


        a.huge_but {
            position: relative;
            padding: 42px 0;
            margin-bottom: 15px;
        }

        .slide3 .grid_section {
            padding: 0 20px;
        }


        .huge_but_icon {
            width: 100px;
            margin-left: 0;
            left: 20px;
            top: -5px;
            position: absolute;
            display: inline-block;
            transition: transform 0.5s ease-in-out;
        }

        .grid_section {
            padding: 0 15px;
        }


        .wide_only {
            display: none;
        }































        .backgraunde_color_dark {
            background-color: rgba(255, 255, 255, 0.09);
        }

        @keyframes wave_animation_1 {
            0% {
                transform: scaleY(1) translateY(0);
            }

            25% {
                transform: scaleY(0.7) translateY(100px);
            }

            50% {
                transform: scaleY(0.8) translateY(100px);
            }

            100% {
                transform: scaleY(1) translateY(0);
            }
        }

        @keyframes wave_animation_2 {
            0% {
                transform: scaleY(1) translateY(0);
            }

            50% {
                transform: scaleY(0.7) translateY(-100px);
            }

            100% {
                transform: scaleY(1) translateY(0);
            }
        }

        @keyframes wave_animation {
            0% {
                background-size: 75%;
            }

            50% {
                background-size: 80%;
            }

            100% {
                background-size: 75%;
            }
        }

        @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
            /* IE10+ specific styles go here */
            .slide-margins,
            .first-slide-content {
                margin-top: 20vh;
            }

            .registration_popup.selected {
                display: block;
                padding-top: 20vh;
            }

            .reg-popup.selected {
                display: block;
            }

            .reg-popup-container {
                margin-top: 21vh;
            }
        }