html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

.dishes-list>.dishes-list-item:nth-of-type(odd) {
    background: #f2f2f2;
}

.custom-hr {
    border: 0;
    border-top: 1px solid #f2f2f2; 
}

.dishes-list-item {display: grid;
    grid-template-columns: 5% 12% 81%;
    grid-gap: 10px;
    padding: 8px;
    border-radius: 8px;
}

.mui-style-tbp59c {display: flex;flex-wrap: wrap;background-color: rgb(255 255 255);padding: 10px;border-radius: 8px;}.mui-style-1n1ctis {  display: flex;  flex-direction: column;  overflow: hidden;}.mui-style-1lmwh5i {  margin: 0px;  font-size: 0.75rem;  line-height: 170%;  white-space: nowrap;  color: var(--mui-palette-gray-2);  overflow: hidden;  text-overflow: ellipsis;}.mui-style-1dt2kdr {  margin: 0px;  font-size: 1rem;  line-height: 160%;  overflow: hidden;  text-overflow: ellipsis;  color: var(--mui-palette-text-primary);  overflow-wrap: break-word;  white-space: pre-wrap;  word-break: break-word;}a {  outline: none;}a, button {  cursor: pointer;  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);}a {  color: inherit;}.mui-style-1dt2kdr a {color: #3757c5;}@media (min-width: 0px) {  .mui-style-tbp59c {    margin-top: 16px;    gap: 20px 48px;  }}@media (min-width: 720px) {  .mui-style-tbp59c {    margin-top: 24px;    gap: 28px 60px;  }  .mui-style-1lmwh5i {    font-size: 0.875rem;    line-height: 170%;  }  .mui-style-1dt2kdr {font-size: 17px;line-height: 155%;}}@media (min-width: 1024px) {  .mui-style-1dt2kdr a:hover {    color: var(--mui-palette-blue-light);  }}


.white-box {background: #fff;
    padding: 20px;
    border-radius: 8px;
    margin-top: 12px;}

.dishes-list-image {
    background-size: cover;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    box-sizing: content-box;
    display: block;
    flex-shrink: 0;
    height: 30px;}

.dishes-list-price{font-weight: 700;
    background-color: #3758c5b5;
    border-radius: 6px;
    padding: 6px 4px;
    color: #fff;
    font-size: 14px;
    text-align: center;}
    
    .dishes-list-name a {    text-decoration: none !important;}

.dishes-list-name {font-size: 14px;
    margin-top: 8px;
    text-shadow: 0 0 1px rgb(51 51 51 / 50%);}
    
    .btn-delivery {margin-top: 5px;}
.btn-delivery a {border: 1px solid #1ca812 !important;
    color: #1ca812 !important;}

.sh-rating-meta {display: grid;justify-content: flex-start;margin-bottom: 16px;padding: 25px;background-color: rgb(251, 251, 251);display: grid;grid-template-columns: 30% 37% 35%;grid-gap: 10px;}.sh-rating-meta-rating {display: flex;align-items: center;/* width: 220px; */border-right: 1px solid rgb(235, 237, 243);}.sh-rating-meta-value {margin-right: 20px;padding: 11px 10px;background-color: #1ca812;color: rgb(255, 255, 255);font-size: 18px;font-weight: 700;border-radius: 3px;}.sh-rating-meta-count .stars {  color: rgb(98, 143, 255);  font-size: 18px;}dfn, cite, em, i {  font-style: italic;}.sh-rating-meta-count .stars i {  margin-right: 3px;}.fa {  display: inline-block;  font-style: normal;  font-variant: normal;  font-kerning: auto;  font-optical-sizing: auto;  font-feature-settings: normal;  font-variation-settings: normal;  font-weight: normal;  font-stretch: normal;  line-height: 1;  font-family: FontAwesome;  font-size: inherit;  text-rendering: auto;  -webkit-font-smoothing: antialiased;}.fa-star::before {  content: "";}.sh-rating-meta-comments {min-width: 100px;/* padding-left: 25px; */background-image: url("../../../themes/tehrevizor/images/comments-ico.png");background-repeat: no-repeat;background-position: 0px 1px;line-height: 12px;font-size: 12px;color: rgb(181, 181, 181);text-decoration: none;transition: all 0.3s ease 0s;}.sh-rating-meta-specifications {/* border-right: 1px solid rgb(235, 237, 243); */}:where(p.has-text-color:not(.has-link-color)) a {  color: inherit;}a {  background-color: transparent;}.sh-rating-meta-specifications a {display: block;/* width: 230px; *//* margin-left: 130px; *//* margin-right: 130px; */padding-top: 10px;padding-bottom: 10px;border: 1px solid rgb(98, 143, 255);font-size: 14px;color: rgb(98, 143, 255);text-align: center;text-decoration: none;border-radius: 3px;transition: all 0.3s ease 0s;}.sh-rating-meta-specifications a:hover {  background: rgb(98, 143, 255);  color: rgb(255, 255, 255);}.btn-delivery a:hover {  background: #1ca812 !important;  color: rgb(255, 255, 255) !important;}.sh-rating-meta-buy-block {    display: flex;
    border-left: 1px solid rgb(235, 237, 243);    align-items: center;}.sh-rating-meta-price {padding-top: 5px;padding-left: 30px;font-size: 14px;font-weight: 700;color: rgb(55 88 197);}.sh-rating-meta-price-title {  color: rgb(51, 51, 51);}@media (max-width: 740px) { .dishes-list-item {
    display: grid;
        grid-template-columns: 14% 20% 66%;
        grid-gap: 7px;
        padding: 6px;
        border-radius: 8px;
}


.dishes-list-image {
    background-size: cover;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    box-sizing: content-box;
    display: block;
    flex-shrink: 0;
    height: 37px;
    }

.dishes-list-price{
    font-weight: 600;
    background-color: #3758c5b5;
    border-radius: 6px;
    padding: 11px 0px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    }

.dishes-list-name {
    font-size: 13px;
    margin-top: 0px;
    text-shadow: 0 0 1px rgb(51 51 51 / 50%);
    text-decoration: none !important;
    width: 90%;
    white-space: normal;
    }
    .dishes-list-name-box {        display: flex;
        align-items: center;}
    
    .dishes-list-name a {    text-decoration: none !important;}
    .sh-rating-meta-buy-block {
    display: grid;
    border-left: none;
    text-align: center;
} .sh-rating-meta {justify-content: center;grid-template-columns: 1fr !important;}  .sh-rating-meta-rating {width: 100%;border-right: 0px;}  .sh-rating-meta-specifications {display: grid;width: 100%;border-right: 0px;}   .sh-rating-meta-price {    padding-left: 0px;  }}@media (max-width: 1320px) {  .sh-rating-meta-specifications a {margin-right: 50px;/* margin-left: 50px; */width: 100%;}}




.pagination {
        margin-top: 20px;
}

.pagination {
    border-radius: .2667rem;
    display: flex;
    list-style: none;
    padding-left: 0;
}

.page-link {
    background-color: #fff;
    border: .06667rem solid #dcdfe3;
    color: #1662c6;
    display: block;
    line-height: 1.5;
    margin-left: -.06667rem;
    padding: .2667rem .6667rem;
    position: relative;
    text-decoration: none;
}

.pagination-lg .page-link {
    font-size: 1rem;
}
.pagination-lg .page-link {
    font-size: 1.2rem;
    line-height: 1.5;
    padding: .534rem 1rem;
}

.svg-icon-size-12 {
    height: 12px;
    width: 12px;
}
.svg-icon {
    fill: #98a1ab;
    display: inline-block;
    position: relative;
        vertical-align: middle;
}

.svg-icon-color-primary {
    fill: #3d83df;
}

.svg-icon svg {
    display: block;
    height: 100%;
    width: 100%;
}

.page-item {
    display: flex
}

.page-item.active .page-link {
    font-weight: 500
}

.page-item:not(.active,.disabled) .page-link,.page-item:not(.active,.disabled) .page-link:hover {
    color: #1662c6
}

.page-item.disabled .svg-icon {
    fill: #98a1ab
}

.page-link,.page-link:not([href]) {
    color: #1662c6;
    cursor: pointer
}

.page-link:not([href]):not([href]):not([role]),.page-link:not([href]):not([role]) {
    color: #98a1ab;
    color: #1b2734;
    cursor: default;
    pointer-events: none
}

.page-link-prev:hover .svg-icon {
    animation: pagination-prev-animation .5s cubic-bezier(.4,0,1,1) .1s infinite alternate
}

.page-link-next:hover .svg-icon {
    animation: pagination-next-animation .5s cubic-bezier(.4,0,1,1) .1s infinite alternate
}

.pagination-lg .page-item:first-child .page-link {
    border-bottom-left-radius: .2667rem;
    border-top-left-radius: .2667rem
}

.pagination-lg .page-item:last-child .page-link {
    border-bottom-right-radius: .2667rem;
    border-top-right-radius: .2667rem
}

.pagination-lg .page-link {
    font-size: 1rem
}

.page-item.active .page-link {
    font-weight: 500;
}

.page-item.active .page-link {
    background-color: #f7f9fa;
    border-color: #dcdfe3;
    color: #1b2734;
    z-index: 3;
}

.page-link:hover {
    background-color: #f7f9fa;
    border-color: #dcdfe3;
    color: #1662c6;
    text-decoration: none;
    z-index: 2;
}

@keyframes pagination-prev-animation {
    0% {
        transform: translateX(-2px)
    }

    to {
        opacity: .4;
        transform: translateX(-7px)
    }
}

@keyframes pagination-next-animation {
    0% {
        transform: translateX(2px);
    }

    to {
        opacity: .4;
        transform: translateX(7px);
    }
}

body {
    line-height: 1
}

#anchorSelectMenu {
    background-color: #fff;
    color: #1b2734;
    border-color: #dcdfe3;
    height: 30px;
    align-items: center;
    border-radius: 3px;
    font-size: 15px;
    line-height: 18px;
    padding: 0 12px;
    appearance: auto;
}

ol,ul {
    list-style: none
}

.l-article__section p.img {
    margin-bottom: 20px
}

.image-item {
    border-radius: 8px;
    width: 100%;
}

#orderbtn, #orderbtn3 {
    opacity: 1;
    transition: top .3s,opacity .3s;
    position: relative;
    overflow: hidden;
    transition: background .3s,opacity 0s,top 0s
}


@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#orderbtn::after {
    content: "";
    position: absolute;
    top: -75%;
    left: -75%;
    width: 250%;
    height: 250%;
    background: radial-gradient(circle,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 60%);
    transform: translateX(-50%) rotate(45deg);
    transition: all .5s;
    opacity: 0;
    animation: shine 4s infinite
}

@keyframes shine {
    0%,20%,100% {
        opacity: 0;
        transform: translateX(-50%) rotate(45deg)
    }

    50% {
        opacity: 1;
        transform: translateX(150%) rotate(45deg)
    }
}

#orderbtn2 {
    opacity: 1;
    transition: top .3s,opacity .3s;
    position: relative;
    overflow: hidden;
    transition: background .3s,opacity 0s,top 0s
}


/* Базовые стили для всех устройств */
.sticky, .stickyDelivery, .stickyDeliveryKuper {
    position: fixed!important;
    margin-top: 0!important;
    animation: fadeIn .3s forwards;
    z-index: 100000;
}

/* Стили для мобильных устройств */
@media (max-width: 768px) {
    .sticky {
        top: 0;
        width: 47%;
        transform: translate(-20px, 0px);
    }
    
    .pagination-lg .page-link {
    font-size: 14px;
}
    
    .sticky .search-result__link_btn_a_txt {
            font-size: 12px !important;
    }
    
    .stickyDeliveryKuper {
        top: 48px;
        width: 93%;
        transform: translate(-20px, 0px);
    }
    
    .stickyDelivery .search-result__link_btn_a_txt {
            font-size: 11px !important;
    }
    
    .stickyDelivery {
        top: 0;
        width: 44.7%;
        margin-left: 48%;
        transform: translate(-20px, 0px);
    }
    
    
    .stickyDeliveryKuper .search-result__link_btn_a_txt {
            font-size: 14px !important;
    }
}

/* Стили для десктопов */
@media (min-width: 769px) {
    .sticky {
        top: 0;
        width: 355px;
        transform: translate(-20px, 0px);
    }
    .stickyDeliveryKuper {
        top: 48px;
        width: 728px;
        transform: translate(-20px, 0px);
    }
    .stickyDelivery {
        top: 0;
        width: 364px;
        margin-left: 364px;
        transform: translate(-20px, 0px);
    }
}

#orderbtn2::after {
    content: "";
    position: absolute;
    top: -75%;
    left: -75%;
    width: 250%;
    height: 250%;
    background: radial-gradient(circle,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 60%);
    transform: translateX(-50%) rotate(45deg);
    transition: all .5s;
    opacity: 0;
    animation: shine 4s infinite
}

@keyframes shine {
    0%,20%,100% {
        opacity: 0;
        transform: translateX(-50%) rotate(45deg)
    }

    50% {
        opacity: 1;
        transform: translateX(150%) rotate(45deg)
    }
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade- {
    color: #dedede
}

h3.l-article__h2.menu_h2 {
    padding-top: 32px
}

.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92,196,239,.1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92,196,239,.2)
}

.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty {
    background: 0 0;
    border: none
}

.datepicker--cells {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.datepicker--cell {
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    z-index: 1
}

.datepicker--cell.-focus- {
    background: #f0f0f0
}

.datepicker--cell.-current- {
    color: #4eb5e6
}

.datepicker--cell.-current-.-focus- {
    color: #4a4a4a
}

.datepicker--cell.-current-.-in-range- {
    color: #4eb5e6
}

.datepicker--cell.-in-range- {
    background: rgba(92,196,239,.1);
    color: #4a4a4a;
    border-radius: 0
}

.datepicker--cell.-in-range-.-focus- {
    background-color: rgba(92,196,239,.2)
}

.datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae
}

.datepicker--cell.-disabled-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-disabled-.-in-range- {
    color: #a1a1a1
}

.datepicker--cell.-disabled-.-current-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-range-from- {
    border: 1px solid rgba(92,196,239,.5);
    background-color: rgba(92,196,239,.1);
    border-radius: 4px 0 0 4px
}

.datepicker--cell.-range-to- {
    border: 1px solid rgba(92,196,239,.5);
    background-color: rgba(92,196,239,.1);
    border-radius: 0 4px 4px 0
}

.datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px
}

.datepicker--cell.-selected- {
    color: #fff;
    border: none;
    background: #5cc4ef
}

.datepicker--cell.-selected-.-current- {
    color: #fff;
    background: #5cc4ef
}

.datepicker--cell.-selected-.-focus- {
    background: #45bced
}

.datepicker--cell:empty {
    cursor: default
}

.datepicker--days-names {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 3px
}

.datepicker--day-name {
    color: #ff9a19;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em
}

.datepicker--cell-day {
    width: 14.28571%
}

.datepicker--cells-months {
    height: 170px
}

.datepicker--cell-month {
    width: 33.33%;
    height: 25%
}

.datepicker--years {
    height: 170px
}

.datepicker--cells-years {
    height: 170px
}

.datepicker--cell-year {
    width: 25%;
    height: 33.33%
}

.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92,196,239,.1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92,196,239,.2)
}

.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty {
    background: 0 0;
    border: none
}

.datepickers-container {
    position: absolute;
    left: 0;
    top: 0
}

@media print {
    .datepickers-container {
        display: none
    }
}

.datepicker {
    background: #fff;
    border: 1px solid #dbdbdb;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    border-radius: 4px;
    box-sizing: content-box;
    font-family: Tahoma,sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    width: 250px;
    position: absolute;
    left: -100000px;
    opacity: 0;
    transition: opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,left 0s .3s;
    transition: opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;
    z-index: 100
}

.datepicker.-from-top- {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.datepicker.-from-right- {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.datepicker.-from-bottom- {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

.datepicker.-from-left- {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

.datepicker.active {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,left 0s 0s;
    transition: opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease
}

.datepicker-inline .datepicker {
    border-color: #d7d7d7;
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.datepicker-inline .datepicker--pointer {
    display: none
}

.datepicker--content {
    box-sizing: content-box;
    padding: 4px
}

.-only-timepicker- .datepicker--content {
    display: none
}

.datepicker--pointer {
    position: absolute;
    background: #fff;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    width: 10px;
    height: 10px;
    z-index: -1
}

.-top-left- .datepicker--pointer,.-top-center- .datepicker--pointer,.-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.-right-top- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-bottom- .datepicker--pointer {
    right: calc(100% - 4px);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.-bottom-left- .datepicker--pointer,.-bottom-center- .datepicker--pointer,.-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.-left-top- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-bottom- .datepicker--pointer {
    left: calc(100% - 4px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.-top-left- .datepicker--pointer,.-bottom-left- .datepicker--pointer {
    left: 10px
}

.-top-right- .datepicker--pointer,.-bottom-right- .datepicker--pointer {
    right: 10px
}

.-top-center- .datepicker--pointer,.-bottom-center- .datepicker--pointer {
    left: calc(50% - 10px/2)
}

.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer {
    top: 10px
}

.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer {
    bottom: 10px
}

.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer {
    top: calc(50% - 10px/2)
}

.datepicker--body {
    display: none
}

.datepicker--body.active {
    display: block
}

.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92,196,239,.1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92,196,239,.2)
}

.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty {
    background: 0 0;
    border: none
}

.datepicker--nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    min-height: 32px;
    padding: 4px
}

.-only-timepicker- .datepicker--nav {
    display: none
}

.datepicker--nav-title,.datepicker--nav-action {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.datepicker--nav-action {
    width: 32px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker--nav-action:hover {
    background: #f0f0f0
}

.datepicker--nav-action.-disabled- {
    visibility: hidden
}

.datepicker--nav-action svg {
    width: 32px;
    height: 32px
}

.datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px
}

.datepicker--nav-title {
    border-radius: 4px;
    padding: 0 8px
}

.datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px
}

.datepicker--nav-title:hover {
    background: #f0f0f0
}

.datepicker--nav-title.-disabled- {
    cursor: default;
    background: 0 0
}

.datepicker--buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 4px;
    border-top: 1px solid #efefef
}

.datepicker--button {
    color: #4eb5e6;
    cursor: pointer;
    border-radius: 4px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px
}

.datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0
}

.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92,196,239,.1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92,196,239,.2)
}

.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty {
    background: 0 0;
    border: none
}

.datepicker--time {
    border-top: 1px solid #efefef;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    position: relative
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
    -webkit-flex: 0 1 138px;
    -ms-flex: 0 1 138px;
    flex: 0 1 138px;
    max-width: 138px
}

.-only-timepicker- .datepicker--time {
    border-top: none
}

.datepicker--time-sliders {
    -webkit-flex: 0 1 153px;
    -ms-flex: 0 1 153px;
    flex: 0 1 153px;
    margin-right: 10px;
    max-width: 153px
}

.datepicker--time-label {
    display: none;
    font-size: 12px
}

.datepicker--time-current {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    text-align: center;
    margin: 0 0 0 10px
}

.datepicker--time-current-colon {
    margin: 0 2px 3px;
    line-height: 1
}

.datepicker--time-current-hours,.datepicker--time-current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: century gothic,CenturyGothic,AppleGothic,sans-serif;
    position: relative;
    z-index: 1
}

.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after {
    content: '';
    background: #f0f0f0;
    border-radius: 4px;
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0
}

.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after {
    opacity: 1
}

.datepicker--time-current-ampm {
    text-transform: uppercase;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #9c9c9c;
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px
}

.datepicker--time-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background: linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat
}

.datepicker--time-row:first-child {
    margin-bottom: 4px
}

.datepicker--time-row input[type=range] {
    background: 0 0;
    cursor: pointer;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none
}

.datepicker--time-row input[type=range]::-ms-tooltip {
    display: none
}

.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:hover::-moz-range-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:hover::-ms-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:focus {
    outline: none
}

.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]:focus::-moz-range-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]:focus::-ms-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
    margin-top: -6px
}

.datepicker--time-row input[type=range]::-webkit-slider-runnable-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-moz-range-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-fill-lower {
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-fill-upper {
    background: 0 0
}

.datepicker--time-row span {
    padding: 0 12px
}

.datepicker--time-icon {
    color: #9c9c9c;
    border: 1px solid;
    border-radius: 50%;
    font-size: 16px;
    position: relative;
    margin: 0 5px -1px 0;
    width: 1em;
    height: 1em
}

.datepicker--time-icon:after,.datepicker--time-icon:before {
    content: '';
    background: currentColor;
    position: absolute
}

.datepicker--time-icon:after {
    height: .4em;
    width: 1px;
    left: calc(50% - 1px);
    top: calc(50% + 1px);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.datepicker--time-icon:before {
    width: .4em;
    height: 1px;
    top: calc(50% + 1px);
    left: calc(50% - 1px)
}

.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92,196,239,.1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92,196,239,.2)
}

.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty {
    background: 0 0;
    border: none
}

html {
    background-color: #fff;
    height: 100%
}

body {
    height: 100%
}

*,*::before,*::after {
    appearance: none;
    box-sizing: border-box
}

a {
    color: #3757c5;
    cursor: pointer;
    text-decoration: underline;
    transition: 250ms
}

a:hover {
    color: #8cc909;
    text-decoration: none
}

html,body {
    color: #212121;
    font: 16px inter,sans-serif;
    line-height: 1.4;
    background: #f2f2f2
}

.wf-active body,.wf-active div,.wf-active span,.wf-active applet,.wf-active object,.wf-active iframe,.wf-active h1,.wf-active h2,.wf-active h3,.wf-active h4,.wf-active h5,.wf-active h6,.wf-active p,.wf-active blockquote,.wf-active pre,.wf-active a,.wf-active abbr,.wf-active acronym,.wf-active address,.wf-active big,.wf-active cite,.wf-active code,.wf-active del,.wf-active dfn,.wf-active em,.wf-active img,.wf-active ins,.wf-active kbd,.wf-active q,.wf-active s,.wf-active samp,.wf-active small,.wf-active strike,.wf-active strong,.wf-active sub,.wf-active sup,.wf-active tt,.wf-active var,.wf-active b,.wf-active u,.wf-active i,.wf-active center,.wf-active dl,.wf-active dt,.wf-active dd,.wf-active ol,.wf-active ul,.wf-active li,.wf-active fieldset,.wf-active form,.wf-active label,.wf-active legend,.wf-active table,.wf-active caption,.wf-active tbody,.wf-active tfoot,.wf-active thead,.wf-active tr,.wf-active th,.wf-active td,.wf-active article,.wf-active aside,.wf-active canvas,.wf-active details,.wf-active embed,.wf-active figure,.wf-active figcaption,.wf-active footer,.wf-active header,.wf-active hgroup,.wf-active menu,.wf-active nav,.wf-active output,.wf-active ruby,.wf-active section,.wf-active summary,.wf-active time,.wf-active mark,.wf-active audio,.wf-active video {
    font-family: open sans,sans-serif
}

.l-main__content {
    box-sizing: border-box;
    max-width: 1096px;
    min-width: 266px;
    margin: 0 16px
}

@media(min-width: 760px) {
    .l-main__content {
        margin:0 auto;
        width: 728px
    }
}

@media(min-width: 1128px) {
    .l-main__content {
        width:1098px
    }
}

@media(min-width: 1128px) {
    .l-main__box {
        display:flex
    }
}

.l-main__main {
    margin-top: 32px
}

@media(min-width: 760px) {
    .l-main__main {
        margin-top:25px
    }
}

@media(min-width: 1128px) {
    .l-main__main {
        flex-grow:2;
        margin-top: 25px
    }
}

.l-main__aside {
    margin-top: 32px
}

@media(min-width: 760px) {
    .l-main__aside {
        margin-top:48px
    }
}

@media(min-width: 1128px) {
    .l-main__aside {
        box-sizing:border-box;
        flex-shrink: 0;
        margin-left: 32px;
        margin-top: 64px;
        width: 336px
    }
}

.l-header {
    padding: 8px 0
}

@media(min-width: 760px) {
    .l-header {
        padding:32px 0
    }
}

.l-header .l-main__content {
    align-items: center;
    display: flex
}

.l-header__line {
    background: #fff;
    height: 86px;
    box-shadow: inset 0 -2px 2px -2px rgba(0,0,0,.15)
}

@media(min-width: 760px) {
    .l-header__line {
        display:block
    }
}

.l-header__line .l-main__content {
    display: flex;
    justify-content: space-between;
    padding-top: 18px
}

.l-header__line-item {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 300
}

.l-header__line-item a {
    color: #212121;
    display: block;
    font-size: 14px;
    line-height: 1;
    margin-right: 24px;
    text-decoration: none
}

.l-header__line-item a:hover {
    opacity: .8
}

.l-header__social {
    display: flex;
    margin-left: 8px;
    margin-right: -8px
}

.l-header__social li a {
    box-sizing: content-box;
    display: block;
    margin: 0;
    padding: 10px 8px;
    text-align: center;
    width: 20px
}

.l-header__social li a:hover {
    opacity: 1
}

.l-header__social li a.vk:hover {
    background-color: #4c75a3
}

.l-header__social li a.ok:hover {
    background-color: #ee8400
}

.l-header__social li a.fb:hover {
    background-color: #3b5998
}

.l-header__social li a.gp:hover {
    background-color: #dd4b39
}

.l-header__social li a.tw:hover {
    background-color: #00aced
}

.l-header__logo {
    align-items: center;
    display: flex;
    text-decoration: none
}

@media(min-width: 760px) {
    .l-header__logo {
        margin-right:48px
    }
}

.l-header__logo-img {
    margin-right: 16px
}

.l-header__logo-img span:first-of-type {
    display: none
}

@media(min-width: 760px) {
    .l-header__logo-img span:first-of-type {
        display:inline-block
    }
}

.l-header__logo-img span:last-of-type {
    display: inline-block
}

@media(min-width: 760px) {
    .l-header__logo-img span:last-of-type {
        display:none
    }
}

.l-header__logo-text {
    color: #212121;
    line-height: 1
}

.l-header__logo-text div:first-of-type {
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    padding-bottom: 8px
}

@media(min-width: 760px) {
    .l-header__logo-text div:first-of-type {
        font-size:25px;
        color: #3757c5
    }
}

.l-header__logo-text div:first-of-type b {
    font-weight: 700
}

.l-header__logo-text div:first-of-type strong {
    color: #357ed2;
    font-weight: 700
}

.l-header__logo-text div:last-of-type {
    color: #212121;
    font-size: 14px
}

.l-header__region {
    display: none;
    height: 24px;
    position: relative;
    width: 130px
}

@media(min-width: 760px) {
    .l-header__region {
        display:block
    }
}

.l-header__region-text {
    color: #357ed2;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    padding: 2px 16px 2px 2px;
    position: relative;
    transition: 250ms
}

.l-header__region-text:hover {
    opacity: .8
}

.l-header__region-text::after {
    content: '\27A4';
    display: block;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 4px;
    transform: rotate(90deg)
}

.l-header__region-text--active {
    color: #8cc909
}

.l-header__region-text--active::after {
    transform: rotate(-90deg)
}

.l-header__region-box {
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
    background-color: #ccc;
    display: none;
    border-radius: 4px;
    left: -290px;
    padding: 8px;
    padding-top: 0;
    position: absolute;
    top: 24px;
    z-index: 999999;
    width: 580px
}

@media(min-width: 1128px) {
    .l-header__region-box {
        width:928px
    }
}

.l-header__region-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.l-header__region-list-item {
    padding-top: 8px;
    width: 49%
}

@media(min-width: 1128px) {
    .l-header__region-list-item {
        width:32.5%
    }
}

.l-header__region-list-link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #fff;
    border-radius: 4px;
    display: block;
    padding: 4px 8px;
    text-decoration: none;
    white-space: nowrap
}

.l-header__region-list-link:hover {
    background-color: #f0f0f0;
    color: #357ed2
}

.l-header__form {
    align-items: center;
    background: #8cc909;
    display: flex;
    height: 40px;
    padding: 0 16px;
    position: relative
}

@media(min-width: 500px) {
    .l-header__form {
        padding:0 24px
    }
}

@media(min-width: 760px) {
    .l-header__form {
        background-image:url(/img/bg-green.jpg);
        height: 56px
    }
}

.l-header__form::before {
    border-right: 8px solid transparent;
    border-top: 40px solid #fff;
    content: '';
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    width: 0
}

@media(min-width: 500px) {
    .l-header__form::before {
        border-right:16px solid transparent
    }
}

@media(min-width: 760px) {
    .l-header__form::before {
        border-top:56px solid #fff
    }
}

.l-header__form::after {
    border-bottom: 40px solid #fff;
    border-left: 8px solid transparent;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    right: 0;
    width: 0
}

@media(min-width: 500px) {
    .l-header__form::after {
        border-left:16px solid transparent
    }
}

@media(min-width: 760px) {
    .l-header__form::after {
        border-bottom:56px solid #fff
    }
}

.l-header__form-item:first-of-type {
    flex-grow: 2
}

.l-header__form-item:last-of-type {
    flex-shrink: 0;
    margin-left: 8px
}

.l-header__form-item input {
    border: 1px solid #ccc;
    border-radius: 2px;
    display: block;
    font-size: 16px;
    height: 24px;
    line-height: 1;
    outline: 0;
    padding: 0 8px;
    width: 100%
}

@media(min-width: 760px) {
    .l-header__form-item input {
        height:32px
    }
}

.l-header__form-item button {
    background-color: #717171;
    border: 1px solid #fff;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 300;
    height: 24px;
    line-height: 1;
    text-transform: uppercase
}

@media(min-width: 760px) {
    .l-header__form-item button {
        height:32px;
        padding: 0 16px
    }
}

@media(min-width: 1128px) {
    .l-header__form-item button {
        padding:0 32px
    }
}

.l-article__section {
    margin-top: 32px;
    margin-bottom: 20px
}

@media(min-width: 760px) {
    .l-article__section {
        margin-top:48px
    }
}

@media(min-width: 1128px) {
    .l-article__section {
        margin-top:25px
    }
}

.l-article__section:first-child {
    margin-top: 0
}

.l-article__h1 {
    font-size: 20px;
    font-weight: 700
}

@media(min-width: 500px) {
    .l-article__h1 {
        font-size:22px
    }
}

@media(min-width: 760px) {
    .l-article__h1 {
        font-size:28px
    }
}

.l-article__h2 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 18px
}

@media(min-width: 500px) {
    .l-article__h2 {
        font-size:18px
    }
}

@media(min-width: 760px) {
    .l-article__h2 {
        font-size:20px;
        border-bottom: 1px dotted #e04f6157;
        color: #e04f60
    }
}

.l-article__h-text {
    color: #222;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.l-article__h-text b {
    font-weight: 700
}

.l-article__h-text--open {
    color: #0ab500
}

.l-article__map {
    border: 4px solid #f0f0f0;
    height: 250px;
    margin-bottom: 8px
}

@media(min-width: 760px) {
    .l-article__map {
        height:336px
    }
}

@media(min-width: 1128px) {
    .l-article__two {
        display:flex;
        justify-content: space-between
    }
}

@media(min-width: 1128px) {
    .l-article__two-item {
        width:728px
    }
}

@media(min-width: 1128px) {
    .l-article__two-item--small {
        width:336px
    }
}

.l-article__btn {
    border-radius: 6px;
    display: inline-block;
    font-size: 14px;
    margin: 8px 5px 0 0;
    text-align: center;
    text-decoration: none;
    background: #fff;
    color: #212121;
    flex: 1 0 auto;
    white-space: nowrap;
}

.l-article__btn--small {
    font-size: 15px;
    padding: 7px 13px;
    border: 1px solid #dcdfe3;
}

.l-article__text {
    margin-top: 8px
}

.l-article__text b,.l-article__text strong {
    font-weight: 700
}

.l-article__text li {
    list-style: disc;
    margin-left: 16px;
    margin-top: 4px
}

.l-article__text p {
    margin-bottom: 8px
}

.l-article__text--open {
    color: #0ab500;
    margin-bottom: 8px
}

.l-article__form-box {
    background-color: #f0f0f0;
    display: none;
    padding: 8px
}

@media(min-width: 500px) {
    .l-article__form-box {
        padding:16px
    }
}

.l-aside {
    background: #357ed2 url(/img/bg-blue.jpg);
    color: #fff;
    display: none;
    padding: 16px
}

@media(min-width: 760px) {
    .l-aside {
        padding:32px 0
    }
}

@media(min-width: 1128px) {
    .l-aside {
        padding:48px 0
    }
}

.l-aside .l-main__content {
    display: flex;
    justify-content: space-between
}

@media(min-width: 760px) {
    .l-aside {
        display:block;
        margin-top: 80px
    }
}

@media(min-width: 1128px) {
    .l-aside {
        margin-top:112px
    }
}

.l-aside__box {
    margin-left: 1%;
    width: 39%
}

.l-aside__box:first-of-type {
    margin-left: 0;
    width: 20%
}

.l-aside__h4 {
    color: #fff;
    font-weight: 700
}

.l-aside__list-item {
    margin-top: 8px
}

.l-aside__list-link {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px
}

.l-aside__list-link:hover {
    color: #fff;
    opacity: .8
}

.l-aside__list-link-img {
    border: 1px solid #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    flex-shrink: 0;
    height: 50px;
    margin-right: 8px;
    width: 50px
}

.l-footer {
    background: #212121;
    color: #fff;
    font-size: 12px;
    margin-top: 48px;
    padding: 16px;
    text-align: center
}

@media(min-width: 760px) {
    .l-footer {
        margin-top:15px
    }
}

.l-footer a {
    color: #fff
}

.c-courses {
    width: 100%
}

.c-courses__box {
    overflow-x: scroll
}

.c-courses td {
    background-color: #f0f0f0;
    border: 2px solid #fff;
    padding: 8px 16px;
    text-align: center;
    vertical-align: middle
}

.c-courses td:first-of-type {
    text-align: left
}

.c-courses td span {
    font-size: 20px
}

.c-courses td span.up {
    color: #0ab500
}

.c-courses td span.down {
    color: #b51001
}

.c-courses td small {
    display: block;
    font-size: 12px
}

.c-times {
    width: 100%
}

.c-times tr.active {
    background-color: rgba(140,201,9,.2)
}

.c-times tr td {
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
    padding: 8px
}

.c-times tr td:first-of-type {
    text-align: left
}

.c-times tr td:last-of-type {
    text-align: right
}

.c-times tr:last-of-type td {
    border-bottom: 0
}

.c-times small {
    display: block;
    font-size: 12px
}

.c-bread__list {
    display: none;
    flex-wrap: wrap;
    padding-top: 48px
}

@media(min-width: 760px) {
    .c-bread__list {
        display:flex
    }
}

.c-bread__item {
    color: #ccc;
    font-size: 14px;
    padding: 0 36px 8px 0;
    position: relative
}

.c-bread__item::after {
    content: '/';
    display: block;
    position: absolute;
    right: 16px;
    top: 0
}

.c-bread__item:last-of-type {
    padding-right: 0
}

.c-bread__item:last-of-type::after {
    display: none
}

.c-bread__link {
    color: #212121;
    font-size: 14px
}

.c-form--gray {
    background-color: #f0f0f0;
    padding: 8px
}

@media(min-width: 500px) {
    .c-form--inline {
        display:flex
    }
}

.c-form__item {
    margin-top: 16px;
    width: 100%
}

.c-form__item:first-of-type {
    margin-top: 0
}

@media(min-width: 500px) {
    .c-form__item--inline {
        margin:0 0 0 8px
    }
}

@media(min-width: 760px) {
    .c-form__item--inline {
        margin:0 0 0 16px
    }
}

@media(min-width: 500px) {
    .c-form__item--inline:first-of-type {
        margin:0
    }
}

.c-form__item--inline-small {
    flex-shrink: 1
}

@media(min-width: 500px) {
    .c-form__item--inline-small {
        width:120px
    }
}

.c-form__item--inline-wide {
    flex-grow: 2
}

.c-form__label {
    display: block;
    width: 100%
}

.c-form__input {
    align-items: center;
    appearance: none;
    background-color: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    color: #212121;
    display: flex;
    font-size: 16px;
    height: 28px;
    line-height: 1;
    padding: 6px;
    position: relative;
    width: 100%
}

@media(min-width: 500px) {
    .c-form__input {
        height:36px;
        line-height: 1;
        padding: 10px
    }
}

.c-form__input--select {
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 100
}

.c-form__input--select-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    padding-right: 32px
}

.c-form__input--select-text::after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #212121;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    right: 8px;
    top: 10px;
    width: 0
}

@media(min-width: 500px) {
    .c-form__input--select-text::after {
        right:12px;
        top: 14px
    }
}

.c-form__input--select-text:before {
    background-color: #ccc;
    bottom: 0;
    content: '';
    display: block;
    height: 28px;
    position: absolute;
    right: 0;
    top: 0;
    width: 28px
}

@media(min-width: 500px) {
    .c-form__input--select-text:before {
        height:36px;
        width: 36px
    }
}

.c-form__input--submit {
    background-color: #8cc909;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    justify-content: center;
    transition: 250ms
}

.c-form__input--submit:hover {
    opacity: .75
}

.c-form__select-box {
    position: relative
}

.c-sprite__logo {
    background-image: url(/img/sprite.png);
    background-position: 0 -32px;
    width: 100px;
    height: 100px;
    display: inline-block;
    height: 100px;
    width: 100px
}

.c-sprite__logo--small {
    background-image: url(/img/sprite.png);
    background-position: 0 -132px;
    width: 32px;
    height: 32px;
    height: 32px;
    width: 32px
}

.c-sprite__social {
    display: inline-block
}

.c-sprite__social--vk {
    background-image: url(/img/sprite.png);
    background-position: 0 -196px;
    width: 20px;
    height: 16px;
    height: 16px;
    width: 20px
}

.c-sprite__social--ok {
    background-image: url(/img/sprite.png);
    background-position: 0 -164px;
    width: 9px;
    height: 16px;
    height: 16px;
    width: 9px
}

.c-sprite__social--fb {
    background-image: url(/img/sprite.png);
    background-position: 0 0;
    width: 9px;
    height: 16px;
    height: 16px;
    width: 9px
}

.c-sprite__social--gp {
    background-image: url(/img/sprite.png);
    background-position: 0 -16px;
    width: 16px;
    height: 16px;
    height: 16px;
    width: 16px
}

.c-sprite__social--tw {
    background-image: url(/img/sprite.png);
    background-position: 0 -180px;
    width: 19px;
    height: 16px;
    height: 16px;
    width: 19px
}

.c-list-cards--gray {
    background-color: #f0f0f0;
    border-radius: 4px;
    padding: 8px
}

@media(min-width: 760px) {
    .c-list-cards--gray {
        padding:16px
    }
}

@media(min-width: 760px) {
    .c-list-cards {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.c-list-cards__item {
    margin-bottom: 10px;
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    background: #fff
}

.c-list-cards__item_loc {
    margin-bottom: 16px
}

.c-list-cards__item:nth-last-of-type(1) {
    margin-bottom: 0
}

@media(min-width: 760px) {
    .c-list-cards__item {
        width:100%
    }

    .c-list-cards__item_loc {
        width: 48%
    }

    .c-list-cards__item:nth-last-of-type(2) {
    }
}

.c-list-cards__item--white {
    background-color: #fff;
    border-radius: 4px;
    box-sizing: padding-box;
    padding: 8px
}

@media(min-width: 760px) {
    .c-list-cards__item--white {
        padding:16px
    }
}

.c-list-cards__link {
    text-decoration: none;
    display: grid;
    grid-template-columns: 35% 65%;
    grid-template-rows: 1fr
}

@media(min-width: 500px) {
    .c-list-cards__link {
        display:grid;
        grid-template-columns: 25% 65%
    }
}

.c-list-cards__img {
}

@media(min-width: 500px) {
    .c-list-cards__img {
        background:#ccc center no-repeat;
        background-size: cover;
        border: 1px solid #f0f0f0;
        border-radius: 8px;
        box-sizing: content-box;
        display: block;
        flex-shrink: 0;
        height: 139px;
        margin-right: 15px;
        width: 161px
    }
}

.c-list-cards__text {
    display: none
}

@media(min-width: 500px) {
    .c-list-cards__text {
        flex-grow:2
    }
}

.c-list-cards__header {
    font-size: 20px;
    margin-top: 12px;
    font-weight: 600;
    text-shadow: 0 0 1px rgb(51 51 51/50%)
}

.c-list-cards__line {
    display: block;
    margin-top: 5px;
    color: #212121;
    max-height: 50px;
    overflow: hidden
}

.c-list-cards__line--gray {
    color: #404040
}

.c-list-cards__line--gray b {
    color: #3757c5;
    font-weight: 700;
    font-size: 14px
}

.c-list-cards__line small {
    font-size: 16px
}

@media(min-width: 500px) {
    .c-list-metro {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.c-list-metro__item {
    display: inline-block
}

@media(min-width: 500px) {
    .c-list-metro__item {
        display:block;
        width: 49%
    }
}

@media(min-width: 760px) {
    .c-list-metro__item {
        display:block;
        width: 33%
    }
}

.c-list-metro__link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin: 4px 8px 0 0;
    padding: 0;
    text-decoration: none
}

.c-list-metro__link i {
    border-radius: 100%;
    display: inline-block;
    height: 10px;
    width: 10px
}

@media(min-width: 760px) {
    .c-list-news {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.c-list-news__item {
    margin-bottom: 16px
}

@media(min-width: 760px) {
    .c-list-news__item--2 {
        width:49%
    }
}

.c-list-news__date {
    color: #717171;
    font-size: 12px
}

.c-list-news__description {
    color: #717171;
    font-size: 14px
}

@media(min-width: 500px) {
    .c-list {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.c-list__item {
    margin-bottom: 8px
}

@media(min-width: 500px) {
    .c-list__item {
        width:49%
    }
}

@media(min-width: 760px) {
    .c-list__item {
        width:32.5%
    }
}

@media(min-width: 1128px) {
    .c-list__item--4 {
        width:24.5%
    }
}

@media(min-width: 760px) {
    .c-list__item--2 {
        width:49%
    }
}

.c-list__link {
    display: flex;
    text-decoration: none
}

.c-list__link:hover .c-list__number {
    background-color: #8cc909;
    color: #fff
}

.c-list__number {
    border-radius: 4px;
    color: #717171;
    flex-shrink: 0;
    margin-right: 8px;
    padding: 2px;
    text-align: center;
    transition: 250ms;
    width: 48px
}

.price-range {
    margin-top: 10px
}

.option_place {
    font-size: 13px
}

.c-list__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: underline
}

.c-reviews {
    padding: 0 0 16px
}

.c-reviews__item {
    border-top: 1px solid #ccc;
    margin: 16px 0 0;
    padding: 16px 0 0
}

.c-reviews__item:first-of-type {
    border-top: 0;
    margin: 0;
    padding: 16px 0 0
}

.c-reviews__stars {
    color: #717171;
    display: inline-block;
    font-size: 20px;
    margin-right: 16px
}

.c-reviews__stars b {
    color: #8cc909;
    font-size: 20px;
    font-weight: 700
}

.c-reviews__time {
    color: #717171;
    display: inline-block;
    font-size: 12px;
    margin-right: 16px
}

.c-reviews__user {
    color: #717171;
    display: inline-block;
    font-size: 12px;
    font-weight: 700
}

.c-reviews__link {
    display: block;
    margin-top: 4px
}

.c-reviews__text {
    display: block;
    margin-top: 4px
}

@media(max-width: 649px) {
    .image-item {
        height:269px
    }

    .l-article__section p.img img {
        width: 100%
    }

    .l-header__logo-text div:first-of-type {
        font-size: 19px;
        font-weight: 300;
        text-transform: uppercase;
        padding-bottom: 10px;
        /* color:#fff; */
    }

    .l-header__logo-text div:last-of-type {
        color: #404040;
        font-size: 11px
    }

    .c-list-cards__img {
        float: left;
        display: inline-block;
        background-size: cover;
        margin-right: 10px;
        border-radius: 8px
    }

    .c-list-cards__header {
        font-size: 15px;
        margin-top: 6px
    }
}

li.c-list-cards__item.ads {
    background: 0 0;
    padding: 0
}

.fx_root {
    width: 100%;
    display: flex;
    flex-wrap: no-wrap;
    align-items: center
}

.fx_root_h2 {
    flex-grow: 1
}

.UiKitCategoryHeader_moreBtn {
    display: flex;
    background: 0 0;
    align-items: center
}

.OldUiKitButton_size-s {
    height: 43px;
    padding: 0
}

.OldUiKitButton_root {
    color: #21201f;
    border: none;
    cursor: pointer;
    display: flex;
    position: relative;
    font-size: 16px;
    transition: all .2s ease-out;
    align-items: center;
    font-size: 18px;
    border-bottom: 1px dotted #e04f6157;
    color: #e04f60;
    text-decoration: none!important
}

button {
    cursor: pointer;
    outline: none
}

.img_w_bg {
    background: 0 0;
    background-size: cover!important;
    border: none;
    border-radius: 6px;
    box-sizing: content-box;
    display: block;
    flex-shrink: 0;
    height: 84px;
    margin-right: none;
    width: 247px;
    background-position-x: 2px;
    background-position-y: 10px;
    background-size: 80%;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat
}


@media (max-width: 768px) {
.l-article__h-text {
    width: 100% !important;
}
}