/* Start:/local/components/slarin/catalog.element/templates/.default/style.css?176579923211889*/
.container {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

.detail-page section {
    margin-bottom: 50px;
}

.left-block {
    width: 100%;
    float: left;
    overflow: hidden;
    padding: 0 34% 90px 0;
    box-sizing: border-box;
}

section, .container {
    margin-bottom: 50px;
}

section .block-title,
.container .block-title {
    font: 700 24px/1.1 'Mulish';
    color: #132743;
    margin-bottom: 18px;
}

.properties {
    margin-bottom: 10px;
}

.properties tr td {
    padding: 8px 0;
    vertical-align: bottom;
    border: none;
}

.properties tr td p {
    line-height: 14px;
}

.properties tr td .prop {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;

    font-weight: 300;
    color: #5A687B;
    white-space: nowrap;
}

.properties tr td .dots {
    display: block;
    width: 100%;
    margin: 0 5px;
    border-bottom: 2px dotted #BECBDB;
}

.all_props a {
    color: #3D71D0;
}

.all_props a:hover {
    text-decoration: underline
}


.btn {
    font: 600 16px/1.2 'Mulish';
    letter-spacing: initial;
    width: 100%;
    max-width: auto;
    height: 44px;
    color: #FFFFFF;
    padding: 12px 16px;
    margin-bottom: 5px;
    text-align: center;
    text-transform: none;
    box-sizing: border-box;
    cursor: pointer;
    vertical-align: middle;
    opacity: 1;
    border: none;
    background-color: transparent;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;

    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}

.btn:hover {
    filter: brightness(1.1);
    -moz-filter: brightness(1.1);
    -webkit-filter: brightness(1.1);
}

.btn-primary {
    background: #255087;
}

.btn-primary.w-100 {
    width: 100%;
    font: 600 16px/1.2 'Mulish';
}

.nowrap {
    white-space: nowrap;
}


/*-- Description block --*/
.description-block .items-box {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;

    justify-content: space-between;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;

    column-gap: 20px;

    margin: 50px auto 0;
    text-align: center;
}

.description-block .items-box .item {
    width: 25%;
    max-width: 145px;
    margin-bottom: 25px;
}

.description-block .items-box .item img {
}

.description-block .items-box .item p {
    line-height: 18px;
}


/*-- Slides --*/
.slides {
    margin-bottom: 20px;
}

.slides .sliding-box {
    border-bottom: 1px solid #E9EDF3
}

.slides .sliding-box .box-title {
    position: relative;
    font: 700 20px/1.2 'Mulish';
    color: #255087;
    padding: 14px 40px 14px 0;
    cursor: pointer;
    text-align: left;
}

.slides .sliding-box .box-title:after {
    content: '';
    position: absolute;
    right: 3px;
    top: calc(50% - 11px);
    width: 22px;
    height: 22px;
    background-image: url("/local/components/slarin/catalog.element/templates/.default/images/plus.svg");
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 9;

    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
}

.slides .sliding-box.opened .box-title:after {
    background-image: url("/local/components/slarin/catalog.element/templates/.default/images/minus.svg");
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

.slides .sliding-box .slide {
    display: none;
    opacity: 0;
    padding-bottom: 20px;
    transition: opacity .3s ease .01s;
    -moz-transition: opacity .3s ease .01s;
    -webkit-transition: opacity .3s ease .01s;
}

.slides .sliding-box.opened .slide {
    opacity: 1;
}


/*-- Swiper slider --*/
.slider-block {
    overflow: hidden;
}

.slider-block .swiper {
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative;
}

.slider-block .swiper img {
    width: 100%;
}

.slider-block .swiper_thumbnail {
    width: 95%;
    margin: 0 auto;
    overflow: hidden
}

.slider-block .swiper_thumbnail .swiper-slide {
    cursor: pointer;
    padding: 5px;
}

.slider-block .swiper_thumbnail .swiper-slide-thumb-active {
    outline: none;
    outline-offset: -2px;
}

.slider-block .swiper_thumbnail img {
    vertical-align: bottom;
}

.slider-block .swiper .swiper-button-next,
.slider-block .swiper .swiper-button-prev {
    top: 88%;
    bottom: auto;
}

.slider-block .swiper .swiper-button-next {
    right: -5px;
}

.slider-block .swiper .swiper-button-prev {
    left: -5px;
}

.slider-block .swiper .swiper-button-next::after,
.slider-block .swiper .swiper-button-prev::after {
    font-size: 22px;
    font-weight: 600;
    color: #255087;
}

.slider-block .swiper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    display: inline-block;
    background: #fff;
    margin: 0 5px;
    cursor: pointer;
}

.slider-block .swiper .swiper-pagination-bullet {
    background: #AFB4BB;
}

.slider-block .swiper .swiper-pagination-bullet-active {
    background: #BECBDB;
}

.slider-block .swiper .swiper-pagination {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.slider-block .swiper .swiper-pagination-bullet {
}


/*-- Structure block --*/
.structure-block .slides img {
    width: 50%;
}


/*-- Sidebar --*/
.right-sidebar.desktop {
    display: block;
}

.right-sidebar.mobile {
    display: none;
}

.right-sidebar {
    position: relative;
    max-width: 375px;
    width: 32%;
    margin-left: -32%;
    float: right;
}

.price-box {
    margin-bottom: 28px;
}

.price-box .price {
    font: 700 30px/45.6px 'Mulish';
    color: #132743;
    margin-right: 15px;
    text-align: left;
}

.price-box .old-price {
    font: 600 24px/28.8px 'Mulish';
    color: #7C96B7;
    text-align: left;
    text-decoration: line-through;
}

.labels-box {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;

    justify-content: space-between;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;

    column-gap: 10px;
    margin-bottom: 22px;
}

.labels-box .label {
    width: 100%;
    height: 92px;
    padding: 15px 6px;
    box-sizing: border-box;
    text-align: center;
    background: #F0A07A1A;
}

.labels-box .label img {
}

.labels-box .label p {
    font-family: Mulish;
    font-size: 16px;
    font-weight: 700;
    line-height: 17.6px;
    color: #F0A07A;
}

.properties-box {
    margin-bottom: 30px;
}

.properties-box .properties tr td:first-child {
    width: 100%;
}

.order-box {
    margin-bottom: 35px;
}

.order-box .field-box {
    position: relative;
    margin-bottom: 10px;
}

.order-box .field-box-label {
    display: block;
    font-family: Mulish;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    color: #132743;
    margin-bottom: 5px;
    text-align: left;
}

.order-box select {
    width: 100%;
    height: 44px;
    padding: 0 18px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid #BECBDB;
    background: none;
    border-radius: 22px;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
}


.info-box {
    border-top: 1px solid #E9EDF3;
}

.info-box.slides .sliding-box .box-title {
    font-family: Mulish;
    font-size: 16px;
    font-weight: 600;
    color: #132743;
    padding: 9px 20px 9px 0;
    text-align: left;
}

.info-box.slides .sliding-box .box-title:after {
    top: calc(50% - 7px);
    width: 9px;
    height: 14px;
    background-image: url("/local/components/slarin/catalog.element/templates/.default/images/rarr.png");
}

.info-box.slides .sliding-box.opened .box-title:after {
    background-image: url("/local/components/slarin/catalog.element/templates/.default/images/rarr.svg");
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}


/*-- Media --*/
@media screen and (max-width: 1100px) {
    section, .container {
        margin-bottom: 30px;
    }

    .right-sidebar {
        max-width: none;
    }

    .slider-block .swiper .swiper-button-next,
    .slider-block .swiper .swiper-button-prev {
        top: 85%;
    }
}

@media screen and (max-width: 900px) {
    .left-block {
        float: none;
        padding-right: 0;
    }

    .properties tr td:first-child {
        width: 60%;
    }

    .price-box .price {
        font-size: 32px;
        line-height: 38.4px;
    }

    .price-box .old_price {
        font-size: 22px;
        line-height: 26.4px;
    }

    .slider-block .swiper .swiper-button-next,
    .slider-block .swiper .swiper-button-prev {
        top: 86%;
    }

    .right-sidebar {
        width: 100%;
        max-width: none;
        margin-left: 0;
        float: none;
    }

    .right-sidebar.desktop {
        display: none;
    }

    .right-sidebar.mobile {
        display: block;
    }
}

@media screen and (max-width: 800px) {
    .description-block .items-box {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }

    .description-block .items-box .item {
        width: 40%;
        max-width: none;
    }

    .structure-block .slides img {
        max-width: 50%;
    }

    .price-box .price {
        font-size: 28px;
        line-height: 33.6px;
    }

    .price-box .old_price {
        font-size: 20px;
        line-height: 24px;
    }
}

@media screen and (max-width: 900px) and (min-width: 800px) {
    .price-box .price {
        font-size: 32px;
        line-height: 38.4px;
    }

    .price-box .old_price {
        font-size: 22px;
        line-height: 26.4px;
    }
}

@media screen and (max-width: 900px) and (min-width: 480px) {
    .labels-box .label {
        display: flex;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;

        justify-content: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;

        align-items: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;

        column-gap: 12px;
        width: 100%;
        height: auto;
        padding: 12px;
    }

    .order-box {
        display: flex;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;

        justify-content: space-between;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;

        align-items: last baseline;
        -webkit-box-align: last baseline;
        -webkit-align-items: last baseline;
        -ms-flex-align: last baseline;

        column-gap: 12px;
    }

    .order-box .field_box {
        width: 100%;
        position: relative;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 620px) {
    .slider-block .swiper .swiper-button-next,
    .slider-block .swiper .swiper-button-prev {
        top: 84%;
    }

    .structure-block .slides img {
        width: 100%;
        max-width: none;
        margin: 0;
        float: none;
    }
}

@media screen and (max-width: 520px) {
    .properties tr td .prop {
        white-space: normal;
    }
}

@media screen and (max-width: 480px) {
    .properties tr td:first-child {
        width: 55%;
    }

    .slider-block .swiper .swiper-button-next,
    .slider-block .swiper .swiper-button-prev {
        top: 50%;
    }

    .slider-block .swiper .swiper-button-next {
        right: 5px;
    }

    .slider-block .swiper .swiper-button-prev {
        left: 5px;
    }

    .slider-block .swiper .swiper_thumbnail {
        display: none;
    }

    .slider-block .swiper .swiper-pagination {
        display: block;
    }

    .order-box .field_box {
        width: 100%;
        position: relative;
        margin-bottom: 10px;
    }
}
/* End */
/* /local/components/slarin/catalog.element/templates/.default/style.css?176579923211889 */