@font-face {
    font-family: 'fontello';
    src: url('fontello/fontello.eot?30273468');
    src: url('fontello/fontello.eot?30273468#iefix') format('embedded-opentype'),
        url('fontello/fontello.woff2?30273468') format('woff2'),
        url('fontello/fontello.woff?30273468') format('woff'),
        url('fontello/fontello.ttf?30273468') format('truetype'),
        url('fontello/fontello.svg?30273468#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! .brands-line-itemIn other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?30273468#fontello') format('svg');
  }
}
*/


/*index.html*/

.menu-catalog {
    position: relative;
    width: 100%;
    max-width: 25%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 25%
}

.menu-catalog-btn {
    font-size: 0;
    font-weight: 700;
    line-height: 42px;
    display: inline-block;
    height: 42px;
    padding: 0 10px;
    cursor: pointer;
    text-align: center;
    color: #333;
    border-radius: 3px;
    background: #fcce00
}

.menu-catalog-btn__ico {
    display: inline-block;
    width: 15px;
    margin-top: 15px;
    margin-right: 10px;
    vertical-align: top
}

.menu-catalog-btn__ico span {
    display: block;
    width: 100%;
    height: 2px;
    margin-bottom: 2px;
    background: #242424
}

.menu-catalog-btn__title {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 1px;
    text-transform: uppercase
}

.menu-catalog-btn:hover {
    background: #eec500
}

.advantages-item {
    position: relative;
    width: 100%;
    max-width: 33.33333%;
    min-height: 1px;
    margin-bottom: 50px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 33.33333%
}

@media (max-width: 991.98px) {
    .advantages-item {
        max-width: 100%;
        flex: 0 0 100%
    }
}

.vacancy-single-wrapper~.promo {
    display: none;
}

.advantages-item__ico {
    position: absolute;
}

.advantages-item__ico.first {
    background: url(../img/new-icon_1.svg) no-repeat center center;
    height: 60px;
    width: 67px;
    top: 7px;
    left: 9px;
}

.advantages-item__ico.second {
    background: url(../img/new-icon_2.svg) no-repeat center center;
    height: 60px;
    width: 40px;
    top: 5px;
    left: 28px;
}

.advantages-item__ico.last {
    background: url(../img/new-icon_3.svg) no-repeat center center;
    width: 53px;
    height: 60px;
    top: 5px;
    left: 22px;
}

@media (max-width: 991.98px) {
    .advantages-item__ico {
        top: 0;
        bottom: auto
    }
}

.advantages-item__text {
    padding-left: 75px
}

.advantages-item__text h5 {
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
}

.advantages-item__text p,
.why-buy-online-item__text p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    color: #4f4f4f
}

.why-buy-online {
    margin-top: 80px
}

@media (max-width: 767.98px) {
    .why-buy-online {
        margin-bottom: 20px
    }
}

.why-buy-online .section-header {
    position: relative;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .why-buy-online .section-header {
        font-size: 20px;
        padding: 12px 40px 12px 15px;
        cursor: pointer;
        background: #f6f6f6;
        width: 100%;
    }

    .why-buy-online .section-header:after {
        position: absolute;
        top: 50%;
        right: 15px;
        content: "";
        background: url(../img/design/ico/social-arrow.svg) center center no-repeat;
        -webkit-background-size: 20px auto;
        background-size: 20px auto;
        width: 20px;
        height: 24px;
        margin-top: -12px;
    }

    .why-buy-online .section-header.active:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.why-buy-online--stick {
    margin-top: 35px
}

@media (max-width: 767.98px) {
    .why-buy-online br {
        display: block
    }

    .why-buy-online-wrap {
        overflow: hidden;
        max-height: 0;
        transition: .3s
    }

    .why-buy-online-wrap.active {
        max-height: 1200px
    }
}

.why-buy-online-item {
    position: relative;
    width: 100%;
    max-width: 33.33333%;
    min-height: 1px;
    margin-bottom: 70px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 33.33333%
}

@media (max-width: 991.98px) {
    .why-buy-online-item {
        max-width: 50%;
        flex: 0 0 50%
    }
}

@media (max-width: 767.98px) {
    .why-buy-online-item {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 36px
    }
}

.why-buy-online-item__ico {
    position: absolute;
    bottom: 0;
    left: 15px;
    width: 61px;
    text-align: center;
    top: 8px;
}

@media (max-width: 767.98px) {
    .why-buy-online-item__ico {
        top: 0;
        bottom: auto
    }
}

.why-buy-online-item__text {
    padding-left: 75px
}

.why-buy-online-item__text .h4 {
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 5px;
    color: #2e2e2e
}

@media (max-width: 480px) {
    .why-buy-online {
        margin-top: 49px;
        margin-bottom: 13px;
    }

    .why-buy-online .section-header {
        padding: 9px 55px 10px 15px;
        margin-bottom: 22px;
    }

    .why-buy-online .section-header:after {
        right: 15px;
    }

    .why-buy-online-item__text {
        padding-left: 86px;
    }

    .why-buy-online-item {
        margin-bottom: 23px;
    }

    .why-buy-online-item__ico {
        top: 7px;
    }
}

.container h1 {
    font-size: 36px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 15px;
    margin-top: 0;
    font-weight: 500;
}

.breadcrumbs {
    margin-top: 30px;
    margin-bottom: 30px;
    /*padding-top: 1px;*/
    /*margin-top: -3px;*/
}

.breadcrumbs ul {
    font-size: 0;
    position: relative;
    width: 100%;
    max-width: 100%;
    min-height: 1px;
    margin: 0;
    padding: 0 15px;
    list-style: none;
    flex: 0 0 100%
}

.breadcrumbs ul li {
    font-size: 12px;
    font-weight: 300;
    position: relative;
    display: inline-block;
    margin-right: 30px;
    color: #000
}

.breadcrumbs ul li:after {
    position: absolute;
    top: 0;
    right: -20px;
    content: url(../img/design/ico/right-arrow.svg)
}

.breadcrumbs ul li a {
    font-size: 12px;
    font-weight: 300;
    color: #038057 -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

.breadcrumbs ul li a:hover {
    text-decoration: none
}

@media (max-width: 767.98px) {
    .breadcrumbs {
        margin-bottom: 0;
    }
}

.category-board {
    margin-bottom: 25px;
}

@media (max-width: 767.98px) {
    .category-board {
        display: none
    }
}

.category-board-wrap {
    display: flex;
    margin: 0 -6px;
    padding: 0 6px;
    justify-content: space-between
}

@media (max-width: 991.98px) {
    .category-board-wrap {
        flex-wrap: wrap
    }
}

.category-board-item-col {}

.category-board-item-col--left {
    width: 25%
}

@media (max-width: 991.98px) {
    .category-board-item-col--left {
        width: 50%;
        margin-bottom: 6px
    }
}

.category-board-item-col--center {
    width: 25%;
    margin: 0px 6px;
}

@media (max-width: 991.98px) {
    .category-board-item-col--center {
        width: calc(50% - 6px);
        margin-right: 0;
    }
}

.category-board-item-col--right {
    width: 50%
}

@media (max-width: 991.98px) {
    .category-board-item-col--right {
        width: 100%
    }
}

.category-board-item {
    display: block;
    padding: 30px;
    border-radius: 3px
}

.category-board-item__title {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 25px;
    color: #2e2e2e
}

@media (max-width: 1199.98px) {
    .category-board-item__title {
        margin-bottom: 20px
    }
}

.category-board-item__list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.category-board-item__list ul li {
    margin-bottom: 10px
}

@media (max-width: 1199.98px) {
    .category-board-item__list ul li {
        margin-bottom: 7px
    }
}

.category-board-item__list ul li a {
    font-size: 15px;
    transition: .3s;
    color: #2e2e2e
}

.category-board-item__list ul li a:hover {
    color: #008e62
}

.category-board-item--child {
    height: 325px;
    background: url(../img/design/category-board/child.png) bottom right no-repeat #fef5c9;
    background-size: cover;
}

@media (max-width: 991.98px) {
    .category-board-item--child {
        background-size: cover;
    }
}

.category-board-item--family {
    height: 158px;
    margin-bottom: 6px;
    background: #f9efdd;
}

.category-board-item--beauty {
    height: 162px;
    background: rgba(247, 214, 221, .62)
}

.category-board-item--health {
    height: 325px;
    background: url(../img/design/category-board/health.svg) bottom right no-repeat rgba(216, 237, 206, .6);
    mix-blend-mode: normal
}

.category-board-item--health ul {
    padding-right: 100px;
    -webkit-column-count: 2;
    column-count: 2
}

.product-sale-slider {
    margin-bottom: 50px;
    padding-left: 0;
}

@media (max-width: 480px) {
    .product-sale-slider {
        margin-bottom: 43px
    }
}

.products-on-glavnaya .owl-stage {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.product-sale-slider .owl-next,
.product-sale-slider .owl-prev,
.products-on-glavnaya .owl-next,
.products-on-glavnaya .owl-prev {
    position: absolute;
    top: calc(50% - 28px);
    overflow: hidden;
    width: 28px;
    height: 56px;
    transition: .3s;
    background: #e8e8e8;
}

.product-sale-slider .owl-next svg .arrow1,
.product-sale-slider .owl-prev svg .arrow1,
.products-line-slider .owl-next svg .arrow1,
.products-line-slider .owl-prev svg .arrow1,
.products-on-glavnaya .owl-next svg .arrow1,
.products-on-glavnaya .owl-prev svg .arrow1,
.products-on-glavnaya .owl-next svg .arrow1,
.products-on-glavnaya .owl-prev svg .arrow1 {
    transition: .3s
}

.product-sale-slider .owl-next:hover svg .arrow1,
.product-sale-slider .owl-prev:hover svg .arrow1,
.products-line-slider .owl-next:hover svg .arrow1,
.products-line-slider .owl-prev:hover svg .arrow1,
.products-on-glavnaya .owl-next:hover svg .arrow1,
.products-on-glavnaya .owl-prev:hover svg .arrow1,
.products-on-glavnaya .owl-next:hover svg .arrow1,
.products-on-glavnaya .owl-prev:hover svg .arrow1 {
    fill: #fdcf00
}

.product-sale-slider .owl-prev {
    left: 2px;
    border-radius: 0 100% 100% 0/0 50% 50% 0
}

.products-on-glavnaya .owl-prev {
    left: 1px;
    border-radius: 0 100% 100% 0/0 50% 50% 0
}

.product-sale-slider .owl-next {
    right: 2px;
    border-radius: 100% 0 0 100%/50% 0 0 50%
}

.products-on-glavnaya .owl-next {
    right: 1px;
    border-radius: 100% 0 0 100%/50% 0 0 50%
}

.owl-dots {
    font-size: 0;
    position: absolute;
    bottom: -19px;
    left: 0;
    width: 100%;
    text-align: center
}

.owl-dots .owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    transition: .3s;
    vertical-align: top;
    border: 2px solid #ebebeb;
    border-radius: 50%
}

.owl-dots .owl-dot.active {
    border: 2px solid #038057;
    background: #038057
}

.product-sale-slider-item {
    position: relative;
    display: block;
    height: 324px;
    padding-top: 18px;
    transition: .3s;
    text-align: center;
    border: 2px solid #e8e8e8;
    border-radius: 5px
}

.product-sale-slider-item:hover {
    border: 2px solid #008e62
}

.product-sale-slider-item__title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 7px;
    color: #2e2e2e
}

.product-sale-slider-item__img {
    height: 180px;
}

.product-sale-slider-item__img img {
    max-width: 100%;
    height: 100%
}

.product-sale-slider-item__description {
    font-size: 14.7947px;
    margin-bottom: 30px;
    color: #7a7a7a
}

.product-sale-slider-item__sale {
    position: absolute;
    right: 27px;
    bottom: 27px;
    width: 70px;
    height: 70px;
    padding-top: 17px;
    color: #006475;
    border-radius: 50%;
    background: #ececec
}

.product-sale-slider-item__sale span {
    font-size: 21.8839px;
    line-height: 1;
    display: block;
    margin-bottom: 3px
}

.product-sale-slider-item__sale small {
    font-size: 10.4522px;
    line-height: 1;
    display: block
}

.product-sale-list .container {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

.product-sale-list .product-sale-slider-item {
    flex: 0 212px;
    height: 363px;
    margin-left: -1px;
    margin-bottom: -1px;
    border: 1px solid #e8e8e8;
    border-radius: 0;
}

.product-sale-list .product-sale-slider-item:hover {
    border-color: #038057;
    z-index: 1;
}

.product-sale-list-title {
    font-size: 25px;
    line-height: 29px;
    font-family: "Roboto Medium", sans-serif;
    font-weight: normal;
    color: #333333;
    flex: 1 100%;
    margin-top: 32px;
    margin-bottom: 24px;
}

.brands {
    margin-top: 0;
    margin-bottom: 0;
}

.brands .container h1 {
    margin-bottom: 0 !important;
}

.brands-line {
    margin-bottom: 25px
}

@media screen and (max-width: 767.98px) {
    .brands-line .owl-carousel .owl-item img {
        width: 100%;
    }

    .product-sale-list .product-sale-slider-item {
        flex: 0 50%;
    }
}

@media screen and (max-width: 480px) {
    .brands-line {
        margin-bottom: 27px;
    }

    .product-sale-list .product-sale-slider-item {
        flex: 1 100%;
    }
}

.brands-line .owl-item:first-child .brands-line-item {
    border-radius: 4px 0px 0px 4px;
}

.brands-line .owl-item:last-child .brands-line-item {
    border-radius: 0px 4px 4px 0px;
}

.brands-line-wrap {
    display: flex;
    justify-content: space-around
}

@media (max-width: 767.98px) {
    .brands-line-wrap {
        width: 1000px
    }
}

.brands-line-item {
    line-height: 115px;
    width: 20%;
    height: 122px;
    text-align: center;
    border: 1px solid #ebebeb;
    display: table-cell;
    vertical-align: middle;
}

@media (max-width: 991.98px) {
    .brands-line-item {
        width: 25%
    }
}

.brands-line-item:last-of-type {}

@media (max-width: 991.98px) {
    .brands-line-item:nth-of-type(2) {
        display: none
    }
}

.brands-line-wrap.owl-carousel .owl-item.active+.owl-item.active .brands-line-item {
    border-left: 0;
}

.brands-line-wrap.owl-carousel .owl-item {
    opacity: 0;
    transition: all .25s;
}

.brands-line-wrap.owl-carousel .owl-item.active {
    opacity: 1;
}

.brands-line-item img {
    max-width: 100%;
    margin: auto;
    transition: .3s;
    /*height: 116px;*/
}

.brands-line-item:hover img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.brands-line-more {
    margin-top: 20px
}

.products-line {
    margin-bottom: 25px
}

.products-line .tab-pane {
    padding: 0px;
}

.products-line .tab-pane div[data-pagination-num] {
    display: none;
}

.products-line-tabs {
    display: flex;
    margin-bottom: 18px;
    list-style-type: none;
}

@media (max-width: 991.98px) {
    .products-line-tabs {
        flex-wrap: wrap
    }
}

.products-line-tabs__item {
    font-size: 12px;
    line-height: 37px;
    height: 39px;
    margin-right: 9px;
    padding: 0 15px;
    cursor: pointer;
    transition: .3s;
    color: #8b8b8b;
    border: 1px solid #d8d8d8;
    border-radius: 3px
}

@media (max-width: 991.98px) {
    .products-line-tabs__item {
        margin-bottom: 9px
    }
}

.products-line-tabs__item:last-of-type {
    margin-right: 0
}

.products-line-tabs__item:hover {
    color: #008f64;
    border: 1px solid #008f64
}

.products-line-tabs__item.active {
    color: #008f64;
    border: 2px solid #008f64
}

.products-line-tabs__item.active:hover {
    cursor: default;
    border: 2px solid #008f64
}

.products-line-wrap {
    display: flex;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    justify-content: space-around
}

@media (max-width: 767.98px) {
    .products-line-wrap--swap {
        width: 1000px
    }
}

.products-line-more {
    margin-top: 40px;
}

.products-line-item {
    width: 20%;
    height: 367px;
    padding-bottom: 30px;
    text-align: center;
    border-right: 1px solid #ebebeb
}

.products-line-item:last-of-type {
    border-right: none
}

@media (max-width: 1199.98px) {
    .products-line-item {
        width: 25%
    }
}

@media (max-width: 991.98px) {
    .products-line-item {
        width: 33.33333333%
    }
}

@media (max-width: 767.98px) {
    .products-line-item {
        width: 25%
    }
}

@media (max-width: 1199.98px) {
    .products-line-item:nth-of-type(2) {
        display: none
    }
}

@media (max-width: 767.98px) {
    .products-line-item:nth-of-type(2) {
        display: block
    }
}

@media (max-width: 991.98px) {
    .products-line-item:nth-of-type(3) {
        display: none
    }
}

.products-line-item__img {
    line-height: 200px;
    height: 205px;
    transition: .3s
}

.products-line-item__title {
    font-size: 14.0228px;
    font-weight: 500;
    line-height: normal;
    height: 34px;
    margin-bottom: 13px;
    transition: .3s;
    color: #2e2e2e
}

.products-line-item__maker {
    font-size: 14px;
    margin-bottom: 11px;
    color: #7a7a7a
}

.products-line-item__rating {
    margin-bottom: 11px
}

.products-line-item__price {
    font-size: 22px;
    font-weight: 700;
    transition: .3s;
    color: #2e2e2e
}

.products-line-item__price:after {
    font-size: 20px;
    font-weight: 400;
    content: '₽'
}

.products-line-item:hover .products-line-item__img {
    opacity: .7
}

.products-line-item:hover .products-line-item__price,
.products-line-item:hover .products-line-item__title {
    color: #008e62
}

.products-line-slider:before {
    position: absolute;
    z-index: 1;
    top: 3px;
    right: 0;
    bottom: 3px;
    width: 2px;
    content: '';
    background: #fff
}

.products-line-slider .owl-next,
.products-line-slider .owl-prev {
    position: absolute;
    top: 157px;
    overflow: hidden;
    width: 28px;
    height: 56px;
    transition: .3s;
    background: #e8e8e8
}

.products-line-slider .owl-prev {
    left: 0;
    border-radius: 0 100% 100% 0/0 50% 50% 0
}

.products-line-slider .owl-next {
    z-index: 2;
    right: 0;
    border-radius: 100% 0 0 100%/50% 0 0 50%
}

.products-line-slider .products-line-item:last-of-type {
    border-right: 1px solid #ebebeb
}

.products-line-slider .products-line-item {
    display: block;
    width: auto
}

.reviews {
    margin-bottom: 25px
}

.reviews+.promo {
    margin-top: -10px;
}

.reviews .api-block-sort {
    display: none;
}

.reviews .btn-gray {
    margin-top: 20px;
}

.user-reviews-name {
    font-size: 20px !important;
    line-height: 23px !important;
    font-family: "Roboto Medium", sans-serif !important;
    font-weight: normal !important;
}

.user-reviews-name a {
    color: #2e2e2e !important;
    transition: all .25s !important;
}

.user-reviews-name a:hover {
    color: #008E62 !important;
}

.product-reviews-head {
    flex-direction: column !important;
}

.user-reviews-rating {
    margin-left: 0 !important;
    padding-top: 8px !important;
}

.product-reviews__header {
    align-items: flex-start !important;
    margin-bottom: 11px !important;
}

.reviews-address {
    font-size: 14px !important;
    line-height: 16px !important;
    font-family: "Roboto", sans-serif !important;
    color: #008e62 !important;
    padding-top: 8px !important;
}

.api-items {
    display: flex !important;
    flex-wrap: wrap !important;
    padding-top: 15px !important;
}

.product-reviews {
    flex: 0 550px !important;
    margin-right: auto !important;
    border: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 5px !important;
}

.all-reviews .user-reviews-rating {
    margin-left: 10px !important;
}

.all-reviews .product-reviews-filter__tit {
    margin: 6px 10px 0 0;
}

.all-reviews .product-reviews {
    max-width: 100% !important;
    flex: 1 100% !important;
    border-bottom: 1px solid #d8d8d8 !important;
    padding-bottom: 13px !important;
    margin-bottom: 28px !important;
}

.all-reviews .product-reviews__header {
    margin-bottom: 15px !important;
}

.all-reviews .product-reviews-head {
    flex-direction: row !important;
    width: 100%;
}

.all-reviews .reviews-address {
    color: #4f4f4f !important;
    top: -3px !important;
    font-size: 14px !important;
}

.all-reviews .product-reviews-info__message {
    font-size: 14px !important;
    line-height: 22px !important;
    height: auto !important;
    margin-bottom: 22px;
    padding: 0 !important;
    border: 0 !important;
    color: #333333 !important;
}

.all-reviews .product-reviews:last-child {
    margin-bottom: 20px !important;
}

.all-reviews .reviews-vote {
    position: relative;
    top: -3px;
}

.all-reviews .api-block-sort {
    margin-bottom: 20px;
    border-top: 1px solid #D8D8D8;
}

.all-reviews .product-reviews-result .api-form-submit {
    display: block;
}

.all-reviews .api-block-sort+.api-form-submit.reviews-form-btn.btn-green.main_page {
    display: none;
}

.all-reviews .product-review-result__rating.api-stars-empty {
    margin-right: 0;
}

.all-reviews .rev_main_page .product-reviews-result .reviews-form-btn.main_page {
    display: inline-block;
}

.rev_main_page .product-reviews-result .reviews-form-btn.main_page {
    display: none;
}

.reviews .rev_main_page .reviews-form-btn.main_page.show-main {
    display: inline-block;
}

.product-reviews:nth-child(2n) {
    margin-right: 0 !important;
}

.product-reviews-info__message {
    height: 104px;
    overflow: hidden;
    border: 1px solid #ebebeb !important;
    font-size: 14px !important;
    line-height: 22px !important;
    font-family: "Roboto", sans-serif !important;
    color: #333333 !important;
    padding: 12px 15px 6px 15px !important;
}

@media (max-width: 1200px) {
    .product-reviews {
        flex: 0 440px !important;
    }
}

@media (max-width: 992px) {
    .product-reviews {
        flex: 1 100% !important;
        margin-bottom: 15px !important;
    }
}

.review-result {
    display: flex;
    margin: -4px -15px 21px;
    flex-wrap: wrap
}

.review-result__title {
    font-size: 36px;
    font-weight: 500;
    line-height: normal;
    position: relative;
    width: 100%;
    max-width: 25%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    color: #2e2e2e;
    flex: 0 0 25%
}

@media (max-width: 991.98px) {
    .review-result__title {
        max-width: 50%;
        flex: 0 0 50%
    }
}

@media (max-width: 767.98px) {
    .review-result__title span {
        display: none
    }
}

.review-result__rating {
    position: relative;
    width: 100%;
    max-width: 16.66667%;
    min-height: 1px;
    padding-top: 7px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 16.66667%
}

@media (max-width: 991.98px) {
    .review-result__rating {
        max-width: 50%;
        text-align: right;
        flex: 0 0 50%
    }
}

.review-result__rating img {
    margin-left: -40px
}

.review-result__description {
    font-size: 14px;
    line-height: 24px;
    position: relative;
    width: 100%;
    max-width: 41.66667%;
    min-height: 1px;
    padding-top: 12px;
    padding-right: 15px;
    padding-left: 42px;
    color: #575757;
    flex: 0 0 41.66667%
}

@media (max-width: 991.98px) {
    .review-result__description {
        max-width: 100%;
        padding-left: 15px;
        flex: 0 0 100%
    }
}

.review-write {
    margin-bottom: 23px
}

@media (max-width: 767.98px) {
    .review-write {
        display: none
    }
}

.review-write-mobile {
    display: none
}

.review-write-mobile .btn-green {
    line-height: 37px;
    height: 37px;
    padding: 0 16px;
}

@media (max-width: 767.98px) {
    .review-write-mobile {
        width: 147px;
        display: block;
        float: right;
        margin-top: -10px;
    }
}

.reviews-more {
    margin-top: -10px
}

@media (max-width: 767.98px) {
    .reviews-more {
        float: left
    }
}

.review-item {
    position: relative;
    width: 100%;
    max-width: 50%;
    min-height: 1px;
    margin-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 50%
}

@media (max-width: 991.98px) {
    .review-item {
        max-width: 100%;
        flex: 0 0 100%
    }
}

@media (max-width: 767.98px) {
    .review-item .row {
        flex-wrap: wrap
    }
}

.review-item__name {
    font-size: 20.0326px;
    font-weight: 600;
    line-height: normal;
    position: relative;
    width: 100%;
    max-width: 50%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    color: #2e2e2e;
    flex: 0 0 50%
}

@media (max-width: 767.98px) {
    .review-item__name {
        max-width: 100%;
        margin-bottom: 12px;
        flex: 0 0 100%
    }
}

.review-item__date {
    font-size: 13.8084px;
    position: relative;
    width: 100%;
    max-width: 50%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    text-align: right;
    color: #008a5d;
    flex: 0 0 50%;
    margin-top: 6px;
}

@media (max-width: 767.98px) {
    .review-item__date {
        position: relative;
        width: 100%;
        max-width: 50%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        text-align: left;
        flex: 0 0 50%
    }
}

.review-item__rating {
    padding-top: 10px;
    padding-bottom: 18px
}

@media (max-width: 767.98px) {
    .review-item__rating {
        position: relative;
        width: 100%;
        max-width: 100%;
        min-height: 1px;
        margin-top: -30px;
        padding-right: 15px;
        padding-left: 15px;
        text-align: right;
        flex: 0 0 100%
    }
}

.review-item__quote {
    font-size: 14px;
    line-height: 22px;
    padding: 15px 15px 10px;
    color: #333;
    border: 1px solid #ebebeb;
    border-radius: 3px
}

@media (max-width: 375px) {
    .review-write-mobile {
        padding-left: 13px;
    }

    .review-write-mobile .btn-green {
        padding: 0 10px;
    }

    .reviews-more .btn-gray {
        padding: 0 13px 0 20px;
    }

    .reviews-more .btn-gray:before,
    .reviews-more .btn-gray:after {
        left: 4px;
    }
}

.promo {
    margin-top: 0;
    margin-bottom: 25px
}

.promo .deals-item-div {
    max-width: 100%;
    flex: 1 100%;
    width: 100%;
    padding-right: 15px !important;
}

.promo__text {
    position: relative;
    width: 100%;
    max-width: 50%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 50%
}

.promo__img {
    position: absolute;
    right: 113px;
    bottom: 0
}

@media (max-width: 991.98px) {
    .promo__img {
        right: 0
    }
}

@media (max-width: 767.98px) {
    .promo__img img {
        width: 180px
    }
}

.promo-text {
    padding-top: 10px;
    padding-left: 135px
}

@media (max-width: 991.98px) {
    .promo-text {
        padding-top: 25px;
        padding-left: 90px
    }
}

@media (max-width: 767.98px) {
    .promo-text {
        padding-top: 20px;
        padding-left: 46px
    }
}

.promo-text__title {
    font-size: 96px;
    line-height: 1;
    margin-bottom: 22px;
    color: #2e2e2e
}

@media (max-width: 991.98px) {
    .promo-text__title {
        font-size: 65px;
        margin-bottom: 15px
    }
}

@media (max-width: 767.98px) {
    .promo-text__title {
        font-size: 46px
    }
}

.promo-text__description {
    font-size: 18.25px;
    text-transform: uppercase;
    color: #2e2e2e
}

@media (max-width: 991.98px) {
    .promo-text__description {
        font-size: 16px
    }
}

@media (max-width: 767.98px) {
    .promo-text__description {
        font-size: 12px
    }
}

.promo-wrap {
    position: relative;
    height: 175px;
    background: url(../img/design/promo/bg.png);
    background-size: cover
}

@media (max-width: 767.98px) {
    .promo-wrap {
        height: 137px
    }
}

.promo-wrap:before {
    position: absolute;
    top: 14px;
    bottom: 18px;
    left: 52px;
    width: 35px;
    content: '';
    border-radius: 3px;
    background: #d62818;
    box-shadow: 2.1px 9.8px 29px rgba(46, 46, 46, .18)
}

@media (max-width: 991.98px) {
    .promo-wrap:before {
        left: 30px;
        width: 20px
    }
}

@media (max-width: 767.98px) {
    .promo-wrap:before {
        top: 14px;
        bottom: 14px;
        left: 20px;
        width: 12px
    }
}

.deals {
    position: relative;
    width: 100%;
    max-width: 50%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 50%
}

@media (max-width: 1199.98px) {
    .deals {
        max-width: 100%;
        margin-bottom: 25px;
        flex: 0 0 100%
    }
}

.deals .section-header {
    margin-bottom: 5px;
}

.deals-more {
    margin-top: 20px;
}

.deals-item-div {}

.deals-item-div:nth-child(odd) {
    padding-right: 7.5px;
}

.deals-item-div:nth-child(even) {
    padding-left: 7.5px;
}

@media screen and (max-width: 991px) {
    .deals-item-div:nth-child(odd) {
        padding-left: 15px;
        padding-right: 15px;
    }

    .deals-item-div:nth-child(even) {
        padding-left: 15px;
        padding-right: 15px;
    }

    .deals-item-div {
        flex: 0 50%;
        width: 50%;
        text-align: center;
    }

    .deals-item img {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .deals-item-div {
        width: 100%;
        flex: 1 100%;
        text-align: center;
    }
}


.deals-item {
    transition: .3s;
    margin-top: 15px;
    display: block;
}

/* .deals-item:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
} */

.deals-item img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

@media screen and (max-width: 480px) {
    .deals-item img {
        width: 100%;
    }
}

.articles {
    position: relative;
    width: 100%;
    max-width: 50%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 50%
}

.articles .section-header {
    margin-bottom: 15px;
}

@media (max-width: 575px) {
    .all-reviews .product-reviews-head {
        justify-content: space-between;
        position: relative;
    }
}

@media (max-width: 480px) {
    .articles .section-header {
        margin-bottom: 18px;
    }
}


@media (max-width: 1199.98px) {
    .articles {
        max-width: 100%;
        flex: 0 0 100%
    }
}

.articles-more {
    margin-top: 11px
}

.articles-item {
    padding-left: 15px;
}

@media (max-width: 1199.98px) {
    .articles-item {
        height: auto
    }
}

.articles-item__title {
    font-size: 15px;
    font-weight: 700;
    display: block;
    margin-bottom: 7px;
    transition: .3s;
    color: #2e2e2e
}

.articles-item__title:hover {
    color: #008e62
}

.articles-item__date {
    font-size: 13.8084px;
    margin-bottom: 10px;
    color: #008a5d
}

.articles-item__text p {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 27px;
    color: #333
}

.articles-item__text p:last-child {
    margin-bottom: 0px;
}

@media (max-width: 767.98px) {
    .review-result {
        flex-direction: column
    }

    .review-result__rating {
        max-width: 74%;
    }

    .review-result__title {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .review-result {
        margin-bottom: 16px;
    }

    .review-item__name {
        margin-bottom: 5px;
    }

    .review-item {
        margin-bottom: 28px;
    }

    .reviews {
        margin-bottom: 46px;
    }
}

/*end index.html*/

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-cart-row:before {
    content: '\e800';
}

/* '' */
.icon-cart-box:before {
    content: '\e801';
}

/* '' */
.icon-close:before {
    content: '\e802';
}

/* '' */
.icon-arrowleft:before {
    content: '\e803';
}

/* '' */
.icon-arrowright:before {
    content: '\e804';
}

/* '' */
.icon-ibasket:before {
    content: '\e807';
}

/* '' */
.icon-group-9 .1:before {
    content: '\e808';
}

/* '' */
.icon-like:before {
    content: '\e809';
}

/* '' */
.icon-vector:before {
    content: '\e80a';
}

/* '' */
.icon-2100:before {
    content: '\e80b';
}

/* '' */

.menu-catalog-btn {
    height: 44px;
    line-height: 46px;
}

.header-bottom .row {
    position: relative;
}

.menu-catalog {
    position: static;
}

/*.menu-catalog__dropdown {
	position: absolute;
	width: 100%;
	left: 0;
	top: 10%;
}
.menu-catalog__innerbox {
	margin: 0 15px
	color: #000;
}*/

.section-content {
    font-size: 12px;
    margin-bottom: 50px;
}

.section-title {
    font-size: 36px;
}

.listing-aside_menu {
    font-size: 16px;
    margin-bottom: 25px;
}

.listing-aside_menu a {
    color: #333;
    transition: .3s;
    display: inline-block;
    margin: 4px 0;
}

.listing-aside_menu a:hover {
    color: #038057;
    transform: scale(1.06);
}

.listing-aside_menu ul {
    padding: 0;
    list-style: none;
}

.aside_menu-inner {
    font-size: 14px;
    padding-left: 20px;
}

.listing-filter_section {
    margin-bottom: 35px;
}

.listing-filter_title {
    position: relative;
    padding-right: 20px;
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: 10px;
}

.listing-filter_title h4 {
    font-size: 18px;
}

.listing-filter_title .arrow-up_silver {
    position: absolute;
    right: 0;
    top: 7px;

}

.arrow-up_silver {
    display: block;
    width: 16px;
    height: 8px;
    background: url(../img/design/ico/arrow-up_silver.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.checkbox_item {
    font-size: 16px;
}

.checkbox_item .icr-label {
    margin: 0;
}

.nicescroll-rails {
    background: #E8E8E8;
    width: 10px !important;
    border-radius: 5px;
}

.do-nicescrol {
    height: 100px;
    overflow: hidden;
}

.filter_btn {
    background: #F2F2F2;
    height: 19px;
    cursor: pointer;
    padding: 0 16px 0 24px;
    position: relative;
    border-radius: 10px;
    outline: none;
    line-height: 19px;
    margin-left: 9px;
}

.filter_btn .icon-close {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 1px;
    top: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    line-height: 18px;
    color: #CE0C36;
}

.filter_btn .icon-close:before {
    transform: scale(.6);
}

.filter_link {
    display: inline-block;
    color: #333;
    border-bottom: 1px dashed #333;
    margin-left: 17px;
}

.filter_link:hover {
    color: #CE0C36;
    border-bottom-color: #CE0C36;
}

.active_ui {
    color: #038057;
    border-bottom: none;
    cursor: default;
}

.toggle-view_box {
    padding: 6px 0;
    font-size: 13px;
}

.toggle-view_btn {
    background-color: transparent;
    cursor: pointer;
    padding: 0;
    margin-left: 13px;
}

.catalog-section+div>.space-between {
    margin-top: 29px;
    margin-bottom: 0;
}

.catalog-section+div>.space-between+hr {
    margin-top: 0;
}

.space-between {
    position: relative;
    display: flex;
    justify-content: space-between;
    /* margin-left: 15px;
	margin-right: 15px; */
    margin-left: 0;
    margin-right: 0;
}

.filter-line+div div:first-child .space-between::after {
    position: absolute;
    left: 0;
    bottom: -18px;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #d8d8d8;
}

.space-between .navigation-block .navarrow-left {
    margin-right: 5px;
}

.space-between .navigation-block .navarrow-left .icon-arrowleft {
    top: -3px;
    left: 3px;
}

.space-between .navigation-block .navarrow-right {
    margin-left: 8px;
}

.space-between .navigation-block .navarrow-right .icon-arrowright {
    top: -3px;
    left: 3px;
}

.navigation-block {
    font-size: 14px;
    padding-bottom: 3px;
}

.navigation-block a,
.navigation-block span {
    vertical-align: middle;
    display: inline-block;
    margin: 0 8px;
    transition: .3s;
}

.navigation-block a:hover {
    color: #038057;
}

.navigation-block a:first-child {
    margin-left: 0;
}

.navigation-block .navarrow-left,
.navigation-block .navarrow-right {
    margin: 0;
}

.navarrow-left {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    line-height: 20px;
}

.icon-arrowleft {
    position: relative;
    left: 2px;
    top: -1px;
    font-size: 6px;
    color: #038057;
}

.navarrow-right {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    line-height: 20px;
}

.icon-arrowright {
    position: relative;
    left: 2px;
    top: -1px;
    font-size: 6px;
    color: #038057;
}

.api-pagination {
    margin: 0;
}

.api-pagination .bx-pagination {
    margin: 0;
}

.api-pagination .bx-pagination .bx-pagination-container {
    text-align: left;
}

.api-pagination .bx-pagination .bx-pagination-container ul li span,
.api-pagination .bx-pagination .bx-pagination-container ul li a {
    background: none;
    height: 20px;
    width: auto;
    min-width: inherit;
    vertical-align: middle;
    transition: .3s;
    border-radius: 0;
    padding: 0;
    line-height: 21px;
    font-size: 14px;
    padding: 0;
}

.api-pagination .bx-pagination .bx-pagination-container ul li a:hover {
    background: none;
    color: #09a675;
}

.api-pagination .bx-pagination .bx-pagination-container ul li a:hover span {
    background: none;
    color: #09a675;
}

.api-pagination .bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.api-pagination .bx-pagination .bx-pagination-container ul li.bx-pag-prev a {
    border: none;
    font-size: 0;
    padding: 0;
    background: none;
}

.api-pagination .bx-pagination .bx-pagination-container ul li.bx-pag-prev {
    background: url("../img/bx-pagination-left.svg") center center no-repeat;
    -webkit-background-size: 10px 5px;
    background-size: 10px 5px;
    width: 20px;
    height: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    margin-left: 0;
}

.api-pagination .bx-pagination .bx-pagination-container ul li.bx-pag-next {
    background: url("../img/bx-pagination-right.svg") center center no-repeat;
    -webkit-background-size: 10px 5px;
    background-size: 10px 5px;
    width: 20px;
    height: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
}

.api-pagination .bx-pagination .bx-pagination-container ul li.bx-pag-next span,
.api-pagination .bx-pagination .bx-pagination-container ul li.bx-pag-next a {
    border: none;
    font-size: 0;
    padding: 0;
    background: none;
}

.api-pagination .bx-pagination .bx-pagination-container ul li {
    margin: 0 8px;
    display: inline-block;
    vertical-align: top;
}

.api-pagination .bx-pagination .bx-pagination-container ul li.bx-active span {
    color: #038057;
    border-bottom: none;
    cursor: default;
    background: none;
}

.showby-sort {
    font-size: 14px;
}

.showby-sort a {
    display: inline-block;
    margin-left: 7px;
    transition: .3s;
}

.showby-sort a:hover {
    color: #038057;
}

.btn-green {
    height: 42px;
    cursor: pointer;
    font-size: 16px;
}

.listing-catalog {
    padding: 11px 0 0;
}

.listing-catalog_item {
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.listing-catalog_item .flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.listing-catalog_item .icon-like,
.listing-catalog_box .icon-like {
    position: absolute;
    right: 0;
    font-size: 23px;
}

.listing-catalog_box .icon-like {
    top: 3px;
}

.icon-like {
    font-size: 20px;
    transition: .5s;
}

.icon-like:hover {
    color: #CE0C36;
}

.listing-catalog_img {
    width: 160px;
    text-align: center;
    position: relative;
}

.listing-catalog_descr {
    width: 490px;
    position: relative;
}

.listing-catalog_descr h3 {
    padding-right: 100px;
    margin: 12px 0 0;
}

.listing-catalog_descr p {
    font-size: 13px;
    color: #7A7A7A;
}

.listing-catalog_descr .price-box {
    position: absolute;
    right: 9px;
    top: 50%;
    margin-top: -12px;
}

.price-box_value {
    font-size: 22px;
}

.price-box_value .icon-2100 {
    font-size: 18px;
    position: relative;
    left: -6px;
    top: -2px;
}

.price-box_discount {
    margin-top: -20px;
}

.price-box_discount del {
    font-size: 12px;
    color: #8B8B8B;
}

.price-box_discount strong {
    font-size: 12px;
    color: #CE0C36;
}

.price-box_discount .icon-2100 {
    font-size: 10px;
    position: relative;
    top: -1px;
}

.listing-catalog_buy {
    padding: 13px 0 0;
}

.listing-catalog_buy p {
    position: relative;
    color: #8B8B8B;
    top: 10px;
}

.btn-basket {
    width: 166px;
    position: relative;
    padding-left: 50px;
}

.btn-basket .icon-ibasket {
    font-size: 25px;
    position: absolute;
    left: 20px;
    top: 4px;
}

.star-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../img/design/star.svg) 0 0 no-repeat;
    margin-right: 5px;
}

.star-outline-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../img/design/star-outline.svg) 0 0 no-repeat;
}

.section-title {
    padding-bottom: 24px;
}

.sorting-box {
    font-size: 12px;
    color: #8B8B8B;
    padding: 6px 0;
}

.rating-box {
    padding: 10px 0;
}

.rating-box span {
    display: inline-block;
    font-size: 14px;
    position: relative;
    top: -2px;
    left: 10px;
}

.line-indents {
    margin: 0;
}

.margin-b_18 {
    margin-bottom: 18px;
}

.margin-t_18 {
    margin-top: 18px;
}

.listing-catalog_box .listing-catalog_descr {
    width: auto;
}

.listing-catalog_box .price-box {
    position: static;
}

.listing-catalog_box .listing-catalog_descr h3 {
    padding: 0;
    font-size: 14px;
}

.listing-catalog_box .btn-basket {
    width: 112px;
    font-size: 14px;
    padding: 0 10px 0 0;
    text-align: right;
}

.listing-catalog_box .btn-basket .icon-ibasket {
    left: 4px;
    font-size: 22px;
}

.listing-catalog_box .price-box_value {
    font-size: 20px;
    padding-top: 17px;
}

.listing-catalog_box .icon-2100 {
    font-size: 15px;
}

.listing-catalog_box .listing-catalog_buy {
    padding: 0;
}

.listing-catalog_box .listing-catalog_descr {
    display: flex;
    flex-direction: column;
}

.listing-catalog_box .listing-catalog_descr h3 {
    margin-bottom: 10px;
}

.listing-catalog_box .listing-catalog_descr p {
    margin: 0;
}

.listing-catalog_box .listing-catalog_img {
    width: auto;
    height: 170px;
    overflow: hidden;
}

.listing-catalog_box .price-box_discount {
    margin: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.listing-catalog_box .price-box_discount .icon-2100 {
    font-size: 10px;
    margin-left: -2px;
}

.padding-none {
    padding: 0 !important;
}

.listing-catalog_block {
    border: 1px solid #D8D8D8;
    border-left: none;
    border-bottom: none;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 20px;
}

.listing-catalog_block .row {
    padding: 0 15px;
}

.listing-catalog_block .col-3 {
    padding: 0;
}

.listing-catalog_box {
    border-left: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    padding: 15px 10px;
}

.listing-catalog_img img {
    width: 100%;
    height: auto;
}

.listing-catalog_item .icon-like,
.listing-catalog_box .icon-like {
    top: 0px;
}

.modal.fade.in.show {
    padding-right: 0px !important;
}

#exampleModal {
    width: 465px !important;
}

#exampleModal .modal-footer {
    padding-top: 20px;
}

body.modal-open,
body {
    padding-right: 0px !important;
}

#cartModal .modal-dialog {
    width: 640px;
    max-width: 640px;
    margin: 0 auto;
}

#cartModal .modal-content .modal-body {
    padding: 20px 60px 65px;

}

#cartModal .prescription img {
    margin-right: 6px;
    float: left;
}

#cartModal .prescription {
    color: #CE0C36;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 45px;
}

.modal-cart-product:after {
    clear: both;
    display: table;
    width: 100%;
    content: '';
}

.modal-cart-img {
    width: 180px;
    height: 180px;
    float: left;
    border: 1px solid #EEEEEE;
}

.modal-cart-img img {
    width: 100%;
    height: 100%;
    display: block;
}

.modal-cart-body {
    margin-left: 210px;
}

.modal-cart-title {
    height: 43px;
    overflow: hidden;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 10px;
    color: #000;
    display: block;
}

.modal-cart-title:hover {
    color: #038057;
}

.manufacturer {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 7px;
    color: #4F4F4F;
}

.modal-cart-price-block .line {
    margin-bottom: 0;
}

.modal-cart-price-old {
    color: #8B8B8B;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    display: inline-block;
    text-decoration: line-through;
}

.modal-cart-price-sale {
    color: #CE0C36;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    display: inline-block;
}

.modal-cart-price {
    color: #2E2E2E;
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
}

.modal-cart-block-price {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 23px;
}

.modal-cart-block-price .x {
    color: #E8E8E8;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
}

.modal-cart-block-price .counter {
    width: 144px;
    height: 42px;
}

.modal-cart-block-price .counter .counterBut {
    height: 42px;
    width: 43px;
}

.modal-cart-block-price .counter .field.fieldCount {
    height: 42px;
    width: 59px;
}

.modal-cart-button:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}

.modal-cart-button .btns-gray {
    float: left;
}

.modal-cart-button .btn-green {
    float: right;
}

.modal-cart-button .btns-gray,
.modal-cart-button .btn-green {
    height: 46px;
    line-height: 46px;
    padding-left: 0;
    padding-right: 0;
    width: 48%;
    text-align: center;
}

.modal-slider-cart-title {
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    text-align: center;
    margin: 32px 0 25px 0;
}

.modal-slider-cart-item:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}

.modal-slider-cart .slider-cart-img {
    width: 92px;
    height: 110px;
    float: left;
}

.modal-slider-cart .slider-cart-img a {
    display: flex;
    align-items: center;
    height: 110px;
}

.modal-slider-cart .slider-cart-img a img {
    display: block;
    max-width: 100%;
}

.cart-right-side {
    margin-left: 110px;
    overflow: hidden;
}

.slider-cart-item-title {
    display: block;
    height: 29px;
    font-size: 12px;
    line-height: 14px;
    color: #333;
    overflow: hidden;
    margin-bottom: 15px;
}

.slider-cart-price {
    color: #2E2E2E;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    display: inline-block;
    vertical-align: top;
    float: left;
    margin-right: 5px;
}

.slider-cart-price-old-block {
    float: left;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.slider-cart-price-old {
    color: #8B8B8B;
    font-size: 12px;
    line-height: 12px;
    font-weight: 300;
    display: inline-block;
    text-decoration: line-through;
}

.slider-cart-price-sale {
    color: #CE0C36;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    display: inline-block;
    position: absolute;
    right: -16px;
    top: -4px;
}

.slider-cart-btn {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: normal;
    position: relative;
    display: flex;
    width: 35px;
    padding: 5px;
    color: #fff;
    border-radius: 4px;
    background-color: #038057;
    align-items: center;
    justify-content: center;
    height: 35px;
    float: left;
    margin-right: 20px;
}

.slider-cart-btn i {
    height: 20px;
}

.slider-cart-btn i svg {
    vertical-align: top;
}

.slider-cart-bottom {
    height: 35px;
    clear: both;
}

.slider-cart-heart {
    float: left;
    width: 25px;
    height: 24px;
    display: inline-block;
    margin: 5px 0 0 0;
}

.modal-cart-slider .owl-prev,
.modal-cart-slider .owl-next {
    position: absolute;
    top: 50%;
    margin: -16px 0 0 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

.modal-cart-slider .owl-prev {
    left: -32px;
}

.modal-cart-slider .owl-next {
    right: -32px;
}

.modal-cart-slider .owl-dots {
    font-size: 0;
    position: absolute;
    bottom: -19px;
    left: 0;
    width: 100%;
    text-align: center;
}

.modal-cart-slider .owl-dots .owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    transition: .3s;
    vertical-align: top;
    border: 2px solid #ebebeb;
    border-radius: 50%;
}

.modal-cart-slider .owl-dots .owl-dot.active {
    border: 2px solid #038057;
    background: #038057;
}

input.api-search-input.header-search__input {
    font-size: 15px;
    padding-right: 40px;
}

@media (max-width: 1199px) {
    input.api-search-input.header-search__input {
        font-size: 12px;
    }
}

@media (max-width: 991px) {
    input.api-search-input.header-search__input {
        font-size: 14px;
    }
}

a.brands-line-item img {
    max-width: 150px;
}

.bg-city.popup-city {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #00000050;
    z-index: 1000;
}

.bg-city.popup-city .row {
    height: 100vh;
}

.bg-city.popup-city .col-12 {
    height: 100vh;
}

#popupCity {
    /*width:580px;*/
    height: 320px;
    /*background-color:#fff;*/
    position: absolute;
    top: calc(50% - 160px);
    left: calc(50% - 290px);
}

.review-result__rating {
    min-width: 300px;
}

@media (max-width: 768px) {
    div#navbarSupportedContent {
        display: block;
    }

    .header-menu {
        display: none;
    }

}

.place-choice {
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    display: flex;
    width: 572px;
    padding: 20px 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .25);
}

.place-choice .region {
    width: 50%;
    padding: 10px 20px 20px 30px;
    border-right: 1px solid #d8d8d8;
}

.place-choice .region-title,
.place-choice .city-title {
    font-size: 20px;
    font-weight: 500;
    display: block;
    margin-bottom: 15px;
    color: #333;
}

.place-choice .city-nav__item {
    position: relative;
    display: block;
}

.place-choice .city-nav__link {
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;
    display: block;
    color: #4f4f4f;
}

.place-choice .region-nav__item {
    position: relative;
    display: block;
    margin-right: 10px;
}

.place-choice .region-nav__link {
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;
    display: block;
    color: #4f4f4f;
}

.place-choice .region-nav__item:after {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 0;
    display: block;
    width: 5px;
    height: 9px;
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../img/design/ico/gray-arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.place-choice .city {
    width: 50%;
    padding: 10px 20px 20px 30px;
}

/*we recomend*/

.products-line-item__img img {
    height: 205px;
}

.bx-breadcrumb-item a {
    font-size: 12px;
    font-weight: 300;
    color: #038057;
}

.bx-breadcrumb-item i.fa.fa-angle-right {
    width: 9px;
    height: 6px;
    font-size: 0;
    display: inline-block;
    background-image: url(../img/arrow.png);
}

.bx-breadcrumb .bx-breadcrumb-item a {
    transition-duration: 300ms;
}

.bx-breadcrumb .bx-breadcrumb-item a:hover {
    text-decoration: underline;
}

.bx-breadcrumb-item i.fa.fa-angle-right {
    margin-left: -1px;
    margin-right: 6px;
    margin-top: -3px;
}

/*we recomend end*/
.header-center.fixed {

    z-index: 1000;
}


/* style.css*/

div.mheader {
    position: fixed;
    z-index: 1030;
    top: 0;
    left: 0;
    width: 86%;
    height: 100%;
    background-color: #fff;
    overflow-y: scroll;
}

.modal-open .header.mheader .header-top {
    z-index: 1001;
}

.mheader .header-top {
    height: auto;
}

.modal-open .header {
    /*overflow: hidden;*/
}

.mheader .header-top .row {
    display: flex;
    background-color: #fff;
}

.mheader .header-top__status {
    display: none;
}

.mheader .header-top__address {
    display: none;
}

.mheader .header-top__city {
    float: none;
    width: 100%;
    margin-right: 0;
    padding-top: 12px;
}

.mheader .header-top__phone {
    display: block;
    margin: 0;
    padding: 7px 0 19px 0;
    width: 50%;
    text-align: center;
}

.mheader .header-top__phone a {
    text-decoration: dashed;
    font-size: 16px;
}

.mheader .header-top__callme {
    display: block;
    margin: 0;
    padding: 7px 0 19px 0;
    width: 100%;
    text-align: center;
}

.mheader .header-top__callme a {
    font-size: 16px;
    color: #038057;
}

.mheader .header-top__authorization {
    display: flex;
    margin: 0 !important;
    width: 100% !important;
    align-items: center;
}

.mheader .header-top__authorization a {
    width: 50%;
}

.mheader .header-top__authorization-link--profile {
    background-image: url('/bitrix/templates/apteka/assets/img/design/ico/user-ico.svg');
    background-repeat: no-repeat;
    background-position: 10% center;
}

.mheader .header-center {
    position: absolute;
    top: 18px;
    right: 39px;
    background-color: #ffffff;
    height: auto;
}

.mheader .header-center__mobile-menu {
    padding: 0;
    margin: 0;
    max-width: none;
    display: block;
}

.mheader .mobile-menu-btn span {
    display: none;
}

.mheader .mobile-menu-btn {
    position: relative;
    width: 26px;
    height: 26px;
    transform: rotate(45deg);
}

.mheader .mobile-menu-btn::before,
.mheader .mobile-menu-btn::after {
    top: 50%;
    left: 50%;
    position: absolute;
    content: '';
    background-color: #038057;
    transform: translate(-50%, -50%);
}

.mheader .mobile-menu-btn::before {
    width: 100%;
    height: 2px;
}

.mheader .mobile-menu-btn::after {
    width: 2px;
    height: 100%;
}

.mheader .header-center__logo {
    display: none;
}

.mheader .header-center__search {
    display: none;
}

.mheader .header-center__personal-menu {
    display: none;
}

.mheader .header-bottom {
    display: block;
    padding-top: 0;
}

.mheader .container {
    padding: 0;
}

.mheader .row {
    display: block;
    margin: 0;
}

.mheader .navbar {
    display: block;
    padding: 0;
    width: auto;
    max-width: none;
}

.mheader .navbar-nav {
    display: block;
}

.mheader #navbarDropdown {
    display: block;
    width: auto;
    border-radius: 0;
    padding: 0 20px;
    padding-left: 21px;
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 28px;
    padding-top: 11px;
    padding-bottom: 11px;
    text-align: left;
}

.mheader .nav-button__icon {
    display: none;
}

.mheader .mheader__menu {
    position: relative;
    overflow-x: hidden;
    flex-grow: 1;
    padding-bottom: 10px;
}

.mheader .dropdown {
    margin-bottom: 10px;
}

.mheader .mheader__menu-item {
    display: flex;
    align-items: center;
}

.mheader .mheader__menu-link {
    position: relative;
    font-size: 14px;
    line-height: 39px;
    font-weight: 500;
    flex-grow: 1;
    padding: 0 10px 0 35px;
    color: #038057;
}

.mheader .mheader__menu-link--prev {
    text-align: center;
    line-height: 28px;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.mheader .mheader__menu-link--next::after {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    width: 10px;
    height: 10px;
    transform: translateY(-50%) rotate(45deg);
    border: 2px solid #CBCBCB;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

.mheader .mheader__menu-link--prev::before {
    content: '';
    position: absolute;
    left: 35px;
    top: 50%;
    width: 10px;
    height: 10px;
    transform: translateY(-50%) rotate(225deg);
    border: 2px solid #000000;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

@media (max-width: 480px) {
    .mheader .mheader__menu-link--prev {
        font-size: 17px;
    }

    .mheader .mheader__submenu .mheader__menu-item:first-child .mheader__menu-link {
        font-size: 20px;
        text-align: left;
        padding-left: 30px;
    }

    .mheader .mheader__menu-link--prev::before {
        left: 15px;
    }

    .mheader .header-top__callme a {
        font-size: 15px;
    }
}

.mheader .mheader__menu-link:hover {
    color: #038057;
}

.mheader .mheader__menu-link:hover::before,
.mheader .mheader__menu-link:hover::after {
    border: 2px solid #038057;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

.mheader .mheader__menu-link:active {
    background-color: #FCCE00;
    color: #000000;
}

.mheader .mheader__submenu {
    z-index: 1035;
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: #fff;
    transition: left 0.5s;
    overflow-x: hidden;
    overflow-y: scroll;
}

.mheader .mheader__submenu .mheader__menu-item:first-child {
    background-color: #FCCE00;
    line-height: 50px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    position: sticky;
    top: 0;
    z-index: 1020;
    margin-bottom: 10px;
}

.mheader .mheader__submenu .mheader__menu-link {
    color: #038057;
}

.mheader .mheader__submenu .mheader__menu-link--prev {
    color: #000000;
}

.mheader .mheader__submenu--show {
    left: 0;
}

.mheader .mheader__submenu2 {
    height: 138%;
}

.mheader .mheader a {
    color: #000;
}

.mheader-overlay {
    display: none;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
    transition: opacity 1;
}

.mheader-overlay--show {
    display: block;
}

@media screen and (max-width: 991px) {
    .mheader .mheader__submenu .mheader__menu-item>ul {
        display: none;
    }

    .mheader .mheader__menu {
        overflow-x: unset;
    }

    .mheader .mheader__submenu {
        height: auto;
        display: none;
    }

    .mheader .mheader__submenu--show {
        display: block;
        min-height: 100%;
        overflow-y: hidden;
    }
}

@media screen and (max-width: 768px) {
    .mheader .mheader__submenu .mheader__menu-item>ul {
        display: none;
    }

    .mheader .mheader__menu {
        overflow-x: unset;
    }

    .mheader .mheader__submenu {
        height: auto;
        display: none;
    }

    .mheader .mheader__submenu--show {
        display: block;
        min-height: 100%;
        overflow-y: hidden;
    }
}

.product-item-glavnaya .bx_item_detail_rating .bx_stars_bg {
    top: -2px !important;
    left: -3.5px !important;
    width: 94px !important;
    height: 39px !important;
    background-size: contain;
}

@media screen and (min-width: 1920.98px) {
    .product-item-glavnaya .bx_item_detail_rating .bx_stars_bg {
        background-size: contain;
    }
}

@media screen and (max-width: 530px) {
    .product-item-glavnaya .bx_item_detail_rating .bx_stars_bg {
        top: -1px !important;
        left: -1px !important;
        width: 90px !important;
        height: 19px !important;
        background-size: unset;
    }

    .product-item-glavnaya .bx_item_detail_rating .bx_stars_progress {
        height: 17px;
    }

    .product-item-glavnaya .bx_item_detail_rating .bx_stars_container {
        height: 17px;
    }

    .product-item-glavnaya .bx_item_detail_rating .bx_stars_rating_votes {
        position: relative;
        top: -2px;
    }
}

.product-item-glavnaya .bx_item_detail_rating .bx_stars_rating_votes {
    font-size: 14px;
    line-height: 14px;
}

.product-item-glavnaya .api-element-rating .api-stars-empty {
    height: 15px;
    width: 99px;
    background: url(../img/starss.png) 0px -15px repeat-x;
}

.product-item-glavnaya .api-element-rating .api-stars-full {
    height: 15px;
    width: 99px;
    background: url(../img/starss.png) 0px 0px repeat-x;
}

.stop-scroll {
    height: 100vh;
    height: 100%;
    width: 100%;
    margin: 0;
    overflow: auto;
}

.mheader__menu-item {
    display: none;
}

.mheader .header-menu {
    display: block;
    max-width: none;
    padding: 0;
    padding-left: 20px;
    flex-basis: auto;
    background-color: #CE0C36;
}

.mheader .header-menu__list {
    justify-content: center;
    margin: 0;
}

.mheader .header-menu__item:nth-child(n+4) {
    display: none;
}

.mheader .header-menu__item {
    position: relative;
}

.mheader .header-menu__item:not(:first-child)::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 15px;
    transform: translateY(-50%);
    background-color: #ffffff;
}

.mheader .header-menu__link {
    padding: 0 9px;
    font-size: 16px;
    line-height: 50px;
    color: #ffffff;
    text-transform: initial;
    text-align: center;
}

.mheader .header-menu__link:hover {
    background-color: transparent;
}

.mheader .header-menu__item:first-child .header-menu__link {
    padding-left: 0;
}

.mheader .header-menu a.menu-sale {
    padding: 0;
    padding-left: 9px;
    font-size: 16px;
    line-height: 50px;
    color: #ffffff;
}

@media (max-width: 991px) {
    .header.mheader .header-mobile-phones {
        z-index: 1000;
        left: 0;
        right: 0;
        top: 45px;
        margin-bottom: 10px;
    }

    .mheader .header-top__phone,
    .mheader .header-top__callme {
        padding-top: 10px;
    }

    .mheader .header-top__phone a {
        font-size: 17px;
    }

    .mheader .header-top__callme {
        text-align: left;
        padding-left: 21px;
        padding-top: 50px;
        padding-bottom: 14px;
    }

    .mheader #navbarDropdown {
        /*line-height: 50px;*/
    }

    .mheader #navbarDropdown img {
        display: none;
    }

    .mheader .header-menu__link,
    .mheader .header-menu a.menu-sale {
        line-height: 16px;
        padding: 27px 12px;
    }

    .mheader .mheader__menu-link {
        padding-right: 25px;
        padding-left: 20px;
    }

    .morders-menu__link {
        line-height: 70;
    }

    .mheader .morders-menu {
        background-color: #eeeeee;
        margin-bottom: 18px;
    }

    .mheader .header-menu {
        width: 100%;
    }

}

@media (max-width: 375px) {
    .mheader .header-top__phone a {
        font-size: 16px;
    }

    .mheader #navbarDropdown {
        padding-left: 21px;
    }

    .mheader .header-menu__link,
    .mheader .header-menu a.menu-sale {
        padding: 15px 7px;
        font-size: 14px;
    }

    .mheader .header-menu {
        padding-left: 10px;
    }
}

.morders-menu {
    display: none;
    padding-left: 20px;
}

.morders-menu__link {
    position: relative;
    font-size: 14px;
    line-height: 50px;
    color: #038057;
    padding: 0 14px;
    min-width: 119px;
}

@media all and (max-width: 375px) {
    .morders-menu__link {
        padding: 0 10px;
    }
}

.morders-menu__link:hover {
    color: #038057;
}

.morders-menu__link:active {
    color: #038057;
}

.morders-menu__link:first-child {
    padding-left: 0;
}

.morders-menu__link:not(:first-child)::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 15px;
    transform: translateY(-50%);
    background-color: #D8D8D8;
}

.mheader .morders-menu {
    display: flex;
}

.mmenu-footer {
    display: none;
}

.mmenu-footer__link {
    display: flex;
    font-size: 14px;
    line-height: 35px;
    min-height: 30px;
    align-items: center;
    padding-left: 20px;
    color: #959595;
}

.mmenu-footer__link:hover {
    color: #038057;
}

.mheader .mmenu-footer {
    display: block;
}

.mheader .popup-city {
    display: none;
}

/* Города */

.location__dialog {
    max-width: 582px;
}

.location__content {
    border-radius: 0;
}

.location__header {
    padding: 0 20px 0 30px;
    border: 0;
}

.location__form {
    padding-top: 26px;
}

.location__search {
    width: 100%;
    border-bottom: 1px solid #D8D8D8;
    font-size: 16px;
    line-height: 33px;
    font-weight: 300;
    color: #333333;
    background: no-repeat url("/local/templates/apteka/assets/img/design/ico/musica-searcher.svg") 100% 50%;
}

.location__label {
    margin: 0;
    margin-top: 3px;
    font-size: 12px;
    color: #8B8B8B;
}

.location__body {
    position: relative;
    max-width: 580px;
    width: auto;
    margin: 0;
    padding: 0 20px 43px 0;
}

.location__title {
    width: 49%;
    font-size: 18px;
    padding: 15px 0 5px 30px;
    font-weight: 500;
    color: #333333;
}

.location__menu {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 49%;
    height: 240px;
}

.location__menu .location__title {
    position: absolute;
    top: 0;
    right: 20px;
    width: 46%;
}

.location__submenu {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 46px;
    right: 18px;
    width: 46.8%;
    height: 240px;
    overflow-y: scroll;
    border-left: 1px solid #D8D8D8;
    background-color: #FFFFFF;
}

.location__submenu>li:first-child {
    display: none;
}

.location__link {
    display: block;
    padding-left: 30px;
    font-size: 14px;
    line-height: 27px;
    color: #4F4F4F;
}

.location__link:hover {
    text-decoration: none;
    color: #038057;
}

.location__link:active {
    padding-left: 26px;
    border-left: 4px solid #038057;
    background-color: rgba(3, 128, 87, 0.1);
}

.location__link--active {
    padding-left: 26px;
    border-left: 4px solid #038057;
    background-color: rgba(3, 128, 87, 0.1);
    color: #038057;
}

.location__footer {
    display: none;
}

/* Города на мобильном */
.mbody .location__body {
    display: flex;
    flex-direction: column;
}

.mbody .location__title {
    padding: 20px;
    width: auto;
}

.mbody .location__menu {
    flex-grow: 1;
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    width: auto;
    height: auto;
}

.mbody .location__menu .location__title {
    display: none;
}

.mbody .location__submenu {
    position: absolute;
    top: 0;
    left: 100%;
    right: unset;
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: #fff;
    transition: left 0.5s;
    list-style: none;
    border: 0;
    z-index: 1055;
}

.mbody .location__submenu>li:first-child {
    display: block;
}

.mbody .location__submenu--show {
    left: 0;
}

.mbody .location__link {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
}

.mbody .location__link--prev {
    text-align: center;
    background-color: rgba(3, 128, 87, 0.1);
    font-weight: 500;
}

.mbody .location__link--next::after {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    width: 10px;
    height: 10px;
    transform: translateY(-50%) rotate(45deg);
    border: 2px solid #CBCBCB;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

.mbody .location__link--prev::before {
    content: '';
    position: absolute;
    left: 25px;
    top: 50%;
    width: 10px;
    height: 10px;
    transform: translateY(-50%) rotate(225deg);
    border: 2px solid #000000;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

.mbody .location__footer {
    display: block;
}

/*  корзина */

/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
html {
    line-height: 1.4;
    color: #222;
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    height: 100%;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
    border-top: 1px solid #ccc
}

audio,
canvas,
iframe,
svg,
video {
    vertical-align: middle
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

@media print {

    *,
    :after,
    :before,
    :first-letter,
    :first-line {
        color: #000 !important;
        background: 0 0 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: ' (' attr(href) ')'
    }

    abbr[title]:after {
        content: ' (' attr(title) ')'
    }

    a[href^='#']:after,
    a[href^='javascript:']:after {
        content: ''
    }

    blockquote,
    pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

body {
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

*,
:after,
:before {
    box-sizing: border-box
}

a {
    text-decoration: inherit;
    color: inherit
}

a,
button,
input,
select,
textarea {
    outline: 0
}

button,
hr,
input,
textarea {
    border: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

textarea {
    resize: none
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

[role=button] {
    cursor: pointer
}

:focus::-webkit-input-placeholder {
    color: transparent
}

:focus:-moz-placeholder,
:focus::-moz-placeholder {
    color: transparent
}

:focus:-ms-input-placeholder {
    color: transparent
}

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */

.bootstrap-datetimepicker-widget {
    list-style: none
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    display: block;
    width: 19em;
    margin: 2px 0;
    padding: 4px
}

@media (min-width: 576px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:after,
.bootstrap-datetimepicker-widget.dropdown-menu:before {
    position: absolute;
    display: inline-block;
    content: ''
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    top: -7px;
    left: 7px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, .2);
    border-left: 7px solid transparent
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    top: -6px;
    left: 8px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    bottom: -7px;
    left: 6px;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, .2);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    bottom: -6px;
    left: 7px;
    border-top: 6px solid #fff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    right: 6px;
    left: auto
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    right: 7px;
    left: auto
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0
}

.bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    font-size: 1.2em;
    font-weight: 700;
    width: 54px;
    margin: 0
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after,
.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    content: 'Increment Hours';
    border: 0
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after {
    content: 'Increment Minutes'
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after,
.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    content: 'Decrement Hours';
    border: 0
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after {
    content: 'Decrement Minutes'
}

.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after,
.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    content: 'Show Hours';
    border: 0
}

.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after {
    content: 'Show Minutes'
}

.bootstrap-datetimepicker-widget .btn[data-action=clear]::after,
.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    content: 'Toggle AM/PM';
    border: 0
}

.bootstrap-datetimepicker-widget .btn[data-action=clear]::after {
    content: 'Clear the picker'
}

.bootstrap-datetimepicker-widget .btn[data-action=today]::after,
.bootstrap-datetimepicker-widget .picker-switch::after {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    content: 'Set the date to today';
    border: 0
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center
}

.bootstrap-datetimepicker-widget .picker-switch::after {
    content: 'Toggle Date and Time Screens'
}

.bootstrap-datetimepicker-widget .picker-switch td {
    line-height: inherit;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0
}

.bootstrap-datetimepicker-widget .picker-switch td i,
.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    width: 100%;
    height: 2.5em
}

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    padding: .5em;
    text-align: center;
    border-radius: .25rem
}

.bootstrap-datetimepicker-widget table th {
    line-height: 20px;
    width: 20px;
    height: 20px
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    cursor: not-allowed;
    color: #dee2e6;
    background: 0 0
}

.bootstrap-datetimepicker-widget table th.next::after,
.bootstrap-datetimepicker-widget table th.prev::after {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    content: 'Previous Month';
    border: 0
}

.bootstrap-datetimepicker-widget table th.next::after {
    content: 'Next Month'
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #f8f9fa
}

.bootstrap-datetimepicker-widget table td {
    line-height: 54px;
    width: 54px;
    height: 54px
}

.bootstrap-datetimepicker-widget table td.cw {
    font-size: .8em;
    line-height: 20px;
    height: 20px;
    color: #dee2e6
}

.bootstrap-datetimepicker-widget table td.day {
    line-height: 20px;
    width: 20px;
    height: 20px
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    cursor: pointer;
    background: #f8f9fa
}

.bootstrap-datetimepicker-widget table td.new,
.bootstrap-datetimepicker-widget table td.old {
    color: #dee2e6
}

.bootstrap-datetimepicker-widget table td.today {
    position: relative
}

.bootstrap-datetimepicker-widget table td.today:before {
    position: absolute;
    right: 4px;
    bottom: 4px;
    display: inline-block;
    content: '';
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-top-color: rgba(0, 0, 0, .2);
    border-bottom-color: #dee2e6
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    color: rgb(51, 51, 51);
    background-color: #dee2e6;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    cursor: not-allowed;
    color: #dee2e6;
    background: 0 0
}

.bootstrap-datetimepicker-widget table td i,
.bootstrap-datetimepicker-widget table td span {
    line-height: 54px;
    display: inline-block;
    width: 54px;
    height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: .25rem
}

.bootstrap-datetimepicker-widget table td i:hover,
.bootstrap-datetimepicker-widget table td span:hover {
    background: #f8f9fa
}

.bootstrap-datetimepicker-widget table td i.active,
.bootstrap-datetimepicker-widget table td span.active {
    color: rgb(51, 51, 51);
    background-color: #dee2e6;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.bootstrap-datetimepicker-widget table td i.old,
.bootstrap-datetimepicker-widget table td span.old {
    color: #dee2e6
}

.bootstrap-datetimepicker-widget table td i.disabled,
.bootstrap-datetimepicker-widget table td i.disabled:hover,
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    cursor: not-allowed;
    color: #dee2e6;
    background: 0 0
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    line-height: 27px;
    height: 27px
}

.bootstrap-datetimepicker-widget.wider {
    width: 21em
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important
}

.input-group.date .input-group-addon {
    cursor: pointer
}

.sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

/*! jQuery UI - v1.12.1 - 2018-08-31
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.mfp-align-top .mfp-container:before,
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.ui-helper-reset {
    font-size: 100%;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    border: 0;
    outline: 0
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    display: table;
    border-collapse: collapse;
    content: ''
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-top: -.25em;
    vertical-align: middle;
    text-indent: -99999px;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    display: block;
    margin-left: -8px
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-datepicker {
    display: none;
    width: 17em;
    padding: .2em .2em 0
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    margin-top: -8px;
    margin-left: -8px
}

.ui-datepicker .ui-datepicker-title {
    line-height: 1.8em;
    margin: 0 2.3em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    font-size: .9em;
    width: 100%;
    margin: 0 0 .4em;
    border-collapse: collapse
}

.ui-datepicker th {
    font-weight: 700;
    padding: .7em .3em;
    text-align: center;
    border: 0
}

.ui-datepicker td {
    padding: 1px;
    border: 0
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    margin: .7em 0 0;
    padding: 0 .2em;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    background-image: none
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    overflow: visible;
    width: auto;
    margin: .5em .2em .4em;
    padding: .2em .6em .3em;
    cursor: pointer
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-multi .ui-datepicker-group,
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    font-size: 0;
    clear: both;
    width: 100%
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    right: auto;
    left: 2px
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    right: auto;
    left: 1px
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    top: .3em;
    left: .5em;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
    background-repeat: no-repeat
}

.ui-widget,
.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    color: #333;
    border: 1px solid #ddd;
    background: #fff
}

.ui-widget-content a,
.ui-widget-header a {
    color: #333
}

.ui-widget-header {
    font-weight: 700;
    color: #333;
    border: 1px solid #ddd;
    background: #e9e9e9
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    font-weight: 400;
    color: #454545;
    border: 1px solid #c5c5c5;
    background: #f6f6f6
}

.ui-button {
    font-weight: 400;
    border: 1px solid #c5c5c5;
    background: #f6f6f6
}

html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    font-weight: 400;
    color: #454545;
    border: 1px solid #c5c5c5;
    background: #f6f6f6
}

.ui-button,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button {
    text-decoration: none;
    color: #454545
}

.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    font-weight: 400;
    color: #2b2b2b;
    border: 1px solid #ccc;
    background: #ededed
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
a.ui-button:focus,
a.ui-button:hover {
    text-decoration: none;
    color: #2b2b2b
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    font-weight: 400;
    color: #fff;
    border: 1px solid #003eff;
    background: #007fff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    text-decoration: none;
    color: #fff
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    color: #777620;
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    color: #5f3f3f;
    border: 1px solid #f1a899;
    background: #fddfdf
}

.ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error a,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error a,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    font-weight: 400;
    opacity: .7;
    filter: Alpha(Opacity=70)
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    background-image: none;
    filter: Alpha(Opacity=35)
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png)
}

.ui-button:focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_555555_256x240.png)
}

.ui-button:active .ui-icon,
.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png)
}

.ui-button .ui-state-highlight.ui-icon,
.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_777620_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cc0000_256x240.png)
}

.ui-button .ui-icon {
    background-image: url(images/ui-icons_777777_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-first,
.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
    border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
    border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    opacity: .3;
    background: #aaa;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    box-shadow: 0 0 5px #666
}

.mfp-bg {
    position: fixed;
    z-index: 1042;
    overflow: hidden;
    opacity: .8;
    background: #0b0b0b
}

.mfp-bg,
.mfp-container,
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mfp-wrap {
    z-index: 1043;
    outline: 0 !important;
    -webkit-backface-visibility: hidden;
    position: fixed
}

.mfp-container {
    position: absolute;
    box-sizing: border-box;
    padding: 0 8px;
    text-align: center
}

.mfp-container:before,
.mfp-content {
    display: inline-block;
    vertical-align: middle
}

.mfp-container:before {
    height: 100%;
    content: ''
}

.mfp-content {
    position: relative;
    z-index: 1045;
    margin: 0 auto;
    text-align: left
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure,
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    position: absolute;
    z-index: 1044;
    top: 50%;
    right: 8px;
    left: 8px;
    width: auto;
    margin-top: -.8em;
    text-align: center;
    color: #ccc
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

button.mfp-arrow,
button.mfp-close {
    z-index: 1046;
    display: block;
    overflow: visible;
    padding: 0;
    cursor: pointer;
    border: 0;
    outline: 0;
    background: 0 0;
    box-shadow: none;
    -webkit-appearance: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    font-family: Arial, Baskerville, monospace;
    font-size: 28px;
    font-style: normal;
    line-height: 44px;
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0 0 18px 10px;
    text-align: center;
    text-decoration: none;
    opacity: .65;
    color: #fff
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    right: -6px;
    width: 100%;
    padding-right: 6px;
    text-align: right;
    color: #fff
}

.mfp-counter {
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    top: 0;
    right: 0;
    white-space: nowrap;
    color: #ccc
}

.mfp-arrow {
    position: absolute;
    top: 50%;
    width: 90px;
    height: 110px;
    margin: -55px 0 0;
    padding: 0;
    opacity: .65;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    margin-top: 35px;
    margin-left: 35px;
    content: '';
    border: medium inset transparent
}

.mfp-arrow:after {
    top: 8px;
    border-top-width: 13px;
    border-bottom-width: 13px
}

.mfp-arrow:before {
    opacity: .7;
    border-top-width: 21px;
    border-bottom-width: 21px
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    margin-left: 31px;
    border-right: 17px solid #fff
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    margin-left: 39px;
    border-left: 17px solid #fff
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

.mfp-figure:after,
img.mfp-img {
    display: block;
    width: auto;
    height: auto
}

img.mfp-img {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 40px 0
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    position: absolute;
    z-index: -1;
    top: 40px;
    right: 0;
    bottom: 40px;
    left: 0;
    content: '';
    background: #444;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

.mfp-figure small {
    font-size: 12px;
    line-height: 14px;
    display: block;
    color: #bdbdbd
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: -36px;
    cursor: auto
}

.mfp-title {
    line-height: 18px;
    padding-right: 36px;
    text-align: left;
    word-wrap: break-word;
    color: #f3f3f3
}

.mfp-image-holder .mfp-content,
img.mfp-img {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-right: 0;
        padding-left: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        position: fixed;
        top: auto;
        bottom: 0;
        box-sizing: border-box;
        margin: 0;
        padding: 3px 5px;
        background: rgba(0, 0, 0, .6)
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        top: 3px;
        right: 5px
    }

    .mfp-img-mobile .mfp-close {
        line-height: 35px;
        position: fixed;
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        padding: 0;
        text-align: center;
        background: rgba(0, 0, 0, .6)
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-right: 6px;
        padding-left: 6px
    }
}

.owl-carousel,
.owl-carousel .owl-item {
    position: relative;
    -webkit-tap-highlight-color: transparent
}

.owl-carousel {
    z-index: 1;
    display: none;
    width: 100%
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.'
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}

.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden
}

.owl-carousel .owl-item {
    float: left;
    min-height: 1px;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;

    margin: 0px auto;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    display: block;
    opacity: 0
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    transition: opacity .4s ease;
    opacity: 0
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    cursor: pointer;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease;
    background: url(owl.video.play.png) no-repeat;
    -webkit-backface-visibility: hidden
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}

.owl-carousel .owl-video-tn {
    height: 100%;
    transition: opacity .4s ease;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%
}


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

html {
    font-family: sans-serif;
    line-height: 1.15;

    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
    width: device-width;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

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

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');

body {
    font-family: 'Roboto', sans-serif, Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;

    margin: 0;

    text-align: left;

    color: #212529;
    background-color: #fff;
}


[tabindex='-1']:focus {
    outline: 0 !important;
}

hr {
    overflow: visible;

    box-sizing: content-box;
    height: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    text-decoration: underline;
    text-decoration: underline dotted;

    border-bottom: 0;

    -webkit-text-decoration: underline dotted;
}

address {
    font-style: normal;
    line-height: inherit;

    margin-bottom: 1rem;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

dfn {
    font-style: italic;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

a {
    text-decoration: none;

    color: rgb(51, 51, 51);
    background-color: transparent;

    -webkit-text-decoration-skip: objects;
}

a:hover {
    text-decoration: underline;

    color: #0056b3;
}

a:not([href]):not([tabindex]) {
    text-decoration: none;

    color: inherit;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
    text-decoration: none;

    color: inherit;
}

a:not([href]):not([tabindex]):focus {
    outline: 0;
}

pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    font-size: 1em;
}

pre {
    overflow: auto;

    margin-top: 0;
    margin-bottom: 1rem;

    -ms-overflow-style: scrollbar;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;

    border-style: none;
}

svg {
    overflow: hidden;

    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;

    caption-side: bottom;

    text-align: left;

    color: #6c757d;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;

    margin-bottom: .5rem;
}

button {
    border-radius: 0;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;

    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
}

input::-ms-clear {
    display: none;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
    padding: 0;

    border-style: none;
}

input[type='radio'],
input[type='checkbox'] {
    box-sizing: border-box;
    padding: 0;
}

input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
    -webkit-appearance: listbox;
}

textarea {
    overflow: auto;

    resize: vertical;
}

fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;

    border: 0;
}

legend {
    font-size: 1.5rem;
    line-height: inherit;

    display: block;

    width: 100%;
    max-width: 100%;
    margin-bottom: .5rem;
    padding: 0;

    white-space: normal;

    color: inherit;
}

progress {
    vertical-align: baseline;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
    height: auto;
}

[type='search'] {
    outline-offset: -2px;

    -webkit-appearance: none;
}

[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;

    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;

    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

/* Ion.CheckRadio, Skin Base
// Version 2.0.0
//
// © Denis Ineshin, 2015
// https://github.com/IonDen
// ===================================================================================================================*/
.icr-label {
    position: relative;

    display: inline-block;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.icr-hidden {
    position: absolute;
    top: 0;
    left: 0;

    display: block;
    overflow: hidden;

    width: 0;
    height: 0;
}

.icr-input {
    position: absolute;
    top: -20px;
    left: -20px;

    display: block;

    cursor: pointer;
}

.icr-text {
    font-size: 12px;

    display: inline;

    padding-left: 5px;

    cursor: pointer;
    vertical-align: middle;

    color: #333;
}

.icr-item {
    position: relative;

    display: inline-block;

    vertical-align: middle;
}

/* Sprite positions */
.icr-label .type_checkbox {
    background-position: 0 0;
}

.icr-label .type_radio {
    background-position: 0 -50px;
}

.icr-label:hover .type_checkbox {
    background-position: -50px 0;
}

.icr-label:hover .type_radio {
    background-position: -50px -50px;
}

.icr-label.checked .type_checkbox {
    background-position: -150px 0;
}

.icr-label.checked .type_radio {
    background-position: -150px -50px;
}

.icr-label.checked:hover .type_checkbox {
    background-position: -150px 0;
}

.icr-label.checked:hover .type_radio {
    background-position: -150px -50px;
}

.icr-label.disabled {
    opacity: .5;
}

.lt-ie9 .icr-label.disabled {
    filter: alpha(opacity=50);
}

.icr-label.disabled .type_checkbox {
    background-position: 0 0 !important;
}

.icr-label.disabled .type_radio {
    background-position: 0 -50px !important;
}

.icr-label.checked.disabled .type_checkbox {
    background-position: -100px 0 !important;
}

.icr-label.checked.disabled .type_radio {
    background-position: -100px -50px !important;
}

/* Ion.CheckRadio, Cloudy Skin
// Version 2.0.0
//
// © Denis Ineshin, 2015
// https://github.com/IonDen
// ===================================================================================================================*/
.icr-label {
    margin: 0 5px 5px 0;
    padding-right: 2px;
}

.icr-item {
    position: relative;
    top: -1px;

    width: 16px;
    height: 16px;

    cursor: pointer;

    background: url('../img/design/ico/check.png') no-repeat;
}

.icr-label.disabled {
    opacity: .4;
}

.vacancy-city {
    font-family: "Roboto Light", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;

    position: relative;

    width: 100%;
    min-height: 1px;
    margin-bottom: 13px;
    padding-right: 15px;
    padding-left: 19px;

    color: #333;
}

.vacancy-city a {
    text-decoration: underline !important;

    color: #038057;
    transition: all .25s;
}

.vacancy-city a:hover {
    text-decoration-color: transparent !important;
}

.vacancy-specifications {
    position: relative;

    width: 100%;
    max-width: 100%;
    min-height: 1px;
    margin: 35px 0 26px;
    padding-right: 15px;
    padding-left: 15px;

    flex: 0 0 100%;
}

.vacancy-specifications table {
    font-size: 16px;
    line-height: 20px;

    color: #333;
}

.vacancy-specifications table tr th {
    font-weight: 300;

    padding-right: 60px;
}

.vacancy-specifications table tr td {
    font-weight: 500;
}

.vacancy-list {
    position: relative;

    width: 100%;
    max-width: 75%;
    min-height: 1px;
    margin: 20px 0 19px;
    padding-right: 15px;
    padding-left: 15px;

    flex: 0 0 75%;
}

@media (max-width: 991.98px) {
    .vacancy-list {
        max-width: 100%;
        flex: 1 100%;
    }
}

.vacancy-list li {
    position: relative;
    font-size: 16px;
    line-height: 27px;
    color: #333333;
    font-family: "Roboto", sans-serif;
    padding-left: 16px;
}

.vacancy-list li::after {
    position: absolute;
    left: 0;
    top: 13px;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #008e62;
}

.vacancy-list p {
    font-size: 16px;
    line-height: 23px;
    color: #4f4f4f;
    font-family: "Roboto", sans-serif;
}

.vacancy-list p b {
    font-size: 16px;
    line-height: 23px;
    color: #4f4f4f;
    font-family: "Roboto Medium", sans-serif;
}

.vacancy-list__title {
    font-size: 25px;
    font-weight: 500;
    line-height: normal;

    margin-bottom: 15px;

    color: #000;
}

.vacancy-list__list {
    margin: 0;
    padding: 0;

    list-style: none;
}

.vacancy-list__list li {
    font-size: 16px;
    line-height: 1.3;

    position: relative;

    margin-bottom: 15px;
    padding-left: 16px;

    color: #333;
}

.vacancy-list__list li:last-of-type {
    margin-bottom: 0;
}

.vacancy-list__list li:before {
    position: absolute;
    top: 5px;
    left: 0;

    display: block;

    width: 6px;
    height: 6px;

    content: '';

    border-radius: 50%;
    background: #038057;
}

.vacancy-all {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-height: 1px;
    margin-top: 27px;
    margin-bottom: 0;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
    flex: 0 0 100%;
}

.vacancy-all a {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #038057;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

.vacancy-all a:hover {
    text-decoration: none;
}

.vacancy-form-wrap {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 100%;

}

.vacancy-form-fullwidth .vacancy-form-wrap {
    min-width: 1170px;
}

@media (max-width: 1199px) {
    .vacancy-form-fullwidth .vacancy-form-wrap {
        min-width: 930px;
    }
}

@media (max-width: 991px) {
    .vacancy-form-fullwidth .vacancy-form-wrap {
        min-width: 720px;
    }
}

@media (max-width: 767px) {
    .vacancy-form-fullwidth .vacancy-form-wrap {
        min-width: 540px;
    }
}

@media (max-width: 767px) {
    .vacancy-form-fullwidth .vacancy-form-wrap {
        min-width: inherit;
    }
}

.vacancy-form-wrap .vacancy-form__agree {
    margin-left: auto;
    margin-right: auto;
}

.vacancy-form {
    padding: 48px 0 45px;
    text-align: center;
    background: #fff;
    box-shadow: 1px 3px 29px rgba(0, 0, 0, .2);
}

.vacancy-form__title {
    font-size: 20px;
    font-weight: 500;

    margin-bottom: 17px;

    color: #000;
}

.vacancy-form__description {
    font-size: 16px;
    line-height: 34px;

    margin-bottom: 35px;

    color: #333;
}

@media (max-width: 767px) {
    .vacancy-form__description {
        line-height: 1.2;
        padding: 0 20px;
    }

    .input-file-container {
        margin: 0 auto;
    }

    .vacancy-list li {
        line-height: 23px;
        margin-bottom: 10px;
    }

    .vacancy-list li::after {
        top: 9px;
    }

    .vacancy .page-header h1 {
        font-size: 29px;
    }

    .vacancy-form__agree {
        padding: 0 30px;

    }

    .vacancy-form__agree label::before {
        left: 0;
    }

    .vacancy-form__agree label::after {
        left: 0;
    }
}

.vacancy-form__form {
    display: block;
    max-width: 750px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto 32px;
}

.vacancy-form__form::after {
    display: block;
    clear: both;

    content: '';
}

@media (max-width: 991px) {
    .vacancy-form__form {
        width: auto;
        padding: 0 15px;
    }
}

@media (max-width: 767px) {
    .vacancy-form__agree {
        max-width: 255px;
        margin: 0 auto 15px;
    }

    .vacancy-form__agree .form-vacancy__text {
        margin-top: 0;
    }

    .vacancy-form__form .vacancy-form__resume {
        display: block;
    }

    .vacancy-form__form .vacancy-form__resume .input-file-container {
        display: block;
        width: 185px;
        margin: 0 auto 10px;
    }

    .vacancy-form__form .vacancy-form__resume .input-file-container span {
        margin-left: 0;
        display: block;
        text-align: center;
        padding: 0 0 10px 0;
    }

    .vacancy-form__form .vacancy-form__resume .input-file-container a {
        margin-left: 0;
    }

    .vacancy-form__agree {
        text-align: left;
        padding: 0 0;
    }

    .vacancy-form__agree span {
        display: inline-block;
        text-align: left;
        width: auto;
    }
}

.vacancy-form__agree {
    margin-bottom: 27px;
    margin-top: 15px;
}

.vacancy-form__agree label {
    position: relative;
    font-size: 16px;
    color: #333333;
    font-family: "Roboto", sans-serif;
    cursor: pointer;
    font-weight: 400;
    margin-left: 0;
    padding-left: 25px;
}

.vacancy-form__agree label a {
    color: #008e62;
    text-decoration: underline !important;
    transition: all .25s;
}

.vacancy-form__agree label a:hover {
    color: #008e62;
    text-decoration-color: transparent !important;
}

.vacancy-form__agree label::after {
    position: absolute;
    left: 0;
    top: 11px;
    content: '';
    width: 16px;
    height: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    background: #fff;
    background-image: url(/images/checkbox-checked.svg);
    box-sizing: border-box;
    transition: all .25s;
    opacity: 0;
}

.vacancy-form__agree label.active::after {
    opacity: 1;
}

.vacancy-form__agree label::before {
    position: absolute;
    left: 0;
    top: 11px;
    content: '';
    width: 16px;
    height: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 2px solid #e8e8e8;
    background: #fff;
    box-sizing: border-box;
    transition: all .25s;
}

.vacancy-form__btn {
    text-align: center;
}

.vacancy-form__btn input {
    width: 147px;
    height: 37px;
    line-height: 37px;
    background-color: #008e62;
    box-shadow: 0.6px 2.9px 29px rgba(46, 46, 46, 0.22);
    cursor: pointer;
    border-radius: 3px;
    font-size: 16px;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    transition: all .25s;
}

.vacancy-form__btn input:hover {
    background-color: #09A675;
}

.vacancy-form__btn button {
    font-size: 16px;
    line-height: 37px;

    padding: 0 32px;

    transition: .3s;
    text-align: center;

    color: #fff;
    border-radius: 3px;
    background: #008e62;
    box-shadow: .6px 2.9px 29px rgba(46, 46, 46, .22);
}

.vacancy-form__btn button:hover {
    cursor: pointer;

    background: #09a675;
}

.vacancy-form__phone {
    float: left;

    width: 262px;

    text-align: left;
}

@media (max-width: 991px) {
    .vacancy-form__phone {
        float: none;

        margin: 0 auto 30px;
    }
}


.vacancy-form__phone input {
    font-family: "Roboto Light", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 34px;
    width: 100%;
    color: #4a4a4a;
    border-bottom: 1px solid #c4c4c4;
    height: 36px;
    display: block;
}

.vacancy-form__resume {
    float: left;
    padding-left: 30px;
    text-align: left;
}

@media (max-width: 991px) {
    .vacancy-form__resume {
        float: none;

        padding-left: 120px;
    }
}

@media (max-width: 767px) {
    .vacancy-form__resume {
        padding-left: 0;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
}

.vacancy-form__resume-title {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    display: inline-block;
    margin-right: 30px;
    padding-top: 4px;
    vertical-align: top;
    color: #4a4a4a;
}

.deals-and-articles.catalog-page {
    margin-bottom: 0;
    margin-top: 60px;
}

.deals-and-articles {
    margin-bottom: 25px;
}

/*about-pharmacies-content*/
.about-pharmacies-content .page-header {
    padding-left: 0;
}

.about-pharmacies-content .page-header__subtitle {
    font-size: 25px;
    margin-bottom: 10px;
    font-family: 'Roboto Medium', sans-serif;
}

.about-pharmacies-content .about-pharmacies-content__block:last-child {
    margin-bottom: 0;
}

.about-pharmacies-content__block {
    margin-bottom: 40px;
}

.about-pharmacies-content__subtitle {
    font-family: 'Roboto Medium', sans-serif;
    font-size: 30px;

    margin-bottom: 15px;
}

.about-pharmacies-content__subtitle.small {
    font-size: 20px;
}

.page-header .about-network-title {
    margin-top: 11px;
    margin-bottom: 28px;
}

.about-pharmacy-par {
    padding-bottom: 20px;
}

.about-pharmacies-content__fulldescr {
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;

    width: 100%;
}

.about-pharmacies-content__descr {
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;

    float: left;

    width: 100%;
}

@media (max-width: 767.98px) {
    .about-pharmacies-content__descr {
        display: flex;
        float: none;

        width: 100%;
        height: auto;
    }
}

.about-pharmacies-content__img {
    float: right;

    width: 45%;
}

.about-pharmacies-content__img path {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.about-pharmacies-content__img img {
    display: inline-block;
    float: right;
    max-width: 100%;
    height: auto;
}

@media (max-width: 767.98px) {
    .about-pharmacies-content__img img {
        display: flex;
        float: none;
        flex-direction: row;

        max-width: 100%;
        height: auto;
        max-height: 200px;

        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 767.98px) {
    .about-pharmacies-content__img {
        display: flex;
        float: none;
        flex-direction: row;

        width: 100%;
        height: auto;

        justify-content: center;
        align-items: center;
    }
}

.about-pharmacies-content__img svg {
    display: block;

    width: 165%;
    margin-top: -30px;
}

@media (max-width: 767.98px) {
    .about-pharmacies-content__img svg {
        max-width: 80%;
        height: 80%;
        margin: 0 auto;
    }
}

.area-maps {
    width: 80%;
    margin: 35px 0;
}

@media (max-width: 1199.98px) {
    .area-maps {
        width: 100%;
    }
}

.area-maps__current {
    font-family: 'Roboto Medium', sans-serif;
    font-size: 20px;

    margin-top: 40px;
}

.area-maps__menu {
    min-height: 330px;
    padding: 0;

    list-style-position: inside;
    list-style-type: none;

    -webkit-column-count: 2;
    column-count: 2;
}

.area-maps__list {
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;
    line-height: 34px;

    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .area-maps__list {
        font-size: 13px;
    }
}

.time-line {
    width: 100%;
    margin: 20px 0;

    text-align: center;

    color: #c4c4c4;
    border-radius: 40px;

    align-items: center;
}

.time-line img {
    max-width: 100%;
}

/*Cart page*/
input:focus,
button:focus {
    outline: none;
}

button:hover {
    cursor: pointer;
}

body.cart-body {
    padding-bottom: 180px;
}

.cart-body .header-center {
    padding-top: 25px !important;
    padding-bottom: 95px !important;
}

@media (max-width: 991.98px) {
    body.cart-body {
        padding-bottom: 0;
    }
}

.cart {
    width: 100%;
    height: 100%;
}

@media (max-width: 991.98px) {
    .cart {
        position: relative;

        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-right: 15px;
        padding-left: 15px;
        padding-left: 15px;
    }
}

.cart .page-header {
    margin-bottom: 0;
    padding-right: 23px;
    padding-left: 15px;
}

@media (max-width: 991.98px) {
    .cart .page-header {
        position: relative;

        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-right: 15px;
        padding-left: 15px;
        padding-left: 15px;
    }
}

.scroll-container {
    height: 100%;
    margin-bottom: 60px;
}

.page-header__title {
    margin-bottom: 30px;
}

.page-header__message {
    font-size: 14px;
    line-height: 20px;

    width: 100%;
    padding: 12px 27px;

    text-align: center;

    color: #fff;
    border-radius: 4px;
    background-color: #ce0c36;
}

.page-header__message p {
    margin: 0;
}

a.show-more {
    font-family: 'MuseoSansLight', sans-serif;
    font-size: 12px;

    position: relative;

    display: inline-block;

    cursor: pointer;
    transition: border .2s ease;
    text-decoration: none;

    color: #038057;
    border-bottom: 1px dashed #038057;
}

a.show-more:hover {
    border-bottom: 1px dashed transparent;
}

.question {
    z-index: 1;

    display: flex;
    overflow: hidden;

    width: 16px;
    height: 16px;
    margin: 0 30px 0 -1px;

    text-align: center;
    text-decoration: none;

    border-radius: 50%;
    background-color: #fff;
    background-image: url('../img/design/ico/question.svg');
    background-position: center;
    background-size: cover;

    align-items: center;
    justify-content: center;
}

.question:hover {
    cursor: pointer;
}

/*cart*/
@media screen and (max-width: 470px) {
    body .mCSB_inside>.mCSB_container {
        margin-right: 10px !important;
    }
}

/*How-ORder*/
.how-order-content {
    padding-bottom: 0;
}

.how-order-content>.row .advantages:nth-child(3) {
    margin-bottom: 0;
}

.how-order-content>.row .advantages:nth-child(4) {
    margin-bottom: 0;
}

/*.how-order-content .no-gutters > div{
    margin-bottom: 0;
}*/
.how-order-content .page-header {
    margin-bottom: 8px;
    padding-left: 0;
}

.how-order-content .page-header__subtitle {
    font-family: 'Roboto Light';
    font-size: 16px;
    line-height: 19px;

    color: #333;
}

.stage {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 35px;
    margin-bottom: 60px;
    padding: 0 5px;
}

.stage:after {
    content: "";
    display: table;
    clear: both;
    width: 100%;

}

@media (max-width: 991px) {
    .stage {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding: 0;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.stage-item {
    display: block;
    width: 25%;
    float: left;
}

@media (max-width: 1199px) {
    .stage-item {
        position: relative;
        width: 100%;
        width: 50%;
        min-height: 1px;
        padding: 0;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.stage-item:last-child .stage-item__step:after {
    display: none;
}

.stage-item__step {
    font-family: 'Roboto Black', sans-serif;
    font-size: 32px;
    position: relative;
    display: block;
    text-align: center;
    width: 55px;
    height: 55px;
    color: #038057;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 5px 8px rgba(135, 135, 135, .2);
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    margin-left: auto;
    margin-right: auto;
}

.stage-item__icon {
    text-align: center;
}

.stage-item__step:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 85px;
    height: 22px;
    content: '';
    background-image: url('../img/design/ico/right-arrow-big.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: -10px 0 0 42px;
}

@media (max-width: 1199px) {
    .stage-item__step:after {
        position: relative;
        display: none;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.stage-item__step-first {
    margin-bottom: 20px;
    opacity: .4;
}

.stage-item__step-second {
    margin-bottom: 20px;
    opacity: .6;
}

.stage-item__step-third {
    margin-bottom: 20px;
    opacity: .8;
}

.stage-item__step-fourth {
    margin-bottom: 20px;
    opacity: 1;
}

.stage-item__desc-first {
    margin-top: 20px;
}

.stage-item__desc-second {
    margin-top: 20px;
}

.stage-item__desc-second i {
    font-style: normal;
    white-space: normal;
}

.stage-item__desc-third {
    margin-top: 20px;
    padding: 0 40px;
}

.stage-item__desc-fourth {
    margin-top: 20px;
    padding: 0 40px;
}

.stage-item__desc {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    color: #333;
    padding-right: 15px;
}

@media (max-width: 1199px) {
    .stage-item {
        position: relative;
        width: 50%;
        min-height: 1px;
        padding: 0;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.section-title {
    font-family: 'Roboto Medium', sans-serif;
    font-size: 30px;
    margin-bottom: 38px;
    text-align: left;
    color: #000;
}

.detail-block {
    position: relative;
    width: 623px;
    margin-bottom: 55px;
    border: 1px solid #dadada;
    border-radius: 6px;
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, .25);
    overflow: hidden;
}

@media (max-width: 1199px) {
    .detail-block {
        position: relative;
        width: 100%;
        max-width: 100%;
        min-height: 1px;
        padding: 0;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.detail-block:last-child {
    margin-bottom: 60px;
}

.stage-num {
    font-family: 'Roboto Black', sans-serif;
    font-size: 32px;
    position: absolute;
    top: -24px;
    left: -31px;
    display: flex;
    width: 55px;
    height: 55px;
    color: #038057;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 5px 8px rgba(135, 135, 135, .2);
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    justify-content: center;
    align-items: center;
}

.circle-border {
    position: absolute;
    top: 78px;
    right: 13%;

    width: 200px;
    height: 200px;

    border: 3px solid #fdcf00;
    border-radius: 50%;
}

.detail-info {
    width: 220px;
    padding-left: 15px;
}

@media (max-width: 1199.98px) {
    .detail-info {
        position: relative;

        width: 100%;
        max-width: 100%;
        max-width: 100%;
        min-height: 1px;
        padding: 0;
        padding-right: 15px;
        padding-left: 15px;

        flex: 0 0 100%;
        padding-bottom: 40px;
    }

    .detail-block,
    .detail-block:last-child {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .detail-block {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

.detail-info__title {
    font-family: 'Roboto Medium', sans-serif;
    font-size: 18px;
    line-height: 21px;

    margin-top: 5px;
    margin-bottom: 15px;

    color: #333;
}

.detail-info__descr {
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;
    line-height: 19px;

    color: #4f4f4f;
}

.block-phone-order__imgwr {
    position: absolute;
    top: 0;
    left: 0;

    width: 67px;
    height: 94px;
}

.block-phone-order {
    position: relative;

    margin-bottom: 58px;
}

.block-phone-order__image {
    position: absolute;
    top: -10px;

    width: 67px;
    height: 94px;
}

.block-phone-order__descr {
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;
    line-height: 23px;

    padding-left: 100px;

    text-align: left;

    color: #333;
}

.block-phone-order__descr em {
    font-family: 'Roboto Medium', sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 23px;

    color: #333;
}

.block-phone-order__link {
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;
    line-height: 23px;

    text-decoration: none;

    color: #038057;
}

.pharm-internet {
    position: relative;

    margin-bottom: 55px;
}

.pharm-internet__descr {
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;
    line-height: 23px;

    color: #333;
}

.pharm-internet__link {
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;
    line-height: 23px;

    text-decoration: none;

    color: #038057;
}

.advantages {
    margin-bottom: 25px;
}

.advantages__image {
    position: absolute;

    display: block;

    max-width: 100%;
    margin-left: 15px;
}

.advantages__text {
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;
    line-height: 19px;

    padding-left: 76px;

    color: #333;
}

.advantages__title {
    font-family: 'Roboto Medium', sans-serif;
    font-size: 18px;
    line-height: 21px;

    color: #333;
}

.advantages-imgwr {
    position: absolute;
    top: 0;
    left: 0;

    display: inline-block;

    width: 56px;
    height: 56px;
}

/*end How-ORder*/
.page-header__descr {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 16px;
    line-height: 23px;

    text-align: left;

    color: #333;
}

/*sale*/
.sale-content {
    padding-top: 15px;
}

.sale-top-panel {
    display: flex;

    margin-bottom: 5px;
    margin-left: 73px;

    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

@media (max-width: 991.98px) {
    .sale-top-panel {
        margin-left: 0;
    }
}

.tab-filter {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 19px;

    position: relative;

    height: 19px;
    margin: 0 3px 5px;
    padding: 0 15px 0 25px;

    color: #333;
    border-radius: 20px;
    background: #f2f2f2;
}

.tab-filter .closeTab {
    position: absolute;
    top: 50%;
    left: 2px;
    width: 17px;
    height: 17px;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #fff;
    background-image: url('../img/design/ico/clse.svg');
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
}

.nav-men {
    display: block;
}

@media (max-width: 1199.98px) {
    .nav-men {
        position: fixed;
        z-index: 10000;
        top: 0;
        left: 0;

        visibility: hidden;

        width: 300px;
        height: 100%;
        padding-top: 100px;

        transition: all .5s;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);

        background-color: #fff;

        align-items: center;
    }
}

.nav-men.nav-men-active {
    visibility: visible;

    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.toggle-button {
    position: fixed;
    z-index: 10000;
    top: 30%;
    left: 0;

    display: none;

    padding: 10px 15px 10px 20px;

    cursor: pointer;

    border-radius: 0 10px 10px 0;
    background-color: #ccc;

    align-items: center;
    justify-content: center;
}

.toggle-button i {
    font-size: 20px;

    color: #fff;
}

@media (max-width: 1199.98px) {
    .toggle-button {
        display: flex;
    }
}

.btn--close {
    display: none;
    float: right;

    width: 30px;
    height: 30px;

    background: url('../img/design/ico/btn-close.svg') no-repeat;
    background-size: cover;
}

@media (max-width: 1199.98px) {
    .btn--close {
        display: block;
    }
}

#reviewStars-input input:checked~label,
#reviewStars-input label,
#reviewStars-input label:hover,
#reviewStars-input label:hover~label {
    background: url('../img/design/ico/star.png') no-repeat;
    background-position: -21px 0;
}

#reviewStars-input {
    /*end of fix floating problems*/
    position: relative;

    float: left;
    /*fix floating problems*/
    overflow: hidden;

    *zoom: 1;
}

#reviewStars-input input {
    position: absolute;
    z-index: 0;
    top: 0;

    width: 15px;
    height: 14px;

    opacity: 0;
}

#reviewStars-input input:checked~label {
    width: 15px;
    height: 14px;

    background-position: 0 0;
}

#reviewStars-input label {
    position: relative;
    z-index: 1;

    float: right;

    width: 15px;
    height: 14px;
    margin-right: 8px;

    cursor: pointer;

    background-position: -21px 0;
}

#reviewStars-input label:hover,
#reviewStars-input label:hover~label {
    width: 15px;
    height: 14px;

    background-position: 0 0;
}

#reviewStars-input .star-0 {
    left: 0;
}

#reviewStars-input .star-1 {
    left: 16px;
}

#reviewStars-input .star-2 {
    left: 32px;
}

#reviewStars-input .star-3 {
    left: 48px;
}

#reviewStars-input .star-4 {
    left: 64px;
}

/*end sale*/
/*Emergency-pharm*/
.section-title {
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    font-weight: 500;

    margin-top: 15px;
    margin-bottom: 20px;

    color: #333;
}

.block-title {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 300;

    margin-bottom: 20px;
    padding-bottom: 10px;

    color: #333;
    border-bottom: 1px solid #4f4f4f;
}

.block-big-title {
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    font-weight: 500;

    margin: 32px 0 60px;

    color: #000;
}

.links {
    padding: 60px 0;

    border: 1px dashed #ff561f;
}

.links ul {
    width: 250px;
}

.links ul li a {
    font-size: 16px;

    transition: .3s;
}

.links ul li a:hover {
    text-decoration: underline;

    color: #008e62;
}

/*! jQuery UI - v1.12.1 - 2018-08-31
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute;

    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.ui-helper-reset {
    font-size: 100%;
    line-height: 1.3;

    margin: 0;
    padding: 0;

    list-style: none;

    text-decoration: none;

    border: 0;
    outline: 0;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    display: table;

    border-collapse: collapse;

    content: '';
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 0;

    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}

.ui-icon {
    position: relative;

    display: inline-block;
    overflow: hidden;

    margin-top: -.25em;

    vertical-align: middle;
    text-indent: -99999px;

    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;

    display: block;

    margin-left: -8px;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.ui-datepicker {
    display: none;

    width: 17em;
    padding: .2em .2em 0;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;

    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;

    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    margin-top: -8px;
    margin-left: -8px;
}

.ui-datepicker .ui-datepicker-title {
    line-height: 1.8em;

    margin: 0 2.3em;

    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;

    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    font-size: .9em;

    width: 100%;
    margin: 0 0 .4em;

    border-collapse: collapse;
}

.ui-datepicker th {
    font-weight: bold;

    padding: .7em .3em;

    text-align: center;

    border: 0;
}

.ui-datepicker td {
    padding: 1px;

    border: 0;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;

    padding: .2em;

    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    margin: .7em 0 0 0;
    padding: 0 .2em;

    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    background-image: none;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    overflow: visible;

    width: auto;
    margin: .5em .2em .4em;
    padding: .2em .6em .3em .6em;

    cursor: pointer;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    font-size: 0;

    clear: both;

    width: 100%;
}

.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    right: auto;
    left: 2px;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    right: auto;
    left: 1px;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-datepicker .ui-icon {
    top: .3em;
    left: .5em;

    display: block;
    overflow: hidden;

    text-indent: -99999px;

    background-repeat: no-repeat;
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    color: #333;
    border: 1px solid #ddd;
    background: #fff;
}

.ui-widget-content a {
    color: #333;
}

.ui-widget-header {
    font-weight: bold;

    color: #333;
    border: 1px solid #ddd;
    background: #e9e9e9;
}

.ui-widget-header a {
    color: #333;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    font-weight: normal;

    color: #454545;
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    text-decoration: none;

    color: #454545;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    font-weight: normal;

    color: #2b2b2b;
    border: 1px solid #ccc;
    background: #ededed;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    text-decoration: none;

    color: #2b2b2b;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    font-weight: normal;

    color: #fff;
    border: 1px solid #003eff;
    background: #007fff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    text-decoration: none;

    color: #fff;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    color: #777620;
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    color: #5f3f3f;
    border: 1px solid #f1a899;
    background: #fddfdf;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    font-weight: normal;

    opacity: .7;

    filter: Alpha(Opacity=70);
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    background-image: none;

    filter: Alpha(Opacity=35);
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
}

.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url('images/ui-icons_444444_256x240.png');
}

.ui-widget-header .ui-icon {
    background-image: url('images/ui-icons_444444_256x240.png');
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url('images/ui-icons_555555_256x240.png');
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url('images/ui-icons_ffffff_256x240.png');
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url('images/ui-icons_777620_256x240.png');
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url('images/ui-icons_cc0000_256x240.png');
}

.ui-button .ui-icon {
    background-image: url('images/ui-icons_777777_256x240.png');
}

.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
    opacity: .3;
    background: #aaa;

    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    box-shadow: 0 0 5px #666;
}

.menu-catalog-btn__ico span:last-of-type {
    margin-bottom: 0;
}


.subscribe__title {
    font-size: 25px;
    font-weight: 300;
    line-height: 34px;

    position: relative;

    width: 100%;
    max-width: 41.66667%;
    min-height: 1px;
    padding-top: 35px;
    padding-right: 15px;
    padding-left: 15px;

    color: #fff;

    flex: 0 0 41.66667%;
}

@media (max-width: 1199.98px) {
    .subscribe__title {
        max-width: 50%;

        flex: 0 0 50%;
    }

    .success-modal {
        margin-top: 39px;
    }
}

@media (max-width: 991.98px) {
    .subscribe__title {
        max-width: 100%;

        text-align: center;

        flex: 0 0 100%;
    }

    .success-modal {
        margin: 0 auto;
        margin-top: 39px;
    }
}

@media (max-width: 767.98px) {
    .subscribe__title {
        font-size: 22px;
    }
}

.subscribe__title b {
    font-size: 28px;
    font-weight: 700;

    display: block;

    color: #fff;
}

@media (max-width: 767.98px) {
    .subscribe__title b {
        font-size: 26px;
    }
}

.subscribe__ico {
    position: relative;

    width: 100%;
    max-width: 25%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;

    flex: 0 0 25%;
}

.success-modal {
    background: #E8E8E8;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    display: block;
    height: 36px;
    padding: 7px 0px;
    font-size: 14px;
    color: #333333;
    width: 192px;
    text-align: center;
    border-radius: 4px;
    align-self: center;
}

.success-modal-block {
    color: #008e62;
    text-align: center;
    font-size: 16px;
    line-height: 29px;
    font-weight: 400;
    border: 1px solid #d8d8d8;
    padding: 25px 20px;
    /*background: #eee;*/
}

.success-modal-block div {
    margin-bottom: 10px;
}

.success-modal-block div:last-child {
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    .subscribe__ico {
        display: none;
    }
}

.subscribe__ico img {
    position: relative;
    left: -92px;

    margin-top: 16px;
}

.subscribe__ico-mobile {
    display: none;

    text-align: center;
}

@media (max-width: 991px) {
    .subscribe-form__check {
        text-align: left !important;
    }

    .subscribe__ico-mobile {
        position: relative;

        display: block;

        width: 100%;
        max-width: 100%;
        min-height: 1px;
        margin-top: 45px;
        padding-right: 15px;
        padding-left: 15px;

        flex: 0 0 100%;
    }
}

@media (max-width: 480px) {
    .subscribe-form__check label {
        font-size: 12px !important;
    }
}

.subscribe__ico-mobile img {
    margin: auto;
}

.subscribe__form {
    position: relative;

    width: 100%;
    max-width: 33.33333%;
    min-height: 1px;
    padding-top: 50px;
    padding-right: 15px;
    padding-left: 15px;

    flex: 0 0 33.33333%;
}

@media (max-width: 1199.98px) {
    .subscribe__form {
        max-width: 50%;

        flex: 0 0 50%;
    }
}

@media (max-width: 991.98px) {
    .subscribe__form {
        max-width: 100%;

        flex: 0 0 100%;
    }
}

@media (max-width: 991.98px) {
    .subscribe__form {
        padding-top: 32px;
    }
}

.subscribe-form {
    position: relative;

    height: 55px;
    margin-left: -40px;

    border-radius: 4px;
    background: #fff;
    box-shadow: 2.5px 11.7px 46px rgba(46, 46, 46, .03);
}

@media (max-width: 991.98px) {
    .subscribe-form {
        margin-left: 0;
    }
}

.subscribe-form__input {
    position: relative;

    width: 100%;
    height: 100%;
}

.subscribe-form__input:before {
    content: '';
    position: absolute;
    top: 16px;
    left: 22px;
    background: url('../img/design/ico/subscribe-mail.svg') center center no-repeat;
    -webkit-background-size: 14px auto;
    background-size: 14px auto;
    width: 14px;
    height: 24px;
}

.subscribe-form__input input {
    font-size: 13px;
    line-height: 55px;
    width: 100%;
    height: 100%;
    padding-right: 150px;
    padding-left: 50px;
    margin-top: 0 !important;
    background: transparent;
    color: #959595;
}

.subscribe-form__input input.api_field_error {
    border: 2px solid #d00934;
}

.subscribe-form__check {
    text-align: left;
    margin-top: 13px;
    padding-right: 3px;
}

.subscribe-form__check input {
    display: none;
}

.subscribe-form__check label {
    position: relative;
    font-size: 12px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    padding-left: 25px;
    cursor: pointer;
}

.subscribe-form__check label:after {
    position: absolute;
    left: 0;
    top: -2px;
    content: '';
    width: 20px;
    height: 20px;
}

.subscribe-form__check label.active::after {
    background: url(../img/checkbox-hover.svg) no-repeat center center;
}

.subscribe-form__check label::after {
    background: url(../img/checkbox.svg) no-repeat center center;
}

.subscribe-form__btn {
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 0;
    width: 133px;
    height: 100%;
    cursor: pointer;
    transition: .3s;
    color: #fff;
    border-radius: 0 4px 4px 0;
    background: #d00934;
}

.subscribe-form__btn:hover {
    background: rgba(208, 9, 52, .82);
}

@media (max-width: 480px) {
    .subscribe__title {
        padding-top: 29px;
    }

    .subscribe__form {
        padding-top: 22px;
    }

    .subscribe-form__input input {
        padding-left: 40px;
        padding-right: 113px;
    }

    .subscribe-form__input:before {
        left: 15px;
    }

    .subscribe-form__btn {
        width: 115px;
    }
}

.why-buy-online br {
    display: none;
}

.why-buy-online-item br {
    display: block;
}

@media (max-width: 375px) {
    .why-buy-online-item br {
        display: none;
    }
}

.breadcrumbs ul li:last-of-type {
    margin-right: 0;
}

.breadcrumbs ul li:last-of-type:after {
    display: none;
}

.deals-item__img {
    position: absolute;
    right: 15px;
    bottom: 15px;
}





.about-pharmacies-nav__title {
    font-family: 'Roboto Medium', sans-serif;
    font-size: 25px;

    display: flex;

    width: 100%;
    padding-bottom: 17px;

    text-align: left;

    color: #333;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 8px;
}

@media (max-width: 1199.98px) {
    .about-pharmacies-nav__title {
        font-size: 15px;
        line-height: 40px;

        margin-bottom: 6px;
        padding: 0 20px;

        cursor: pointer;

        background: #f3f3f3;
    }

    .about-pharmacies-nav__title:after {
        position: absolute;
        top: -2px;
        right: 30px;

        content: url('../img/design/ico/arrow-down.svg');
        transition: .3s;
    }
}

@media (max-width: 1199.98px) {
    .about-pharmacies-nav__title.active:after {
        top: 2px;

        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@media (max-width: 1199.98px) {
    .about-pharmacies-nav__list {
        overflow: hidden;

        max-height: 0;

        transition: .5s;
    }
}

.about-pharmacies-nav__list ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

@media (max-width: 1199.98px) {
    .about-pharmacies-nav__list ul {
        padding-left: 30px;
    }
}

.about-pharmacies-nav__list ul li {
    padding: 6px 0;
}

.about-pharmacies-nav__list ul li a {
    font-size: 14px;
    line-height: 1.4;

    transition: .3s;

    color: #676767;
}

.about-pharmacies-nav__list ul li a:hover {
    text-decoration: none;

    color: #008e62;
}

.about-pharmacies-nav__menu {
    margin-top: 13px;
    padding: 0;

    list-style-type: none;
}

.about-pharmacies-nav__list {
    display: flex;
    width: 100%;
    color: #333;
    align-items: center;
}

.about-pharmacies-nav__list:hover {
    color: #038057;
}

.about-pharmacies-nav__list.active {
    color: #038057;
}

.about-pharmacies-nav__link {
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;
    line-height: 34px;
    display: block;
    width: 100%;
}

/*.internet-pharmacies-nav*/
.internet-pharmacies-nav__title {
    font-family: 'Roboto Medium', sans-serif;
    margin-top: 11px;
    font-size: 25px;
    display: flex;
    width: 100%;
    padding-bottom: 15px;
    text-align: left;
    color: #333;
    border-bottom: 1px solid #d8d8d8;
}

@media (max-width: 991px) {
    .internet-pharmacies-nav__title {
        font-size: 15px;
        line-height: 40px;
        margin-bottom: 0;
        padding: 0 20px;
        cursor: pointer;
        background: #f3f3f3;
        position: relative;
    }

    .internet-pharmacies-nav__title:after {
        position: absolute;
        top: 0;
        right: 15px;
        height: 40px;
        width: 12px;
        background: url('../img/design/ico/arrow-down.svg') center center no-repeat;
        -webkit-background-size: 12px auto;
        background-size: 12px auto;
        content: "";
        transition: .3s;
    }
}

@media (max-width: 991px) {
    .internet-pharmacies-nav__title.active:after {
        top: 2px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@media (max-width: 991px) {
    .internet-pharmacies-nav__list {
        overflow: hidden;
        max-height: 0;
        transition: .5s;
    }
}

.internet-pharmacies-nav__list ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

@media (max-width: 991px) {
    .internet-pharmacies-nav__list ul {
        padding-left: 30px;
    }
}

.internet-pharmacies-nav__list ul li {
    padding: 6px 0;
}

.internet-pharmacies-nav__list ul li a {
    font-size: 14px;
    line-height: 1.4;

    transition: .3s;

    color: #676767;
}

@media (max-width: 1199px) {
    .internet-pharmacies-nav__list ul li a {
        font-size: 12px;
    }
}

.internet-pharmacies-nav__list ul li a:hover {
    text-decoration: none;

    color: #008e62;
}

.internet-pharmacies-nav__menu {
    margin-top: 13px;
    padding: 0;
    list-style-type: none;
}

.internet-pharmacies-nav__submenu {
    display: flex;
    visibility: hidden;
    flex-direction: column;
    width: 96%;
    height: 0;
    list-style: none;
    transition: all .2s;
    opacity: 0;
}

.internet-pharmacies-nav__submenu li {
    font-family: 'Roboto Regular', sans-serif;
    display: flex;
    width: 100%;
    height: 35px;
    background-color: #fff;
    align-items: center;
}

.internet-pharmacies-nav__submenu li a {
    font-family: 'Roboto Reqular', sans-serif;
    font-size: 14px;
    display: block;
    width: 100%;
    padding-left: 10px;
    color: #333;
}

.internet-pharmacies-nav__submenu li:nth-child(odd) {
    background-color: #f5f5f5;
}

.internet-pharmacies-nav__submenu li.active {
    border-left: 4px solid #038057;
    background-color: rgba(3, 128, 87, .1);
}

.internet-pharmacies-nav__submenu li.active a {
    color: #038057;
}

.internet-pharmacies-nav__list {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    color: #333;
    align-items: flex-end;
}

.internet-pharmacies-nav__list:hover {
    color: #038057;
}

.internet-pharmacies-nav__list.active {
    color: #038057;
}

.internet-pharmacies-nav__link {
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;
    line-height: 34px;
    display: block;
    width: 100%;
}

/*.internet-pharmacies-nav__submenu*/
.internet-pharmacies-nav__submenu.show {
    visibility: visible;
    height: 100%;
    opacity: 1;
}

/*Cart-goods*/
.goods {
    width: 100%;
    height: 100%;
    margin-bottom: 41px;
    padding-right: 25px;
    padding-left: 15px;
}

@media (max-width: 1199px) {
    .goods {
        padding: 0;
    }
}

.goods-header {
    display: flex;
    width: 100%;
    height: 65px;
    padding-bottom: 15px;
    border-bottom: 1px solid #4f4f4f;
    align-items: flex-end;
    justify-content: space-between;
}

.goods-header__title {
    font-family: 'Roboto Medium', sans-serif;
    font-size: 20px;
    margin: 0;
    color: #000;
    line-Height: 23px;
}

@media (max-width: 1199px) {
    .goods-header__title {
        font-size: 18px;
    }
}

.goods-header__amount {
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;
    line-height: 19px;
    margin-left: 10px;
    text-align: left;
    color: #8b8b8b;
    align-items: center;
}

@media (max-width: 1199px) {
    .goods-header__amount {
        font-size: 14px;
        white-space: nowrap;
    }
}

.goods-header__left {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 767px) {
    .goods-header__left {
        flex-direction: column;
    }
}

.goods-filter {
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0;
    align-items: flex-end;
    justify-content: flex-end;
}

.goods-filter__help {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;
    margin: 0;
    color: #8b8b8b;
}

@media (max-width: 767px) {
    .goods-filter__help {
        display: none;
    }
}

.goods-filter__title {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;
    color: #8b8b8b;
}

.goods-filter__item {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;
    margin-left: 20px;
    list-style-type: none;
    cursor: pointer;
    color: #333;
    border-bottom: 1px dashed #333;
}

.goods-filter__item-active {
    color: #038057;
    border-bottom: 1px dashed transparent;
}

.goods-content {
    position: relative;
    width: 100%;
    height: 100%;
    padding-right: -25px;
}

.goods-content-table {
    width: 100%;
}

.goods-content-head {
    width: 100%;
    padding: 0;
}

.goods-content-head__row {
    display: flex;
    width: 100%;
    height: 28px;
    justify-content: space-between;
}

.goods-content-head__cell {
    font-family: 'Roboto Light', sans-serif;
    font-size: 12px;
    display: block;
    width: auto;
    padding-top: 7px;
    text-align: left;
    color: #8b8b8b;
}

.goods-content-head__cell:nth-child(1) {
    flex: 1;
}

.goods-content-head__cell:nth-child(2) {
    flex: 4.7;
}

.goods-content-head__cell:nth-child(3) {
    flex: 3.7;
}

.goods-content-head__cell:nth-child(4) {
    flex: 2.8;
}

.goods-content-head__cell:last-child {
    text-align: right;

    flex: 3.2;
}

.goods-content-body {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    padding: 0;
}

.goods-content-body__row {
    position: relative;
    display: flex;
    height: 70px;
    padding-top: 15px;
    padding-bottom: 12px;
    border-bottom: 1px solid #d8d8d8;
    align-items: center;
    justify-content: space-between;
}

.goods-content-body__row:last-child {
    border-bottom: none;
}

.goods-content-body__row>div {
    display: flex;
}

.goods-content-body__row>div:first-child {
    flex: 1;
}

.goods-content-body__row>div:nth-child(2) {
    flex: 4.7;
}

.goods-content-body__row>div:nth-child(3) {
    flex: 3.7;
}

.goods-content-body__row>div:nth-child(4) {
    flex: 2.8;
}

.goods-content-body__row>div:last-child {
    flex: 3.2;
}

.goods-content-body__close {
    position: absolute;
    z-index: 1;
    top: 6px;
    left: 0;

    display: block;

    width: 14px;
    height: 14px;

    border-radius: 50%;
    background-color: #fff;
    background-image: url('../img/design/ico/close.svg');
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
}

.goods-content-body__close:hover {
    cursor: pointer;
}

.goods-content-body__image {
    width: 50px;
    height: 80px;

    text-align: center;

    align-items: center;
}

.goods-content-body__image img {
    display: block;

    width: 50px;
    height: 50px;
}

.goods-content-body__name {
    display: flex;

    height: 100%;
}

.goods-content-body__existence {
    font-size: 12px;
    line-height: 14px;

    display: flex;

    height: 100%;

    align-items: flex-start;
}

.goods-content-body__get {
    display: flex;

    height: 100%;

    align-items: flex-start;
}

.goods-content-body__get .goods-check {
    display: flex;
    flex-direction: column;

    height: 100%;

    justify-content: space-between;
}

.goods-content-body__get label {
    margin-bottom: 0;

    cursor: pointer;
}

.goods-content-body__price {
    display: flex;

    justify-content: flex-end;
}

.goods-content-body .info {
    display: flex;
    flex-direction: column;

    justify-content: space-between;
}

.goods-content-body .info__title {
    font-family: 'Roboto Medium', sans-serif;
    font-size: 12px;
    line-height: 14px;

    padding-right: 20px;

    text-align: left;

    color: #000;
}

.goods-content-body .info__brand {
    font-family: 'Roboto Light', sans-serif;
    font-size: 9px;
    line-height: 11px;

    text-align: left;

    color: #4f4f4f;
}

.goods-content-body .goods-check span {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;

    color: #ce0c36;
}

.goods-content-body label input[type='radio']+.goods-check__checker {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 14px;

    margin-left: 15px;

    color: #4f4f4f;
}

.goods-content-body label input[type='radio']+.goods-check__checker:after {
    position: absolute;
    top: 3px;
    left: 0;

    display: block;

    width: 10px;
    height: 10px;

    content: '';

    border: 1px solid #c4c4c4;
    border-radius: 50%;
    background-color: #fff;
}

.goods-content-body label {
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer;
}

.goods-content-body label input[type='radio'] {
    display: none;

    cursor: pointer;
}

.goods-content-body label input[type='radio']:checked+.goods-check__checker:after {
    border: 1px solid #038057;
    background-color: #038057;
}

.goods-content-body label input[type='radio']:checked+.goods-check__checker {
    color: #038057;
}

.goods-content-body .price-col {
    float: right;
}

.goods-content-body .price-col__top {
    display: flex;

    margin-bottom: 5px;

    justify-content: space-between;
    align-items: flex-end;
}

.goods-content-body .price-col__price {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;

    color: #2e2e2e;
}

.goods-content-body .price-col__valuta {
    font-family: 'Roboto Medium', sans-serif;
    font-size: 12px;
    line-height: 14px;

    color: #2e2e2e;
}

.goods-content-body .price-col__discount {
    font-family: 'Roboto', sans-serif;
    font-size: 9px;
    line-height: 11px;

    text-decoration: line-through;

    color: #8b8b8b;
}

.goods-content-body .counter {
    display: flex;
}

.goods-content-body .counter .field.fieldCount {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;

    display: inline;

    box-sizing: border-box;
    width: 32px;
    height: 23px;
    padding-top: 3px;

    text-align: center;

    color: #333;
    border: 1px solid #dfdfdf;
}

.goods-content-body .counter .counterBut {
    width: 25px;
    height: 23px;

    border: 1px solid #dfdfdf;
    background-color: #fff;
}

.goods-content-body .counter .inc {
    position: relative;

    border-left: none;
}

.goods-content-body .counter .inc:after {
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 12px;
    height: 12px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    background-image: url('../img/design/ico/plus.svg');
    background-position: center;
    background-size: cover;
}

.goods-content-body .counter .dec {
    position: relative;

    border-right: none;
}

.goods-content-body .counter .dec:after {
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 12px;
    height: 2px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    background-image: url('../img/design/ico/minus.svg');
    background-position: center;
}

a.show-all {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;
    line-height: 14px;

    position: relative;

    display: inline-block;

    padding-bottom: 2px;

    cursor: pointer;
    transition: border .2s ease;
    text-decoration: none;

    color: #038057 !important;
    border-bottom: 1px dashed #038057;
}

a.show-all:after {
    position: absolute;
    top: 5px;
    left: calc(100% + 8px);

    display: block;

    width: 11px;
    height: 6px;

    content: '';

    background-image: url('../img/design/ico/arrow-down.svg');
    background-position: center;
    background-size: cover;
}

a.show-all:hover {
    border-bottom: 1px dashed transparent;
}

@media screen and (max-width: 470px) {
    .goods-content-head__row {
        display: none;
    }

    .goods-content-body {
        position: relative;

        display: block;

        width: 100%;
        height: 100%;
        padding: 0;
    }

    .goods-content-body__row {
        position: relative;

        display: flex;
        flex-direction: column;

        height: auto;
        padding-bottom: 12px;

        border-bottom: 1px solid #d8d8d8;

        align-items: center;
        flex-wrap: nowrap;
    }

    .goods-content-body__row:last-child {
        border-bottom: none;
    }

    .goods-content-body__row>div:first-child {
        padding-right: 0;

        flex: 0;
        align-items: center;
        justify-content: center;
    }

    .goods-content-body__row>div:nth-child(2) {
        min-width: 100%;
        margin: 10px 0;

        align-items: flex-start;
        justify-content: space-around;
        flex: 0;
    }

    .goods-content-body__row>div:nth-child(3) {
        margin: 10px 0;

        justify-content: center;
        flex: 0;
    }

    .goods-content-body__row>div:nth-child(4) {
        font-size: 14px;

        width: 100%;
        margin: 10px 0;
        padding-left: 0;

        flex: 0;
        justify-content: center;
    }

    .goods-content-body__row>div:last-child {
        min-width: 100%;
        margin: 10px 0;

        text-align: center;

        justify-content: center;
        align-items: center;
        flex: 0;
    }

    .goods-content-body__close {
        position: absolute;
        z-index: 1;
        top: 10px;
        left: 10px;

        display: block;

        width: 24px;
        height: 24px;

        border-radius: 50%;
        background-color: #fff;
        background-image: url('../img/design/ico/close.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 60%;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
    }

    .goods-content-body__image {
        display: flex;

        width: 90px;
        height: 80px;
    }

    .goods-content-body__image img {
        display: block;

        width: 100%;
        height: 80px;
    }

    .goods-content-body__name {
        display: flex;

        height: 100%;
    }

    .goods-content-body__existence {
        line-height: 14px;

        display: flex;

        height: 100%;
        padding: 0;
    }

    .goods-content-body__get {
        display: flex;

        height: auto;
        margin: 20px 0;

        justify-content: center;
        align-items: center;
    }

    .goods-content-body__get .goods-check {
        display: flex;
        flex-direction: row;

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

        justify-content: center;
    }

    .goods-content-body__get label {
        margin: 0 20px;
    }

    .goods-content-body__price {
        display: flex;

        justify-content: flex-end;
    }

    .goods-content-body .info {
        display: flex;
        flex-direction: column;

        justify-content: space-between;
    }

    .goods-content-body .info__title {
        font-family: 'Roboto Medium', sans-serif;
        font-size: 18px;
        line-height: 20px;

        margin-bottom: 3px;
        padding-right: 0;

        text-align: left;

        color: #000;
    }

    .goods-content-body .info__brand {
        font-family: 'Roboto Light', sans-serif;
        font-size: 14px;
        line-height: 18px;

        text-align: center;

        color: #4f4f4f;
    }

    .goods-content-body label input[type='radio']+.goods-check__checker {
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        line-height: 14px;

        margin-left: 19px;

        color: #4f4f4f;
    }

    .goods-content-body label input[type='radio']+.goods-check__checker:after {
        position: absolute;
        top: 0;
        left: 0;

        display: block;

        width: 15px;
        height: 15px;

        content: '';

        border: 1px solid #c4c4c4;
        border-radius: 50%;
        background-color: #fff;
    }

    .goods-content-body label {
        position: relative;

        display: block;

        width: 100%;
    }

    .goods-content-body label input[type='radio'] {
        display: none;
    }

    .goods-content-body label input[type='radio']:checked+.goods-check__checker:after {
        border: 1px solid #038057;
        background-color: #038057;
    }

    .goods-content-body label input[type='radio']:checked+.goods-check__checker {
        color: #038057;
    }

    .goods-content-body .price-col {
        float: right;
    }

    .goods-content-body .price-col__top {
        display: flex;

        margin-bottom: 5px;

        justify-content: space-between;
        align-items: flex-end;
    }

    .goods-content-body .price-col__price {
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: bold;
        line-height: 18px;

        color: #2e2e2e;
    }

    .goods-content-body .price-col__valuta {
        font-family: 'Roboto Medium', sans-serif;
        font-size: 16px;
        line-height: 18px;

        color: #2e2e2e;
    }

    .goods-content-body .price-col__discount {
        font-family: 'Roboto', sans-serif;
        font-size: 11px;
        line-height: 12px;

        text-decoration: line-through;

        color: #8b8b8b;
    }

    .goods-content-body .counter {
        display: flex;
    }

    .goods-content-body .counter .field.fieldCount {
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        line-height: 33px;

        display: inline-block;

        box-sizing: border-box;
        min-width: 45px;
        height: 33px;

        text-align: center;

        color: #333;
        border: 1px solid #dfdfdf;

        justify-content: center;
        align-items: center;
    }

    .goods-content-body .counter .counterBut {
        width: 40px;
        height: 33px;

        border: 1px solid #dfdfdf;
        background-color: #fff;
    }

    .goods-content-body .counter .inc {
        position: relative;

        border-left: none;
    }

    .goods-content-body .counter .inc:after {
        position: absolute;
        top: 50%;
        left: 50%;

        display: block;

        width: 12px;
        height: 12px;

        content: '';
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);

        background-image: url('../img/design/ico/plus.svg');
        background-position: center;
        background-size: cover;
    }

    .goods-content-body .counter .dec {
        position: relative;

        border-right: none;
    }

    .goods-content-body .counter .dec:after {
        position: absolute;
        top: 50%;
        left: 50%;

        display: block;

        width: 12px;
        height: 2px;

        content: '';
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);

        background-image: url('../img/design/ico/minus.svg');
        background-position: center;
    }

    .goods-header__amount {
        font-size: 14px;
    }

    .goods-header__title {
        font-size: 18px;
    }

    .goods-header__sum {
        font-size: 18px;
    }
}

/*Cart-goods*/
/*Order-form*/
.popover-body {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 17px;

    max-width: 250px;
    padding: 24px 17px 20px 17px;

    text-align: left;

    color: #333;
    outline: 1px solid #d8d8d8;
}

.mfp-close {
    font-size: 0 !important;

    top: -20px !important;
    right: -20px !important;

    display: block;

    width: 15px !important;
    height: 15px !important;

    background-image: url('../img/design/ico/popup-close.svg') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.order-form-wrap {
    position: fixed;
    top: 50%;
    left: 50%;

    width: 750px;
    margin: 40px auto 60px;
    padding: 40px 80px 16px;

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25);
}

@media (max-width: 991.98px) {
    .order-form-wrap {
        position: fixed;
        top: 0;
        left: 0;

        width: 100%;
        padding: 15px;

        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.order-form {
    width: 100%;
}

.order-form__title {
    font-family: 'Roboto Medium', sans-serif;
    font-size: 20px;
    line-height: 23px;

    display: inline-block;

    width: 100%;
    margin-bottom: 45px;

    text-align: center;

    color: #000;
}

.order-form__form {
    display: flex;

    width: 100%;
    padding-bottom: 20px;

    justify-content: space-between;
}

.order-form__field {
    margin-bottom: 17px;
}

.order-form__input {
    width: 100%;
    padding-bottom: 7px;

    border-bottom: 1px solid #c4c4c4;
}

.order-form input::-webkit-input-placeholder {
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;

    padding-bottom: 10px;

    color: #4a4a4a;
}

.order-form input:-ms-input-placeholder {
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;

    padding-bottom: 10px;

    color: #4a4a4a;
}

.order-form input::-ms-input-placeholder {
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;

    padding-bottom: 10px;

    color: #4a4a4a;
}

.order-form input::placeholder {
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;

    padding-bottom: 10px;

    color: #4a4a4a;
}

.order-form-total {
    display: flex;
    flex-direction: column;

    margin-top: 8px;

    align-items: flex-end;
}

@media (max-width: 1199.98px) {
    .order-form-total {
        position: relative;

        width: 100%;
        max-width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;

        flex: 0 0 100%;
        align-items: center;
    }
}

.order-form-total__wr {
    position: relative;

    display: flex;
    overflow: hidden;

    width: 82%;

    justify-content: space-between;
}

.order-form-total__wr:after {
    font-size: 12px;
    line-height: 14px;

    position: absolute;
    bottom: 3px;
    left: 0;

    display: block;

    width: 100%;

    content: '........................................................................................................................................................................................................................................................';

    color: #d8d8d8;
}

.order-form-total .descr {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 14px;

    z-index: 1;

    display: flex;

    padding-right: 5px;

    background-color: #fff;

    align-items: center;
}

.order-form-total .data {
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;

    z-index: 1;

    display: flex;

    padding-left: 3px;

    background-color: #fff;

    align-items: flex-end;
}

.order-form-total .data-resume {
    font-family: 'Roboto Medium', sans-serif;
    font-size: 16px;

    z-index: 1;

    padding-left: 3px;

    color: #333;
    background-color: #fff;
}

.order-form-total .question {
    z-index: 1;

    margin: 0 3px 0 5px;

    text-decoration: none;
}

.order-form-btn {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 16px;

    width: 82%;
    height: 40px;
    margin-top: 20px;

    text-align: center;

    color: #fff;
    border-radius: 4px;
    background-color: #008e62;

    justify-content: center;
}

.order-form-total.full {
    display: flex;
    flex-direction: column;

    width: 84%;
    height: 100%;
    margin-top: 8px;

    justify-content: space-between;
}

@media (max-width: 1199.98px) {
    .order-form-total.full {
        margin: 0 auto;

        justify-content: center;
    }
}

@media (max-width: 767.98px) {
    .order-form-total.full {
        position: relative;

        width: 100%;
        max-width: 75%;
        min-height: 1px;
        margin: 0 auto;
        padding-right: 15px;
        padding-left: 15px;

        flex: 0 0 75%;
        justify-content: center;
    }
}

.order-form-total.full .dop-info {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;
    line-height: 17px;

    margin-bottom: 5px;
}

.order-form-total.full a.show-more {
    display: inline;

    cursor: pointer;
    transition: border .2s ease;
    white-space: normal;

    border-bottom: 1px solid #038057;
}

.order-form-total.full a.show-more:hover {
    border-bottom: 1px solid transparent;
}

.order-form-total.full .data-resume {
    font-family: 'Roboto Light', sans-serif;
}

.order-form-total__wr.full {
    width: 100%;
}

.order-form-total__wr.full .data-resume,
.order-form-total__wr.full .valuta {
    color: #ce0c36;
}

.order-form__field {
    position: relative;
}

.order-form__label {
    font-family: 'Roboto LIght', sans-serif;
    font-size: 16px;

    position: absolute;
    top: 3px;
    left: 15px;

    transition: all .3s ease;

    color: #4a4a4a;
}


/* .order-form__label.active {
    font-size: 10px;

    top: -10px;
    left: 15px;

    display: block;

    color: #038057;
} */

/* .order-form__input.active {
    border-bottom: 2px solid #038057;
} */

.order-form__input {
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;
}

@media screen and (max-width: 600px) {
    .order-form-total__wr {
        width: 80%;
    }

    .order-form-total__wr .descr {
        white-space: nowrap;
    }

    .order-form-total__wr .data-resume {
        white-space: nowrap;
    }

    .order-form-btn {
        width: 80%;
    }

    .mfp-close {
        font-size: 0 !important;

        top: 18px !important;
        right: 20px !important;

        display: block;

        width: 20px !important;
        height: 20px !important;

        background-image: url('../img/design/ico/popup-close.svg') !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
}

@media screen and (max-width: 470px) {
    .order-form-total.full {
        max-width: 100%;
    }

    .order-form-total__wr {
        width: 100%;
    }

    .order-form-btn {
        width: 100%;

        text-align: center;
    }
}

/*End Order-form*/
/*cart-formalization-login*/
.formalization-wrap {
    position: relative;
}

.formalization-delivery {
    margin-bottom: 32px;
}

.formalization {
    padding-top: 12px;
    padding-right: 20px;
}

@media (max-width: 1199.98px) {
    .formalization {
        max-width: 100%;
        padding-right: 0;

        flex: 0 0 100%;
    }
}

.formalization__shadow {
    position: absolute;
    z-index: 20;
    top: 0;
    left: -10px;

    display: block;

    width: 1px;
    height: 100%;

    box-shadow: 4px 0 2px rgba(0, 0, 0, .25);
}

.formalization__shadow:after {
    position: absolute;
    top: 0;
    left: 0;

    width: 7px;
    height: 30%;

    content: '';

    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.formalization__shadow:before {
    position: absolute;
    bottom: 0;
    left: 0;

    width: 7px;
    height: 30%;

    content: '';

    background: linear-gradient(360deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.formalization-header {
    display: flex;

    justify-content: space-between;
    align-items: center;
}

.formalization-header .show-more {
    margin-bottom: 25px;
}

.formalization-header__block {
    display: flex;

    margin-bottom: 25px;

    align-items: center;
    justify-content: space-between;
}

.formalization-header__title {
    font-family: 'Roboto Medium', sans-serif;
    font-size: 25px;
    font-weight: 500;

    display: flex;

    margin-bottom: 0;
    margin-left: 0;

    color: #000;

    align-items: flex-start;
    line-Height: 23px;
}

.formalization-header__panel {
    display: flex;

    height: 28px;

    border-bottom: 1px solid rgba(0, 0, 0, .3);

    align-items: center;
    justify-content: space-between;
}

.formalization-header__label {
    font-size: 12px;
    line-height: 14px;

    margin-right: 15px;

    text-align: left;

    color: #000;
}

.formalization-header__search {
    position: relative;

    display: flex;

    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-bottom: 4px;

    border-bottom: 1px solid #dadada;

    justify-content: space-between;
    align-items: center;
}

.formalization-header__input {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;
    line-height: 14px;

    width: 256px;
    height: 18px;
    padding-right: 20px;
    padding-bottom: 2px;

    color: #8b8b8b;
    border-bottom: 1px solid #ccc;
}

.formalization-header__button {
    position: relative;

    width: 23px;
    height: 16px;
    margin-left: -24px;

    background-color: #fff;
}

.formalization-header__button:after {
    position: absolute;
    top: 50%;
    right: -1px;

    width: 12px;
    height: 12px;

    content: '';
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    background: url(../img/design/ico/musica-searcher.svg) center no-repeat;
    background-size: cover;
}

.formalization-header .search-wrap {
    display: flex;

    justify-content: space-between;
}

.formalization-header .view-checkbox {
    font-size: 12px;

    margin-bottom: 3px;

    color: #8b8b8b;
}

.formalization-header .view-checkbox_active {
    font-size: 12px;

    color: #038057;
}

.formalization-header .custom-checkbox {
    font-family: 'MuseoSansLight', sans-serif;

    display: flex;

    width: 32%;

    justify-content: flex-end;
}

.formalization-header .custom-checkbox .checkbox {
    position: absolute;
    z-index: -1;

    margin-left: 0;

    opacity: 0;
}

.custom-checkbox .checkbox+label {
    font-weight: normal;

    position: relative;

    margin-left: -5px;
    padding: 0 0 0 27px;

    cursor: pointer;
}

.custom-checkbox .checkbox+label:before {
    position: absolute;
    top: 49%;
    left: 0;

    width: 23px;
    height: 12px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border: 1px solid #c4c4c4;
    border-radius: 13px;
    background: #fff;
}

.custom-checkbox .checkbox+label:after {
    position: absolute;
    top: 49%;
    right: 46px;

    width: 10px;
    height: 10px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border-radius: 10px;
    background: #038057;
}

.custom-checkbox .checkbox:checked+label:before {
    background: #fff;
}

.custom-checkbox .checkbox:checked+label:after {
    left: 2px;
}

.formalization-panel-inform {
    position: relative;

    display: flex;

    width: 100%;
    height: 40px;

    border-bottom: 1px solid #c4c4c4;

    align-items: center;
}

.formalization-panel-inform__help {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;

    color: #4a4a4a;
}

.formalization-panel-inform__inf {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;

    margin-bottom: 0;
    padding-left: 5px;

    color: #4a4a4a;
}

.formalization-panel-inform:after {
    position: absolute;
    top: 40%;
    right: 0;

    width: 14px;
    height: 14px;
    margin-left: 8px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    background-image: url('../img/design/ico/arrow-down.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.formalization-place {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 5px 0 0 0;
}

.formalization-place__item {
    display: flex;

    margin-bottom: 6px;
    padding: 4px 0 5px 0;

    border-bottom: 1px solid #dadada;

    justify-content: space-between;
    align-items: flex-start;
}

.formalization-place__location {
    display: flex;
    flex-direction: column;

    justify-content: space-between;
    align-items: flex-start;
}

.formalization-place__location label {
    font-family: 'Roboto', sans-serif;

    display: flex;

    margin: 0 5px 0 0;

    cursor: pointer;

    align-items: center;
}

.formalization-place__location input[type='checkbox'] {
    display: none;
}

.formalization-place__location input[type='checkbox']+.checker {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;

    position: relative;

    display: flex;

    margin-left: 0;
    padding-left: 24px;

    text-align: left;

    color: #333;

    align-items: center;
}

.formalization-place__location input[type='checkbox']+.checker:after {
    position: absolute;
    top: 60%;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border: 1px solid #8f8f8f;
    border-radius: 50%;
    background: #fff;
}

.formalization-place__location input[type='checkbox']:checked+.checker:after {
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border: 2px solid #038057;
    border-radius: 50%;
    background: #fff;
}

.formalization-place__location input[type='checkbox']:checked+.checker:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 4px;

    display: block;

    width: 8px;
    height: 8px;
    padding: 2px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border-radius: 50%;
    background: #038057;
}

.formalization-place__info {
    display: flex;
    flex-direction: column;
}

.formalization-place__addr {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 14px;

    display: flex;

    margin-left: 24px;
    padding-top: 3px;

    color: #038057;
    border-bottom: 1px dashed #038057;
}

.formalization-place__amount {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    display: flex;

    color: #4f4f4f;

    justify-content: flex-end;
}

.formalization-place__amount span {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    display: block;

    color: #4f4f4f;
}

.formalization-place__amount-active {
    color: #038057;
}

.formalization-place__amount-active span {
    color: #038057;
}

.formalization-place__date {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;

    display: flex;

    padding-top: 3px;

    text-align: right;

    color: #333;

    align-items: center;
    justify-content: flex-end;
}

.formalization-place__date span {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;

    color: #333;
}

.formalization-addition {
    display: flex;

    height: 40px;
    padding-top: 8px;

    border-bottom: 1px solid #dadada;

    align-items: flex-start;
    justify-content: space-between;
}

.formalization-addition span {
    font-size: 12px;

    color: #4f4f4f;
}

.formalization-addition__transfer {
    display: flex;

    width: 100%;
}

.formalization-addition__transfer label {
    z-index: 1;

    display: flex;

    margin: 0;

    cursor: pointer;

    background-color: #fff;

    align-items: center;
}

.formalization-addition__transfer input[type='checkbox'] {
    display: none;
}

.formalization-addition__transfer input[type='checkbox']+.checker {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 14px;
    line-height: 14px;

    position: relative;

    display: flex;

    margin-right: 11px;
    padding-left: 20px;

    text-align: left;

    color: #000;

    align-items: center;
}

.formalization-addition__transfer input[type='checkbox']+.checker:after {
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border: 2px solid #038057;
    background: #fff;
}

.formalization-addition__transfer input[type='checkbox']:checked+.checker:after {
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border: none;
    background: #fff;
    background-image: url(../img/design/ico/checkbox-checked.svg);
}

.formalization-addition__cost {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 14px;
    line-height: 16px;

    z-index: 1;

    display: flex;

    padding-left: 0;

    color: #000;
    background-color: #fff;
}

.transfer-wrap {
    z-index: 1;

    display: flex;

    background-color: #fff;
}

.formalization-addition__field {
    position: relative;

    display: flex;
    overflow: hidden;

    width: 100%;
    margin-bottom: 10px;

    justify-content: space-between;
}

.formalization-addition__field:after {
    font-family: 'Roboto Regular', sans-serif;

    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;

    display: inline-block;

    width: 100%;

    content: '..........................................................................................................................................................................................................................................................................................';

    color: #d8d8d8;
}

.formalization-addition__field .icr-text {
    font-size: 12px;

    color: #000;
    background-color: #fff;
}

.formalization-addition__field a.question {
    margin: 0 5px 0 5px;

    align-self: center;
}

.formalization-footer {
    display: flex;

    width: 100%;
}

.formalization-data {
    display: flex;
    flex-direction: column;

    width: 100%;
    margin-top: 10px;

    align-items: flex-start;
}

.formalization-data__btnwrap {
    display: flex;

    width: 100%;
    margin-bottom: 17px;
    padding-bottom: 10px;

    border-bottom: 1px solid #dadada;
}

.formalization-data__today {
    width: 67px;
    height: 30px;
    margin-left: 10px;
}

.formalization-data__tomorrow {
    width: 67px;
    height: 30px;
    margin-left: 10px;
}

.formalization-data__tomorrow:after {
    position: absolute;
    top: 50%;
    left: 40%;

    display: block;

    width: 10px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.formalization-data__date {
    line-height: 13px;

    width: 108px;
    height: 30px;
    margin: 0 10px;
}

.formalization-data__date .fa-calendar {
    margin-right: 3px;
}

.formalization-data__panel {
    display: flex;

    width: 100%;
}

.formalization-data__panel span {
    font-size: 12px;
    line-height: 14px;

    display: block;

    color: #4f4f4f;
}

.formalization-data__panel .dop {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;
    line-height: 14px;

    display: block;

    margin-right: 5px;

    white-space: nowrap;

    color: #4f4f4f;

    align-self: center;
}

.formalization-data__dopinfo {
    width: 95%;
    margin-top: 20px;
}

.formalization-data .buttn {
    font-family: 'Roboto', sans-serif;

    transition: all .3s;
    text-align: center;

    color: #8b8b8b;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    background-color: #fff;

    align-items: center;
    justify-content: center;
}

.formalization-data .buttn:hover {
    color: #038057;
    border: 1px solid #038057;
}

.formalization-data .buttn.active {
    color: #038057;
    border: 1px solid #038057;
}

.formalization-data .attention1 {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 10px;
    line-height: 12px;

    position: relative;

    padding-left: 25px;

    color: #4f4f4f;
}

.formalization-data .attention1:after {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    content: '';

    border-radius: 50%;
    background-color: #fff;
    background-image: url('../img/design/ico/question.svg');
    background-repeat: no-repeat;
}

.formalization-data .attention2 {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;
    line-height: 14px;

    position: relative;

    padding-left: 25px;

    color: #8b8b8b;
}

.formalization-data .attention2:after {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    content: '';

    border-radius: 50%;
    background-color: #fff;
    background-image: url('../img/design/ico/attention.svg');
    background-repeat: no-repeat;
}

.formalization-data a.show-more {
    font-size: 12px;

    cursor: pointer;
    text-align: right;
    white-space: nowrap;

    color: #008e62;
}

.formalization-total {
    display: flex;
    flex-direction: column;

    width: 50%;
    margin-top: 0;
    padding-left: 16px;
}

.formalization-total__goods {
    position: relative;

    display: flex;
    overflow: hidden;
    flex-direction: row;

    width: 100%;
    margin-top: 10px;

    justify-content: space-between;
    align-items: flex-end;
}

.formalization-total__goods .descr {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;
    line-height: 14px;

    z-index: 1;

    padding-right: 3px;

    background-color: #fff;
}

.formalization-total__goods .data {
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;
    line-height: 14px;

    z-index: 1;

    padding-left: 3px;

    background-color: #fff;
}

.formalization-total__goods:after {
    font-size: 12px;
    line-height: 14px;

    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;

    content: '......................................................................................................................................................................................';

    color: #d8d8d8;
}

.formalization-total__selfdel {
    position: relative;

    display: flex;
    overflow: hidden;
    flex-direction: row;

    width: 100%;
    margin-top: 10px;

    justify-content: space-between;
    align-items: flex-end;
}

.formalization-total__selfdel:after {
    font-size: 12px;
    line-height: 14px;

    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;

    content: '.................................................................................................................................................................................';

    color: #d8d8d8;
}

.formalization-total__selfdel .descr {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;
    line-height: 14px;

    z-index: 1;

    padding-right: 3px;

    background-color: #fff;
}

.formalization-total__selfdel .data {
    font-family: 'Roboto Light', sans-serif;
    font-size: 14px;
    line-height: 16px;

    z-index: 1;

    padding-left: 3px;

    background-color: #fff;
}

.formalization-total__transfer {
    position: relative;

    display: flex;
    overflow: hidden;
    flex-direction: row;

    width: 100%;
    margin-top: 8px;

    justify-content: space-between;
    align-items: flex-end;
}

.formalization-total__transfer:after {
    font-size: 12px;
    line-height: 14px;

    position: absolute;
    bottom: 0;
    left: 30%;

    display: block;

    width: 100%;

    content: '..........................................................................................................................................................';

    color: #d8d8d8;
}

.formalization-total__transfer .descr {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;
    line-height: 14px;

    z-index: 1;

    display: flex;

    padding-right: 3px;

    background-color: #fff;
}

.formalization-total__transfer .data {
    font-family: 'Roboto Light', sans-serif;
    font-size: 14px;
    line-height: 16px;

    z-index: 1;

    padding-left: 3px;

    background-color: #fff;
}

.formalization-total__common {
    line-height: 16px;

    position: relative;

    display: flex;
    overflow: hidden;
    flex-direction: row;

    margin-top: 14px;

    align-items: flex-end;
    justify-content: flex-end;
}

.formalization-total__common:after {
    font-size: 12px;
    line-height: 14px;

    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 50%;

    display: block;

    width: 100%;

    content: '..............................................................................................................................................................';

    color: #d8d8d8;
}

.formalization-total__common .descr {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;
    line-height: 14px;

    z-index: 1;

    display: inline-block;

    margin-right: 35px;
    padding-right: 3px;
    padding-left: 130px;

    color: #333;
    background-color: #fff;
}

.formalization-total__common .data-resume {
    font-family: 'Roboto Medium', sans-serif;
    font-size: 16px;

    z-index: 1;

    padding-left: 3px;

    color: #333;
    background-color: #fff;
}

#ui-datepicker-div {
    left: 58.5% !important;

    width: 100% !important;
    max-width: 380px;
    padding: 20px 10px 10px 0 !important;
}

#ui-datepicker-div:before {
    position: absolute;
    top: 0;
    left: 50%;

    display: block;

    width: 10px;
    height: 10px;

    content: '';
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);

    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    background-color: #fff;
}

.ui-datepicker-calendar {
    background-color: #fff !important;
}

.ui-datepicker-calendar th {
    font-family: 'Roboto Medium', sans-serif !important;
    font-size: 12px !important;

    width: 30px !important;

    text-align: center !important;

    color: rgba(0, 0, 0, .5433) !important;
    border: 1px solid transparent !important;
    background-color: #fff !important;
}

.ui-datepicker-header {
    width: 380px !important;

    border: none !important;
    background-color: #fff !important;
}

.ui-datepicker-title {
    font-family: 'Roboto Medium', sans-serif !important;
    font-size: 14px !important;

    margin-bottom: 15px !important;

    text-align: center !important;

    color: rgba(0, 0, 0, .8726) !important;
}

.ui-state-default {
    font-family: 'Roboto Medium', sans-serif !important;
    font-size: 12px !important;
    line-height: 51px !important;

    width: 50px !important;
    height: 51px !important;

    text-align: center !important;

    color: rgba(0, 0, 0, .867782) !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    background-color: #fff !important;
}

.ui-state-default.ui-state-active {
    color: #fff !important;
    background-color: #038057 !important;
}

.ui-datepicker-calendar .ui-state-hover {
    font-family: 'Roboto', sans-serif;
    font-size: 16px !important;

    color: #038057 !important;
}

.ui-datepicker-calendar .ui-state-highlight {
    font-family: 'Roboto', sans-serif;
    font-size: 12px !important;

    color: rgba(0, 0, 0, .867782) !important;
    background-color: transparent !important;
}

.ui-datepicker .ui-datepicker-prev {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);

    background-image: url(../img/design/ico/arrow-down.svg);
    background-repeat: no-repeat;
}

.ui-datepicker .ui-datepicker-prev:hover {
    cursor: pointer;

    border: none;
    background-color: #fff;
}

.ui-datepicker .ui-datepicker-next {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);

    background-image: url(../img/design/ico/arrow-down.svg);
    background-repeat: no-repeat;
}

.ui-datepicker .ui-datepicker-next:hover {
    cursor: pointer;

    border: none;
    background-color: #fff;
}

.datepicker-wr {
    position: relative;

    cursor: pointer;
}

.datepicker-wr .fa-calendar {
    position: absolute;
    top: 50%;
    left: 15%;

    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.datepicker-wr input:hover {
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .formalization-header {
        flex-direction: column;
    }

    .formalization-header__block {
        display: flex;

        margin-bottom: 10px;

        justify-content: space-between;
    }

    .formalization-header__label {
        display: none;
    }

    .formalization-header__input {
        font-size: 14px;

        width: 285px;
        height: 40px;
        padding-bottom: 0;
    }

    .formalization-total {
        width: 100%;
        padding-left: 0;
    }

    #ui-datepicker-div {
        left: 50% !important;

        width: 100% !important;
        min-width: 100% !important;
        padding: 0 0 0 0 !important;

        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    #ui-datepicker-div:before {
        position: absolute;
        top: 0;
        left: 50%;

        display: block;

        width: 10px;
        height: 10px;

        content: '';
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);

        border-top: 1px solid #d8d8d8;
        border-left: 1px solid #d8d8d8;
        background-color: #fff;
    }

    .ui-datepicker-calendar {
        width: 100% !important;
    }

    .ui-datepicker-header {
        width: 100% !important;

        border: none !important;
        background-color: #fff !important;
    }

    .ui-datepicker-title {
        font-family: 'Roboto Medium', sans-serif !important;
        font-size: 14px !important;

        margin-bottom: 15px !important;

        text-align: center !important;

        color: rgba(0, 0, 0, .8726) !important;
    }

    .ui-state-default {
        font-family: 'Roboto Medium', sans-serif !important;
        font-size: 12px !important;
        line-height: 51px !important;

        width: 40px !important;
        height: 51px !important;

        text-align: center !important;

        color: rgba(0, 0, 0, .867782) !important;
        border: 1px solid transparent !important;
        border-radius: 4px !important;
        background-color: #fff !important;
    }

    .ui-state-default.ui-state-active {
        color: #fff !important;
        background-color: #038057 !important;
    }

    .ui-datepicker-calendar .ui-state-hover {
        font-family: 'Roboto', sans-serif;
        font-size: 16px !important;

        color: #038057 !important;
    }
}

@media screen and (max-width: 470px) {
    .datepicker-wr {
        position: relative;
    }

    .datepicker-wr .fa-calendar {
        font-size: 25px;

        position: absolute;
        top: 50%;
        left: 20%;

        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .show-more.show-map {
        font-size: 25px;

        margin: 8px 0;
    }

    .formalization-header__search {
        flex-direction: column;
    }

    .formalization-form__house {
        width: 55px;
    }

    .formalization-form__hausing {
        width: 138px;
    }

    .formalization-data__btnwrap {
        flex-direction: column;
    }

    .formalization-data__btnwrap .dop {
        font-size: 16px;

        margin-bottom: 10px;
    }

    .formalization-data__btnwrap .buttn {
        font-size: 16px;

        width: 100%;
        height: 40px;
        margin: 3px 0;
    }

    body .mCSB_inside>.mCSB_container {
        margin-right: 10px !important;
    }
}

/*End cart-formalization-login*/
/*cart-formalization*/
.formalization-wrap {
    position: relative;
}

.formalization-delivery {
    margin-bottom: 32px;
}

.formalization {
    padding-top: 12px;
    padding-right: 20px;
}

@media (max-width: 1199.98px) {
    .formalization {
        max-width: 100%;
        padding-right: 0;

        flex: 0 0 100%;
    }
}

.formalization__shadow {
    position: absolute;
    z-index: 20;
    top: 0;
    left: -10px;

    display: block;

    width: 1px;
    height: 100%;

    box-shadow: 4px 0 2px rgba(0, 0, 0, .25);
}

.formalization__shadow:after {
    position: absolute;
    top: 0;
    left: 0;

    width: 7px;
    height: 30%;

    content: '';

    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.formalization__shadow:before {
    position: absolute;
    bottom: 0;
    left: 0;

    width: 7px;
    height: 30%;

    content: '';

    background: linear-gradient(360deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.formalization-header {
    display: flex;

    justify-content: space-between;
    align-items: center;
}

.formalization-header .show-more {
    margin-bottom: 25px;
}

.formalization-header__block {
    display: flex;

    margin-bottom: 25px;

    align-items: center;
    justify-content: space-between;
}

.formalization-header__title {
    font-family: 'Roboto Medium', sans-serif;
    font-size: 25px;
    font-weight: 500;

    display: flex;

    margin-bottom: 0;
    margin-left: 20px;

    color: #000;

    align-items: flex-start;
    line-Height: 23px;
}

.formalization-header__sticker {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 16px;
    font-weight: bold;

    position: relative;

    display: flex;

    width: 60px;
    height: 32px;
    padding: 6px 6px 7px 10px;

    white-space: nowrap;

    color: #fff;
    background: #038057;

    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.formalization-header__sticker:after {
    position: absolute;
    top: 0;
    left: 100%;

    width: 13px;
    height: 100%;

    content: '';

    border: 16px solid transparent;
    border-left: 13px solid #038057;
}

.formalization-header__panel {
    display: flex;

    height: 28px;

    border-bottom: 1px solid rgba(0, 0, 0, .3);

    align-items: center;
    justify-content: space-between;
}

.formalization-header__label {
    font-size: 12px;
    line-height: 14px;

    margin-right: 15px;

    text-align: left;

    color: #000;
}

.formalization-header__search {
    position: relative;

    display: flex;

    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-bottom: 4px;

    border-bottom: 1px solid #dadada;

    justify-content: space-between;
    align-items: center;
}

.formalization-header__input {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;
    line-height: 14px;

    width: 256px;
    height: 18px;
    padding-right: 20px;
    padding-bottom: 2px;

    color: #8b8b8b;
    border-bottom: 1px solid #ccc;
}

.formalization-header__button {
    position: relative;

    width: 23px;
    height: 16px;
    margin-left: -24px;

    background-color: #fff;
}

.formalization-header__button:after {
    position: absolute;
    top: 50%;
    right: -1px;

    width: 12px;
    height: 12px;

    content: '';
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    background: url(../img/design/ico/musica-searcher.svg) center no-repeat;
    background-size: cover;
}

.formalization-header .search-wrap {
    display: flex;

    justify-content: space-between;
}

.formalization-header .view-checkbox {
    font-size: 12px;

    margin-bottom: 3px;

    color: #8b8b8b;
}

.formalization-header .view-checkbox_active {
    font-size: 12px;

    color: #038057;
}

.formalization-header .custom-checkbox {
    font-family: 'MuseoSansLight', sans-serif;

    display: flex;

    width: 32%;

    justify-content: flex-end;
}

.formalization-header .custom-checkbox .checkbox {
    position: absolute;
    z-index: -1;

    margin-left: 0;

    opacity: 0;
}

.custom-checkbox .checkbox+label {
    font-weight: normal;

    position: relative;

    margin-left: -5px;
    padding: 0 0 0 27px;

    cursor: pointer;
}

.custom-checkbox .checkbox+label:before {
    position: absolute;
    top: 49%;
    left: 0;

    width: 23px;
    height: 12px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border: 1px solid #c4c4c4;
    border-radius: 13px;
    background: #fff;
}

.custom-checkbox .checkbox+label:after {
    position: absolute;
    top: 49%;
    right: 46px;

    width: 10px;
    height: 10px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border-radius: 10px;
    background: #038057;
}

.custom-checkbox .checkbox:checked+label:before {
    background: #fff;
}

.custom-checkbox .checkbox:checked+label:after {
    left: 2px;
}

.formalization-form {
    display: flex;
    flex-direction: row;

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

    flex-wrap: wrap;
    justify-content: space-between;
}

.formalization-form__wrap {
    margin-top: -12px;
}

.formalization-form__city {
    width: 100%;
}

.formalization-form__street {
    width: 100%;
}

.formalization-form__house {
    width: 70px;
}

.formalization-form__housing {
    width: 150px;
}

.formalization-form__porch {
    width: 72px;
}

.formalization-form__apartment {
    width: 72px;
}

.formalization-form__floor {
    width: 70px;
}

.formalization-form .input-field {
    display: flex;

    width: 50%;
    height: 40px;
    margin-bottom: 14px;
    padding: 0 10px;

    align-items: flex-end;
    justify-content: space-between;
}

.formalization-form .input-field input {
    font-size: 16px;

    height: 30px;

    color: #4a4a4a;
    border-bottom: 1px solid #c4c4c4;

    Font-family: 'Roboto Light', sans-serif;
}

.formalization-form .input-field:nth-child(odd) {
    padding-left: 0;
}

.formalization-form .input-field:nth-child(even) {
    padding-right: 0;
}

.formalization-place {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 5px 0 0 0;
}

.formalization-place__item {
    display: flex;

    margin-bottom: 6px;
    padding: 4px 0 5px 0;

    border-bottom: 1px solid #dadada;

    justify-content: space-between;
    align-items: flex-start;
}

.formalization-place__location {
    display: flex;
    flex-direction: column;

    justify-content: space-between;
    align-items: flex-start;
}

.formalization-place__location label {
    font-family: 'Roboto', sans-serif;

    display: flex;

    margin: 0 5px 0 0;

    cursor: pointer;

    align-items: center;
}

.formalization-place__location input[type='checkbox'] {
    display: none;
}

.formalization-place__location input[type='checkbox']+.checker {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;

    position: relative;

    display: flex;

    margin-left: 0;
    padding-left: 24px;

    text-align: left;

    color: #333;

    align-items: center;
}

.formalization-place__location input[type='checkbox']+.checker:after {
    position: absolute;
    top: 60%;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border: 1px solid #8f8f8f;
    border-radius: 50%;
    background: #fff;
}

.formalization-place__location input[type='checkbox']:checked+.checker:after {
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border: 2px solid #038057;
    border-radius: 50%;
    background: #fff;
}

.formalization-place__location input[type='checkbox']:checked+.checker:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 4px;

    display: block;

    width: 8px;
    height: 8px;
    padding: 2px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border-radius: 50%;
    background: #038057;
}

.formalization-place__info {
    display: flex;
    flex-direction: column;
}

.formalization-place__addr {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 14px;

    display: flex;

    margin-left: 24px;
    padding-top: 3px;

    color: #038057;
    border-bottom: 1px dashed #038057;
}

.formalization-place__amount {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    display: flex;

    color: #4f4f4f;

    justify-content: flex-end;
}

.formalization-place__amount span {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    display: block;

    color: #4f4f4f;
}

.formalization-place__amount-active {
    color: #038057;
}

.formalization-place__amount-active span {
    color: #038057;
}

.formalization-place__date {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;

    display: flex;

    padding-top: 3px;

    text-align: right;

    color: #333;

    align-items: center;
    justify-content: flex-end;
}

.formalization-place__date span {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;

    color: #333;
}

.formalization-addition {
    display: flex;

    height: 40px;
    padding-top: 8px;

    border-bottom: 1px solid #dadada;

    align-items: flex-start;
    justify-content: space-between;
}

.formalization-addition span {
    font-size: 12px;

    color: #4f4f4f;
}

.formalization-addition__transfer {
    display: flex;

    width: 100%;
}

.formalization-addition__cost {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 14px;
    line-height: 16px;

    z-index: 1;

    display: flex;

    padding-left: 0;

    color: #000;
    background-color: #fff;
}

.transfer-wrap {
    z-index: 1;

    display: flex;

    background-color: #fff;
}

.formalization-addition__field {
    position: relative;

    display: flex;
    overflow: hidden;

    width: 100%;
    margin-bottom: 10px;

    justify-content: space-between;
}

.formalization-addition__field:after {
    font-family: 'Roboto Regular', sans-serif;

    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;

    display: inline-block;

    width: 100%;

    content: '..........................................................................................................................................................................................................................................................................................';

    color: #d8d8d8;
}

.formalization-addition__field .icr-text {
    font-size: 12px;

    color: #000;
    background-color: #fff;
}

.formalization-addition__field a.question {
    margin: 0 5px 0 5px;

    align-self: center;
}

.formalization-footer {
    display: flex;

    width: 100%;
}

.formalization-data {
    display: flex;
    flex-direction: column;

    width: 100%;
    margin-top: 10px;

    align-items: flex-start;
}

.formalization-data__btnwrap {
    display: flex;

    width: 100%;
    margin-bottom: 17px;
    padding-bottom: 10px;

    border-bottom: 1px solid #dadada;
}

.formalization-data__today {
    width: 67px;
    height: 30px;
    margin-left: 10px;
}

.formalization-data__tomorrow {
    width: 67px;
    height: 30px;
    margin-left: 10px;
}

.formalization-data__tomorrow:after {
    position: absolute;
    top: 50%;
    left: 40%;

    display: block;

    width: 10px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.formalization-data__date {
    line-height: 13px;

    width: 108px;
    height: 30px;
    margin: 0 10px;
}

.formalization-data__date .fa-calendar {
    margin-right: 3px;
}

.formalization-data__panel {
    display: flex;

    width: 100%;
}

.formalization-data__panel span {
    font-size: 12px;
    line-height: 14px;

    display: block;

    color: #4f4f4f;
}

.formalization-data__panel .dop {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;
    line-height: 14px;

    display: block;

    margin-right: 5px;

    white-space: nowrap;

    color: #4f4f4f;

    align-self: center;
}

.formalization-data__dopinfo {
    width: 95%;
    margin-top: 20px;
}

.formalization-data .buttn {
    font-family: 'Roboto', sans-serif;

    transition: all .3s;
    text-align: center;

    color: #8b8b8b;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    background-color: #fff;

    align-items: center;
    justify-content: center;
}

.formalization-data .buttn:hover {
    color: #038057;
    border: 1px solid #038057;
}

.formalization-data .buttn.active {
    color: #038057;
    border: 1px solid #038057;
}

.formalization-data .attention1 {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 10px;
    line-height: 12px;

    position: relative;

    padding-left: 25px;

    color: #4f4f4f;
}

.formalization-data .attention1:after {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    content: '';

    border-radius: 50%;
    background-color: #fff;
    background-image: url('../img/design/ico/question.svg');
    background-repeat: no-repeat;
}

.formalization-data .attention2 {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;
    line-height: 14px;

    position: relative;

    padding-left: 25px;

    color: #8b8b8b;
}

.formalization-data .attention2:after {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    content: '';

    border-radius: 50%;
    background-color: #fff;
    background-image: url('../img/design/ico/attention.svg');
    background-repeat: no-repeat;
}

.formalization-data a.show-more {
    font-size: 12px;

    cursor: pointer;
    text-align: right;
    white-space: nowrap;

    color: #008e62;
}

.formalization-total {
    display: flex;
    flex-direction: column;

    width: 50%;
    margin-top: 0;
    padding-left: 16px;
}

.formalization-total__goods {
    position: relative;

    display: flex;
    overflow: hidden;
    flex-direction: row;

    width: 100%;
    margin-top: 10px;

    justify-content: space-between;
    align-items: flex-end;
}

.formalization-total__goods .descr {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;
    line-height: 14px;

    z-index: 1;

    padding-right: 3px;

    background-color: #fff;
}

.formalization-total__goods .data {
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;
    line-height: 14px;

    z-index: 1;

    padding-left: 3px;

    background-color: #fff;
}

.formalization-total__goods:after {
    font-size: 12px;
    line-height: 14px;

    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;

    content: '......................................................................................................................................................................................';

    color: #d8d8d8;
}

.formalization-total__selfdel {
    position: relative;

    display: flex;
    overflow: hidden;
    flex-direction: row;

    width: 100%;
    margin-top: 10px;

    justify-content: space-between;
    align-items: flex-end;
}

.formalization-total__selfdel:after {
    font-size: 12px;
    line-height: 14px;

    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;

    content: '.................................................................................................................................................................................';

    color: #d8d8d8;
}

.formalization-total__selfdel .descr {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;
    line-height: 14px;

    z-index: 1;

    padding-right: 3px;

    background-color: #fff;
}

.formalization-total__selfdel .data {
    font-family: 'Roboto Light', sans-serif;
    font-size: 14px;
    line-height: 16px;

    z-index: 1;

    padding-left: 3px;

    background-color: #fff;
}

.formalization-total__transfer {
    position: relative;

    display: flex;
    overflow: hidden;
    flex-direction: row;

    width: 100%;
    margin-top: 8px;

    justify-content: space-between;
    align-items: flex-end;
}

.formalization-total__transfer:after {
    font-size: 12px;
    line-height: 14px;

    position: absolute;
    bottom: 0;
    left: 30%;

    display: block;

    width: 100%;

    content: '..........................................................................................................................................................';

    color: #d8d8d8;
}

.formalization-total__transfer .descr {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;
    line-height: 14px;

    z-index: 1;

    display: flex;

    padding-right: 3px;

    background-color: #fff;
}

.formalization-total__transfer .data {
    font-family: 'Roboto Light', sans-serif;
    font-size: 14px;
    line-height: 16px;

    z-index: 1;

    padding-left: 3px;

    background-color: #fff;
}

.formalization-total__common {
    line-height: 16px;

    position: relative;

    display: flex;
    overflow: hidden;
    flex-direction: row;

    margin-top: 14px;

    align-items: flex-end;
    justify-content: flex-end;
}

.formalization-total__common:after {
    font-size: 12px;
    line-height: 14px;

    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 50%;

    display: block;

    width: 100%;

    content: '..............................................................................................................................................................';

    color: #d8d8d8;
}

.formalization-total__common .descr {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;
    line-height: 14px;

    z-index: 1;

    display: inline-block;

    margin-right: 35px;
    padding-right: 3px;
    padding-left: 130px;

    color: #333;
    background-color: #fff;
}

.formalization-total__common .data-resume {
    font-family: 'Roboto Medium', sans-serif;
    font-size: 16px;

    z-index: 1;

    padding-left: 3px;

    color: #333;
    background-color: #fff;
}

#ui-datepicker-div {
    left: 58.5% !important;

    width: 100% !important;
    max-width: 380px;
    padding: 20px 10px 10px 0 !important;
}

#ui-datepicker-div:before {
    position: absolute;
    top: 0;
    left: 50%;

    display: block;

    width: 10px;
    height: 10px;

    content: '';
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);

    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    background-color: #fff;
}

.ui-datepicker-calendar {
    background-color: #fff !important;
}

.ui-datepicker-calendar th {
    font-family: 'Roboto Medium', sans-serif !important;
    font-size: 12px !important;

    width: 30px !important;

    text-align: center !important;

    color: rgba(0, 0, 0, .5433) !important;
    border: 1px solid transparent !important;
    background-color: #fff !important;
}

.ui-datepicker-header {
    width: 380px !important;

    border: none !important;
    background-color: #fff !important;
}

.ui-datepicker-title {
    font-family: 'Roboto Medium', sans-serif !important;
    font-size: 14px !important;

    margin-bottom: 15px !important;

    text-align: center !important;

    color: rgba(0, 0, 0, .8726) !important;
}

.ui-state-default {
    font-family: 'Roboto Medium', sans-serif !important;
    font-size: 12px !important;
    line-height: 51px !important;

    width: 50px !important;
    height: 51px !important;

    text-align: center !important;

    color: rgba(0, 0, 0, .867782) !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    background-color: #fff !important;
}

.ui-state-default.ui-state-active {
    color: #fff !important;
    background-color: #038057 !important;
}

.ui-datepicker-calendar .ui-state-hover {
    font-family: 'Roboto', sans-serif;
    font-size: 16px !important;

    color: #038057 !important;
}

.ui-datepicker-calendar .ui-state-highlight {
    font-family: 'Roboto', sans-serif;
    font-size: 12px !important;

    color: rgba(0, 0, 0, .867782) !important;
    background-color: transparent !important;
}

.ui-datepicker .ui-datepicker-prev {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);

    background-image: url(../img/design/ico/arrow-down.svg);
    background-repeat: no-repeat;
}

.ui-datepicker .ui-datepicker-prev:hover {
    cursor: pointer;

    border: none;
    background-color: #fff;
}

.ui-datepicker .ui-datepicker-next {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);

    background-image: url(../img/design/ico/arrow-down.svg);
    background-repeat: no-repeat;
}

.ui-datepicker .ui-datepicker-next:hover {
    cursor: pointer;

    border: none;
    background-color: #fff;
}

.datepicker-wr {
    position: relative;

    cursor: pointer;
}

.datepicker-wr .fa-calendar {
    position: absolute;
    top: 50%;
    left: 15%;

    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.datepicker-wr input:hover {
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .formalization-header {
        flex-direction: column;
    }

    .formalization-header__block {
        display: flex;

        margin-bottom: 10px;

        justify-content: space-between;
    }

    .formalization-header__label {
        display: none;
    }

    .formalization-header__input {
        font-size: 14px;

        width: 285px;
        height: 40px;
        padding-bottom: 0;
    }

    .formalization-form .input-field {
        width: 100%;
        margin: 0 auto;
        padding: 0 15px !important;
    }

    .formalization-total {
        width: 100%;
        padding-left: 0;
    }

    #ui-datepicker-div {
        left: 50% !important;

        width: 100% !important;
        min-width: 100% !important;
        padding: 0 0 0 0 !important;

        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    #ui-datepicker-div:before {
        position: absolute;
        top: 0;
        left: 50%;

        display: block;

        width: 10px;
        height: 10px;

        content: '';
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);

        border-top: 1px solid #d8d8d8;
        border-left: 1px solid #d8d8d8;
        background-color: #fff;
    }

    .ui-datepicker-calendar {
        width: 100% !important;
    }

    .ui-datepicker-header {
        width: 100% !important;

        border: none !important;
        background-color: #fff !important;
    }

    .ui-datepicker-title {
        font-family: 'Roboto Medium', sans-serif !important;
        font-size: 14px !important;

        margin-bottom: 15px !important;

        text-align: center !important;

        color: rgba(0, 0, 0, .8726) !important;
    }

    .ui-state-default {
        font-family: 'Roboto Medium', sans-serif !important;
        font-size: 12px !important;
        line-height: 51px !important;

        width: 40px !important;
        height: 51px !important;

        text-align: center !important;

        color: rgba(0, 0, 0, .867782) !important;
        border: 1px solid transparent !important;
        border-radius: 4px !important;
        background-color: #fff !important;
    }

    .ui-state-default.ui-state-active {
        color: #fff !important;
        background-color: #038057 !important;
    }

    .ui-datepicker-calendar .ui-state-hover {
        font-family: 'Roboto', sans-serif;
        font-size: 16px !important;

        color: #038057 !important;
    }
}

@media screen and (max-width: 470px) {
    .datepicker-wr {
        position: relative;
    }

    .datepicker-wr .fa-calendar {
        font-size: 25px;

        position: absolute;
        top: 50%;
        left: 20%;

        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .show-more.show-map {
        font-size: 25px;

        margin: 8px 0;
    }

    .formalization-header__search {
        flex-direction: column;
    }

    .formalization-form__house {
        width: 55px;
    }

    .formalization-form__hausing {
        width: 138px;
    }

    .formalization-data__btnwrap {
        flex-direction: column;
    }

    .formalization-data__btnwrap .dop {
        font-size: 16px;

        margin-bottom: 10px;
    }

    .formalization-data__btnwrap .buttn {
        font-size: 16px;

        width: 100%;
        height: 40px;
        margin: 3px 0;
    }

    body .mCSB_inside>.mCSB_container {
        margin-right: 10px !important;
    }
}

/*End cart-formalization*/
/*Cart-total-panel*/
.total-panel-wrap {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    left: 0;

    width: 100%;

    background-color: #fff;
}

@media (max-width: 991.98px) {
    .total-panel-wrap {
        position: static;
        z-index: 1;
    }
}

.total-panel {
    padding: 0 15px 0;
}

.total-panel-item__title {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;

    margin: 0 0 13px 0;

    color: #000;
}

.total-panel-item__saving {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 14px;

    position: absolute;
    top: 5px;
    right: 0;

    color: #ce0c36;
}

.total-panel-item__saving span {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;

    color: #ce0c36;
}

.total-panel-item__saving .valuta {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;

    color: #ce0c36;
}

.total-panel-item .panel-title-wrapp {
    position: relative;

    display: flex;
    flex-direction: row;

    justify-content: space-between;
}

.total-list {
    padding: 0;

    list-style-type: none;
}

.total-list__item {
    font-size: 14px;

    position: relative;

    display: flex;
    overflow: hidden;

    margin-bottom: 5px;

    justify-content: space-between;
    align-items: flex-end;
}

.total-list__item:after {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 300;

    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;

    content: '..................................................................................................................................................................................................................................................................';

    color: #d8d8d8;
}

.total-list__item p {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;

    z-index: 1;

    margin: 0;
    padding: 0 5px 0 0;

    text-align: left;

    color: #000;
    background-color: #fff;
}

.total-list__item .total-list__data {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;

    z-index: 1;

    padding: 0 0 0 5px;

    text-align: right;

    color: #000;
    background-color: #fff;
}

.total-list-sale {
    padding: 0;

    list-style-type: none;
}

.total-list-sale__item {
    display: flex;

    margin-bottom: 5px;

    justify-content: space-between;
}

@media (max-width: 991.98px) {
    .total-list-sale__item {
        justify-content: flex-start;
    }
}

.total-list-sale label {
    font-family: 'Roboto', sans-serif;

    display: flex;

    margin-right: 20px;
    margin-bottom: 5px;
    padding: 5px 0;

    cursor: pointer;

    align-items: center;
}

.total-list-sale input[type='radio'] {
    display: none;
}

.total-list-sale input[type='radio']+.checker {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;

    position: relative;

    display: flex;

    margin-left: 0;
    padding-left: 24px;

    text-align: left;

    color: #333;

    align-items: center;
}

.total-list-sale input[type='radio']+.checker:after {
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border: 2px solid #8f8f8f;
    border-radius: 50%;
    background: #fff;
}

.total-list-sale input[type='radio']:checked+.checker:after {
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border: 2px solid #038057;
    border-radius: 50%;
    background: #fff;
}

.total-list-sale input[type='radio']:checked+.checker:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 4px;

    display: block;

    width: 8px;
    height: 8px;
    padding: 2px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border-radius: 50%;
    background: #038057;
}

.total-list-sale__input {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;

    width: 100%;
    padding-bottom: 2px;

    border-bottom: 1px solid #c4c4c4;
}

.total-list-sale input::-webkit-input-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;

    color: #4a4a4a;
}

.total-list-sale input:-ms-input-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;

    color: #4a4a4a;
}

.total-list-sale input::-ms-input-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;

    color: #4a4a4a;
}

.total-list-sale input::placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;

    color: #4a4a4a;
}

.total-list-sale__label {
    position: relative;

    width: 100%;
    margin: 0;
}

.total-list-sale__label:after {
    position: absolute;
    top: 10px;
    right: 0;

    display: block;

    content: '\2714';

    color: #c4c4c4;
}

.total-list-result {
    margin-top: -2px;
    padding: 0;

    list-style-type: none;
}

.total-list-result__item {
    display: flex;

    justify-content: space-between;
}

.total-list-result .order-form-btn {
    width: 100%;
    margin: 0;
    padding: 0;
}

.total-list-result__itemTop {
    position: relative;

    display: flex;
    overflow: hidden;

    background-color: #fff;

    justify-content: space-between;
    align-items: flex-end;
}

.total-list-result__itemTop:after {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 300;

    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 2px;

    content: '..................................................................................................................................................................................................................................................................';

    color: #d8d8d8;
}

.total-list-result__common {
    display: flex;

    justify-content: space-between;
}

.total-list-result__help {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;

    z-index: 1;

    padding-right: 3px;

    color: #000;
    background-color: #fff;
}

.total-list-result__discount {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;

    z-index: 1;

    display: flex;

    padding: 3px;

    text-decoration: line-through;

    color: #8b8b8b;
    background-color: #fff;

    align-items: flex-end;
}

.total-list-result__total {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;

    z-index: 1;

    color: #000;
    background-color: #fff;
}

@media screen and (max-width: 600px) {
    .total-panel-wrap {
        margin-top: 15px;
    }

    .total-panel {
        padding: 25px 15px 0;
    }
}

/*End Cart-total-panel*/
.shares-item-wrap {
    margin-bottom: 12px;
}

.shares-item-wrap:nth-of-type(odd) {
    padding-right: 6px;
}

@media (max-width: 767.98px) {
    .shares-item-wrap:nth-of-type(odd) {
        padding-right: 15px;
    }
}

.shares-item-wrap:nth-of-type(even) {
    padding-left: 6px;
}

@media (max-width: 767.98px) {
    .shares-item-wrap:nth-of-type(even) {
        padding-left: 15px;
    }
}

.page-header__descr {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 23px;

    margin-bottom: 15px;
    padding-right: 300px;

    color: #333;
}

@media (max-width: 991.98px) {
    .page-header__descr {
        padding-right: 0;
    }
}

.shares {}

.shares .page-header {
    margin-bottom: 16px;
}

.shares .shares-item-wrap {
    margin-bottom: 31px;
}

.shares .shares-item {
    /*height: 173px;*/
}

.shares .shares-item__text {
    margin-top: 0;
}

.shares .col-md-6.col-lg-3 {
    /*flex: 0 262px;*/
    /*max-width: 100%;*/
    /*width: 262px;*/
    /*padding: 0;*/
    /*margin-right: 30px;*/
}

.shares .col-md-6.col-lg-3:nth-child(4n) {
    /*margin-right: 0;*/
}

.shares .page-header__title {
    margin-bottom: 32px;
}

.shares .shares-item-wrap {
    margin-bottom: 28px;
    padding-right: 0;
}

.shares-about-text {
    padding: 0 0 8px;
}

.shares-item {
    position: relative;
    display: block;
    margin-bottom: 10px;
    border-radius: 3px;
}


.shares-item--1 .shares-item__sale {
    color: #762826;
}

.shares-item--2 {
    background: rgba(227, 175, 80, .17);
}

.shares-item--2 .shares-item__sale {
    color: #d96900;
}

.shares-item--3 {
    background: #eaeaea;
}

.shares-item--3 .shares-item__sale {
    color: #e03753;
}

.shares-item--4 {
    background: rgba(9, 56, 127, .11);
}

.shares-item--4 .shares-item__sale {
    color: #4067ab;
}

.shares-item__sale {
    font-size: 25px;

    z-index: 1;

    margin-bottom: 2px;
}

.shares-item__name {
    font-size: 13.6px;
    line-height: 22px;

    z-index: 1;

    width: 50%;

    color: #2e2e2e;
}

.shares-item__img {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.shares-item__text {
    display: block;
}

.shares-item__text span {
    display: block;
}

.shares-about-text {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0;
    text-align: left;
    color: #000;
}

.shares-period {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 14px;
    text-align: left;
    color: #038057;
}


/*place-choice*/
.place-choice {
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;

    display: flex;

    width: 572px;
    padding: 20px 0;

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    background-color: #fff;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .25);
}

.place-choice .region {
    width: 50%;
    padding: 10px 20px 20px 30px;

    border-right: 1px solid #d8d8d8;
}

.place-choice .city {
    width: 50%;
    padding: 10px 20px 20px 30px;
}

.place-choice .region-title,
.place-choice .city-title {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;

    display: block;

    margin-bottom: 15px;

    color: #333;
}

.place-choice .region-nav,
.place-choice .city-nav {
    font-family: 'Roboto', sans-serif;

    margin: 0;
    padding: 0;

    list-style-type: none;
}

.place-choice .region-nav__item {
    position: relative;

    display: block;

    margin-right: 10px;
}

.place-choice .region-nav__item:after {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 0;

    display: block;

    width: 5px;
    height: 9px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    background-image: url('../img/design/ico/gray-arrow.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

.place-choice .region-nav__item:hover .region-nav__link {
    color: #038057;
}

.place-choice .region-nav__item:hover:after {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 0;

    display: block;

    width: 5px;
    height: 9px;

    content: '';
    cursor: pointer;
    -webkit-transform: translateY(-50%), rotate(90deg);
    transform: translateY(-50%), rotate(90deg);

    background-image: url('../img/design/ico/right-arrow-active.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

.place-choice .region-nav__link {
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;

    display: block;

    color: #4f4f4f;
}

.place-choice .city-nav__item {
    position: relative;

    display: block;
}

.place-choice .city-nav__item:hover .city-nav__link {
    color: #038057;
}

.place-choice .city-nav__link {
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;

    display: block;

    color: #4f4f4f;
}

.place-choice .region-nav__item-active .region-nav__link {
    color: #038057;
}

.place-choice .region-nav__item-active:after {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 0;

    display: block;

    width: 5px;
    height: 9px;

    content: '';
    -webkit-transform: translateY(-50%), rotate(90deg);
    transform: translateY(-50%), rotate(90deg);

    background-image: url('../img/design/ico/right-arrow-active.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

.place-choice .city-nav__item-active .city-nav__link {
    color: #038057;
}

button.mfp-close {
    position: absolute;
    top: 20px;
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 991px) {
    .shares .shares-item-wrap {
        margin-bottom: 35px;
    }
}

@media screen and (max-width: 400px) {
    .shares .shares-about-text {
        padding-top: 0;
        display: block;
        font-size: 16px;
        line-height: 20px;
    }

    .shares .shares-period {
        line-height: 20px;
        display: block;
    }
}

@media screen and (max-width: 580px) {
    .place-choice {
        flex-direction: column;
        width: 100%;
        padding-top: 50px;
        align-items: center;
    }

    .place-choice .city {
        width: 320px;
        border: 1px solid #d8d8d8;
    }

    .place-choice .region {
        width: 320px;
        border: 1px solid #d8d8d8;
        border-bottom: 0;
    }

    .place-choice .region-nav__item {
        position: relative;

        display: block;

        margin-right: 0;
    }
}

@media screen and (max-width: 470px) {
    .place-choice .region-nav__item {
        position: relative;

        display: block;

        margin-right: 18px;
    }
}

/*end place-choice*/
/*sale-filter*/
.sale-filter {
    margin-bottom: 30px;
    padding-top: 15px;
}

.sale-filter__item {
    display: flex;

    margin-bottom: 8px;

    align-items: center;
}

.sale-filter__item:last-child {
    margin-bottom: 0;
}

.sale-filter__label {
    z-index: 1;

    display: flex;

    margin: 0;

    cursor: pointer;

    background-color: #fff;

    align-items: center;
}

input[type='checkbox'] {
    display: none;
}

input[type='checkbox']+.sale-filter__checker {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;

    position: relative;

    display: flex;

    margin-right: 11px;
    padding-left: 22px;

    color: #333;

    align-items: center;
}

input[type='checkbox']+.sale-filter__checker:after {
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border: 2px solid #8b8b8b;
    background: #fff;
}

input[type='checkbox']:checked+.sale-filter__checker:after {
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border: none;
    background: #fff;
    background-image: url(../img/design/ico/checkbox-checked.svg);
}

/*end sale-filter*/
.advert {
    margin-bottom: 20px;
    padding-top: 42px;
}

.advert__img {
    position: absolute;
    bottom: 5px;
    left: 50%;

    width: 100%;

    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}

.advert__img img {
    display: inline-block;

    max-width: 100%;
    margin: 0 auto;
}

.advert-text {
    display: flex;
    flex-direction: column;

    margin: 0 auto;
    padding-top: 42px;
}

.advert-text__title {
    font-size: 96px;
    line-height: 1;

    position: relative;

    display: inline-block;

    margin: 0 auto 52px;

    color: #2e2e2e;
}

.advert-text__title:after {
    position: absolute;
    bottom: -30px;
    left: 0;

    display: block;

    width: 100%;
    height: 23px;

    content: '';

    border-radius: 4px;
    box-shadow: 2.1px 9.8px 29px rgba(46, 46, 46, .18);
}

.advert-text__title-1:after {
    background-color: #d62818;
}

.advert-text__title-2:after {
    background-color: #008e62;
}

.advert-text__description {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: normal;

    width: 100%;
    margin: 0 auto;

    text-align: center;
    text-transform: uppercase;

    color: #2e2e2e;
}

.advert-banners .deals-item-div {
    padding: 0 !important;
    flex: 1;
    width: 100%;
    max-width: 100%;
}

.advert-banners .deals-item-div img {
    width: 100%;
    height: auto;
}

.advert-banners__wrap {
    position: relative;

    height: 390px;
    margin-bottom: 35px;

    background-size: cover;
}

@media (max-width: 1199.98px) {
    .advert-banners__wrap {
        display: none;
    }
}

.advert-banners__wrap:last-child {
    margin-bottom: 0;
}

.advert-banners__wrap-1 {
    position: relative;

    background: url('../img/design/advert/bg-1.png');
    background-size: cover;
}

.advert-banners__wrap-2 {
    position: relative;

    background: url('../img/design/advert/bg-2.png');
    background-size: cover;
}

.filter-wrap {
    display: flex;

    width: 100%;
    height: auto;

    border-bottom: 1px solid #d8d8d8;

    justify-content: space-between;
}

@media (max-width: 991.98px) {
    .filter-wrap {
        justify-content: flex-end;
    }
}

.sort-select {
    display: none;
}

@media (max-width: 767.98px) {
    .sort-select {
        display: flex;
    }
}

.filter {
    display: flex;

    height: 100%;
    margin: 0;
    padding: 0;

    list-style-type: none;

    align-items: center;
}

.filter__help {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;
    margin: 0;
    color: #8b8b8b;
}

.filter__title {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;
    color: #8b8b8b;
}

.filter__item {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;
    margin-left: 20px;
    list-style-type: none;
    cursor: pointer;
    color: #333;
    border-bottom: 1px dashed #333;
    transition: .3s;
}

.filter__item:hover {
    border-bottom: 1px dashed transparent;
}

.filter__item a {
    color: #333333;
    transition: .3s;
}

.filter__item:hover a {
    color: #038057;
}

.filter__item-active {
    color: #038057;
    border-bottom: 1px dashed transparent;
}

.filter__item-active a {
    color: #038057;
}

.filter-line+.col-xs-12 {
    flex: 1 100%;
}

.filter-line {
    flex: 1 100%;

}

.filter-line .row {
    margin-left: 0;
    margin-right: 0;
}

.filter-line .row div:first-child {
    margin-right: auto;
}

.catalog-filter {
    flex: 1 100%;
    order: -1;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2px;
}

.catalog-filter .actions a,
.catalog-filter .filter-items li {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 14px;
    color: #333333;
    border-radius: 20px;
    background-color: #f2f2f2;
    height: 19px;
    margin-right: 12px;
}

.catalog-filter .filter-items li p {
    margin-bottom: 0;
    margin-right: 11px;
}

.catalog-filter .actions {
    display: flex;
    align-items: flex-start;
    margin-right: 0 !important;
}

.catalog-filter .actions p {
    font-size: 12px;
    line-height: 14px;
    color: #8b8b8b;
    margin-right: 12px;
}

.catalog-filter .actions a {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.catalog-filter .actions a .delete {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 17px;
    font-size: 0;
    line-height: 0;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
    margin-right: 6px;
}

.catalog-filter .actions a span:not(.delete) {
    position: relative;
    top: -3px;
    margin-right: 19px;
}

.catalog-filter .actions a .delete::after,
.catalog-filter .actions a .delete::before {
    position: absolute;
    left: 5px;
    top: 8px;
    content: '';
    width: 8px;
    height: 1px;
    border-radius: 10px;
    background-color: #ce0c36;
}

.catalog-filter .actions a .delete::after {
    transform: rotate(45deg);
}

.catalog-filter .actions a .delete::before {
    transform: rotate(135deg);
}

.catalog-filter .filter-items {
    display: flex;
    align-items: flex-start;
}

.catalog-filter .filter-items .delete {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 17px;
    order: -1;
    font-size: 0;
    line-height: 0;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
    margin-right: 6px;
}

.catalog-filter .filter-items .delete::after,
.catalog-filter .filter-items .delete::before {
    position: absolute;
    left: 5px;
    top: 8px;
    content: '';
    width: 8px;
    height: 1px;
    border-radius: 10px;
    background-color: #ce0c36;
}

.catalog-filter .filter-items .delete::after {
    transform: rotate(45deg);
}

.catalog-filter .filter-items .delete::before {
    transform: rotate(135deg);
}

.sorting-filter {
    padding-bottom: 7px;
}

.sorting-filter .filter__item-block {
    display: flex;
}

.filter-mobile-btn {
    display: none;
}

.sorting-filter .filter__help.mob {
    display: none;
}

@media (max-width: 991px) {
    .catalog-content .sidebar-block {
        display: none;
    }

    .sorting-filter {
        display: flex;
        position: relative;
    }

    .sorting-filter .filter__help {
        padding-right: 15px;
        position: relative;
        font-size: 14px;
        line-height: 14px;
        color: #000;
        display: none;
    }

    .sorting-filter .filter__help.mob {
        display: inline-block;
    }

    .sorting-filter .filter__help.active:after {
        transform: rotate(180deg);
    }

    .sorting-filter .filter__help:after {
        position: absolute;
        top: 1px;
        right: 0;
        content: "\f107";
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        /*font: normal normal normal 14px/1 FontAwesome;*/
        font-size: 16px;
        color: #000;
        transform: translate(0, 0);
    }

    .sorting-filter .filter__item-block {
        display: none;
        position: absolute;
        top: 20px;
        left: 0;
        right: 0;
        z-index: 500;
        background: #fff;
        padding: 5px 15px 7px 15px;
        width: 200px;
        -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.25);
        -ms-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.25);
    }

    .sorting-filter .filter__item-block .filter__item {
        margin-left: 0;
        border-bottom: 1px solid transparent;
    }

    .sorting-filter .filter__item-block .filter__item:last-child {
        border-bottom: 1px solid transparent;
    }

    .sorting-filter .filter__item-block .filter__item a {
        display: block;
        font-size: 15px;
        line-height: 30px;
    }

    .catalog-content {
        position: relative;
        padding-top: 40px;
    }

    .catalog-content .filter-line {
        position: absolute;
        top: 0;
        left: 15px;
        border-bottom: none !important;
        margin-bottom: 0 !important;
    }

    .filter-mobile-btn {
        display: inline-block;
        top: 2px;
        right: 15px;
        padding-right: 15px;
        position: absolute;
        font-size: 14px;
        line-height: 14px;
        color: #000;
        font-family: 'Roboto Regular', sans-serif;
    }

    .filter-mobile-btn:after {
        position: absolute;
        top: 1px;
        right: 0;
        content: "\f107";
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        /*font: normal normal normal 14px/1 FontAwesome;*/
        font-size: 16px;
        color: #000;
        transform: translate(0, 0);
    }

    .filter-mobile-btn.active:after {
        transform: rotate(180deg);
    }
}

.view-block {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.view-block__item {
    display: flex;
    width: 15px;
    height: 12px;
    margin-left: 17px;
    z-index: 600;
}

.view-block__list {
    z-index: 10;
    display: block;
    width: 17px;
    height: 100%;
    text-decoration: none;
    background-image: url('../img/tmp/list.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -3px 0px;
}

.view-block__list::after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 17px;
    height: 100%;
    text-decoration: none;
    background-image: url('/local/templates/apteka/assets/img/tmp/list--hover.svg');
    background-position: -3px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
}

.view-block__list:hover::after,
.view-block__list.active::after {
    opacity: 1;
}

.view-block__menu {
    z-index: 10;
    display: block;
    width: 12px;
    height: 100%;
    text-decoration: none;
    background-image: url('../img/tmp/menu.svg');
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 0;
}

.view-block__list {
    font-size: 0;
}


.view-block__menu {
    z-index: 10;
    display: block;
    width: 12px;
    height: 100%;
    text-decoration: none;
    background-image: url('/images/menu.svg');
    background-repeat: no-repeat;
    background-size: cover;

}

.view-block__menu::after {
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    text-decoration: none;
    background-image: url('/local/templates/apteka/assets/img/tmp/menu--hover.svg');
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
}

.view-block__menu:hover::after,
.view-block__menu.active::after {
    opacity: 1;
}

@media (max-width: 991px) {
    .view-block {
        align-self: center;
    }
}

.sort-select {
    font-family: 'Roboto', sans-serif;
    display: none;
    margin-bottom: 10px;
    padding: 10px 50px 10px 10px;
    color: #333;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    background: url('../img/design/ico/sort-arrows-couple.svg') no-repeat 95% center;
    background-color: #fff;
    background-size: 10%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media (max-width: 991px) {
    .sort-select {
        display: block;
    }
}

.panel-pagination {
    display: flex;

    padding: 15px 0 5px;

    align-items: center;
    justify-content: space-between;
}

@media (max-width: 767.98px) {
    .panel-pagination {
        flex-direction: column-reverse;
    }
}

.page-item {
    position: relative;

    display: flex;

    margin: 3px 1px;

    align-items: center;
}

@media screen and (max-width: 480px) {
    .page-item {
        margin: 3px 0;
    }
}

.page-dots {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 25px;

    display: block;

    height: 100%;
    margin: 0 10px;

    align-items: flex-end;
}

@media screen and (max-width: 480px) {
    .page-dots {
        margin: 0 5px;
    }
}

.page-link {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;

    color: #333;
    border: none;
}

.page-link:hover {
    color: #038057;
    background-color: #fff;
}

.page-item:last-child .page-link {
    width: 20px;
    height: 20px;
    margin-left: 10px;

    border-radius: 50%;
    background-image: url('../img/design/ico/pag-arrow-right.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.page-item:first-child .page-link {
    width: 20px;
    height: 20px;
    margin-right: 10px;

    border-radius: 50%;
    background-image: url('../img/design/ico/pag-arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.sort-count {
    display: flex;

    padding: 0;

    list-style-type: none;

    justify-content: space-between;
}

.sort-count__item {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;

    margin-right: 10px;

    color: #4f4f4f;
}

.sort-count__item:last-child {
    margin-right: 0;
}

.sort-count__item-active {
    color: #038057;
}

/* sale-block-list*/
.sale-wrap--list {
    margin-bottom: 34px;
}

.sale-wrap--list .same-item.same-item--column {
    border-bottom: 1px solid #dadada;
    /*border-top: 1px solid #dadada;*/
    padding: 15px 0;
}

.sale-block {
    display: flex;

    flex-wrap: wrap;
}

.sale-block+.sale-block .sale-product--list {
    border-top: 0;
}

.sale-product--list {
    position: relative;
    display: block;
    width: 100%;
    min-height: 203px;
    border-bottom: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    justify-content: space-between;
}

.sale-product--list:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}

@media screen and (max-width: 480px) {
    .sale-product--list {
        flex-direction: column;
        height: auto;
        padding-left: 0;
    }
}

.sale-product--list .sticker-block .sticker {
    height: 21px;
    font-size: 13px;
    line-height: 19px;
    padding: 0 5px;
}

.sale-product--list .right-side {
    margin-left: 170px;
    position: relative;
}

.sale-product--list .right-side .sticker-block {
    overflow: hidden;
    padding: 17px 0 0 10px;
    height: 20px;
}

.sale-product--list .right-side .sticker-block .sticker {
    margin-bottom: 0;
}

.sale-product--list .right-side:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}

.sale-product--list .right-side .right-side-table {
    width: 100%;
    display: table;
    height: 100%;

}

.right-side-table {
    position: relative;
}

.right-side-table .sticker-block {
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 991px) {
    .sale-product--list .sticker-block .sticker {
        font-size: 11px;
        padding: 0 5px;
        margin: 0 5px 5px 0;
    }
}

@media (max-width: 767px) {
    .sale-product--list .right-side {
        padding-top: 20px;
        padding-left: 15px;
    }

    .sale-product--list .right-side .sticker-block {
        padding: 0 0 15px 0;
    }

    .sale-product--list .sticker-block .sticker {
        line-height: 19px;
        margin: 0 5px 10px 0;
        padding: 0 4px;
    }
}

@media screen and (max-width: 480px) {
    .sale-product--list .right-side .sticker-block {
        padding: 10px 0 15px 0;
        height: 26px;
    }

    .sale-product--list .right-side {
        width: 100%;
        padding: 0;
    }
}

.sale-product--list .sale-product-img {
    position: relative;
    overflow: hidden;
    width: 165px;
    min-width: 165px;
    height: 165px;
    background-color: #fff;
    float: left;
    margin-top: 17px;
}

.sale-product--list .sale-product-img a {
    display: block;
}

.sale-product--list .sale-product-img img {
    max-height: 184px;
    max-width: 100%;
    padding: 0 0 0 0;
    height: auto;
    width: auto;
    margin: 0 auto;
    display: block;
    float: none;
}

.sale-product--list .sale-product-img__discount {
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
    width: 96px;
    height: 96px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #ce0c36;
    border-radius: 50%;
    background: #fdcf00;
    box-shadow: 1px 1px 16px rgba(0, 0, 0, .25);
}

.sale-product--list .sale-product-img__count {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    top: 10px;
    left: 5px;
    color: #ce0c36;
}

.sale-product--list .sale-product-img__heart {
    position: absolute;
    top: 14px;
    right: 5px;
}

.sale-product--list .sale-product-img__heart:hover svg path {
    fill: #ce0c36;
}

@media screen and (max-width: 480px) {
    .sale-product--list .sale-product-img {
        /*width: 100%;*/
    }

    .sale-product--list .sale-product.sale-product--list {
        border-bottom: none;
    }

    .sale-product--list .sale-product.sale-product--list {
        display: block;
    }

    .sale-product--list .sale-product-img {
        width: 80px;
        margin-top: 15px;
        height: 120px;
        min-width: 80px;
        float: left;
    }

    .sale-product--list .right-side {
        margin-left: 100px;
        width: auto;
        display: block;
        padding-top: 5px;
    }

    .sale-product--list .right-side .sale-product-order {
        height: auto;
        padding-bottom: 10px;
        display: block;
    }

    .sale-product--list .right-side .api-element-rating .api-stars-empty {
        margin-bottom: 5px;
        margin-top: 0;
    }

    .sale-product--list .right-side .product-item-properties {
        display: block;
    }

    .sale-product--list .right-side .product-item-properties dt {}

    .sale-product--list .right-side .product-item-properties dd {
        display: block !important;
        clear: none;
        float: none;
        color: #000;
        margin-right: 10px;
    }

    .sale-product--list .right-side .product-item-properties dt a {
        color: #000;
    }

    .sale-product--list .right-side .product-item-properties dd a {
        color: #000;
    }

    .sale-product--list .right-side .sale-product-descr__about {
        text-align: left;
        padding: 0;
        display: block;
    }

    .sale-product--list .right-side .sale-product-order .sale-product-order__profit {
        display: block;
        height: auto;
        text-align: left;
        float: left;
        margin-bottom: 0;
    }

    .sale-product--list .right-side .sale-product-descr {
        height: auto;
        display: block;
        text-align: left;
    }

    .sale-product--list .right-side .sale-product-descr__rating {
        margin: 0;
    }

    .sale-product--list .right-side .sale-product-descr .sale-product-descr__title {
        display: block;
        text-align: left;
        height: auto;
        max-height: 49px;
        margin-bottom: 10px;
        padding: 0;
    }

    .sale-product--list .right-side .order-cart {
        height: auto;
        display: block;
        margin-top: 0;
        float: right;
    }
}

.sale-product--list .sale-product-descr {
    display: table-cell;
    height: 100%;
    padding: 15px 15px 15px 10px;
    vertical-align: middle;
}

@media (max-width: 365px) {
    .sale-product--list .sale-product-img {
        width: 100px;
        min-width: 100px;
    }

    .sale-product--list .right-side {
        margin-left: 110px;
    }

    .sale-product--list .sticker-block .sticker {
        font-size: 11px;
    }
}

@media (max-width: 767px) {
    .sale-product--list .right-side .right-side-table {
        height: auto;
        display: block;
    }

    .sale-product--list .sale-product-descr {
        display: block;
        height: auto;
        padding: 0 0 0 0;
    }
}

@media screen and (max-width: 480px) {
    .sale-product--list .sale-product-descr {
        margin: 0 auto;
        padding: 0;
        text-align: center;
    }
}

.sale-product--list .sale-product-descr__title {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    overflow: hidden;
    max-height: 47px;

    margin-top: 10px;
    color: #2e2e2e;
    transition: all .25s;
    display: block;
}

.sale-product--list .sale-product-descr__title:hover {
    color: #038057;
}

@media (max-width: 767px) {
    .sale-product--list .sale-product-descr__title {
        font-size: 14px;
        line-height: 16px;

        overflow: hidden;

        height: 32px;
    }
}

@media screen and (max-width: 480px) {
    .sale-product--list .sale-product-descr__title {
        margin-top: 0;
        padding: 0 50px;
        height: 60px;

        text-align: center;
    }

    .sale-product-descr__rating .bx_item_detail_rating .bx_stars_rating_votes {
        font-size: 12px;
        line-height: 12px;
    }
}

.sale-product--list .sale-product-descr__rating {
    font-family: 'Museo Sans', sans-serif;
    font-size: 14px;
    line-height: normal;

    display: flex;
    width: 135px;

    margin-bottom: 0;

    color: #333;

    align-items: center;
}

.sale-product--list .sale-product-descr__rating .api-element-rating {
    display: flex;
    align-items: center;
    width: 100%;
}

.sale-product--list .sale-product-descr__rating .api-element-rating .api-average {
    margin-top: 0;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    margin-left: auto;
    margin-top: -4px;
}

.sale-product--list .sale-product-descr__rating .reviews {
    line-height: 20px;

    margin-bottom: 0;
    margin-left: 15px;
    padding-top: 5px;
}

.sale-product--list .sale-product-descr__rating #reviewStars-input {
    margin-top: 8px;
}

@media screen and (max-width: 480px) {
    .sale-product--list .sale-product-descr__rating {
        margin: 0 auto;
        padding: 0;

        text-align: center;
    }
}

.sale-product--list .sale-product-descr__about {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 24px;

    color: #7a7a7a;
    margin-top: -9px;
    padding-left: 2px;
}

.sale-product--list .sale-product-descr__about .product-item-properties {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    line-height: 24px;

    color: #7a7a7a;
}

.sale-product--list .sale-product-descr__about .product-item-properties dt,
.sale-product--list .sale-product-descr__about .product-item-properties dd {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    margin-top: 10px;
    font-weight: 400;
    margin-right: 20px;
    line-height: 24px;
    color: #7a7a7a;
    float: left;
}

.sale-product--list .sale-product-descr__about .product-item-properties dd {
    margin-bottom: 1px;
}

@media screen and (max-width: 480px) {
    .sale-product--list .sale-product-descr__about .product-item-properties {}
}

@media (max-width: 991px) {
    .sale-product--list .sale-product-descr__about {
        font-size: 12px;
        line-height: 15px;
    }
}

@media screen and (max-width: 480px) {
    .sale-product--list .sale-product-descr__about {
        margin-top: 0;
        padding: 10px 50px;

        text-align: center;
    }
}

@media (max-width: 991px) {
    .sale-product--list .sale-product-descr__about span {
        display: none;
    }
}

.sale-product--list .sale-product-descr__about p {
    margin-bottom: 0;
    padding: 0;
}

@media (max-width: 991px) {
    .sale-product--list .sale-product-descr__about p:last-child {
        display: none;
    }
}

.sale-product--list .sale-product-order {
    width: 300px;
    display: table-cell;
    vertical-align: top;
    padding-top: 42px;
}

.sale-product--list .sale-product-order:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}

@media (max-width: 1199px) {
    .sale-product--list .sale-product-order {
        height: 100%;
    }
}

@media (max-width: 767px) {
    .sale-product--list .sale-product-order {
        padding-top: 0;
    }

    .sale-product--list .sale-product-order {
        display: block;
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .sale-product--list .sale-product-order {
        display: flex;
        text-align: center;
        justify-content: space-around;
    }
}

.sale-product--list .sale-product-order__profit {
    display: flex;
    height: 38px;

    margin-right: 5px;
    padding-top: 3px;

    margin-bottom: 18px;
    float: left;
    align-items: flex-end;
    padding-bottom: 3px;
}

@media screen and (max-width: 480px) {
    .sale-product--list .sale-product-order__profit {
        margin-right: 5px;
    }
}

.sale-product--list .sale-product-order__discount {
    font-size: 12px;
    text-align: left;
    color: #8b8b8b;
}

.sale-product--list .sale-product-order__discount .discounts-product {
    text-decoration: line-through;
}

.sale-product--list .sale-product-order__discount .percent-discount {
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none !important;
    color: #ce0c36;
}

.sale-product--list .sale-product-order__price {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
    font-style: normal;
    white-space: nowrap;
    color: #2e2e2e;
    margin-right: 10px;
    display: block;
}

@media screen and (max-width: 480px) {
    .sale-product--list .sale-product-order__price {
        font-size: 20px;
    }
}

.sale-product--list .order-cart {
    height: 64px;
    float: right;
}

@media (max-width: 767px) {
    .sale-product--list .order-cart {
        position: absolute;
        top: 30px;
        right: 0px;
    }
}

.sale-product--list .order-cart__btn {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: normal;
    position: relative;
    display: flex;
    width: 150px;
    margin-bottom: 0;
    padding: 10px 20px 8px 20px;
    color: #fff;
    border-radius: 4px;
    background-color: #038057;
    order: 1;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {
    .sale-product--list .order-cart__btn {
        font-size: 12px;
        width: 125px;
        margin: 0;
        padding: 8px 10px 8px 3px;
    }
}

@media screen and (max-width: 480px) {
    .sale-product--list .order-cart__btn {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: normal;
        position: relative;
        display: flex;
        width: 116px;
        line-height: 32px;
        height: 32px;
        margin-bottom: 5px;
        padding: 0 10px 0 10px;
        white-space: nowrap;
        color: #fff;
        border-radius: 4px;
        background-color: #038057;
        box-shadow: none;
        order: 0;
        align-items: center;
        justify-content: center;
    }

    .sale-product--list .order-cart__btn svg {
        width: 18px;
        height: 17px;
    }
}

.sale-product--list .order-cart__btn i {
    margin-right: 8px;
}

@media screen and (max-width: 480px) {
    .sale-product--list .order-cart__btn i img {
        width: 20px;
        height: 20px;
        margin-right: 8px;
    }
}

.sale-product--list .order-cart__btn:hover {
    cursor: pointer;

    color: #fff;
    background: #09a675;
}

.sale-product--list .order-cart__info {
    font-family: 'Museo Sans', sans-serif;
    font-size: 12px;

    display: flex;

    color: #8b8b8b;
}

@media (max-width: 767.98px) {
    .sale-product--list .order-cart__info {
        margin-bottom: 3px;
    }
}

.sale-product--list:first-child {
    border-top: 1px solid #d8d8d8;
}

/* end sale-block-list*/
/*sale-block-column*/
.sale-block {
    display: flex;

    flex-wrap: wrap;
}

.sale-product--column {
    display: flex;
    flex-direction: column;

    width: 25%;
    height: 360px;

    border: 1px solid #d8d8d8;

    align-items: center;
}

.sale-product--column:first-child {
    border-top: 1px solid #d8d8d8 !important;
}

.sale-product--column:nth-child(n+2) {
    border-left: none;
}

.sale-product--column:nth-child(n+5) {
    border-top: none;
}

.sale-product--column:nth-child(4n+1) {
    border-top: none;
    border-left: 1px solid #d8d8d8;
}

@media (max-width: 991.98px) {
    .sale-product--column:nth-child(n+2) {
        border-left: none;
    }

    .sale-product--column:nth-child(3n+1) {
        border-top: none;
        border-left: 1px solid #d8d8d8;
    }

    .sale-product--column:nth-child(n+4) {
        border-top: none;
    }

    .sale-product--column:nth-child(4n+1) {
        border-top: none;
        border-left: none !important;
    }

    .sale-product--column:first-child {
        border-left: 1px solid #d8d8d8 !important;
    }
}

@media (max-width: 767.98px) {
    .sale-product--column:nth-child(n+2) {
        border-left: none;
    }

    .sale-product--column:nth-child(2n+1) {
        border-top: none;
        border-left: 1px solid #d8d8d8 !important;
    }

    .sale-product--column:nth-child(n+3) {
        border-top: none;
    }

    .sale-product--column:nth-child(3n+1) {
        border-top: none;
        border-left: none;
    }

    .sale-product--column:first-child {
        border-left: 1px solid #d8d8d8 !important;
    }
}

@media screen and (max-width: 480px) {
    .sale-product--column:nth-child(n+2) {
        border-top: none;
        border-left: 1px solid #d8d8d8;
    }

    .sale-product--column:nth-child(3n+1) {
        border-top: none;
        border-left: 1px solid #d8d8d8 !important;
    }

    .sale-product--column:nth-child(4n+1) {
        border-top: none;
        border-left: 1px solid #d8d8d8 !important;
    }
}

.sale-product--column .sale-product-img {
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 184px;
    margin-bottom: 5px;

    background-color: #fff;
}

.sale-product--column .sale-product-img img {
    position: absolute;
    top: 50%;
    left: 50%;

    max-width: 100%;
    height: auto;

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.sale-product--column .sale-product-img__discount {
    font-size: 14px;

    position: absolute;
    top: 0;
    left: 0;

    width: 96px;
    height: 96px;

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    color: #ce0c36;
    border-radius: 50%;
    background: #fdcf00;
    box-shadow: 1px 1px 16px rgba(0, 0, 0, .25);
}

.sale-product--column .sale-product-img__count {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;

    position: absolute;
    top: 10px;
    left: 5px;

    color: #ce0c36;
}

.sale-product--column .sale-product-img__heart {
    position: absolute;
    top: 5px;
    right: 10px;
}

.sale-product--column .sale-product-img__heart:hover svg path {
    fill: #ce0c36;
}

.sale-product--column .sale-product-descr {
    display: flex;
    flex-direction: column;

    margin-bottom: 5px;
    padding-left: 15px;

    justify-content: center;
}

.sale-product--column .sale-product-descr__title {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;

    overflow: hidden;

    height: 37px;
    margin-bottom: 0;

    cursor: pointer;

    color: #2e2e2e;
}

@media screen and (max-width: 480px) {
    .sale-product--column .sale-product-descr__title {
        padding: 0 40px;
    }
}

.sale-product--column .sale-product-descr__rating {
    font-family: 'Museo Sans', sans-serif;
    font-size: 14px;
    line-height: normal;

    display: flex;

    margin-bottom: 10px;

    color: #333;

    order: 1;
    align-items: center;
}

.sale-product--column .sale-product-descr__rating .reviews {
    font-size: 14px;
    line-height: 20px;

    margin-bottom: 0;
    margin-left: 15px;
    padding-top: 5px;
}

.sale-product--column .sale-product-descr__rating #reviewStars-input {
    margin-top: 7px;
}

.sale-product-descr__rating {
    margin-top: 10px;
}

@media screen and (max-width: 480px) {
    .sale-product--column .sale-product-descr__rating {
        margin: 0 auto;
        padding: 0;

        text-align: center;
    }
}

.sale-product--column .sale-product-descr__about {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 24px;

    text-overflow: clip;

    color: #7a7a7a;
}

.sale-product--column .sale-product-descr__about span {
    display: none;
}

.sale-product--column .sale-product-descr__about p {
    margin-bottom: 0;
    padding: 0;
}

.sale-product--column .sale-product-descr__about p:last-child {
    display: none;
}

@media screen and (max-width: 480px) {
    .sale-product--column .sale-product-descr {
        margin-top: 0;

        text-align: center;
    }
}

.sale-product--column .sale-product-order {
    display: flex;

    width: 100%;
    margin: 0;
    padding: 0;

    align-items: center;
    justify-content: space-around;
}

.sale-product--column .sale-product-order__profit {
    display: flex;
    flex-direction: column;

    height: 64px;
    margin-right: 0;
    padding-top: 3px;
}

.sale-product--column .sale-product-order__discount {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 300;

    text-decoration: line-through;

    color: #8b8b8b;
}

.sale-product--column .sale-product-order__price {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    line-height: normal;

    white-space: nowrap;

    color: #2e2e2e;
}

.sale-product--column .order-cart__btn.order-cart__btn--get {
    color: #038057;
    background: url('../img/design/ico/getCart.svg') no-repeat 5px;
    background-color: #e8e8e8;
}

.sale-product--column .order-cart__btn {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;

    position: relative;

    display: flex;

    width: 113px;
    height: 36px;
    margin-bottom: 5px;
    padding: 4px 0 4px 20px;

    text-align: right;
    white-space: nowrap;

    color: #fff;
    border-radius: 4px;
    background: url('../img/design/ico/cart.svg') no-repeat 5px;
    background-color: #038057;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);

    align-items: center;
    justify-content: center;
}

.sale-product--column .order-cart__btn:hover {
    cursor: pointer;

    color: #fff;
    background-color: #09a675;
}

.sale-product--column .order-cart__info {
    font-family: 'Museo Sans', sans-serif;
    font-size: 12px;

    margin-top: 5px;

    color: #8b8b8b;
}

@media (max-width: 991.98px) {
    .sale-product--column {
        width: 33.33333%;
    }
}

@media (max-width: 767.98px) {
    .sale-product--column {
        width: 50%;
    }
}

@media screen and (max-width: 480px) {
    .sale-product--column {
        width: 100%;
    }
}

/*End sale-block-column*/
.another-product-slider {
    margin-bottom: 45px;
}

.another-product-slider .owl-prev,
.another-product-slider .owl-next {
    position: absolute;
    top: 100px;

    overflow: hidden;

    width: 14px;
    height: 26px;

    transition: .3s;
}

.another-product-slider .owl-prev {
    left: -4%;
}

@media screen and (max-width: 1300px) {
    .another-product-slider .owl-prev {
        left: -2%;
    }
}

.another-product-slider .owl-next {
    right: -4%;
}

@media screen and (max-width: 1300px) {
    .another-product-slider .owl-next {
        right: -2%;
    }
}

.another-product-slider .owl-dots {
    font-size: 0;

    position: absolute;
    bottom: -19px;
    left: 0;

    width: 100%;

    text-align: center;
}

.another-product-slider .owl-dots .owl-dot {
    display: inline-block;

    width: 10px;
    height: 10px;
    margin: 0 3px;

    transition: .3s;
    vertical-align: top;

    border: 2px solid #ebebeb;
    border-radius: 50%;
}

.another-product-slider .owl-dots .owl-dot.active {
    border: 2px solid #038057;
    background: #038057;
}

.another-product-slider-item {
    position: relative;

    display: block;

    height: 235px;

    transition: .3s;
    text-align: center;

    border: 2px solid #e8e8e8;
}

.another-product-slider-item__title {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;

    display: block;

    padding-top: 5px;
    padding-left: 20px;

    text-align: left;

    color: #333;
}

.another-product-slider-item__count {
    font-size: 12px;
    font-weight: normal;

    margin-bottom: 30px;
    padding-left: 20px;

    text-align: left;

    color: #4f4f4f;
}

.another-product-slider-item__img {
    overflow: hidden;

    width: 100%;
    height: 172px;
}

.another-product-slider-item__img img {
    display: inline-block;

    width: 100% !important;
}

.product-wrap--block {
    margin-bottom: 30px;
}

.pharm-product-block {
    display: flex;

    flex-wrap: wrap;
}

.pharm-product--column {
    display: flex;
    flex-direction: column;

    width: 25%;
    height: 362px;

    border: 1px solid #d8d8d8;

    align-items: center;
}

.pharm-product--column:first-child {
    border-top: 1px solid #d8d8d8 !important;
}

.pharm-product--column:nth-child(n+2) {
    border-left: none;
}

.pharm-product--column:nth-child(n+5) {
    border-top: none;
}

.pharm-product--column:nth-child(4n+1) {
    border-top: none;
    border-left: 1px solid #d8d8d8;
}

@media (max-width: 1199.98px) {
    .pharm-product--column:nth-child(n+2) {
        border-left: none;
    }

    .pharm-product--column:nth-child(2n+1) {
        border-top: none;
        border-left: 1px solid #d8d8d8 !important;
    }

    .pharm-product--column:nth-child(n+3) {
        border-top: none;
    }

    .pharm-product--column:nth-child(3n+1) {
        border-top: none;
        border-left: none;
    }

    .pharm-product--column:first-child {
        border-left: 1px solid #d8d8d8 !important;
    }
}

@media (max-width: 767.98px) {
    .pharm-product--column:nth-child(n+2) {
        border-left: none;
    }

    .pharm-product--column:nth-child(2n+1) {
        border-top: none;
        border-left: 1px solid #d8d8d8 !important;
    }

    .pharm-product--column:nth-child(n+3) {
        border-top: none;
    }

    .pharm-product--column:nth-child(3n+1) {
        border-top: none;
        border-left: none;
    }

    .pharm-product--column:first-child {
        border-left: 1px solid #d8d8d8 !important;
    }
}

@media screen and (max-width: 480px) {
    .pharm-product--column:nth-child(n+2) {
        border-top: none;
        border-left: 1px solid #d8d8d8;
    }

    .pharm-product--column:nth-child(3n+1) {
        border-top: none;
        border-left: 1px solid #d8d8d8 !important;
    }

    .pharm-product--column:nth-child(4n+1) {
        border-top: none;
        border-left: 1px solid #d8d8d8 !important;
    }
}

.pharm-product--column .pharm-product-img {
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 184px;
    margin-bottom: 5px;

    background-color: #fff;
}

.pharm-product--column .pharm-product-img img {
    position: absolute;
    top: 50%;
    left: 50%;

    max-width: 100%;
    height: auto;

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pharm-product--column .pharm-product-img__heart {
    position: absolute;
    top: 5px;
    right: 10px;
}

.pharm-product--column .pharm-product-img__heart:hover svg path {
    fill: #ce0c36;
}

.pharm-product--column .pharm-product-descr {
    display: flex;
    flex-direction: column;

    margin-bottom: 5px;
    padding-left: 15px;

    justify-content: center;
}

.pharm-product--column .pharm-product-descr__title {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;

    overflow: hidden;

    height: 37px;
    margin-bottom: 0;

    cursor: pointer;

    color: #2e2e2e;
}

@media screen and (max-width: 480px) {
    .pharm-product--column .pharm-product-descr__title {
        padding: 0 40px;
    }
}

.pharm-product--column .pharm-product-descr__rating {
    font-family: 'Museo Sans', sans-serif;
    font-size: 14px;
    line-height: normal;

    display: flex;

    margin-bottom: 5px;

    color: #333;

    order: 1;
    align-items: center;
}

.pharm-product--column .pharm-product-descr__rating .reviews {
    font-size: 14px;
    line-height: 20px;

    margin-bottom: 0;
    margin-left: 5px;
    padding-top: 4px;
}

.pharm-product--column .pharm-product-descr__rating #reviewStars-input {
    margin-top: 7px;
}

@media screen and (max-width: 480px) {
    .pharm-product--column .pharm-product-descr__rating {
        margin: 0 auto;
        padding: 0;

        text-align: center;
    }
}

.pharm-product--column .pharm-product-descr__about {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 24px;

    text-overflow: clip;

    color: #7a7a7a;
}

.pharm-product--column .pharm-product-descr__about span {
    display: none;
}

.pharm-product--column .pharm-product-descr__about p {
    margin-bottom: 0;
    padding: 0;
}

.pharm-product--column .pharm-product-descr__about p:last-child {
    display: none;
}

@media screen and (max-width: 480px) {
    .pharm-product--column .pharm-product-descr {
        margin-top: 0;

        text-align: center;
    }
}

.pharm-product--column .pharm-product-order {
    display: flex;

    width: 100%;
    margin: 0;
    padding: 0;

    align-items: center;
    justify-content: space-around;
}

.pharm-product--column .pharm-product-order__profit {
    display: flex;
    flex-direction: column;

    height: 64px;
    margin-right: 0;
    padding-top: 3px;
}

.pharm-product--column .pharm-product-order__discount {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 300;

    color: #8b8b8b;
}

.pharm-product--column .pharm-product-order__discount .valuta-discount {
    text-decoration: line-through;
}

.pharm-product--column .pharm-product-order__discount .percent-discount {
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;

    color: #ce0c36;
}

.pharm-product--column .pharm-product-order__price {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    line-height: normal;

    white-space: nowrap;

    color: #2e2e2e;
}

.pharm-product--column .order-cart__btn {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;

    position: relative;

    display: flex;

    width: 113px;
    height: 36px;
    margin-bottom: 5px;
    padding: 4px 10px 4px 10px;

    white-space: nowrap;

    color: #038057;
    border-radius: 4px;
    background-color: #e8e8e8;

    align-items: center;
    justify-content: center;
}

.pharm-product--column .order-cart__btn input[type='checkbox'] {
    display: none;
}

.pharm-product--column .order-cart__btn input[type='checkbox']+label.order-cart__label {
    position: relative;

    display: inline-block;

    width: 100%;
    height: 100%;
    margin: auto;
    padding-left: 20px;
}

.pharm-product--column .order-cart__btn input[type='checkbox']+label.order-cart__label:before {
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border: 2px solid #fff;
}

.pharm-product--column .order-cart__btn input[type='checkbox']:checked+label:after {
    position: absolute;
    z-index: 1000;
    top: 50%;
    left: 0;

    display: inline-block;

    width: 16px;
    height: 16px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border: none;
    background-image: url('../img/design/ico/checkbox-checked.svg');
}

.pharm-product--column .order-cart__btn:hover {
    cursor: pointer;

    color: #fff;
    background: #09a675;
}

.pharm-product--column .order-cart__btn--checked {
    color: #fff;
    background-color: #038057;
}

.pharm-product--column .order-cart__info {
    font-family: 'Museo Sans', sans-serif;
    font-size: 12px;

    margin-top: 5px;

    color: #8b8b8b;
}

@media (max-width: 1199.98px) {
    .pharm-product--column {
        width: 50%;
    }
}

@media (max-width: 767.98px) {
    .pharm-product--column {
        width: 50%;
    }
}

@media screen and (max-width: 480px) {
    .pharm-product--column {
        width: 100%;
    }
}

/*.internet-pharmacies-nav*/
.internet-pharmacies-nav__title {
    font-family: 'Roboto Medium', sans-serif;
    font-size: 25px;

    display: flex;

    width: 100%;
    padding-bottom: 15px;

    text-align: left;

    color: #333;
    border-bottom: 1px solid #d8d8d8;
}

@media (max-width: 991px) {
    .internet-pharmacies-nav__title {
        font-size: 15px;
        line-height: 40px;
        margin-bottom: 6px;
        padding: 0 20px;
        cursor: pointer;
        background: #f3f3f3;
    }


}

@media (max-width: 991px) {
    .internet-pharmacies-nav__title.active:after {
        top: 2px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@media (max-width: 991px) {
    .internet-pharmacies-nav__list {
        overflow: hidden;
        max-height: 0;
        transition: .5s;
    }
}

.internet-pharmacies-nav__list ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

@media (max-width: 991.98px) {
    .internet-pharmacies-nav__list ul {
        padding-left: 30px;
    }
}

.internet-pharmacies-nav__list ul li {
    padding: 6px 0;
}

.internet-pharmacies-nav__list ul li a {
    font-size: 14px;
    line-height: 1.4;

    transition: .3s;

    color: #676767;
}

@media (max-width: 1199.98px) {
    .internet-pharmacies-nav__list ul li a {
        font-size: 12px;
    }
}

.internet-pharmacies-nav__list ul li a:hover {
    text-decoration: none;

    color: #008e62;
}

.internet-pharmacies-nav__menu {
    margin-top: 13px;
    padding: 0;

    list-style-type: none;
}

.internet-pharmacies-nav__submenu {
    display: flex;
    visibility: hidden;
    flex-direction: column;

    width: 96%;
    height: 0;

    list-style: none;

    transition: all .2s;

    opacity: 0;
}

.internet-pharmacies-nav__submenu li {
    font-family: 'Roboto Regular', sans-serif;

    display: flex;

    width: 100%;
    height: 35px;

    background-color: #fff;

    align-items: center;
}

.internet-pharmacies-nav__submenu li a {
    font-family: 'Roboto Reqular', sans-serif;
    font-size: 14px;

    display: block;

    width: 100%;
    padding-left: 10px;

    color: #333;
}

.internet-pharmacies-nav__submenu li:nth-child(odd) {
    background-color: #f5f5f5;
}

.internet-pharmacies-nav__submenu li.active {
    border-left: 4px solid #038057;
    background-color: rgba(3, 128, 87, .1);
}

.internet-pharmacies-nav__submenu li.active a {
    color: #038057;
}

.internet-pharmacies-nav__list {
    display: flex;
    flex-direction: column;

    width: 100%;
    height: auto;

    color: #333;

    align-items: flex-end;
}

.internet-pharmacies-nav__list:hover {
    color: #038057;
}

.internet-pharmacies-nav__list.active {
    color: #038057;
}

.internet-pharmacies-nav__link {
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;
    line-height: 34px;

    display: block;

    width: 100%;
}

/*.internet-pharmacies-nav__submenu*/
.internet-pharmacies-nav__submenu.show {
    visibility: visible;

    height: 100%;

    opacity: 1;
}

/*about-set*/
.about-set {
    position: relative;
    top: 0;
    display: block;
    margin-top: 170px;
    padding: 30px;
    background-color: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .25);
    max-width: 262px;
}

.about-set.fixed {
    position: fixed;
    top: 0;
}

.about-set.fixed.stop-fixed {
    position: relative;
}

.about-set .mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail {
    margin-right: 20px !important;
    margin-left: 0;
}

.about-set .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    left: -2px;

    margin: 0;
}

@media (max-width: 991.98px) {
    .about-set {
        margin-top: 0;
    }
}

.about-set-header__title {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #333;
    background: #fff;
    position: relative;
    z-index: 10;
}

.about-set-content {
    position: relative;
    max-height: 250px;
    height: auto;
    margin-bottom: 10px;
    padding-bottom: 27px;
}

.about-set-content__description {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    color: #333;
    max-height: 230px;
}

.about-set-content:before {
    display: none;
}

.about-set-content .about-set-content__description.mCustomScrollbar.mCS_no_scrollbar:before {
    display: none;
}

.about-set-content .about-set-content__description.mCustomScrollbar:before {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    display: block;
    width: auto;
    right: 10px;
    height: 60px;
    content: '';
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
}

.about-set-content .mCSB_inside>.mCSB_container {
    margin-right: 15px !important;
}

.about-set-content:after {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: -30px;
    display: block;
    width: calc(100% + 60px);
    height: 1px;
    content: '';
    background: #d8d8d8;
}

.about-set-result {
    display: flex;
    flex-direction: column;

    padding: 5px 0 15px 0;

    list-style-type: none;
}

.about-set-result__item {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 5px;
    color: #333;
}

.about-set-result__item:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}

.about-set-result__item span {
    display: inline-block;
}

.about-set-result__item:before {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: '...............................................................................................................................................................................................................................................................................................................................................................';
}

.about-set-result__title {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 23px;
    font-weight: normal;
    z-index: 1;
    float: left;
    padding-right: 5px;
    color: #333;
    position: relative;
    background-color: #fff;
}

.about-set-result__num {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 23px;
    font-weight: normal;
    z-index: 1;
    float: right;
    padding-left: 8px;
    color: #333;
    background-color: #fff;
    position: relative;
}

.about-set-result__sum {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    line-height: 23px;
    z-index: 1;
    float: right;
    height: 100%;
    padding-left: 8px;
    white-space: nowrap;
    color: #2e2e2e;
    background-color: #fff;
    position: relative;
}

.about-set-cart {
    display: flex;

    margin-bottom: 10px;
}

.about-set-cart__btn {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: normal;

    width: 157px;
    height: 50px;

    color: #fff;
    background-color: #038057;

    align-items: center;
}

.about-set-cart__btn svg {
    margin-right: 8px;
    margin-bottom: 4px;
}

.about-set-cart__btn:hover {
    cursor: pointer;

    color: #fff;
    background: #09a675;
}

.about-set-cart__like {
    display: flex;

    padding-left: 10px;

    cursor: pointer;

    align-items: center;
}

.about-set-cart__like svg {
    fill: #c4c4c4;
}

.about-set-cart__like svg:hover {
    fill: #ce0c36;
}

.about-set-cart__help {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 21px;
    display: block;
    text-align: center;
    color: #ce0c36;
}

.popup-favor .popup-window-titlebar {
    height: auto;
}

.popup-overlay {
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
}

.popup-favor .popup-window-titlebar-title {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 30px;
    line-height: 35px;
    font-family: "Roboto Medium", sans-serif;
    color: #000000;
    padding-top: 50px;
}

.popup-favor .popup-window-titlebar-text {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    color: #4f4f4f;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    padding: 0;
    padding-top: 9px;
}

.popup-favor input[type="radio"] {
    display: none;
}

.popup-favor label {
    position: relative;
    font-size: 16px;
    line-height: 19px;
    font-family: "Roboto Light", sans-serif;
    text-align: left;
    display: block;
    padding-left: 24px;
    margin-bottom: 14px;
}

.popup-favor label::before {
    position: absolute;
    left: 0;
    top: 1px;
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #8f8f8f;
    transition: all .25s;
}

.popup-favor input:checked+label::before {
    border-color: #038057;
}

.popup-favor label::after {
    position: absolute;
    left: 4px;
    top: 5px;
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #038057;
    transition: all .25s;
    opacity: 0;
}

.popup-favor input:checked+label::after {
    opacity: 1;
}

.popup-favor .popup-window-content {
    padding-left: 89px;
    padding-top: 29px;
}

.popup-favor .popup-window-content div {
    text-align: left;
}

.popup-favor .popup-window-content input[type='text'] {
    font-size: 16px !important;
    line-height: 19px !important;
    font-family: "Roboto Light", sans-serif !important;
    border-bottom: 1px solid #000 !important;
    width: 307px !important;
    height: 30px !important;
    color: #000000 !important;
    margin-left: 25px;
    margin-top: -6px;
}

.popup-favor .popup-window-buttons {
    text-align: left;
}


@media (max-width: 550px) {
    .popup-window.popup-window-content-white.popup-favor {
        width: 95% !important;
    }

    .popup-favor .popup-window-titlebar-title {
        font-size: 24px;
    }

    .popup-favor .popup-window-content {
        padding-left: 5px;
        padding-right: 5px;
    }

    .popup-favor .popup-window-content input[type='text'] {
        width: 255px !important;
    }

    .popup-favor .popup-window-content .popup-window-buttons {
        padding-bottom: 0;
    }

    .popup-favor .popup-window-content .btn {
        margin-left: 0;
        margin-bottom: 0;
    }
}

/*end  about-set*/
/*Single-product*/
.single-product {
    padding-top: 12px;
    max-width: 100%;
    /* overflow: hidden; 26_10*/
}

.single-product h1 {
    margin-bottom: 25px;
}

.single-product>.sticker-block {
    margin-bottom: 15px;
}

/*.single-product .col-lg-5 {
	max-width: 390px;
}*/
.slick-arrow {
    display: none !important;
}

.slick-dots {
    display: none !important;
}

.single-product-title {
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    font-weight: 500;
    font-style: normal;

    margin-bottom: 33px;

    color: #000;
}

@media (max-width: 991.98px) {
    .single-product-title {
        margin: 10px auto;

        text-align: center;
    }
}

.big-img-slide__wrapp {
    position: relative;
}

.big-img-slide {
    position: relative;

    display: block;

    width: 100%;
    height: 365px;
    margin-bottom: 27px;

    border: 1px solid #c4c4c4;
}

@media (max-width: 991.98px) {
    .big-img-slide {
        overflow: hidden;

        width: 360px;
        margin: 0 auto 40px;
    }
}

.big-img-slide .bpanel-thumb__item {
    position: relative;

    max-width: 100% !important;
    height: 360px;

    cursor: pointer;

    border: none;
}

.big-img-slide .bpanel-thumb__item a {
    display: block;

    width: 100%;

    border: none;
}

.big-img-slide .bpanel-thumb__item img {
    position: absolute;
    top: 45%;
    left: 50%;

    width: 206px;
    height: 295px;

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.big-img-slide .bpanel-thumb__item .product-like {
    position: absolute;
    top: 11px;
    right: 11px;

    width: 25px;
    height: 25px;
}

@media screen and (max-width: 480px) {
    .big-img-slide {
        width: 100%;
    }
}

.emerg {
    font-family: 'Museo Sans';
    font-size: 12px;
    line-height: normal;

    position: absolute;
    bottom: 20px;
    left: 50%;

    display: flex;

    width: 100%;
    max-width: 320px;

    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: left;

    color: #8b8b8b;

    justify-content: center;
}

.emerg span {
    display: inline-block;

    width: 100%;
}

@media (max-width: 991.98px) {
    .bpanel-thumb {
        max-width: 320px;
        margin: 0 auto;
    }
}

.bpanel-thumb__item {
    position: relative;

    display: flex;

    width: 60px;
    height: 60px;
    padding: 0 7px;

    cursor: pointer;

    justify-content: center;
}

.bpanel-thumb__item a {
    display: block;

    width: 60px;
    height: 100%;

    border: 1px solid #c4c4c4;
}

.bpanel-thumb__item img {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 38px;
    height: 55px;

    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*.product-inform-wrapper {
	max-width: 100%;
	flex: 1;
}*/

.product-inform {
    width: 100%;
    margin-top: 0;
}

.product-inform.sticky-nav {
    padding-top: 52px;
}

.product-inform-nav-wrapper {
    transition: all .25s;
    margin-bottom: 25px;
}

.product-inform.sticky-nav .product-inform-nav-wrapper {
    position: fixed;
    top: 65px;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 100;
    padding-top: 13px;
    justify-content: flex-end;
    border-bottom: 1px solid #ebebeb;
}

.product-inform.sticky-nav .product-inform-nav {
    width: 1170px;
    margin: 0 auto;
    border: 0;
    display: block;
}

.product-inform.sticky-nav .product-inform-nav-wrapper .product-inform-nav__item {
    margin-left: 15px;
}

/* .product-inform.sticky-nav {
	position: fixed;
	z-index: 9;
	left: 0;
	top: 67px;
	content: '';
	width: 100%;
	height: 52px;
	background-color: #ffffff;
	border-bottom: 1px solid #ebebeb;
} */
@media (max-width: 1200px) {
    .product-inform.sticky-nav .product-inform-nav {
        width: 960px;
        justify-content: space-around;
    }

    .product-inform.sticky-nav .product-inform-nav-wrapper .product-inform-nav__item {
        margin-left: 0;
    }
}

@media (max-width: 992px) {
    .product-inform.sticky-nav .product-inform-nav {
        width: 720px;
    }
}

@media (max-width: 768px) {
    .product-inform.sticky-nav .product-inform-nav {
        width: 540px;
    }

    .product-inform.sticky-nav {
        padding-top: 0;
    }
}

@media (max-width: 576px) {
    .product-inform.sticky-nav .product-inform-nav {
        width: 100%;
    }
}

@media (max-width: 400px) {
    .product-inform.sticky-nav .product-inform-nav__item {
        font-size: 11px;
    }

    .product-inform.sticky-nav .product-inform-nav {
        padding-bottom: 0;
    }
}

.product-inform-nav {
    display: block;
    padding: 0 0 8px;
    list-style-type: none;
    border-bottom: 1px solid rgba(216, 216, 216, .5);
    margin-bottom: 0px;
    transition: top .25s;
    width: 100%;
}

.product-inform-nav:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}

.product-inform-nav__item {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    position: relative;
    height: 30px;
    margin-left: 0;
    color: #333;
    border-bottom: 4px solid transparent;
    float: left;
    display: inline-block;
    vertical-align: top;
    margin-right: 65px;

}

.product-inform-nav__item:last-child {
    margin-right: 0;
}

.product-inform-nav__item:first-child {
    margin-left: 0;
}

.product-inform-nav__link {
    padding: 0 4px;
    padding-bottom: 13px;
    transition: all .25s;
}

.product-inform-nav__link:hover {
    color: #038057;
}

.product-inform-nav__count {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    right: -9px;
    display: block;
    color: #ce0c36;
}

.product-inform-nav__link.active {
    font-weight: bold;

    color: #038057;
    border-bottom: 4px solid #038057;
}

@media (max-width: 767.98px) {
    .product-inform-nav {
        display: none;
    }

    .product-inform-nav-wrapper {
        display: none;
    }
}

.product-inform-content {
    width: 100%;
    margin-top: 0;
}

.main-info-wrap {
    width: 100%;

}

.main-info-wrap.full-height {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 1199px) {
    .inform__a {
        padding-top: 0;
    }

    .inform__a-wrap {
        margin-bottom: 20px;
    }
}

.show-767 {
    display: none;
}


.main-info {
    padding: 0px;
    list-style-type: none;

}

.main-info-item {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    font-size: 0;

}

@media screen and (max-width: 480px) {
    .main-info-item {
        height: auto;
    }

    .main-info-item.inline .main-info-item__desc {
        max-width: 195px;
    }

    .main-info-item__desc {
        color: #000;
    }

    .main-info-item .main-info-item.inline .main-info-item__desc {
        color: #000 !important;
    }

    .main-info-item a.main-info-item__desc {
        color: #000 !important;
    }
}

.main-info-item.inline {
    display: block;
}

.main-info-item.inline .main-info-item__title {
    display: block;
    padding: 0;
}

.main-info-item.inline .main-info-item__desc {
    display: inline;
    padding: 0;
}

.main-info-item.inline .main-info-item__desc {
    max-width: 216px;
}

.main-info-item__title {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    color: #8B8B8B;
    float: left;
    margin: 0 5px 0 0;
}

.main-info-item__desc {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    z-index: 1;
    color: #000;
    background-color: #fff;
    margin-left: auto;
    text-decoration: none !important;
    vertical-align: top;
}


.main-info-item.no-dots {
    height: auto;
    margin-top: 18px;
    align-items: flex-start;
}

.main-info-item.no-dots .main-info-item__desc.check {
    display: flex;
    flex-direction: column;

    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
}

.main-info-item.no-dots .main-info-item__desc.check label {
    font-family: 'Roboto', sans-serif;
    display: block;
    margin: 0 0 9px 0;
    cursor: pointer;
    align-items: center;
}

.main-info-item.no-dots .main-info-item__desc.check label:last-child {
    margin-bottom: 0;
}

.main-info-item.no-dots .main-info-item__desc.check input[type='radio'] {
    display: none;
}

.main-info-item.no-dots .main-info-item__desc.check input[type='radio']+.checker {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: normal;
    position: relative;
    display: block;
    padding-left: 23px;
    color: #333;
    text-decoration: none;
}

.main-info-item.no-dots .main-info-item__desc.check input[type='radio']+.checker:after {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid #8f8f8f;
    border-radius: 50%;
    background: #fff;
}

.main-info-item.no-dots .main-info-item__desc.check input[type='radio']:checked+.checker:after {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 2px solid #038057;
    border-radius: 50%;
    background: #fff;
}

.main-info-item.no-dots .main-info-item__desc.check input[type='radio']:checked+.checker:before {
    position: absolute;
    z-index: 2;
    top: 8px;
    left: 4px;
    display: block;
    width: 8px;
    height: 8px;
    padding: 2px;
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    background: #038057;
}

.main-info-item.no-dots:after {
    display: none;
}

@media (max-width: 479px) {


    .main-info-item.no-dots .main-info-item__desc.check input[type="radio"]+.checker {
        font-size: 13px;
    }
}

.product-order-block.sale {
    padding: 10px 25px 0;
}

.product-order-block.sale .product-order-block__order {
    margin-top: 37px;
}

.product-order-block {
    border: 1px solid #DEDEDE;
    display: block;
    padding: 10px 25px 30px;
    height: 180px;
}

.product-order-block:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}

.product-order-block__amount {
    padding-right: 5px;

}

.product-order-block__order {
    float: right;
    display: block;
    width: 50%;
    margin-top: 37px;
    padding-left: 0;
    font-size: 0;
}

.product-order-block__order .product-order-cart__buy {
    margin: 0 auto;
    text-align: center;
}

.product-order-block__price {
    clear: both;
    margin: 40px 0 0 0;
}

.product-order-block__price .line {
    margin-bottom: 10px;
}

.product-order-block__price .line:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}

.product-order-block__price .label {
    font-size: 12px;
    line-height: 13px;
    font-weight: 400;
    color: #333333;
    width: 63px;
    float: left;
    padding: 5px 0 0 0;
}

.product-order-block__price .price {
    background: #fff;
    font-size: 14px;
    line-height: 30px;
    min-width: 68px;
    float: left;
    padding: 0 5px;
    text-align: center;
    margin: 0 20px 10px 0;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
    border: 1px solid #8B8B8B;
    color: #000;
    font-weight: 400;
}

.product-order-block__price .price:last-child {
    margin-right: 0;
}

label.prop_label_js {
    margin: 0
}

.product-order-block__price .price.active {
    font-weight: 500;
    color: #038057;
    border: 1px solid #038057;
}

.product-order-block__price .price.gray:hover {
    border: 1px solid #038057;
}

.product-order-block__price .label.gray {
    color: #8B8B8B;
    padding-top: 0;
}

.product-order-block__price .date {
    font-weight: 400;
    font-size: 13px;
    color: #8B8B8B;
    line-height: 13px;
    min-width: 68px;
    float: left;
    padding: 10px 0 0 0;
    text-align: center;
    margin: 0 20px 10px 0;
}

.product-order-block__price .date:last-child {
    margin-right: 0;
}

@media (max-width: 991px) {

    .product-order-block__price {
        margin: 15px 0 0 0;
    }

    .product-order-block.sale .product-order-block__order {
        margin-top: 15px;
    }

    .product-order-block__amount {
        width: 100%;
        height: 60px;
        padding-right: 0;
    }

    .product-order-block__order {
        margin-top: 0;
        width: 100%;
    }
}

.clear-show-767 {
    display: none;
}

@media (max-width: 767px) {
    .clear-show-767 {
        display: block;
        clear: both;
    }

    .product-order-block__price {
        margin-top: 0;
        margin-bottom: 40px;
    }

    .product-order-block__order {
        width: 100%;
        text-align: left;
    }
}

@media (max-width: 767px) {
    .product-order-block.sale {
        padding: 0;
    }

    .product-order-block {
        width: 100%;
        padding: 0;
        border: none;
    }
}

@media screen and (max-width: 480px) {
    .product-order-block {
        flex-direction: column;

        width: 100%;
    }
}

@media (max-width: 479px) {
    .product-order-block__order {
        justify-content: center;
        padding-left: 0;
        margin-top: 0;
    }
}

.product-order-cart {
    display: block;
    text-align: center;
}

.product-order-cart .saving {
    display: block;
    margin-bottom: 13px;
    font-size: 0;
}

.product-order-cart .saving span {
    display: inline-block;
    line-height: 14px;
}

.product-order-cart .saving__txt {
    font-family: 'Museo Sans', sans-serif;
    font-size: 14px;
    line-height: normal;
    display: inline-block;
    vertical-align: top;
    color: #000;
}

.product-order-cart .saving__res {
    font-size: 14px;
    line-height: normal;
    display: inline-block;
    vertical-align: top;
    padding-left: 5px;
    font-weight: 400;
    color: #ce0c36;
}

.product-order-cart__btn {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 40px;
    font-weight: normal;
    position: relative;
    display: block;
    width: auto;
    max-width: 156px;
    height: 40px;
    margin-left: -2px;
    margin-bottom: 10px;
    padding: 0 0 0 55px;
    text-align: left;
    white-space: nowrap;
    color: #fff;
    border-radius: 4px;
    background: #038057 url('../img/design/ico/cart.svg') no-repeat 22px center;
    -webkit-background-size: 22px 22px;
    background-size: 22px 22px;

}

@media screen and (max-width: 1200px) {
    .product-order-block {
        max-width: 368px;
    }
}

@media screen and (max-width: 991px) {
    .product-order-block {
        width: 206px;
        height: 268px;
        float: right;
    }
}

@media screen and (max-width: 768px) {
    .product-order-block {
        width: 100%;
        height: 180px;
        float: none;
    }
}

.product-order-cart__btn:hover {
    cursor: pointer;

    color: #fff;
    background-color: #09a675;
}

.product-order-cart__buy {
    font-family: 'Museo Sans', sans-serif;
    font-size: 13px;
    line-height: normal;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    color: #038057;
    border-bottom: 1px dashed #038057;
    white-space: nowrap;
}

.product-order-cart__buy:hover {
    text-decoration: none;

    color: #038057;
}

.counter {
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.counter:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}

.counter .field.fieldCount {
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 33px;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 58px;
    height: 40px;
    text-align: center;
    color: #333;
    border: 1px solid #dfdfdf;
    justify-content: center;
    align-items: center;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}


.counter .field.fieldCount:after {
    position: absolute;
    top: 5px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #c4c4c4;
}

.counter .counterBut {
    float: left;
    overflow: hidden;
    width: 37px;
    height: 40px;
    margin-bottom: 0;
    border: 1px solid #dfdfdf;
    background-color: #fff;
}

.counter .counterBut.dec {
    border-radius: 5px 0 0 5px;
}

.counter .counterBut.inc {
    border-radius: 0 5px 5px 0;
}

.counter .field-line {
    position: absolute;
    z-index: 0;
    top: 10px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #c4c4c4;
}

.counter .inc {
    position: relative;
    z-index: 1;
    border-left: none;
}

.counter .inc:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 12px;
    height: 12px;
    content: '';
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url('../img/design/ico/plus.svg');
    background-position: center;
    background-size: cover;
}

.counter .dec {
    position: relative;
    z-index: 1;
    border-right: none;
}

.counter .counterBut {
    transition: all .25s;
}

.counter .counterBut:hover {
    background-color: #f5f5f5;
}

.counter .dec:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 12px;
    height: 2px;
    content: '';
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url('../img/design/ico/minus.svg');
    background-position: center;
    background-size: cover;
}

.product-order {
    display: flex;

    width: 100%;
    margin-bottom: 10px;
    padding: 0;

    align-items: flex-start;
    justify-content: flex-start;
}

.product-order__profit {
    display: flex;
    flex-direction: column;
    margin-right: 0;
}

.product-order__discount {
    display: block;
    margin-bottom: 0;
    font-family: 'Roboto', "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
    color: #8b8b8b;
}

.product-order__discount .valuta-discount {
    text-decoration: line-through;

    font-weight: 500;
    /*  text-decoration-thickness: 1px;*/
    margin-right: 5px;
}

.product-order__discount .percent-discount {
    font-size: 16px;
    font-weight: bold;
    margin-left: 0;
    color: #ce0c36;
}

.product-order__price {
    font-size: 32px;
    font-weight: bold;
    font-style: normal;
    line-height: normal;
    white-space: nowrap;
    color: #2e2e2e;
}

@media screen and (max-width: 767px) {
    .counter .field.fieldCount {
        width: 40px;
    }
}

@media screen and (max-width: 480px) {
    .product-order {}
}

@media screen and (max-width: 480px) {
    .product-order {}
}

.advert-wrap {
    display: flex;

    width: 325px;
    height: 245px;
    padding-top: 26px;

    box-shadow: 0 2px 12px rgba(0, 0, 0, .25);

    justify-content: center;
}

@media (max-width: 767.98px) {
    .advert-wrap {
        flex-direction: row;

        width: 100%;
        height: auto;
        margin: 0 0 20px 0;

        justify-content: flex-start;
        order: 0;
    }
}

.advert {
    display: flex;
    flex-direction: column;

    padding: 20px;

    justify-content: center;
}

.advert p {
    position: relative;
    top: -26px;
    font-size: 14px;
    line-height: 16px;
}

.advert p a {
    color: #038057;
    border-bottom: 1px dashed #038057;
    transition: .3s;
}

.advert p a:hover {
    border-bottom: 1px dashed transparent;
}

@media (max-width: 767.98px) {
    .advert {
        padding-top: 0;
        margin-bottom: 0;
        justify-content: flex-start;
    }

    .advert p {
        top: 0;
        margin-bottom: 5px;
        margin-top: 5px;
    }
}

.advert__title {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;

    margin-bottom: 35px;

    color: #333;
}

@media (max-width: 767.98px) {
    .advert__title {
        margin-bottom: 0;
    }
}

.advert__desc {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;

    margin-bottom: 5px;

    color: #333;
}

.advert__desc .question {
    position: relative;
    font-size: 12px;
    line-height: 14px;
    height: 16px;
    width: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #038057;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    margin: 0;
    margin-left: 2px;
    text-align: left;
    overflow: unset;
    color: #038057;
    transition: all .25s;
    background-image: unset;
}

.advert__desc .question:hover {
    border-color: #ce0c36;
    color: #ce0c36;
}

.advert__desc .hint {
    position: absolute;
    z-index: 9;
    left: 25px;
    top: -19px;
    width: 241px;
    height: 130px;
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
    font-size: 12px;
    line-height: 17px;
    color: #333333;
    font-weight: normal;
    padding-top: 18px;
    padding-left: 20px;
    visibility: hidden;
    opacity: 0;
    display: none;
    transition: all .25s;
}

.advert__desc .question:hover .hint {
    opacity: 1;
    visibility: visible;
    display: block;
}

.advert__desc .hint::before {
    content: '';
    position: absolute;
    left: -12px;
    top: 19px;
    border: 6px solid transparent;
    border-right: 6px solid #d8d8d8;
}

.advert__desc .hint::after {
    content: '';
    position: absolute;
    left: -10px;
    top: 20px;
    border: 5px solid transparent;
    border-right: 5px solid #ffffff;
}

.advert__desc {
    position: relative;
}

.advert__desc .hint p {
    margin-bottom: 8px;
}

.advert__desc .hint p:last-child {
    margin-bottom: 0;
}

.advert__desc .hint a {
    color: #038057;
    text-decoration: underline !important;
}

.advert__desc:last-child {
    margin-top: 20px;
}

@media (max-width: 767.98px) {
    .advert__desc:last-child {
        margin-top: 0;
    }
}

.advert__desc em {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-style: normal;

    color: #038057;
}

.question-dop-info {
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;

    display: flex;

    margin-top: 38px;
    margin-bottom: 20px;

    color: #4f4f4f;

    align-items: center;
}

.question-dop-info a {
    position: relative;
}

.question-dop-info .hint {
    display: none;
    position: absolute;
    z-index: 1;
    background-color: #ffffff;
    left: 247px;
    top: 32px;
    width: 241px;
    border: 1px solid #d8d8d8;
    padding: 17px 20px;
    font-size: 12px;
    line-height: 17px;
    font-family: "Roboto", sans-serif;
}

.question-dop-info .hint::after {
    content: '';
    position: absolute;
    left: 149px;
    top: -12px;
    border: 6px solid transparent;
    border-bottom: 6px solid #fff;
}

.question-dop-info .hint::before {
    content: '';
    position: absolute;
    left: 148px;
    top: -14px;
    border: 7px solid transparent;
    border-bottom: 7px solid #d8d8d8;
}

.question-dop-info .hint a {
    display: block;
    text-decoration: underline !important;
    color: #038057;
}

.question-dop-info .green-question {
    position: relative;
    display: block;

    width: 16px;
    height: 16px;
    margin-left: 5px;

    background-image: url('../img/design/ico/green-question.svg');
}

.question-dop-info .green-question::after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 16px;
    height: 16px;
    background-image: url('../img/design/ico/red-question.svg');
    opacity: 0;
    transition: all .25s;
}

.question-dop-info .green-question:hover::after {
    opacity: 1;
}

.question-dop-info .green-question.active::after {
    opacity: 1;
}

@media screen and (max-width: 480px) {
    .question-dop-info .green-question {
        display: none;
    }

    .main-info {
        margin-bottom: -5px;
    }
}

.panel-soc-review {
    display: flex;

    margin-bottom: 40px;
    padding: 0;
}

.panel-soc-review__item.soc {
    display: flex;

    height: 24px;

    background-color: #e8e8e8;
}

.panel-soc-review__item {
    display: flex;

    min-width: 24px;
    height: 24px;
    margin-right: 20px;

    border-radius: 40px;
}

.panel-soc-review__item:last-child {
    margin-right: 0;
}

.panel-soc-review__link {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 26px;

    z-index: 0;

    display: inline-block;

    width: 100%;

    text-align: right;
    vertical-align: middle;
    text-decoration: none;

    color: #4f4f4f;

    justify-content: center;
    align-items: center;
}

.panel-soc-review__link span {
    z-index: 0;

    display: block;

    width: 100%;
    padding-right: 10px;
    padding-left: 20px;

    text-indent: 10px;
}

@media screen and (max-width: 480px) {
    .panel-soc-review__link span {
        text-indent: 3px;
    }
}

.panel-soc-review .facebook {
    background: url('../img/design/social/facebook.svg');
    background-repeat: no-repeat;
    background-position: left;
}

.panel-soc-review .vk {
    background: url('../img/design/social/vk.svg');
    background-repeat: no-repeat;
    background-position: left;
}

.panel-soc-review .os {
    background: url('../img/design/social/os.svg');
    background-repeat: no-repeat;
    background-position: left;
}

.panel-soc-review .google {
    background: url('../img/design/social/google.svg');
    background-repeat: no-repeat;
    background-position: left;
}

.panel-soc-review .mail {
    background: url('../img/design/social/mail.svg');
    background-repeat: no-repeat;
    background-position: left;
}

.panel-soc-review .twitter {
    background: url('../img/design/social/twitter.svg');
    background-repeat: no-repeat;
    background-position: left;
}

.product-inform .tab-content>.active {
    display: flex !important;
}

/*End Single-product*/
/*product-full-inform*/
.product .section-title {
    font-size: 30px;
    color: #000000;
    margin-bottom: 25px;
    padding-bottom: 0;
}

.product-full-inform {
    padding-right: 30px;
    padding-top: 36px;
}

@media (max-width: 767px) {
    .product-full-inform {
        padding-right: 0;
    }
}

.product-full-inform-nav {
    display: flex;
    padding: 0;
    margin-bottom: 5px;
    list-style-type: none;
    border-bottom: 1px solid rgba(216, 216, 216, .5);
    justify-content: flex-start;
}

.product-full-inform-nav__item {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    position: relative;
    height: 29px;
    color: #333;
    border-bottom: 4px solid transparent;
    margin-right: 15px;
}

.product-full-inform-nav__count {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    margin-left: 3px;
    color: #ce0c36;
}

.product-full-inform-nav__link {
    font-size: 18px;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 3px;
    transition: all .25s;
}

.product-full-inform-nav__link:hover {
    color: #038057;
}

.product-full-inform-nav__link.active {
    font-weight: bold;
    color: #038057;
    border-bottom: 3px solid #038057;
}

@media (max-width: 1200px) {
    .product-inform-nav {
        padding-bottom: 6px;
    }

    .product-inform-nav__item,
    .product-inform-nav__count {
        font-size: 14px;
        margin-right: 50px;
    }

    .advert-banners {
        display: none;
    }
}

@media (max-width: 991px) {
    .product-view-wrapper {
        margin-bottom: 0;
    }

    .product-view {
        margin: 0 auto;
    }

    .product-full-inform-nav__link {
        font-size: 16px;
    }

    .product-full-inform-nav__item {
        height: 27px;
    }

    .product-view {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .product-full-inform-nav {
        display: none;
    }
}

.product-relative {
    position: relative;
}

@media (max-width: 767px) {
    .product-order-cart__btn {
        max-width: 160px;
        margin-left: 0;
        width: 100%;
    }

    .product-order-cart {
        text-align: left;
    }

    .show-767 {
        display: block;
    }

    .product-inform-content .flex-767>div:nth-child(1) {
        order: 2;
    }

    .product-inform-content .flex-767>div:nth-child(2) {
        order: 1;
    }

    .product-inform-content {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .hide-767 {
        display: none;
    }

    .main-info-wrap {
        width: 100%;
        margin-bottom: 15px;
    }

    .main-info-wrap .main-info {
        padding-top: 0;
    }
}










@media (max-width: 575px) {
    .product-relative .product-inform-wrapper {
        position: static;
    }

    .product-relative .product-inform-wrapper .product-inform-content .row>div:first-child {
        position: static;
    }

    /*.product-order-block{
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 240px;
        width: auto;
        display: block;
    }*/
    .product-order-block__amount {
        padding-right: 0;
        text-align: left;
    }

    .product-order-block .product-order__profit {
        height: auto;
    }

    .product-order-block .product-order__discount {
        height: auto;
        margin: 0;
    }

    .product-order-block__order {
        margin-top: 0;
        display: block;
        padding-left: 0;
    }

    .product-order__discount .percent-discount {
        margin-left: 0;
    }

    .product-item-detail-slider-controls-block {
        width: 0;
        height: 0;
        overflow: hidden;
    }

    .product-view {
        margin: 0;
        /*max-width: 220px;*/
    }

    .product-item-detail-slider-block .product-item-detail-slider-text {
        padding-left: 10px;
        padding-right: 10px;
        bottom: 10px;
    }

    .product-item-detail-slider-block {
        padding-bottom: 60px;
        height: 270px;
    }

    .product-order-cart .saving__txt {
        font-size: 14px;
        display: inline-block;
    }
}

@media (max-width: 575px) {
    .product-view {
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .product-item-detail-slider-block {
        height: 242px;
    }
}

@media (max-width: 575px) {
    .product-order-cart .saving {
        margin-bottom: 10px;
        display: block;
    }
}

@media (max-width: 575px) {
    .product-item-detail-slider-block {
        margin-bottom: 20px;
    }

    .product-order__price {
        font-size: 28px;
        line-height: 32px;
    }
}

@media (max-width: 450px) {

    .product-order-cart .saving__res {
        display: inline-block;
    }

    .product-item-detail-slider-block .product-item-detail-slider-text {}

    .product-item-detail-slider-block {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 75px;
        height: 242px;

    }

    .product-view {
        max-width: 100%;
    }

    .product-order-block__amount {
        width: 150px;
    }

    .product-order-cart__buy {
        font-size: 13px;
        margin-bottom: 30px;
    }

    .product-order-block__order {
        width: 100%;
    }


    .product-order-cart .saving[style="visibility: hidden;"] {
        display: none;
    }
}

@media (max-width: 374px) {

    .product-item-detail-slider-block {
        /*height: 235px;*/
        padding-bottom: 85px;
    }
}

.product-full-inform-content {
    display: block;
    padding-top: 25px;
}

.tab-section-title {
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 10px;
    padding-right: 49px;
    padding-bottom: 2px;
    color: #000;
}

.list-head-full-info {
    flex-direction: column;
    margin-bottom: 33px;
    padding: 0;

    list-style-type: none;
}

.list-head-full-info__item {
    display: flex;
    margin-bottom: 21px;
    justify-content: flex-start;
}

.list-head-full-info__item:last-child {
    margin-bottom: 0;
}

.list-head-full-info__title {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
    width: 215px;
    color: #333;
}

.list-head-full-info__desc {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
    color: #000;
}

.list-full-info {
    font-size: 0;
    flex-direction: column;
    padding: 0;
    list-style-type: none;
}

.list-full-info__item {
    display: flex;
    flex-direction: column;
    margin-bottom: 28px;
}

@media (max-width: 767px) {
    .list-full-info__item {
        margin-bottom: 20px;
    }
}

.list-full-info__item--half {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    margin-bottom: 17px;
}

.list-full-info__item--half .list-full-info__title {
    margin-bottom: 10px;
    display: block;
}

@media (max-width: 767px) {
    .list-full-info__item--half {
        width: 100%;
        margin-bottom: 10px;
    }
}

.list-full-info__item--half:nth-child(even) {
    padding-left: 0;
}

@media (max-width: 991px) {
    .list-full-info__item--half:nth-child(even) {
        padding-left: 0;
    }
}

.list-full-info__title {
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 14px;
    color: #333;
}

.list-full-info__desc {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 25px;
    font-weight: normal;
    padding-right: 10px;
    color: #333;
}

@media screen and (max-width: 767px) {
    .list-head-full-info__item {
        display: block;
    }

    .list-head-full-info__title {
        display: block;
        width: 100%;
    }

    .list-head-full-info__desc {
        display: block;
        width: 100%;
    }

    .list-full-info__title {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 10px;
        position: relative;
        padding-right: 35px;
    }

    .list-full-info__title:after {
        content: url(../img/design/ico/social-arrow.svg);
        position: absolute;
        top: 0;
        right: 10px;
        transform: rotate(180deg);
    }

    .list-full-info__title.active:after {
        transform: rotate(0deg);
    }

    .list-full-info__desc {
        padding-right: 0;
        display: none;
    }
}

/*End product-full-inform*/
/* sale-block-list*/
.same-wrap--column {
    margin-bottom: 40px;
    padding-top: 21px;
}

.same-block-title {
    font-family: "Roboto Medium", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    padding-bottom: 16px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #dadada;
    color: #000;
}

.same-block {
    /*display: flex;*/
    /*flex-wrap: wrap;*/
}

.same-item--column {
    font-size: 0;
    position: relative;
    display: block;
    width: 100%;
    /*height: 145px;*/
    padding: 0 0;
}

.same-item--column:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
    margin-top: 10px;
}

.same-item--column .right-side {
    margin-left: 100px;
    overflow: hidden;
}

.same-item--column .right-side-table {
    float: left;
    width: 100%;
}

.same-item--column .same-item-img {
    position: relative;
    display: block;
    width: 85px;
    height: 105px;
    float: left;
}

.same-item--column .same-item-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 80px;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.same-item--column .same-item-descr {
    display: block;
    width: 100%;
    margin: 0 0 4px;
}

.same-item--column .same-item-descr__title {
    display: block;
    height: 28px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    /* line-height: normal; */
    text-align: left;
    color: #333;
    overflow: hidden;
}

.same-item--column .same-item-order__discount {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 300;
    display: block;
    /*flex-direction: column;*/
    margin-left: 5px;
    color: #8b8b8b;
}

.same-item--column .same-item-order__discount .valuta-discount {
    text-decoration: line-through;
    /*order: 1;*/
}

.same-item--column .same-item-order__discount .percent-discount {
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    text-align: right;
    text-decoration: none;
    color: #ce0c36;
}

.same-item--column .same-item-order {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.same-item--column .same-item-order__profit {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    padding-top: 0;
}

.same-item--column .same-item-order__profit:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}

.same-item--column .same-item-order__discount {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    color: #8B8B8B;
}

.same-item--column .same-item-order__price {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: bold;
    font-style: normal;
    line-height: normal;
    white-space: nowrap;
    color: #2e2e2e;
    float: left;
    margin: 8px 0 0 0;
}

.percent-discount-block {
    float: left;
}

.percent-discount-block .percent-discount {
    color: #CE0C36;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    display: block;
    text-align: right;
    margin: 0 0 0 20px;
}

.same-item--column .ic-delivery {
    display: inline-block;
    vertical-align: top;
    width: 27px;
    height: 23px;
    margin: 4px 0 0 16px;
    float: left;
}

.same-item .product-item-info-container {
    margin-bottom: 0;
}

.same-item--column .order-cart {
    position: relative;
    display: block;
}

.same-item--column .order-cart:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}

.same-item--column .order-cart>div {
    float: left;
}

.same-item--column .order-cart__btn {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: normal;
    position: relative;
    display: flex;
    width: auto;
    margin-bottom: 0;
    padding: 5px;
    color: #fff;
    border-radius: 4px;
    background-color: #038057;
    align-items: center;
    justify-content: center;
}

.same-item--column .order-cart__btn:hover {
    cursor: pointer;
    color: #fff;
    background: #09a675;
}

.promo_block_wrap .same-item--column .same-item-heart {
    margin: 0 0 0 16px;
}

.same-item--column .same-item-heart {
    float: left;
    display: block;
    width: auto;
    height: auto;
    margin: 0 20px;
    padding-top: 5px;
    cursor: pointer;
}

.same-item--column .same-item-heart:hover svg path {
    fill: #ce0c36;
}

/* end sale-block-list*/
/*product-reviews*/
.product-reviews-result {
    font-family: 'Roboto', sans-serif;

    display: flex;
    flex-wrap: wrap;

    padding-bottom: 15px;
    margin-bottom: 1px;

    border-bottom: 1px solid #d8d8d8;

    align-items: center;
}

.product-reviews-result .api-form-submit {
    margin-left: auto !important;
    display: none;
}

@media (max-width: 1199px) {
    .same-item--column .same-item-img {
        width: 60px;
    }

    .same-item--column .right-side {
        margin-left: 90px;
    }

    .same-item--column .same-item-heart {
        margin: 0 12px;
    }
}

@media (max-width: 767px) {
    .same-item--column .same-item-descr__title {
        font-size: 15px;
        line-height: 18px;
        height: auto;
    }

    .same-item--column {
        border-bottom: 1px solid #d8d8d8;
        padding: 15px 0;
    }

    .same-block .product-item-small-card .row>div {
        border-right: none;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .same-item--column .same-item-img {
        width: 70px;
    }

    .same-item--column .right-side {
        margin-left: 100px;
    }

    .same-item--column .same-item-heart {
        margin: 0 20px;
    }
}

@media (max-width: 767px) {
    .product-reviews-result {

        align-items: flex-start;
        flex-wrap: wrap;
    }

    .api-average-rating span {
        display: none;
    }

    .api-average-rating {
        margin-left: -8px;
    }

    .product-reviews-result__description {
        flex: 1 100%
    }
}

.api-block-sort {
    margin-bottom: 10px;
}

.product-reviews-result__title {
    font-size: 25px;
    font-weight: bold;
    line-height: normal;

    margin-left: 10px;

    color: #4f4f4f;
}

@media (max-width: 767.98px) {
    .product-reviews-result__title {
        margin-bottom: 4px;
    }
}

.product-reviews-result__description {
    font-size: 14px;
    font-weight: normal;

    margin-left: 16px;

    color: #4f4f4f;
}

@media (max-width: 767.98px) {
    .product-reviews-result__description {
        margin-bottom: 10px;
    }
}

@media (max-width: 992px) {
    .product-reviews-result .api-form-submit {
        margin-left: 0 !important;
        margin-top: 10px;
    }
}

@media (max-width: 767.98px) {
    .product-reviews-result {
        align-items: center;
    }

    .product-reviews-result__rating {
        margin-bottom: 25px;
    }

    .product-reviews-result .api-stars-empty {
        margin-bottom: 10px;
        margin-left: 23px;
    }

    .rev_main_page {
        padding-top: 22px;
    }

    .product-reviews-result__title {
        margin-left: 0;
    }

    .product-reviews-result__description {
        margin-left: 0;
    }
}

.product-reviews-filter {
    display: flex;

    padding: 0;

    list-style-type: none;
}

.product-reviews-filter__tit {
    font-size: 12px;
    font-weight: normal;

    margin: 10px 10px 0 0;

    color: #8b8b8b;
}

@media (max-width: 767.98px) {
    .product-reviews-filter__tit {
        margin: 10px 10px 0 0;
    }
}

.product-reviews-filter__item {
    margin: 5px 11px 0;
}

@media (max-width: 767.98px) {
    .product-reviews-filter__item {
        margin: 4px 10px 0 0;
    }
}

.product-reviews-filter__link {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;

    color: #333;
    border-bottom: 1px dashed #333;
    transition: all .25s
}

.product-reviews-filter__link:hover {
    color: #008e62;
    border-color: #008E62;
}

.product-reviews-filter__link--active {
    color: #038057;
    border-bottom: 1px dashed transparent;
}

@media (max-width: 400px) {
    .product-reviews-filter__tit {
        font-size: 11px;
    }

    .product-reviews-filter__link {
        font-size: 11px;
    }
}

.product-reviews {
    padding-top: 15px;
    padding-bottom: 30px;

    border-bottom: 1px solid #d8d8d8;
}

.product-reviews__header {
    display: flex;
}

.product-reviews__header {
    margin-bottom: 20px;

    justify-content: space-between;
    align-items: flex-end;
}

@media screen and (max-width: 575px) {
    .product-reviews__header {
        flex-direction: column;

        width: 100%;

        align-items: flex-start;
    }

}

.product-reviews-head {
    display: flex;
}

.product-reviews-head>span {
    padding-top: 3px;
}

.user-reviews-name {
    font-size: 20px;
    font-weight: 500;
    line-height: normal;

    color: #2e2e2e;
    font-family: "Roboto", sans-serif;
}

.user-reviews-rating {
    margin-left: 24px;
    padding-top: 9px;
}

.reviews-address {
    position: relative;
    top: -3px;
    font-size: 14px;
    font-weight: normal;

    text-align: right;

    color: #4f4f4f;
    font-family: "Roboto", sans-serif;
}

@media screen and (max-width: 480px) {
    .reviews-address {
        width: 100%;

        text-align: left;

        align-items: flex-start;
    }
}

.product-reviews-info__message {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;

    margin-bottom: 22px;
    padding-left: 3px;

    color: #333;
}

.product-reviews-info__action {
    display: flex;

    align-items: flex-end;
    justify-content: space-between;
}

@media screen and (max-width: 480px) {
    .product-reviews-info__action {
        flex-direction: column;
        margin-bottom: 10px;
    }
}

.reviews-vote {
    display: flex;

    align-items: flex-end;
}

@media (max-width: 767.98px) {
    .reviews-vote {
        display: flex;
        flex-direction: column;
    }
}


@media (max-width: 767.98px) {
    .reviews-comments {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 480px) {
    .reviews-comments {
        width: auto;
        margin-right: auto;
    }
}

.reviews-comments__show {
    font-size: 14px;
    font-weight: normal;
    font-family: "Roboto", sans-serif;

    padding-bottom: 0;

    cursor: pointer;

    color: #4f4f4f;
    border-bottom: 1px dashed #4f4f4f;
}

.reviews-comments__show .count {
    padding: 0 3px;
    font-size: 14px;
}

.reviews-comments__comm {
    font-size: 14px;
    font-weight: normal;

    position: relative;

    padding-bottom: 0;
    margin-left: 30px;

    cursor: pointer;

    color: #4f4f4f;
    border-bottom: 1px dashed #4f4f4f;
}

.reviews-comments__show+.reviews-comments__comm {
    margin-left: 62px;
}

.reviews-comments__comm:after {
    position: absolute;
    top: 0;
    left: -30px;

    display: block;

    width: 20px;
    height: 20px;

    content: '';

    background: url('../img/design/ico/comment.svg') no-repeat;
}

@media (max-width: 767.98px) {
    .reviews-comments__comm {
        margin-top: 10px;
        margin-left: 0;
    }
}

@media (max-width: 567px) {
    .reviews-comments__show+.reviews-comments__comm {
        margin-left: 31px;
        margin-bottom: 15px;
    }
}

.reviews-vote__label {
    font-size: 14px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;

    height: 18px;

    cursor: pointer;

    color: #4f4f4f;
}

@media (max-width: 767.98px) {
    .reviews-vote__label {
        margin-top: 20px;
        margin-left: 10px;
        order: 1;
    }
}

@media screen and (max-width: 480px) {
    .reviews-vote {
        display: block;
        width: 100%;
    }

    .reviews-vote__label {
        margin: 0 0 15px 0;
        display: block;
    }
}

.vote-btns {
    display: flex;

    margin-left: 31px;

    align-items: flex-end;
}

.vote-btn {
    display: flex;

    cursor: pointer;

    border: none;
    background-color: transparent;

    align-items: center;
}

.vote-btn span {
    line-height: 14px;

    display: inline-block;
}

.vote-like {
    font-size: 14px;
    font-weight: normal;

    position: relative;
    top: -3px;

    padding-left: 25px;

    color: #038057;
}

.vote-like:after {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    background: url('../img/design/ico/likes.svg') no-repeat;
    background-position: center top;
    background-size: cover;
}

.vote-like:hover:after {
    background: url('../img/design/ico/likes-hover.svg') no-repeat;
    background-position: center top;
    background-size: cover;

}

.vote-dislike {
    font-size: 14px;
    font-weight: normal;
    position: relative;
    top: -3px;
    margin-left: 27px;
    padding-left: 25px;
    color: #ce0c36;
}

.vote-dislike:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    background: url('../img/design/ico/dislikes.svg') no-repeat;
    background-position: center;
    background-size: cover;
}

.vote-dislike:hover:after {
    background: url('../img/design/ico/dislikes-hover.svg') no-repeat;
    background-position: center;
    background-size: cover;
}

@media (max-width: 767px) {
    .vote-btns {
        margin-left: 0;
    }
}

/*End product-reviews*/
/*My-review*/
.my-review-section-wrapper {
    padding: 0;
}

.my-review-section.mx-0 {
    margin-bottom: 0;
}

.my-review-section {
    margin-top: 29px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 40px;
}

.my-review-section-modal {
    margin-bottom: 0;
    margin-top: 0;
}

.btns-gray {
    font-size: 14px;
    line-height: 38px;
    position: relative;
    display: inline-block;
    height: 38px;
    padding: 0 20px 0 20px;
    transition: .3s;
    vertical-align: top;
    color: #2e2e2e;
    border-radius: 3px;
    background: #e8e8e8;
}

.close-form {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    position: relative;
    height: 38px;
    padding: 0 25px 0 40px;
    transition: .3s;
    color: #2e2e2e;
    border-radius: 3px;
    background: #e8e8e8;
    background-image: none;
    cursor: pointer;
}


.close-form:before {
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url('../img/design/ico/cls.svg') no-repeat;
    background-position: center center;
    background-size: cover;
}

.close-form:before,
.close-form:after {
    position: absolute;
    left: 20px;
    transition: .3s;
}

.close-form:before:hover,
.close-form:after:hover {
    color: #fff;
    background: #038057;
}

.close-form:before:hover:before,
.close-form:after:hover:before {
    opacity: 0;
}

.close-form:before:hover:after,
.close-form:after:hover:after {
    opacity: 1;
}

@media screen and (max-width: 480px) {

    .close-form:before,
    .close-form:after {
        left: 10px;
    }
}

.close-form.active {
    cursor: pointer;
}

.close-form:hover,
.close-form.active {
    color: #fff !important;
    background: #038057;
}

.close-form:hover:before {
    opacity: 0;
}

.close-form:hover:after {
    opacity: 1;
}

@media screen and (max-width: 480px) {
    .close-form {
        font-size: 12px;
        padding: 0 10px 0 30px;
    }
}

.more-reviews {
    margin-left: 28px;
    padding: 0 39px;
    font-family: "Roboto", sans-serif;
}

@media screen and (max-width: 480px) {
    .more-reviews {
        font-size: 12px;
        margin-left: 10px;
        padding: 0 20px 0 10px;
    }
}

.my-review {
    display: flex;
    height: auto;
    margin-top: 15px;
    padding: 50px 50px 50px 50px;
    box-shadow: 1px 3px 29px rgba(0, 0, 0, .2);
    justify-content: space-between;
}

@media (max-width: 767px) {
    .my-review {
        height: auto;
        padding: 10px;
    }
}

.my-review__title {
    font-size: 30px;
    font-weight: 500;

    margin-bottom: 17px;

    color: #000;
}

.all-reviews .my-review__title {
    display: none;
}

.all-reviews .row>.col-12>.btn-gray {
    display: none;
}

@media (max-width: 991px) {
    .my-review__title {
        font-size: 25px;
    }
}

@media screen and (max-width: 480px) {
    .my-review__title {
        font-size: 20px;
        text-align: center;
    }
}

.my-review__rating {
    font-size: 16px;
    font-weight: 300;
    display: flex;
    margin-bottom: 14px;
    padding-left: 14px;
    color: #8b8b8b;
    align-items: center;
}

.my-review__rating .user-reviews-rating {
    position: relative;
    top: -6px;
    margin-left: 42px !important;
}

@media screen and (max-width: 567px) {
    .my-review__rating .user-reviews-rating {
        margin-left: 10px !important;
    }
}


@media (max-width: 991px) {
    .my-review__rating {
        margin-bottom: 15px;
    }

    .my-review {
        height: auto;
    }
}

@media (max-width: 767.98px) {
    .my-review {
        flex-direction: column;
    }
}

.user-reviews-rating {
    margin-left: 20px;
}

@media screen and (max-width: 480px) {
    .user-reviews-rating {
        margin-left: 10px;
    }
}

.modal .main-form-review {
    width: 425px;
}

@media screen and (max-width: 350px) {
    .my-review-section-modal .my-review__rating {
        font-size: 12px;
    }
}

@media screen and (max-width: 550px) {
    .modal .main-form-review {
        width: 100%;
    }
}

.main-form-review {
    display: block;
    width: 800px;
}

@media (max-width: 767px) {
    .main-form-review {
        width: 100%;
    }
}

.my-review.my-review_comment_article .reviews-form>.reviews-form__field {
    margin-right: 32px;
}

.my-review.my-review_comment_article .reviews-form__line {
    padding-right: 32px;
}

.my-review.my-review_comment_article .form-group_name-article {
    width: 47%;
    margin-right: 0;
}

.my-review.my-review_comment_article .form-group_name-article:first-child {
    margin-left: 0;
}

.my-review.my-review_comment_article .form-group_name-article {
    margin-left: 6%;
}

.help-info-review.help-info-review_comment_article {
    width: 340px;
}

@media (max-width: 1199px) {
    .my-review.my-review_comment_article .form-group_name-article {
        margin-left: 0;
    }
}

.help-info-review {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    width: 340px;
    color: #4f4f4f;
}

.help-info-review p {
    margin-bottom: 10px;
}

.help-info-review a {
    color: #008e62;
}

@media (max-width: 767px) {
    .help-info-review {
        width: 100%;
        display: none;
    }
}

.reviews-check {
    margin-bottom: 21px;
    padding-left: 15px;
    margin-top: 15px;
}

.reviews-check label {
    z-index: 1;

    display: flex;

    margin: 0;

    cursor: pointer;

    background-color: #fff;

    align-items: center;
}

.reviews-check input[type='checkbox'] {
    display: none;
}

.reviews-check input[type='checkbox']+.checker {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 34px;

    position: relative;

    display: flex;

    margin-right: 11px;
    padding-left: 24px;

    color: #333;

    align-items: center;
}

.reviews-check input[type='checkbox']+.checker a {
    color: #038057;
    margin-left: 5px;

}

@media (max-width: 991px) {
    .reviews-check input[type='checkbox']+.checker {
        font-size: 14px;
        line-height: 18px;
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .reviews-form-btn.btn-green {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .reviews-check {
        margin: 15px auto 20px;
        max-width: 255px;
    }

}


.reviews-check input[type='checkbox']+.checker:after {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 2px solid #038057;
    background: #fff;
}

.reviews-check input[type='checkbox']:checked+.checker:after {
    position: absolute;
    z-index: 1000;
    top: 50%;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border: none;
    background: #fff;
    background-image: url('../img/design/ico/checkbox-checked.svg');
}

.reviews-form>.reviews-form__field {
    margin-left: 12px;
    padding-left: 0;
    padding-right: 0;
    margin-right: 22px;
}

.reviews-form__field {
    position: relative;

    flex-direction: column;

    margin-bottom: 16px;
    /* padding-left: 12px;
		padding-right: 22px; */
    font-size: 0;
}

.reviews-form__field label {
    position: absolute;
    top: 12px;
    left: 0;
    font-size: 16px;
    color: #000;
    font-family: 'Roboto';
    font-weight: 100;
    transform-origin: 0 0;
    transition: all 0.2s ease;
    cursor: text;
}

.reviews-form__field textarea {
    min-height: 40px;
    height: 40px;
    margin-top: 30px;
}

.reviews-form__field input:focus+label,
.reviews-form__field textarea:focus+label {
    color: #038057;
    font-size: 11px;
    top: -5px;
}

.reviews-form__field input:not(:placeholder-shown)+label,
.reviews-form__field textarea:not(:placeholder-shown)+label {
    color: #000;
    font-size: 11px;
    top: -5px;
}

.reviews-form__field input[im-insert="true"]+label {
    /* font-size: 11px !important;
    top: -5px !important;
   bottom: auto !important;*/
}

.reviews-form__field input+label.active,
.reviews-form__field input+label.is-not-empty {
    font-size: 11px !important;
    top: -5px !important;
    bottom: auto !important;
}

.reviews-form__field textarea+label.active,
.reviews-form__field textarea+label.is-not-empty {
    font-size: 11px !important;
    top: -5px !important;
    bottom: auto !important;
}

.reviews-form__field .border {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #038057;
    transition: all 0.15s ease;
    border: none !important;
}

.reviews-form__field input:focus~.border,
.reviews-form__field textarea:focus~.border {
    width: 100%;
}

.reviews-form-btn {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: normal;
    width: 180px;
    height: 37px;
    text-align: center;
    color: #fff;
    margin-left: 14px;
}

.api_form_custom_card .reviews-form-btn.btn-green {
    height: 38px;
    line-height: 38px;
}

.reviews-form-btn.btn-green {
    height: 44px;
}

.reviews-form__line.reviews-form__line-card:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}

.reviews-form__line.reviews-form__line-card .form-group {
    float: left;
    margin-left: 2%;
}

.reviews-form__line {
    display: block;
    margin-bottom: 0px;
    padding: 0 15px;
    padding-right: 20px;
}

.reviews-form__line .reviews-form__field label {
    left: 0;
}

.reviews-form__line .form-group.form-group_city {
    width: 32%;
}

.reviews-form__line .form-group {
    width: calc(33% - 14px);
    margin-left: auto;
    margin-top: 4px;
}

.reviews-form__line .form-group:first-child {
    margin-left: 0;
}

.reviews-form__line .reviews-form__field {
    display: block;
    height: 44px;
    margin-right: 20px;
    margin-bottom: 10px;
}

.reviews-form__line .reviews-form__field:last-child {
    margin-right: 0;
}

.reviews-form__line .reviews-form__field input {
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
    height: 30px;
    padding-bottom: 15px;
    color: #000;
    margin-top: 14px;
}

.all-reviews .reviews-form__line .reviews-form__field {
    flex: 1 100%;
    padding-left: 0;
    width: 100%;
    margin-right: 0;
    padding-right: 0;
}

@media (max-width: 480px) {
    #reviewModal .user-reviews-rating {
        width: 178px;
        position: static;
        margin-left: 8px !important;
    }

    .all-reviews .user-reviews-rating {
        width: 115px;
        position: absolute;
        bottom: -27px;
        left: 0;
        margin-left: 0 !important;
    }

    .all-reviews .reviews-vote .reviews-vote__label {
        float: left;
    }

    .all-reviews .reviews-vote .vote-btns {
        float: left;
        margin: 3px 0 0 10px;
    }
}

@media (max-width: 991px) {
    .reviews-form__line {
        flex-wrap: wrap;
    }

    .reviews-form__line .reviews-form__field {
        width: 100%;
        flex: 1 100%;
        margin-right: 0;
    }
}

@media screen and (max-width: 480px) {
    .reviews-form__line .reviews-form__field {
        margin-right: 5px;
    }
}

.reviews-form__line .reviews-form__field.select {
    flex-direction: column;

    height: 50px;

    border-bottom: 1px solid #d8d8d8;

    justify-content: flex-end;
}

.reviews-form__line .reviews-form__field.select select {
    width: 100%;
    height: 30px;

    border: none;
    border-radius: 4px;
    background: url('../img/design/ico/arrow-down.svg') no-repeat;
    background-position: right center;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media screen and (max-width: 480px) {
    .reviews-form__line .reviews-form__field.select select {
        width: 90%;
    }
}

@media screen and (max-width: 480px) {
    .reviews-form__line .reviews-form__field.select {
        justify-content: flex-start;
    }
}

.reviews-form__label {
    font-size: 12px;
    font-weight: 300;

    position: absolute;
    bottom: 0;

    color: #038057;
}

.reviews-form___input {
    font-size: 16px;
    font-weight: 300;
    height: 55px;

    color: #000;
    border-bottom: 1px solid #d8d8d8;
}

/*end My-review*/
/*.profile-nav*/
.profile-nav__title {
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    font-weight: 500;
    line-height: normal;

    position: relative;

    display: flex;

    width: 100%;
    padding-bottom: 23px;
    padding-left: 35px;

    text-align: left;

    color: #333;
    border-bottom: 1px solid #d8d8d8;
}

.profile-nav__title:after {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 21px;
    height: 24px;
    margin-bottom: -4px;

    content: '';

    background: url('../img/design/ico/user.svg') no-repeat center;
}

@media (max-width: 991.98px) {
    .profile-nav__title {
        font-size: 15px;
        line-height: 40px;

        margin-bottom: 6px;
        padding: 0 20px;

        cursor: pointer;

        background: #f3f3f3;
    }

    .profile-nav__title:after {
        position: absolute;
        top: -2px;
        right: 30px;

        content: url('../img/design/ico/arrow-down.svg');
        transition: .3s;
    }
}

@media (max-width: 991.98px) {
    .profile-nav__title.active:after {
        top: 2px;

        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@media (max-width: 991.98px) {
    .profile-nav__list {
        overflow: hidden;

        max-height: 0;

        transition: .5s;
    }
}

.profile-nav__list ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

@media (max-width: 991.98px) {
    .profile-nav__list ul {
        padding-left: 30px;
    }
}

.profile-nav__list ul li {
    padding: 6px 0;
}

.profile-nav__list ul li a {
    font-size: 14px;
    line-height: 1.4;

    transition: .3s;

    color: #676767;
}

@media (max-width: 1199.98px) {
    .profile-nav__list ul li a {
        font-size: 12px;
    }
}

.profile-nav__list ul li a:hover {
    text-decoration: none;

    color: #008e62;
}

.profile-nav__menu {
    margin-top: 13px;
    padding: 0;

    list-style-type: none;
}

.profile-nav__submenu {
    display: flex;
    visibility: hidden;
    flex-direction: column;

    width: 96%;
    height: 0;

    list-style: none;

    transition: all .2s;

    opacity: 0;
}

.profile-nav__submenu li {
    font-family: 'Roboto Regular', sans-serif;

    display: flex;

    width: 100%;
    height: 35px;

    background-color: #fff;

    align-items: center;
}

.profile-nav__submenu li a {
    font-family: 'Roboto Reqular', sans-serif;
    font-size: 14px;

    display: block;

    width: 100%;
    padding-left: 10px;

    color: #333;
}

.profile-nav__submenu li:nth-child(odd) {
    background-color: #f5f5f5;
}

.profile-nav__submenu li.active {
    border-left: 4px solid #038057;
    background-color: rgba(3, 128, 87, .1);
}

.profile-nav__submenu li.active a {
    color: #038057;
}

.profile-nav__list {
    display: flex;
    flex-direction: column;

    width: 100%;
    height: auto;

    color: #333;

    align-items: flex-end;
}

.profile-nav__list:hover {
    color: #038057;
}

.profile-nav__list.active {
    color: #038057;
}

.profile-nav__link {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 34px;

    display: block;

    width: 100%;
}

/*.profile-nav__submenu*/
.profile-nav__submenu.show {
    visibility: visible;

    height: 100%;

    opacity: 1;
}

.profile-nav-bottom {
    font-family: 'Roboto', sans-serif;

    margin: 0;
    padding: 0;

    list-style-type: none;
}

.profile-nav-bottom__list.clock {
    position: relative;
}

.profile-nav-bottom__list.clock:after {
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 20px;
    height: 20px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    background: url('../img/design/ico/clock.svg') no-repeat center;
}

.profile-nav-bottom__list {
    margin-bottom: 10px;
}

.profile-nav-bottom__list.review-star {
    position: relative;
}

.profile-nav-bottom__list.review-star:after {
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 20px;
    height: 20px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    background: url('../img/design/ico/reviews-star.svg') no-repeat center;
}

.profile-nav-bottom__link {
    font-size: 16px;
    font-weight: 300;
    line-height: normal;

    padding-left: 25px;

    color: #000;
}

.product-cart-title {
    font-size: 30px;
}

.product-cart .section-title {
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: normal;

    color: #000;
}

.product-cart .products-line-tabs {
    display: flex;

    margin-bottom: 30px;

    flex-wrap: wrap;
}

.product-cart .products-line-tabs__item {
    line-height: 30px;

    height: 30px;
    margin: 0 5px 10px 0;
    padding-right: 30px;
    padding-left: 30px;
}

.product-cart .sale-product-img__discount {
    display: none;
}

.product-cart .sale-product-img__count {
    display: none;
}

.product-cart .sale-product-img__heart {
    display: none;
}

/*map-block*/
@media (max-width: 1199px) {
    .p-sidebar {
        display: none;
    }
}

.map-block-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    background: #fff;
}

.map-block-wrap.product-map .search-wrap .map__region-row,
.map-block-wrap.product-map .search-wrap .map__line-tabs {
    display: none;
}

.map-block-wrap.product-map {
    margin-bottom: 50px !important;
}

.map-block-wrap .products-line-tabs__item {
    border: 1px solid #d8d8d8;
    height: 30px;
    line-height: 26px;
    text-align: center;
    padding: 0 27px;
}

.map-block-wrap .products-line-tabs__item:first-child {
    width: 122px;
}

.map-block-wrap .products-line-tabs__item.active {
    border: 1px solid #008f64;
}

.map-block-wrap .container {
    padding: 0;
}

.map-block-wrap .products-line-tabs {
    margin-bottom: 30px;
}

.map-block-wrap #YMapsID {
    width: 555px;
    height: 382px;
    float: left;
    border: 0;
}

@media (max-width: 992px) {
    .map-block-wrap #YMapsID {
        width: 100%;
        margin-bottom: 20px;
    }
}

.map-block-wrap .dislocationBig-content-head {
    margin-right: 7px;
    padding: 0;
    margin-left: 14px;
}

.map-block-wrap .dislocationBig-content-head__row {
    height: 34px;
}

.map-block-wrap .dislocationBig-content-head__cell {
    padding-left: 11px;
}

@media (max-width: 991.98px) {
   

    .map-block-wrap .dislocationBig-content-head {
        margin-left: 0;
        margin-right: 0;
    }
}

.map-block {
    width: 100%;
    margin-bottom: 3px;
}

.map-block__title {
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    font-weight: 500;

    text-align: left;
    margin-top: 5px;

    color: #000;
}

.map-block__choose {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 21px;

    display: flex;

    width: 100%;
    margin-bottom: 27px;

    text-align: center;

    color: #333;
}

@media (max-width: 991.98px) {
    .map-block__choose {
        font-size: 12px;
        flex-wrap: wrap;

        position: relative;

        width: 100%;
        width: 100%;
        height: auto;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;

        text-align: center;
    }
}

.map-block__city {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 21px;

    position: relative;

    display: inline-block;

    color: #038057;
}

@media (max-width: 479.98px) {
    .map-block__city {
        display: block;
    }

    .map-block__choose {
        flex-wrap: wrap;
    }
}

.product-reviews-section {
    padding-left: 0;
}

.product-reviews-section:not(#reviews) .product-reviews {
    flex: 1 100% !important;
    border-bottom: 1px solid #d8d8d8 !important;
    margin-bottom: 28px !important;
    padding-bottom: 7px !important;
}

.product-reviews-section:not(#reviews) .product-reviews-head {
    flex-direction: row !important;
}

.product-reviews-section:not(#reviews) .reviews-address {
    color: #4f4f4f !important;
    padding-top: 12px !important;
}

.product-reviews-section:not(#reviews) .user-reviews-rating {
    margin-left: 20px !important;
    margin-top: -3px !important;
}

.product-reviews-section:not(#reviews) .product-reviews-info__message {
    border: 0 !important;
    height: auto !important;
    padding-bottom: 9px !important;
    padding-left: 2px !important;
    padding-top: 7px !important;
    padding-right: 2px !important;
    margin-bottom: 16px !important;
}

.map-block__city:after {
    position: absolute;
    top: 40%;
    left: 100%;

    width: 14px;
    height: 14px;
    margin-left: 8px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    background-image: url('../img/design/ico/arrow-down.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.map-block p {
    font-size: 20px;
}

.map-content-wrapper {
    display: flex;
}

@media (max-width: 991.98px) {
    .map-content-wrapper {
        flex-direction: column;

        width: 100%;
        height: 100%;
        margin-top: 10px;
    }
}

.map {
    position: relative;

    overflow: hidden;

    width: 50%;
    height: 380px;
}

@media (max-width: 991.98px) {
    .map {
        width: 100%;
        margin-bottom: 30px;
    }

    .map .ymaps-map.ymaps-i-ua_js_yes {
        width: 100% !important;
    }
}

.dislocationBig {
    width: 50%;
    height: 380px;
    margin-bottom: 27px;
    padding-right: 34px;
    padding-left: 15px;
}

.product-reviews-section-wrapper {
    padding: 0;
    margin-top: 56px;
}

.product-reviews-section .section-title {
    font-size: 30px;
    color: #000000;
    margin-bottom: 32px;
    padding-bottom: 0;
}

@media screen and (max-width: 480px) {
    .product-reviews-section .section-title {
        font-size: 20px;
    }
}

@media screen and (max-width: 767px) {
    .product-reviews-section .section-title {
        margin-top: 30px;
    }

    .product-reviews-result .api-stars-empty {
        margin-left: 0;
        /*width: 110px;*/
        margin-bottom: 4px;
        margin-left: 10px;
    }

    .api-average-rating {
        margin-left: 10px;
    }
}

@media (max-width: 991.98px) {
    .dislocationBig {
        overflow: hidden;

        width: 100%;
        padding: 0;
    }
}

.dislocationBig-content {
    position: relative;

    width: 100%;
}

.dislocationBig-content-table {
    width: 100%;
}

.dislocationBig-content-head {
    margin-right: 30px;
    padding: 0;
}

@media (max-width: 991.98px) {
    .dislocationBig-content-head {
        margin-right: 0;
    }
}

.dislocationBig-content-head__row {
    display: flex;

    width: 100%;
    height: 28px;

    border-bottom: 1px solid #dadada;

    justify-content: space-between;
}

.dislocationBig-content-head__cell {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: normal;

    display: block;

    width: auto;
    padding-bottom: 10px;
    padding-left: 20px;

    text-align: left;

    color: #333;
}

@media (max-width: 991.98px) {
    .dislocationBig-content-head__cell {
        font-size: 13px;

        padding-left: 0;
    }
}

.dislocationBig-content-head__cell:first-child {
    text-align: left;

    flex: 3;
}

.dislocationBig-content-head__cell:nth-child(2) {
    text-align: left;

    flex: 3;
}

.dislocationBig-content-head__cell:last-child {
    text-align: left;

    flex: 3;
}

.dislocationBig-content-body {
    position: relative;

    display: block;
    overflow: hidden;

    width: 100%;
    padding: 0;
}

.dislocationBig-content-body__row {
    position: relative;

    display: flex;

    height: auto;
    margin-right: 30px;
    padding-top: 5px;
    padding-bottom: 12px;

    align-items: flex-start;
    justify-content: space-between;
}

.dislocationBig-content-body__row:nth-child(even) {
    background: #ececec;
}

.dislocationBig-content-body__row:last-child {
    border-bottom: none;
}

.dislocationBig-content-body__row>div:first-child {
    padding: 5px;

    flex: 3;
}

.dislocationBig-content-body__row>div:nth-child(2) {
    flex: 3;
}

.dislocationBig-content-body__row>div:last-child {
    flex: 3;
}

@media (max-width: 991.98px) {
    .dislocationBig-content-body__row {
        width: 100%;
        margin: 0;
    }
}

.dislocationBig-content-body__row-active {
    background-color: rgba(253, 207, 0, .15);
}

.dislocationBig-content-body .dislocationBig-check span {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 12px;

    color: #ce0c36;
}

.dislocationBig-content-body label {
    font-family: 'Roboto', sans-serif;

    display: flex;

    margin: 0 5px 0 0;

    cursor: pointer;

    align-items: center;
}

.dislocationBig-content-body input[type='radio'] {
    display: none;
}

.dislocationBig-content-body input[type='radio']+.dislocationBig-check__checker {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 14px;

    position: relative;

    display: flex;

    margin-left: 0;
    padding-left: 24px;

    text-align: left;

    color: #333;

    align-items: center;
}

.dislocationBig-content-body input[type='radio']+.dislocationBig-check__checker:after {
    position: absolute;
    top: 60%;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border: 1px solid #8f8f8f;
    border-radius: 50%;
    background: #fff;
}

.dislocationBig-content-body input[type='radio']:checked+.dislocationBig-check__checker:after {
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border: 2px solid #038057;
    border-radius: 50%;
    background: #fff;
}

.dislocationBig-content-body input[type='radio']:checked+.dislocationBig-check__checker:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 4px;

    display: block;

    width: 8px;
    height: 8px;
    padding: 2px;

    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    border-radius: 50%;
    background: #038057;
}

.dislocationBig-content-body__address {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: normal;

    text-align: left;

    color: #333;
}

@media (max-width: 991.98px) {
    .dislocationBig-content-body__address {
        font-size: 14px;
    }
}

.dislocationBig-content-body__time {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;

    text-align: left;

    color: #333;
}

@media (max-width: 991.98px) {
    .dislocationBig-content-body__time {
        font-size: 14px;

        text-align: center;
    }
}

.choose-form-btn {
    display: inline-block;

    width: 231px;
    height: 41px;
    margin: 0 auto;
}

/*End map-block*/
.producer .page-header {
    margin-bottom: 25px;
}

.producer .sale-product-img__discount {
    display: none;
}

.producer .sale-product-img__count {
    display: none;
}

.producer .sale-product-img__discount {
    display: none;
}

.producer .deals {
    margin-top: 50px;
}

.brands .page-header {
    margin-bottom: 20px;
    padding-left: 15px;
}

.brands .sort-count {
    display: none;
}

.brands-nav {
    margin-bottom: 50px;
}

.brands-navigation {
    display: flex;

    padding: 0;

    list-style-type: none;

    flex-wrap: wrap;
}

.brands-navigation__link {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;

    padding: 0 5px;

    white-space: nowrap;
    letter-spacing: -.3px;
    text-transform: uppercase;

    color: #038057;
}

.brands-navigation__link:hover {
    color: #fdcf00;
}

.brands-navigation__link.all {
    margin: 0 14px;
}

.brands-navigation__link.all:hover {
    color: #fdcf00;
}

.brands-navigation__link.num {
    margin: 0 14px;
}

.brands-navigation__link.num:hover {
    color: #fdcf00;
}

.brands-navigation__link.disabled {
    color: #d8d8d8;
}

.alphabet-sign {
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    font-weight: bold;
    width: 95px;
    white-space: nowrap;
    text-transform: uppercase;
    color: #bdbdbd;
    float: left;
}

.alphabet__item {
    display: block;

    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .alphabet__item {
        flex-direction: column;
    }
}

.alphabet-items {
    margin-left: 100px;
}

.alphabet-items-list {
    display: block;

    width: 100%;
    margin: 0;
    padding: 0;

    list-style-type: none;

    -webkit-column-count: 4;
    column-count: 4;
    page-break-inside: avoid;
}

@media (max-width: 991.98px) {
    .alphabet-items-list {
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media (max-width: 767.98px) {
    .alphabet-items-list {
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media (max-width: 479.98px) {
    .alphabet-items-list {
        -webkit-column-count: 1;
        column-count: 1;
    }
}

.alphabet-items-list__item {
    line-height: 20px;

    display: block;
    overflow: hidden;

    min-width: 20%;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.alphabet-items-list__link {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
    display: inline-block;
    width: 100%;
    padding-right: 5px;
    white-space: normal;
    text-overflow: ellipsis;
    color: #038057;
}

.alphabet-items-list__link:hover {
    color: #fdcf00;
}

main.brands-content .deals-item {
    margin-top: 0;
}

.brands-content .brands-content .line-indents.margin-t_18 {
    display: none;
}

.brands-content .brands-content .space-between {
    border-top: 1px solid #d8d8d8;
    padding-top: 20px;
}

.brands-content {
    margin-bottom: 0;
}

.brands-content .col-12 {
    padding: 0 13px;
}

.brands-content .brands-content {
    padding: 0 15px;

}

.brands-content .brands-content .line-indents {
    border-bottom: 1px solid #d8d8d8;
}

.feedback-form-wrap {
    display: flex;
    width: 100%;
    height: 440px;
    background: #fff;
    box-shadow: 1px 3px 29px rgba(0, 0, 0, .2);
    align-items: center;
    justify-content: center;
}

@media (max-width: 1199.98px) {
    .feedback-form-wrap {
        height: 370px;
    }
}

.feedback .page-header {
    padding: 0;
}

.feedback .page-title {
    margin-bottom: 30px;
}

.feedback .feedback-description {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;

    display: block;

    color: #333;
}

.feedback .phone {
    font-size: 32px;
    font-weight: normal;

    color: #333;
}

.feedback-form {
    width: 385px;
}

.feedback .contact-form-container .contact-form__inner {
    margin-top: 0;
}

.feedback-form__fieldset {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 50px;
}

.feedback-form__fieldarea {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100px;
    margin-bottom: 15px;
    padding-top: 10px;
    text-align: left;
}

.feedback-form__fieldset.select {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 50px;
}

.feedback-form__fieldset.select .arrow-down {
    position: absolute;
    z-index: 100;
    top: 50%;
    right: 10px;
    display: block;
    width: 13px;
    height: 20px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    background: url('../img/design/ico/gray-arrow.svg') no-repeat center;
    background-size: cover;
}

.feedback-form__label {
    font-size: 10px;
    font-weight: 300;
    line-height: 16px;
    position: absolute;
    z-index: 100;
    left: 20px;
    margin: 0;
    padding: 0;
    color: #038057;
}

.feedback-form__select {
    font-size: 16px;
    font-weight: 300;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: #4a4a4a;
    border: 0;
    border-bottom: 1px solid #c4c4c4;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.feedback-form__input {
    font-size: 16px;
    font-weight: 300;
    line-height: 36px;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: #4a4a4a;
    border-bottom: 1px solid #c4c4c4;
}

.feedback-form__input:focus {
    border-bottom: 2px solid #038057;
}

.feedback-form__textarea {
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    color: #4a4a4a;
}

.feedback-form input::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: #4a4a4a;
}

.feedback-form input:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: #4a4a4a;
}

.feedback-form input::-ms-input-placeholder {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: #4a4a4a;
}

.feedback-form input::placeholder {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: #4a4a4a;
}

.feedback-form textarea::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;

    color: #4a4a4a;
}

.feedback-form textarea:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: #4a4a4a;
}

.feedback-form textarea::-ms-input-placeholder {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: #4a4a4a;
}

.feedback-form textarea::placeholder {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: #4a4a4a;
}

.feedback-submit {
    display: block;
    width: 147px;
    height: 37px;
    color: #fff;
}

.textarea-symbols {
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    font-weight: normal;
    line-height: 16px;
    position: absolute;
    top: 100%;
    right: 0;
    color: #8b8b8b;
}

.get-point-block {
    font-family: 'Roboto', sans-serif;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 195px;
    margin-top: 43px;
    margin-bottom: 20px;
    padding-left: 50px;
    background-color: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .25);
    justify-content: center;
}

.get-point-block__h {
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    color: #8b8b8b;
}

.get-point-block__c {
    font-size: 48px;
    font-weight: bold;
    text-align: left;
    color: #038057;
}

.get-point-block__t {
    font-size: 16px;
    font-weight: 300;
    text-align: left;
    color: #4f4f4f;
}

.how-get-point {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    cursor: pointer;
    text-align: center;
    text-decoration: underline;
    color: #038057;
}

.how-get-point:hover {
    text-decoration: none;
}

.profile-form-fieldset {
    font-family: 'Roboto', sans-serif;
    width: 100%;
    color: red;
}

.mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
    background-color: #8b8b8b;
}

.mCS-my-theme.mCSB_scrollTools .mCSB_dragger {
    right: -3px;
    max-height: 28px;
    margin-right: 0;
    padding-right: 0;
}

.mCS-my-theme.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #8b8b8b !important;
}

.mCS-my-theme.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #8b8b8b !important;
}

.mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail {
    width: 10px;
    margin-right: 0;

    background-color: #e8e8e8;
}

.mCSB_inside>.mCSB_container {
    margin-right: 27px !important;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
    touch-action: pinch-zoom;
    /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    touch-action: auto;
}

.mCustomScrollBox {
    /* contains plugin's markup */
    position: relative;

    overflow: hidden;

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

    outline: none;

    direction: ltr;
}

.mCSB_container {
    /* contains the original content */
    overflow: hidden;

    width: auto;
    height: auto;
}

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside>.mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
    /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;

    width: 16px;
    height: auto;
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
    /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;

    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    /* minimum dragger height */
    z-index: 1;

    width: 100%;
    height: 30px;
    /* the draggable element */

    cursor: pointer;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    /* the dragger element */
    position: relative;

    width: 4px;
    height: 100%;
    margin: 0 auto;

    text-align: center;

    border-radius: 16px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    position: absolute;

    display: block;
    overflow: hidden;

    width: 100%;
    height: 20px;
    margin: 0 auto;

    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;

    width: auto;
    height: 16px;
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    left: 0;

    width: 30px;
    /* minimum dragger width */
    height: 100%;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    /* auto-expanded scrollbar */
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    /* auto-expanded scrollbar */
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    position: absolute;

    display: block;
    overflow: hidden;

    width: 20px;
    height: 100%;
    margin: 0 auto;

    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    overflow: hidden;

    width: auto;
    height: auto;
    margin-right: 30px;
    margin-bottom: 30px;
}

.mCSB_container_wrapper>.mCSB_container {
    box-sizing: border-box;
    padding-right: 30px;
    padding-bottom: 30px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    /* non-visible scrollbar */
    margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
	----------------------------------------
	6.1 THEMES
	----------------------------------------
	*/
/* default theme ("light") */
.mCSB_scrollTools {
    opacity: .75;

    filter: 'alpha(opacity=75)';
    -ms-filter: 'alpha(opacity=75)';
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;

    filter: 'alpha(opacity=0)';
    -ms-filter: 'alpha(opacity=0)';
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 1;

    filter: 'alpha(opacity=100)';
    -ms-filter: 'alpha(opacity=100)';
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);

    filter: 'alpha(opacity=40)';
    -ms-filter: 'alpha(opacity=40)';
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);

    filter: 'alpha(opacity=75)';
    -ms-filter: 'alpha(opacity=75)';
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);

    filter: 'alpha(opacity=85)';
    -ms-filter: 'alpha(opacity=85)';
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);

    filter: 'alpha(opacity=90)';
    -ms-filter: 'alpha(opacity=90)';
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    opacity: .4;
    background-image: url("mCSB_buttons.png");
    /* css sprites */
    background-repeat: no-repeat;

    filter: 'alpha(opacity=40)';
    -ms-filter: 'alpha(opacity=40)';
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /*
		sprites locations
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /*
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /*
		sprites locations
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /*
		sprites locations
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: .75;

    filter: 'alpha(opacity=75)';
    -ms-filter: 'alpha(opacity=75)';
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: .9;

    filter: 'alpha(opacity=90)';
    -ms-filter: 'alpha(opacity=90)';
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;

    border-radius: 1px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;

    border-radius: 1px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 1px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 1px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;

    border-radius: 2px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;

    border-radius: 2px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 2px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 2px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
    /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    /* auto-expanded scrollbar */
    width: 16px;
    height: 16px;
    margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    /* auto-expanded scrollbar */
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    opacity: .3;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==');
    background-repeat: repeat-y;

    filter: 'alpha(opacity=30)';
    -ms-filter: 'alpha(opacity=30)';
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;

    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=');
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);
    background-repeat: repeat-y;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);
    background-repeat: repeat-x;
}

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;

    filter: 'alpha(opacity=30)';
    -ms-filter: 'alpha(opacity=30)';
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;

    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;

    filter: 'alpha(opacity=30)';
    -ms-filter: 'alpha(opacity=30)';
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 5px;
}

.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 12px;
    height: auto;
    margin: 2px;

    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: auto;
    height: 12px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;

    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;

    margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: auto;
    left: 0;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);

    filter: 'alpha(opacity=20)';
    -ms-filter: 'alpha(opacity=20)';
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);

    filter: 'alpha(opacity=50)';
    -ms-filter: 'alpha(opacity=50)';
}

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);

    filter: 'alpha(opacity=20)';
    -ms-filter: 'alpha(opacity=20)';
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);

    filter: 'alpha(opacity=50)';
    -ms-filter: 'alpha(opacity=50)';
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;

    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;

    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 6px;
    height: auto;
    margin: 3px 5px;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: auto;
    height: 6px;
    margin: 5px 3px;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    box-sizing: border-box;

    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .2);
    background-color: transparent;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2);
}

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
}

/* ---------------------------------------- */
/* Magnific Popup CSS */
.mfp-bg {
    position: fixed;
    z-index: 1042;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    opacity: .8;
    background: #0b0b0b;
}

.mfp-wrap {
    position: fixed;
    z-index: 1043;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    outline: none !important;

    -webkit-backface-visibility: hidden;
}

.mfp-container {
    position: absolute;
    top: 0;
    left: 0;

    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 8px;

    text-align: center;
}

.mfp-container:before {
    display: inline-block;

    height: 100%;

    content: '';
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    z-index: 1045;

    display: inline-block;

    margin: 0 auto;

    text-align: left;
    vertical-align: middle;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;

    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    position: absolute;
    z-index: 1044;
    top: 50%;
    right: 8px;
    left: 8px;

    width: auto;
    margin-top: -.8em;

    text-align: center;

    color: #ccc;
}

.mfp-preloader a {
    color: #ccc;
}

.mfp-preloader a:hover {
    color: #fff;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    z-index: 1046;

    display: block;
    overflow: visible;

    padding: 0;

    cursor: pointer;

    border: 0;
    outline: none;
    background: transparent;
    box-shadow: none;

    -webkit-appearance: none;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;

    border: 0;
}

.mfp-close {
    font-family: Arial, Baskerville, monospace;
    font-size: 28px;
    font-style: normal;
    line-height: 44px;

    position: absolute;
    top: 0;
    right: 0;

    width: 44px;
    height: 44px;
    padding: 0 0 18px 10px;

    text-align: center;
    text-decoration: none;

    opacity: .65;
    color: #fff;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    right: -6px;

    width: 100%;
    padding-right: 6px;

    text-align: right;

    color: #fff;
}

.mfp-counter {
    font-size: 12px;
    line-height: 18px;

    position: absolute;
    top: 0;
    right: 0;

    white-space: nowrap;

    color: #ccc;
}

.mfp-arrow {
    position: absolute;
    top: 50%;

    width: 90px;
    height: 110px;
    margin: 0;
    margin-top: -55px;
    padding: 0;

    opacity: .65;

    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 0;
    height: 0;
    margin-top: 35px;
    margin-left: 35px;

    content: '';

    border: medium inset transparent;
}

.mfp-arrow:after {
    top: 8px;

    border-top-width: 13px;
    border-bottom-width: 13px;
}

.mfp-arrow:before {
    opacity: .7;
    border-top-width: 21px;
    border-bottom-width: 21px;
}

.mfp-arrow-left {
    left: 0;
}






.mfp-arrow-left:after {
    margin-left: 31px;

    border-right: 17px solid #fff;
}

.mfp-arrow-left:before {
    margin-left: 25px;

    border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after {
    margin-left: 39px;

    border-left: 17px solid #fff;
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;

    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    overflow: hidden;

    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    background: #000;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

/* Main image in popup */
img.mfp-img {
    line-height: 0;

    display: block;

    box-sizing: border-box;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 40px 0 40px;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    position: absolute;
    z-index: -1;
    top: 40px;
    right: 0;
    bottom: 40px;
    left: 0;

    display: block;

    width: auto;
    height: auto;

    content: '';

    background: #444;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

.mfp-figure small {
    font-size: 12px;
    line-height: 14px;

    display: block;

    color: #bdbdbd;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    position: absolute;
    top: 100%;
    left: 0;

    width: 100%;
    margin-top: -36px;

    cursor: auto;
}

.mfp-title {
    line-height: 18px;

    padding-right: 36px;

    text-align: left;
    word-wrap: break-word;

    color: #f3f3f3;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {

    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
        padding-right: 0;
        padding-left: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;

        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        position: fixed;
        top: auto;
        bottom: 0;

        box-sizing: border-box;
        margin: 0;
        padding: 3px 5px;

        background: rgba(0, 0, 0, .6);
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        top: 3px;
        right: 5px;
    }

    .mfp-img-mobile .mfp-close {
        line-height: 35px;

        position: fixed;
        top: 0;
        right: 0;

        width: 35px;
        height: 35px;
        padding: 0;

        text-align: center;

        background: rgba(0, 0, 0, .6);
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-right: 6px;
        padding-left: 6px;
    }
}

/* Slider */
.slick-slider {
    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;

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

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}


/*Contacts*/

.about-list__item {
    display: block;
    padding-top: 15px;
    font-size: 16px;
    font-weight: 300;
}

.about-list__item:hover,
.about-list__item.active {
    color: #008E62;
}

.contacts__h {
    font-size: 20px;
    padding-bottom: 8px;
}

.contacts__address {
    font-size: 16px;
    font-weight: normal;
    line-height: 23px;
    padding-bottom: 10px;
}

.contacts__top .contact-text {
    color: #000000 !important;
}

.contacts__top .contact-text a:not(.mail-link) {
    color: #000000 !important;
    text-decoration: none;
}

.contacts__top .contact-text.tell,
.contacts__top .contact-text.tell a {
    color: #000000 !important;
    text-decoration: none !important;
}

.contacts__top .tell-block p {
    display: inline-block;
}

.central-contacts,
.contact-block {
    font-size: 16px;
}

.contact-name {
    font-weight: 300;
    line-height: 23px;
}

.mail-link {
    color: #038057;
    text-decoration: underline;
}

.contact-block {
    width: 49%;
    display: inline-block;
    margin-bottom: 34px;
    vertical-align: top;
}

.contact-form-container {
    margin-top: 8px;
    margin-bottom: 0;
}

.contact-form__tab {
    height: 54px;
    border-bottom: 1px solid #d8d8d8;
    font-size: 16px;
    font-weight: 300;
    line-height: 54px;
    color: #000;
    padding-left: 25px;
    border-left: 4px solid transparent;
    border-right: 1px solid #D8D8D8;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.contact-form__tab.active,
.contact-form__tab:hover {
    background: rgba(3, 128, 87, 0.1);
    border-bottom-color: transparent;
    color: #038057;
    border-left-color: #038057;
}

.contact-form__main {
    box-shadow: 1px 3px 29px rgba(0, 0, 0, 0.2);
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 65px 95px 75px 95px;
}

.contact-form__main .vacancy-form__agree {
    margin-left: 25px;
    margin-top: 20px;
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    .contact-form__main {
        padding: 40px;
    }
}

@media screen and (max-width: 767px) {
    .contact-form__main .vacancy-form__agree {
        margin-left: auto;
        padding: 0;
    }

    .feedback .contact-form__side {
        max-width: inherit;
        margin-bottom: 20px;
    }
}

.feedback .contact-form__main {
    max-width: 555px;
    margin-left: auto;
}

.feedback .contact-form__side {
    max-width: 458px;
    width: 100%;
    flex: 1;
}

.feedback {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #000;
    font-weight: 500;
}

.feedback__text {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    padding-top: 1px;
    padding-right: 1px;
}

.feedback__item-text {
    margin-top: 8px;
    line-height: 1.3em;
    margin-bottom: 4px;
}

.contact-form__field-name {
    font-size: 10px;
    color: #038057;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    position: absolute;
    left: 3px;
    top: 11px;
}

.feedback__phone-num {
    font-size: 32px;
}

.contact-form__select {
    border: none;
    -webkit-appearance: none;
    /* убрать рамку в опере */
    cursor: pointer;
    font-size: 16px;
    font-weight: 300;
    border-bottom: 1px solid #C4C4C4;
    padding: 4px 0;
    width: 100%;
    background-color: transparent;
    margin-top: 18px;
}

.contact-form__select-wrapper {
    position: relative;
    padding-top: 22px;
}

.contact-form__select.opened+.contact__select-arr {
    transform: rotate(180deg);
}

.contact-form__select-wrapper .map__region-dropdown {
    display: block;
    width: 100%;
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 4px;
    color: #000000;
    padding-left: 3px;
    transition: .3s;
}

.contact-form__select-wrapper .map__region-dropdown:hover {
    color: #008e62;
}

.contact-form__select-wrapper .map__region-dropdown .border {
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 2px;
    width: 100%;
    background: #038057;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: all 0.15s ease;
    border: none !important;
}

.contact-form__select-wrapper .map__region-dropdown:hover .border {
    transform: scaleX(1);
}

.contact-form__select-wrapper .map__region-current {
    display: block;
    width: 100%;

}

.contact-form__select-wrapper .map__region-dropdown:after {
    top: 1px;
    right: 3px;
}

.contact__select-arr {
    position: absolute;
    top: 65%;
    right: 5px;
    transition: 0.2s linear;
}

.about-wrapper~.promo {
    display: none;
}

.contacts__main~.promo {
    display: none;
}

.about~.promo {
    display: none;
}

.contact-form__inner .form-float .border {
    bottom: 0;
}

.contact-form__inner .form-textarea textarea {
    height: 57px;
    min-height: 57px;
    display: block;
    padding-bottom: 0;
}

/* стилизация input */
.inp {
    position: relative;
    margin: auto;
    width: 100%;
    max-width: 100%;
    margin-top: 6px;
}

.inp .label {
    position: absolute;
    top: 16px;
    left: 0;
    font-size: 16px;
    color: #000;
    font-weight: 100;
    transform-origin: 0 0;
    transition: all 0.2s ease;
    padding-left: 4px;

}

.inp .border {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #038057;
    transition: all 0.15s ease;
    border: none !important;
}

.inp input {
    -webkit-appearance: none;
    width: 100%;
    border: 0;
    font-family: inherit;
    padding: 6px 4px 6px 4px;
    height: 48px;
    font-size: 16px;
    font-weight: 300;
    border: none;
    border-bottom: 1px solid #C4C4C4;
    background: none;
    border-radius: 0;
    color: #000;
    transition: all 0.15s ease;
    box-shadow: none;
}

.inp input:placeholder-shown+label {
    /*color: #000;
    font-size: 11px;
    top: -2px;*/
}

.inp input+label.active {
    color: #000;
    font-size: 11px !important;
    top: -2px !important;
}

.inp input:focus {
    background: none;
    outline: none;
}

.inp input:focus+label {
    color: #038057;
    font-size: 11px;
    top: -2px;
}

.inp input:focus+label+.border {
    width: 100%;
}

.contact-form__message-wrapper {
    margin-top: 23px;
}

.contact-form__msg-label {
    font-size: 16px;
    font-weight: 300;
    padding-left: 4px;
}

.contact-form__textarea {
    width: 100%;
    border-bottom: 1px solid #C4C4C4;
    padding: 6px 4px;
    font-size: 16px;
    font-weight: 300;
    transition: border-color 0.4s;

}

.contact-form__textarea:focus {
    border-bottom: 1px solid #038057;
}

.textarea__symbols-remaining {
    font-size: 10px;
    color: #8B8B8B;
    float: right;
}

.contact-form__submit {
    display: block;
    font-size: 16px;
    margin: 11px auto 15px;
    cursor: pointer;
    width: 195px;
    height: 37px;
}

.text-left .contact-form__submit {
    margin-left: 0;
}

.text-left .remove {
    text-align: left;
}

@media (max-width: 767px) {
    .text-left .contact-form__submit {
        margin-left: auto;
    }

    .contact-form__side {
        margin-bottom: 20px;
    }

    .contact-block {
        width: 49%;
    }

    .text-left {
        text-align: center !important;
    }

    form .text-left .remove {
        text-align: center;
    }
}


@media (max-width: 575px) {
    .contact-form__inner {
        width: 100%;
    }

    .about-menu {
        display: none;
    }

    .internet-pharmacies-nav {
        display: none;
    }
}

@media (max-width: 575px) {
    .contact-form__main {
        padding: 15px;
    }
}

/*info/lawyr*/

/*------ Content ------*/

.about-menu {
    font-family: 'Roboto', sans-serif;
}

.about-menu__head {
    margin-left: 15px;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 13px;
    width: 262px;
}

.about-menu__head img {
    margin-top: -16px;
}

.about-menu__title {
    color: #333333;
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 4px;
}

.about-menu__nav {
    margin-top: 12px;
    margin-left: 15px;
}

.about-menu__item {
    margin-bottom: 11px;
}

.about-menu__link {
    font-size: 16px;
    font-weight: 300;
    color: #4F4F4F;
}

.about-menu__use {
    flex-direction: column;
    margin-top: 35px;
    margin-left: 41px;
}

.about-menu__use-link {
    position: relative;
}

.about-menu__link:hover {
    color: #008e62;
}

.state {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin-left: 0;
    margin-top: 31px;
    line-height: 1.4em;
    width: 850px;
    color: #333333;
    font-size: 16px;
}

.state-title {
    font-size: 36px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #000;
    margin-left: 7px;
    margin-top: 30px;
}

.state__text_push {
    margin-top: 14px;
}

.offer_cont .of-line {
    font-weight: 300;
}

.form-info {
    width: 847px;
    height: 655px;
    box-shadow: 1px 3px 29px rgba(0, 0, 0, 0.2);
    margin-top: 37px;
    margin-left: 7px;
    padding-left: 79px;
    padding-top: 79px;
    margin-bottom: 40px;
}

.form-info__title {
    font-size: 25px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.form-info__input-address,
.form-info__input-name,
.form-info__input-time,
.form-info__input-area,
.form-info__input-post,
.form-info__input-tel {
    border-color: transparent;
    border-bottom: 1px solid #C4C4C4;
    font-size: 16px;
    color: #4A4A4A;
    width: 329px;
    padding-bottom: 4px;
    letter-spacing: -0.01em;
    position: relative;
}

.form-info__input-address:focus,
.form-info__input-name:focus,
.form-info__input-time:focus,
.form-info__input-area:focus,
.form-info__input-post:focus,
.form-info__input-tel:focus {
    outline-color: transparent;
    border-bottom: 1px solid #038057;
}

label {
    position: relative;
}

.form-info__input-address {
    width: 687px;
    margin-left: -1px;
    margin-top: 30px;
}

.form-info__input-name {
    margin-top: 15px;
}

.form-info__input-time {
    margin-left: 26px;
}

.form-info__input-area {
    margin-left: 25px;
}

.form-info__input-post {
    margin-top: 24px;
}

.form-info__input-tel {
    margin-left: 25px;
}

.form-info__subtext1 {
    color: #038057;
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    position: absolute;
    left: 1px;
    top: 19px;
}

.form-info__subtext2 {
    color: #038057;
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    position: absolute;
    left: 2px;
    top: 13px;
}

.form-info__input-name,
.form-info__input-post,
.form-info__input-tel {
    width: 329px;
}

.form-info__input-time,
.form-info__input-area {
    width: 149px;
}

.form-info__type-rent {
    visibility: hidden;
}

.form-info__radio-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-top: 21px;
}

.form-info__type-rent-img {
    background: url(../img/empty.svg) no-repeat center center;
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
}

.form-info__type-rent:checked+.form-info__type-rent-img {
    background: url(../img/full.svg) no-repeat center center;
}

.form-info__type-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    margin-right: 29px;
}

.form-info__type-name {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #333;
    margin-left: 12px;
}

.form-info__location {
    margin-top: 27px;
}

input[type="checkbox"] {
    visibility: hidden;
}

.wrap-checkbox {
    display: block;
    position: relative;
    margin-right: 29px;
}

.form-info__check-img {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/checkbox.svg) no-repeat center center;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

input[type="checkbox"]:checked+.form-info__check-img {
    background: url(../img/checkbox-checked.svg) no-repeat center center;
}

.wrap-checkbox:hover>.form-info__check-img {
    background: url(../img/checkbox-hover.svg) no-repeat center center;
}

.wrap-checkbox:hover>.form-info__check-name {
    color: rgb(0, 142, 98);
}

.form-info__check-name {
    margin-left: 25px;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.of-line__load:hover {
    background: #f7eeee;
}

.offer_cont .send-but:hover {
    background: #0eb581;
    color: #fff;
}


.form-info__check-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-top: 30px;
}

.form-info__textarea {
    border-color: transparent;
    border-bottom: 1px solid #C4C4C4;
    font-size: 16px;
    color: #4A4A4A;
    width: 687px;
    padding-bottom: 4px;
    letter-spacing: -0.01em;
    resize: none;
    margin-top: 9px;
}

.form-info__textarea:focus {
    outline-color: transparent;
    border-bottom: 1px solid #038057;
}

.form-coop__btn-submit {
    width: 165px;
    height: 37px;
    background: #008E62;
    font-size: 16px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    border: 1px solid #008E62;
    cursor: pointer;
    border-radius: 3px;
    margin-top: 23px;
}

form[action="/about/lawyr/"] label[for="file"] {
    border-radius: 3px;
}


form[action="/about/lawyr/"] .b-form-new__submit__btn {
    width: 165px;
    margin-top: 37px;
}

@media screen and (max-width: 1199px) {
    form[action="/about/lawyr/"] label[for="file"] {
        margin-left: 10px;
    }
}

@media screen and (max-width: 991px) {
    form[action="/about/lawyr/"] .of-line {
        flex-direction: row;
        align-items: center;
    }
}

@media screen and (max-width: 575px) {
    form[action="/about/lawyr/"] .of-line {
        flex-direction: column;
        align-items: center;
    }

    form[action="/about/lawyr/"] .b-form-new__submit__btn {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    form[action="/about/lawyr/"] label[for="file"] {
        margin-bottom: 10px;
    }

}

/*------ Reasons ------*/

.reasons-title {
    font-size: 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-top: 39px;
    margin-left: 13px;
}

.arrow-open-btn {
    border: none;
    display: block;
    background: none;
    width: 24px;
    height: 24px;
    margin-top: 10px;
}

.arrow-open-btn-on {
    transform: rotate(180deg);
}


.vantage {
    margin-top: 39px;
    margin-left: 11px;
    letter-spacing: 0.025em;
    margin-bottom: 41.5px;
}

.vantage__title {
    font-size: 15px;
    color: #2E2E2E;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: -3px;
    letter-spacing: 0;
}

.vantage__text {
    margin-left: 11px;
}

.vantage__descr {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #959595;
    margin-top: 6px;
    line-height: 1.4em;
    width: 210px;
}

.vantage_second {
    margin-left: 41px;
}

.vantage_second .vantage__text {
    margin-left: 15px;
}

.vantage_third {
    margin-left: -9px;
}

.vantage_third .vantage__text {
    margin-left: 17px;
}

.vantage_third .vantage__descr {
    width: 310px;
}

.vantage_fourth {
    margin-left: 17px;
}

.vantage_fourth .vantage__text {
    margin-left: 19px;
}

.vantage_fifth {
    margin-left: 52px;
}

.vantage_fifth img {
    margin-top: -5px;
}

.vantage_fifth .vantage__descr {
    width: 225px;
}

.vantage_sixth {
    margin-left: 0;
}

.vantage_sixth .vantage__text {
    margin-left: 26px;
}

.vantage_sixth .vantage__descr {
    width: 230px;
}


/*------ Subscription ------*/
.subscription {
    background: #038057 url(../img/subscribe.png) no-repeat center center / cover;
    margin-top: -4px;
}

.send-box {
    margin-top: 28px;
    margin-left: 17px;
}

.send-box__text {
    color: #fff;
    font-size: 28px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.send-box__offer {
    color: #fff;
    margin-top: -2px;
    font-size: 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin-left: 1px;
}

.subscribers-letters {
    margin-left: -91px;
    margin-top: 12px;
}

.subscriber-form {
    position: relative;
}

.subscriber-form i {
    position: absolute;
    left: 76px;
    color: #B8B8B8;
    top: 70px;
}

.subscriber-form__input {
    padding: 14px 147px 13px 47px;
    margin-top: 50px;
    margin-left: 56px;
    letter-spacing: -0.9px;
    width: 266px;
    border-color: transparent;
    border-radius: 5px;
    width: 402px;
}

.subscriber-form__btn {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    background: #D00934;
    border: 1px solid #D00934;
    padding: 13px 17px 13px 18px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    display: block;
    margin-top: 50px;
    transition: .3s all ease;
    position: absolute;
    top: 0;
    right: 12px;
    height: 55px;
}

.subscriber-form__btn:hover {
    background: rgba(253, 43, 87, 0.92)
}

/*------ Footer ------*/


.footer {
    margin-top: 55px;
}

.footer-menu {
    margin-left: 18px;
}

.footer-menu__title {
    font-size: 18.5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #2E2E2E;
    margin-bottom: 20px;
}

.footer-menu__title:after {
    content: '';
    width: 25px;
    height: 25px;
    float: right;
    background: url(../img/arrow-down.svg) no-repeat center center;
    margin-right: 20px;
    display: none;
}

.footer-menu__title.active:after {
    transform: rotate(180deg);
}

.footer-menu__link {
    font-size: 14px;
    color: #676767;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
}

.footer-menu__link:hover {
    color: #008e62;
}

.footer-menu_second {
    margin-left: 12px;
}

.footer-menu_third {
    margin-left: 30px;
}

.footer-menu_fourth {
    margin-left: -13px;
}

.footer-menu_fourth .footer-menu__link {
    width: 175px;
}

.api-search-backdrop {
    display: none !important;
}

.api-category {
    padding-right: 35px !important;
    padding-top: 19px !important;
    padding-left: 10px !important;
}

.api-search-title .api-search-result .api-category-title {
    background-color: #ffffff !important;
    font-size: 16px !important;
    line-height: 16px !important;
    font-family: "Roboto Light", sans-serif !important;
    color: #333333 !important;
    padding: 0 !important;
    border: 0 !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #dadada !important;
    margin-left: 7px;
    margin-right: 7px;
}

.api-search-title .api_field_error {
    border-bottom: 0px solid #ccc !important;
}

.api-search-title .api-search-result .api-items {
    padding: 0 !important;
    width: 100%;
}

.api-search-title .api-search-result .api-item {
    padding: 0 !important;
    border: 0 !important;
    position: relative !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    /*padding-right: 49px !important;*/
    padding-left: 0 !important;
    height: 41px !important;
    margin-bottom: -2px !important;
    width: 100%;
}

.api-search-title .api-search-result .api-item:hover {
    background-color: transparent !important;
    color: #008e62 !important;
}

/*.api-search-title .api-search-result .api-item::after {
	position: absolute !important;
	left: 5px !important;
	top: -11px !important;
	content: '' !important;
	width: calc(100% - 40px) !important;
	height: 34px !important;
	background-color: #038057 !important;
	opacity: 0 !important;
	transition: all .25s
}*/
.api-search-title .api-search-result .api-item:hover::after {
    opacity: 0.1 !important;
}

.api-search-title .api-search-result .api-item-picture {
    display: none !important;
}

.api-search-title .api-search-result .api-item-info {
    margin-left: 7px !important;
    margin-right: 7px;
    font-size: 14px !important;
    line-height: 16px !important;
    font-family: "Roboto", sans-serif !important;
    display: flex !important;
    padding-right: 0;
}

.api-search-title .api-search-result .api-item-link {
    padding: 12px 0px !important;
    transition-duration: 300ms;
    margin-right: 45px;
}

.api-search-title .api-search-result .api-item-link:hover {
    background-color: rgba(3, 128, 87, 0.1);
}

.api-search-result .api-item-cart {
    display: inline-block;
    width: 40px;
    height: 27px;
    background: #008e62 url(../img/design/ico/cart-20.svg) 9px center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    position: absolute;
    top: 5px;
    right: 0;
    border-radius: 5px;
}

.api-search-result .api-item-cart:hover {
    background-color: #09a675;
}

.api-search-title .api-search-result .api-item-name {
    flex: 0 auto !important;
    margin-right: auto !important;
}

.api-search-title .api-search-result .api-item-prices {
    margin-top: 0 !important;
}

.api-search-title .api-search-result .api-item-price {
    font-size: 14px !important;
    line-height: 16px !important;
    font-family: "Roboto Medium", sans-serif !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    font-weight: normal !important;
    white-space: nowrap !important;
}

.api-search-title .api-search-result .api-result-url {
    display: none !important;
}

.search-mobile-wrap .api-search-title .baron__root {
    position: fixed;
    top: 65px;
    width: 100%;
    height: 100%;
}

.search-mobile-wrap .api-search-title .api-search-result .api-category-list {
    height: 100%;
}

.search-mobile-wrap .api-search-title .api-search-result,
.search-mobile-wrap .api-search-title .api-search-result a {
    max-height: 400px !important;
    height: 100%;
}

.search-mobile-wrap .api-category {
    padding-top: 0 !important;
}

.search-mobile-wrap .api-category-list {
    padding-top: 15px;
}

.search-mobile-wrap .api-search-title .api-search-result .api-items {
    margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
    .search-mobile-wrap .api-search-title .api-search-result .api-category-list {
        border: none;
    }

    .search-mobile-wrap .api-search-title .baron__root {
        top: 40px;
        left: 0;
        right: 0;
        position: absolute;
        width: auto;
        height: auto;
    }

    .search-mobile.fixed .search-mobile-wrap .api-search-title .baron__root {
        top: 66px;
        position: fixed;
        padding-top: 15px;
        bottom: 30px;
    }
}

/* КАРТА АПТЕК И ПОИСК */

/* Ошибка 404 */

.error-404-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 5px;
    margin-bottom: 17px;
}

.error-404-block,
.error-404-title,
.error-404-text,
.error-404-link {
    flex: 1 100%;
    text-align: center;
}

.error-404-block {
    margin-left: -42px;
    margin-bottom: 60px;
}

.error-404-title {
    font-size: 36px;
    line-height: 42px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    color: #000000;
    margin-bottom: 40px;
}

.error-404-text {
    margin-bottom: 20px;
}

.error-404-text,
.error-404-link {
    font-size: 16px;
    line-height: 19px;
    font-family: "Roboto", sans-serif;
}

.error-404-link a {
    color: #038057;
    text-decoration: underline !important;
    transition: all .25s;
}

.error-404-link a:hover {
    text-decoration-color: transparent !important;
}

.addresses {
    margin-top: -2px;
}

@media screen and (max-width: 768px) {
    .error-404-block {
        margin-left: 0;
    }

    .error-404-block img {
        width: 480px;
    }
}

@media screen and (max-width: 480px) {
    .error-404-block img {
        width: 100%;
    }

    .error-404-title {
        font-size: 30px;
    }

    .error-404-text {
        padding: 0 10px;
    }
}

.addresses__title,
.addresses__invite,
.addresses__city {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #676767;
}

.addresses__invite {
    margin-top: 12px;
}

.addresses__tel {
    font-size: 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #2E2E2E;
}

.addresses__sn {
    margin-top: 17px;
}

.addresses__link {
    margin-right: 7px;
}

.addresses__link:hover {
    transform: scale(1.1);
}

.addresses__city {
    margin-top: 10px;
    line-height: 27px;
}

.footer-order {
    font-size: 14px;
    color: #9F9F9F;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-top: 21px;
    margin-left: 17px;
    line-height: 24px;
}

.footer-order__prices {
    margin-top: 16px;
    width: 630px;
}

.footer-order__prices a {
    font-weight: 500;
    text-decoration: underline;
    color: #9F9F9F;
}

.footer-order__name {
    margin-top: 13px;
    margin-bottom: 60px;
}

/*____________________________right-content*/
.head-main {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 36px;
    color: #000000;
    margin-top: 30px;
    margin-bottom: 27px
}

.txt-info p {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 23px;
    font-size: 16px;
    color: #333333;
    margin: 0;
    margin-bottom: 12px;
}

.txt-info p a {
    color: #008E62;
}

.form-item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    margin-top: 23px;
}

#make-order-form .form-item label {
    position: absolute;
    top: 12px;
    left: 0;
    font-size: 16px;
    color: #000;
    font-family: 'Roboto';
    font-weight: 100;
    transform-origin: 0 0;
    transition: all 0.2s ease;
    cursor: text;
}

.how-order-content .offer_cont {
    padding-top: 40px;
}

.offer_cont {
    width: 100%;
    margin-top: 50px;
    background: #FFFFFF;
    box-shadow: 1px 3px 29px rgba(0, 0, 0, 0.2);
    padding: 80px;
    padding-top: 60px;
}

.offer_cont .form-group {
    width: calc(50% - 29px);
    margin-left: 0;
    margin-right: 0;
}

.form-group.form-law {
    width: 100%;
}

.form-item.form-group input:focus+label {
    color: #038057;
    transform: translateY(-23px) scale(0.65);
}

.form-item.form-group input:not(:placeholder-shown)+label {
    color: #038057;
    transform: translateY(-23px) scale(0.65);
}

.form-item.form-group {
    width: 100%;
}

.offer_cont .form-group:nth-child(2n) {
    margin-left: auto;
}

.offer_cont .vacancy-form__agree {
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .offer_cont .vacancy-form__agree {
        margin-left: 10px;
        padding: 0;
    }
}

.form-input {
    width: 100%;
    height: 27px;
    padding: 4px 0px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    font-size: 16px;
    color: #4A4A4A;
}

.form-label {
    position: absolute;
    pointer-events: none;
    left: 1px;
    top: 10px;
    line-height: 40px;
    transition: .3s;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    font-size: 16px;

    color: #4A4A4A;
}

.form-input:focus~.form-label {
    /*top: -12px;
    font-size: 10px;*/
    color: #008E62;
}

/*.form-input:not(:focus):valid~.form-label{
    top: 12px;
    font-size: 16px;
}*/

.form-input:focus {
    border-bottom: 2px solid #008E62;
}

/*.form-input:not(:placeholder-shown) + label{
    font-size: 11px;
    top: -10px;
}*/

.brand-list .sale-block .sale-product-img .product-item-label-ring {
    display: none;
}

.offer_cont input {
    outline: none;
    border: 0;
    border-bottom: 1px solid #C4C4C4;
    width: 100%
}

.of-line {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 57px;
    flex: 1 100%
}

.of-line a {
    display: block;
    background: #E8E8E8;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 14px;
    margin: 0px 15px;
    color: #2E2E2E;

    padding: 10px 15px;
    border-radius: 5px;
}

.of-line a img {
    margin-right: 8px;
}

.of-line p {
    font-size: 16px;
    margin-right: 15px;
}

.offer_cont .form-item .form-label {
    color: rgb(33, 37, 41);
}

.send-but {
    font-family: 'Roboto', sans-serif;
    display: block;
    margin-top: 40px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    background: #008E62;
    box-shadow: 1px 3px 30px rgba(46, 46, 46, 0.22);
    width: 165px;
    text-align: center;
    padding: 10px 0px;
    border-radius: 5px;
}

@media screen and (max-width: 768px) {
    .offer_cont .form-group {
        width: 100%;
    }

    .of-line {
        flex-direction: column;
        align-items: flex-start;
    }

    .of-line a {
        margin: 0;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .offer_cont {
        padding: 40px 30px;
    }
}

/*booking_conditions*/

.booking-text {
    line-height: 23px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.booking-text__par {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 11px;
}

.booking-text__marked {
    font-weight: 700;
}

.extra-booking-serv__title {
    font-size: 25px;
    font-weight: 500;
    line-height: 29px;
}

.extra-booking-serv__link {
    color: #038057;
    display: inline-block;
    line-height: .8;
    text-decoration: none;
}

.extra-booking-serv__link:hover {
    color: #038057;
    text-decoration: underline;
}

.extra-booking-serv__box {
    font-size: 16px;
    margin-top: 46px;
    font-weight: 300;
}

.extra-booking-serv__box p:last-child {
    margin-bottom: 0;
}

.extra-booking-serv {
    margin-top: 25px;
}

.extra-booking-serv__par {
    margin-bottom: 10px;
}

/*Placement adv*/

/*------ Content ------*/

.about-menu {
    font-family: 'Roboto', sans-serif;
    margin-top: 31px;
    margin-bottom: 0;
}

.about-menu__head {
    margin-left: 15px;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 13px;
    width: 262px;
}

.about-menu__head img {
    margin-top: -16px;
}

.about-menu__title {
    color: #333333;
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 4px;
}

.about-menu__nav {
    margin-top: 12px;
    margin-left: 15px;
}

.about-menu__item {
    margin-bottom: 11px;
}

.about-menu__link {
    font-size: 16px;
    font-weight: 300;
    color: #4F4F4F;
}

.about-menu__use {
    flex-direction: column;
    margin-top: 35px;
    margin-left: 41px;
}

.about-menu__use-link {
    position: relative;
}

.about-menu__link:hover {
    color: #008e62;
}

.state {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin-left: 0;
    margin-top: 31px;
    line-height: 1.4em;
    width: 850px;
    color: #333333;
    font-size: 16px;
}

.state-title {
    font-size: 36px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #000;
    margin-left: 7px;
    margin-top: 30px;
}

.state__text_push {
    margin-top: 14px;
}

.edges {
    margin-top: 57px;
}

.edges__title {
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #000;
}


.edges {
    margin-top: 57px;
}

.edges__title {
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #000;
}

.edges__stars {
    margin-top: 42px;
}

.edges__stars:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}

.edges__item {
    display: block;
    float: left;
    width: 33.333%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.edges__img1,
.edges__img2,
.edges__img3 {
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    height: 100px;
}

.edges__img1 {
    background: url(../img/benefits-1.png) no-repeat;
    -webkit-background-size: 100px 100px;
    background-size: 100px 100px;
}

.edges__img2 {
    background: url(../img/benefits-2.png) no-repeat;
    -webkit-background-size: 100px 100px;
    background-size: 100px 100px;
}

.edges__img3 {
    background: url(../img/benefits-3.png) no-repeat;
    -webkit-background-size: 100px 100px;
    background-size: 100px 100px;
}

.edges__text {
    font-size: 16px;
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-top: 32px;
}

.vista {
    margin-top: 55px;
}

.vista__title {
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #000;
}

.vista__stars {
    margin-top: 56px;
    padding-left: 15px;
}

.vista__stars:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}

.vista__item {
    width: 15%;
    float: left;
    text-align: center;
    margin-right: 48px;
    min-height: 160px;
}

.vista__item_fifth {
    margin-right: 0;
}

.vista__text {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #333;
    margin-top: 17px;
}

.vista+.forheravt {
    height: auto;
    padding-top: 48px;
    padding-bottom: 80px;
}

.vista+.forheravt .b-form-new__submit__btn {
    width: 166px;
    margin-top: 30px;
}

@media (max-width: 991px) {
    .vista+.forheravt {
        padding-top: 10px;
        padding-bottom: 40px;
    }
}

.form-info {
    width: 847px;
    height: 375px;
    box-shadow: 1px 3px 29px rgba(0, 0, 0, 0.2);
    margin-top: 50px;
    margin-left: 7px;
    padding-left: 79px;
    padding-top: 89px;
    margin-bottom: 40px;
}

.form-info__input-name,
.form-info__input-tel,
.form-info__input-company,
.form-info__input-role,
.form-info__input-site,
.form-info__input-post {
    border-color: transparent;
    border-bottom: 1px solid #C4C4C4;
    font-size: 16px;
    color: #4A4A4A;
    width: 329px;
    padding-bottom: 4px;
    letter-spacing: -0.01em;
    position: relative;
}

.form-info__input-name:focus,
.form-info__input-tel:focus,
.form-info__input-role:focus,
.form-info__input-company:focus,
.form-info__input-site:focus,
.form-info__input-post:focus {
    outline-color: transparent;
    border-bottom: 1px solid #038057;
}

label {
    position: relative;
}

.form-info__input-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.form-info__name-wrap,
.form-info__site-wrap {
    margin-bottom: 0;
}

.form-info__input-tel {
    margin-top: 4px;
    margin-left: 29px;
}

.form-info__input-role,
.form-info__input-company {
    margin-top: 19px;
}

.form-info__input-role {
    margin-left: 29px;
}

.form-info__input-site {
    margin-top: 24px;
}

.form-info__input-post {
    margin-top: 24px;
}

.form-info__subtext1 {
    color: #038057;
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    position: absolute;
    left: 1px;
    top: -11px;
}

.form-info__subtext2 {
    color: #038057;
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    position: absolute;
    left: 2px;
    top: 13px;
}

.form-coop__btn-submit {
    width: 165px;
    height: 37px;
    background: #008E62;
    font-size: 16px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    border: 1px solid #008E62;
    cursor: pointer;
    border-radius: 3px;
    margin-top: 27px;
}

.form-coop__btn-submit:hover {
    background: #0eb581;
}

@media screen and (max-width: 1199px) {
    .state {
        width: 100%;
    }

    .form-info {
        width: 690px;
        padding-left: 45px;
        padding-right: 45px;
    }

    .form-info__input-tel {
        margin-top: 0;
    }

    .form-info__input-name,
    .form-info__input-site {
        width: 100%;
    }

    .form-info__input-tel,
    .form-info__input-company,
    .form-info__input-role,
    .form-info__site-wrap,
    .form-info__input-post,
    .form-info__name-wrap {
        width: 45%;
    }

    .form-info__input-tel,
    .form-info__input-role,
    .form-info__input-post {
        margin-left: auto;
    }
}

@media screen and (max-width: 991px) {
    .edges__title {
        margin-left: 0;
    }

    .form-info {
        margin-left: 0;
        width: 100%;
    }

    .offers__link_push {
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .state {
        width: 100%;
    }

    .edges__stars {
        justify-content: space-between;
    }

    .edges__item {
        margin-left: 0;
    }

    .vista__stars {
        padding-left: 0;
    }

    .vista__item {
        margin-right: 0;
    }
}

@media screen and (max-width: 575px) {
    .edges__stars {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .edges__item {
        width: 200px;
        margin-top: 15px;
    }

    .vista__stars {}

    .vista__item {
        margin-top: 15px;
        width: 150px;
    }

    .form-info {
        height: 530px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .form-info__input-box {
        flex-direction: column;
    }

    .form-info__input-name,
    .form-info__name-wrap,
    .form-info__input-tel,
    .form-info__input-company,
    .form-info__input-role,
    .form-info__site-wrap,
    .form-info__input-site,
    .form-info__input-post {
        width: 100%;
    }

    .form-info__input-tel {
        margin-top: 19px;
    }

    .form-info__textarea {
        width: 100%;
    }
}


/*Career*/


.state-vac {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin-top: 29px;
    line-height: 1.4em;
    width: 850px;
    color: #333333;
    width: 70%;
}

.career-box {
    display: flex;
}

.award-box {
    width: 25%;
    margin-left: auto;
}

.award-box img {
    width: 100%;
    box-shadow: 0 0 1px;
    cursor: pointer;
    margin-top: 29px;
}

.state-vac-title {
    font-size: 36px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #000;
    margin-top: 30px;
}

.state-vac__text_push {
    margin-top: 14px;
}

.state-vac-btn {
    width: 245px;
    height: 37px;
    background: #008E62;
    color: #fff;
    border-radius: 3px;
    border: 1px solid #008E62;
    cursor: pointer;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-top: 38px;
}

.state-vac-btn:active {
    outline-color: transparent;
}

.state-vac-btn:hover {
    background: #0eb581;
}

.state-vac-ask {
    font-size: 25px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-top: 40px;
}

.state-vac-ask-description {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    width: 850px;
    color: #333333;
    margin-top: 21px;
    line-height: 1.4em;
}

.form-vacancy {
    width: 847px;
    height: auto;
    box-shadow: 1px 3px 29px rgba(0, 0, 0, 0.2);
    margin-top: 57px;
    text-align: center;
    margin-bottom: 0;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 70px;
}

input[type="checkbox"] {
    visibility: hidden;
}

.form-vacancy__checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    width: 435px;
    margin-top: 29px;
    margin-left: 129px;
}

.form-vacancy__name {
    flex-direction: column;
    margin-top: 49px;
}

.form-vacancy__text {
    margin-top: 22px;
    margin-left: 1px;
}

.form-vacancy__checkbox input {
    display: block;
}

.form-vacancy .form-group {
    width: calc(50% - 29px);
}

.form-vacancy .form-group:nth-child(2n) {
    margin-left: auto;
}

.form-vacancy__input-area {
    margin-top: 42px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-around;
}

.form-vacancy__input-name,
.form-vacancy__input-phone {
    border-color: transparent;
    border-bottom: 1px solid #C4C4C4;
    font-size: 16px;
    color: #4A4A4A;
    width: 329px;
    padding-bottom: 4px;
}

.form-vacancy__input-name:focus,
.form-vacancy__input-phone:focus {
    outline-color: transparent;
    border-bottom: 1px solid #038057;
}


.form-vacancy__input-area .form-vacancy__input-name+span {
    font-family: 'Roboto', sans-serif;
    position: absolute;
    font-weight: 300;
    font-size: 10px;
    left: 0px;
    font-size: 16px;
    top: 30px;
    color: #4A4A4A;
    transition: .3s;
    cursor: text;
}

.form-vacancy__input-area .form-vacancy__input-phone+span {
    font-family: 'Roboto', sans-serif;
    position: absolute;
    font-weight: 300;
    font-size: 10px;
    left: 0px;
    font-size: 16px;
    top: 30px;
    color: #4A4A4A;
    transition: .3s;
    cursor: text;
}

.form-vacancy__input-area .form-vacancy__input-phone:focus+span {
    color: #038057;
    transform: translateY(-23px) translateX(-23px) scale(0.65);
}

.form-vacancy__input-area .form-vacancy__input-phone:not(:placeholder-shown)+span {
    color: #000;
    transform: translateY(-23px) translateX(-23px) scale(0.65);
}


.form-vacancy__reserve {
    font-size: 20px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.form-vacancy__text {
    font-size: 16px;
    color: #333333;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.form-vacancy__sum {
    font-size: 16px;
    color: #4A4A4A;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.form-vacancy__downl {
    font-size: 14px;
    color: #2E2E2E;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.form-vacancy__not {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;

}

.img-box {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/checkbox.svg) no-repeat center center;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

input[type="checkbox"]:checked+.img-box {
    background: url(../img/checkbox-checked.svg) no-repeat center center;
}

.wrap-checkbox:hover>.img-box {
    background: url(../img/checkbox.svg) no-repeat center center;
}

/* .form-vacancy__checkbox:hover > .form-vacancy__name-checkbox {
    color: rgb(0, 142, 98);
} */

.form-vacancy__name-checkbox {
    font-size: 16px;
    color: #333333;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-left: 14px;
}

.form-vacancy__name-checkbox a {
    color: #008e62;
    text-decoration: underline !important;
    transition: all .25s;
}

.form-vacancy__name-checkbox a:hover {
    color: #008e62;
    text-decoration-color: transparent !important;
}

.form-vacancy__summary {
    margin-top: 29px;
}

.form-vacancy__summary-btn input[type="file"] {
    display: none;
}

.form-vacancy__summary-btn label {
    cursor: pointer;
}

.form-vacancy__summary-btn {
    /* padding-top: 5px;
    width: 177px;
    height: 36px;
    background: #E8E8E8;
    border: 1px #E8E8E8 solid;
    cursor: pointer; */
    margin-right: 0;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}

span.form-vacancy__or {
    margin: 0 25px;
    display: inline-block;
}

.form-vacancy__summary-btn_push {
    margin-left: 0;
    width: 185px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    background: #E8E8E8;
    border: 1px #E8E8E8 solid;
    cursor: pointer;
    border-radius: 3px;
}

.b-form-new__submit__btn {
    width: 147px;
    height: 40px;
    background: #008E62;
    font-size: 16px;
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    border: none;
    cursor: pointer;
    border-radius: 3px;
    margin-top: 16px;
}

.b-form-new__submit__btn:hover {
    background: #0eb581;
}

.form-vacancy__sum {
    margin-left: 2px;
}

.form-vacancy__downl2 {
    margin-left: 27px;
    overflow: hidden;
    width: 77%;
    height: 30px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 5px;
}

.form-vacancy__downl {
    margin-left: 27px;
    overflow: hidden;
    width: 70%;
    height: 20px;
    text-align: center;
}

/* .form-vacancy__summary-btn:hover, */
.form-vacancy__summary-btn_push:hover {
    background: #f7eeee;
}

.form-vacancy__not {
    margin-left: 17px;
}

.form-vacancy__btn-submit {
    width: 147px;
    height: 37px;
    background: #008E62;
    font-size: 16px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    border: 1px solid #008E62;
    cursor: pointer;
    border-radius: 3px;
    margin-top: 16px;
}

.form-vacancy__btn-submit:hover {
    background: #0eb581;
}

@media screen and (max-width: 1199px) {

    .state-vac-ask-description,
    .form-vacancy {
        width: 690px;
    }

    .form-vacancy,
    .form-vacancy__text {
        margin-left: 0;
    }

    .form-vacancy__input-area {
        flex-direction: column;
        -ms-align-items: center;
        align-items: center;

    }

    .form-vacancy .form-group {
        width: 100%;
    }

    .form-vacancy__summary input[type='file']+label {
        margin-top: 0;
    }

    .form-vacancy__input-name,
    .form-vacancy__input-phone {
        margin-left: 0;
        margin-bottom: 10px;
        width: 400px;
    }

    .form-vacancy__checkbox {
        margin-left: auto;
        margin-right: auto;
    }

    .state-vac {
        width: 70%;
    }
}

@media screen and (max-width: 767px) {

    .state-vac-ask-description,
    .form-vacancy {
        width: 510px;
    }

    .form-vacancy {
        height: auto;
        padding-bottom: 45px;
        padding-left: 45px;
        padding-right: 45px;
    }

    .form-vacancy__summary {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .form-vacancy__summary-btn {
        margin-right: 0;
    }

    .form-vacancy__summary-btn_push {
        margin-left: 0;
        margin-top: 5px;
    }

    .state-vac {
        width: 100%;
    }

    .career-box {
        flex-direction: column;
    }

    .award-box {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 575px) {
    .form-vacancy {
        padding-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .form-vacancy__summary-btn_push {
        margin-left: 0;
        margin-top: 10px;
    }

    .form-vacancy__summary-btn {
        margin-right: 0;
    }

    .form-vacancy__summary {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: column;
        -ms-align-items: center;
        align-items: center;
    }

    .form-vacancy__name-checkbox {
        margin-left: 45px;
        text-align: left;
        padding-right: 5px;
    }

    .form-vacancy__text {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .img-box {
        left: 24px;
        top: 2px;
    }

    .form-vacancy {
        height: auto;
        padding-bottom: 30px;
    }

    .form-vacancy__sum,
    .form-vacancy__summary-btn {
        margin-bottom: 10px;
        margin-left: 0;
    }

    .form-vacancy__checkbox {
        width: 100%;
    }

    .form-vacancy__not {
        margin-left: 0;
    }

    .state-vac,
    .state-vac-ask-description,
    .form-vacancy {
        width: 100%;
    }

    .form-vacancy__input-name,
    .form-vacancy__input-phone {
        width: 80%;
    }
}


/*------/info/recipe_description------*/

.content-wrap {
    background: #FDCF00;
    margin-top: 30px;
    min-height: 376px;
}

.subject .subject__title {
    font-size: 36px;
    font-family: "Roboto Medium", sans-serif;
    margin-bottom: 36px;
    margin-top: 42px;
}

.subject__info {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #2E2E2E;
    margin-top: 1px;
}

.subject__text-wrap {
    font-size: 16px;
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-top: 12px;
    line-height: 1.4em;
    width: 535px;
}

.subject__text_push {
    margin-top: 13px;
}

.subject__logo {
    width: 76px;
    height: 76px;
    border: 3px solid #CE0C36;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #CE0C36;
    font-size: 24px;
    border-radius: 50%;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}


.subject__price-free {
    margin-left: 4px;
    margin-top: 45px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    color: #CE0C36;
    font-size: 20px;
    display: flex;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}


.img-wrap {
    background: url(../img/Receipt_desc.png) no-repeat center center / 97% 92%;
    background-position: 6px 13px;
    margin-left: -95px;
    height: 376px;
    width: 100%;
}


/*------ Steps ------*/
.steps {
    margin-bottom: 32px;
}

.steps-title {
    margin-top: 41px;
    font-size: 30px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.step {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 23px;
    position: relative;
}

.step_first:after,
.step_second:after {
    content: '';
    background: url(../img/Vector-arrow.svg) no-repeat center center;
    display: block;
    height: 22.14px;
    width: 164.6px;
    position: absolute;
    top: 17px;
    right: -103px;
}

.step__number {
    width: 55px;
    height: 55px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: 0px 5px 8px rgba(135, 135, 135, 0.2);
    color: #038057;
    font-size: 32px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    background: #fff;
}

.step__img {
    margin-top: 31px;
}

.step__text {
    font-size: 16px;
    color: #2E2E2E;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-align: center;
    width: 200px;
    margin-top: 28px;
    margin-left: -5px;
    line-height: 1.6em;
}

.step__tel {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 25px;
}

.step_second {
    margin-left: 0;
}

.step_second img {
    margin-top: 20px;
}

.step_second .step__text {
    width: 170px;
    margin-top: 19px;
    margin-left: 2px;
    line-height: 1.4em;
}

.step_second:after {
    right: -93px;
}

.step_third .step__text {
    width: 250px;
    margin-top: 19px;
    margin-left: 2px;
    line-height: 1.4em;
}

.step_third img {
    margin-top: 20px;
}

.both-agreements {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-align: center;
    margin-top: 32px;
}

.both-agreements__link {
    color: #038057;
    text-decoration: underline;
}

.both-agreements__link:hover {
    text-decoration: none;
    color: #038057;
}


@media screen and (max-width: 1199px) {

    .subject .subject__title,
    .steps-title {
        text-align: center;
    }

    .subject,
    .subject__text {
        text-align: center;
        padding-left: 0;
    }

    .subject__text-wrap {
        width: 100%;
    }

    .subject__price {
        margin-bottom: 30px;
        justify-content: center;
    }

    .subject__price-free {
        text-align: center;
        display: flow-root;
    }
}

@media screen and (max-width: 991px) {
    .step {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .step_first:after,
    .step_second:after {
        display: none;
    }

    .step .step__text {
        width: 100%;
    }
}

/*------Cooperation------*/

.tabs-coop {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    cursor: pointer;
    margin-top: 28px;
    margin-left: 7px;
    position: relative;
}

.tabs-coop:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #D8D8D8;
}

.tabs-coop__item {
    border-bottom: 4px solid transparent;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 10px;
    margin-right: 25px;
}

.tabs-coop__item:hover {
    color: #038057;
    border-bottom: 4px solid #038057;
    z-index: 1;
}

.tabs-coop__item_active {
    color: #038057;
    border-bottom: 4px solid #038057;
    z-index: 1;
}

.state-coop {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin-left: 8px;
    margin-top: 31px;
    line-height: 1.4em;
    width: 850px;
    color: #333333;
    font-size: 16px;
}

.state-coop-title {
    font-size: 36px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #000;
    margin-left: 7px;
    margin-top: 30px;
}

.state-coop__text_push {
    margin-top: 14px;
}

.form-coop {
    width: 847px;
    height: auto;
    box-shadow: 1px 3px 29px rgba(0, 0, 0, 0.2);
    margin-top: 58px;
    margin-left: 8px;
    margin-bottom: 0;
    position: relative;
    padding-bottom: 80px;
}

.form-coop .vacancy-form__agree {
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 20px;
}

.form-coop__input-area {
    margin-top: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
    padding-left: 77px;
    padding-right: 77px;
    justify-content: center;
}

.form-coop .form-coop__input-area {
    align-items: flex-start;
    justify-content: flex-start;
}

.form-coop__input-area .form-group {
    width: calc(50% - 29px);
    margin-left: 0;
    margin-right: 0;
}

.form-coop__input-area .form-group .subtext-name {
    display: none;
}

.form-coop__input-area .form-group.form-textarea {
    width: 100%;
    height: auto;
    font-size: 0;
}

.form-coop__input-area .form-group.form-textarea textarea {
    height: 63px;
    min-height: 63px;
}

.form-coop__input-area .form-group:nth-child(2n) {
    margin-left: auto;
}

.form-coop__input-post {
    margin-left: 31px;
    margin-top: 4px;
}

.form-coop__input-firm {
    margin-top: 19px;
}

.form-coop__input-role {
    margin-left: 31px;
    margin-top: 19px;
}

.form-coop__input-name,
.form-coop__input-post,
.form-coop__input-firm,
.form-coop__input-role {
    border-color: transparent;
    border-bottom: 1px solid #C4C4C4;
    font-size: 16px;
    color: #4A4A4A;
    width: 329px;
    padding-bottom: 4px;
    letter-spacing: -0.01em;
}

.form-coop__text {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #7D7D7D;
    margin-top: 25px;
    letter-spacing: -0.01em;
    margin-left: 2px;
}

.form-coop__text-field {
    width: 687px;
    border: none;
    border-bottom: 1px solid #C4C4C4;
    margin-top: -2px;
    font-size: 16px;
}

/* .form-coop:before {
    content: 'ФИО';
    width: 100px;
    height: 1px;
    top: 79px;
    left: 79px;
    color: #038057;
    position: absolute;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 10px;
} */

.form-coop__input-name:focus,
.form-coop__input-post:focus,
.form-coop__input-firm:focus,
.form-coop__input-role:focus {
    outline-color: transparent;
    border-bottom: 1px solid #038057;
}

.form-coop__text-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.form-coop__reserve {
    font-size: 20px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.form-coop__text {
    font-size: 16px;
    color: #7D7D7D;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.count {
    font-size: 10px;
    color: #8B8B8B;
    margin-top: 2px;
}

.form-coop__sum {
    font-size: 16px;
    color: #4A4A4A;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin-left: 79px;
    margin-right: 15px;
}

input[type='file']+label {
    font-size: 14px;
    color: #2E2E2E;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    padding-left: 0;
    border-radius: 3px;
}

.form-coop__not {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #4A4A4A;
}

.form-coop__summary {
    margin-top: 27px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    font-weight: 300;
}

@media screen and (max-width: 991px) {
    .form-coop__main .form-coop__input-area {
        padding-top: 0;
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .form-coop__main .form-coop__input-area .vacancy-form__agree {
        padding: 0;
        margin-left: auto;
    }

}

input[type='file'] {
    display: none;
}

input[type='file']+label {
    position: relative;
    margin-right: 0;
    width: 185px;
    height: 36px;
    line-height: 36px;
    background: #E8E8E8;
    border: 1px #E8E8E8 solid;
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -1px;
    transition: .3s;
}

input[type='file']+label span {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0;
    margin-bottom: 0;
    height: auto;
}

.input-file-container input[type='file']+label::after {
    left: 17px;
}

.input-file-container span {
    margin-left: 10px;
    display: inline-block;
    padding-top: 8px;
}

.input-file-container a {
    position: relative;
    display: inline-block;
    width: 185px;
    height: 36px;
    margin-left: 9px;
    padding-left: 45px;
    font-size: 14px;
    padding-top: 8px;
    color: #2e2e2e;
    background-color: #e8e8e8;
    transition: .3s;
    border-radius: 3px;
    font-weight: 400;
}

.input-file-container a:hover {
    background-color: #038057;
    color: #ffffff;
}

.form-vacancy__summary-btn_push:hover {
    background-color: #038057;
    color: #ffffff;
}

.form-vacancy__downl {
    transition: .3s;
}

.form-vacancy__summary-btn_push:hover .form-vacancy__downl {
    color: #ffffff;
}

.form-vacancy__summary-btn_push {
    position: relative;
    transition: .3s;
}

.form-vacancy__summary-btn_push::before {
    position: absolute;
    left: 15px;
    top: 9px;
    content: '';
    width: 18px;
    height: 18px;
    background-image: url(/about/cooperation/img/pin-hover.svg);
    background-size: cover;
    opacity: 0;
    transition: .3s;
}

.form-vacancy__summary-btn_push::after {
    position: absolute;
    left: 15px;
    top: 9px;
    content: '';
    width: 18px;
    height: 18px;
    background-image: url(/about/cooperation/img/pin.svg);
    background-size: cover;
    transition: .3s;
}

.form-vacancy__summary-btn_push:hover::after {
    opacity: 0;
}

.form-vacancy__summary-btn_push:hover::before {
    opacity: 1;
}

.input-file-container a::before {
    position: absolute;
    left: 17px;
    top: 10px;
    content: '';
    width: 18px;
    height: 18px;
    background-image: url(/about/cooperation/img/pin-hover.svg);
    background-size: cover;
    opacity: 0;
    transition: .3s;
}

.input-file-container a::after {
    position: absolute;
    left: 17px;
    top: 10px;
    content: '';
    width: 18px;
    height: 18px;
    background-image: url(/about/cooperation/img/pin.svg);
    background-size: cover;
    transition: .3s;
}

.input-file-container a:hover::after {
    opacity: 0;
}

.input-file-container a:hover::before {
    opacity: 1;
}

input[type='file']+label::after {
    position: absolute;
    left: 17px;
    top: 10px;
    content: '';
    width: 19px;
    height: 14px;
    background-image: url(/about/cooperation/img/input-file.svg);
    background-size: cover;
    transition: .3s
}

.form-coop__downl {
    margin-left: 8px;
}


input[type='file']+label:hover {
    background: #038057;
    color: #ffffff;
}

input[type='file']+label:hover span {
    color: #ffffff;
}

input[type='file']+label::before {
    position: absolute;
    left: 9px;
    top: 10px;
    content: '';
    width: 19px;
    height: 14px;
    background-image: url(/about/cooperation/img/input-file-hover.svg);
    background-size: cover;
    opacity: 0;
    transition: .3s;
    left: 17px;
}

input[type='file']+label:hover::before {
    opacity: 1;
}

input[type='file']+label:hover::after {
    opacity: 0;
}

.form-coop__not {
    margin-left: 15px;
}

.form-coop__btn-submit {
    width: 165px;
    height: 37px;
    background: #008E62;
    font-size: 16px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    border: 1px solid #008E62;
    cursor: pointer;
    border-radius: 3px;
    margin-top: 30px;
    margin-left: 79px;
}

.form-coop__btn-submit:hover {
    background: #0eb581;
}

.subtext-name {
    color: #038057;
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    position: absolute;
    margin-top: -12px;
}

.form-coop__summary label[for="file"] {
    border-radius: 3px;
}

.form-coop .b-form-new__submit__btn {
    margin-left: 77px;
}


@media screen and (max-width: 1199px) {
    .form-coop input[type='file']+label {
        margin-right: 0;
    }

    .form-coop .b-form-new__submit__btn {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    input[type='file']+label {
        margin-left: 0;
        margin-top: 10px;
    }

    .state-coop-title,
    .tabs-coop,
    .state-coop,
    .form-coop {
        margin-left: 0;
    }

    .form-coop {
        width: 100%;
        padding-bottom: 51px;
    }

    .form-coop__input-area .form-group {
        width: 100%;
    }

    .form-coop__input-area {
        padding-left: 50px;
        padding-right: 50px;
    }

    .form-coop__input-name,
    .form-coop__input-post,
    .form-coop__input-firm,
    .form-coop__input-role {
        width: 270px;
    }

    .form-coop__input-post,
    .form-coop__input-role {
        margin-left: auto;
    }

    .form-coop__text-box {
        width: 100%;
    }

    .form-coop:before {
        left: 52px;
    }

    .form-coop__text-field {
        width: 100%;
    }

    .form-coop__summary {
        flex-direction: column;
    }

    .form-coop__sum,
    .form-coop__summary-btn,
    .form-coop__not {
        margin-left: 0;
    }

    .form-coop__summary-btn,
    .form-coop__not {
        margin-top: 10px;
    }

    .form-coop__main {
        align-items: center;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }

    .form-coop__btn-submit {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .state-coop {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    fieldset.form-coop__main .form-coop__input-area {
        padding-left: 15px;
        padding-right: 15px;
    }

    .form-coop__input-area {
        padding-left: 0;
        padding-right: 0;
        display: block;
    }

    .state-coop {
        width: 100%;
    }

    .tabs-coop {
        font-size: 12px;
    }

    .tabs-coop__item {
        margin-right: 0;
    }

    .form-coop__input-post,
    .form-coop__input-role {
        margin-left: 0;
    }

    .form-coop__input-post,
    .form-coop__input-firm,
    .form-coop__input-role {
        margin-top: 10px;
    }

    .form-coop__text-box,
    .form-coop__text-field {
        width: 100%;
    }

    .form-coop__input-name,
    .form-coop__input-post,
    .form-coop__input-firm,
    .form-coop__input-role {
        width: 100%;
    }
}

@media screen and (max-width: 575px) {
    .form-coop:before {
        left: 22px;
    }


    .form-coop {
        height: 625px;
    }

    .form-coop__sum {
        text-align: center;
    }
}

/*------Rent and development------*/

.state-rent {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin-left: 8px;
    margin-top: 31px;
    line-height: 1.4em;
    width: 850px;
    color: #333333;
    font-size: 16px;
}

.state-rent-title {
    font-size: 36px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #000;
    margin-left: 7px;
    margin-top: 30px;
}

.state-rent__text_push {
    margin-top: 14px;
}

.form-rent {
    width: 847px;
    height: auto;
    box-shadow: 1px 3px 29px rgba(0, 0, 0, 0.2);
    margin-top: 37px;
    margin-left: 7px;
    padding-left: 79px;
    padding-right: 79px;
    padding-top: 79px;
    padding-bottom: 79px;
    margin-bottom: 0;
}

.form-rent .vacancy-form__agree {
    margin-top: 0;
    margin-bottom: 0;
}

.form-rent .vacancy-form__agree label {
    margin-left: 0;
}

@media screen and (max-width: 767px) {
    .b-form-new__submit__btn {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .form-rent .vacancy-form__agree {
        padding: 0;
    }
}

.form-rent .form-group {
    width: calc(50% - 11px);
    margin-left: 0;
    margin-right: 0;
}

.form-rent .form-group.form-half {
    width: calc(25% - 15px);
    margin-left: auto;
}

.form-rent .form-group.form-address {
    width: 100%;
}

.form-rent .form-group.form-textarea {
    width: 100%;
    height: 50px;
}

.form-rent .form-group.form-textarea textarea {
    width: 100%;
    height: 50px;
}

.form-rent__input-box {
    display: flex;
    flex-wrap: wrap;
}

.form-rent .form-group:nth-child(2n) {
    margin-left: auto;
}

.form-rent .form-group:nth-child(2) {
    margin-left: 0;
}

.form-rent__title {
    font-size: 25px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.form-rent__check-box input {
    display: block;
}

.form-rent__input-address,
.form-rent__input-name,
.form-rent__input-time,
.form-rent__input-area,
.form-rent__input-post,
.form-rent__input-tel {
    border-color: transparent;
    border-bottom: 1px solid #C4C4C4;
    font-size: 16px;
    color: #4A4A4A;
    width: 329px;
    padding-bottom: 4px;
    letter-spacing: -0.01em;
    position: relative;
}

.form-rent__adress-wrap .border,
.form-rent__post-wrap .border {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: #038057;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: all 0.15s ease;
    border: none !important;
}

.form-rent__post-wrap .border {
    bottom: 5px;
}

.form-rent__adress-wrap.margin-left {
    margin-left: 25px;
}

.form-rent__adress-wrap.margin-left input {
    margin-left: 0;
}

.form-rent__adress-wrap.margin-left span {
    left: 0;
}

.form-rent__adress-wrap input:focus~.border,
.form-rent__post-wrap input:focus~.border {
    transform: scaleX(1);
}

label {
    position: relative;
}

.form-rent__input-address {
    width: 687px;
    margin-left: -1px;
    margin-top: 30px;
}

.form-rent__input-name {
    margin-top: 15px;
}

.form-rent__input-time {
    margin-left: 26px;
}

.form-rent__input-area {
    margin-left: 25px;
}

.form-rent__input-post {
    margin-top: 24px;
}

.form-rent__input-tel {
    margin-left: 25px;
}

.form-rent__subtext1 {
    color: #038057;
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    position: absolute;
    left: 1px;
    top: 19px;
}

.form-rent__subtext2 {
    color: #038057;
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    position: absolute;
    left: 2px;
    top: 13px;
}

.form-rent__input-name,
.form-rent__input-post,
.form-rent__input-tel {
    width: 329px;
}

.form-rent__input-time,
.form-rent__input-area {
    width: 149px;
    margin-top: 15px;
}

.form-rent__input-box .form-rent__post-wrap {
    margin-bottom: 0;
}

.form-rent__input-box .form-rent__input-tel {
    margin-top: 24px;
}


.form-rent__type-rent {
    visibility: hidden;
}

.form-rent__radio-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-top: 29px;
}

.form-rent__type-rent-img {
    background: url(../img/empty.svg) no-repeat center center;
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
}

.form-rent__type-rent:checked+.form-rent__type-rent-img {
    background: url(../img/full.svg) no-repeat center center;
}

.form-rent__type-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    margin-right: 29px;
}

.form-rent__type-name {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #333;
    margin-left: 12px;
}

.form-rent__location {
    margin-top: 27px;
}

input[type="checkbox"] {
    visibility: hidden;
}

.wrap-checkbox {
    display: block;
    position: relative;
    margin-right: 29px;
}

.form-rent__check-img {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/checkbox.svg) no-repeat center center;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

input[type="checkbox"]:checked+.form-rent__check-img {
    background: url(../img/checkbox-checked.svg) no-repeat center center;
}


.form-rent__adress-wrap .form-rent__subtext1 {
    font-family: 'Roboto', sans-serif;
    position: absolute;
    font-weight: 300;
    font-size: 10px;
    left: 0px;
    font-size: 16px;
    top: 30px;
    color: #4A4A4A;
    transition: .3s;
    cursor: text;
}

.form-rent__adress-wrap .form-rent__input-address:focus+span {
    /*color: #038057;*/
    /*transform: translateY(-23px) translateX(-23px) scale(0.65);*/
}

.form-rent__adress-wrap .form-rent__input-address:not(:placeholder-shown)+span {
    /*color: #000;*/
    /*transform: translateY(-23px) translateX(-23px) scale(0.65);*/
}


.form-rent__adress-wrap .form-rent__subtext3 {
    font-family: 'Roboto', sans-serif;
    position: absolute;
    font-weight: 300;
    font-size: 10px;
    left: 0px;
    font-size: 16px;
    top: 17px;
    color: #4A4A4A;
    transition: .3s;
    cursor: text;
}

.form-rent__adress-wrap .form-rent__input-name:focus+span {
    /*color: #038057;*/
    /*transform: translateY(-21px) translateX(-5px) scale(0.65);*/
}

.form-rent__adress-wrap .form-rent__input-name:not(:placeholder-shown)+span {
    /*color: #000;*/
    /*transform: translateY(-21px) translateX(-5px) scale(0.65);*/
}

.form-rent__adress-wrap .form-rent__subtext4 {
    font-family: 'Roboto', sans-serif;
    position: absolute;
    font-weight: 300;
    font-size: 10px;
    left: 26px;
    font-size: 16px;
    top: 17px;
    color: #4A4A4A;
    transition: .3s;
    cursor: text;
}

.form-rent__adress-wrap .form-rent__input-time:focus+span {
    /*color: #038057;*/
    /*transform: translateY(-21px) translateX(-5px) scale(0.65);*/
}

.form-rent__adress-wrap .form-rent__input-time:not(:placeholder-shown)+span {
    /*color: #000;*/
    /*transform: translateY(-21px) translateX(-5px) scale(0.65);*/
}

.form-rent__block input:focus+span,
.form-rent__block input+span.active {
    font-size: 11px;
    top: 0;
}

.form-rent__adress-wrap .form-rent__subtext5 {
    font-family: 'Roboto', sans-serif;
    position: absolute;
    font-weight: 300;
    left: 25px;
    font-size: 16px;
    top: 17px;
    color: #4A4A4A;
    transition: .3s;
    cursor: text;
}

.form-rent__adress-wrap .form-rent__input-area:focus+span {
    /*color: #038057;*/
    /*transform: translateY(-21px) translateX(-11px) scale(0.65);*/
}

.form-rent__adress-wrap .form-rent__input-area:not(:placeholder-shown)+span {
    /*color: #000;*/
    /*transform: translateY(-21px) translateX(-11px) scale(0.65);*/
}


.form-rent__post-wrap .form-rent__subtext2 {
    font-family: 'Roboto', sans-serif;
    position: absolute;
    font-weight: 300;
    font-size: 10px;
    left: 0px;
    font-size: 16px;
    top: 27px;
    color: #4A4A4A;
    transition: .3s;
    cursor: text;
}


.form-rent__adress-wrap .form-rent__subtext6 {
    font-family: 'Roboto', sans-serif;
    position: absolute;
    font-weight: 300;
    font-size: 10px;
    left: 25px;
    font-size: 16px;
    top: 27px;
    color: #4A4A4A;
    transition: .3s;
    cursor: text;
}

.form-rent__adress-wrap .form-rent__input-tel:focus+span {
    /*color: #038057;*/
    /*transform: translateY(-21px) translateX(-21px) scale(0.65);*/
}

.form-rent__adress-wrap .form-rent__input-tel:not(:placeholder-shown)+span {
    /*color: #000;*/
    /*transform: translateY(-21px) translateX(-21px) scale(0.65);*/
}


.form-rent__post-wrap .form-rent__input-post:focus+span {
    /*color: #038057;*/
    /*transform: translateY(-23px) translateX(-6px) scale(0.65);*/
}

.form-rent__post-wrap .form-rent__input-post:not(:placeholder-shown)+span {
    /*color: #000;*/
    /*transform: translateY(-23px) translateX(-6px) scale(0.65);*/
}


.wrap-checkbox:hover>.form-rent__check-name {
    color: rgb(0, 142, 98);
}

.form-rent__check-name {
    margin-left: 10px;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    cursor: pointer;
}

.form-rent__check-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-top: 30px;
}

.form-rent__textarea {
    border-color: transparent;
    border-bottom: 1px solid #C4C4C4;
    font-size: 16px;
    color: #4A4A4A;
    width: 687px;
    padding-bottom: 4px;
    letter-spacing: -0.01em;
    resize: none;
    margin-top: 9px;
}

.form-rent__textarea:focus {
    outline-color: transparent;
    border-bottom: 1px solid #038057;
}

.form-rent__btn-submit {
    width: 165px;
    height: 37px;
    background: #008E62;
    font-size: 16px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    border: 1px solid #008E62;
    cursor: pointer;
    border-radius: 3px;
    margin-top: 23px;
}

@media screen and (max-width: 1199px) {
    .form-rent__input-area {
        width: 220px;
        margin-left: 0;
        margin-top: 15px;
    }

    .form-rent__adress-wrap {
        width: 100%;
        margin: 0;
    }

    .form-rent__adress-wrap.margin-left {
        margin-left: 0;
    }

    .form-rent__post-wrap {
        margin-bottom: 0;
        margin-left: auto;
    }

    .form-rent__input-post {
        margin-top: 15px;
    }

    .form-rent__subtext2 {
        top: 5px;
    }

    .form-rent {
        margin-left: 0;
        padding-top: 45px;
        padding-left: 45px;
        padding-right: 45px;
        padding-bottom: 45px;
        width: 690px;
    }

    .form-rent__input-box {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
    }

    .form-rent__input-name {
        width: 400px;
    }

    .form-rent__check-box {
        justify-content: space-between;
    }

    .form-rent__main,
    .form-rent__input-address,
    .form-rent__location {
        width: 100%;
    }

    .form-rent__input-time {
        margin-left: auto;
        margin-top: 15px;
    }

    .form-rent__input-tel {
        margin-left: 0;
        margin-top: 15px;
    }

    .wrap-checkbox {
        margin-right: 6px;
    }

    .state-rent {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .state-rent {
        width: 100%;
    }

    .form-rent {
        width: 100%;
        height: auto;
    }

    .form-rent__input-name {
        width: 100%;
    }

    .form-rent__input-time {
        margin-left: 0;
    }

    .form-rent__input-area {
        width: 149px;
        margin-left: auto;
    }

    .form-rent__input-time,
    .form-rent__input-area {
        width: 190px;
    }

    .form-rent__post-wrap,
    .form-rent__input-post,
    .form-rent__input-tel {
        margin-left: 0;
        width: 100%;
    }

    .wrap-checkbox {
        width: 50%;
        margin-right: 0;
    }

    .form-rent__check-box {
        flex-wrap: wrap;
    }

    .form-rent .form-group {
        width: 100%;
    }

    .form-rent .form-group.form-half {
        width: calc(50% - 11px);
        margin-left: 0;
    }

    .form-rent .form-group.form-half:nth-child(2n) {
        margin-left: auto;
    }
}

@media screen and (max-width: 575px) {
    .form-rent:before {
        left: 22px;
    }

    .form-rent {
        padding-left: 15px;
        padding-right: 15px;
    }

    .form-rent .form-group.form-half {
        width: 100%;
    }

    .form-rent__input-area,
    .form-rent__input-time,
    .wrap-checkbox {
        width: 100%;
    }

    .form-rent__radio-box,
    .form-rent__check-box {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: column;
    }


}


/*------/about/advertising------*/

.about-menu {
    font-family: 'Roboto', sans-serif;
    margin-top: 11px;
}

.about-menu__head {
    margin-left: 15px;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 13px;
    width: 262px;
}

.about-menu__head img {
    margin-top: -16px;
}

.about-menu__title {
    color: #333333;
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 4px;
}

.about-menu__nav {
    margin-top: 12px;
    margin-left: 15px;
}

.about-menu__item {
    margin-bottom: 11px;
}

.about-menu__link {
    font-size: 16px;
    font-weight: 300;
    color: #4F4F4F;
}

.about-menu__use {
    flex-direction: column;
    margin-top: 35px;
    margin-left: 41px;
}

.about-menu__use-link {
    position: relative;
}

.about-menu__link:hover {
    color: #008e62;
}

.state-advert {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin-top: 31px;
    line-height: 1.4em;
    width: 850px;
    color: #333333;
    font-size: 16px;
}

.state-advert-title {
    font-size: 36px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #000;
    margin-top: 30px;
}

.state-advert__text_push {
    margin-top: 14px;
}

.forheravt {
    width: 847px;
    height: auto;
    box-shadow: 1px 3px 29px rgba(0, 0, 0, 0.2);
    margin-top: 50px;
    padding-left: 79px;
    padding-right: 79px;
    padding-bottom: 80px;
    padding-top: 36px;
    margin-bottom: 0;
}

.forheravt .contact-form__submit {
    margin: 11px 0 0;
}

.forheravt .vacancy-form__agree {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .forheravt .vacancy-form__agree {
        margin-left: 10px;
        padding: 0;
    }
}

.forheravt .form-group {
    width: calc(50% - 29px);
}

.forheravt .form-group:nth-child(2n) {
    margin-left: auto;
}

.forheravt__input-name,
.forheravt__input-tel,
.forheravt__input-company,
.forheravt__input-role,
.forheravt__input-site,
.forheravt__input-post {
    border-color: transparent;
    border-bottom: 1px solid #C4C4C4;
    font-size: 16px;
    color: #4A4A4A;
    width: 329px;
    padding-bottom: 4px;
    letter-spacing: -0.01em;
    position: relative;
}

.forheravt__input-name:focus,
.forheravt__input-tel:focus,
.forheravt__input-role:focus,
.forheravt__input-company:focus,
.forheravt__input-site:focus,
.forheravt__input-post:focus {
    outline-color: transparent;
    border-bottom: 1px solid #038057;
}

label {
    position: relative;
}

.forheravt__input-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.forheravt__input-box .form-group {
    margin-left: 0;
    margin-right: 0;
}

.forheravt__input-box .form-group:nth-child(2n) {
    margin-left: 29px;
}

.forheravt__name-wrap,
.forheravt__site-wrap {
    margin-bottom: 0;
}

.forheravt__input-tel {
    margin-top: 0px;
    margin-left: 29px;
}

.forheravt__input-role,
.forheravt__input-company {
    margin-top: 19px;
}

.forheravt__input-role {
    margin-left: 29px;
}

.forheravt__input-site {
    margin-top: 24px;
}

.forheravt__input-post {
    margin-left: 30px;
    margin-top: 24px;
}

.forheravt__subtext1 {
    color: #038057;
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    position: absolute;
    left: 1px;
    top: -11px;
}

.forheravt__subtext2 {
    color: #038057;
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    position: absolute;
    left: 2px;
    top: 13px;
}

.forheravt__btn-submit {
    width: 165px;
    height: 37px;
    background: #008E62;
    font-size: 16px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    border: 1px solid #008E62;
    cursor: pointer;
    border-radius: 3px;
    margin-top: 29px;
}

@media screen and (max-width: 767px) {
    .forheravt__input-box .form-group:nth-child(2n) {
        margin-left: 0;
    }

}

@media screen and (max-width: 576px) {
    .pro-inf.form-float textarea+label {
        font-size: 13px;
    }
}


.vista__img1,
.vista__img2,
.vista__img3,
.vista__img4,
.vista__img5 {
    width: 70px;
    height: 70px;
    background: url(../img/icons8advert.svg) no-repeat center center;
    background-position: -119px -189px;
    background-size: 380px 380px;
    margin-left: auto;
    margin-right: auto;
}

.vista__img2 {
    background-position: -27px -195px;
}

.vista__img3 {
    background-position: -300px -195px;
}

.vista__img4 {
    background-position: -206px -116px;
}

.vista__img5 {
    background-position: -105px -113px;
}


@media screen and (max-width: 1199px) {
    .state-advert {
        width: 100%;
    }

    .forheravt {
        width: 690px;
        padding-left: 45px;
        padding-right: 45px;
    }

    .forheravt__input-tel {
        margin-top: 0;
    }

    .forheravt__input-name,
    .forheravt__input-site {
        width: 100%;
    }

    .forheravt__input-tel,
    .forheravt__input-company,
    .forheravt__input-role,
    .forheravt__site-wrap,
    .forheravt__input-post,
    .forheravt__name-wrap {
        width: 45%;
    }

    .forheravt__input-tel,
    .forheravt__input-role,
    .forheravt__input-post {
        margin-left: auto;
    }
}


@media screen and (max-width: 991px) {

    .state-advert-title,
    .state-advert {
        margin-left: 0;
    }

    .forheravt {
        margin-left: 0;
        width: 100%;
    }


}

@media screen and (max-width: 767px) {
    .state-advert {
        width: 100%;
    }

    .edges__stars {
        justify-content: space-between;
    }

    .edges__item {
        margin-left: 0;
    }

    .vista__stars {
        padding-left: 0;
        justify-content: space-between;
    }

    .vista__item {
        margin-right: 0;
    }

    .forheravt .form-group {
        width: 100%;
    }

    .forheravt {
        height: auto;
        padding-top: 45px;
        padding-bottom: 45px;
    }

}

@media screen and (max-width: 575px) {
    .edges__stars {}

    .edges__item {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .edges__text {
        margin-top: 15px;
    }

    .vista__stars {
        flex-wrap: wrap;
        justify-content: center;
    }

    .vista__item {
        margin-top: 15px;
        width: 50%;
    }

    .forheravt {
        height: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    .forheravt__input-box {
        flex-direction: column;
    }

    .forheravt__input-name,
    .forheravt__name-wrap,
    .forheravt__input-tel,
    .forheravt__input-company,
    .forheravt__input-role,
    .forheravt__site-wrap,
    .forheravt__input-site,
    .forheravt__input-post {
        width: 100%;
    }

    .forheravt__input-tel {
        margin-top: 19px;
    }

}

/*------Confidentiality------*/

.confidentiality-title {
    font-size: 36px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-top: 32px;
}

.confidentiality {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #000;
    line-height: 25px;
    margin-bottom: 0;
}

.confidentiality__subtitle {
    font-weight: 500;
    line-height: normal;
    color: #2e2e2e;
    font-size: 25px;
    margin-bottom: 25px;
    margin-top: 25px;
}

@media screen and (max-width: 575px) {
    .confidentiality-title {
        font-size: 28px !important;
    }
}

/*------Terms-of-use------*/

.terms-use-title {
    font-size: 36px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-top: 32px;
}

.terms-use {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #000;
    line-height: 25px;
    margin-bottom: 0;
}

.terms-use__subtitle {
    font-weight: 500;
    line-height: normal;
    color: #2e2e2e;
}

@media screen and (max-width: 575px) {
    .terms-use-title {
        font-size: 28px !important;
    }
}

/*------Wide-range------*/

.wide-range-title {
    font-size: 36px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-top: 32px;
}

.wide-range {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #000;
    line-height: 25px;
    margin-bottom: 30px;
}

.wide-range__par {
    padding-bottom: 20px;
}


/*------pre-order------*/


/*Fonts family*/
/*@font-face {*/
/*font-family: 'Roboto_reg';*/
/*src: url('../fonts/Roboto-Regular.eot');*/
/*src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');*/
/*font-weight: normal;*/
/*font-style: normal;*/
/*}*/
/*@font-face {*/
/*font-family: 'Roboto_light';*/
/*src: url('../fonts/Roboto-Light.eot');*/
/*src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light.woff2') format('woff2'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');*/
/*font-weight: 300;*/
/*font-style: normal;*/
/*}*/
/*@font-face {*/
/*font-family: 'Roboto_medium';*/
/*src: url('../fonts/Roboto-Medium.eot');*/
/*src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium.woff2') format('woff2'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetype'), url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');*/
/*font-weight: 500;*/
/*font-style: normal;*/
/*}*/
/*Basic setting*/
html {
    font-size: 10px;
}

body {
    font-size: 1.6rem;
    font-weight: 300;
    color: #000000;
}

p,
ul,
li,
h2 {
    margin: 0;
    padding: 0;
}

input,
textarea,
button {
    border: 0;
}

.button {
    width: 16.5rem;
    height: 3.7rem;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    background-color: #008E62;
    color: #ffffff;
    cursor: pointer;
}

/*секция сделать предзаказ*/
.bg {
    background-color: rgba(253, 207, 0, 0.8);
}

.rare-goods__title {
    padding-top: 4rem;
    margin-bottom: 41px;
    font-size: 3.2rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.rare-goods__find {
    margin-bottom: 14px;
    font-size: 2rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #333333;
    font-weight: 700;
    letter-spacing: -0.4px;
}

.rare-goods__publication {
    margin-bottom: 2rem;
    max-width: 65.3rem;
    line-height: 1.4;
    width: 560px;
}

.rare-goods__img {
    display: inline-block;
    margin-left: 1rem;
    position: relative;
    bottom: 0.6rem;
}

.rare-goods .wrap-text {
    display: inline-block;
    padding-top: 30px;
    margin-left: 0;
    margin-bottom: 44px;
}

.rare-goods .wrap-text__service {
    font-size: 2rem;
    text-transform: uppercase;
    color: #CE0C36;
    font-weight: 700;
    letter-spacing: 3px;
}

.rare-goods .wrap-text__cash {
    color: #333333;
    margin-bottom: 5.1rem;
}

/*картинка с курьером*/
.courier-img {
    background: url(../img/Preorder_illustration.png) no-repeat center center / 73% 85%;
    height: 100%;
    width: 44rem;
    margin-left: 1rem;
    z-index: 1;
    background-position: -7px 30px;
    position: relative;
}

.content-order .content-title {
    padding-top: 0;
    margin-bottom: 34px;
    font-size: 36px;
    font-family: 'Roboto Medium', sans-serif;
    text-align: center;
}

.pre-order .location .lk-preorder-form {
    width: 50%;
}

.pre-order .location .lk-preorder-form .content-form {
    width: 100%;
}

@media (max-width: 1200px) {
    .pre-order .location>form {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .pre-order .location .lk-preorder-form {
        width: 100%;
    }

    .pre-order .location {
        width: 100%;
    }
}

/*Форма*/
.location {
    margin-left: 0.2rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    box-shadow: 1px 1px 20px -5px #000000;
    margin-bottom: 38.5rem;
    /*Карта*/
    /*темный фон*/
}

.location {
    margin-bottom: 0;
}

.location>form {
    width: 50%;
}

.location .content-form form .content-form {
    width: 100%;
}

.location .content-form {
    padding: 55px 50px 20px;
    position: relative;
    width: 50%;
    /*количество символов 0/1000*/
    /*обработка персональных данных*/
    /*Кнопка отправить*/
}

.location .content-form .content-form {
    width: auto;
}

.location .content-form .form-coop__input-area {
    padding-left: 0;
    padding-right: 0;
}

.location .content-form .vacancy-form__agree {
    margin-top: 15px;
    margin-bottom: 15px;
}

.location .content-form-input {
    display: block;
    width: 32.9rem;
    border-bottom: 1px solid #C4C4C4;
    margin-bottom: 2.7rem;
}

.location .content-form-input:focus {
    outline: 0;
    border-bottom: 2px solid #038057;
}

.location .content-form-textarea {
    position: relative;
    width: 100%;
    height: 29px;
    border-bottom: 1px solid #C4C4C4;
    margin-bottom: 1.0rem;
}

.location .content-form-textarea:focus {
    outline: 0;
    border-bottom: 2px solid #038057;
}

.location .content-form .symbol {
    position: absolute;
    top: 26rem;
    right: 8rem;
    width: 33px;
    height: 17px;
    color: #8B8B8B;
    font-size: 1rem;
}

.location .content-form .symbol_down {
    top: 33rem;
}

.location .content-form .checkbox {
    position: relative;
    margin-top: 24px;
    /*скрываем стандартный*/
    /*стилизируем новый */
}

.location .content-form .checkbox label {
    padding-left: 26px;
}

.location .content-form .checkbox .personal {
    color: #038057;
    border-bottom: 1px solid #038057;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.location .content-form .checkbox input {
    display: none;
}

.brand-single h1 {
    margin-left: 15px;
}

.brand-single .deals-item {
    margin-top: 0;
    margin-bottom: 20px;
}

.location .content-form .checkbox label:after {
    content: '';
    height: 16px;
    width: 16px;
    font-size: 13px;
    outline: 2px solid #038057;
    position: absolute;
    top: 3px;
    left: 0;
    text-align: center;
    cursor: pointer;
}

.location .content-form .checkbox input[type=checkbox]:checked+label:after {
    content: "";
    background: url("../img/check-on.svg") center center no-repeat;
    -webkit-background-size: 10px 8px;
    background-size: 10px 8px;
    display: block;
    color: #038057;
    outline: 2px solid #038057;
    position: absolute;
    top: 3px;
    left: 0;
    height: 16px;
    width: 16px;
}

.location .content-form-btn {
    margin-top: 1.2rem;
}

.location .map {
    background: url('../img/map-big.jpg') no-repeat center;
    background-size: cover;
    width: 50%;
    position: relative;
    height: auto;
    margin-bottom: 0;
}

.location .map-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #FDCF00;
    color: #333333;
    width: 165px;
    height: 37px;
    margin: -24px 0 0 -82px;
}

.location .map-btn:hover {
    background: #FFE069;
}

.location .dark-bg {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
}

.content-order {
    margin-top: 15px;
    margin-bottom: 62px;
}

@media (max-width: 1200px) {

    /*контентная часть*/
    .content-order {
        margin-left: 7rem;
    }

    .location:after {
        content: "";
        display: table;
        width: 100%;
        clear: both;
    }

    .location {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 auto;
        /*Карта*/
    }

    .location .content-form {
        width: 50%;
        height: auto;
        float: left;
    }

    .location .content-form-input {
        display: block;
        width: 100%;
        border-bottom: 1px solid #C4C4C4;
        margin-bottom: 2.7rem;
    }

    .location .map {
        position: relative;
        height: 53.1rem;
        bottom: 0rem;
        width: 50%;
        float: left;
    }

}

@media (max-width: 991px) {
    .location .content-form {
        width: 100%;
    }

    .location .map {
        width: 100%;
    }


    /*картинка с курьером*/
    .courier-img {
        display: none;
    }

    /*контентная часть*/
    .content-order {
        margin-left: 0;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .content-order .content-title {
        margin-bottom: 0;
        font-size: 27px;
    }

    .rare-goods__publication {
        width: 100%;
    }
}

@media (max-width: 940px) {
    .location {
        width: 40rem;
        /*Карта*/
    }
}

@media (max-width: 423px) {
    .location .content-form .vacancy-form__agree {
        padding-left: 0;
        padding-right: 0;
    }

    .location {
        width: 35rem;
        /*количество символов 0/1000*/
        /*Карта*/
    }

    .location .content-form {
        padding: 5px 15px;
    }

    .location .symbol {
        display: none;
    }

    .location .symbol_down {
        display: none;
    }

    .location .map {
        height: 300px;
        margin-top: 20px;
    }
}

@media (max-width: 368px) {
    .content-title {
        font-size: 3rem;
    }

    .location {
        width: 100%;
        /*Карта*/
    }
}

/*------Vacancy-add------*/

/* превратить параметры в выпадающий список */

.map__checkbox-row {
    display: none;
}

.map__checkbox-row.opened {
    display: block;
}

.map-params__h {
    display: inline-block;
    padding-right: 20px;
    color: #008E62;
    border-bottom: 1px dashed #038057;
    position: relative;
    cursor: pointer;
}

.map-params__h:after {
    position: absolute;
    top: 40%;
    right: 0px;
    transform: scale(0.9);
    content: url(../img/design/ico/header-city-arrow.svg);
}

}

@media (max-width: 460px) {
    .about-list__item {
        display: block;
    }

    .contact-block {
        width: 49%;
        margin-bottom: 25px;
    }

    .thanks__name-wrap {
        width: 70%;
    }

    .order__sum-left,
    .order__sum-right {
        padding: 16px;
        padding-left: 25px;
    }

    .thanks__code-wrapper {
        padding: 23px 12px;
    }

    .search__field {
        height: 50px;
    }

    .search__submit {
        padding: 0 15px;
    }
}

section h1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    color: #000000;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 43px;
}

section h5 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: normal;
    font-size: 25px;
    color: #000000;
    margin: 0;
    padding: 0;
}

section .vacs {
    margin-bottom: 31px;
}

* {
    outline: none;
}

.first_bl label {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #333333;
}

.personal-data {
    margin-top: 50px;
    margin-bottom: 3px;
}

/* form[name="SIMPLE_FORM_5"] div:not(.form-item) >input {
	margin-top: 23px;
	display: block;
} */
/* form[name="SIMPLE_FORM_5"] input[type="text"], form[name="SIMPLE_FORM_5"] input[type="email"], form[name="SIMPLE_FORM_5"] input[type="tel"] {
    border: 0;
    border-bottom: 1px solid #C4C4C4;
    width: 100%;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    font-size: 16px;
    color: #333333; } */
form[name="SIMPLE_FORM_5"] input[type="text"]::-webkit-input-placeholder,
form[name="SIMPLE_FORM_5"] input[type="email"]::-webkit-input-placeholder,
form[name="SIMPLE_FORM_5"] input[type="tel"]::-webkit-input-placeholder {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    font-size: 16px;
    color: #333333;
}

form[name="SIMPLE_FORM_5"] input[type="text"]::-moz-placeholder,
form[name="SIMPLE_FORM_5"] input[type="email"]::-moz-placeholder,
form[name="SIMPLE_FORM_5"] input[type="tel"]::-moz-placeholder {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    font-size: 16px;
    color: #333333;
}

form[name="SIMPLE_FORM_5"] input[type="text"]:-moz-placeholder,
form[name="SIMPLE_FORM_5"] input[type="email"]:-moz-placeholder,
form[name="SIMPLE_FORM_5"] input[type="tel"]:-moz-placeholder {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    font-size: 16px;
    color: #333333;
}

form[name="SIMPLE_FORM_5"] input[type="text"]:-ms-input-placeholder,
form[name="SIMPLE_FORM_5"] input[type="email"]:-ms-input-placeholder,
form[name="SIMPLE_FORM_5"] input[type="tel"]:-ms-input-placeholder {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    font-size: 16px;
    color: #333333;
}

form[name="SIMPLE_FORM_5"] .col-md-4 .form-group {
    margin-top: 0;
}

form[name="SIMPLE_FORM_5"] .row>.form-group {
    width: calc(33% - 12px);
    margin-left: auto;
}

form[name="SIMPLE_FORM_5"] .row>.form-group:first-child {
    margin-left: 0;
}

form[name="SIMPLE_FORM_5"] .personal-data+.row {
    margin-left: 0;
}

.radio,
.radios {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 7px;
}

.radio+label,
.radios+label {
    position: relative;
    padding: 0 0 0 23px;
    cursor: pointer;
}

.radio+label:before,
.radios+label:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #8F8F8F;
    border-radius: 50%;
    background: #FFF;
}

.rad_fir {
    margin-right: 45px;
}

.radio+label:after,
.radios+label:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #038057;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.radio:checked+label:after,
.radios:checked+label:after {
    opacity: 1;
}

.radio:checked+label:before,
.radios:checked+label:before {
    border: 2px solid #038057;
}

.form-item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
}

.form-item.info {
    display: none
}

.form-item.info.active {
    display: inline-block
}

#message_under_delivery_options {
    margin: -25px 0 0;
}

#delivery-mess-under-address .info.active {
    /*margin-top: 5px;*/
    /*margin-bottom: -25px;*/
}

#delivery-info-add-block {
    /*margin-top: 16px;*/
}

#delivery-info-add-block .delivery_info {
    padding: 0;
}

#delivery-info-add-block .delivery_info_badge {
    margin-top: 15px;
    margin-bottom: 12px;
}

.form-label {
    position: absolute;
    pointer-events: none;
    left: 0px;
    top: 12px;
    line-height: 40px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 16px;
    font-size: 16px;
    color: #038057;
}

.form-label.active {
    top: -10px !important;
    font-size: 11px !important;

}

.pro-inf {
    margin-top: 50px;
}

.pro-inf p {
    margin: 0;
    padding: 0;
    height: 100px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    font-size: 16px;
    color: #4A4A4A;
}

.pro-inf.form-group h5 {
    margin-bottom: 42px;
}

.pro-inf h5 {
    min-height: 60px;
    margin-bottom: 28px;
}

.pro-inf textarea {
    height: 40px;
    resize: none;
    border: 0;
    width: 100%;
    border-bottom: 1px solid #C4C4C4;
}

.pro-inf.form-group textarea {
    height: 45px;
    min-height: 45px;
    resize: vertical;
}

.review-police {
    text-align: center;
    margin: 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
}

.review-no-check[type="checkbox"] {
    display: none;
}

.revi-polic__label {
    width: 27px;
    height: 17px;
    position: relative;
}

.review-police__page-link a {
    color: #008E62;
}

.review-no-check[type="checkbox"]+span {
    position: absolute;
    left: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    background: url(../img/cube.png) no-repeat;
    cursor: pointer;
}

.review-no-check[type="checkbox"]:checked+span {
    background: url(../img/cubenk.png) no-repeat;
}

.remove {
    text-align: center;
}

.remove a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 16px;
    font-size: 16px;
    text-align: center;
    text-decoration: underline;
    color: #038057;
}

@media screen and (max-width: 992px) {
    .pro-inf h5 {
        height: 70px;
    }

    .pro-inf p {
        height: 120px;
    }
}

@media screen and (max-width: 768px) {
    .personal-data {
        margin-top: 25px;
        margin-bottom: 5px;
    }

    section h1 {
        margin-bottom: 15px;
        font-size: 29px;
    }

    .pro-inf {
        margin-top: 20px;
    }

    .pro-inf h5 {
        height: auto;
    }

    .pro-inf p {
        height: auto;
    }

    .pro-inf textarea {
        height: 80px;
    }

    /* form[name="SIMPLE_FORM_5"] input[type='text'], form[name="SIMPLE_FORM_5"] input[type='email'], form[name="SIMPLE_FORM_5"] input[type='tel'] {
        margin-top: 20px; } */
    form[name="SIMPLE_FORM_5"] .col-md-4 .form-group {
        margin-top: 20px;
    }

    form[name="SIMPLE_FORM_5"] .personal-data+.row {
        margin-right: 0;
    }

    form[name="SIMPLE_FORM_5"] .row>.form-group {
        width: 100%;
    }

    .form-label {
        top: 10px;
    }
}


/*------Rules-drugs------*/

.rules-drugs-title {
    font-size: 36px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-top: 32px;
}

.rules-drugs {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #000;
    line-height: 25px;
    margin-bottom: 0;
}

.rules-drugs__par {
    padding-bottom: 20px;
}

.rules-drugs__par:last-child {
    padding-bottom: 0;
}

.rules-drugs__par span {
    display: block;
    padding-left: 30px;
}

.rules-drugs__subtitle {
    font-weight: 500;
    line-height: normal;
    color: #2e2e2e;
}

/*------assurance------*/

.assurance-title {
    font-size: 36px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-top: 32px;
}

.assurance {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #000;
    line-height: 25px;
    margin-bottom: 30px;
}

.assurance__par {
    padding-bottom: 20px;
    padding-top: 20px;
}

.assurance__subtitle {
    font-weight: 500;
    line-height: normal;
    color: #2e2e2e;
    padding-bottom: 20px;
}

/*------licenses-details------*/

.licenses-details-title {
    font-size: 36px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-top: 32px;
}

.licenses-details__par {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #000;
    line-height: 25px;
    margin-bottom: 30px;
}

/*------menu3------*/
.cab-menu__list {
    margin-bottom: 1px;
}

.cab-menu__list a {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

/*------Head-menu------*/
.header-menu__item .header-menu__link,
.navbar-nav .nav-item .nav-link {
    font-family: "Roboto", sans-serif;
    font-weight: 500;

}

/*------/about/charity------*/

.cont-pad {
    padding-left: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

section .head-about {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 25px;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 18px;
    margin-bottom: 7px;
    margin-top: 9px;
}

section .about-menu-of {
    padding: 0;
}

section .about-menu__list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1px;
    line-height: 34px;
}

section .about-menu__list a {
    font-style: normal;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #000000;
    text-decoration: none;
}

section .about-menu__list a:hover {
    color: #038057;
}

section .about-menu__list a.active {
    color: #038057;
}

.tit-info {
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 25px;
    color: #333333;
    margin: 0;
    margin-top: 35px;
    margin-bottom: 8px;
}

.blago-text p {
    font-style: normal;
    font-weight: 300;
    line-height: 23px;
    font-size: 16px;
    color: #333333;
    margin: 0;
    margin-bottom: 11px;
}

.blago-text p a {
    text-decoration: none;
    color: #038057;
}

.blago-text p a:hover {
    text-decoration: underline;
    color: #038057;
}

.program-list__img {
    margin-right: 20px;
}

.program-list__img_ph {
    width: 184px;
}

.program-list__img_ph img {
    max-width: 100%;
}

.program-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 20px;
    padding-top: 35px;
}

.program-list__info {
    font-style: normal;
    font-weight: normal;
    line-height: 23px;
    font-size: 16px;
    width: 100%;
    color: #333333;
}

.program-list__info a {
    text-decoration: none;
    color: #038057;
}

.program-list__info a:hover {
    text-decoration: underline;
    color: #038057;
}

.how-bonus {
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 30px;
    color: #038057;
    margin-top: 40px;
    margin-bottom: 40px;
}

.how-bonus span {
    color: #CE0C36;
    text-transform: uppercase;
}

.vitmin-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.vitmin-list li {
    margin: 0;
    padding: 0;
    line-height: 22px;
    margin-bottom: 13px;
}

.vitmin-list li span {
    color: #CE0C36;
}

.how-info p {
    font-style: normal;
    font-weight: normal;
    line-height: 23px;
    font-size: 16px;
    margin: 0;
    margin-bottom: 12px;
    color: #333333;
}

.how-info .inf-digit {
    color: #CE0C36;
}

.how-info .inf_vit {
    color: #038057;
}

p.how-info_red {
    font-style: normal;
    font-weight: normal;
    line-height: 23px;
    font-size: 16px;
    color: #CE0C36;
}

p.how-info_red span {
    color: #038057;
}

.bonus_item__img {
    text-align: center;
    height: 100px;
    margin-bottom: 35px;
}

.bonus_item__img img {
    max-width: 100%;
}

.what-title {
    font-style: normal;
    font-weight: 500;
    line-height: 35px;
    font-size: 25px;
    color: #333333;
    margin: 0;
    margin-bottom: 25px;
}

.what-title span {
    color: #CE0C36;
    text-transform: uppercase;
}

.wrap-bonus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 33px;
}

.bonus_item {
    margin-right: -20px;
}

.bonus_item p {
    width: 190px;
    text-align: center;
}

.second-type {
    list-style: none;
    margin: 0;
    padding: 0;
}

.second-type li {
    font-style: normal;
    font-weight: 300;
    line-height: 23px;
    font-size: 16px;
    color: #333333;
}

.second-type li span {
    color: #038057;
}

.sec-third-type {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sec-third-type li {
    font-style: normal;
    font-weight: 300;
    line-height: 23px;
    font-size: 16px;
    color: #333333;
}

.sec-third-type li span {
    color: #038057;
}

.last-txt-bl {
    font-style: normal;
    font-weight: 300;
    line-height: 23px;
    font-size: 16px;
    color: #333333;
}

.last-txt-bl_green {
    color: #038057;
}

.hed-treaty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.hed-treaty {
    border-bottom: 1px solid #D8D8D8;
    padding-right: 10px;
    padding-bottom: 18px;
}

.hed-treaty__ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 350px;
}

.hed-treaty__ul li {
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 12px;
    color: #333333;
}

.hed-treaty__ul li:first-child {
    margin-left: 0px;
}

.name_trety p {
    font-style: normal;
    font-weight: normal;
    line-height: 21px;
    font-size: 16px;
    color: #333333;
    margin: 0;
}

.treaty_txt p {
    font-style: normal;
    font-weight: 300;
    line-height: 23px;
    font-size: 16px;
    color: #333333;
    margin: 0;
    margin-bottom: 12px;
}

.tabl-price {
    margin-right: 59px;
}

.tabl-price:last-child {
    margin-right: 0;
}

.dig-tab {
    margin-right: 112px;
}

.dig-tab:last-child {
    margin-right: 0;
}

.treaty_wrap__item {
    margin-top: 25px;
}

.treaty_wrap__item h6 {
    margin: 0;
    margin-bottom: 15px;
}

.treaty_wrap__item p {
    font-style: normal;
    font-weight: 300;
    line-height: 23px;
    font-size: 16px;
    color: #333333;
    margin: 0;
    margin-bottom: 10px;
}

.treaty_wrap__item p a {
    color: #038057;
    text-decoration: underline;
}

.treaty_wrap__item p span {
    font-weight: 500;
}

.ofert-public {
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 18px;
    color: #333333;
    margin-bottom: 25px;
}

.treaty {
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 25px;
    color: #333333;
    margin-bottom: 38px;
}

.last-txt-bl_green {
    margin-top: 35px;
    margin-bottom: 20px;
}

.body-treaty__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 17px 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.body-treaty__item:nth-child(even) {
    background: #ECECEC;
}

.descrip_tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 350px;
}

.descrip_tr div:first-child {
    margin-left: 0px;
}

@media screen and (max-width: 991px) {
    .name_trety {
        width: 78%;
    }

    .cont-pad {
        padding-left: 0;
    }

    .dig-tab {
        margin-right: 50px;
    }

    .tabl-price {
        margin-right: 5px;
        font-size: 13px;
    }

    .hed-treaty__ul {
        width: 210px;
    }

    .bonus_item p {
        width: auto;
    }

    .wrap-bonus {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .bonus_item {
        margin-right: 0;
    }
}

@media screen and (max-width: 780px) {
    section .about-menu__list a {
        font-size: 13px;
    }
}

@media screen and (max-width: 768px) {
    .cont-pad {
        padding-left: 0px;
    }
}

@media screen and (max-width: 550px) {
    .cont-pad h1 {
        font-size: 28px;
    }

    .wrap-bonus {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .hed-treaty__ul {
        width: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 auto;
    }

    .hed-treaty {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 10px;
    }

    .body-treaty__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .name_trety,
    .descrip_tr {
        text-align: center;
    }

    .descrip_tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .dig-tab {
        margin-right: 0;
    }

    .tabl-price {
        margin-right: 0;
    }
}

@media screen and (max-width: 500px) {
    .program-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .program-list__img {
        margin: 0;
        margin-bottom: 15px;
    }

    .program-list__img_ph {
        width: auto;
        text-align: center;
    }

    .program-list__info {
        text-align: center;
    }

    h1 {
        font-size: 24px;
    }

    .tit-info {
        font-size: 21px;
    }
}


* {
    box-sizing: border-box;
}

section .my-pharms-offer {
    display: flex;
    justify-content: space-between;
}

section .my-pharms-offer h1 {
    margin-top: 0;
    margin-bottom: 0;
}

section .my-pharms__add {
    margin-top: 20px;
}

section .my-pharms__add {
    display: block;
    font-style: normal;
    font-weight: 400;
    border-radius: 4px;
    font-size: 16px;
    padding: 8px 0px;
    text-align: center;
    color: #FFFFFF;
    background: #008E62;
    text-align: center;
    box-shadow: 0.6px 2.9px 29px rgba(46, 46, 46, 0.22);
    width: 165px;
    vertical-align: middle;
}

section .my-pharms__add:hover {
    color: #ffffff;
    text-decoration: none;
    background: #09A675;
}

@media screen and (max-width: 370px) {

    section .my-pharms-offer {
        align-items: center;
    }

    section .my-pharms-offer h1 {
        font-size: 20px;
    }

    section .my-pharms-offer .my-pharms__add {
        width: 148px;
        font-size: 14px;
        margin-top: 0;
    }
}

/*------licenses------*/

.licenses-details {
    margin-top: 30px;
}

.licenses-details__img {
    width: 250px;
    height: 350px;
    cursor: pointer;
}

.licenses-details__box {
    margin-top: 30px;
    font-weight: 300;
}

.licenses-details__box2 {
    font-weight: 300;
}

.licenses-details__item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    line-height: 18px;
    padding: 10px 0;
    border-top: 1px solid #eee;
}

.licenses-details__item_last {
    border-bottom: 1px solid #eee;
}

.licenses-details__left-side,
.licenses-details__right-side {
    width: 50%;
}

.licenses-details__right-side,
.licenses-details__center2,
.licenses-details__right-side2 {
    font-weight: 500;
    margin-left: -30px;
}

.licenses-details__legal h3 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.licenses-details__item2 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    line-height: 2.5em;
    border-top: 1px solid #eee;
}

.licenses-details__item_last2 {
    border-bottom: 1px solid #eee;
}

.licenses-details__left-side2 {
    width: 50%;
}

.licenses-details__center2,
.licenses-details__right-side2 {
    width: 25%;
}

.popup {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 1000;
}

.popup_bg {
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    z-index: 1;
    height: 100%;
    width: 100%;
}


.popup_img {
    z-index: 2;
    position: relative;
    margin: 5% auto 0;
    max-height: 85%;
    max-width: 85%;
}

@media screen and (max-width: 1199px) {
    .licenses-details__left-side {
        width: 40%;
    }

    .licenses-details__right-side {
        width: 60%;
    }

    .popup_img {
        position: relative;
        margin: 8% auto 0;
        z-index: 999;
        max-height: 85%;
        max-width: 85%;
    }

    .licenses-details__right-side,
    .licenses-details__center2,
    .licenses-details__right-side2 {
        margin-left: 0px;
    }
}

@media screen and (max-width: 991px) {

    .popup_img {
        position: relative;
        margin: 10% auto 0;
        z-index: 999;
        max-height: 85%;
        max-width: 85%;
    }
}


@media screen and (max-width: 767px) {
    .licenses-details {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: column;
        -ms-align-items: center;
        align-items: center;
    }

    .licenses-details__box,
    .licenses-details__box2 {
        font-size: 12px;
    }

    .popup_img {
        position: relative;
        margin: 14% auto 0;
        z-index: 999;
        max-height: 85%;
        max-width: 85%;
    }
}

@media screen and (max-width: 768px) {
    .container h1 {
        margin-top: 0;
    }
}

@media screen and (max-width: 575px) {
    .container h1 {
        font-size: 25px;
        line-height: 29px;
    }

    .bx-breadcrumb .bx-breadcrumb-item span {
        font-size: 11px;
    }

    .licenses-details__box {
        overflow-x: scroll;
    }

    .licenses-details__item {
        width: 420px;
    }

    .licenses-details__left-side {
        width: 140px;
    }

    .licenses-details__right-side {
        width: 280px;
    }

    .licenses-details__box2 {
        overflow-x: scroll;
    }

    .licenses-details__item2 {
        width: 475px;
    }

    .licenses-details__left-side2 {
        width: 235px;
    }

    .licenses-details__center2 {
        width: 110px;
    }

    .licenses-details__right-side2 {
        width: 130px;
    }

    .popup_img {
        position: relative;
        margin: 25% auto 0;
        z-index: 999;
        max-height: 75%;
        max-width: 75%;
    }
}

/*------terms_use------*/

.terms-use__par-title {
    font-weight: 300;
    margin-top: 20px;
}

.terms-use__par {
    padding-left: 50px;
    margin-top: 20px;
}

/*------confident------*/

.confidentiality__par {
    padding-left: 50px;
    margin-top: 20px;
}

.confidentiality__par-title {
    margin-top: 20px;
    font-weight: 500;
}

.confidentiality__par-first {
    padding-left: 0;
    margin-top: 20px;
}


@media screen and (max-width: 1199px) {

    .form-rent__adress-wrap .form-rent__input-name,
    .form-rent__adress-wrap .form-rent__input-time,
    .form-rent__input-post,
    .form-rent__input-area,
    .form-rent__input-tel {
        width: 100%;
    }

    .form-rent__adress-wrap .form-rent__subtext4,
    .form-rent__adress-wrap .form-rent__subtext5,
    .form-rent__input-area {
        left: 0;
    }

    .form-rent__post-wrap {
        margin-left: 0;
        width: 100%;
    }

    .form-rent__post-wrap .form-rent__subtext2,
    .form-rent__adress-wrap .form-rent__subtext6 {
        top: 17px;
        left: 0;
    }

    .form-rent__input-box .form-rent__input-tel {
        margin-top: 15px;
    }
}

.my-pharm-popup {
    box-shadow: 0 0 1px 0px;
}

.my-pharm-popup #pharms_map {
    height: 400px !important;
}

.my-pharm-popup .main-popup-wrap__points {
    height: 372px !important;
}

@media screen and (max-height: 680px) {
    .my-pharm-popup {
        top: 140px;
    }

    .my-pharm-popup #pharms_map {
        height: 300px !important;
    }

    .my-pharm-popup .main-popup-wrap__points {
        height: 272px !important;
    }
}

/*------vacancy-form__phone------*/

.vacancy-form__form .vacancy-form__phone {
    position: relative;
}

.vacancy-form__form .vacancy-form__work-name+label {
    font-family: 'Roboto', sans-serif;
    position: absolute;
    font-weight: 300;
    color: #4A4A4A;
    transition: .3s;
    cursor: text;
    left: 0;
    top: 5px;
}

.vacancy-form__form .vacancy-form__work-name+label.active {
    font-size: 11px;
    top: -12px;
}

.vacancy-form__form .vacancy-form__work-name:focus+label {
    color: #038057;
    font-size: 11px;
    top: -12px;
}


.vacancy-form__form .border {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #038057;
    transition: all 0.15s ease;
    border: none !important;
}

.vacancy-form__work-name:focus~.border {
    width: 100%;
}


/*------/about/about_network/------*/


.area-maps-wrap-belgorod,
.area-maps-wrap-volgograd,
.area-maps-wrap-voronezh,
.area-maps-wrap-krasnodar,
.area-maps-wrap-lipetsk,
.area-maps-wrap-adigeya,
.area-maps-wrap-stavropol {
    display: none;
}

.map-area-valid-city-checked-imp {
    fill: #038057 !important;
}

.map-area-valid-city-checked {
    fill: #038057;
}

.map-area-valid-city:hover {}

.marked-area-voronezh,
.marked-area-lipetsk,
.marked-area-belgorod,
.marked-area-krasnodar,
.marked-area-volgograd,
.marked-area-stavropol,
.marked-area-adigeya {
    display: none;
}

.modal-content .modal-body .help-info-review p {
    margin-bottom: 35px;
}

.reviews-form__line-main {
    display: block;
}

.reviews-form__line-main .reviews-form__field {
    width: 100%;
}


@media screen and (max-width: 575px) {
    .map-block__title {
        font-size: 25px;
    }

    .simplebar-content .address,
    .result_item .address {
        word-break: break-word;
    }

    .simplebar-content .work-time {
        text-align: center;
    }

    .header .search-mobile .container,
    .wrap-cart .wrap-cart-head {
        display: none;
    }

    .space-between .navigation-block,
    .space-between .showby-sort {
        padding-left: 15px;
        padding-right: 15px;
    }

    .p_props span {
        /*display: none;*/
    }


    .main-info {
        padding-top: 0;
    }

    .reviews-form__field textarea {
        min-height: 60px;
        height: 60px;
        margin-top: 36px;
    }

    .reviews-form__line {
        display: flex;
        flex-direction: column;
    }

    .reviews-form__line .form-group {
        width: 100%;
    }

    .form-float label {
        top: 21px;
    }

    .reviews-check input[type='checkbox']+.checker {
        display: inline-block;
    }

    .my-review {
        margin-bottom: 0;
    }

    .header-top__status {
        margin-left: auto;
        text-align: right;
        margin-right: 0;
    }

    .header-top__address {
        margin-left: auto;
    }

    .mheader .header-center {
        right: 15px;
        z-index: 1000;
    }


}

@media screen and (max-width: 575px) {

    .catalog-content .space-between .navigation-block,
    .catalog-content .space-between .showby-sort {
        padding-left: 0;
        padding-right: 0;
    }

    .ymaps-2-1-77-balloon_layout_panel {}
}

@media screen and (max-width: 480px) {
    .product-item-line-card .product-item-info-container .p_props .manufacturer {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .list-map-pharms-it-four a {
        width: 100%;
    }

    .modal-map-block .list-map-pharms {
        padding-top: 0;
        margin-top: 15px;
    }

    .modal-map-block .list-map-pharms {
        padding-right: 10px;
    }

    .list-map-pharms .list-map-pharms-it {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .list-map-pharms .list-map-pharms-it .list-map-pharms-it-fir {
        width: 60%;
    }

    .list-map-pharms .list-map-pharms-it .list-map-pharms-it-sec {
        width: 40%;
    }

    .list-map-pharms .list-map-pharms-it .list-map-pharms-it-thi {
        width: 60%;
    }

    .list-map-pharms .list-map-pharms-it .list-map-pharms-it-four {
        width: 40%;
        position: static;
    }

    .list-map-pharms-it-sec {
        margin: 0;
    }

    .list-map-pharms-it-thi {
        margin-top: 20px;
    }

    .list-map-pharms-it-four {
        margin-top: 0;
    }

    .list-map-pharms-it-four .pharmacy_select {
        margin-left: auto;
    }
}

@media screen and (max-width: 410px) {
    .list-map-pharms .list-map-pharms-it .list-map-pharms-it-four {
        width: auto;
    }

    .list-map-pharms-it-four .pharmacy_select {
        font-size: 13px;
        width: 80px;
    }
}


.location .content-form .content-form {
    padding: 0;
}

form[name="SIMPLE_FORM_5"] .row .form-group_position {
    margin-top: 20px;
}

@media screen and (max-width: 340px) {
    .header-mobile-phone:first-child {
        margin-right: 0;
    }
}


@media screen and (max-width: 340px) {
    .header-top__address {
        margin-left: 5px;
    }
}


@media screen and (max-width: 329px) {
    .header-top__address {
        margin-left: -4px;
    }
}

.my-review-section a.active:hover {
    color: #fff;
    background: #09a675;
}

.my-review-section .close-form {
    padding-left: 25px;
    padding-right: 25px;
    font-size: 16px;
}

.my-review-section .close-form.active {
    color: #2e2e2e !important;
    background: #e8e8e8 !important;
}

.my-review-section .close-form.active:hover {
    color: #fff !important;
    background: #038057 !important;
}

form[name="SIMPLE_FORM_6"] .form-textarea_name textarea {
    height: 50px;
    min-height: 50px;
}

form[name="SIMPLE_FORM_6"] .form-textarea_name textarea:focus,
form[name="SIMPLE_FORM_6"] .form-textarea textarea:focus {
    border-bottom: 2px solid #038057;
}

form[name="SIMPLE_FORM_6"] .form-textarea textarea {
    height: 50px;
    min-height: 50px;
}

.location .content-form .checkbox .personal:hover {
    border-bottom: none;
    text-decoration: none;
}


.search__tbl-row_first:hover {
    background: rgba(0, 0, 0, 0);
}

@media screen and (max-width: 400px) {

    .search__tbl-row {
        padding-left: 0;
        padding-right: 0;
        font-size: 13px;
    }

    .search__tbl-row>div:nth-child(2) {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.bx_my_order_cancel .vacancy-all {
    text-align: left;
    padding-left: 0;
}

.bx_my_order_cancel input[type="submit"] {
    background: #038057;
    border-radius: 3px;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    height: 38px;
    padding: 0 25px 0 25px;
    width: auto;
    font-weight: 400;
    transition: .3s;
    color: #fff !important;
    text-shadow: none;
}

.bx_my_order_cancel input[type="submit"]:hover {
    color: #656565 !important;
    background: #e8e8e8;
    font-weight: 400;
}

.bx_my_order_cancel form[action="/personal/order/cancel/27/"] a {
    color: #038057;
}

.bx_my_order_cancel .form-textarea textarea[name="REASON_CANCELED"] {
    height: 50px;
    min-height: 50px;
}

.bx_my_order_cancel .form-textarea textarea[name="REASON_CANCELED"]:focus {
    border-bottom: 2px solid #038057;
}


.abs-phar_2 {
    width: auto;
    max-width: 385px;
}

.but-abs {
    margin-bottom: 10px;
}

@media screen and (max-width: 400px) {
    .abs-phar-bot:after {
        content: "";
        display: table;
        width: 100%;
        clear: both;
    }

    .abs-phar_2 {
        padding: 0 0;
        display: block;
    }

    .abs-phar-bot {
        display: block;
    }

    .abs-phar_2 .abs-phar-bot .but-abs {
        float: left;
    }
}

.main-info #form-v {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

#form-v .main-info-item__title {
    display: inline-block;
    white-space: nowrap;
}

.main-info .main-info-item.inline {
    display: block;
}

.main-info .main-info-item.inline:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}

.main-info .main-info-item.inline .main-info-item__title {
    white-space: nowrap;
}

a.main-info-item__desc {
    font-weight: 400;
    border-bottom: 1px solid transparent;
    color: #2E2E2E !important;
    vertical-align: top;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

a.main-info-item__desc:hover {
    border-color: #2E2E2E;
}

.help-info-review_comment {
    width: 225px;
}

.help-info-review_comment p {
    margin-bottom: 35px;
}

.reviews-form .form-group_name,
.reviews-form .form-group_phone {
    width: 32%;
}


.main-info-item__desc_country:hover,
.main-info-item__desc_country {
    text-decoration: none;
    color: #000;
}

.main-info-item__desc.red {
    color: #ce0c36;
}

.main-info-item__desc_condition {
    text-decoration: none;
    color: #ce0c36;
    font-weight: 400;
}

.main-info-item__desc_condition:hover {
    text-decoration: none;
    color: #ce0c36;
}

.reviews-check_link-rules {
    text-decoration: underline;
}

.reviews-check_link-rules:hover {
    text-decoration: none;
}

.reviews-form__field #my-point+label {
    margin-top: 21px;
}

.btn-close-in {
    margin-left: 20px;
}


@media screen and (max-width: 1199px) {
    .reviews-form .reviews-form__line .form-group_name-article {
        width: 100%;
    }

    .api_form_custom .reviews-form_article .reviews-check__label .checker {
        display: inline;
    }

    .reviews-form_article input[type='checkbox']:checked+.checker:after {
        top: 17px;
    }

    .api_form_custom .reviews-form .reviews-form__line .form-group_name-article_first {
        margin-bottom: 15px;
    }

    .api_form_custom .reviews-form_article .reviews-check__label .checker:after {
        top: 17px;
    }

    .api_form_custom_article .api-form-submit.reviews-form-btn {
        display: inline-block;
        width: 150px;
    }

    .api_form_custom_article .btns-gray.close-form {
        width: 170px;
        margin-left: 13px;
        display: inline-block;
    }

    .help-info-review_comment_article p {
        margin-bottom: 91px;
    }

}

@media screen and (max-width: 767px) {
    .help-info-review_comment_article {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }

    .help-info-review_comment_article p {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 575px) {
    .reviews-form_article input[type='checkbox']:checked+.checker:after {
        top: 8px;
    }

    .api_form_custom .reviews-form_article .reviews-check__label .checker:after {
        top: 8px;
    }

    .api_form_custom_article .reviews-form_article .reviews-check__label .checker {
        font-size: 14px;
    }

    .api_form_custom_article .api-form-submit.reviews-form-btn {
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 170px;
    }

    .reviews-form_article {
        margin-top: 25px;
    }

    .api_form_custom_article .btns-gray.close-form {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
    }

    .form-group_name-article label {
        top: 13px;
    }
}

.api_form_custom_card .reviews-form__field label {
    top: 5px;
}

.reviews-form .form-group_phone {
    margin-left: 0;
}


.api_form_custom_card textarea#my-point {
    width: 753px;
    min-height: 102px;
    height: auto;
    margin-top: 30px;
    resize: none;
    overflow: auto;
    padding-bottom: 0;
}

.api_form_custom.api_form_custom_card .reviews-form .reviews-form__field-card-textarea {
    width: auto;
}

.api_form_custom_card .reviews-form__field {
    width: 230px;
}


.reviews-form__line-card .form-group_city {
    margin-left: 0;
}

.api_form_custom_card .reviews-form>.reviews-form__field {
    margin-left: 16px;
}

.help-info-review_card {
    width: 262px;
}

.help-info-review_card p {
    margin-bottom: 25px;
}

.help-info-review_card p:nth-child(1) {
    margin-bottom: 81px;
}

.help-info-review_card p:nth-child(2) {
    margin-bottom: 21px;
}

@media screen and (max-width: 1199px) {
    .help-info-review_card p:nth-child(1) {
        margin-bottom: 50px;
    }

    .help-info-review_card p:nth-child(2) {
        margin-bottom: 49px;
    }
}

@media screen and (max-width: 991px) {
    .help-info-review_card p:nth-child(1) {
        margin-bottom: 10px;
    }

    .help-info-review_card p:nth-child(2) {
        margin-bottom: 66px;
    }
}

.close-form-card {
    margin-left: 20px;
}

.reviews-check_link-rules {
    text-decoration: underline;
}

.reviews-check_link-rules {
    text-decoration: none;
}

@media screen and (max-width: 1199px) {
    .api_form_custom_card textarea#my-point {
        width: 512px;
    }

    .api_form_custom_card .reviews-form__line .form-group {
        margin-right: 55px;
    }

    .reviews-form__line-card .form-group_city {
        width: 230px;
    }
}

@media screen and (max-width: 991px) {
    .api_form_custom_card .reviews-form .reviews-form__field {
        width: 328px;
    }

    .api_form_custom_card textarea#my-point {
        width: 100%;
    }

    .api_form_custom_card .reviews-form__line .form-group {
        margin-right: 0;
    }

    .api_form_custom_card .reviews-form .form-group_name,
    .api_form_custom_card .reviews-form .form-group_phone,
    .api_form_custom_card .reviews-form .form-group_city {
        width: 100%;
    }

    .api_form_custom_card .reviews-check input[type='checkbox']+.checker {
        font-size: 14px;
    }

    .api_form_custom_card .close-form-card {
        margin-top: 20px;
        margin-left: 14px;
        width: 180px;
        text-align: center;
    }

    .reviews-form__line-card .form-group {
        margin-top: 15px;
    }

    .api_form_custom_card .close-form.close-form-card {
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .api_form_custom_card .reviews-form .reviews-form__field-card-textarea {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 20px;
    }

    .api_form_custom_card .reviews-form__field label {
        left: 15px;
    }

    .reviews-form .reviews-form__line-card .form-group_name,
    .reviews-form .reviews-form__line-card .form-group_phone {
        margin-top: 15px;
    }

    .api_form_custom_card .close-form-card {
        margin-top: 0;
    }

    .help-info-review_card {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        margin-top: 20px;
    }

    .api_form_custom_card {
        padding-top: 15px;
    }

}

.api_form_custom_card .reviews-check_link-rules,
.help-info-review_card a {
    text-decoration: underline;
}

.api_form_custom_card .reviews-check_link-rules:hover,
.help-info-review_card a:hover {
    text-decoration: none;
}

@media screen and (max-width: 525px) {
    .my-review-section .my-review {
        padding: 15px;
    }

    .my-review .api_form_custom_card {
        padding-top: 0;
    }

    .api_form_custom_card .reviews-form .reviews-form__field {
        width: 100%;
    }

    .api_form_custom_card .form-float label {
        top: 10px;
    }

    .reviews-form__line-card .reviews-form___input.reviews-city__input {
        margin-top: 16px;
        width: 100%;
    }

    .api_form_custom_card:after {
        content: "";
        display: table;
        width: 100%;
        clear: both;
    }

    .api_form_custom_card .reviews-form__line-card {
        padding-left: 0;
        padding-right: 0;
    }

    .api_form_custom_card .reviews-check {
        padding-left: 0;
    }

    .api_form_custom_card .reviews-form .reviews-form__field-card-textarea {
        padding-left: 0;
        padding-right: 0;
    }

    .api_form_custom_card .reviews-form__field label {
        left: 0;
    }

    .api_form_custom_card .my-review__rating {
        padding-left: 0;
    }

    .api_form_custom_card .reviews-form-btn {
        display: block;
        margin-right: 0;
        margin-left: 0;
        width: 49%;
        float: left;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        font-size: 13px;
    }

    .api_form_custom_card .close-form-card {
        display: block;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        width: 49%;
        float: right;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        font-size: 13px;
    }

    .subscribe-form__check label {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 480px) {
    .api_form_custom_card .reviews-form__field.select select {
        width: 100%;
    }
}


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

.advert p a {
    border-bottom: none;
}

.advert p a:hover {
    border-bottom: none;
}

@media screen and (max-width: 355px) {
    .subscribe__title {
        font-size: 19px;
    }

    .subscribe__title b {
        font-size: 22px;
    }

    .subscribe-form__check label {
        font-size: 10px !important;
    }
}

.text-form#OrderForm_comments {
    resize: vertical;
    min-height: 55px;
}

.product-reviews .product-reviews__header .reviews-address {
    text-align: right;
    margin-top: 0px;
}

@media screen and (max-width: 575px) {
    .breadcrumbs {
        display: none;
    }
}

.my-review .help-info-review_comment.help-info-review_card p {
    /*margin-bottom: 11px;*/
}

.help-info-review_main-page {
    padding-top: 70px;
}

.my-review-section_view-page .reviews-form__line {
    display: block;
}

.my-review-section_view-page .reviews-form__line .form-group.form-float {
    width: 100%;
    margin-bottom: 20px;
}

.my-review-section_view-page .reviews-form__line .form-group.form-float:last-child {
    margin-bottom: 0;
}

.my-review-section_view-page .help-info-review p {
    margin-bottom: 39px;
}

.my-review-section_view-page .help-info-review {
    padding-top: 57px;
    padding-left: 10px;
}

@media screen and (max-width: 1199px) {
    .my-review-section_view-page .help-info-review p {
        margin-bottom: 10px;
    }
}

.ya-share2__list_direction_horizontal .ya-share2__item_service_moimir .ya-share2__icon {
    background: url("../img/moimir.png") no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
}

.ya-share2__list_direction_horizontal .ya-share2__item_service_moimir .ya-share2__badge {
    background: none !important;
}

.modal-body .my-review__title {
    display: none;
}

.my-review-section_view-page .main-form-review {
    width: 490px;
}

.search-wrap #pop_pharm.my-pharm-popup {
    left: 50%;
}

@media screen and (max-width: 550px) {
    .my-review-section_view-page .main-form-review {
        width: 100%;
    }

}

@media screen and (max-width: 480px) {
    .popup-table-wrapper table tbody tr td:first-child {
        padding-right: 5px;
    }
}

.header-mobile-phone:first-child {
    width: 50%;
    margin-right: 9px;
}


.add-new-list-favorites {
    position: relative;
    width: 290px;
}

.add-new-list-favorites .input {
    height: 40px;
    display: block;
    border-bottom: 2px solid #D8D8D8;
    width: 100%;
    padding-right: 60px;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    background: #fff;
    transition-duration: 300ms;
}

.add-new-list-favorites .input::-webkit-input-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
    color: #000000;
}

.add-new-list-favorites .input::-moz-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
    color: #000000;
}

.add-new-list-favorites .input:-moz-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
    color: #000000;
}

.add-new-list-favorites .input:-ms-input-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
    color: #000000;
}

.add-new-list-favorites .input:focus::-webkit-input-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
    color: #000000;
}

.add-new-list-favorites .input:focus::-moz-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
    color: #000000;
}

.add-new-list-favorites .input:focus:-moz-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
    color: #000000;
}

.add-new-list-favorites .input:focus:-ms-input-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
    color: #000000;
}

.add-new-list-favorites .input:focus,
.add-new-list-favorites .input:active {
    border-color: #038057;
}

.add-new-list-favorites .remove {
    position: absolute;
    top: 12px;
    right: 0;
}

.add-new-list-favorites .status {
    position: absolute;
    top: 12px;
    right: 27px;
    background: url(../img/access-default.svg) no-repeat;
    -webkit-background-size: 22px 15px;
    background-size: 22px 15px;
    width: 22px;
    height: 15px;
}

.add-new-list-favorites .status.active {
    background: url(../img/access-active.svg) no-repeat;
}

.bx-filter .bx-filter-section .deals-item-div {
    padding-left: 0;
}

.bx-filter .bx-filter-section .deals-item-div .deals-item {
    /*max-width: 232px;*/
    /*margin: 0 0 0 -15px;*/
}

.sidebar-block .deals-item-div {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.mobile-show-991 .deals-item {
    margin-top: 30px;
}

.catalog-content .deals-item img {
    width: 100%;
}

.catalog-page .deals-item img {
    width: 100%;
}

font.notetext {
    color: #008e62;
}

.mobile-show-991 {
    display: none !important;
}

@media screen and (max-width: 991px) {
    .mobile-show-991 {
        display: block !important;
    }

    .mobile-hide-991 {
        display: none !important;
    }
}

.articles-page-read .api_form_custom.api_form_custom_article .close-form {
    height: 44px;
    line-height: 44px;
}

.articles-page-read .api_form_custom.api_form_custom_article .form-float {
    width: 49%;
    float: left;
}

.articles-page-read .api_form_custom.api_form_custom_article .form-float:nth-child(even) {
    float: right;
    margin-left: 0;
}

.articles-page-read .api_form_custom.api_form_custom_article .reviews-form__line:after {
    content: "";
    clear: both;
    display: table;
    width: 100%;
}

.articles-page-read .product-reviews-filter__tit {
    margin-top: 5px;
}

.articles-page-read .categories {
    margin-top: 12px;
}

.articles-page-read .pop-states__title {
    margin-left: 0;
}

.articles-page-read .pop-states__item {
    margin-left: 0;
}

.articles-page-read .product-reviews-section>.section-title {
    /*display: none;*/
}

.articles-page-read .btns-gray.close-form.btn-close {
    display: none;
}

@media screen and (max-width: 767px) {
    .articles-page-read .api-reviews-list .reviews-comments__comm {
        margin-left: 30px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 580px) {
    .articles-page-read .state__article {
        width: 100%;
    }

    .articles-page-read .api_form_custom.api_form_custom_article .form-float {
        width: 100%;
    }

    .articles-page-read .reviews-form>.reviews-form__field {
        margin-left: 10px;
    }

    .articles-page-read .my-review.my-review_comment_article .reviews-form>.reviews-form__field {
        margin-right: 10px;
    }

    .articles-page-read .my-review.my-review_comment_article .reviews-form__line {
        padding-right: 10px;
        padding-left: 10px;
    }

    .articles-page-read .my-review.my-review_comment_article {
        padding-bottom: 25px;
    }
}

.mCSB_inside>.mCSB_container {
    margin-right: 10px !important;
}

.mCSB_scrollTools {
    width: 10px;
    opacity: 1 !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #e8e8e8;
    border-radius: 9px;
    width: 10px;
}

.mCSB_scrollTools .mCSB_dragger {
    background-color: #8b8b8b;
    border-radius: 9px;
    width: 10px;
}

.mCSB_scrollTools .mCSB_dragger:hover,
.mCSB_scrollTools .mCSB_dragger:active {
    background-color: #038057;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    opacity: 0;
}


.profile-info-wrapper .bx-authform {
    margin: 0 0 25px 285px;
}

.profile-info-wrapper .bx-authform form {
    margin-top: 10px;
}

.bx-authform-formgroup-container .btn {
    margin: 0 auto 20px;
    display: block;
    border: none !important;
}

@media (max-width: 1199px) {
    .profile-info-wrapper .bx-authform {
        margin: 0 0 25px 304px;
    }
}

@media (max-width: 991px) {
    .profile-info-wrapper .bx-authform {
        margin: 0 auto 25px auto;
    }
}


.product-item-label-left {
    left: 10px;
}

.product-item-label-top {
    top: 10px;
}

input[type="submit"]:disabled {
    border-bottom: none;
}

.sale-block .api-element-rating .api-stars-empty {
    height: 15px;
    width: 99px;
    background: url(../img/starss.png) 0px -15px repeat-x;
}

.sale-block .api-element-rating .api-stars-empty .api-stars-full {
    height: 15px;
    width: 99px;
    background: url(../img/starss.png) 0px 0px repeat-x;
}

.loader1 {
    background: url("/bitrix/js/main/core/images/logoan.svg") center center no-repeat;
    background-size: cover;
    width: 80px;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    height: 80px;
    position: fixed;
    z-index: 10000;
}

.popup-award {
    z-index: 9999999;
}

.popup_bg-award {}

#confirm_delete_list .btn-danger,
#confirm_delete_list .btn-success {
    border-color: #008e62 !important;
    box-shadow: none !important;
    outline: none !important;
    width: 140px !important;
}

#confirm_delete_list .btn-danger:hover,
#confirm_delete_list .btn-success:hover {
    border-color: #008e62 !important;
    box-shadow: none !important;
    outline: none !important;
}

#socialModal .modal-dialog {
    max-width: 630px;
}

#socialModal .left-column {
    width: 310px;
    float: left;
}

#socialModal .right-column {
    margin-left: 335px;
}

#socialModal .right-column img {
    max-width: 100%;
}

#socialModal .close-modal:before,
#socialModal .close-modal:after {
    display: none;
}

#socialModal .close-modal {
    width: 15px;
    height: 15px;
    top: 15px;
    z-index: 400;
    right: 15px;
}

#socialModal .close-modal img {
    display: block !important;
    opacity: 0.8;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

#socialModal .close-modal img:hover {
    opacity: 1;
}

#socialModal .modal-header {
    padding-top: 50px;
    border: none;
}

#socialModal .modal-body {
    padding: 0 40px 105px;
}

#socialModal .title {
    font-size: 24px;
    color: #000;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 30px;
    text-align: center;
}

#socialModal .text {
    font-size: 14px;
    line-height: 21px;
    color: #4F4F4F;
    text-align: center;
    margin-bottom: 50px;
}

#socialModal .footer-social {
    margin-bottom: 0;
    text-align: center;
}

#socialModal .footer-social__list {
    display: inline-block;
    vertical-align: top;
}

#socialModal .footer-social__list ul li {
    margin-right: 15px;
}

#socialModal .footer-social__list ul li:last-child {
    margin-right: 0;
}

#socialModal .clear {
    clear: both;
}

@media (max-width: 650px) {
    #socialModal .right-column {
        display: none;
    }

    #socialModal .left-column {
        width: auto;
        float: none;
    }

    #socialModal .modal-body {
        padding: 0 20px 30px;
    }

}

.sticker-block {
    font-size: 0;
}

.sticker-block:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}


.sticker-block .sticker {
    font-weight: 300;
    font-size: 13px;
    line-height: 25px;
    border: 1px solid #038057;
    border-radius: 3px;
    margin: 0 10px 10px 0;
    padding: 0 17px;
    display: inline-block;
}

.sticker-block .sticker:last-child {
    margin-right: 0;
}

.sticker-block .sticker.red {
    border-color: #CE0C36;
}

.sticker-block .sticker.yellow {
    border-color: #FCCE00;
}

.single-product-sticker .sticker-block .sticker {
    margin-bottom: 25px;
}

@media (max-width: 575px) {
    .single-product-sticker .sticker-block .sticker {
        height: 21px;
        padding: 0 6px;
        line-height: 19px;
        font-weight: 300;
        font-size: 12px;
        margin: 0 10px 10px 0;
    }
}

.inform__a .tooltip-block .icon {
    margin: 4px 0 0 3px;
    line-height: 11px;
}

.tooltip-block {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.tooltip-block:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.tooltip-block .icon {
    cursor: pointer;
    width: 12px;
    display: inline-block;
    height: 12px;
    vertical-align: top;
    color: #8B8B8B;
    font-weight: 500;
    font-size: 8px;
    line-height: 11px;
    border: 1px solid #8B8B8B;
    border-radius: 50%;
    text-align: center;
    margin: 2px 0 0 0;
}

.tooltip-block .tooltip-text {
    margin: 0px 0 0 0;
    transition-delay: 200ms;
    opacity: 0;
    visibility: hidden;
    z-index: 50;
    background: #FFFFFF;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.25);
    width: 240px;
    position: absolute;
    top: -80px;
    left: -220px;
    padding: 10px 15px;
    font-size: 12px;
    line-height: 140%;
    color: #333333;
}

.tooltip-block .tooltip-text a {
    text-decoration: none !important;
    border-bottom: 1px solid #038057 !important;
    color: #038057 !important;
}

.tooltip-block .tooltip-text a:hover {
    border-color: transparent !important;
}

@media (max-width: 575px) {

    .main-info-item {
        margin-bottom: 15px;
    }

    .main-info-item__title,
    .main-info-item__desc {
        font-size: 15px;
        line-height: 20px;
    }

    .inform__a__title {
        font-weight: 500;
        font-size: 20px;
        line-height: 23px;
        margin-bottom: 10px;
    }

    .main-info-wrap {
        display: flex;
        flex-direction: column;
    }

    .main-info-wrap .inform__a-wrap {
        order: 1;
    }

    .main-info-wrap .main-info {
        order: 2;
    }

    .product-order-block__price {
        margin-bottom: 30px;
    }

    .product-inform .counter .counterBut {
        height: 33px;
    }

    .product-inform .counter .field.fieldCount {
        height: 33px;
    }

    .product-order-cart__btn {
        font-size: 14px;
        height: 32px;
        line-height: 32px;
        display: inline-block;
        width: auto;
        -webkit-background-size: 18px 17px;
        background-size: 18px 17px;
        background-position: 9px center;
        padding: 0 15px 0 40px;
    }

    .product-order-block.sale .product-order-block__order {
        margin-top: 0;
    }

    .row.mob-margin-10>div {
        padding-left: 10px;
        padding-right: 10px;
    }

    .row.mob-margin-10>div:first-child {
        padding-left: 15px;
    }

    .row.mob-margin-10>div:last-child {
        padding-right: 15px;
    }
}

/*start product-item-line*/
.product-item-line {
    padding: 17px 15px !important;
    border: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    height: auto;
}

.product-item-line:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}

.product-item-line .line-image-block {
    float: left;
    height: 165px;
    max-width: 165px;
    width: 165px;
    padding-right: 0;
    padding-left: 0;
}

.product-item-line .line-image-block .product-item-image-wrapper {
    padding: 0;
    height: 100%;
}

.product-item-line .product-item-right {
    margin-left: 195px;
}

.product-item-line .sticker-block {
    position: relative;
    overflow: hidden;
    padding: 0 0 0 0;
    height: 22px;
    margin: 0 0 12px 0;
}

.product-item-line .right-side-table {
    width: 100%;
    display: table;
    height: 100%;
}

.product-item-line .sale-product-descr {
    display: table-cell;
    height: 100%;
    padding: 0 15px 0 0;
    vertical-align: top;
}

.product-item-line .sale-product-order {
    width: 260px;
    display: table-cell;
    vertical-align: top;
    padding-top: 23px;
}

.product-item-line .sale-product-order:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}

.product-item-line .line-price-block {
    display: flex;
    height: 50px;
    margin-right: 5px;
    padding-top: 3px;
    margin-bottom: 18px;
    float: left;
    align-items: flex-end;
    padding-bottom: 3px;
}

.product-item-line .line-price-block .product-item-price-container {
    position: relative;
    margin: 0 0;
}

.product-item-line .product-item-price-current {
    font-family: 'Roboto', sans-serif;
    font-size: 22px !important;
    line-height: 22px;
    font-weight: bold;
    font-style: normal;
    white-space: nowrap;
    color: #2e2e2e;
    display: block;
}

.product-item-line .line-cart-block {
    height: 64px;
    float: right;
}


.product-item-line .product-item-right .btn-default {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: normal;
    position: relative;
    display: block;
    line-height: 45px;
    width: 165px;
    height: 45px;
    margin-bottom: 0;
    padding: 0 10px 0 60px !important;
    color: #fff;
    border-radius: 4px;
    background-color: #038057;
    order: 1;
    text-align: left;
    font-size: 16px !important;
}

.product-item-line .product-item-right .btn-default:after {
    position: absolute;
    left: 24px;
    top: 9px;
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(/local/templates/apteka/assets/img/design/ico/shopping-cart.svg);
    background-size: cover;
}

.product-item-line .stock {
    display: inline-block;
    vertical-align: top;
    color: #8B8B8B;
    font-size: 12px;
    line-height: 12px;
}

.product-item-line .product-item-title {
    min-height: inherit;
    max-height: 47px;
}

.product-item-line .product-item-title a {
    height: auto;
}

.product-item-line .bx_big.bx_bt_button.h2o_add_favor {
    top: 0;
    right: 0;
}

.product-item-line .api-element-rating {
    height: 17px;
    margin-bottom: 15px;
}

.product-item-line .api-element-rating .api-stars-empty {
    margin-top: 0;
}

@media (max-width: 1199px) {
    .product-item-line .sticker-block {
        margin: 0 0 10px 0;
    }

    .product-item-line .product-item-right .btn-default {}

    .product-item-line .product-item-right .btn-default:after {
        left: 15px;
    }
}

@media (max-width: 767px) {
    .product-item-line .right-side-table {
        display: block;
        height: auto;
    }

    .product-item-line .sale-product-descr {
        display: block;
        height: auto;
        padding: 0;
    }

    .product-item-line .sale-product-order {
        display: block;
        height: auto;
        padding: 0;
        width: auto;
    }

    .product-item-line .product-item-right .p_props {
        float: none !important;
        padding-right: 0;
    }

    .product-item-line .product-item-right .btn-default {
        height: 32px;
        line-height: 32px;
        width: 116px;
        padding: 0 0 0 38px !important;
        font-size: 14px !important;
    }

    .product-item-line .product-item-right .btn-default:after {
        left: 11px;
        top: 7px;
        width: 18px;
        height: 17px;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }
}

@media (max-width: 575px) {
    .product-item-line .product-item-title {
        max-height: inherit;
    }

    .product-item-line-card .sticker-block .sticker {
        line-height: 19px;
        margin: 0 5px 10px 0;
        padding: 0 3px;
        font-size: 11px;
    }

    .product-item-line .line-image-block {
        width: 120px;
    }

    .product-item-line .product-item-right {
        margin-left: 140px;
    }

    .product-item-line .product-item-price-current {
        font-size: 20px !important;
    }

    .product-item-line .line-price-block {
        align-items: flex-start;
        margin-bottom: 0;
    }

    .product-item-line .sale-product-order__discount {
        margin-bottom: 0;
    }

    .product-item-line .line-cart-block {
        height: auto;
        font-size: 0;
    }
}

@media (max-width: 365px) {
    .product-item-line .line-image-block {
        width: 100px;
    }

    .product-item-line .product-item-right {
        margin-left: 110px;
    }
}

/*end product-item-line*/
.mobile_info {
    padding: 0;
}

@media (max-width: 575px) {
    .mobile_info {
        margin: 0;
    }

    .navigation-block a,
    .navigation-block span {
        vertical-align: middle;
        display: inline-block;
        margin: 0 5px;
        transition: .3s;
    }

}

.single-product .product-order-block .price,
.single-product .mobile_info .price {
    padding: 0px;
}

.single-product .product-order-block .price label,
.single-product .mobile_info .price label {
    width: 100%;
    cursor: pointer;
}

@media (max-width: 992px) {
    .subscribe {
        background: #038157;
        padding: 14px 0 13px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
        margin-bottom: 52px;
    }
}

.sl {
    cursor: pointer;
}
