/* Start:/local/templates/main_copy/components/bitrix/catalog/.default/style.css?16359591221122*/
.grid{}
.grid .bx_content_section{
	margin-bottom: 15px;
}
.grid .bx_sidebar{
	margin-bottom: 15px;
}

/* grid2x1 */
.grid2x1{}
.grid2x1 .bx_content_section{
	float: left;
	width: 66%;
	margin-bottom: 15px;
}
.grid2x1 .bx_sidebar{
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
@media (max-width:960px){
	.grid2x1 .bx_sidebar{
		padding-left: 4%;
	}
}
@media (max-width:640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar{
		width: 100%;
		float: none;
	}
	.grid2x1 .bx_sidebar{
		padding-left: 3%;
	}
}
@media (max-width:479px){
	.grid2x1 .bx_sidebar{
		padding-left: 1%;
	}

}

.catalog-block-header{
	font-size:14px;
	font-weight: bold;
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}

body.bx-theme-blue .catalog-block-header{border-color:#006cc0;}
body.bx-theme-green .catalog-block-header{border-color:#63aa28;}
body.bx-theme-red .catalog-block-header{border-color:#da3737;}
body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;}

/* End */


/* Start:/local/include/css/card.min.css?174765670586709*/
@charset "UTF-8";
.card-page__delivery ul:not(.multiselect-container), .card-page__guarantee ul:not(.multiselect-container) {
    padding: 0;
    list-style: none
}

.card-page__delivery ul:not(.multiselect-container) > li, .card-page__guarantee ul:not(.multiselect-container) > li {
    padding-left: 15px
}

.card-page__delivery ul:not(.multiselect-container) > li:before, .card-page__guarantee ul:not(.multiselect-container) > li:before {
    font-size: 22px;
    line-height: 12px;
    position: relative;
    top: 4px;
    display: inline-block;
    width: 15px;
    margin-left: -15px;
    content: "•";
    color: #27aae1
}

.card-page__delivery ul:not(.multiselect-container) > li > span, .card-page__guarantee ul:not(.multiselect-container) > li > span {
    font-weight: 700;
    color: #2e3039
}

.card-page__delivery table, .card-page__guarantee table {
    font-size: 14px;
    border-spacing: 0;
    border-collapse: separate
}

@media only screen and (max-width: 1439px) {
    .card-page__delivery table, .card-page__guarantee table {
        width: 100%
    }
}

@media only screen and (max-width: 1137px) {
    .card-page__delivery table, .card-page__guarantee table {
        font-size: 1.125rem
    }
}

.card-page__delivery table thead td, .card-page__guarantee table thead td {
    font-weight: 700;
    line-height: 16px;
    padding: 0 15px;
    text-align: left;
    color: #fff;
    border-top: 1px solid #27aae1;
    background: #27aae1
}

.card-page__delivery table thead tr:first-child td:first-child, .card-page__guarantee table thead tr:first-child td:first-child {
    padding: 13px 15px 13px 28px;
    border-color: #27aae1;
    border-top-left-radius: 3px
}

.card-page__delivery table thead tr:first-child td:last-child, .card-page__guarantee table thead tr:first-child td:last-child {
    border-color: #27aae1;
    border-top-right-radius: 3px
}

.card-page__delivery table tbody tr > td, .card-page__guarantee table tbody tr > td {
    padding: 0 15px;
    border-bottom: 1px solid #ccc
}

.card-page__delivery table tbody tr > td:first-child, .card-page__guarantee table tbody tr > td:first-child {
    padding: 12px 15px 12px 28px
}

.card-page__delivery table tbody tr > td:last-child, .card-page__guarantee table tbody tr > td:last-child {
    border-right: 1px solid #ccc
}

.card-page__delivery table tbody td.bold, .card-page__guarantee table tbody td.bold {
    font-weight: 700
}

.card-page__delivery table tbody tr:last-child td:first-child, .card-page__guarantee table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 3px
}

.card-page__delivery table tbody tr:last-child td:last-child, .card-page__guarantee table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 3px
}

.card-page__delivery table tr td:first-child, .card-page__delivery table tr th:first-child, .card-page__guarantee table tr td:first-child, .card-page__guarantee table tr th:first-child {
    border-left: 1px solid #ccc
}

.card-page__delivery, .card-page__guarantee {
    font-size: .8125rem;
    color: #697180
}

@media only screen and (max-width: 1137px) {
    .card-page__delivery, .card-page__guarantee {
        font-size: 1.25rem
    }
}

.card-page__delivery h2, .card-page__delivery h3, .card-page__delivery h4, .card-page__delivery h5, .card-page__guarantee h2, .card-page__guarantee h3, .card-page__guarantee h4, .card-page__guarantee h5 {
    font-family: Comfortaa, -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    margin-bottom: 26px;
    color: #2e3039
}

.card-page__delivery h2.blue, .card-page__delivery h3.blue, .card-page__delivery h4.blue, .card-page__delivery h5.blue, .card-page__guarantee h2.blue, .card-page__guarantee h3.blue, .card-page__guarantee h4.blue, .card-page__guarantee h5.blue {
    color: #27aae1
}

.card-page__delivery h2.blue-dark, .card-page__delivery h3.blue-dark, .card-page__delivery h4.blue-dark, .card-page__delivery h5.blue-dark, .card-page__guarantee h2.blue-dark, .card-page__guarantee h3.blue-dark, .card-page__guarantee h4.blue-dark, .card-page__guarantee h5.blue-dark {
    color: #1b75bc
}

.card-page__delivery h2.indigo, .card-page__delivery h3.indigo, .card-page__delivery h4.indigo, .card-page__delivery h5.indigo, .card-page__guarantee h2.indigo, .card-page__guarantee h3.indigo, .card-page__guarantee h4.indigo, .card-page__guarantee h5.indigo {
    color: #6610f2
}

.card-page__delivery h2.purple, .card-page__delivery h3.purple, .card-page__delivery h4.purple, .card-page__delivery h5.purple, .card-page__guarantee h2.purple, .card-page__guarantee h3.purple, .card-page__guarantee h4.purple, .card-page__guarantee h5.purple {
    color: #613d7c
}

.card-page__delivery h2.pink, .card-page__delivery h3.pink, .card-page__delivery h4.pink, .card-page__delivery h5.pink, .card-page__guarantee h2.pink, .card-page__guarantee h3.pink, .card-page__guarantee h4.pink, .card-page__guarantee h5.pink {
    color: #fb90a9
}

.card-page__delivery h2.red, .card-page__delivery h3.red, .card-page__delivery h4.red, .card-page__delivery h5.red, .card-page__guarantee h2.red, .card-page__guarantee h3.red, .card-page__guarantee h4.red, .card-page__guarantee h5.red {
    color: #ff4022
}

.card-page__delivery h2.orange, .card-page__delivery h3.orange, .card-page__delivery h4.orange, .card-page__delivery h5.orange, .card-page__guarantee h2.orange, .card-page__guarantee h3.orange, .card-page__guarantee h4.orange, .card-page__guarantee h5.orange {
    color: #ff4c22
}

.card-page__delivery h2.yellow, .card-page__delivery h3.yellow, .card-page__delivery h4.yellow, .card-page__delivery h5.yellow, .card-page__guarantee h2.yellow, .card-page__guarantee h3.yellow, .card-page__guarantee h4.yellow, .card-page__guarantee h5.yellow {
    color: #ffc122
}

.card-page__delivery h2.green, .card-page__delivery h3.green, .card-page__delivery h4.green, .card-page__delivery h5.green, .card-page__guarantee h2.green, .card-page__guarantee h3.green, .card-page__guarantee h4.green, .card-page__guarantee h5.green {
    color: #99c21d
}

.card-page__delivery h2.teal, .card-page__delivery h3.teal, .card-page__delivery h4.teal, .card-page__delivery h5.teal, .card-page__guarantee h2.teal, .card-page__guarantee h3.teal, .card-page__guarantee h4.teal, .card-page__guarantee h5.teal {
    color: #5bc0de
}

.card-page__delivery h2.cyan, .card-page__delivery h3.cyan, .card-page__delivery h4.cyan, .card-page__delivery h5.cyan, .card-page__guarantee h2.cyan, .card-page__guarantee h3.cyan, .card-page__guarantee h4.cyan, .card-page__guarantee h5.cyan {
    color: #17a2b8
}

.card-page__delivery h2.white, .card-page__delivery h3.white, .card-page__delivery h4.white, .card-page__delivery h5.white, .card-page__guarantee h2.white, .card-page__guarantee h3.white, .card-page__guarantee h4.white, .card-page__guarantee h5.white {
    color: #fff
}

.card-page__delivery h2.gray, .card-page__delivery h3.gray, .card-page__delivery h4.gray, .card-page__delivery h5.gray, .card-page__guarantee h2.gray, .card-page__guarantee h3.gray, .card-page__guarantee h4.gray, .card-page__guarantee h5.gray {
    color: #868e96
}

.card-page__delivery h2.gray-dark, .card-page__delivery h3.gray-dark, .card-page__delivery h4.gray-dark, .card-page__delivery h5.gray-dark, .card-page__guarantee h2.gray-dark, .card-page__guarantee h3.gray-dark, .card-page__guarantee h4.gray-dark, .card-page__guarantee h5.gray-dark {
    color: #343a40
}

.card-page__delivery h2.violet, .card-page__delivery h3.violet, .card-page__delivery h4.violet, .card-page__delivery h5.violet, .card-page__guarantee h2.violet, .card-page__guarantee h3.violet, .card-page__guarantee h4.violet, .card-page__guarantee h5.violet {
    color: #c224e3
}

.card-page__delivery h2.wisteria, .card-page__delivery h3.wisteria, .card-page__delivery h4.wisteria, .card-page__delivery h5.wisteria, .card-page__guarantee h2.wisteria, .card-page__guarantee h3.wisteria, .card-page__guarantee h4.wisteria, .card-page__guarantee h5.wisteria {
    color: #a178b9
}

.card-page__delivery h2.rose, .card-page__delivery h3.rose, .card-page__delivery h4.rose, .card-page__delivery h5.rose, .card-page__guarantee h2.rose, .card-page__guarantee h3.rose, .card-page__guarantee h4.rose, .card-page__guarantee h5.rose {
    color: #ef2095
}

.card-page__delivery h2, .card-page__guarantee h2 {
    font-size: 1.5rem
}

@media only screen and (max-width: 1137px) {
    .card-page__delivery h2, .card-page__guarantee h2 {
        font-size: 1.75rem
    }
}

.card-page__delivery h3, .card-page__guarantee h3 {
    font-size: 1.125rem
}

.card-page__delivery h3.big, .card-page__guarantee h3.big {
    font-size: 20px
}

@media only screen and (max-width: 1137px) {
    .card-page__delivery h3, .card-page__guarantee h3 {
        font-size: 1.5rem
    }
}

.card-page__delivery h4, .card-page__guarantee h4 {
    font-size: 16px
}

.card-page__delivery h5, .card-page__guarantee h5 {
    font-size: 14px
}

.card-page__delivery a:not(.btn), .card-page__guarantee a:not(.btn) {
    border-bottom: 1px solid #93d4f0
}

@media only screen and (max-width: 575px) {
    .card-page__delivery iframe, .card-page__delivery video, .card-page__guarantee iframe, .card-page__guarantee video {
        max-width: 100%
    }
}

@media only screen and (max-width: 575px) {
    .card-page__delivery .table-container-outer, .card-page__guarantee .table-container-outer {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media only screen and (max-width: 575px) {
    .card-page__delivery .table-container-outer .table-container > table, .card-page__guarantee .table-container-outer .table-container > table {
        margin: 0 15px
    }
}

.availability__row__content .shop__title {
    font-family: Comfortaa, -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.22;
    transition: all .3s ease-in-out;
    color: #2e3039
}

.availability__row__content .shop__info {
    font-size: .8125rem;
    line-height: 1.69;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
    color: #697180;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

@media only screen and (max-width: 1137px) {
    .availability__row__content .shop__info {
        font-size: 1.125rem;
        line-height: 1.4rem
    }
}

@media only screen and (min-width: 321px) and (max-width: 575px) {
    .availability__row__content .shop__info {
        font-size: .75rem;
        line-height: 1rem
    }
}

.availability__row__content .shop__info span.label {
    padding-right: 4px;
    color: #929eb3
}

.availability__row__content .shop__info > .scroll-wrapper {
    position: relative;
    height: 100%;
    margin-bottom: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.availability__row__content .shop__info > hr {
    width: calc(100% + 40px);
    margin-left: -20px
}

.availability__row__content .shop__metro {
    line-height: 13px;
    margin: 10px 0;
    padding: 0 20px
}

@media only screen and (max-width: 1137px) {
    .availability__row__content .shop__metro {
        line-height: 1.125rem
    }
}

@media only screen and (max-width: 575px) {
    .availability__row__content .shop__metro {
        padding: 0 10px
    }
}

.availability__row__content .shop__delivery {
    padding: 0 20px
}

.availability__row .btn:not(.dropdown-toggle), .card-page__about__rating .btn, .card-page__form .btn:not(.dropdown-toggle), .order__delivery__shop-map .map .switcher__shop .shop__delivery .btn, .order__list .btn, .random-product__form .btn {
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase
}

.card-page__delivery .delivery__map, .payment-radio__photo, .random-product__image, .watch-history__image {
    outline: inherit
}

.card-page__delivery .delivery__map > img, .payment-radio__photo > img, .random-product__image > img, .watch-history__image > img {
    max-width: 100%;
    max-height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.random-product__photo, .watch-history__photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 40%;
    padding-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.random-product__content, .watch-history__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 6px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.random-product__content .mt-auto, .watch-history__content .mt-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.random-product__title, .watch-history__title {
    font-size: .8125rem;
    line-height: 15px;
    color: #2e3039
}

@media only screen and (min-width: 1138px) {
    .random-product__title:hover, .watch-history__title:hover {
        text-decoration: underline;
        color: #27aae1
    }
}

.delivery-radio, .payment-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    width: 100%;
    height: 115px;
    padding: 15px;
    transition: all .2s ease;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

@media only screen and (max-width: 1137px) {
    .delivery-radio, .payment-radio {
        border: 0
    }
}

@media only screen and (min-width: 1138px) {
    .delivery-radio:hover, .payment-radio:hover {
        border-color: #27aae1
    }

    .delivery-radio:hover .payment__title, .payment-radio:hover .payment__title {
        color: #27aae1
    }
}

.info-block-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.info-block-bottom__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 40px 20px 70px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.info-block-bottom__item:first-child {
    padding-left: 10px
}

.info-block-bottom__item:last-child {
    padding-right: 10px
}

@media only screen and (min-width: 1440px) {
    .info-block-bottom__item:not(:last-child) {
        border-right: 1px solid #ccc
    }
}

@media only screen and (max-width: 1439px) {
    .info-block-bottom__item {
        height: inherit;
        padding: 25px 10px
    }

    .info-block-bottom__item:not(:last-child):after {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 100vw;
        height: 1px;
        content: "";
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background: #ccc
    }
}

.info-block-bottom__item > .d-flex {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.info-block-bottom__item .nopad {
    padding-right: 0;
    padding-left: 0
}

.info-block-bottom__title {
   /* font-family: Comfortaa, -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;*/
    font-size: 1.875rem
}

.info-block-bottom__desc {
    font-size: .8125rem;
    max-width: 80%;
    color: #697180
}

@media only screen and (max-width: 1137px) {
    .info-block-bottom__desc {
        font-size: 1rem;
        color: #8893a6
    }
}

@media only screen and (max-width: 575px) {
    .info-block-bottom__desc {
        max-width: 100%;
        margin-bottom: 15px
    }
}

.info-block-bottom__phones {
    font-size: 20px;
    margin-top: 3px;
    color: #2e3039
}

.info-block-bottom__phones > a {
    color: #2e3039
}

.info-block-bottom__phones > a:hover {
    border-bottom: 1px dashed #697180
}

@media only screen and (max-width: 575px) {
    .info-block-bottom__phones {
        margin-bottom: 15px
    }
}

.info-block-bottom__footer .form-inline {
    max-width: 430px
}

@media only screen and (max-width: 1439px) {
    .info-block-bottom__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .info-block-bottom__footer a.btn {
        width: 250px;
        padding: .6rem .4rem
    }
}

@media only screen and (max-width: 1137px) {
    .info-block-bottom__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .info-block-bottom__footer a.btn {
        padding: .8rem .4rem
    }
}

@media only screen and (max-width: 575px) {
    .info-block-bottom__footer {
        padding: 0
    }

    .info-block-bottom__footer a.btn {
        width: 100%
    }
}

.info-block-bottom .mt-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.info-block-bottom .btn {
    font-size: .75rem;
    font-weight: 700;
    padding: .6rem 2rem;
    text-transform: uppercase
}

@media only screen and (max-width: 575px) {
    .info-block-bottom .btn {
        padding: .6rem 1rem
    }
}

.watch-history__list {
    padding: 10px 0 0
}

@media only screen and (min-width: 1138px) and (max-width: 1439px) {
    .watch-history__list .col-l-4 {
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

.watch-history__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    flex-direction: row;
    height: 110px;
    padding: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row
}

@media only screen and (max-width: 767px) {
    .watch-history__item {
        margin-bottom: 20px
    }
}

.watch-history__title {
    padding-bottom: 10px
}

.watch-history__price .price, .watch-history__price .price--sale {
    font-size: 1rem;
    font-weight: 700
}

.watch-history__price .price--old {
    font-size: .9375rem;
    font-weight: 400
}

.random-product {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(159, 173, 185, .5);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.random-product__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 14px;
    border-bottom: 1px solid #ccc
}

.random-product__head .price {
    font-size: .75rem
}

.random-product__head .price--sale {
    font-size: 16px;
    font-weight: 700;
    color: #2e3039
}

.random-product__content {
    min-height: 70px;
    padding: 0 !important
}

.random-product__form {
    padding: 20px
}

.random-product__form .form-group {
    margin-bottom: 15px
}

.random-product__form .form-group > label > span {
    font-weight: 700;
    color: #2e3039
}

.random-product__form .custom-radio--button {
    margin-bottom: 10px
}

.random-product__form .btn {
    width: 100%
}

.random-product__form .btn:not(:last-child) {
    margin-bottom: 10px
}

.random-product--side-block {
    margin-bottom: 20px
}

.card-page__article {
    color: #929eb2
}

.card-page__form-wrapper > h4 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: #2e3039
}

@media only screen and (max-width: 575px) {
    .card-page__form-wrapper > h4 {
        font-size: 1.25rem
    }
}

.card-page__form .form-group > label:first-child {
    color: #697180
}

@media only screen and (max-width: 1137px) {
    .card-page__form .form-group > label:first-child {
        margin-right: 0
    }
}

.card-page__form .form-group > label:first-child > span {
    font-weight: 700;
    color: #2e3039
}

@media only screen and (max-width: 1137px) {
    .card-page__form .form-group > label {
        width: 130px;
        padding-right: 10px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media only screen and (max-width: 767px) {
    .card-page__form .form-group > label {
        font-size: .875rem;
        width: 100%;
        padding-right: 0
    }
}

@media only screen and (max-width: 575px) {
    .card-page__form .form-group--radio-list .radio-list {
        margin-right: -6px;
        margin-left: -6px
    }

    .card-page__form .form-group--radio-list .radio-list > div {
        width: 100%;
        max-width: 25%;
        margin-bottom: 6px;
        padding: 0 3px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

@media only screen and (max-width: 575px) {
    .card-page__form .form-group--radio-list .radio-list .custom-radio--button {
        width: 100%;
        margin: 0;
        padding: 0
    }
}

@media only screen and (max-width: 767px) {
    .card-page__form .form-group--radio-list .radio-list .custom-control-description {
        overflow: hidden;
        width: 100%;
        padding-top: .6rem;
        padding-bottom: .6rem;
        text-align: center;
        white-space: nowrap
    }
}

@media only screen and (max-width: 575px) {
    .card-page__form .form-group--radio-list .radio-list .custom-control-description {
        font-size: 1rem;
        padding-top: .5rem
    }
}

@media only screen and (max-width: 320px) {
    .card-page__form .form-group--radio-list .radio-list .custom-control-description {
        font-size: .875rem;
        padding: .5rem .7rem;
        text-align: left
    }
}

.card-page__form .btn:not(.dropdown-toggle):not(:last-child) {
    margin-right: 10px
}

@media only screen and (max-width: 1137px) {
    .card-page__form .btn:not(.dropdown-toggle) {
        font-size: 1.125rem;
        font-weight: 400;
        width: 100%
    }

    .card-page__form .btn:not(.dropdown-toggle):not(:last-child) {
        margin-bottom: 20px
    }
}

.card-page__form .card__price-block {
    margin-bottom: 15px
}

.card-page__form .card__price-block .price:not(.price--old) {
    font-size: 1.875rem
}

@media only screen and (max-width: 1137px) {
    .card-page__form .card__price-block .price:not(.price--old) {
        font-weight: 400
    }
}

.card-page__form .card__price-block .price--old {
    font-size: 20px
}

.card-page__form .card__price-block .price--sale {
    color: #2e3039
}

.card-page__content {
    font-size: .8125rem;
    color: #697180
}

@media only screen and (max-width: 1137px) {
    .card-page__content {
        font-size: 1.125rem;
        line-height: 1.25rem
    }
}

.card-page__content .divider {
    margin-bottom: 30px;
    border-color: #ccc
}

@media only screen and (min-width: 576px) and (max-width: 1137px) {
    .card-page__content .link--withIcon {
        color: #697180
    }

    .card-page__content .link--withIcon .icon-ruler:before {
        color: inherit
    }
}

.card-page__content .link-block:not(:last-child) {
    margin-bottom: 20px
}

.card-page__content .dropdown {
    display: inline-block;
    min-width: 200px;
    margin-left: 10px
}

.card-page__content .dropdown .dropdown-toggle {
    min-width: 200px
}

@media only screen and (max-width: 1137px) {
    .card-page__content .dropdown {
        width: 100%
    }

    .card-page__content .dropdown .dropdown-toggle {
        width: 100%
    }
}

@media only screen and (max-width: 1137px) {
    .card-page__content .deliveryLabel {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.card-page__content--mobile-blocks > .card {
    padding: 10px
}

@media only screen and (max-width: 767px) {
    .card-page__content--mobile-blocks > .card .link-block {
        padding: 20px 0
    }

    .card-page__content--mobile-blocks > .card .link-block:hover {
        border-bottom: 0 !important
    }
}

@media only screen and (max-width: 575px) {
    .card-page__content--mobile-blocks > .card .link-block {
        font-size: .875rem;
        line-height: 1rem
    }
}

@media only screen and (max-width: 575px) {
    .card-page__content--mobile-blocks > .card .link-block__info {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media only screen and (max-width: 575px) {
    .card-page__content--mobile-blocks > .card .link-block__text {
        max-width: 120px;
        padding-left: 10px
    }
}

@media only screen and (max-width: 767px) {
    .card-page__content--mobile-blocks > .card .link-block:not(:last-child):not(.link-block--bordered) {
        border-bottom: 1px solid #ccc
    }
}

@media only screen and (max-width: 575px) {
    .card-page__content--mobile-blocks > .card .link-block:not(.link-block--bordered) {
        padding: 6px 0
    }
}

.card-page__content--mobile-blocks > .card .link-block--bordered {
    padding: 0;
    border: 0
}

.card-page__content--mobile-blocks > .card:not(:last-child) {
    margin-bottom: 20px
}

.card-page__content--mobile-blocks > .card:last-child {
    margin-bottom: 40px
}

.card-page__content--mobile-blocks .deliveryLabel {
    font-family: Comfortaa, -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.card-page__content--mobile-blocks .dropdown {
    width: 100%;
    margin-bottom: 15px
}

.card-page__content--mobile-blocks .dropdown .dropdown-toggle {
    width: 100%
}

.card-page__mobile-card {
    position: relative;
    margin-bottom: 20px
}

.card-page__mobile-card__head {
    font-size: 1rem;
    height: 80px;
    padding: 15px
}

@media only screen and (max-width: 575px) {
    .card-page__mobile-card__head {
        font-size: .875rem
    }
}

.card-page__mobile-card__head .badge {
    margin-bottom: 3px
}

.card-page__mobile-card__price {
    padding: 0 15px
}

.card-page__mobile-card__price > .d-flex > div:first-child {
    width: auto
}

.card-page__mobile-card__price .card-page__actions {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.card-page__mobile-card__gallery {
    margin-bottom: 20px
}

.card-page__mobile-card__badges {
    position: absolute;
    z-index: 10;
    right: 15px;
    left: 15px
}

.card-page__mobile-gallery {
    overflow: hidden;
    height: 220px
}

.card-page__mobile-gallery.slick-initialized {
    overflow: visible
}

.card-page__mobile-gallery .card-page__gallery__photo {
    height: 220px
}

.card-page__mobile-gallery .card-page__gallery__photo img {
    width: auto;
    max-height: 220px
}

.card-page__tablet-gallery {
    position: relative
}

.card-page__tablet-gallery__preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 300px;
    margin-bottom: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card-page__tablet-gallery__preview img {
    max-width: 100%;
    max-height: 300px
}

.card-page__tablet-gallery__preview > .zoomWrapper {
    width: 100%
}

.card-page__tablet-gallery__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.card-page__tablet-gallery__list > a:not(.link) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80px;
    height: 80px;
    margin-right: 9px;
    margin-bottom: 20px;
    margin-left: 9px;
    padding: 5px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card-page__tablet-gallery__list > a:not(.link) img {
    max-width: 100%;
    max-height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.card-page__tablet-gallery__list > a:not(.link).active, .card-page__tablet-gallery__list > a:not(.link):active {
    border-color: #27aae1
}

.card-page__tablet-gallery__list > .link {
    width: 80px;
    height: 80px;
    margin-right: 9px;
    margin-bottom: 20px;
    margin-left: 9px
}

.card-page__tablet-gallery__badges {
    position: absolute;
    z-index: 10;
    width: 100%
}

.card-page__gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    flex-direction: row;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row
}

@media only screen and (max-width: 1439px) {
    .card-page__gallery {
        flex-direction: column-reverse;
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.card-page__gallery__nav {
    position: relative;
    width: 120px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (min-width: 1138px) and (max-width: 1439px) {
    .card-page__gallery__nav {
        width: 100%;
        height: 80px;
        justify-content: center;
    }
}

.card-page__gallery__nav .slick-slide {
    border: none;
}

.card-page__gallery__nav .slick-slide:focus {
    outline: 0;
    box-shadow: none
}

.card-page__gallery__nav .slick-slide.slick-current .card-page__gallery__item {
    border-color: #27aae1
}

.card-page__gallery__nav .slider-nav {
    overflow: hidden;
    max-height: 350px;
    margin-top: 30px;
    margin-bottom: 30px
}

@media only screen and (max-width: 1439px) {
    .card-page__gallery__nav .slider-nav {
        max-width: 68%;
        max-height: none;
        margin: 0 30px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.card-page__gallery__nav .slider-nav.slick-initialized {
    overflow: initial;
    max-height: 420px
}

.card-page__gallery__nav .slick-next, .card-page__gallery__nav .slick-prev {
    right: 0;
    left: 0;
    width: 80px;
    height: 30px
}

@media only screen and (max-width: 1439px) {
    .card-page__gallery__nav .slick-next, .card-page__gallery__nav .slick-prev {
        width: 30px;
        height: 80px
    }
}

.card-page__gallery__nav .slick-next .icon-chevron-down, .card-page__gallery__nav .slick-prev .icon-chevron-down {
    color: #27aae1;
    text-shadow: none
}

.card-page__gallery__nav .slick-next .icon-chevron-down:before, .card-page__gallery__nav .slick-prev .icon-chevron-down:before {
    font-size: 9px;
    line-height: 30px;
    color: #27aae1
}

.card-page__gallery__nav .slick-next.slick-disabled, .card-page__gallery__nav .slick-prev.slick-disabled {
    opacity: 1
}

.card-page__gallery__nav .slick-next.slick-disabled .icon-chevron-down:before, .card-page__gallery__nav .slick-prev.slick-disabled .icon-chevron-down:before {
    color: #7d8899
}

.card-page__gallery__nav .slick-prev {
    top: -30px;
    -webkit-transform: none;
    transform: none
}

.card-page__gallery__nav .slick-prev .icon-chevron-down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (max-width: 1439px) {
    .card-page__gallery__nav .slick-prev {
        top: 0;
        left: -30px
    }

    .card-page__gallery__nav .slick-prev .icon-chevron-down {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.card-page__gallery__nav .slick-next {
    top: auto;
    bottom: -20px;
    -webkit-transform: none;
    transform: none
}

@media only screen and (max-width: 1439px) {
    .card-page__gallery__nav .slick-next {
        right: -30px;
        bottom: 0;
        left: auto
    }

    .card-page__gallery__nav .slick-next .icon-chevron-down {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

.card-page__gallery__reviews {
    width: auto
}

.card-page__gallery__reviews .link {
    width: 80px;
    height: 80px
}

.card-page__gallery__reviews .icon-tube:before {
    font-size: 33px
}

.card-page__gallery__reviews .icon-binoculars:before {
    font-size: 29px
}

.card-page__gallery__photo-wrapper {
    position: relative;
    overflow: hidden;
    margin-top: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media only screen and (max-width: 1137px) {
    .card-page__gallery__photo-wrapper {
        margin-top: 0
    }
}

.card-page__gallery__photo-wrapper .slider-for {
    overflow: hidden;
    max-width: 900px;
    max-height: 600px
}

@media only screen and (max-width: 1439px) {
    .card-page__gallery__photo-wrapper .slider-for {
        max-width: 100%;
        max-height: 320px
    }
}

.card-page__gallery__photo-wrapper .slick-slide {
    outline: 0
}

.card-page__gallery__photo-wrapper .help {
    font-size: .75rem;
    position: relative;
    top: 30px;
    text-align: center;
    color: #929eb2
}

@media only screen and (max-width: 1439px) {
    .card-page__gallery__photo-wrapper .help {
        top: 0;
        margin: 20px 0 30px
    }
}

.card-page__gallery__photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    /*max-height: 600px;*/
    height: 600px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card-page__gallery__photo img {
    max-width: 100%;
    max-height: 100%
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) {
    .card-page__gallery__photo img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media only screen and (max-width: 1439px) {
    .card-page__gallery__photo {
        height: 320px
    }
}

.card-page__gallery__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 1439px) {
    .card-page__gallery__item {
        margin: 0 5px
    }
}

.card-page__gallery__item img {
    max-width: 100%;
    max-height: 100%
}

.card-page__gallery__item:active {
    border-color: #27aae1
}

.card-page__rating {
    font-size: .8125rem;
    line-height: 13px;
    /*position: absolute;*/
    position: static;
    z-index: 100;
    top: 0;
    width: 100%;
    background: #fff;
    padding-bottom: 10px;
}

.card-page__rating .star-rating {
    position: relative;
    top: 3px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card-page__rating--inline {
    position: relative;
    width: auto
}

@media only screen and (min-width: 992px) and (max-width: 1137px) {
    .card-page__rating--inline {
        margin-left: 20px
    }
}

@media only screen and (max-width: 991px) {
    .card-page__rating--inline {
        margin-bottom: 20px;
        padding: 0 15px
    }
}

.card-page__rating__badges {
    padding-right: 10px
}

.card-page__rating a[data-toggle=gotab] {
    text-decoration: underline
}

.card-page__tabs {
    height: 55px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(186, 202, 210, .2), 0 13px 18px 0 rgba(186, 202, 210, .18)
}

.card-page__tabs > .container, .card-page__tabs > .container > .row {
    height: 55px
}

.card-page__tabs .nav-tabs {
    height: 55px;
    border: none
}

.card-page__tabs .nav-tabs .nav-link {
    font-size: 14px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 55px;
    padding: 0 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #697180;
    border: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card-page__tabs .nav-tabs .nav-link > span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.card-page__tabs .nav-tabs .nav-link > span:not(.text) {
    padding-left: 4px;
    color: #27aae1
}

.card-page__tabs .nav-tabs .nav-link:focus, .card-page__tabs .nav-tabs .nav-link:hover {
    color: #27aae1
}

.card-page__tabs .nav-tabs .nav-link.active {
    color: #2e3039;
    background: transparent
}

.card-page__tabs .nav-tabs .nav-link.active:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    content: "";
    border-bottom: 2px solid #27aae1
}

.card-page__tabs .nav-tabs .nav-link.active span.text {
    font-weight: 700
}

.card-page__tabs .nav-tabs .nav-link span.text {
    position: relative;
    display: inline-block
}

.card-page__tabs .nav-tabs .nav-link span.text:after {
    font-weight: 700;
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    content: attr(title)
}

.card-page__tab-content {
    font-size: .8125rem;
    margin-top: 54px;
    color: #697180
}

.card-page__tab-content .page__title {
    color: #2e3039
}

@media only screen and (max-width: 1137px) {
    .card-page__tab-content {
        font-size: 1.125rem;
        margin-top: 0
    }

    .card-page__tab-content .collapse-title {
        font-family: Comfortaa, -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
        font-size: 1.5rem;
        font-size: 1.875rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 78px;
        margin-bottom: 0;
        padding-right: 48px;
        cursor: pointer;
        transition: all .2s ease;
        text-transform: none;
        color: #2e3039;
        border: 0;
        border-bottom: 1px solid #9fadb9;
        outline: 0;
        background: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (max-width: 1137px) and (min-width: 1138px) {
    .card-page__tab-content .collapse-title.active, .card-page__tab-content .collapse-title:active, .card-page__tab-content .collapse-title:hover {
        color: #929eb2
    }

    .card-page__tab-content .collapse-title.active:after, .card-page__tab-content .collapse-title:active:after, .card-page__tab-content .collapse-title:hover:after {
        color: #929eb2
    }
}

@media only screen and (max-width: 1137px) {
    .card-page__tab-content .collapse-title[aria-expanded=true]:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .card-page__tab-content .collapse-title:after {
        font-family: icomoon !important;
        font-size: .75rem;
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        line-height: 78px;
        position: absolute;
        right: 20px;
        height: 78px;
        content: "\e908";
        text-transform: none;
        color: #7d8899;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .card-page__tab-content .collapse-title[aria-expanded=true] {
        border-color: transparent
    }

    .card-page__tab-content .collapse-title:after {
        top: 0
    }
}

@media only screen and (max-width: 575px) {
    .card-page__tab-content {
        font-size: .875rem
    }

    .card-page__tab-content .collapse-title {
        font-size: 1.25rem !important;
        font-weight: 700;
        height: 58px;
        padding-left: 0
    }

    .card-page__tab-content .collapse-title:after {
        line-height: 58px;
        height: 58px
    }
}

.card-page__about {
    padding: 15px 0 0
}

.card-page__about .group {
    padding: 20px
}

.card-page__about .group:first-child {
    padding-bottom: 0
}

@media only screen and (max-width: 575px) {
    .card-page__about .group:first-child {
        padding-bottom: 10px
    }
}

.card-page__about .group:not(:last-child) {
    border-bottom: 1px solid #ccc
}

@media only screen and (max-width: 575px) {
    .card-page__about .group {
        padding: 10px
    }

    .card-page__about .group > .row {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column
    }
}

.card-page__about__row-head {
    font-weight: 700;
    color: #2e3039
}

@media only screen and (max-width: 575px) {
    .card-page__about__specs .overflowed-block__input:checked ~ .overflowed-block__content {
        max-height: 1500px
    }
}

.card-page__about__spec-group header {
    font-weight: 700;
    margin-bottom: 20px
}

.card-page__about__spec-group:not(:last-child) {
    margin-bottom: 30px
}

.card-page__about__spec-group .row {
    padding: 4px 0
}

.card-page__about__spec-title {
    overflow: hidden
}

.card-page__about__spec-title:after {
    float: left;
    width: 0;
    content: ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . ";
    white-space: nowrap;
    color: #ccc
}

.card-page__about__spec-title > span {
    background: #fff
}

.card-page__about__spec-title .btn-tooltip-help {
    margin-left: 6px
}

.card-page__about .tag {
    font-weight: 400;
    margin-bottom: 0
}

@media only screen and (max-width: 1137px) {
    .card-page__about .tag {
        text-transform: none;
        border-color: #ccc
    }
}

@media only screen and (max-width: 575px) {
    .card-page__about .tag:not(:last-child) {
        margin-bottom: 10px
    }
}

.card-page__about__rating {
    height: 62px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card-page__about__rating--inline {
    height: auto;
    margin-left: 10px
}

.card-page__about__rating .star-rating {
    position: relative;
    top: 3px;
    display: inline-block;
    margin-right: 10px
}

.card-page__about__rating .btn {
    font-size: .75rem;
    padding: 0 2rem
}

.card-page__about__brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 62px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 575px) {
    .card-page__about__brand {
        display: block;
        height: auto
    }
}

.card-page__accessories {
    margin: 40px 0 20px
}

.card-page__accessories .section {
    padding: 25px 0
}

.card-page__accessories .section:not(:last-child) {
    margin-bottom: 20px
}

.card-page__accessories .cards {
    overflow: hidden;
    padding-bottom: 10px
}

@media only screen and (max-width: 1137px) {
    .card-page__accessories .cards {
        overflow-x: auto;
        overflow-y: hidden
    }
}

.card-page__accessories .cards.slick-initialized {
    overflow: initial
}

.card-page__accessories .cards .slick-list {
    overflow: hidden;
    padding-bottom: 4px
}

.card-page__reviews .overflowed-block {
    padding-bottom: 30px
}

@media only screen and (max-width: 1137px) {
    .card-page__reviews .overflowed-block {
        padding-bottom: 60px
    }
}

.card-page__reviews .overflowed-block__content {
    line-height: 1.31;
    max-height: 66px
}

@media only screen and (max-width: 1137px) {
    .card-page__reviews .overflowed-block__content {
        max-height: 100px
    }
}

.card-page__guarantee {
    padding: 40px 30px
}

@media only screen and (max-width: 575px) {
    .card-page__guarantee {
        font-size: 1rem;
        padding: 15px
    }
}

.card-page__guarantee ul li {
    margin-bottom: 10px
}

@media only screen and (max-width: 1137px) {
    .card-page__delivery {
        background: #f6f8f9;
        box-shadow: none
    }
}

@media only screen and (max-width: 575px) {
    .card-page__delivery {
        font-size: .875rem;
        background: #fff
    }
}

.card-page__delivery__city {
    padding: 20px 15px;
    border-bottom: 1px solid #dfe3e8
}

.card-page__delivery__city h4 {
    font-size: 1.25rem;
    color: #27aae1
}

.card-page__delivery__city .dropdown-toggle {
    width: 100%
}

.card-page__delivery .delivery {
    font-size: .75rem;
    line-height: 1.83;
    padding: 30px
}

@media only screen and (max-width: 575px) {
    .card-page__delivery .delivery {
        padding: 15px
    }

    .card-page__delivery .delivery > .row > .d-flex {
        margin-bottom: 20px
    }
}

.card-page__delivery .delivery__map {
    overflow: hidden;
    width: 100%;
    height: 579px
}

@media only screen and (max-width: 575px) {
    .card-page__delivery .delivery__map {
        width: auto;
        height: 320px;
        margin-right: -15px;
        margin-left: -15px
    }

    @supports ((-o-object-fit:cover) or (object-fit:cover)) and ((-o-object-position:center center) or (object-position:center center)) {
        .card-page__delivery .delivery__map > img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center center;
            object-position: center center
        }
    }
}

.card-page__delivery .delivery > .row:not(:last-child) {
    margin-bottom: 38px
}

.card-page__delivery .delivery h2, .card-page__delivery .delivery h3, .card-page__delivery .delivery h4, .card-page__delivery .delivery h5 {
    font-weight: 400;
    margin-bottom: 15px;
    color: #2e3039
}

@media only screen and (max-width: 1137px) {
    .card-page__delivery .delivery__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 210px;
        margin-right: 20px;
        padding-right: 20px;
        border-right: 1px solid #dfe3e8;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .card-page__delivery .delivery__title h3, .card-page__delivery .delivery__title h4, .card-page__delivery .delivery__title h5 {
        font-size: 1rem;
        font-weight: 700;
        line-height: 22px;
        margin-bottom: 0;
        color: #27aae1
    }

    .card-page__delivery .delivery__title .icon {
        font-size: 14px;
        line-height: 45px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 45px;
        height: 45px;
        margin-right: 30px;
        text-align: center;
        color: #27aae1;
        border-radius: 45px;
        background-color: #fff;
        box-shadow: 0 5px 18px 0 rgba(159, 173, 185, .5);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media only screen and (max-width: 575px) {
    .card-page__delivery .delivery__title {
        width: 100%;
        margin-right: auto !important;
        margin-bottom: 20px;
        padding-right: 0;
        border-right: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .card-page__delivery .delivery__title .icon {
        margin-right: 10px
    }
}

@media only screen and (max-width: 1137px) {
    .card-page__delivery .delivery__desc {
        font-size: 1rem;
        line-height: 1.4rem
    }
}

@media only screen and (max-width: 575px) {
    .card-page__delivery .delivery__desc {
        font-size: .8125rem
    }
}

@media only screen and (max-width: 1137px) {
    .card-page__delivery .delivery .row > .col-lg-18.d-lg-flex {
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1679px) {
    .card-page__content-wrapper {
        max-width: 77%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 77%;
        flex: 0 0 77%
    }
}

@media only screen and (min-width: 1138px) and (max-width: 1439px) {
    .card-page__content-wrapper {
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1679px) {
    .card-page__content-sidebar {
        max-width: 23%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 23%;
        flex: 0 0 23%
    }
}

@media only screen and (min-width: 1138px) and (max-width: 1439px) {
    .card-page__content-sidebar {
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

@media only screen and (max-width: 575px) {
    .card-page .page__content-block {
        padding-bottom: 0
    }
}

@media only screen and (min-width: 1138px) and (max-width: 1439px) {
    .card-page .page__content-block > .page__title {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 575px) {
    .card-page .page__content-wrapper {
        padding-bottom: 20px
    }
}

.availability {
    padding: 30px
}

@media only screen and (max-width: 575px) {
    .availability {
        padding: 0
    }
}

.availability__thead {
    font-size: .75rem;
    text-transform: uppercase;
    color: #929eb3
}

.availability__group {
    margin: 20px 0
}

.availability__group__title {
    font-family: Comfortaa, -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 15px;
    color: #2e3039
}

.availability__table .card {
    margin: 20px 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: none
}

.availability__table .card:last-child {
    margin-bottom: 0
}

.availability__table .card:first-child {
    margin-top: 0
}

@media only screen and (min-width: 1138px) {
    .availability__table .card:hover:before {
        box-shadow: 0 0 0 5px #bae5f8
    }

    .availability__table .card:hover .availability__row {
        box-shadow: 0 2px 4px 0 rgba(39, 170, 225, .5)
    }

    .availability__table .card:hover .availability__row__collapse {
        transition-delay: .2s;
        opacity: 1
    }

    .availability__table .card:before {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        content: "";
        box-shadow: none
    }
}

@media only screen and (min-width: 1138px) {
    .availability__table .card.active:before {
        box-shadow: 0 0 0 5px #bae5f8
    }

    .availability__table .card.active .availability__row {
        box-shadow: 0 2px 4px 0 rgba(39, 170, 225, .5)
    }
}

.availability__row {
    position: relative
}

.availability__row__collapse {
    display: block;
    transition: opacity .3s ease;
    opacity: 0
}

.availability__row__input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.availability__row__input:checked ~ .availability__row__content, .availability__row__input:checked ~ .custom-control-description .availability__row__content {
    max-height: 400px;
    border-color: #ccc
}

@media only screen and (max-width: 575px) {
    .availability__row__input:checked ~ .availability__row__content, .availability__row__input:checked ~ .custom-control-description .availability__row__content {
        max-height: 1000px
    }
}

.availability__row__input:checked ~ .availability__row__collapse {
    display: block;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    opacity: 1
}

.availability__row__label {
    position: relative;
    z-index: 10;
    height: 88px;
    margin: 0;
    cursor: pointer;
    padding-left: 15px
}

.availability__row__label > [class*=" col-"], .availability__row__label > [class^=col-] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.availability__row__title {
    font-size: 1.125rem;
    padding-left: 30px;
    color: #2a2a2a
}

.availability__row__status {
    font-size: .75rem
}

.availability__row__status [class*=" icon-"], .availability__row__status [class^=icon-] {
    padding-right: 6px
}

.availability__row__status .icon-truck {
    font-size: .75rem
}

.availability__row__status .icon-truck:before {
    color: #7d8899
}

.availability__row__status .badge {
    font-weight: 700
}

.availability__row__exp, .availability__row__schedule {
    font-size: .75rem
}

.availability__row__content {
    font-size: .75rem;
    line-height: 1.5;
    display: block;
    overflow: hidden;
    max-height: 0;
    transition: max-height .4s ease, border-color .4s ease;
    border-top: 1px solid transparent
}

.availability__row__content > .row {
    padding: 14px 20px 20px
}

.availability__row__content .badge {
    margin-bottom: 6px
}

.availability__row__content .shop__info {
    font-size: .75rem;
    margin: 0
}

@media only screen and (min-width: 1138px) and (max-width: 1439px) {
    .availability__row__content .shop__info.col-18 {
        margin-top: 20px
    }

    .availability__row__content .shop__info.col-18 > .shop__info__group:not(:last-child) {
        margin-bottom: 4px
    }
}

@media only screen and (max-width: 1137px) {
    .availability__row__content .shop__info {
        font-size: 1.125rem
    }

    .availability__row__content .shop__info.col-18 {
        margin-top: 15px
    }

    .availability__row__content .shop__info.col-18 > .shop__info__group {
        padding-left: 30px
    }

    .availability__row__content .shop__info.col-18 > .shop__info__group:not(:last-child) {
        margin-bottom: 15px
    }
}

.availability__row__content .shop__info > .shop__info__group:not(:last-child) {
    margin-bottom: 16px
}

.availability__row__content .shop__map {
    overflow: hidden;
    width: 100%;
    height: 190px
}

.availability__row__content .shop .metro-label {
    font-size: .75rem;
    margin-left: 0
}

.availability__row__content .shop .metro-label:before {
    margin-right: 3px
}

.availability__row__actions, .availability__row__schedule {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.availability__row .btn:not(.dropdown-toggle) {
    font-size: .75rem;
    min-width: 200px;
    pointer-events: auto
}

@media only screen and (min-width: 321px) and (max-width: 991px) {
    .availability__row .btn:not(.dropdown-toggle) {
        min-width: 65px
    }
}

@media only screen and (max-width: 1137px) {
    .availability__row .btn:not(.dropdown-toggle) {
        font-size: 1.125rem;
        font-weight: 400
    }
}

.availability__row .btn:not(.dropdown-toggle) .icon-cart {
    font-size: 1.25rem;
    position: relative;
    bottom: 2px
}

.order__title {
    margin-bottom: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 575px) {
    .order__title {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.order__title h1, .order__title h2, .order__title h3 {
    font-size: 1.5rem;
    margin-bottom: 0
}

@media only screen and (max-width: 1137px) {
    .order__title h1, .order__title h2, .order__title h3 {
        white-space: nowrap
    }
}

@media only screen and (max-width: 575px) {
    .order__title h1, .order__title h2, .order__title h3 {
        white-space: normal
    }
}

.order__title .nav-tabs {
    margin-top: 0
}

.order__title .nav-link {
    font-weight: 400;
    padding: .5rem 30px
}

.order__title .dropdown {
    width: 100%;
    max-width: 200px;
    margin-left: 20px
}

.order__title .dropdown .dropdown-toggle {
    width: 100%
}

@media only screen and (max-width: 1137px) {
    .order__title .dropdown {
        width: 100%;
        max-width: 100%
    }
}

@media only screen and (max-width: 575px) {
    .order__title .dropdown {
        margin-top: 20px;
        margin-left: 0
    }
}

.order__list {
    padding: 30px
}

@media only screen and (max-width: 1137px) {
    .order__list {
        overflow: hidden;
        padding: 20px
    }
}

.order__list__title {
    font-size: 1.5rem;
    line-height: 24px;
    margin-bottom: 10px
}

.order__list__basket-link a {
    font-size: .8125rem;
    text-decoration: underline
}

.order__list__count {
    color: #27aae1
}

.order__list__delivery {
    font-size: .8125rem;
    line-height: 18px;
    position: relative;
    padding: 26px 0;
    color: #2e3039
}

@media only screen and (max-width: 1137px) {
    .order__list__delivery {
        font-size: 1.125rem
    }
}

.order__list__delivery:before {
    position: absolute;
    top: 0;
    left: -30px;
    display: block;
    width: calc(100% + 60px);
    height: 1px;
    content: "";
    background-color: #ccc
}

.order__list__delivery .order__list__title {
    margin-bottom: 20px
}

.order__list__delivery > .d-flex {
    margin: 9px 0
}

.order__list__delivery > .d-flex > div:first-child span:first-child {
    color: #929eb2
}

@media only screen and (max-width: 1439px) {
    .order__list__delivery > .d-flex > div:first-child span:first-child {
        display: block
    }
}

@media only screen and (max-width: 1137px) {
    .order__list__delivery > .d-flex > div:first-child span:last-child {
        font-size: 1rem
    }
}

@media only screen and (max-width: 1439px) {
    .order__list__delivery > .d-flex > div:first-child {
        width: 50%;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media only screen and (max-width: 1137px) {
    .order__list__delivery > .d-flex > div:first-child {
        width: 100%;
        padding-right: 60px;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
}

.order__list__delivery > .d-flex > div:last-child {
    font-size: 1.125rem
}

.order__list__amount {
    font-size: 1.5rem;
    line-height: 24px;
    position: relative;
    padding: 30px 0 25px
}

@media only screen and (max-width: 575px) {
    .order__list__amount {
        font-size: 1.25rem
    }
}

.order__list__amount:before {
    position: absolute;
    top: 0;
    left: -30px;
    display: block;
    width: calc(100% + 60px);
    height: 1px;
    content: "";
    background-color: #ccc
}

.order__list__amount .custom-control {
    margin-top: 20px
}

.order__list__amount .custom-control .custom-control-input:checked ~ .custom-control-description {
    color: #929eb2
}

@media only screen and (max-width: 1137px) {
    .order__list__amount .custom-control .custom-control-input:checked ~ .custom-control-description {
        color: #697180
    }
}

.order__list__amount .custom-control .custom-control-description {
    color: #697180
}

@media only screen and (max-width: 1137px) {
    .order__list__amount .custom-control .custom-control-description {
        color: #929eb2
    }
}

@media only screen and (max-width: 575px) {
    .order__list__amount .custom-control .custom-control-description {
        font-size: .875rem
    }
}

.order__list__prices {
    font-size: .8125rem;
    line-height: 34px;
    margin-bottom: 25px;
    color: #697180
}

.order__list__prices__price {
    font-size: 1.125rem;
    line-height: 34px;
    color: #2e3039
}

.order__list__item {
    font-size: .8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    margin: 10px 0;
    color: #697180
}

@media only screen and (max-width: 1137px) {
    .order__list__item {
        font-size: 1.125rem;
        line-height: 1.3rem
    }
}

.order__list__item__photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 90px;
    margin-right: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.order__list__item__image {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    width: auto;
    max-width: 100%;
    max-height: 80px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.order__list__item__image img {
    max-width: 100%;
    max-height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.order__list__item__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.order__list__item__title {
    color: #2e3039
}

.order__list__item__title:focus, .order__list__item__title:hover {
    text-decoration: underline;
    color: #27aae1
}

.order__list__item__title:active {
    color: #1b75bc
}

.order__list__item__price .price {
    font-size: 13px
}

@media only screen and (max-width: 1137px) {
    .order__list__item__price .price {
        font-size: 1.25rem
    }
}

.order__list__item__price .price--old {
    margin-left: 10px
}

@media only screen and (max-width: 1137px) {
    .order__list__item__price .price--old {
        font-size: 1rem;
        margin-left: 0
    }
}

.order__list__item__amount {
    font-size: 1.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 1440px) {
    .order__list__item__amount {
        margin-left: auto !important
    }
}

.order__list__item__amount .price {
    font-size: 1.125rem;
    white-space: nowrap
}

.order__list__products {
    margin: 0;
    padding: 0;
    list-style: none
}

@media only screen and (max-width: 1137px) {
    .order__list__products {
        margin-bottom: 10px
    }
}

.order__list .btn {
    font-size: 14px;
    width: 100%
}

.order__list .custom-control-description {
    font-size: .75rem;
    line-height: 1.33;
    color: #929eb2
}

@media only screen and (max-width: 1137px) {
    .order__list .custom-control-description {
        font-size: 1.125rem;
        color: #697180
    }
}

.order__list .overflowed-block {
    margin-bottom: 20px;
    padding-bottom: 36px
}

@media only screen and (max-width: 1137px) {
    .order__list .overflowed-block {
        margin: -20px -20px 0;
        padding-top: 75px;
        padding-bottom: 0
    }
}

.order__list .overflowed-block__content {
    max-height: 190px
}

.order__list .overflowed-block__content > a {
    text-decoration: underline
}

@media only screen and (max-width: 1137px) {
    .order__list .overflowed-block__content {
        max-height: 0;
        padding: 0 20px
    }

    .order__list .overflowed-block__content:after {
        display: table;
        width: 100%;
        height: 20px;
        content: ""
    }
}

@media only screen and (max-width: 1137px) {
    .order__list .overflowed-block__label {
        top: 0;
        bottom: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 75px;
        border: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.order__list .overflowed-block__label .btn-mobile {
    font-size: 1.125rem;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    color: #2e3039;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.order__list .overflowed-block__label .btn-mobile:before {
    white-space: nowrap
}

.order__list .overflowed-block__label .btn-mobile .icon-chevron-down {
    width: auto;
    margin-left: auto !important
}

.order__list .overflowed-block__label .btn-mobile .icon-chevron-down:before {
    font-size: 10px;
    color: #929eb2
}

.order__list .overflowed-block__label .btn-mobile .count {
    padding-left: 6px;
    color: #27aae1
}

.order__list .overflowed-block__label .btn-go--dropdown {
    line-height: 36px;
    padding-top: 0;
    padding-bottom: 0;
    color: #27aae1;
    border: 1px solid #27aae1
}

.order__list .overflowed-block__label .icon-chevron-down {
    line-height: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.order__list .overflowed-block__label .icon-chevron-down:before {
    line-height: 0;
    top: 0;
    height: auto
}

.order__list .overflowed-block__input:checked ~ .overflowed-block__label .btn-go--dropdown {
    color: #27aae1;
    border-color: #27aae1;
    background-color: #e9f6fc
}

.order__list .overflowed-block__input:checked ~ .overflowed-block__label .icon-chevron-down {
    top: -1px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.order__list .overflowed-block__input:checked ~ .overflowed-block__label .icon-chevron-down:before {
    line-height: 0;
    top: 0
}

.order__contacts input[name=phone] {
    padding-left: 30px;
    letter-spacing: 3px
}

.order__contacts input[name=phone]::-moz-placeholder {
    font-size: .8125rem
}

.order__contacts input[name=phone]:-ms-input-placeholder {
    font-size: .8125rem
}

.order__contacts input[name=phone]::-webkit-input-placeholder {
    font-size: .8125rem
}

.order__contacts input[name=phone-prefix] {
    text-align: center
}

@media only screen and (max-width: 1137px) {
    .order__contacts .col-form-label {
        font-size: 1.125rem
    }
}

@media only screen and (max-width: 575px) {
    .order__contacts .form-group {
        margin-bottom: 20px
    }
}

.order__card {
    padding: 30px;
    color: #697180
}

.order__card:not(:last-child) {
    margin-bottom: 20px
}

@media only screen and (max-width: 575px) {
    .order__card {
        padding: 15px
    }
}

.order__comment .form-group {
    margin-bottom: 0
}

.order__comment textarea {
    min-height: 70px;
    padding: 20px
}

@media only screen and (max-width: 1137px) {
    .order__comment textarea {
        min-height: 100px
    }
}

@media only screen and (max-width: 575px) {
    .order__comment textarea {
        min-height: 140px
    }
}

@media only screen and (max-width: 1137px) {
    .order__payments {
        padding-bottom: 0
    }
}

.order__payments__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -10px;
    margin-left: -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 1137px) {
    .order__payments__list {
        margin-right: 0;
        margin-left: 0
    }
}

.order__payments__item {
    max-width: 20%;
    margin-bottom: 10px;
    padding: 0 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
}

@media only screen and (min-width: 1138px) {
    .order__payments__item:nth-child(n+6) {
        margin-top: 10px
    }
}

@media only screen and (max-width: 1137px) {
    .order__payments__item {
        max-width: 100%;
        margin: 0;
        padding: 0;
        border-top: 1px solid #ccc;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.order__payments__content .overflowed-block {
    padding-bottom: 0
}

@media only screen and (max-width: 1137px) {
    .order__payments__content .overflowed-block {
        margin-right: -30px;
        margin-left: -30px;
        padding-bottom: 75px
    }
}

@media only screen and (max-width: 575px) {
    .order__payments__content .overflowed-block {
        margin-right: -15px;
        margin-left: -15px
    }
}

.order__payments__content .overflowed-block__content {
    max-height: 1500px
}

@media only screen and (max-width: 1137px) {
    .order__payments__content .overflowed-block__content {
        max-height: 468px
    }
}

.order__payments__content .overflowed-block__label {
    display: none
}

@media only screen and (max-width: 1137px) {
    .order__payments__content .overflowed-block__label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 75px;
        padding: 0 60px;
        border-top: 1px solid #ccc;
        border-radius: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .order__payments__content .overflowed-block__label .icon-chevron-down {
        font-size: 14px;
        margin-left: 6px
    }

    .order__payments__content .overflowed-block__label .icon-chevron-down:before {
        font-size: 8px
    }
}

@media only screen and (max-width: 1137px) {
    .order__payments__content .overflowed-block__input:checked ~ .overflowed-block__content {
        max-height: 1500px
    }
}

@media only screen and (max-width: 1137px) {
    .order__delivery {
        padding-bottom: 0
    }
}

.order__delivery__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -10px;
    margin-left: -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 1137px) {
    .order__delivery__list {
        margin-right: -30px;
        margin-left: -30px
    }
}

@media only screen and (max-width: 575px) {
    .order__delivery__list {
        margin-right: -15px;
        margin-left: -15px
    }
}

.order__delivery__item {
    max-width: 50%;
    margin-bottom: 10px;
    padding: 0 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.order__delivery__item:nth-child(n+3) {
    margin-top: 10px
}

@media only screen and (max-width: 1439px) {
    .order__delivery__item {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media only screen and (max-width: 1137px) {
    .order__delivery__item {
        margin: 0;
        padding: 10px;
        border-top: 1px solid #ccc
    }
}

.order__delivery__section {
    position: relative;
    margin-top: 20px;
    padding-top: 30px
}

@media only screen and (max-width: 1137px) {
    .order__delivery__section {
        margin-top: 0
    }
}

.order__delivery__section:before {
    position: absolute;
    top: 0;
    left: -30px;
    display: block;
    width: calc(100% + 60px);
    height: 1px;
    content: "";
    background-color: #ccc
}

@media only screen and (max-width: 575px) {
    .order__delivery__section:before {
        left: -15px;
        width: calc(100% + 30px)
    }
}

.order__delivery__section__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 1137px) {
    .order__delivery__section__title.flex-column h2, .order__delivery__section__title.flex-column h3, .order__delivery__section__title.flex-column h4 {
        margin-bottom: 30px
    }
}

.order__delivery__section__title h2, .order__delivery__section__title h3, .order__delivery__section__title h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    color: #697180
}

@media only screen and (max-width: 1137px) {
    .order__delivery__section__title h2, .order__delivery__section__title h3, .order__delivery__section__title h4 {
        font-size: 1.25rem;
        margin: 0;
        white-space: nowrap
    }
}

@media only screen and (max-width: 575px) {
    .order__delivery__section__title h2, .order__delivery__section__title h3, .order__delivery__section__title h4 {
        white-space: normal
    }
}

.order__delivery__section__title .nav-tabs {
    margin-top: 0
}

@media only screen and (max-width: 1137px) {
    .order__delivery__section__title .nav-tabs {
        margin: 0 !important
    }

    .order__delivery__section__title .nav-tabs .nav-link {
        padding: .5rem 1rem
    }
}

@media only screen and (max-width: 1137px) {
    .order__delivery__section .form-group {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 1137px) {
    .order__delivery__section .form-group .b-message {
        font-size: 1.25rem;
        line-height: 1.4rem;
        margin-right: -30px;
        margin-left: -30px;
        padding: 30px;
        border-top: 1px solid #ccc;
        background: #f7f8f8
    }

    .order__delivery__section .form-group .b-message .icon-attention {
        display: none
    }
}

@media only screen and (max-width: 575px) {
    .order__delivery__section .form-group .b-message {
        font-size: 1rem;
        margin-right: -15px;
        margin-left: -15px
    }
}

@media only screen and (max-width: 575px) {
    .order__delivery__section .form-group .col-form-label {
        font-size: 1rem;
        margin-left: 10px
    }
}

@media only screen and (min-width: 1440px) {
    .order__delivery__section .form-group--regrouped > .col-l-2 {
        max-width: 13.33333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 13.33333%;
        flex: 0 0 13.33333%
    }
}

@media only screen and (min-width: 1138px) and (max-width: 1439px) {
    .order__delivery__section .form-group--regrouped > .col-l-2 {
        max-width: 15.5555%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 15.5555%;
        flex: 0 0 15.5555%
    }
}

.order__delivery__section .form-group--regrouped > .col-3:not(.col-form-label) {
    max-width: 20%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
}

.order__delivery__section .form-group:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 1439px) {
    .order__delivery__section .b-message {
        margin-top: 20px
    }
}

@media only screen and (max-width: 1137px) {
    .order__delivery__section .form-control {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 575px) {
    .order__delivery__section .form-control {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 1137px) {
    .order__delivery__shop-list {
        margin-right: -30px;
        margin-left: -30px
    }
}

@media only screen and (max-width: 575px) {
    .order__delivery__shop-list {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media only screen and (max-width: 1137px) {
    .order__delivery__shop-list__item {
        margin: 0;
        padding: 5px;
        border-top: 1px solid #ccc
    }

    .order__delivery__shop-list__item > .custom-control {
        position: relative;
        z-index: 2;
        background: #fff
    }
}

.order__delivery__shop-list__item:not(:last-child) {
    margin-bottom: 20px
}

@media only screen and (max-width: 1137px) {
    .order__delivery__shop-list__item:not(:last-child) {
        margin: 0
    }
}

@media only screen and (min-width: 1138px) {
    .order__delivery__shop-list .availability__table .card:hover {
        border-color: #27aae1
    }

    .order__delivery__shop-list .availability__table .card:hover:before {
        display: none
    }

    .order__delivery__shop-list .availability__table .card:hover .availability__row {
        box-shadow: none
    }
}

@media only screen and (max-width: 1137px) {
    .order__delivery__shop-list .availability__row__title {
        font-family: Comfortaa, -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
        padding-left: 10px
    }
}

@media only screen and (max-width: 575px) {
    .order__delivery__shop-list .availability__row__title {
        font-size: 1rem;
        font-weight: 700;
        padding: 0
    }

    .order__delivery__shop-list .availability__row__title:before {
        top: 10px;
        left: -45px
    }
}

.order__delivery__shop-list .availability__row__label {
    height: 88px;
    padding: 15px 15px 15px 25px
}

@media only screen and (max-width: 1137px) {
    .order__delivery__shop-list .availability__row__label {
        height: auto;
        padding: 15px 15px 15px 55px
    }

    .order__delivery__shop-list .availability__row__label .shop__metro {
        margin: 6px 0
    }

    .order__delivery__shop-list .availability__row__label .label {
        padding-right: 8px;
        color: #929eb2
    }
}

@media only screen and (max-width: 575px) {
    .order__delivery__shop-list .availability__row__label {
        padding-bottom: 10px;
        padding-left: 50px
    }

    .order__delivery__shop-list .availability__row__label > [class*=" col-"], .order__delivery__shop-list .availability__row__label > [class^=col-] {
        padding: 0
    }

    .order__delivery__shop-list .availability__row__label .metro-label {
        font-size: .875rem;
        line-height: .875rem
    }
}

@media only screen and (max-width: 575px) {
    .order__delivery__shop-list .availability__row__status {
        font-size: .8125rem
    }

    .order__delivery__shop-list .availability__row__status .badge {
        font-size: .8125rem
    }
}

@media only screen and (max-width: 575px) {
    .order__delivery__shop-list .availability__row__actions {
        position: absolute;
        bottom: 10px;
        left: 0;
        padding: 0 15px !important
    }

    .order__delivery__shop-list .availability__row__actions .btn {
        width: 100%;
        max-width: 100%
    }
}

@media only screen and (max-width: 575px) {
    .order__delivery__shop-list .availability__row__exp {
        font-size: .8125rem;
        line-height: .875rem
    }
}

.order__delivery__shop-list .availability__row__content .shop {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 20px 30px
}

@media only screen and (max-width: 1137px) {
    .order__delivery__shop-list .availability__row__content .shop {
        padding: 20px 15px
    }
}

.order__delivery__shop-list .availability__row__content .shop__map {
    display: block;
    margin: 0
}

@media only screen and (max-width: 1137px) {
    .order__delivery__shop-list .availability__row__content .shop__info {
        padding: 0
    }
}

@media only screen and (max-width: 575px) {
    .order__delivery__shop-list .availability__row__content .shop__info {
        font-size: .8125rem;
        line-height: 1rem
    }
}

@media only screen and (min-width: 1138px) and (max-width: 1439px) {
    .order__delivery__shop-list .availability__row__content .shop__info.col-18 {
        margin-top: 0
    }
}

@media only screen and (max-width: 575px) {
    .order__delivery__shop-list .availability__row__content .shop__info.col-18 {
        margin-top: 0
    }
}

.order__delivery__shop-list .availability__row__content .shop__info .mobile-view-block {
    margin: 0
}

.order__delivery__shop-list .availability__row__content .shop__info .btn {
    width: 100%;
    margin-top: 10px
}

.order__delivery__shop-list .availability__row__content .shop__info .b-message {
    margin-top: 20px
}

@media only screen and (max-width: 1137px) {
    .order__delivery__shop-list .availability__row__content .shop__info .b-message {
        font-size: 1.125rem
    }
}

@media only screen and (max-width: 575px) {
    .order__delivery__shop-list .availability__row__content .shop__info .b-message {
        font-size: .875rem
    }
}

.order__delivery__shop-map .map .switcher__shop .shop {
    padding: 0
}

.order__delivery__shop-map .map .switcher__shop .shop__title {
    padding: 20px 20px 0
}

.order__delivery__shop-map .map .switcher__shop .shop__address, .order__delivery__shop-map .map .switcher__shop .shop__metro, .order__delivery__shop-map .map .switcher__shop .shop__phone {
    padding: 0 20px
}

.order__delivery__shop-map .map .switcher__shop .shop__delivery {
    position: relative
}

.order__delivery__shop-map .map .switcher__shop .shop__delivery .dropdown-toggle {
    width: 100%
}

.order__delivery__shop-map .map .switcher__shop .shop__delivery .multiselect-wrapper {
    margin-bottom: 10px
}

.order__delivery__shop-map .map .switcher__shop .shop__delivery .b-message {
    margin: 16px 0
}

.order__delivery__shop-map .map .switcher__shop .shop__delivery .btn {
    font-size: 12px;
    width: 100%
}

.order__delivery__shop-map .map .switcher__shop .shop__delivery .shop__info__group:not(:last-child) {
    margin-bottom: 16px
}

@media only screen and (max-width: 575px) {
    .order__go-back {
        margin-top: 20px
    }
}

.order__go-back .btn-back {
    font-size: .75rem
}

@media only screen and (max-width: 1137px) {
    .order__go-back .btn-back {
        font-size: 1.125rem
    }
}

.order__go-back .btn-back .back-icon {
    width: 44px;
    height: 44px;
    margin-right: 12px;
    color: #27aae1;
    border: 1px solid #27aae1;
    background: transparent
}

.order__go-back .btn-back .back-icon .icon-arrow-left:before {
    color: #697180
}

.order__go-back .btn-back:hover .back-icon .icon-arrow-left:before {
    color: #27aae1
}

.order__go-back .btn-back:hover .text {
    text-decoration: underline
}

@media only screen and (max-width: 1137px) {
    .order .page__content-wrapper {
        padding-top: 20px
    }
}

@media only screen and (max-width: 1137px) {
    .order .section__head .nav-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-top: 20px;
        padding: 0
    }

    .order .section__head .nav-tabs > li {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .order .section__head .nav-tabs > li .nav-link {
        text-align: center;
        white-space: nowrap
    }

    .order .section__head .nav-tabs > li .nav-link:first-letter {
        text-transform: capitalize
    }
}

@media only screen and (max-width: 575px) {
    .order .section__head .nav-tabs > li > .nav-link {
        font-size: .875rem;
        line-height: 1rem;
        padding: .8rem 1rem
    }
}

@media only screen and (max-width: 1137px) {
    .payment-radio {
        flex-direction: row;
        height: 75px;
        padding: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.payment-radio__photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.payment-radio__photo--text {
    font-family: Comfortaa, -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-size: 40px;
    line-height: 40px;
    color: #27aae1
}

@media only screen and (max-width: 1137px) {
    .payment-radio__photo {
        width: 130px;
        margin-bottom: 0;
        margin-left: 60px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 130px;
        flex: 0 0 130px
    }
}

@media only screen and (max-width: 575px) {
    .payment-radio__photo {
        overflow: hidden;
        width: 70px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70px;
        flex: 0 0 70px
    }
}

.payment-radio__title {
    font-size: .75rem;
    line-height: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 25px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 1138px) {
    .payment-radio__title {
        margin-top: auto !important
    }
}

@media only screen and (max-width: 1137px) {
    .payment-radio__title {
        font-size: 1.25rem;
        line-height: 1.25rem;
        padding-right: 60px;
        text-align: left;
        color: #2e3039;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (max-width: 575px) {
    .payment-radio__title {
        font-size: 1rem;
        padding-right: 10px
    }
}

.payment-radio--visa .payment-radio__photo img {
    width: 108px;
    height: 35px
}

.delivery-radio {
    padding-left: 55px
}

.delivery-radio__title {
    font-family: Comfortaa, -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 20px;
    display: block;
    width: 100%;
    margin-bottom: 15px;
    color: #2e3039
}

@media only screen and (max-width: 575px) {
    .delivery-radio__title {
        line-height: 1.5rem
    }
}

.delivery-radio__help {
    font-size: .75rem;
    line-height: 14px;
    color: #929eb2
}

@media only screen and (max-width: 1137px) {
    .delivery-radio__help {
        font-size: 1rem;
        line-height: 1rem;
        color: #697180
    }
}

@media only screen and (max-width: 575px) {
    .delivery-radio__help {
        font-size: .8125rem
    }
}

@media only screen and (max-width: 1137px) {
    .delivery-radio__help > p {
        line-height: 1rem;
        color: #697180
    }
}

.delivery-radio__help > p:not(:last-child) {
    margin-bottom: 10px
}

.delivery-radio__help > p:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 575px) {
    .delivery-radio {
        height: auto
    }
}

/*# sourceMappingURL=card.min.css.map */
.slick-slider {
    margin-bottom: 10px;
}
/*
@media (max-width: 1024px) {
    .product-card-photos-slider .gallery-main .swiper-slide {
      pointer-events: none;
    }
  }*/
/* End */


/* Start:/local/templates/main_copy/components/ittest/catalog.section/product_slider_adaptive_new/style.css?1635959122555*/
.slick-list {

}


/*dosok*/
.catalog-element.adaptive .bx-wrapper .bx-viewport {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  left: 0;
  background: transparent;
}
.goods_list li {
  height: 380px;
}
.goods_list .td_item {
  height: 300px;
  margin: 15px 10px;
}
.goods_list .right-stickers {
  right: -10px;
  top: -5px;
}
@media screen and (max-width: 1010px) {
  div.catalog-element.adaptive .bx-wrapper .bx-viewport .td_item:hover .btn2 {
    height: 42px;
    line-height: 42px;
    font-size: 15px;
  }
}

/* End */
/* /local/templates/main_copy/components/bitrix/catalog/.default/style.css?16359591221122 */
/* /local/include/css/card.min.css?174765670586709 */
/* /local/templates/main_copy/components/ittest/catalog.section/product_slider_adaptive_new/style.css?1635959122555 */