@charset "UTF-8";
.language {color: #fff;
border-left: solid 1px #f4c35c;
margin-left: 10px;
padding-left: 10px;}
.popform__header {    margin-top: 50px;}
.modal__close {    top: 20px;    right: 20px;}
.footer__copy a {padding-top: 5px}
.wrapper {margin-top:-18px}
.income {align-items: center;}
.howmuch {
    padding: 70px 0;
}
.footer__copy {
    color: #999;
    font-size: .75rem;
    line-height: 1.3rem;
}

#msg     {font-size: 14px;}

.section.calculate {background: #f4c35c; padding:0}
.calculate .container {display: flex; padding-bottom: 0}
.calculate_text {padding-top: 100px;}
.hand   {  margin-top: -50px;
position: relative;
z-index: 9;}
.buttons {
margin-top: 30px; display: flex
}


.buttons a {
    display: -webkit-box;
    display: flex;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 200px;
    height: 60px;
    margin: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    border-radius: 50px;
    position: relative;
    z-index: 9;
}

.buttons a:hover {
    color: #fff
}

.buttons a img {
    margin-right: 5px
}

a.telegram {
    background: #0088cc;
    box-shadow: 0 0 20px #0088cc;
    -webkit-box-shadow: 0 0 20px #0088cc
}

a.viber {
    background: #7360f2;
    box-shadow: 0 0 20px #7360f2;
    -webkit-box-shadow: 0 0 20px #7360f2
}

a.telegram:hover,
a.viber:hover {
    background: #22222b;
    box-shadow: 0 0 20px #22222b;
    -webkit-box-shadow: 0 0 20px #22222b
}

#modal-2.yellow, #modal-popup.yellow {background: #f4c35c; padding: 50px;}
.modal__content.calculate {
    max-width: 1100px;
    border: solid 5px #22222b;
    padding-left: 30px;
}
.modal__content.calculate .container {
padding-right:0
}
   .calculate .modal__close {
        z-index: 2001; top:-100px
    }

    .book .calculate {height: calc(100vh - 111px);     align-items: center;
        display: flex;
    }
    .book .calculate .container {height: 500px;  border: solid 5px #22222b;
        padding-left: 30px; padding-right:0}

        .popform__motiv {
            font-size: 1.1rem;
            font-weight: 300;
        }

  /*      #modal-1, #modal-popup {background: #f4c35c;}
        #modal-1  .popform__header, #modal-1 .popform__motiv, #modal-popup  .popform__header, #modal-popup .popform__motiv {color:#22222b}
        #modal-1   .button_b,  #modal-popup   .button_b {color: #f4c35c; background: #22222b} */

        .button_b.button_green {color: #ffffff; background: #19a16e}
        .button_b.button_red {color: #ffffff; background: #f1152a}
        .button_b.button_blue {color: #ffffff; background: #1048c8}

        .thankyou .calculate {height:calc(100vh - 114px)}

        .owl-carousel.slider .owl-item  img {
            max-width: 400px;
            margin: 0 auto;
        }
        .screens {background: #f5f5f5}
        .screens__act {text-align: center;
            margin-top: 30px; position: relative;
            z-index: 1;}

            .cars {background: #f5f5f5}
            .carsflex {display: flex; flex-direction: row;}
            .car {display: flex; flex-direction: column;    width: 50%;
                text-align: center;}
                .car img {max-width: 400px;     margin: 0 auto 30px;}
                .car button {margin-top: 20px; position: relative; z-index:1}

            /*    .edges {display: flex; justify-content: space-between;flex-wrap: wrap;}
                .edges__item {width: calc(50% - 10px)} */

@media (max-width: 1349.98px){
.modal__close {right: 20px}
}

@media (max-width: 1200px){
    #modal-2.modal, #modal-popup.modal {
        padding: 20px;
    }
.modal__content.calculate, .book .calculate .container {
    max-width: calc(100% - 40px); }
    .modal__content.calculate .container {
       overflow:hidden
    }
    .modal__content   .hand {
        margin-top: 10px;
    }
}

@media (max-width: 768px){
    .header__address {display: none}
    .calculate .modal__close {
        z-index: 2001; top:20px
    }
.calculate .container {
    flex-direction: column;}
    .calculate_text {
        padding-top: 50px;
    }
  .book  .calculate_text {
        padding-top: 0;
    }
    .hand {
        margin-top: 50px;
        max-width: 600px;
        margin-left:auto
    }
  .modal__content  .hand {
        margin-left:auto
    }
    .book .hand {
        margin: 50px auto;
        max-width: 400px;
    }

    #modal-2.modal, #modal-popup.modal {
        padding: 0;
    }
    .modal__content.calculate {
        border: none;
        padding: 0;
        max-width: 100%
    }
 .book .calculate .container {height: auto;
        border: none;
        max-width: 100%;
        padding: 30px
    }
    .book .calculate {
        height: auto;
        display: block;
    }

    .carsflex {display: flex; flex-direction: column;}
    .car {width: 100%;
        margin: 20px auto;
    }
    .car img {max-width: 100%}

   /* .edges__item {width: 100%} */
}

@media only screen and (max-width:576px){
    .lines__content {        justify-content: space-around;    }
.lines__content>span:nth-child(1) ,.lines__content>span:nth-child(2) {display: none}
.welcome__header>span {
    font-size: 1.4rem;
}
.welcome__price {
    margin-top: 40px;
}
.staraccent {
    font-size: 1.5rem;
}
.welcome__subheader {
    font-size: 1.1rem;margin-top: 0;    padding: 0 10px;
}
.popform__list {
    font-size: 1rem;
}

.quote {
    font-size: 1.2rem;
}
.atext {
    font-size: 1.1rem;
}
.big-staraccent {
    font-size: 1.2rem;
}
.arts__image {
    align-items: start;
    }
    .modal__close {
        top: 20px;
        right: 20px;
    }

  .footer__call  .header-call {
        flex-direction: column;
    }

    .buttons {
    flex-direction: column; text-align: center;
        }

        .buttons a {margin-left: auto; margin-right: auto}
        .hand {
            margin-right: -200px;
        }
        .modal__content  .hand {
            margin-left:auto; margin-right: 0
        }
        .book .hand {
            max-width: 100%;
        }
}