:root {
  --samokat-title: 2.5rem;
  }
/*
body.samokat-invest {padding:120px 0 0}

body.samokat-invest .top-nav {position:fixed;top:0;box-sizing:border-box; width:100%; height:110px; background:#df0aff;z-index:9999



}*/
body.samokat-invest {
    background: var(--lblue-grad);
    /* background: var(--purple-grad); */
}
.samokat-invest .contanier {
}

 .small-tlt {
     font-size:var( --samokat-title);
     width: 60%;
 }


.samokat-invest .reg-icon {
    margin: 0 15px 0 0;
    height: 80px;
    width: 80px;
}

.samokat-invest span.burger__item {background:white}
.bold {
    /* font-weight: 500; */
}
/*.price:before {content: "";width: 100%;height: 100%;position: absolute;background: var(--yellow-grad);display: block;z-index: -1;left: 0;top: 0;}*/
p.big-price {
    margin: 0;
    font-size: var(--hbig);
    font-weight: bold;
}

p.small-price {
    margin: 0;
    font-size: var(--fullHd-font);
    text-align: right;
}
.scooter-intro {
    margin: 3rem 0 0;
}
.scooter-intro h1.page-tlt {margin: initial;padding: 10px;position: relative;}

.scooter-intro h1.page-tlt:before {
    width: 103%;
    content: "";
    left: -55px;
    top: 0;
    position: absolute;
    background: #00aff0;
    display: block;
    height: 100%;
    z-index: -1;
    transform: skewX(16deg);
}

.scooter-intro h1.page-tlt:before {
    left: -37px;
}

.timer-tlt {
    margin: 0 0 10px;
    font-size: var(--price-font);
    text-align: center;
}
div#countdown ul {
    display: flex;
    list-style-type: none;
    padding: inherit;
}

#countdown ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
    background: var(--blue-color);
    width: 6rem;
    height: 6rem;
    border-radius: 14px;
    font-size: 12px;
}

#countdown span {font-size: var(--h3big);font-family:var(--comfota-txt);font-weight: 300;}

.timer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: 300;
    margin-top: 100px;
}
.img {
    width: 75%;
}

section.samokat-invest.sec-blc .contanier {
    align-items: flex-start;
}

.price {
    font-size: var(--hbig);
    margin: 50px 0 32px;
    color: #ffffff;
    /* padding: 1.4rem; */
    position: relative;
}



.bg-white {
    background: white;
}

.scooter-advantage ul {
    list-style-type: none;
    padding: 0;
}

.scooter-advantage ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}



.light-title {
    font-weight: 300;
}

.scooter-сompany {
    background: url(/templates/yulsharing/img/about-company-bg.jpg) no-repeat;
    background-size: cover;
}

.scooter-intro .contanier {
    align-items: flex-start;
}

  .scooter-intro picture {
    position: relative;
    width: 100%;
    bottom: 100px;
}

@media (max-width:1440px) {


    .scooter-intro h1.page-tlt {width: 70%;}


    .scooter-intro {
    margin: 3em 0 0;
}

  .scooter-intro picture {
 width: 100%;
 right: 0;
 bottom: 120px;
}
}


@media (max-width:1366px) {
    .scooter-intro h1.page-tlt {width: 70%;}

    .scooter-intro {
}



.price {
    margin: 50px 0 30px;
    color: #ffffff;
}

.scooter-advantage .smrtf-block {
    width: 30rem;
}

.scooter-advantage .right-blc {
    justify-content: flex-start;
}
}


@media (max-width:1280px) {
    .scooter-intro h1.page-tlt {width: 80%;}





.price {
    margin: 50px 0 50px;
    color: #ffffff;
}

.samokat-invest .contanier {
}}


@media (max-width: 1024px) {
    .scooter-intro h1.page-tlt {width: 70%;font-size: 2.2rem;}

    .scooter-intro {margin: 3rem 0 0;}

  .scooter-intro picture {
}

.price {
    margin: 80px 0 50px;
    color: #ffffff;
}

.scooter-advantage .contanier {
    align-items: flex-start;
}
.timer {
    margin-top: 40px;
    margin-bottom: 150px;
}
#countdown ul li {width:4rem; height:4rem; margin:0 5px}
.samokat-invest .reg-icon {
    width: 40px;
    height: 40px;
    margin: 0 30px 0 0;
}

.h-100 {height: 90vh;box-sizing: border-box;}
}



@media (max-width: 960px) {    .scooter-intro h1.page-tlt {width: 100%;}

    .scooter-intro {margin: 2rem 0 0;}

  .scooter-intro picture {bottom: 60px;right: -43px;}

.price {
    margin: 50px 0 50px;
    color: #ffffff;
}

.samokat-invest .contanier {
   align-items:center;
}

.scooter-advantage .smrtf-block {
    width: 10rem;
}

 .scooter-advantage picture.phone {
        padding: 0px 0rem;
        width: auto;
    }
.h-100 {height: 60vh;}

.samokat-invest .reg-icon {
    width: 35px;
    height: 35px;
    margin: 0 20px 0 0;
}
.scooter-advantage .left-blc {
    flex-basis: 80%;
}
.scooter-advantage .right-blc {
    justify-content: center;
}
 }




@media (max-width: 640px) {    .scooter-intro h1.page-tlt {width: 100%; font-size: 2rem;}

    .scooter-intro {margin: 2rem 0 0;}

  .scooter-intro picture {
}

.price {
    margin: 30px 0 0px;
    color: #ffffff;
}

.samokat-invest .contanier {
   align-items:center;
}

.scooter-advantage .smrtf-block {
    width: 10rem;
}

 .scooter-advantage picture.phone {
        padding: 0px 0rem;
        width: auto;
    }
.h-100 {height: auto;}

.samokat-invest .reg-icon {
    width: 35px;
    height: 35px;
    margin: 0 20px 0 0;
}
.scooter-advantage .left-blc {
    flex-basis: 95%;
}
.scooter-advantage .right-blc {
    justify-content: center;
}

.timer {
    margin-top: 30px;
    margin-bottom: 88px;
}

.scooter-intro h1.page-tlt {
    font-size: 2rem;
}
 }



@media (max-width: 480px) {    .scooter-intro h1.page-tlt {width: 100%;font-size: 2rem;padding: 0;}

    .scooter-intro {margin: 0;}

  .scooter-intro picture {z-index: -1;bottom: 300px;right: initial;left: initial;margin: 0 auto;width: 110%;}

.price {
    margin: 30px auto 0px;
    color: #ffffff;
    text-align: left;
    width: 100%;
}

.samokat-invest .contanier {
   align-items:center;
   height: auto;
}

.scooter-advantage .smrtf-block {
    width: 10rem;
}

 .scooter-advantage picture.phone {
        padding: 0px 0rem;
        width: auto;
    }
.h-100 {height: auto;}

.samokat-invest .reg-icon {
    width: 35px;
    height: 35px;
    margin: 0 20px 0 0;
}
.scooter-advantage .left-blc {
    flex-basis: 95%;
}
.scooter-advantage .right-blc {
    justify-content: center;
    align-items: center;
}

.timer {
    margin: 239px auto 0;
}


.scooter-intro h1.page-tlt:before {
    display: none;
 
}

p.big-price {
    margin: 0;
    font-size: 6rem;
    font-weight: bold;
    text-align: center;
}

p.small-price {
    margin: 0;
    font-size: var(--fullHd-font);
    text-align: center;
}

.samokat-invest .left-blc, .samokat-invest .right-blc {
    padding: initial;
}
.samokat-invest .left-blc, .samokat-invest .right-blc {
    padding: initial;
    width: 100%;
}

picture.midle-size {
    width: 80%;
    margin: 30px auto;
}

  .samokat-invest  .txt {
    width:100%;
    text-align: center;
}

  .samokat-invest h3.info-tlt {width:100%; margin:0 auto;
  }
 }


@media (max-width: 425px) {    .scooter-intro h1.page-tlt {width: 100%;font-size: 2rem;padding: 0;}

    .scooter-intro {margin: 0;}

  .scooter-intro picture {bottom: 250px;margin-left: -24px;}

.price {
    margin: 30px auto 0px;
    color: #ffffff;
    text-align: left;
    width: 100%;
}

.samokat-invest .contanier {
   align-items:center;
}

.scooter-advantage .smrtf-block {
    width: 10rem;
}

 .scooter-advantage picture.phone {
        padding: 0px 0rem;
        width: auto;
    }
.h-100 {max-height: max-content;box-sizing: border-box;}

.samokat-invest .reg-icon {
    width: 35px;
    height: 35px;
    margin: 0 20px 0 0;
}
.scooter-advantage .left-blc {
    flex-basis: 95%;
}
.scooter-advantage .right-blc {
    justify-content: center;
    align-items: center;
}

.timer {
    margin: 139px auto 0;
}


.scooter-intro h1.page-tlt:before {
    display: none;
 
}

p.big-price {
    margin: 0;
    font-size: 4rem;
    font-weight: bold;
    text-align: center;
}

p.small-price {
    margin: 0;
    font-size: var(--fullHd-font);
    text-align: center;
}

.samokat-invest .left-blc, .samokat-invest .right-blc {
    padding: initial;
}
.samokat-invest .left-blc, .samokat-invest .right-blc {
    padding: initial;
    width: 100%;
    height: auto;
}

picture.midle-size {
    width: 80%;
    margin: 30px auto;
}

  .samokat-invest  .txt {
    width:100%;
    text-align: center;
}

  .samokat-invest h3.info-tlt {width:100%; margin:0 auto;
  }
 }