@charset "utf-8";
@import url("reset.css");
@import url(https://fonts.googleapis.com/css?family=Roboto:200,400,500,700,900,100,300italic,300&subset=latin,cyrillic&display=swap);


img, object, embed, video {
    max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width: 100%;
}

input, button, a {
    -webkit-transition: all 300ms;
    transition: all 300ms;
}


body {
    background: #fff;
    font-family: 'Roboto', sans-serif;
}

.container {
    max-width: 940px;
    padding: 0 15px;
    margin: 0 auto;
}

.clear {
    clear: both;
}

.yellow {
    color: #fef510;
}

input, button {
    font-family: 'Roboto', sans-serif;
}

.b-title {
    font-size: 35px;
    color: #000;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 0 14px;
    line-height: 35px;
}

.b-title-line {
    width: 132px;
    height: 3px;
    margin: 0 auto 40px;
    background: #fef510;
}

.block0 {
    background: #2c3674;
    width: 100%;
    display: inline-block;
    padding: 0 0 90px;
}

.block1 {
    background: #2c3674 url(../img/bg1.jpg) no-repeat top center;
    width: 100%;
    display: inline-block;
    padding: 0 0 90px;
}

.header {
    padding: 18px 0;
    width: 100%;
    display: inline-block;
}

.h-logo {
    float: left;
    margin: 12px 0 0 0;
}

.h-logo-text {
    font-size: 28px;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    line-height: 28px;
    padding: 3px 0;
    float: left;
    margin: 0 16px 0 0;
}

    .h-logo-text a:hover, a:visited, a:link, a:active {
        text-decoration: none;
        color: inherit;
    }


.h-logo-desc {
    font-weight: 200;
    font-size: 14px;
    color: #c7d1ec;
    line-height: 17px;
    float: left;
}

.h-right {
    float: right;
    padding: 0 27px 0 30px;
    font-size: 18px;
    color: #c7d1ec;
    line-height: 22px;
    background: url(../img/h-phone.png) no-repeat left center;
}

    .h-right a {
        font-size: 36px;
        color: #fff;
        font-weight: 700;
        line-height: 38px;
        text-decoration: none;
    }

.block1-container {
    max-width: 375px;
    padding: 60px 0 67px;
}

.b1-text1 {
    font-size: 24px;
    color: #fef510;
    text-transform: uppercase;
    line-height: 27px;
    padding: 0 0 11px;
    border-bottom: 1px solid #6c78a7;
    /*white-space: nowrap;*/
    /* MY */
    /*    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 1 1 100%;*/
}

.b1-text2 {
    font-size: 62px;
    line-height: 60px;
    padding: 14px 0 0 0;
    font-weight: 900;
    color: #fff;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

    .b1-text2 span {
        font-size: 80px;
        letter-spacing: 1.7px;
        line-height: 65px;
    }

.b1-text3 {
    font-size: 47px;
    color: #fff;
    line-height: 45px;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 11px 0;
    letter-spacing: -0.6px;
    border-bottom: 1px solid #6f7cab;
}

    .b1-text3 b {
        font-weight: 700;
    }

.block1-container ul {
    padding: 12px 0 0 0;
    width: 100%;
    display: inline-block;
}

    .block1-container ul li {
        display: inline-block;
        width: 45.06%;
    }

        .block1-container ul li:last-child {
            float: right;
        }

.b1-list-img {
    width: 28px;
    text-align: center;
    line-height: 57px;
    float: left;
}

    .b1-list-img img {
        vertical-align: middle;
    }

.b1-list-text {
    line-height: 19px;
    font-size: 16px;
    color: #fdffff;
    text-transform: uppercase;
    white-space: nowrap;
    margin: 0 0 0 45px;
}

.b1-form-wrap {
    width: 100%;
    display: inline-block;
}

.b1-form {
    margin: -90px -15px 0;
    padding: 18px 0;
    text-align: center;
    background: #1f2c59;
    border-radius: 8px;
    position: relative;
    z-index: 5;
}

.b1-form-title {
    font-size: 26px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 26px;
    padding: 0 0 21px;
}

.b4-form-title {
    font-size: 26px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 26px;
    padding: 0 0 21px;
}

input[type="text"] {
    width: 30.3%;
    height: 65px;
    margin: 0 0.65% 20px;
    border: 2px solid #fff;
    display: inline-block;
    padding: 0 15px 0 45px;
    box-sizing: border-box;
    outline: none;
    font-size: 16px;
    color: #7d7d7d;
}

    input[type="text"]:focus {
        border-color: #fef510;
    }

::-webkit-input-placeholder {
    color: #7d7d7d;
}

::-moz-placeholder {
    color: #7d7d7d;
}
/* Firefox 19+ */
:-moz-placeholder {
    color: #7d7d7d;
}
/* Firefox 18- */
:-ms-input-placeholder {
    color: #7d7d7d;
}

input[name="name"] {
    background: #fff url(../img/name.png) no-repeat left 16px center;
}

input[name="phone"] {
    background: #fff url(../img/phone.png) no-repeat left 16px center;
}

input[type="button"] {
    width: 30.3%;
    height: 65px;
    margin: 0 0.65% 20px;
    display: inline-block;
    background: #fef510;
    font-size: 20px;
    color: #253900;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}

    input[type="button"]:hover {
        color: #fff;
        background: #fff84b;
    }

    input[type="button"]:active {
        color: #253900;
        background: #e9e10f;
    }

.position-ask {
    display: inline-block; /* Строчно-блочный элемент */
    position: relative; /* Относительное позиционирование */
}

/*.position-ask:hover:after {
        content: attr(data-title);*/ /* Выводим текст */
/*position: absolute;*/ /* Абсолютное позиционирование */
/*left: 0;
        right: 0;
        bottom: 20px;*/ /* Положение подсказки */
/*z-index: 1;*/ /* Отображаем подсказку поверх других элементов */
/*background: #123398;*/
/*background: rgba(0,42,167,0.6);*/ /* Полупрозрачный цвет фона */
/*color: yellow;*/ /* Цвет текста */
/*text-align: left;*/ /* Выравнивание текста по центру */
/*font-family: Arial, sans-serif;*/ /* Гарнитура шрифта */
/*font-size: 14px;*/ /* Размер текста подсказки */
/*padding: 5px 10px 5px;*/ /* Поля */
/*border: 1px solid white;*/ /* Параметры рамки */
/*white-space: nowrap
    }*/

.k_result_text {
    color: #fff;
    font-size: 18px;
    padding: 0 0 0;
}

.b1-form-position-ask {
    text-align: center;
    font-size: 15px;
    color: #fff;
    line-height: 15px;
    padding: 0 0 5px;
}

.b1-form-conf {
    font-size: 15px;
    color: #fff;
    line-height: 15px;
    padding: 0 0 5px;
}

    .b1-form-conf span {
        color: #afbae7;
        font-weight: 100;
    }

    .b1-form-conf br {
        display: none;
    }


.block2 {
    padding: 60px 0 0;
    width: 100%;
    display: inline-block;
}

.b2-line-table {
    width: 100%;
    display: inline-block;
    padding: 0 0 193px;
}

.b2-left {
    width: 48.4%;
    float: left;
}

.b2-right {
    width: 48.4%;
    float: right;
}

.b2-table-title {
    padding: 0 0 15px;
    border-bottom: 1px solid #2e3876;
    width: 100%;
    display: inline-block;
}

.b2-right .b2-table-title {
    padding: 0 0 14px;
}

.b2-table-title-img {
    line-height: 40px;
    text-align: center;
    width: 35.6%;
    float: left;
}

    .b2-table-title-img img {
        vertical-align: middle;
    }

.b2-table-title-text {
    font-size: 25px;
    font-weight: 500;
    color: #2e3876;
    line-height: 40px;
    margin: 0 0 0 35.6%;
}

.b2-line-table table {
    width: 100%;
}

    .b2-line-table table tr th {
        vertical-align: middle;
        font-size: 16px;
        color: #000;
        font-weight: bold;
        font-style: italic;
        padding: 15px 0;
    }

        .b2-line-table table tr th:nth-child(1) {
            width: 40%;
            padding-right: 7%;
        }

        .b2-line-table table tr th:nth-child(2) {
            width: 30%;
        }

        .b2-line-table table tr th:nth-child(3) {
            width: 15%;
        }

        .b2-line-table table tr th:nth-child(4) {
            width: 15%;
        }

    .b2-line-table table tr td {
        vertical-align: middle;
        padding: 18px 0;
        border-bottom: 1px dashed #d4d4d4;
        font-size: 18px;
        color: #000;
        font-weight: 700;
        text-align: center;
    }

        .b2-line-table table tr td:nth-child(1) {
            text-align: left;
            font-size: 17px;
            font-weight: 400;
        }

        .b2-line-table table tr td small {
            font-size: 13px;
            position: relative;
            top: 5px;
        }

    .b2-line-table table tr:last-child td {
        border: none;
    }


.block3 {
    width: 100%;
    display: inline-block;
    padding: 0 0 60px;
}

    .block3 ul {
        text-align: center;
    }

        .block3 ul li {
            width: 22.55%;
            min-width: 205px;
            display: inline-block;
            margin: 0 2.5% 35px 0;
        }

            .block3 ul li:last-child {
                margin-right: 0;
            }

.b3-list-img {
    height: 100px;
    padding: 0 0 25px;
}

.b3-list-title {
    font-size: 22px;
    line-height: 22px;
    color: #1f2c59;
    text-transform: uppercase;
    padding: 0 0 12px;
}

.b3-list-text {
    font-size: 15px;
    color: black;
    line-height: 20px;
}

/* Areas block start */
.block-areas {
    width: 100%;
    display: inline-block;
    align-content: center;
    padding: 0 0 30px;
}

    .block-areas ul {
        text-align: left;
        padding: 30px 0 30px;
        list-style-image: url(../img/ico-tow-truck-24.png);
    }

        .block-areas ul li {
            float: left;
            width: 25%;
            min-width: 150px;
            line-height: 32px;
            display: list-item;
            margin: 0 2.5% 0 30px;
        }

            /*.block-areas ul li li:before {
                content: url(/img/ico-tow-truck-24.png);
            }*/

            .block-areas ul li:last-child {
                margin-right: 0;
            }

.block_areas-list-img {
    height: 24px;
    padding: 0 5px 0px;
}

.block_areas-list-text {
    font-size: 16px;
    color: black;
    line-height: 24px;
}
/* Areas block end */

.block4 {
    width: 100%;
    display: inline-block;
    background: #1f2c59;
    padding: 50px 0 45px;
}

.b4-form {
    margin: 0 -15px;
    text-align: center;
}


.footer {
    width: 100%;
    display: inline-block;
    padding: 23px 0;
    background: #1a254b;
}

.f-left {
    float: left;
    padding: 17px 0 0 0;
}

.f-address {
    text-align: center;
    padding: 16px 0 20px;
}

.f-logo {
    float: left;
    font-size: 24px;
    color: #6874a3;
    font-weight: 900;
    line-height: 24px;
    text-transform: uppercase;
}

.f-copyright {
    float: left;
    margin: 0 0 0 20px;
    font-size: 14px;
    color: #6874a3;
    font-weight: 300;
    line-height: 24px;
}

    .f-copyright br {
        display: none;
    }


@media only screen and (max-width: 949px) {

    .container {
        max-width: 720px;
    }

    .block1 {
        background-image: url(../img/bg1-planshet.jpg);
        padding: 0;
    }

    .h-right {
        font-size: 16px;
    }

        .h-right a {
            font-size: 32px;
        }

    .b1-form-wrap {
        background: #1f2c59;
    }

    .b1-form {
        -ms-border-radius: 0;
        border-radius: 0;
        margin-top: 0;
    }

    input[type="text"] {
        width: 46%;
        margin: 0 1.4% 20px;
    }

    input[type="button"] {
        width: 95.5%;
        margin: 0 0 20px;
    }

    .b2-left {
        max-width: 455px;
        width: 100%;
        margin: 0 auto 90px;
        float: none;
    }

    .b2-right {
        max-width: 455px;
        width: 100%;
        margin: 0 auto;
        float: none;
    }

    .block3 {
        padding: 0 0 25px;
    }

        .block3 ul li {
            width: 212px;
            margin: 0 20px 75px;
        }

    .f-left {
        padding: 15px 0 0 0;
    }

    .f-logo {
        line-height: 32px;
    }

    .f-copyright {
        width: 155px;
        line-height: 16px;
    }

        .f-copyright br {
            display: block;
        }
}


@media only screen and (max-width: 724px) {

    .container {
        max-width: 450px;
    }

    .b-title {
        font-size: 32px;
    }

    .block1 {
        background-image: url(../img/bg1-phone.jpg);
    }

    .h-logo {
        float: none;
        width: 100%;
        text-align: center;
        padding: 0 0 23px;
    }

    .h-logo-text {
        float: none;
        margin: 0 0 3px;
    }

    .h-logo-desc {
        float: none;
        width: 100%;
    }

        .h-logo-desc br {
            display: none;
        }

    .h-right {
        float: none;
        width: 100%;
        padding: 0;
        background: none;
        text-align: center;
    }

    .block1-container {
        padding: 30px 0;
        margin: 0 auto;
    }

    .b1-form {
        margin: 0;
    }

    input[type="text"] {
        width: 100%;
        margin: 0 0 10px;
    }

    input[type="button"] {
        width: 100%;
        margin: 10px 0 20px;
    }

    .b1-form-conf {
        line-height: 18px;
    }

        .b1-form-conf br {
            display: block;
        }

    .block3 ul li {
        min-width: 200px;
        width: 200px;
        margin: 0 5px 75px;
    }

    .b4-form {
        margin: 0;
    }

    .f-left {
        float: none;
        width: 100%;
        text-align: center;
    }

    .f-logo {
        float: none;
        width: 100%;
    }

    .f-copyright {
        float: none;
        width: 100%;
        margin: 0;
    }

        .f-copyright br {
            display: none;
        }
}

@media only screen and (max-width: 479px) {

    .container {
        padding: 0 10px;
    }

    .h-right {
        font-size: 15px;
    }

        .h-right a {
            font-size: 28px;
        }

    .block1-container {
        max-width: 280px;
    }

    .b1-text1 {
        font-size: 18px;
        line-height: 22px;
    }

    .b1-text2 {
        font-size: 45px;
        line-height: 45px;
    }

        .b1-text2 span {
            font-size: 58px;
            line-height: 50px;
        }

    .b1-text3 {
        font-size: 34.5px;
        line-height: 35px;
    }

    .block1-container ul li {
        width: 100%;
    }

        .block1-container ul li:last-child {
            float: none;
            margin-top: 20px;
        }

    .block2 {
        padding: 20px 0 0;
    }

    .b2-table-title-text {
        font-size: 15px;
    }

    .b2-line-table {
        padding: 0 0 60px;
    }

        .b2-line-table table tr td {
            font-size: 14px;
        }

            .b2-line-table table tr td:nth-child(1) {
                font-size: 13px;
            }

            .b2-line-table table tr td small {
                top: 1px;
            }

        .b2-line-table table tr th {
            font-size: 14px;
        }

    .block3 ul li {
        margin-bottom: 40px;
    }
}


.warning {
    border: 3px solid red !important;
}

    .warning::placeholder {
        color: red !important;
    }