

/* Start:/bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1753971616666*/
div.bx-yandex-map {color: black; font-size: 11px;}
div.bx-yandex-map div.YMaps-b-balloon-content {color: black; font-size: 11px;}
div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td {
	padding: 0px !important;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td textarea{
	font-size: 11px;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td.YMaps-b-balloon-b {
	background-image: none !important;
}

/* End */


/* Start:/local/templates/is_new/components/siv/order.form/cctv/style.css?175397171712547*/
body {
    margin: 0
}

.mobile-only {
    display: none
}

.mobile-only-imp {
    display: none
}

body {
    margin: 0
}

.call-me-block {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #264796;
    background-image: url("/local/templates/is_new/components/siv/order.form/cctv/images/your_step.png");
    background-size: 75%;
    padding-bottom: 88px;
    margin-top: 88px
}

.call-me-block__container {
    width: 62.5%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-radius: 8px;
    background: #2C66BE;
    margin-top: -88px
}

.call-me-block__content {
    --horizontal-padding: calc(calc(calc(100% / 12) * 1));
    width: calc(calc(calc(100% / 12) * 7));
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: var(--horizontal-padding);
    padding-right: var(--horizontal-padding);
    margin-right: 20px;
    padding-top: 44px;
    padding-bottom: 44px
}

.call-me-block__title {
    font-family: "Roboto Slab", "Arial", sans-serif;
    font-style: normal;
    font-weight: bold;
    color: #2C66BE;
    text-transform: none;
    font-size: 2.25em;
    line-height: 111.1%;
    margin-bottom: 24px;
    color: #fff
}

.call-new-block__text {
    font-family: "Roboto", "Arial", sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #4D4D4D;
    text-transform: none;
    font-size: 1.25em;
    line-height: 140%;
    margin-bottom: 44px;
    color: #fff
}

.call-me-block__form {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

.call-me-block__input-block {
    width: calc(50% - 10px);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.call-me-block__input {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
    border: none;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    background: transparent;
    outline: none;
    font-family: "Roboto", "Arial", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.125em;
    line-height: 1.166em;
    color: #fff
}

.call-me-block__label {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 8px;
    font-family: "Roboto", "Arial", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.125em;
    line-height: 1.166em;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition-property: padding, -webkit-transform;
    transition-property: padding, -webkit-transform;
    transition-property: transform, padding;
    transition-property: transform, padding, -webkit-transform;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.call-me-block__input:focus ~ .call-me-block__label, .call-me-block__input:valid ~ .call-me-block__label {
    font-size: 0.75em;
    line-height: 1.333em;
    -webkit-transform: translate(0px, -24px);
    transform: translate(0px, -24px);
    padding: 0
}

.call-me-block__button {
    width: 280px;
    max-width: 280px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-radius: 1000px;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 14px 48px;
    -webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
    font-family: "Roboto", "Arial", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1em;
    line-height: 1.25em;
    text-align: center;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    outline: none;
    background: #C91111;
    width: calc(50% - 10px)
}

.call-me-block__button::before {
    content: " ";
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    border-radius: 100px;
    background: #ffffff;
    z-index: -1
}

.call-me-block__button:hover {
    -webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15)
}

.call-me-block__button:active {
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.24), 0px 0px 10px rgba(0, 0, 0, 0.12), inset 0px -8px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.24), 0px 0px 10px rgba(0, 0, 0, 0.12), inset 0px -8px 8px rgba(0, 0, 0, 0.3)
}

.call-me-block__button:disabled {
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)
}

.call-me-block__button:hover {
    background: #B12121
}

.call-me-block__button:disabled {
    background: #B12121
}

.call-me-block__info-link {
    text-align: center;
    font-family: "Roboto", "Arial", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 0.75em;
    line-height: 1.33em;
    color: #EFEFEF
}

.call-me-block__image-block {
    width: calc(calc(100% / 12) * 5);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.call-me-block__image {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 0 8px 8px 0
}

@media screen and (max-width: 1440px) {
    .call-me-block {
        padding-bottom: 72px
    }

    .call-me-block {
        margin-top: 72px
    }

    .call-me-block__container {
        width: 83.33%
    }

    .call-me-block__content {
        padding-top: 36px
    }

    .call-me-block__content {
        padding-bottom: 36px
    }

    .call-me-block__title {
        font-size: 32px;
        line-height: 111.1%
    }

    .call-me-block__title {
        margin-bottom: 22px
    }

    .call-new-block__text {
        font-size: 1.125em;
        line-height: 140%
    }

    .call-new-block__text {
        margin-bottom: 36px
    }

    .call-me-block__form {
        margin-bottom: 18px
    }
}

@media screen and (max-width: 768px) {
    .call-me-block {
        padding-bottom: 60px
    }

    .call-me-block {
        margin-top: 60px
    }

    .call-me-block__container {
        width: calc(100% - 48px);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .call-me-block__content {
        padding-top: 32px
    }

    .call-me-block__content {
        padding-bottom: 32px
    }

    .call-me-block__content {
        --horizontal-padding: calc(100% / 16);
        width: calc((100% / 8 * 5) - 20px)
    }

    .call-me-block__title {
        margin-bottom: 20px
    }

    .call-new-block__text {
        margin-bottom: 32px
    }

    .call-me-block__form {
        margin-bottom: 16px
    }

    .call-me-block__form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .call-me-block__input-block {
        margin-bottom: 28px
    }

    .call-me-block__input-block {
        width: 100%
    }

    .call-me-block__button {
        width: 100%
    }

    .call-me-block__image-block {
        width: calc(100% / 8 * 3 - 20px)
    }
}

@media screen and (max-width: 414px) {
    .call-me-block {
        padding-bottom: 88px
    }

    .call-me-block {
        padding-bottom: 0
    }

    .call-me-block {
        margin-top: 88px
    }

    .call-me-block {
        margin-top: 36px
    }

    .call-me-block__container {
        width: 100%;
        margin-top: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 0
    }

    .call-me-block__content {
        padding-top: 44px
    }

    .call-me-block__content {
        padding-bottom: 44px
    }

    .call-me-block__content {
        width: 100%;
        margin-right: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .call-me-block__title {
        font-size: 2.25em;
        line-height: 111.1%
    }

    .call-me-block__title {
        margin-bottom: 24px
    }

    .call-new-block__text {
        font-size: 1.375em;
        line-height: 140%
    }

    .call-new-block__text {
        margin-bottom: 44px
    }

    .call-me-block__form {
        margin-bottom: 20px
    }

    .call-me-block__form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .call-me-block__input-block {
        margin-bottom: 36px
    }

    .call-me-block__input-block {
        width: 100%
    }

    .call-me-block__input {
        width: 100%
    }

    .call-me-block__button {
        width: 100%
    }

    .call-me-block__image-block {
        width: 90%;
        margin-top: -32px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        border-radius: 8px
    }

    .call-me-block__image {
        border-radius: 8px;
        height: 132px
    }
}

@media screen and (max-width: 320px) {
    .call-me-block {
        padding-bottom: 72px
    }

    .call-me-block {
        padding-bottom: 0
    }

    .call-me-block {
        margin-top: 72px
    }

    .call-me-block {
        margin-top: 26px
    }

    .call-me-block__content {
        padding-top: 32px
    }

    .call-me-block__content {
        padding-bottom: 32px
    }

    .call-me-block__title {
        font-size: 32px;
        line-height: 106.3%
    }

    .call-me-block__title {
        margin-bottom: 18px
    }

    .call-new-block__text {
        font-size: 1.25em;
        line-height: 140%
    }

    .call-new-block__text {
        margin-bottom: 32px
    }

    .call-me-block__form {
        margin-bottom: 16px
    }

    .call-me-block__input-block {
        margin-bottom: 26px
    }
}

.pol span {
    color: #fff !important;
}

.pol a {
    color: #fff !important;
}

/* End */
/* /bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1753971616666 */
/* /local/templates/is_new/components/siv/order.form/cctv/style.css?175397171712547 */
