@font-face {
    font-family: "Lato-Regular";
    src: url(../fonts/lato/Lato-Regular.ttf) format("truetype");
    font-display: block;
    font-weight: 400;
    font-style: "normal"
}

@font-face {
    font-family: "Montserrat-Black";
    src: url(../fonts/montserrat/Montserrat-Black.ttf) format("truetype");
    font-display: block;
    font-weight: 700;
    font-style: "normal"
}

.yellow--btn {
    font-family: 'Lato-Regular', sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    padding: 9px 10px 9px 61px;
    background-color: #ffc036;
    -webkit-box-shadow: 0px 12px 24px 0px rgba(219, 140, 60, 0.4), 0px 3px 0px 0px rgba(219, 140, 60, 0.004);
    box-shadow: 0px 12px 24px 0px rgba(219, 140, 60, 0.4), 0px 3px 0px 0px rgba(219, 140, 60, 0.004);
    border: 0;
    border-bottom: 4px solid #db8c3c;
    border-radius: 40px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.yellow--btn:hover {
    background-color: rgba(255, 192, 54, 0.7)
}

.tittle--section {
    font-family: 'Montserrat-Black', sans-serif;
    font-size: 45px;
    line-height: 1.222;
    color: #333
}

@media screen and (max-width: 1150px) {
    .tittle--section {
        font-size: 36px
    }
}

@media screen and (max-width: 992px) {
    .tittle--section {
        font-size: 23px
    }
}

.tittle--after::after {
    position: absolute;
    left: 0;
    right: 0;
    content: '';
    width: 97px;
    height: 6px;
    margin: 0 auto;
    border-radius: 5px;
    background-color: #ffc036
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    padding: 15px 0 26px 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.header__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header__logo, .header__time-work, .header__phone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header__logo img, .header__time-work img, .header__phone img {
    margin: 0 15px 0 0
}

.header__logo img {
    width: 60px;
    height: 60px
}

.header__logo p, .header__time-work p {
    font-family: 'Lato-Regular', sans-serif;
    font-size: 14px;
    line-height: 1.143;
    color: #333
}

.header__time-work img, .header__phone img {
    width: 25px;
    height: 25px
}

.header__phone a {
    font-family: 'Montserrat-Black', sans-serif;
    font-size: 23px;
    color: #333
}

.header__time-work, .header__phone, .header__call-phone {
    margin: 0 0 0 auto
}

.header__call-phone {
    font-family: 'Lato-Regular', sans-serif;
    color: #fff;
    padding: 8px 37px;
    background-color: #58b1e3;
    border: 0;
    border-bottom: 4px solid #3d92c2;
    border-radius: 40px;
    -webkit-box-shadow: 0px 12px 24px 0px rgba(20, 91, 132, 0.4), 0px 3px 0px 0px rgba(82, 174, 226, 0.004);
    box-shadow: 0px 12px 24px 0px rgba(20, 91, 132, 0.4), 0px 3px 0px 0px rgba(82, 174, 226, 0.004);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.header__call-phone:hover {
    background-color: rgba(88, 177, 227, 0.7)
}

.header__mobile-menu {
    display: none
}

.header__overlay {
    position: fixed;
    top: 0;
    z-index: 999;
    display: none;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4)
}

.header__modal {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    display: none;
    margin: 0 auto;
    z-index: 1000;
    max-width: 755px;
    width: 100%;
    padding: 50px 25px;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header__modal h2 {
    text-align: center;
    font-size: 20px
}

.header__btn-close {
    position: absolute;
    right: 25px;
    top: 25px;
    width: 30px;
    height: 30px;
    border: 0;
    background: transparent
}

.header form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 30px auto 0 auto;
    width: 340px
}

.header form input {
    height: 70px;
    padding: 0 0 0 40px;
    font-family: 'Lato-Regular', sans-serif;
    font-size: 16px;
    border: 1px solid #efefef;
    border-radius: 50px
}

.header form input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    font-size: 16px
}

.header form input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    font-size: 16px
}

.header form input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    font-size: 16px
}

.header form input::-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    font-size: 16px
}

.header form input::placeholder {
    font-family: 'Lato-Regular', sans-serif;
    font-size: 16px
}

.header form input, .header form button {
    width: 100%
}

.header__btn-submit {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 85px
}

.header__btn-submit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 46px auto 0 auto;
    padding-left: 90px;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out
}

.header__btn-submit span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 26px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: #fff
}

.header__btn-submit span img {
    width: 50%
}

.header__name {
    margin: 0 0 10px 0
}

.header__name, .header__tel {
    position: relative
}

.header__name::after, .header__tel::after {
    position: absolute;
    top: 50%;
    right: 65px;
    height: 35px;
    width: 1px;
    background-color: #dfdfdf;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}

.header__name img, .header__tel img {
    position: absolute;
    top: 50%;
    width: 5%;
    -webkit-transform: translate(18.5rem, -50%);
    -ms-transform: translate(18.5rem, -50%);
    transform: translate(18.5rem, -50%)
}

.header__personal-data {
    margin: 30px 0 0 0;
    font-family: 'Lato-Regular', sans-serif;
    font-size: 14px;
    line-height: 1.286;
    text-align: center;
    color: #333
}

@media screen and (max-width: 1024px) {
    .header {
        background-color: #fff
    }

    .header__burg-menu {
        display: block;
        margin: 0 -15px
    }

    .header .container:last-child {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 15px
    }

    .header__wrap .header__time-work, .header__wrap .header__phone, .header__wrap .header__call-phone {
        display: none
    }

    .header__time-work, .header nav {
        margin-bottom: 30px
    }

    .header__time-work, .header__phone, .header__call-phone {
        margin: 0
    }

    .header__time-work, .header nav {
        margin: 0 0 30px 0
    }

    .header__phone a {
        font-size: 20px
    }

    .header__burg {
        position: relative;
        width: 40px;
        height: 20px;
        cursor: pointer
    }

    .header__burg span {
        position: absolute;
        display: block;
        width: 100%;
        height: 3px;
        background-color: #3d92c2
    }

    .header__burg .top {
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s
    }

    .header__burg .mid {
        margin: 10px 0 0 0
    }

    .header__burg .bot {
        margin: 20px 0 0 0;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s
    }

    .header__mobile-menu {
        background-color: #fff
    }

    .header__mobile-menu .container {
        background-color: #fff
    }
}

@media screen and (max-width: 767px) {
    .header form input {
        height: 60px
    }

    .header__personal-data {
        font-size: 12px
    }

    .header__modal {
        width: 95%
    }
}

@media screen and (max-width: 480px) {
    .header form {
        max-width: 340px;
        width: 100%;
        margin: 20px auto 0 auto
    }

    .header__modal {
        padding: 30px
    }

    .header__modal h2 {
        font-size: 18px
    }

    .header__btn-close {
        top: 10px;
        right: 10px
    }

    .header__name img, .header__tel img {
        right: 30px;
        top: 20px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .header__btn-submit {
        padding-left: 80px
    }
}

@media screen and (max-width: 390px) {
    .header__btn-submit {
        font-size: 16px;
        padding-left: 75px
    }

    .header form input {
        padding: 0 0 0 20px
    }
}

@media screen and (max-width: 365px) {
    .header__modal {
        padding: 30px 10px
    }

    .header__btn-submit {
        padding-left: 70px
    }
}

.main {
    height: 900px;
    background-image: url("../images/bg-main.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.main .container, .main__wrap {
    height: 100%
}

.main__left-col {
    width: 34%
}

.main__left-col p {
    margin: 100px 0 0 0;
    font-family: 'Lato-Regular', sans-serif
}

.main__left-col p b {
    margin: 0 0 0 5px
}

.main__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.main h1 {
    position: relative;
    font-family: 'Montserrat-Black', sans-serif;
    font-size: 65px;
    line-height: 1
}

.main h1 span {
    color: #58b1e3
}

.main h1::after {
    position: absolute;
    left: 0;
    bottom: -55px;
    content: '';
    width: 97px;
    height: 6px;
    border-radius: 5px;
    background-color: #ffc036
}

.main .active-top {
    z-index: -1
}

.main__btn-call-master {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 46px 0 0 0;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out
}

.main__btn-call-master span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 0 26px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: #fff
}

.main__btn-call-master span img {
    width: 50%
}

.main__right-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 66%
}

.main__right-col img {
    margin: 125px 0 0 0
}

@media screen and (max-width: 1150px) {
    .main__right-col img {
        width: 90%
    }
}

@media screen and (max-width: 992px) {
    .main h1 {
        font-size: 53px
    }

    .main__left-col p {
        font-size: 14px
    }

    .main__btn-call-master {
        padding: 9px 10px 9px 25px
    }

    .main__btn-call-master span {
        margin: 0 0 0 15px
    }
}

@media screen and (max-width: 767px) {
    .main {
        background-image: url("");
        background-color: #efefef;
        margin: 101px 0 0 0;
        padding: 30px 0;
        height: auto
    }

    .main h1 {
        font-size: 36px
    }

    .main__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main__left-col, .main__right-col {
        width: 100%
    }

    .main__right-col img {
        margin: 60px 0 0 0
    }

    .main__btn-call-master {
        margin: 46px auto 0 auto;
        padding: 9px 10px 9px 61px
    }

    .main__btn-call-master span {
        margin: 0 0 0 25px
    }
}

.breakages {
    padding: 120px 0 130px 0
}

.breakages .container {
    max-width: 1070px
}

.breakages__img-top {
    position: absolute;
    top: -115px;
    width: 142px;
    height: 155px;
    -o-object-fit: contain;
    object-fit: contain
}

.breakages h2 {
    position: relative;
    text-align: center
}

.breakages h2::after {
    bottom: -45px
}

.breakages__cols-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 145px -12.5px 0 -12.5px
}

.breakages__col {
    position: relative;
    width: calc(20% - 25px);
    margin: 0 12.5px;
    border: 1px solid #dfdfdf;
    border-radius: 5px
}

.breakages__col::before, .breakages__col::after {
    position: absolute;
    content: '';
    top: -1px;
    right: 0;
    margin: 0 auto;
    height: 3px;
    width: 25px;
    background-color: #fff
}

.breakages__col::before {
    left: -110px
}

.breakages__col::after {
    left: 110px
}

.breakages__col img {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -60px auto 0 auto;
    width: 106px;
    height: 106px;
    background-color: #fff
}

.breakages__col-content {
    padding: 0 20px 25px 20px
}

.breakages__col-content p {
    padding: 30px 0 0 0;
    font-family: 'Lato-Regular', sans-serif;
    font-size: 18px;
    color: #333;
    text-align: center
}

@media screen and (max-width: 1050px) {
    .breakages {
        padding: 120px 0 35px 0
    }

    .breakages__cols-wrap {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .breakages__col {
        width: calc(33.33% - 25px);
        margin: 0 12.5px 95px 12.5px
    }
}

@media screen and (max-width: 992px) {
    .breakages {
        padding: 70px 0 0px 0
    }
}

@media screen and (max-width: 767px) {
    .breakages {
        padding: 70px 0
    }

    .breakages__img-top {
        display: none
    }

    .breakages__col {
        width: 100%
    }

    .breakages__col:last-child {
        margin-bottom: 0
    }

    .breakages__col p {
        font-size: 16px
    }
}

.repair {
    padding: 0 0 125px 0
}

.repair .container {
    max-width: 1128px
}

.repair__wrap {
    height: 690px;
    background-image: url("../images/master.webp");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain
}

.repair h2 {
    margin: 70px 0 0 0
}

.repair h2::after {
    top: 155px
}

.repair h2 span {
    margin: 0 10px;
    color: #58b1e3
}

.repair .container {
    position: relative
}

.repair .tittle--after::after {
    left: 15px;
    right: auto
}

.repair b {
    margin: 0 5px
}

.repair__content-text {
    margin: 105px 0 0 0;
    width: 35%
}

.repair .swiper-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    margin: -125px auto 0 auto;
    padding: 30px 20px
}

.repair .swiper-slide {
    text-align: center;
    font-size: 18px;
    height: calc((100% - 30px) / 2);
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-shadow: 0px 5px 31px 0px rgba(106, 106, 106, 0.11);
    box-shadow: 0px 5px 31px 0px rgba(106, 106, 106, 0.11);
    background: #fff;
    border-radius: 5px
}

.repair .swiper-slide img {
    width: 70%;
    padding: 0 30px
}

.repair .swiper-button-next, .repair .swiper-button-prev {
    top: 84%;
    z-index: 0;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 5px 17px 0px rgba(106, 106, 106, 0.2);
    box-shadow: 0px 5px 17px 0px rgba(106, 106, 106, 0.2);
    background-color: #ffc036;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35%;
    -webkit-box-shadow: none;
    box-shadow: none
}

.repair .swiper-button-next:focus, .repair .swiper-button-prev:focus {
    outline: none
}

.repair .swiper-button-next {
    background-image: url("../images/nextArrow.webp");
    right: -55px
}

.repair .swiper-button-prev {
    background-image: url("../images/prevArrow.webp");
    left: -55px
}

.repair .swiper-border {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 85px;
    margin: 5px;
    border: 1px solid #efefef;
    border-radius: 5px
}

.repair .swiper-button-next::after, .repair .swiper-button-prev::after {
    content: ''
}

@media screen and (max-width: 1280px) {
    .repair .swiper-button-next, .repair .swiper-button-prev {
        top: 60%
    }

    .repair .swiper-button-next {
        right: 25px
    }

    .repair .swiper-button-prev {
        left: auto;
        right: 95px
    }
}

@media screen and (max-width: 1150px) {
    .repair h2::after {
        top: 133px
    }
}

@media screen and (max-width: 992px) {
    .repair__wrap {
        background-size: 50%
    }

    .repair__content-text {
        width: 43%
    }

    .repair h2::after {
        top: 105px
    }

    .repair .swiper-slide {
        height: 70px
    }

    .repair .swiper-slide img {
        width: 90%
    }

    .repair .swiper-border {
        height: 65px
    }
}

@media screen and (max-width: 767px) {
    .repair {
        padding: 0 0 70px 0
    }

    .repair__wrap {
        height: auto;
        background-image: url("")
    }

    .repair__content-text {
        width: 100%;
        margin: 50px 0 0 0
    }

    .repair h2::after {
        top: 105px
    }

    .repair h2 {
        margin: 0
    }

    .repair h2 span {
        display: inline-block
    }

    .repair .swiper-container {
        margin: 50px auto 0 auto;
        padding: 32px 20px
    }

    .repair .swiper-slide {
        height: 70px
    }

    .repair .swiper-slide img {
        width: 100%;
        padding: 0 15px
    }

    .repair .swiper-button-next, .repair .swiper-button-prev {
        top: 63%;
        z-index: 3;
        width: 30px;
        height: 30px
    }

    .repair .swiper-button-prev {
        right: 68px
    }
}

.bugs {
    padding: 90px 0 0 0;
    height: 930px;
    background-image: url("../images/bg-bugs.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.bugs .container {
    max-width: 1010px
}

.bugs__img-top {
    position: absolute;
    top: -70px;
    width: 170px;
    height: 160px;
    -o-object-fit: contain;
    object-fit: contain
}

.bugs .tittle--after::after {
    bottom: -45px
}

.bugs__wrap h2 {
    position: relative;
    text-align: center
}

.bugs__wrap h2 span {
    margin: 0 10px;
    color: #58b1e3
}

.bugs__cols-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 100px -15px 0 -15px
}

.bugs__col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(50% - 30px);
    margin: 0 15px 30px 15px;
    padding: 30px 24px;
    border-radius: 5px;
    background-color: #fff
}

.bugs__col img {
    width: 46px;
    height: 46px;
    margin: 0 30px 0 0
}

.bugs__col p {
    font-family: 'Lato-Regular', sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3
}

.bugs__col:first-child, .bugs__col:nth-child(2), .bugs__col:nth-child(3), .bugs__col:nth-child(4) {
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain
}

.bugs__col:first-child {
    background-image: url("../images/01-bg.webp")
}

.bugs__col:nth-child(2) {
    background-image: url("../images/02-bg.webp")
}

.bugs__col:nth-child(3) {
    background-image: url("../images/03-bg.webp")
}

.bugs__col:nth-child(4) {
    background-image: url("../images/04-bg.webp")
}

@media screen and (max-width: 767px) {
    .bugs {
        height: auto;
        padding: 70px 0 70px 0;
        background: #efefef
    }

    .bugs__img-top {
        display: none
    }

    .bugs__cols-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 100px 0 0 0
    }

    .bugs__col {
        width: 100%;
        margin: 0 0 15px 0;
        padding: 30px 15px
    }

    .bugs__col img {
        margin: 0 15px 0 0
    }

    .bugs__col p {
        font-size: 16px
    }
}

.customer-trust {
    padding: 80px 0 0 0
}

.customer-trust .container {
    position: relative;
    max-width: 1109px
}

.customer-trust__img-top {
    position: absolute;
    top: -120px;
    right: -155px;
    width: 95px;
    height: 95px;
    -o-object-fit: contain;
    object-fit: contain
}

.customer-trust .tittle--after::after {
    bottom: -45px
}

.customer-trust h2 {
    position: relative;
    text-align: center
}

.customer-trust h2 span {
    margin: 0 10px;
    color: #58b1e3
}

.customer-trust__cols-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 155px -22.5px 0 -22.5px
}

.customer-trust__col {
    width: calc(33.33% - 45px);
    margin: 0 22.5px 70px 22.5px
}

.customer-trust__col img {
    margin: 0 0 30px 0;
    width: 65px;
    height: 65px;
    -o-object-fit: contain;
    object-fit: contain
}

.customer-trust__title-col {
    position: relative;
    margin: 0 0 30px 0;
    font-family: 'Lato-Regular', sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.389;
    text-transform: uppercase;
    color: #333
}

.customer-trust__title-col::before {
    position: absolute;
    top: 5px;
    left: -17px;
    width: 8px;
    height: 8px;
    background-color: #58b1e3;
    border-radius: 50%;
    content: ''
}

.customer-trust__content-text {
    font-family: 'Lato-Regular', sans-serif;
    line-height: 1.563;
    color: #333
}

@media screen and (max-width: 1440px) {
    .customer-trust__img-top {
        right: 0
    }
}

@media screen and (max-width: 1150px) {
    .customer-trust__img-top {
        right: 0
    }

    .customer-trust__title-col::before {
        left: -15px
    }

    .customer-trust__cols-wrap {
        width: 95%;
        margin: 100px auto 0 auto
    }
}

@media screen and (max-width: 992px) {
    .customer-trust__col {
        width: calc(50% - 45px)
    }
}

@media screen and (max-width: 767px) {
    .customer-trust h2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .customer-trust__img-top {
        display: none
    }

    .customer-trust__cols-wrap {
        margin: 100px auto 0 auto;
        padding: 0 0 55px 0
    }

    .customer-trust__col {
        width: 100%;
        margin: 0 15px 30px 15px
    }

    .customer-trust__col img {
        margin: 0 0 15px 0
    }

    .customer-trust__title-col {
        margin: 0 0 15px 0
    }
}

@media screen and (max-width: 332px) {
    .customer-trust h2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.fixing-tv {
    padding: 80px 0 100px 0
}

.fixing-tv .container {
    max-width: 1135px
}

.fixing-tv h2 span {
    color: #58b1e3
}

.fixing-tv__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.fixing-tv__right-col {
    padding: 0 0 0 45px
}

.fixing-tv__left-col, .fixing-tv__right-col {
    width: 50%
}

.fixing-tv .tittle--after {
    position: relative;
    margin: -10px 0 0 0
}

.fixing-tv .tittle--after::after {
    right: auto;
    bottom: -35px
}

.fixing-tv__content-text {
    margin: 70px 0 0 0
}

.fixing-tv__content-text p {
    font-family: 'Lato-Regular', sans-serif;
    color: #333;
    line-height: 1.563
}

@media screen and (max-width: 1440px) {
    .fixing-tv__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .fixing-tv__left-col, .fixing-tv__right-col {
        width: 100%
    }

    .fixing-tv__left-col img {
        width: 50%
    }

    .fixing-tv__right-col {
        padding: 30px 0 0 0
    }
}

@media screen and (max-width: 767px) {
    .fixing-tv {
        padding: 0 0 70px 0
    }

    .fixing-tv__left-col img {
        width: 100%
    }

    .fixing-tv__content-text p {
        font-size: 15px
    }
}

.progress {
    padding: 100px 0 113px 0;
    background-image: url("../images/bg-opacity.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.progress h2 {
    position: relative;
    text-align: center
}

.progress .tittle--section::after {
    bottom: -45px
}

.progress__img-top {
    position: absolute;
    top: -75px;
    right: 170px;
    width: 245px;
    height: 200px;
    -o-object-fit: contain;
    object-fit: contain
}

.progress__cols-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 70px -40px 0 -40px
}

.progress__col {
    width: calc(25% - 80px);
    margin: 0 40px 0 40px
}

.progress__tittle-col {
    padding: 0 0 35px 0;
    font-family: 'Montserrat-Black', sans-serif;
    font-size: 80px;
    color: #3d92c2;
    text-align: center
}

.progress__content-text {
    font-family: 'Lato-Regular', sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #333;
    text-align: center;
    line-height: 1.278
}

@media screen and (max-width: 1820px) {
    .progress__img-top {
        top: -40px;
        right: 100px;
        width: 7%;
        height: auto
    }
}

@media screen and (max-width: 1280px) {
    .progress__cols-wrap {
        width: 95%;
        margin: 70px auto 0 auto
    }

    .progress__col {
        width: calc(50% - 30px);
        margin: 0 15px 15px 15px
    }
}

@media screen and (max-width: 1120px) {
    .progress__img-top {
        top: -28px
    }
}

@media screen and (max-width: 767px) {
    .progress {
        padding: 70px 0
    }

    .progress__img-top {
        display: none
    }

    .progress__tittle-col {
        padding: 0 0 15px 0;
        font-size: 40px;
        line-height: normal
    }

    .progress__col {
        width: 100%
    }
}

.creature {
    padding: 100px 0 70px 0
}

.creature__btn-order {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 46px auto 0 auto;
    padding-left: 45px;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out
}

.creature__btn-order span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 26px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: #fff
}

.creature__btn-order span img {
    width: 50%
}

.creature__cols-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 95px -15px 0 -15px
}

.creature__border-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    display: block;
    margin: 10px;
    padding: 140px 25px 50px 25px;
    border: 1px solid #efefef;
    border-radius: 5px
}

.creature__col {
    position: relative;
    z-index: 4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(33.33% - 30px);
    margin: 0 15px;
    padding: 140px 25px 50px;
    background-image: url("../images/Ellipse-bg.webp");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 60%;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 31px 0px rgba(106, 106, 106, 0.11);
    box-shadow: 0px 5px 31px 0px rgba(106, 106, 106, 0.11);
    background-color: #fff
}

.creature__col p {
    text-align: center
}

.creature__col:first-child button {
    margin-top: 65px
}

.creature__col:last-child button {
    margin-top: 90px
}

.creature__col:last-child .creature__title-col {
    margin-bottom: 60px
}

.creature__col-img {
    margin: -15.5rem auto 0 auto;
    height: 257px;
    -o-object-fit: contain;
    object-fit: contain
}

.creature__title-col {
    margin: 0 0 35px 0;
    font-family: 'Montserrat-Black', sans-serif;
    font-size: 23px;
    line-height: 1.217;
    color: #333
}

.creature__content-text {
    font-family: 'Lato-Regular', sans-serif;
    line-height: 1.438;
    color: #a0a0a0
}

@media screen and (max-width: 1120px) {
    .creature__col:first-child {
        margin-left: 0
    }

    .creature__col:last-child {
        margin-right: 0
    }

    .creature__cols-wrap {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 15px
    }
}

@media screen and (max-width: 1120px) {
    .creature__col {
        width: 50%;
        margin: 0 auto 0 auto
    }

    .creature__col:first-child {
        margin-left: auto
    }

    .creature__col:last-child {
        margin-right: auto
    }

    .creature__col+.creature__col {
        margin-top: 120px
    }

    .creature__cols-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: normal;
        -webkit-justify-content: normal;
        -ms-flex-pack: normal;
        justify-content: normal
    }
}

@media screen and (max-width: 767px) {
    .creature__col {
        width: 100%
    }

    .creature__col:first-child .creature__title-col, .creature__col:nth-child(2) .creature__title-col, .creature__col:last-child .creature__title-col {
        margin-bottom: 30px !important;
        font-size: 18px
    }

    .creature__col:first-child button, .creature__col:nth-child(2) button, .creature__col:last-child button {
        margin-top: 30px
    }

    .creature__content-text {
        font-size: 14px
    }

    .creature__btn-order {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        padding-left: 40px;
        font-size: 15px
    }

    .creature__btn-order span {
        margin: 0 0 0 15px
    }
}

.form {
    position: relative;
    padding: 75px 0 65px 0;
    background-image: url("../images/bg.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.form__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.form__left-col, .form__right-col {
    width: 50%
}

.form__left-col {
    position: relative;
    margin-right: 50px
}

.form__left-col img {
    position: absolute;
    bottom: -65px
}

.form h2, .form__phone {
    margin-bottom: 30px
}

.form .tittle--section {
    font-size: 39px;
    line-height: 1.2
}

.form .container {
    position: relative;
    max-width: 1115px
}

.form__img-top-left, .form__img-top-right, .form__img-bot-right {
    position: absolute;
    -o-object-fit: contain;
    object-fit: contain
}

.form__img-top-left {
    top: -14rem;
    left: -54px;
    width: 240px;
    height: 160px
}

.form__img-top-right {
    top: -16rem;
    right: -54px;
    width: 250px;
    height: 290px
}

.form__img-bot-right {
    right: -140px;
    bottom: -65px;
    height: 230px
}

.form h2 span {
    margin: 0 10px;
    color: #58b1e3
}

.form h2 span:first-child {
    margin-left: 0
}

.form__phone a {
    font-family: 'Montserrat-Black', sans-serif;
    font-size: 39px;
    color: #58b1e3
}

.form__btn-submit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 46px auto 0 auto;
    padding-left: 45px;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out
}

.form__btn-submit span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 26px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: #fff
}

.form__btn-submit span img {
    width: 50%
}

.form form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 30px 0 0 0;
    width: 340px
}

.form form input {
    height: 70px;
    padding: 0 0 0 40px;
    font-family: 'Lato-Regular', sans-serif;
    border: 1px solid #efefef;
    border-radius: 50px
}

.form form input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif
}

.form form input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif
}

.form form input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif
}

.form form input::-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif
}

.form form input::placeholder {
    font-family: 'Lato-Regular', sans-serif
}

.form form input, .form form button {
    width: 100%
}

.form__btn-submit {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 85px
}

.form__name {
    margin: 0 0 10px 0
}

.form__name, .form__tel {
    position: relative
}

.form__name::after, .form__tel::after {
    position: absolute;
    top: 50%;
    right: 65px;
    height: 35px;
    width: 1px;
    background-color: #dfdfdf;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}

.form__name img, .form__tel img {
    position: absolute;
    top: 50%;
    width: 5%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 27px
}

.form__personal-data {
    margin: 30px 0 0 0;
    font-family: 'Lato-Regular', sans-serif;
    font-size: 14px;
    line-height: 1.286;
    text-align: center;
    color: #333
}

@media screen and (max-width: 1440px) {
    .form__img-bot-right {
        right: -50px
    }
}

@media screen and (max-width: 1280px) {
    .form__img-bot-right {
        right: 0px;
        height: 150px
    }

    .form__img-top-right {
        top: -15rem;
        right: 0px;
        width: 145px;
        height: 150px
    }

    .form__img-top-left {
        left: 0px;
        width: 140px;
        height: 110px
    }
}

@media screen and (max-width: 1120px) {
    .form__img-bot-right, .form__img-top-right, .form__img-top-left {
        display: none
    }
}

@media screen and (max-width: 1150px) {
    .form .tittle--section {
        font-size: 36px
    }

    .form__phone a {
        font-size: 36px
    }
}

@media screen and (max-width: 992px) {
    .form__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .form__left-col {
        display: none
    }

    .form__right-col {
        width: 100%
    }

    .form h2, .form__phone, .form__title-form {
        text-align: center
    }

    .form form {
        width: 50%;
        margin: 30px auto 0 auto
    }
}

@media screen and (max-width: 767px) {
    .form {
        padding: 0 0 70px 0
    }

    .form__img-top-right, .form__img-top-left {
        display: none
    }

    .form .tittle--section {
        font-size: 22px
    }

    .form__phone a {
        font-size: 18px
    }

    .form form {
        width: 100%
    }

    .form form input {
        height: 60px
    }

    .form__btn-submit {
        padding-left: 45px
    }

    .form__title-form {
        font-size: 14px
    }

    .form__personal-data {
        font-size: 12px
    }
}

.contacts {
    padding: 130px 0 0 0
}

.contacts .container {
    max-width: 1140px
}

.contacts h2 {
    text-align: center;
    margin: 0 0 95px 0
}

.contacts__cols-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 95px -30px 0 -30px;
    padding-bottom: 50px
}

.contacts__col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 30px
}

.contacts__col img {
    width: 65px;
    height: 65px
}

.contacts__info-contact {
    margin: 0 0 0 30px
}

.contacts__title-col, .contacts__content-text {
    font-family: 'Lato-Regular', sans-serif;
    color: #333
}

.contacts__title-col {
    margin: 0 0 5px 0
}

.contacts__content-text {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase
}

.contacts .map {
    width: 100%;
    height: 400px;
    background-color: #a0a0a0
}

@media screen and (max-width: 1280px) {
    .contacts__cols-wrap {
        margin: 0 -15px 0 -15px
    }

    .contacts__col {
        width: calc(33.33% - 30px);
        margin: 0 15px
    }

    .contacts__content-text {
        font-size: 16px
    }
}

@media screen and (max-width: 992px) {
    .contacts h2 {
        margin: 0 0 50px 0
    }

    .contacts__cols-wrap {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 35px
    }

    .contacts__col {
        width: calc(50% - 30px);
        margin: 0 15px 15px 15px
    }

    .contacts__content-text {
        font-size: 16px
    }
}

@media screen and (max-width: 767px) {
    .contacts {
        padding: 70px 0 0 0
    }

    .contacts h2 {
        margin: 0 0 30px 0
    }

    .contacts__cols-wrap {
        margin: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 35px
    }

    .contacts__col {
        width: 100%;
        margin: 0 0 15px 0
    }

    .contacts__col img {
        width: 30px;
        height: 30px
    }

    .contacts__title-col {
        font-size: 14px
    }

    .contacts__content-text {
        font-size: 14px
    }

    .contacts__info-contact {
        margin: 0 0 0 15px
    }

    .contacts .map {
        height: 40vh
    }
}

.footer__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 0
}

.footer__wrap p, .footer__wrap a {
    font-family: 'Lato-Regular', sans-serif;
    font-size: 14px;
    color: #333
}

.footer__up-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border: 0;
    border-radius: 50%;
    background-color: #9dcee9
}

.footer__up-btn img {
    width: 35%
}

.footer__privacy-policy {
    display: none
}

@media screen and (max-width: 767px) {
    .footer__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer__privacy-policy, .footer p {
        margin-bottom: 10px
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .repair .swiper-wrapper {
        display: -ms-flexbox;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .repair .swiper-slide {
        width: 200px !important
    }

    .repair .swiper-button-next, .repair .swiper-button-prev {
        top: 80%
    }

    .creature__col {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .creature__col:first-child .creature__btn-order {
        margin-top: 30px !important
    }

    .creature__col:last-child .creature__btn-order {
        margin-bottom: -7px
    }

    .bugs__col:nth-child(3) img {
        width: 80px
    }
}

html {
    font-family: 'Tahoma', Arial, serif;
    font-size: 16px;
    height: 100%
}

body {
    height: 100%;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
    overflow-x: hidden
}

*, *::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #000
}

ol, ul {
    list-style: none
}

img {
    max-width: 100%;
    display: block
}

input, button, textarea, select {
    font: inherit
}

audio, canvas, iframe, img, svg, video, textarea {
    vertical-align: middle
}

textarea {
    resize: none
}

section {
    position: relative
}

input, select, button {
    outline: none
}

.is-hidden {
    display: none !important
}

.is-visible {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    z-index: 10
}

.header.active-head {
    background-color: #fff
}

button {
    cursor: pointer
}

.container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .container {
        max-width: 1024px !important
    }
}

@media screen and (max-width: 992px) {
    .container {
        max-width: 750px !important
    }
}

@media screen and (max-width: 767px) {
    .container {
        max-width: 320px !important
    }
}

@media screen and (max-width: 376px) {
    .container {
        max-width: none !important
    }
}

.container button {
    cursor: pointer
}

.container a {
    text-decoration: none
}

.header__burg.nav-opened .top {
  transform: translateY(10px) rotate(45deg);
  transition: .3s ease-in;
}

.header__burg.nav-opened .mid {
  transform: scale(0);
  transition: .3s ease-in;
}

.header__burg.nav-opened .bot {
  transform: translateY(-10px) rotate(-45deg);
  transition: .3s ease-in;
}

::-webkit-scrollbar {
  display: none
}