@charset "utf-8";

#region_city
{
    display:none;
    padding:0!important;
    overflow: initial!important;
    width:100%;
}

#region_city .page-tabs {
    border-bottom: none;
}
#region_city .page-tabs.left-align {
    margin-top: 64px;
}

#region_city .fancybox-button.fancybox-close-small {
    display: none;
}

#region_city .page-tabs .tab-list ul li.active span {
    align-self: flex-end;
}
#region_city .page-tabs .tab-list ul li.active:after {
    margin-top: -4px;
}

#region_city .search-block {
    border-bottom: 1px solid #E4E7EB;
}


.search-block {
    border-bottom:1px solid #E4E7EB;
}
.search-block .search-name {
    font: 40px/49px "Proxima Nova Ex";
    margin-bottom:20px;
    margin-top:32px;
}
.search-block .search-form .form-container {
    display:flex;
    align-items: center;
    height:80px;
    padding-right:24px;
    padding-left:36px;
    background: url(../images/site/base/opened-search-icon.svg) left center no-repeat;
}
.search-block .search-form input[type="text"] {
    width:100%;
    border:0;
    background:#fff;
    color: #2B1B35;
    padding-left:3px;
    font: 16px/19px "Proxima Nova Rg";
    height:32px;
    border-left:1px solid transparent;
}
.search-block .search-form ::placeholder {
    color: #AAA4AE;
    opacity: 1; /* Firefox */
}
.search-block .search-form :-ms-input-placeholder {
    color: #AAA4AE;
}
.search-block .search-form ::-ms-input-placeholder {
    color: #AAA4AE;
}


.region-list {
    display:flex;
    margin:48px 0 0 0;
}
.region-list .block {
    -moz-column-count: 4; /* Для Firefox */
    -webkit-column-count: 4; /* Для Safari и Chrome */
    column-count: 4;
    width:100%;
}
.region-list .block:first-child {
    margin-left:0;
}
.region-list .block ul {
    margin:0 0 32px;
    position:relative;
}
.region-list .block ul:last-child {
    margin-bottom:0;
}
.region-list .block ul li {
    margin:0 0 16px;
    padding:0 0 0 34px;
    letter-spacing: 1.35px;
    text-transform: uppercase;
    color: #2B1B35;
    font: 12px/15px "Proxima Nova Bl";
}
.region-list .block ul li:last-child {
    margin-bottom:0;
}
.region-list .block ul li a {
    color: #164CB5;
}
.region-list .block ul li a:hover {
    opacity:0.5;
}
.region-list .block ul li.main {
    padding:0;
}
.region-list .block ul li.letter {
    position:absolute;
    left:0;
    top:0;
    padding:0;
    margin:0;
}








.fancybox-toolbar.product-other .fancybox-button--close {
    transition: background 0s;
}
.fancybox-container.product-other {
    overflow: hidden;
}
.fancybox-container.product-other .fancybox-slide {
    padding: 0 !important;
}
body.fancybox-active {
    overflow: hidden;
}

.fancybox-bg {
    background:#fff;
}
.fancybox-toolbar {
    visibility: visible!important;
    right: 100px!important;
    top: 24px!important;
    opacity: 0 !important;
}
.fancybox-button--zoom, .fancybox-button--play, .fancybox-button--thumbs {
    display:none!important;
}
.fancybox-is-open .fancybox-toolbar {
    opacity: 1!important;
}
.fancybox-is-open .fancybox-bg {
    opacity:1;
}
.fancybox-button--close {
    border-radius:40px;
    right:0px!important;
    top:24px!important;
    opacity:1!important;
    width:40px;
    height:40px;
    background:#F1F6FF !important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.fancybox-button--close:after {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.fancybox-button--close:hover:after {
    opacity:0.5;
}
.fancybox-button--close:active {
    background: #E5EFFF;
}
.fancybox-button--close:active:after {
    opacity:0.5;
}
.fancybox-button--close svg{
    display:none!important;
}
.fancybox-slide {
    padding: 0;
}

@media (max-width: 1800px) and (min-width: 1440px) {
    .fancybox-toolbar {
        right: 90px!important;
    }
}
@media (max-width: 1439px) {
    .fancybox-toolbar {
        right:55px!important;
    }
}
@media (max-width: 1269px) {
    .fancybox-toolbar {
        right:30px!important;
    }
}
@media (max-width: 1259px) {
    .fancybox-toolbar {
        right: 44px!important;
    }
    .search-block .search-name {
        font: 32px/40px "Proxima Nova Ex";
    }
    .region-list {
        flex-wrap: wrap;
    }
    .region-list .block {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
@media (max-width: 1399px) {
    .fancybox-toolbar {
        right: 42px!important;
    }
}

@media (max-width: 1023px) {
    .fancybox-toolbar {
        right:25px!important;
    }
}
@media (max-width: 767px) {
    .fancybox-toolbar {
        right:10px!important;
        top: 10px!important;
    }
}
@media (max-width: 559px) {
    .fancybox-toolbar {
        right: 12px!important;
    }
    .fancybox-close-small {
        right: 12px!important;
    }
    .popup-wrapper .page-tabs.left-align {
        margin-top: 44px;
    }
    .region-list .block {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }

}
@media (max-width: 1019px) {
    .fancybox-toolbar {
        right: 44px!important;
    }
}
@media (max-width: 759px) {
    .fancybox-toolbar {
        right: 28px!important;
    }
    .search-block .search-name {
        font: 24px/32px "Proxima Nova Bl";
        margin-bottom: 18px;
        margin-top: 15px;
    }
    .search-block .search-form .form-container {
        height: 66px;
    }
    .region-list .block {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .region-list {
        margin: 30px 0 0 0;
    }
}
@media (max-width: 375px) {
    .fancybox-toolbar.product-other {
        left: auto;
        right: 39px !important;
    }
}