/* Start:/bitrix/templates/severbrilliant/components/bitrix/breadcrumb/severbrilliant/style.css?1695629130900*/
.bx_breadcrumbs{
    margin-bottom:15px;
    padding-top:0px
}
.bx_breadcrumbs ul{
    margin:0;
    padding:0
}
.bx_breadcrumbs ul li{
    display:inline-block;
    line-height:20px
}
.bx_breadcrumbs ul li a{
    display:block;
    padding:0 15px;
    background:url(/bitrix/templates/severbrilliant/components/bitrix/breadcrumb/severbrilliant/images/breadcrumbs_arrow.png) no-repeat center right;
    text-decoration:none;
    font-size:11px;
}
.bx_breadcrumbs ul li:first-child a{padding-left:0}
.bx_breadcrumbs ul li:last-child  a{background:none}
.bx_breadcrumbs ul li a:hover{
    text-decoration:underline;
    line-height:20px;
    opacity:1
}
.bx_breadcrumbs ul li span{
    display:block;
    padding:0 15px;
    text-decoration:none;
    font-size:11px
}
.bx_breadcrumbs,
.bx_breadcrumbs ul li{
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
/* End */


/* Start:/bitrix/templates/severbrilliant/cookie-banner/cookie-consent.css?17943125035359*/
/* Cookie-баннер в стиле сайта «Северная Бриллиантовая компания».
   Шрифт наследуется от сайта. Цвета меняются переменными ниже. */
#cc-root {
    --cc-bg: #ffffff;
    --cc-text: #666666;        /* серый цвет меню и текста сайта */
    --cc-heading: #555555;
    --cc-muted: #767676;
    --cc-accent: #666666;      /* кнопки, рамки, подчёркивания, переключатели */
    --cc-accent-text: #666666;
    --cc-accent-hover: #555555;
    --cc-border: #e3e3e3;
    font-family: inherit;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.5;
    color: var(--cc-text);
}

#cc-root *,
#cc-root *::before,
#cc-root *::after { box-sizing: border-box; }

#cc-root [hidden] { display: none !important; }

#cc-root a {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: var(--cc-accent);
    text-underline-offset: 3px;
}
#cc-root a:hover { color: var(--cc-accent-text); }

/* ---------- Баннер: тонкая полоса внизу страницы ---------- */
.cc-banner {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 99998;
    background: var(--cc-bg);
    border-top: 1px solid var(--cc-border);
    box-shadow: 0 -4px 18px rgba(0, 0, 0, .07);
}
.cc-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 18px 40px;
    display: flex;
    align-items: center;
    gap: 32px;
}
.cc-text { margin: 0; flex: 1 1 auto; }

.cc-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

/* "Принять все" и "Только необходимые" выглядят одинаково: выбор должен быть равнозначным */
.cc-btn {
    appearance: none;
    cursor: pointer;
    padding: 11px 22px;
    font: inherit;
    font-weight: 400;
    color: var(--cc-accent-text);
    background: transparent;
    border: 1px solid var(--cc-accent);
    border-radius: 0;
    white-space: nowrap;
    transition: background-color .2s, color .2s, border-color .2s;
}
.cc-btn:hover {
    color: #fff;
    background: var(--cc-accent-hover);
    border-color: var(--cc-accent-hover);
}
.cc-btn:focus-visible,
.cc-switch:focus-visible { outline: 2px solid var(--cc-accent); outline-offset: 2px; }

/* "Настроить" и "Закрыть": текстовая кнопка */
.cc-btn--link {
    padding-left: 6px; padding-right: 6px;
    color: var(--cc-text);
    border-color: transparent;
    text-decoration: underline;
    text-decoration-color: var(--cc-accent);
    text-underline-offset: 4px;
}
.cc-btn--link:hover {
    color: var(--cc-accent-text);
    background: transparent;
    border-color: transparent;
}

/* ---------- Окно настроек ---------- */
.cc-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(60, 60, 60, .45);
}
.cc-dialog {
    width: 100%;
    max-width: 540px;
    max-height: 90vh;
    overflow-y: auto;
    padding: 32px;
    background: var(--cc-bg);
    border-top: 3px solid var(--cc-accent);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .2);
}
.cc-title {
    margin: 0 0 8px;
    font-size: 26px;
    font-weight: 300;
    color: var(--cc-heading);
}
.cc-note { margin: 0 0 20px; color: var(--cc-muted); }

.cc-cat { padding: 14px 0; border-top: 1px solid var(--cc-border); }
.cc-cat-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.cc-cat-name { font-weight: 400; color: var(--cc-heading); cursor: pointer; }
.cc-always { font-size: 13px; color: var(--cc-muted); }
.cc-cat-desc { margin: 6px 0 0; color: var(--cc-muted); font-size: 14px; }

.cc-actions--dialog { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--cc-border); }

/* Переключатель */
.cc-switch {
    appearance: none;
    position: relative;
    flex: 0 0 auto;
    width: 44px; height: 24px;
    margin: 0;
    cursor: pointer;
    background: #c9c9c9;
    border-radius: 24px;
    transition: background .2s;
}
.cc-switch::before {
    content: "";
    position: absolute;
    top: 3px; left: 3px;
    width: 18px; height: 18px;
    background: #fff;
    border-radius: 50%;
    transition: transform .2s;
}
.cc-switch:checked { background: var(--cc-accent); }
.cc-switch:checked::before { transform: translateX(20px); }

/* ---------- Телефоны ---------- */
@media (max-width: 860px) {
    .cc-inner { flex-direction: column; align-items: stretch; gap: 14px; padding: 16px 18px; }
    .cc-actions { flex-direction: column; align-items: stretch; }
    .cc-btn { width: 100%; white-space: normal; text-align: center; }
    .cc-dialog { padding: 24px 20px; }
    .cc-actions--dialog { flex-direction: column; }
}

/* ---------- Плавающие кнопки Telegram и Max поднимаются над баннером ---------- */
#wa__toggle,
#max__toggle { transition: translate .25s ease; }

html.cc-open #wa__toggle,
html.cc-open #max__toggle { translate: 0 calc(var(--cc-h, 0px) * -1); }

@media (prefers-reduced-motion: reduce) {
    .cc-btn, .cc-switch, .cc-switch::before,
    #wa__toggle, #max__toggle { transition: none; }
}
/* End */


/* Start:/bitrix/templates/severbrilliant/styles.css?17757427518419*/
.btn{cursor:pointer}
.text-end{float:right; margin-left:0.9375rem}
.text-start{float:left; margin-right:0.9375rem}
.title{margin-bottom:0.8181818182em !important}
#slider{float:none !important; margin:0 auto}
.blog__title:not(:last-child){margin-bottom:2.25rem !important}
.main-text h1{font-weight:300; font-size:2.75rem; line-height:132%}
.main-text h1:not(:last-child){margin-bottom:2.25rem}
.main-text h2{font-weight:300; font-size:2.5rem; line-height:135%}
.main-text h2:not(:last-child){margin-bottom:1.125rem}
.main-text ol{margin-left:6.5rem}
.main-text ol li{list-style:decimal;padding-left:2rem; margin-bottom:0.9375rem}
.main-text img{margin-top:0.9375rem; margin-bottom:0.9375rem}
.bx-ss-icon{display:block}
.table-catalog th{white-space:nowrap}
.filters-catalog__btns .button{-webkit-box-flex:0; -ms-flex:0 0 2.625rem; flex:0 0 2.625rem; width:2.625rem; padding:0.1875rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border:0.0625rem solid var(--color-dove); font-weight:300; -webkit-transition:background-color .2s ease-in-out 0s; -o-transition:background-color .2s ease-in-out 0s; transition:background-color .2s ease-in-out 0s; line-height:normal;}
.filters-catalog__btns .button.active{color:#fff; background-color:var(--color-dove);}
.filters-catalog__btns .button:hover{background-color:var(--color-silver);}
.filters-catalog__btns .button.active:hover{background-color:var(--color-dove-hv); background-color:var(--color-silver); color:rgb(255, 255, 255); background-color:var(--color-dove);}
.link, .text-ui{font-size:2.125rem;}
/*div[id^="filter-"]{z-index:-1;}*/
div[id^="filter-"].popup_show{z-index:200;}
.grid-popup__values a{font-weight:300; -webkit-transition:opacity .2s ease-in-out 0s,background-color .2s ease-in-out 0s,color .2s ease-in-out 0s; -o-transition:opacity .2s ease-in-out 0s,background-color .2s ease-in-out 0s,color .2s ease-in-out 0s; transition:opacity .2s ease-in-out 0s,background-color .2s ease-in-out 0s,color .2s ease-in-out 0s;}
.grid-popup__values a, .grid-popup__values label{line-height:normal; font-weight:300; -webkit-transition:opacity .2s ease-in-out 0s,background-color .2s ease-in-out 0s,color .2s ease-in-out 0s; -o-transition:opacity .2s ease-in-out 0s,background-color .2s ease-in-out 0s,color .2s ease-in-out 0s; transition:opacity .2s ease-in-out 0s,background-color .2s ease-in-out 0s,color .2s ease-in-out 0s;}
.grid-popup__values_border button, .grid-popup__values_border label{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; min-width:3.75rem; border:0.0625rem solid #f2f2f2;}
.grid-popup__values_border label.checking, .grid-popup__values_border label.checked:not(.checking), .grid-popup__values button.checked, .filter-price-wrapper__links button.checked{background-color:var(--color-dove); color:#fff;}
.grid-popup__values label:hover, .grid-popup__values button:hover, .filter-price-wrapper__links button:hover{opacity:.5;}
.grid-popup__values label input{position:absolute; z-index:-1; opacity:0;}
.popup-select-filter__button_res{background-color:transparent;}
.disabled{pointer-events:none;opacity:0.5;cursor:not-allowed !important}
.dn{display:none !important;}
.table-catalog__body .table-catalog__img{height:5rem;}
.page__main-text.main-text ul{padding-left:3rem;}
.page__main-text.main-text li{padding-left:1.5rem;}
nav.burger-menu{z-index:70}
.close.i {
    background-image: url(/bitrix/templates/severbrilliant/img/icons/close_black.svg);
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    -webkit-transition: opacity .2s ease-in-out 0s;
    -o-transition: opacity .2s ease-in-out 0s;
    transition: opacity .2s ease-in-out 0s;
	margin-right: -4px;
	float:right
}
.grid-popup-dop, .grid-popup-dop a{display:none}
.grid-popup-dop.active{display:flex}
.grid-popup-dop a.active{display:inline-block;font-family:MyriadPro;font-size:inherit;}
@media (max-width:61.99875em){
	.title{margin-bottom:.8em !important}
	.main-text h1{font-size:2.3125rem;line-height:127%}
	.main-text h1:not(:last-child){margin-bottom:1.5rem}
	.main-text h2{font-size:2.0625rem;line-height:131%}
	.main-text h2:not(:last-child){margin-bottom:.75rem}	
	.table-catalog th{white-space:inherit}
}

.loader{position:fixed; width:100%; min-width:100%; height:100%; min-height:100%; top:0; left:0; z-index:10000 !important; background-color:rgba(255, 255, 255, 0.75);}
.cssload-clock{height:128px; width:128px; position:absolute; top:50%; left:50%; margin-top:-64px; margin-left:-64px; background:url('/bitrix/templates/severbrilliant/img/loader.svg') no-repeat 50% 50%; animation: grdAiguille 0.8s linear infinite; -o-animation:grdAiguille 0.8s linear infinite; -ms-animation:grdAiguille 0.8s linear infinite; -webkit-animation:grdAiguille 0.8s linear infinite;-moz-animation:grdAiguille 0.8s linear infinite;}
.price{white-space: nowrap;}
@keyframes grdAiguille {
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
@-o-keyframes grdAiguille {
    0%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(360deg);}
}
@-ms-keyframes grdAiguille {
    0%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(360deg);}
}
@-webkit-keyframes grdAiguille {
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes grdAiguille {
    0%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(360deg);}
}
@keyframes ptAiguille {
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
@-o-keyframes ptAiguille {
    0%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(360deg);}
}
@-ms-keyframes ptAiguille {
    0%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(360deg);}
}
@-webkit-keyframes ptAiguille {
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes ptAiguille{
	0%{-moz-transform:rotate(0deg);}
	100%{-moz-transform:rotate(360deg);}
}
.fade {
    transition: opacity .15s linear;
}
.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 1.75rem;
    pointer-events: none;
}
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1.75rem * 2);
}
@media (min-width: 576px)
{
.modal-dialog {
    margin-right: auto;
    margin-left: auto;
}
}
.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,-50px);
}
.modal.show .modal-dialog {
    transform: none;
}





.header {
    z-index: 200;
}
.bx-filter .bx-ui-slider-part span {
    width: 40px;
    margin: 0 0 0 -20px;
}
.type-filter__picture, .type-filter__picture img, .table-catalog__head, .table-catalog__img img {
    position: relative;
    z-index: -1;
}
@media (max-width: 61.9988em) {
    .wrapper {
        transform: none!important;
    }
    .header_fixed .header__top {
        position: fixed!important;
        top: 0!important;
        left: 0!important;
        z-index: 200!important;
    }
    .header__item {
        font-size: 22px!important;
    }
    .title-middle, div.home-catalog .card-home-catalog__title {
        font-size: 26px!important;
    }
    .main-text, .link {
        font-size: 20px!important;
        line-height: 1.35!important;
    }
    .cards-items__container, .content-text__container, .table-catalog__container {
        min-height: 500px;
        width: auto!important;
        padding: 0!important;
    }
    .table-catalog__table-wrapper {
        margin: 0!important;
    }
    .filter-price-wrapper__links:not(:last-child) {
        margin: 0 0 20px!important;
    }
    .filter-price-wrapper__links button {
        font-size: 20px!important;
        margin: 0 0 20px;
    }
    .bx-filter .bx-ui-slider-part span {
        top: -30px;
    }
    .footer__item {
        font-size: 20px!important;
    }
    .footer__copy {
        text-align: left!important;
        font-size: 20px!important;
        margin: .5em 0 0;
    }
}

.media-document.video.mac {
    width: auto !important;
}




/* End */
/* /bitrix/templates/severbrilliant/components/bitrix/breadcrumb/severbrilliant/style.css?1695629130900 */
/* /bitrix/templates/severbrilliant/cookie-banner/cookie-consent.css?17943125035359 */
/* /bitrix/templates/severbrilliant/styles.css?17757427518419 */