/* Start:/bitrix/templates/stonestore/components/bitrix/catalog/catalog/style.css?1706434961853*/
.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%;
	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 0;
	border-bottom: 2px solid #d9dee6;
	border-bottom-color: var(--primary);
	color: #000;
}

/* End */


/* Start:/bitrix/templates/stonestore/components/bitrix/system.pagenavigation/stonestore/style.css?1706434961524*/
.system-nav-orange
{
	font-size: 12px;
}
.system-nav-orange .nav-pages {
    margin-top: 15px;
}
.system-nav-orange .nav-pages a,
.system-nav-orange .nav-pages span {
    color: var(--color-default);
    display: inline-block;
    vertical-align: top;
    line-height: 28px;
    height: 28x;
    padding: 0px 5px;
    font-size: 16px;
}
.system-nav-orange .nav-pages a:hover {
    color: var(--color-red);
}
.system-nav-orange .nav-pages span.nav-current-page {
    color: #ffffff;
    background-color: var(--color-red);
}

/* End */


/* Start:/bitrix/templates/stonestore/components/bitrix/catalog.section/brand/style.css?17064349619851*/
nav {
    top: 0;
    left: 0;
    z-index: 999;
    background: #222729!important;
    margin-bottom: 0;
}
header {
    position: relative;
    min-height: 52.94117647vw;
    padding-top: 21.47058824vw;
    margin-top: -21.47058824vw
}

header .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #222729
}

header .back:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #222729
}

header .back img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

header .content_wrapp {
    padding-bottom: 50px;
    position: relative;
    z-index: 15;
    margin-left: calc(((100% - 2 * 2.94117647vw)/ 12) * 2 + 2.94117647vw);
    width: calc((100% - 2 * 2.94117647vw)/ 12 * 5)
}

header .content_wrapp img {
    width: 23.52941176vw;
    height: 11.91176471vw;
    margin-bottom: 2.35294118vw;
    object-fit: contain
}

header .content_wrapp p {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 1.32352941vw;
    line-height: 2.20588235vw;
    color: #E3E3E3
}
header .content_wrapp ul li {
    color: #E3E3E3
}

.brand-info mark, .brand-info .mark {
    font-weight: bold;
}

header .decoration {
    position: absolute;
    width: calc((100% - 2 * 2.94117647vw)/ 12 * 8 + 2.94117647vw);
    right: 0;
    bottom: -5.14705882vw;
    overflow: hidden;
    height: 37.35294118vw
}

header .decoration img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

header .decoration:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,rgba(17,16,16,.7),rgba(17,16,16,.7));
    position: absolute;
    top: 0;
    left: 0
}

.block-with-image.block-with-image-brand .text-section p {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 1.17647059vw;
    line-height: 1.83823529vw;
    color: #555;
    margin-bottom: 1.17647059vw
}

.block-with-image.block-with-image-brand .text-section p:last-child {
    margin-bottom: 0
}

.block-with-image.block-with-image-brand .block-title, .block-with-image.block-with-image-brand h2 {
    font-family: var(--font-family-2);
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 1.3;
    font-feature-settings: 'pnum' on,'lnum' on;
    color: #222729;
    width: auto
}

.description_1 {
    z-index: -1
}

.description_1.float-image.block-with-image-brand {
    padding: 0
}

.description_1 .text-section {
    margin-left: calc((100vw - 2 * 2.94117647vw)/ 12 * 2 + 2.94117647vw);
    background: #fff;
    width: calc((100% - 2 * 2.94117647vw)/ 12 * 9);
    padding: 12.5vw 7.79411765vw 8.97058824vw 23.52941176vw
}

.description_1 .text-section p,
.description_1 .text-section {
    color: #555 !important;
}

.description_1 .block-title {
    color: var(--color-default);
}

.description_1 .image-section {
    width: 34.33823529vw;
    height: 38.38235294vw;
    overflow: hidden;
    top: 5.14705882vw
}

.description_1 .image-section img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.description_2.float-image.block-with-image-brand {
    padding-top: 7.20588235vw;
    padding-bottom: 8.82352941vw
}

.description_2.float-image.block-with-image-brand .back-image {
    width: calc((100% - 2 * 2.94117647vw)/ 12 * 9 + 2.94117647vw)
}

.description_2.float-image.block-with-image-brand .text-section {
    position: relative;
    z-index: 9;
    width: calc((100% - 2 * 2.94117647vw)/ 12 * 9 + 2.94117647vw);
    padding-left: calc((100vw - 2 * 2.94117647vw)/ 12 + 2.94117647vw);
    padding-right: calc((100vw - 2 * 2.94117647vw)/ 12 * 3)
}

.description_2.float-image.block-with-image-brand .text-section p,
.description_2.float-image.block-with-image-brand .text-section h2 {
    color: #E3E3E3
}

.description_2.float-image.block-with-image-brand ol li,.description_2.float-image.block-with-image-brand ul li {
    color: #E3E3E3
}

.description_2.float-image.block-with-image-brand .block-title {
    color: #FFF
}

.description_2.float-image.block-with-image-brand .image-section {
    width: calc((100% - 2 * 2.94117647vw)/ 12 * 5 + 2.94117647vw);
    height: auto;
    right: 0;
    left: auto;
    top: -3.67647059vw
}



@media screen and (max-width: 768px) {
    div.block-with-image.block-with-image-brand.float-image.description_1 {
        z-index:0
    }

    div.block-with-image.block-with-image-brand.float-image.description_1 .image-section img {
        height: unset
    }

    .nav_bottom h1 {
        display: block
    }

    nav.nav-light {
        margin-bottom: 0
    }

    .subnav:after,.subnav:before {
        background: linear-gradient(270deg,#222729 50%,rgba(34,39,41,0) 100%)
    }

    header {
        padding-top: 4.0625vw;
        margin-top: 0;
        height: auto;
        min-height: auto;
        padding-bottom: 28.625vw
    }

    header .content_wrapp {
        width: calc(100vw - 2 * 6.25vw);
        margin: 0 auto;
        padding-bottom: 0
    }

    header .content_wrapp img {
        width: calc(100% / 6 * 5);
        height: auto;
        margin-bottom: 9.0625vw
    }

    header .content_wrapp p {
        font-size: 4.375vw;
        line-height: 6.25vw
    }

    header .decoration {
        width: 79.0625vw;
        height: 112.5vw
    }

    p.read-more {
        font-family: var(--font-family);
        font-weight: 300;
        font-size: 4.375vw;
        line-height: 6.25vw;
        color: #FFF;
        display: table;
        border-bottom: .5px dashed #F6F6F6
    }

    div.block-with-image.block-with-image-brand.float-image {
        padding: 0
    }

    div.block-with-image.block-with-image-brand.float-image .back-image {
        width: 100%
    }

    div.block-with-image.block-with-image-brand.float-image .image-section {
        width: 93.75vw;
        height: 62.5vw;
        top: -15.625vw
    }

    div.block-with-image.block-with-image-brand.float-image .image-section img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    div.block-with-image.block-with-image-brand.float-image .content-wrapp {
        margin-bottom: 0;
        max-height: unset;
        overflow: hidden;
        transition: .4s all ease-out;
        position: relative
    }

    div.block-with-image.block-with-image-brand.float-image .content-wrapp:after {
        content: "";
        display: none;
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 80px;
        right: 0;
        background: linear-gradient(360deg,#fff 34.78%,rgba(0,79,100,0) 100%)
    }

    div.block-with-image.block-with-image-brand.float-image div.text-section {
        width: 100%;
        margin: 0 auto;
        padding-right: 6.25vw;
        padding-left: 6.25vw;
        padding-top: 56.25vw;
        padding-bottom: 31.25vw
    }

    div.block-with-image.block-with-image-brand.float-image div.text-section p {
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 15px;
    }

    div.block-with-image.block-with-image-brand.float-image div.text-section p.read-more {
        width: auto;
        display: table
    }

    div.block-with-image.block-with-image-brand.float-image .block-title {
        font-size: 10.9375vw;
        line-height: 12.5vw
    }

}

@media screen and (min-width: 1360px) {
    header {
        min-height:474px;
        height: unset;
        padding-top: 36px;
        padding-bottom: 55px;
        margin-top: 0
    }

    header .content_wrapp {
        margin-left: calc((100% - 1360px)/2 + 40px);
        width: 38%;
    }

    header .content_wrapp img {
        width: 320px;
        height: 162px;
        margin-bottom: 32px;
        object-fit: contain
    }

    header .content_wrapp p {
        font-size: 16px;
        line-height: 30px
    }

    header .decoration {
        position: absolute;
        width: calc((1360px - 2 * 40px)/ 12 * 8 + 40px);
        right: calc((100vw - 1360px)/ 2);
        bottom: -40px;
        height: 508px
    }

    .block-with-image.block-with-image-brand .text-section p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 16px
    }

    .block-with-image.block-with-image-brand .block-title, .block-with-image.block-with-image-brand h2 {
        font-size: 42px;
        line-height: 45px;
        margin-bottom: 58px;
    }

    .description_1.float-image.block-with-image-brand {
        z-index: -1;
        padding: 0 !important;
    }

    .description_1.float-image.block-with-image-brand .text-section {
        margin-left: calc((1360px - 2 * 40px)/ 12 * 2 + 40px + (100vw - 1360px)/ 2);
        width: calc((1360px - 2 * 40px)/ 12 * 9);
        padding: 170px 106px 122px 320px
    }

    .description_1.float-image.block-with-image-brand .image-section {
        width: 467px;
        height: 522px;
        top: 70px;
        left: calc((100vw - 1360px)/ 2)
    }

    .description_2.float-image.block-with-image-brand {
        padding-top: 98px;
        padding-bottom: 120px
    }

    .description_2.float-image.block-with-image-brand .back-image {
        width: calc((1360px - 2 * 40px)/ 12 * 9 + 40px + (100vw - 1360px)/ 2)
    }

    .description_2.float-image.block-with-image-brand .text-section {
        position: relative;
        z-index: 9;
        width: calc((1360px - 2 * 40px)/ 12 * 9 + 40px + (100vw - 1360px)/ 2);
        padding-left: calc((1360px - 2 * 40px)/ 12 + 40px + (100vw - 1360px)/ 2);
        padding-right: calc((1360px - 2 * 40px)/ 12 * 3)
    }

    .description_2.float-image.block-with-image-brand .image-section {
        width: calc((1360px - 2 * 40px)/ 12 * 5 + 40px);
        right: calc((100vw - 1360px)/ 2);
        top: -50px
    }

    .description_3.float-image {
        padding: 0
    }
}
/* End */
/* /bitrix/templates/stonestore/components/bitrix/catalog/catalog/style.css?1706434961853 */
/* /bitrix/templates/stonestore/components/bitrix/system.pagenavigation/stonestore/style.css?1706434961524 */
/* /bitrix/templates/stonestore/components/bitrix/catalog.section/brand/style.css?17064349619851 */