/*
 * 
 * Тема : 
 * 
 *
 * 
 */


#iblock-contacts {

}

#iblock-contacts .container {
    max-width: none;
    padding: 0;
}

#iblock-contacts .col--page-main {
    padding: 2rem 2rem 0;
}


#iblock-contacts .col--page-side {
    display: block;
    
    margin: 0;
    padding: 0;
}

@media (min-width: 576px) {
    #iblock-contacts .col--page-main {
        max-width: 540px;
        
        margin-right: auto;
        margin-left: auto;
    }
}

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

        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    
    
    #iblock-contacts .col--page-main,
    #iblock-contacts .col--page-side {
        -ms-flex-order: 1;
        order: 1;
    }
    
    #iblock-contacts .col--page-main {
        -ms-flex-positive: 1;
        flex-grow: 1;
        
        -ms-flex-order: 2;
        order: 2;        
        
        max-width: none;
        margin: 0;
        padding-left: 3rem;
    }
    
    #iblock-contacts .col--page-side {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    #iblock-contacts .map-box {
        height: 600px;
    }
}

@media (min-width: 992px) {
    #iblock-contacts .map-box {
        height: 450px;
    }
}


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

#iblock-contacts .title {
    color: var(--color-text);
}

#iblock-contacts .contacts {
    margin: 3rem 0;
}

#iblock-contacts .contacts .item {
    display: block;
    
    padding: 1rem 0;
    padding-left: 36px;
    
    font-size: 14px;
    font-weight: 500;
    
    background-size: 26px auto;
}

#iblock-contacts .contacts .item .phone {
    font-size: 1.125em;
    
    text-decoration: none;
    color: inherit;
}

#iblock-contacts .contacts .item .label {
    font-size: .75em;
    color: #909090;
}

@media (min-width: 992px) {
    #iblock-contacts .contacts .item {
        font-size: 16px;
    }    
}

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

#iblock-map .map-box {
    
}


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