

/* Start:/local/templates/SSTcosmedel/components/bitrix/catalog.element/element.page.new/style.css?174366990217255*/
.btn.-outg {
    border: #8FC055 2px solid;
}

.page-product .prod-art {
    font-size: 0.88rem;
}

.page-product .prod-art span {
    color: #827C82;
}

.page-product .prod-cont {
    margin-top: 20px;
}

.page-product .prod-info {
    width: 60%;
    padding-left: 30px;
    position: relative;
}

.page-product .prod-info .prod-props,
.page-product .prod-info .prod-dlvry,
.page-product .prod-info .prod-selects,
.page-product .prod-info .prod-2-cart {
    margin-top: 30px;
}

.page-product .prod-info .prod-tabs {
    margin-top: 40px;
}

.page-product .prod-images {
    display: flex;
    align-items: flex-start;
}

.page-product .prod-imgs {
    width: 40%;
    position: relative;
}

.page-product .prod-imgs .-rbns {
    position: absolute;
    top: 16px;
    right: 0;
    left: auto;
    z-index: 50;
}

.page-product .prod-img-slider {
    width: calc(100% - 50px);
    overflow: hidden;
    max-height: 510px;
}

.page-product .prod-img-slider .slide {
    display: block;
    width: 100%;
    max-height: 510px;
    display: flex;
    justify-content: center;
    -ms-flex-pack: center;
    align-items: center;
}

.page-product .prod-img-slider .slide img {
    max-width: 100%;
    max-height: 100%;
    /* width: 100%; */
    /* height: 100%; */
    object-fit: contain;
    /* display: block; */
    /* min-height: 100%; */
}

.page-product .prod-img-thumbs {
    width: 50px;
    max-height: 360px;
    overflow: hidden;
}

.page-product .prod-img-thumbs .thumb {
    width: 50px;
    height: 50px;
    position: relative;
    border: transparent 2px solid;
    margin: 0 0 5px 0;
}

.page-product .prod-img-thumbs .slick-next,
.page-product .prod-img-thumbs .slick-prev {
    font-size: 0;
    line-height: 0;
    position: relative;
    left: 50%;
    display: block;
    width: 16px;
    height: 9px;
    padding: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0;
    background-image: none;
}

.page-product .prod-img-thumbs .slick-prev {
    top: 0;
    margin-bottom: 5px;
    background-image: url(/local/templates/SSTcosmedel/components/bitrix/catalog.element/element.page.new/images/stru.png);
}

.page-product .prod-img-thumbs .slick-next {
    bottom: 0;
    top: auto;
    background-image: url(/local/templates/SSTcosmedel/components/bitrix/catalog.element/element.page.new/images/strd.png);
}

.page-product .prod-img-thumbs .thumb img {
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
}

.page-product .prod-img-thumbs .thumb.slick-current {
    /* .thumb.active */
    border: #8FC055 2px solid;
}

.page-product .prod-img-thumbs .thumb:hover {
    opacity: 0.8;
}

.page-product .prod-info-top {
    display: flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0.88rem;
    width: 100%;
}

.page-product .prod-info-top .pli-votes {
    width: 100%;
    margin-top: 15px;
    font-size: 0.88rem;
    font-weight: 400;
}

.page-product .prod-info-top .pli-votes a {
    text-decoration: underline;
}

.page-product .prod-info-top .pli-votes a:hover {
    text-decoration: none;
}

.page-product .pit-crumbs {
    display: flex;
    align-items: center;
    /* width: 70%; */
    flex-grow: 1;
    margin-right: 20px;
}

.page-product .pit-crumbs>* {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.page-product .pit-crumbs>*:not(:last-child):after {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin: 0 10px;
    background: #302E30;
}

.page-product .pit-crumbs a {
    color: #0E5283;
    text-decoration: underline;
}

.page-product .pit-art {
    /* width: 30%; */
    text-align: right;
    flex-grow: 0;
}

.page-product .pit-art span {
    color: #827C82;
}

.page-product .prod-delivery {
    margin-top: 30px;
    display: inline-block;
}

.page-product .prod-delivery li {
    display: flex;
    align-items: center;
    padding: 10px;
    margin: 2px 0;
    border: #fff 1px solid;
    border-radius: 3px;
    font-weight: 300;
}

.page-product .prod-delivery li.act {
    background: #f6f6f6;
    border-color: #8FC055;
    cursor: pointer;
}

.page-product .prod-delivery li svg,
.page-product .prod-delivery li img {
    margin-right: 15px;
    width: 20px;
    height: 20px;
}

.page-product .prod-delivery li>div {
    color: #8FC055;
    margin-left: 5px;
    font-weight: 500;
}


.page-product .prod-delivery li p {
    font-size: 12px;
    font-weight: 400;
    color: #302E30;
    margin: 5px 0 0 0;
    padding: 0;
}

.page-product .prod-delivery a {
    color: #8FC055;
    text-decoration: underline;
}

/* .page-product .prod-delivery li:hover {
    cursor: pointer;
} */

.page-product .prod-buy {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

.page-product .prod-buy .btn-2-wish svg {
    fill: #8FC055;
}

.page-product .prod-buy .btn-2-wish.-in svg,
.page-product .prod-buy .btn-2-wish:hover svg {
    fill: #c73e7e;
}

.page-product .prod-buy.-out .btn-2-wish {
    display: none;
}

.page-product .prod-buy-no {
    order: 2;
    font-size: 1.25rem;
    font-weight: 300;
    color: #827C82;
}

.page-product .prod-price {
    display: flex;
    align-items: center;
    width: 40%;
}

.page-product .prod-price span {
    font-size: 2.25rem;
    font-weight: 700;
    white-space: nowrap;
}

.page-product .prod-price .ribbon {
    font-size: 0.88rem;
    height: 30px;
    margin: 0 15px;
}

.page-product .prod-price .-old {
    font-weight: 300;
    text-decoration: line-through;
    color: #827C82;
}

.page-product .prod-buy-kol-btn {
    display: flex;
    align-items: center;
    flex: 1;
}

.page-product .prod-buy-kol-btn .kolvo {
    width: 110px;
}

.page-product .prod-buy-kol-btn .btn {
    flex: 1;
    margin: 0 5px;
}


.page-product .kolvo {
    display: flex;
    align-items: center;
    background: #eee;
    height: 50px;
    border-radius: 2px;
    width: 110px;
    overflow: hidden;
}

.page-product .kolvo button {
    font-style: normal;
    min-width: 30px;
    height: 50px;
    text-align: center;
    font-size: 20px;
    color: #626362;
    font-weight: bold;
    border: 0;
    flex: 1;
    background: #eee;
    padding: 0;
}

.page-product .kolvo.-green button {
    background: #8FC055;
    color: #fff;
}

.page-product .kolvo input {
    width: 100%;
    height: 44px;
    min-width: 25px;
    font-family: inherit;
    border: 0;
    border-radius: 2px;
    flex: 2;
    text-align: center;
}

.page-product .kolvo.-green {
    background: #8FC055;
}

.page-product .btn-2-wish.-big {
    width: 50px;
    height: 50px;
    border-radius: 2px;
    background: #f6f6f6;
    display: flex;
    justify-content: center;
    -ms-flex-pack: center;
    align-items: center;
    border: none;
}

@media screen and (max-width: 1019px) {
    .page-product .prod-imgs .-rbns.-dt {
        display: block;
    }

    .page-product .prod-imgs,
    .page-product .prod-info {
        width: 100%;
    }

    .page-product .prod-info {
        margin-top: 3vmax;
        padding-left: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
    }

    .page-product .prod-imgs .-rbns.-mb {
        display: block;
    }

    .page-product .prod-price {
        order: 1;
        width: 78%;
        margin-top: 0;
    }

    .page-product .prod-price .-old {
        font-size: 0.88rem;
        order: 5;
    }

    .page-product .prod-price .-prc span {
        font-size: 1.875rem;
    }

    .page-product .prod-buy-kol-btn {
        order: 3;
        width: 100%;
        margin-top: 20px;
    }

    .page-product .prod-buy-kol-btn .btn {
        height: 50px;
    }

    .page-product .prod-buy {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .page-product .prod-buy .btn-2-wish {
        order: 2;
    }

    .page-product .prod-2-cart {
        order: 40;
    }

    .page-product .prod-2-cart .btn {
        order: 2;
        margin: 0 0 0 15px;
    }

    .page-product .prod-tabs {
        order: 50;
    }
}

@media screen and (max-width: 600px) {
    .page-product .prod-info-top {
        font-weight: 300;
    }

    .page-product .prod-info-top .pli-votes {
        order: 2;
        width: 60%;
    }

    .page-product .pit-crumbs {
        width: 100%;
        order: 1;
    }

    .page-product .pit-art {
        order: 3;
        flex: 1;
        margin-top: 15px;
    }

    .page-product .pit-crumbs>*:after {
        background: #827C82;
    }

    .page-product .prod-delivery {
        margin-top: 20px;
    }

    .page-product .prod-img-slider {
        max-height: 96vw;
    }

    .page-product .prod-img-slider .slide {
        max-height: 96vw;
    }

    .page-product .prod-buy.-out .btn-2-wish {
        display: flex;
    }

    .page-product .prod-buy-no {
        text-align: center;
        width: 100%;
        margin-top: 20px;
    }
}



.cart-map-wrp {
    position: fixed;
    z-index: 61;
    background: rgba(0, 0, 0, 0.3);
    width: 100vw;
    height: 100vh;
    top: 0;
    left: -100000px;
    opacity: 0;
    padding: 5vh 2vw 5vh 1vw;
    display: flex;
    align-items: center;
    justify-content: center;
    -ms-flex-pack: center;
}

.cart-map-close {
    position: absolute;
    top: 25px;
    right: 30px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    -ms-flex-pack: center;
    border-radius: 2px;
    background: #fff;
    z-index: 1;
}

.cart-map-close svg {
    width: 80%;
    height: 80%;
    fill: #626362;
}

.cart-map-container {
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    overflow: hidden;
    display: flex;
    position: relative;
}

.cart-map-container>.hdr,
.cart-map-container nav {
    display: none;
}

.cart-map-list {
    display: flex;
    flex-direction: column;
    position: relative;
    order: 1;
}

.cart-map {
    width: 100%;
    height: 100%;
    display: flex;
}

.cml-hdr,
.cmpi-hdr {
    font-family: 'Noto Serif', serif;
    font-size: 20px;
    font-weight: 600;
    color: #302E30;
    padding: 25px 15px 25px 0;
}

.cml-search {
    display: flex;
    padding-right: 30px;
}

.cml-search input {
    border: 0;
    background: #f3f3f3;
    padding: 0 15px;
    border-radius: 2px 0 0 2px;
    width: 70%;
}

.cml-search button {
    border: 0;
    width: 30%;
    height: 42px;
    background: #8FC055;
    border-radius: 2px;
    color: #fff;
    font-weight: 500;
    padding: 0;
    letter-spacing: 1px;
}

.cml-list {
    margin-top: 50px;
    flex: 1;
    overflow: hidden;
}

.cml-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #0088B2 !important;
}

.cml-list .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff !important;
}

.cml-adr {
    display: flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

.cml-adr span {
    flex: 1;
    padding-right: 5px;
    font-weight: 600;
}

.cml-adr i {
    border: #0088B2 3px solid;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    -ms-flex-pack: center;
}

.cml-adr i img {
    width: 80%;
}

.cml-adr i.-grn {
    border-color: #8FC055;
}

.cml-list-item {
    border-top: #f3f3f3 1px solid;
    padding: 15px 0;
}

.cml-list-item .gr {
    color: #7C7C7C;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 300;
}

.cml-list-item .gr p {
    margin: 0 0 5px 0;
}

.cml-list-item .ft {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.cml-list-item .ft .btn {
    height: 42px;
    margin-right: 5px;
}

.cml-list-item .prc {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1;
}

.cml-list-item .prc span {
    font-size: 12px;
    font-weight: 300;
    line-height: 80%;
    color: #7C7C7C;
    margin-right: 5px;
}

.cml-list-item .prc b {
    font-size: 27px;
    font-weight: 500;
}

.cml-list-item .prc.free {
    font-size: 20px;
    font-weight: 500;
    color: #8FC055;
}

.cml-in-stock {
    color: #7C7C7C;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 300;
    display: flex;
    align-items: center;
}

.cml-in-stock span {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    padding: 5px 8px;
    line-height: 12px;
    background: #0088B2;
    border-radius: 2px;
    margin-left: 5px;
}

.cart-map-map {
    display: flex;
    order: 2;
}

.cart-map-map>* {
    width: 100%;
    height: 100%;
    background: #ccc;
}

.map-pvz-marker {
    border-radius: 20px;
    background: #fff;
    display: flex;
    align-items: center;
    width: 40px;
    height: 40px;
}

.map-pvz-marker div {
    border: #0088B2 3px solid;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    -ms-flex-pack: center;
}

.map-pvz-marker div img {
    width: 80%;
}

.map-pvz-marker span {
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    padding-left: 10px;
}

.map-pvz-marker.free {
    width: 150px;
    background: #fff;
    border: #8FC055 3px solid;
}

.map-pvz-marker.free div {
    border-color: #8FC055;
    margin: -2px;
}

.cart-map-pvz-info {
    position: absolute;
    left: -800px;
    top: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 10;
    padding: 0 30px;
}

.cmpi-hdr {
    cursor: pointer;
}

.cmpi-hdr img {
    margin-right: 25px;
}

.cmpi-info {
    border-top: #f3f3f3 1px solid;
    padding: 30px 0;
}

.cmpi-info .cml-adr span {
    font-size: 20px;
    line-height: 27px;
}

.cmpi-info .cml-adr i {
    width: 53px;
    height: 53px;
}

.cmpi-info .prc {
    margin: 20px 0;
    font-size: 20px;
    font-weight: 500;
    color: #0088B2;
}

.cmpi-info .prc span {
    color: #8FC055;
}

.cmpi-info p {
    margin: 15px 0;
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
}

.cmpi-info p b {
    font-weight: 500;
    display: block;
    margin-bottom: 5px;
}

.cmpi-info p i {
    display: block;
    height: 5px;
}

.cmpi-info .btn {
    width: 100%;
    margin-top: 20px;
}

.cmpi-info .cml-in-stock {
    font-size: 14px;
    font-weight: 500;
    color: #302E30;
    flex-direction: column;
    align-items: flex-start;
}

.cmpi-info .cml-in-stock span {
    margin: 5px 0 0 0;
}

.cdt-tabs .ft-nav {
    display: flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

.cdt-tabs .ft-nav .ft-tab {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    flex: 1 1 0;
    background: #f0f0f0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
}

.cdt-tabs .ft-nav .ft-tab.active {
    background: #8FC055;
    color: #fff;
}

.cdt-tabs .ft-nav .ft-tab:not(:last-child) {
    margin-right: 2px;
}

.cdt-tabs.ft-tabs>.ft-contents {
    margin-top: 20px;
}

@media screen and (min-width: 1020px) {
    .cart-map-list {
        width: 470px;
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
        padding: 0 15px 0 30px;
        z-index: 10;
    }

    .cart-map-mobi-tabs {
        display: flex;
        width: 100%;
        height: 100%;
    }

    .cart-map-map {
        flex: 1;
    }

    .cart-map-close {
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    .cart-map-pvz-info {
        width: 470px;
    }
}

@media screen and (max-width: 1019px) {
    .cart-map-container {
        flex-direction: column;
        padding: 15px 20px;
    }

    .cart-map-container>.hdr {
        display: block;
        font-family: 'Noto Serif', serif;
        font-size: 20px;
        font-weight: 600;
        color: #302E30;
        min-height: 32px;
        margin-bottom: 20px;
    }

    .cart-map-close {
        top: 15px;
        right: 20px;
    }

    .cml-hdr {
        display: none;
    }

    .cml-search {
        padding-right: 0;
        width: 100%;
    }

    .cart-map-mobi-tabs {
        overflow: hidden;
        height: calc(90vh - 52px);
    }

    .cart-map-mobi-tabs nav {
        display: block;
    }

    .cart-map {
        overflow: hidden;
        height: calc(90vh - 92px);
        max-height: 100%;
    }

    #cart-map {
        height: 100vh;
    }

    .cart-map-map {
        width: 100%;
        height: 100%;
    }

    .cart-map-list {
        overflow: hidden;
        max-height: 100%;
    }

    .cml-list {
        margin-top: 20px;
        height: calc(90vh - 92px - 52px);
        padding-bottom: 40px;
    }

    .cml-list .mCSB_inside>.mCSB_container {
        margin-right: 20px;
    }

    .cml-list-item .ft .btn {
        font-size: 12px;
    }

    .cml-list-item .prc b {
        font-size: 18px;
    }

    .cml-list-item .prc.free {
        font-size: 18px;
    }

    .cml-adr span {
        font-size: 14px;
    }

    .cmpi-hdr {
        font-size: 16px;
    }
}
/* End */


/* Start:/local/templates/SSTcosmedel/components/webdebug/reviews2.add/cosmedel.add/style.css?17436699022059*/
.reviews-form .select select {
	height: 38px;
}

.reviews-form .inp.error,
.reviews-form .select.error {
	border-color: #CF1C1C;
}

.reviews-form .stars i {
	cursor: pointer;
}

.write-comment__photo-list {
	display: flex;
}

.write-comment__photo-item {
	width: 54px;
	height: 54px;
	border-radius: 5px;
	margin-right: 9px;
	position: relative;
}

.write-comment__add-photo {
	border: 1px solid #8FC055;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
}

.write-comment__add-photo:after, .write-comment__add-photo:before {
	position: absolute;
	display: block;
	content: '';
	width: 25px;
	height: 1px;
	background-color: #8FC055;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.write-comment__add-photo:after {
	-webkit-transform: translate(-50%,-50%) rotate(
			90deg
	);
	transform: translate(-50%,-50%) rotate(
			90deg
	);
}

.write-comment__photo-btn-del {
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 50%;
	background-color: #CF1C1C;
	width: 20px;
	height: 20px;
	-webkit-transform: translate(20%,-20%);
	transform: translate(20%,-20%);
	cursor: pointer;
}

.write-comment__photo-btn-del:after, .write-comment__photo-btn-del:before {
	position: absolute;
	display: block;
	content: '';
	width: 11px;
	height: 1px;
	background-color: #fff;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%) rotate(
			45deg
	);
	transform: translate(-50%,-50%) rotate(
			45deg
	);
}

.write-comment__photo-btn-del:before {
	-webkit-transform: translateX(-50%) rotate(
			-45deg
	);
	transform: translateX(-50%) rotate(
			-45deg
	);
	margin-top: -1px;
}


.write-comment__photo-item:last-child {
	margin-right: 0;
}
.write-comment__photo-item input {
	display: none;
}
.write-comment__photo-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}

.wdr2_result {
	display: none;
	font-size: 1rem;
	margin: 0;
}
.wdr2_result.wdr2_error {
	color: #CF1C1C;
	font-size: 0.88rem;
	margin-bottom: 20px;
	font-weight: bold;
}

/* End */


/* Start:/local/templates/SSTcosmedel/components/bitrix/catalog.products.viewed/element.page/style.css?1743669902173*/
.catalog-products-viewed-header{
	font-size:14px;
	font-weight: bold;
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}
/* End */
/* /local/templates/SSTcosmedel/components/bitrix/catalog.element/element.page.new/style.css?174366990217255 */
/* /local/templates/SSTcosmedel/components/webdebug/reviews2.add/cosmedel.add/style.css?17436699022059 */
/* /local/templates/SSTcosmedel/components/bitrix/catalog.products.viewed/element.page/style.css?1743669902173 */
