/* Start:/kontakty/contacts.css?16490869257783*/
html body
{
    background-color: var(--dark-bg-page-color);
}

.contacts-3-row
{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch;
    justify-content: start;
    grid-gap: 30px;
}
@media screen and (max-width: 992px) 
{
    .contacts-3-row
    {
        flex-flow: unset;
        justify-content: unset;
        align-items: unset;

        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 25px 20px;

        grid-template-areas:  "contacts opened-time"
                              "optional-item optional-item";                
    }
}
@media screen and (max-width: 567px) 
{
    .contacts-3-row
    {
        grid-template-columns: 1fr;
        grid-template-areas: unset;
        grid-gap: 25px 0;
    }
}

.contacts-row-item
{
    padding: 19px 21px 32px 17px;
    border: 1px solid var(--gold-color);
}
@media screen and (max-width: 992px) 
{
    .contacts-row-item
    {
        padding: 21px 21px 32px 21px;
    }

    .contacts-row-item.contacts
    {
        grid-area: contacts;
    }
    .contacts-row-item.opened-time
    {
        grid-area: opened-time;
    }
    .contacts-row-item.optional
    {
        grid-area: optional-item;
    }
}
@media screen and (max-width: 567px) 
{
    .contacts-row-item.contacts,
    .contacts-row-item.opened-time,
    .contacts-row-item.optional
    {
        grid-area: unset;
    }
}

.contacts-row-item__name
{
    color: var(--gold-color);
    margin-bottom: 10px;
}

.contacts-row-item .main-text
{
    color: #fff;
}
@media screen and (max-width: 992px) 
{
    .contacts-row-item .main-text
    {
        font-size: 16px;
        line-height: 21px;
    }
}

.contacts-row-item__email-tel
{
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.contacts-row-item__email-tel a
{
    display: block;
    margin-bottom: 2px;

    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 21px;

    letter-spacing: 0.002em;

    color: #FFFFFF;
}

.contacts-row-item__email-tel a:last-child
{
    margin-bottom: 0;
}

.contacts-row-item__socials
{
    margin-top: 18px;

    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}

.contacts-row-item__socials a
{
    margin-right: 8px;
}

/* ymaps */
.contacts-ymaps
{
    margin-top: 80px;

    min-height: 588px;
    background-color: #fff;

    display: flex;
}
@media screen and (max-width: 992px) 
{
    .contacts-ymaps
    {
        min-height: 277px;
        margin-top: 50px;
    }
}
@media screen and (max-width: 768px) 
{
    .contacts-ymaps
    {
        /* min-height: 475px; */
        min-height: 47vh;
    }
}

.contacts-ymaps .custom-ymaps-wrapper
{
    position: relative;

    min-height: 100%;
    width: 100%;
}

/* чтоб в админке не пропадала */
#bx_incl_area_8_6
{
    height: 100%;
}

.bx-yandex-view-layout,
.bx-yandex-view-map
{
    height: 100%;
}

.addresses
{
    margin: 80px 0;

    border-top: 1px solid #B6B6B6;
    padding-top: 32px;

    padding-bottom: 33px;
    border-bottom: 1px solid #B6B6B6;
}
@media screen and (max-width: 992px) 
{
    .addresses
    {
        position: relative;

        border-top: none;
        padding-top: 0;
        margin: 50px 0;
        padding-bottom: 30px;

        border-bottom: none;
    }
    .addresses::after
    {
        content: "";

        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        height: 1px;
        width: 100vw;
        background-color: #4F545D;
    }
}
@media screen and (max-width: 680px) 
{
    .addresses
    {
        padding-bottom: 0;
    }
    .addresses::after
    {
        display: none;
    }
}

.inner-addresses-wrapper
{
    max-width: 1209px;

    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
}
@media screen and (max-width: 1400px) 
{
    .inner-addresses-wrapper
    {
        max-width: 1077px;
    }
}
@media screen and (max-width: 680px) 
{
    .inner-addresses-wrapper
    {
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
}


/* form */
.ask-question-form-wrapper
{
    max-width: 421px;
    width: 100%;

    position: sticky;
    top: 90px;
}
@media screen and (max-width: 1400px) 
{
    .ask-question-form-wrapper
    {
        max-width: 391px;
    }  
}
@media screen and (max-width: 1200px) 
{
    .ask-question-form-wrapper
    {
        max-width: 386px;
    }  
}
@media screen and (max-width: 992px) 
{
    .ask-question-form-wrapper
    {
        max-width: 334px;

        top: 130px;
    }  
}
@media screen and (max-width: 680px) 
{
    .ask-question-form-wrapper
    {
        max-width: 100%;
        margin-top: 59px;
    }  
}

.success-message
{
    opacity: 0;

    border: 1px solid var(--gold-color);
    border-radius: 5px;

    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;

    padding: 10px 18px 12px 18px;

    transition: opacity .4s;
}
.success-message.showed
{
    opacity: 1;
}
@media screen and (max-width: 992px) 
{
    .success-message
    {
        display: none;
    }
}

.success-message__text
{
    color: var(--gold-color);
    margin-left: 10px;
}

.ask-question-form-wrapper form
{
    margin-top: 24px;

    background-color: #232323;

    border-radius: 15px;
    border: 1px solid #3A3A3A;

    padding: 15px 34px 24px 18px;
}
@media screen and (max-width: 1400px) 
{
    .ask-question-form-wrapper form
    {
        padding: 15px 30px 24px 22px;
    }
}
@media screen and (max-width: 1200px) 
{
    .ask-question-form-wrapper form
    {
        padding: 15px 25px 24px 22px;
    }
}
@media screen and (max-width: 992px) 
{
    .ask-question-form-wrapper form
    {
        margin-top: 0;
    }
}

.ask-question__title
{
    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;

    color: #C4C4C4;

    margin-bottom: 16px;
}

.ask-question-form-wrapper form input,
.ask-question-form-wrapper form textarea
{
    display: block;

    font-family: "RF Dewi Ligth", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.02em;

    background: #121212;
    border: 1px solid #3A3A3A;
    border-radius: 5px;

    padding: 14px 16px;
    width: 100%;

    transition: border .3s;

    margin-bottom: 13px;

    color: #fff;
}

.ask-question-form-wrapper form input:last-child,
.ask-question-form-wrapper form textarea:last-child
{
    margin-bottom: 0;
}

.ask-question-form-wrapper form input:focus,
.ask-question-form-wrapper form textarea:focus
{
    border: 1px solid var(--gold-color);
}

.ask-question-form-wrapper form input:placeholder-shown,
.ask-question-form-wrapper form textarea:placeholder-shown
{
    color: #333333;
}

.ask-question-form-wrapper form textarea
{
    resize: vertical;
    max-height: 250px;
    min-height: 187px;
}

.ask-question-form-wrapper form textarea
{
    margin-bottom: 20px;
}

@media screen and (max-width: 992px) 
{
    #submit-question-form
    {
        max-width: 100%;
        width: 100%;
    }
}
/* End */


/* Start:/local/include/page_contacts/delivery-variants/delivery-variants.css?16451909692320*/
.delivery-variants
{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: stretch;
}
@media screen and (max-width: 680px) 
{
    .delivery-variants
    {
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

.delivery-variants__variant
{
    width: 100%;
    
    padding: 21px 27px 36px 27px;

    border: 1px solid var(--gold-color);
    border-radius: 12px;

    box-shadow: 0 4px 36px rgba(0, 0, 0, 0.25);

    margin-right: 30px;
}
@media screen and (max-width: 1200px) 
{
    .delivery-variants__variant
    {
        padding: 21px 34px 40px 27px;
    }
}
@media screen and (max-width: 1200px) 
{
    .delivery-variants__variant
    {
        margin-right: 25px;

        padding: 21px 28px 19px 23px;
    }
}
@media screen and (max-width: 992px) 
{
    .delivery-variants__variant
    {
        margin-right: 20px;

        padding: 26px 28px 19px 21px;
    }
}
@media screen and (max-width: 680px) 
{
    .delivery-variants__variant
    {
        margin-right: 0;
        margin-bottom: 30px;

        padding: 26px 21px 25px 21px;
    }
}

.delivery-variants .delivery-variants__variant:last-child
{
    margin-right: 0;
}
@media screen and (max-width: 680px) 
{
    .delivery-variants .delivery-variants__variant:last-child
    {
        margin-bottom: 0;
    }
}

.delivery-variant__title
{
    color: var(--gold-color);

    margin-bottom: 34px;
}
@media screen and (max-width: 992px) 
{
    .delivery-variant__title
    {
        margin-bottom: 24px;
    }
}

.delivery-variant__description
{
    color: #FFFFFF;

    margin-bottom: 30px;
}
@media screen and (max-width: 680px) 
{
    .delivery-variant__description
    {
        margin-bottom: 11px;
    }
}

.delivery-variant__little-description,
.delivery-variant__little-description a
{
    color: #C4C4C4;
}

.delivery-variant__little-description a
{
    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.002em;

    transition: color .3s;
}

.delivery-variant__little-description a:hover
{
    color: var(--gold-color);
}
/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/map.list.mm/style.css?1649035531194*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}
html, body {
	overflow-x: unset!important;
}
/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/mm_contacts-addresses/style.css?16476965833469*/
@media screen and (max-width: 680px) 
{
    .addresses-button-wrapper
    {
        padding-bottom: 29px;
        position: relative;

        width: 100%;
    }    
    .addresses-button-wrapper::after
    {
        content: "";

        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        
        width: 100vw;
        height: 1px;
        background-color: #4F545D;
    }
}

.addresses-list
{
    max-width: 596px;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px 75px;

    overflow-y: hidden;
}
.addresses-list[data-opened="true"]
{
    transition: height .7s;
}
.addresses-list.no-transition
{
    transition: none;
}

@media screen and (max-width: 1400px) 
{
    .addresses-list
    {
        max-width: 549px;

        grid-gap: 40px 35px;
    }
}
@media screen and (max-width: 992px) 
{
    .addresses-list
    {
        max-width: 257px;
        grid-template-columns: 1fr;

        grid-gap: 50px 0;
    }
}
@media screen and (max-width: 667px)
{
    .addresses-list
    {
        max-width: 100%;
        width: 100%;
        grid-gap: 30px 0;
    }
}

/* START 4 elems per row  */
.addresses-list.row-4
{
    /* width: 100%;
    max-width: 100%; */

    max-width: max-content;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 50px 80px;
    align-items: start;
}
@media screen and (max-width: 1400px) 
{
    .addresses-list.row-4
    {
        grid-gap: 50px 40px;
    } 
}
@media screen and (max-width: 1200px)
{
    .addresses-list.row-4
    {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 50px 24px;
    } 
}
@media screen and (max-width: 992px)
{
    .addresses-list.row-4
    {
        grid-template-columns: repeat(2, 257px);
        grid-gap: 50px 113px;
    } 
}
@media screen and (max-width: 667px)
{
    .addresses-list.row-4
    {
        grid-gap: 30px 50px;
    } 
}
@media screen and (max-width: 604px)
{
    .addresses-list.row-4
    {
        grid-template-columns: 257px;
    }
}
/* END 4 elems per row  */

.address-item__value
{
    color: #fff;

    margin-bottom: 6px;
}

.address-item__metro-stations
{
    margin-bottom: 6px;
}

.address-item__metro-station
{
    position: relative;
    display: block;
    color: #fff;

    padding-left: calc(18px + 8px);
}

.address-item__metro-station::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;

    height: 100%;
    width: 18px;

    background-image: url("/upload/mm_upload/icons/metro.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.address-item__opened-time
{
    color: #FFFFFF;
}

.address-item__phone
{
    color: #fff;

    display: block;
    max-width: max-content;
}

.additional-tel
{
    color: #fff;
}

#show-more-addresses
{
    display: none;
    margin-top: 50px;

    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;

    letter-spacing: 0.002em;

    color: var(--gold-color);
}

.addresses-list[data-opened="true"] + #show-more-addresses
{
    display: none;
}

@media screen and (max-width: 992px) 
{
    #show-more-addresses
    {
        display: block;
    } 
}
/* End */


/* Start:/local/templates/.default/components/webtu/feedback.responsproduct/mm_review-form/style.css?17521624004990*/
/* form */
.ask-question-form-wrapper
{
    max-width: 421px;
    width: 100%;
}
@media screen and (max-width: 1400px) 
{
    .ask-question-form-wrapper
    {
        max-width: 391px;
    }  
}
@media screen and (max-width: 1200px) 
{
    .ask-question-form-wrapper
    {
        max-width: 386px;
    }  
}
@media screen and (max-width: 992px) 
{
    .ask-question-form-wrapper
    {
        max-width: 334px;
    }  
}
@media screen and (max-width: 680px) 
{
    .ask-question-form-wrapper
    {
        max-width: 100%;
        margin-top: 59px;
    }  
}

.success-message
{
    opacity: 0;
    transform: translateY(50px);

    border: 1px solid var(--gold-color);
    border-radius: 5px;

    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;

    padding: 10px 18px 12px 18px;

    position: relative;
    z-index: -1;

    transition: opacity .4s, transform .4s;
}
.success-message.showed
{
    opacity: 1;
    transform: translateY(0);
}
@media screen and (max-width: 992px) 
{
    .success-message
    {
        display: none;
    }
}

.success-message__text
{
    color: var(--gold-color);
    margin-left: 10px;
}

.ask-question-form-wrapper form
{
    margin-top: 24px;

    background-color: #232323;

    border-radius: 15px;
    border: 1px solid #3A3A3A;

    padding: 15px 34px 24px 18px;
}
@media screen and (max-width: 1400px) 
{
    .ask-question-form-wrapper form
    {
        padding: 15px 30px 24px 22px;
    }
}
@media screen and (max-width: 1200px) 
{
    .ask-question-form-wrapper form
    {
        padding: 15px 25px 24px 22px;
    }
}
@media screen and (max-width: 992px) 
{
    .ask-question-form-wrapper form
    {
        margin-top: 0;
    }
}

.ask-question__title
{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;

    color: #C4C4C4;

    margin-bottom: 16px;
}

.ask-question-form-wrapper form input,
.ask-question-form-wrapper form textarea
{
    display: block;

    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.02em;

    background: #121212;
    border: 1px solid #3A3A3A;
    border-radius: 5px;

    padding: 14px 16px;
    width: 100%;

    transition: border .3s;

    margin-bottom: 13px;

    color: #fff;
}

.ask-question-form-wrapper form input:last-child,
.ask-question-form-wrapper form textarea:last-child
{
    margin-bottom: 0;
}

.ask-question-form-wrapper form input:focus,
.ask-question-form-wrapper form textarea:focus
{
    border: 1px solid var(--gold-color);
}

/* .ask-question-form-wrapper form input:placeholder-shown,
.ask-question-form-wrapper form textarea:placeholder-shown
{
    color: #333333;
} */

.ask-question-form-wrapper form input.invalid
{
    border: 1px solid red;
}

.ask-question-form-wrapper form textarea
{
    resize: vertical;
    max-height: 250px;
    min-height: 187px;
}

.ask-question-form-wrapper form textarea
{
    margin-bottom: 20px;
}

.v21-checkbox__content {
    cursor: pointer;
    margin-bottom: 20px;
	display: block;
}

.v21-checkbox__input {
    height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    width: 0;
}

.v21-checkbox__text {
    display: block;
    font-size: 14px;
    line-height: 18px;
    padding-left: 32px;
    color: #C4C4C4;
    position: relative;
}

.v21-checkbox__text a {
    color: #C4C4C4;
	text-decoration: underline;
}

.v21-checkbox__text::before {
    display: block;
    content: '';
    height: 24px;
    width: 24px;
    position: absolute;
    left: 0;
    top: -3px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8.3C3 6.61984 3 5.77976 3.32698 5.13803C3.6146 4.57354 4.07354 4.1146 4.63803 3.82698C5.27976 3.5 6.11984 3.5 7.8 3.5H16.2C17.8802 3.5 18.7202 3.5 19.362 3.82698C19.9265 4.1146 20.3854 4.57354 20.673 5.13803C21 5.77976 21 6.61984 21 8.3V16.7C21 18.3802 21 19.2202 20.673 19.862C20.3854 20.4265 19.9265 20.8854 19.362 21.173C18.7202 21.5 17.8802 21.5 16.2 21.5H7.8C6.11984 21.5 5.27976 21.5 4.63803 21.173C4.07354 20.8854 3.6146 20.4265 3.32698 19.862C3 19.2202 3 18.3802 3 16.7V8.3Z' stroke='%238FA0AC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    transition: border-color 0.3s;
    z-index: 1;
}

.v21-checkbox__input:checked + .v21-checkbox__text::before  {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2.5' width='20' height='20' rx='4' fill='%23B29759'/%3E%3Cpath d='M7.5 12.5C8.67157 13.6716 10.5 15.5 10.5 15.5C10.5 15.5 14.1569 11.8431 16.5 9.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

@media screen and (max-width: 992px) 
{
    #submit-question-form
    {
        max-width: 100%;
        width: 100%;
    }
}
/* End */
/* /kontakty/contacts.css?16490869257783 */
/* /local/include/page_contacts/delivery-variants/delivery-variants.css?16451909692320 */
/* /local/templates/.default/components/bitrix/news.list/map.list.mm/style.css?1649035531194 */
/* /local/templates/.default/components/bitrix/news.list/mm_contacts-addresses/style.css?16476965833469 */
/* /local/templates/.default/components/webtu/feedback.responsproduct/mm_review-form/style.css?17521624004990 */