/**
 * 
 * Тема : Сетки.
 * 
 *
 * 
 */

/**
 * 
 * -----------------------------------------------------------------------------
 */

body {
    min-width: 360px;
}


/**
 * Сетка : Контейнеры.
 * -----------------------------------------------------------------------------
 */

.container {
    width: 100%;

    padding-right: 2rem;
    padding-left: 2rem;

    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

/**
 * Сетка : Колонки (Flexbox).
 * -----------------------------------------------------------------------------
 */

.row {
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    margin-right: -1rem;
    margin-left: -1rem;
}

.col {
    position: relative;

    width: 100%;
    max-width: 100%;

    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;

    padding-right: 1rem;
    padding-left: 1rem;
}


/**
 * Сетка : Флексы (Flexbox).
 * -----------------------------------------------------------------------------
 */

.flex-row-ch {
    display: -ms-flexbox;
    display: flex;
    
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    
    -ms-flex-align: center;
    align-items: center;
}

/*

.d-flex {
    display: -ms-flexbox;
    display: flex;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex-column {
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-grow-1 {
    -ms-flex-positive: 1;
    flex-grow: 1;
}


*/




/**
 * Clearfix (bootstrap 4).
 * -----------------------------------------------------------------------------
 */

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}



/**
 * Кусочки ...
 * -----------------------------------------------------------------------------
 */

.anchor {
    display: block;
    height: 1px;
    transform: translateY(-15px);
}

.nowrap {
    white-space: nowrap;
}


/*
 * -----------------------------------------------------------------------------
 *
 * INAGE-BOX.
 *
 * -----------------------------------------------------------------------------
 */

.image-box {
    position: relative;
    display: block;
}

.image-box .image {
    display: block;
    
    width: 100%;
    height: 0;
    
    padding: 0;
    
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    
    transition: background-size .3s ease;
}

.image-box .image.image-xga {
    padding-bottom: 75%;
}

.image-box .image.image-fhd {
    padding-bottom: 56.25%;
}

.image-box .image.image-sqr {
    padding-bottom: 100%;
}

.image-box .image.image-pro {
    padding-bottom: 34.38%;
}

/*
#iblock-news .item .image-box:hover .image {
    background-size: 110% auto;
}
*/


/*
 * -----------------------------------------------------------------------------
 *
 * .
 *
 * -----------------------------------------------------------------------------
 */


html {
    font-size: 16px;
}

body {
    --color-prim: #00479b;
    --color-attn: #e1293d;
    --color-text: #1a1a1a;
    --color-lite: #999999;
    
    --color-prim-tiny: #94c1f9;
    --color-prim-lite: #125ab3;
    --color-prim-dark: #003a80;
    --color-attn-dark: #c70a1f;
    
    font-family: "Manrope", serif; /* 200 - 800 */
    font-weight: 400;
    
    line-height: 1.3;
    
    background-color: #fff;
    color: var(--color-text);
}

#site-wrapper {

}

/*
 * -----------------------------------------------------------------------------
 *
 * ...
 *
 * -----------------------------------------------------------------------------
 */

/*

.air-datepicker-global-container {
    z-index: 999;
}

body .air-datepicker {
    --adp-font-family: 'Montserrat', sans-serif;
    
    --adp-background-color-selected-other-month: var(--color-prim);
    --adp-background-color-selected-other-month-focused: var(--color-prim);
    --adp-accent-color: var(--color-prim);
    --adp-day-name-color: var(--color-prim);
    --adp-cell-background-color-selected: var(--color-prim);
    --adp-cell-background-color-selected-hover: var(--color-prim);
    
    --adp-border-radius: 7px;
}
body .air-datepicker-overlay {
    --adp-overlay-background-color: rgba(0,0,0,.85);
}

*/




/*
 * -----------------------------------------------------------------------------
 *
 *  
 *
 * -----------------------------------------------------------------------------
 */

.map-box {
    min-height: 450px;
    height: 600px;
    
    margin: 0;
    background-color: #e0e0e0;
}

@media (min-width: 480px) {
    .map-box {
        height: 450px;
    }    
}

.map-box.bg-preloader {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 64px 64px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggMTI4Ij48Zz48Y2lyY2xlIGZpbGw9IiM3MDcwNzAiIGZpbGwtb3BhY2l0eT0iMSIgY3g9IjE2IiBjeT0iNjQiIHI9IjE2Ii8+PGNpcmNsZSBmaWxsPSIjNzA3MDcwIiBmaWxsLW9wYWNpdHk9IjEiIGN4PSIxNiIgY3k9IjY0IiByPSIxNC4zNDQiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDY0IDY0KSIvPjxjaXJjbGUgZmlsbD0iIzcwNzA3MCIgZmlsbC1vcGFjaXR5PSIxIiBjeD0iMTYiIGN5PSI2NCIgcj0iMTIuNTMxIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NCA2NCkiLz48Y2lyY2xlIGZpbGw9IiM3MDcwNzAiIGZpbGwtb3BhY2l0eT0iMSIgY3g9IjE2IiBjeT0iNjQiIHI9IjEwLjc1IiB0cmFuc2Zvcm09InJvdGF0ZSgxMzUgNjQgNjQpIi8+PGNpcmNsZSBmaWxsPSIjNzA3MDcwIiBmaWxsLW9wYWNpdHk9IjEiIGN4PSIxNiIgY3k9IjY0IiByPSIxMC4wNjMiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA2NCA2NCkiLz48Y2lyY2xlIGZpbGw9IiM3MDcwNzAiIGZpbGwtb3BhY2l0eT0iMSIgY3g9IjE2IiBjeT0iNjQiIHI9IjguMDYzIiB0cmFuc2Zvcm09InJvdGF0ZSgyMjUgNjQgNjQpIi8+PGNpcmNsZSBmaWxsPSIjNzA3MDcwIiBmaWxsLW9wYWNpdHk9IjEiIGN4PSIxNiIgY3k9IjY0IiByPSI2LjQzOCIgdHJhbnNmb3JtPSJyb3RhdGUoMjcwIDY0IDY0KSIvPjxjaXJjbGUgZmlsbD0iIzcwNzA3MCIgZmlsbC1vcGFjaXR5PSIxIiBjeD0iMTYiIGN5PSI2NCIgcj0iNS4zNzUiIHRyYW5zZm9ybT0icm90YXRlKDMxNSA2NCA2NCkiLz48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgdmFsdWVzPSIwIDY0IDY0OzMxNSA2NCA2NDsyNzAgNjQgNjQ7MjI1IDY0IDY0OzE4MCA2NCA2NDsxMzUgNjQgNjQ7OTAgNjQgNjQ7NDUgNjQgNjQiIGNhbGNNb2RlPSJkaXNjcmV0ZSIgZHVyPSI3MjBtcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT48L2c+PC9zdmc+);
}

/*
 * -----------------------------------------------------------------------------
 *
 * ...
 *
 * -----------------------------------------------------------------------------
 */


.logo {
    display: block;
}

.logo img {
    width: 100%;
    height: auto;
}

/*
 * -----------------------------------------------------------------------------
 *
 * .
 *
 * -----------------------------------------------------------------------------
 */

.contacts--icon {
    padding: 8px 0;
    padding-left: 28px;

    font-size: 12px;

    white-space: nowrap;

    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px auto;
}

a.contacts--icon {
    text-decoration: none;
    color: inherit;
}

.contacts--icon-phone {
    background-image: url(/_images/icons/attn/icon-phone.svg);
    background-size: 22px auto;
}

.contacts--icon-schedule {
    background-image: url(/_images/icons/attn/icon-clock.svg);    
}

.contacts--icon-address {
    background-image: url(/_images/icons/attn/icon-map-pin.svg);
}

/*
 * -----------------------------------------------------------------------------
 *
 * ...
 *
 * -----------------------------------------------------------------------------
 */


.col--page-main {
    margin-bottom: 3rem;
    padding-top: 3rem;
}

.col--page-side {
    display: none;
    margin-bottom: 3rem;
    padding-top: 3rem;
}

@media (min-width: 768px) {
    
    .row--page {
        display: -ms-flexbox;
        display: flex;

        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    
    .col--page-main {
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    
    .col--page-side {
        -ms-flex: 0 0 290px;
        flex: 0 0 290px;
        max-width: 290px;
    }
    
    .sidebar {
        position: relative;
        height: 100%;
        
        margin-left: 2rem;
        padding-left: 2rem;
        
        border-left: 2px solid #f5f5f5;
    }
    
    .sidebar .sidebar-widgets {
        position: sticky; top: 75px;
    }
}

@media (min-width: 992px) {
    .col--page-side {
        -ms-flex: 0 0 330px;
        flex: 0 0 330px;
        max-width: 330px;
        
        display: block;
    }
}

/*
 * -----------------------------------------------------------------------------
 *
 * Алерт "Disablesd". 
 *
 * -----------------------------------------------------------------------------
 */

#alert {
    position: fixed; z-index: 2000;
    right: 15px; bottom: 15px;
    
    display: -ms-flexbox;
    display: flex;

    -ms-flex-direction: row;
    flex-direction: row;

    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

    -ms-flex-pack: justify;
    justify-content: space-between;

    -ms-flex-align: center;
    align-items: center;
    
    padding: 15px 25px;
    
    font-size: 14px;
    
    border-radius: 15px;
    background-color: var(--color-attn);
    color: #fff;
    
    cursor: pointer;
    
    opacity: 1;
    transition: all .3s ease;
}

#alert.hidden {
    bottom: -50px;
    opacity: 0;
}

#alert .close {
    margin-left: 15px;
    font-size: 18px;
}



/*
 * -----------------------------------------------------------------------------
 *
 * Блоки : 
 *
 * -----------------------------------------------------------------------------
 */

#iblock-none {
    padding: 3rem 0;
    color: #d0d0d0;
}

/*
 * -----------------------------------------------------------------------------
 *
 * ...
 *
 * -----------------------------------------------------------------------------
 */

/*

#iblock-page {
    
}

#iblock-page .col--page-side {
    
}

#iblock-page .col--page-side h4 {
    text-transform: uppercase;
    color: #b9b9b9;
}

#iblock-page .col--page-side p {
    color: #b0b0b0;
}

*/

#iblock-page .col--page-side h4 {
    margin-bottom: 1rem;
    
    text-transform: uppercase;
    color: var(--color-text);
}

#iblock-page .col--page-side .box--link {
    padding: 0;
}

#iblock-page .col--page-side .box--link .link {
    display: block;
    position: relative;
    
    padding: 1.25rem 1rem;
    padding-left: 3rem;
    
    font-size: 14px;
    text-decoration: none;
    
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 38px;
    
    color: var(--color-prim);
}

#iblock-page .col--page-side .box--link .link:hover {
    text-decoration: underline;
}

#iblock-page .col--page-side .box--link .link.current {
    
    filter: grayscale(100%);
    filter: gray;
    
    opacity: .5;
    
    /*
    filter: brightness(1) hue-rotate(-178deg) saturate(8);
    */
}

#iblock-page .btn {
    min-width: 210px;
    margin-top: 3rem;
}

#iblock-page .btn-frame {
    color: var(--color-attn);
}

/*
 * -----------------------------------------------------------------------------
 *
 * Пагинация.
 *
 * -----------------------------------------------------------------------------
 */

/*

.pagination {
    margin: -1rem -5px 2rem;
}

.pagination .btn {
    height: 38px;
    margin: 0 5px 5px;
    
    line-height: 36px;
    
    text-align: center;
}

.pagination .btn-num {
    width: 38px;
    padding: 0;
}

*/

/*
 * -----------------------------------------------------------------------------
 *
 * .
 *
 * -----------------------------------------------------------------------------
 */


@media (min-width: 768px) {
    
}
@media (min-width: 992px) {
    
}
@media (min-width: 1200px) {
    
}