

/* Start:/local/templates/pgsnew_v2_0/components/bitrix/breadcrumb/.default/style.css?17580307221220*/
.breadcrumbs{
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}
.breadcrumbs:after{
    display: table;
    width: 100%;
    content: "";
    clear: both;
}
.breadcrumbs li{
    float: left;
    margin: 0 18px 10px 0;
}
.breadcrumbs li a{
    text-decoration: none !important;
    color: #9D9D9D;
    font-size: 14px;
    line-height: 16px;
    display: inline;
    border-bottom: 1px solid transparent;
    position: relative;
}
.breadcrumbs li:not(:last-child) a:after{
    position: absolute;
    right: -15px;
    top: 5px;
    content: "";
    background: url(/bitrix/templates/pgsnew_v2_0/images/arrow.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    height: 7px;
    width: 11px;
    transform: rotate(-90deg);
}

.breadcrumbs li a:hover{
    color: #242424;
    border-color: #242424;
}
.breadcrumbs li span{
    color: #9D9D9D;
    font-size: 14px;
    line-height: 16px;
}
@media screen and (max-width: 768px) {
    #breadcrumbs {
        display: flex;
        overflow: scroll;
    }

    .breadcrumbs li {
        white-space: nowrap;
    }
}
/* End */


/* Start:/local/templates/pgsnew_v2_0/components/bitrix/catalog.smart.filter/f_4_2/style.css?17580307223407*/


.filter-components{
    border: 1px solid #D0D0D0;
    padding: 20px 15px;
    margin-bottom: 10px;/*50px*/
    position: relative;
}

.filter-components .row {
    margin-right: 0;
    margin-left: 0;
}

.filter-components .btn.btn-add-cart.clear-filter {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 10px;
    font-size: 14px;
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
    background: #004288;
    width: auto;
}

.filter-components-title{
    color: #242424;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 10px;
}

.filter-components .column-2{
    column-count: 2;
    column-gap: 10px;
}

.filter-components .column-4{
    column-count: 4;
    column-gap: 10px;
}

.filter-components .check-box{
    margin-bottom: 10px;
}

@media screen and (max-width: 1499px){
    .filter-components{
        padding: 20px 15px;
        margin-bottom: 30px;
    }
    .filter-components .column-2 {
        column-count: 1;
        column-gap: 0;
    }
    .filter-components .column-4 {
        column-count: 3;
        column-gap: 0;
    }
}

@media screen and (max-width: 1250px){
    .filter-components .column-4 {
        column-count: 2;
        column-gap: 0;
    }
}

@media screen and (max-width: 991px){
    .filter-components{
        padding-bottom: 0;
    }
    .filter-components .column{
        margin-bottom: 20px;
    }
}

.check-box label.disabled {
    color: #b4b4b4;
}

.ui-value {
    position: absolute;
    top: 18px;
    font-size: 13px;
}

.FILTER_RANGE_CONTROL .ui-slider-range {
    background: #065ba9;
}
.filter-components .column{
    margin-bottom: 20px;
}

.filter-components-mobile {
    display: none;
}
@media screen and (max-width: 991px){
    .filter-components-mobile {
        display: block;
        background: #004288;
        color: #ffffff;
        font-size: 15px;
        /*font-family: 'RotondaC', sans-serif;*/
        font-family: Roboto, sans-serif;
        font-weight: bold;
        padding: 10px 15px;
        position:relative;
    }
    .filter-components-mobile:before {
        content: "";
        position: absolute;
        right: 15px;
        top: 17px;
        width: 15px;
        height: 10px;
        background: url(/bitrix/templates/pgsnew_v2_0/images/arrow-w.svg) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }
    .filter-components-mobile.active:before {
        transform: rotate(-180deg);
    }
    .filter-components {
        display: none;
    }
    .filter-components {
        border-top: none;
    }
    .filter-components-mobile.bound {
        position: fixed;
        top: 10px;
        width: calc(100% - 30px);
        z-index: 10000;
    }

    .filter-components-mobile.bound + .filter-components {
        position: fixed;
        top: 53px;
        width: calc(100% - 30px);
        background: white;
        z-index: 10000;
        bottom: 0;
        margin-bottom: 0;
        overflow-y: scroll;
    }
    .filter-components .btn.btn-add-cart.clear-filter {
        position: fixed;
        right: 15px;
    }
    .filter-components-mobile:not(.active) + .filter-components .btn.btn-add-cart.clear-filter {
        display: none;
    }
}
/* End */


/* Start:/local/templates/pgsnew_v2_0/components/bitrix/catalog/.default/bitrix/catalog.section/LANDING_PAGE_SIMPLE/style.css?17580307226324*/
.section_features {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    height: 180px;
}
.section_features > a {
    width: calc(45% - 120px);
    font-size: 0.95vw;
    text-decoration: none;
    color: white;
    background: #004288;
    padding-left: 120px;
    line-height: 77px;
    position: relative;
}

.section_features > a:hover {
    background: #053f75;
}

.section_features > a:before {
    content: '';
    width: 120px;
    height: 77px;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
}
.section_features > a.delivery:before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAYCAYAAACBbx+6AAAA6klEQVRYhd2X6w7DIAiFcfHF9+Tsl4sy4DCZl+wkTdNU8ZMexRZmJiDYIKHybYcHeL8SdkpVPF8HKCWB+0+0A14bw7WJBI50XD0RdsYegE/aoQFyd1ehe2DZ4MQEenAV+kZLtLFV6LoJYEYqdCU9k7dM4gPaKhyFJqrQYjGR7+Gdin5RRqX5OqEM32YLCHzL4nvr7yzh6ZfbYTjWTIafNO6P7bIGRtJimWeJAv44rOOf1UkeYpC8WOp7lGGUsUJjkcksUhlLbRPxsBXADRyIG9UQK7NLHNnysqVZQmcXHdRshjWwjA1kX9PLL0uCNcl71BPnAAAAAElFTkSuQmCC');
}
.section_features > a.fast_delivery:before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAjCAYAAABo4wHSAAABJUlEQVRIic1X0RWDMAgEXwfqCO1m7WTtCN2IfuFLEAJEtL0ffYgcOQJRJCIIonXE6EsalqT/LjLGJeBDyj1fp5JgUk1jNOwyIc1vmMwSCDwDGsX15EUAeA2e32cyGpFyps+ATwpIiZ6Zia8Zsy1TAilvRR+6yv3FSiW4DwEAbo7vey+pnDiRzRYujUUqA5TMXMZPauqRHtLDmrzauXl4TfnUQGErgyVvKUmUlHFqTeXBPCK3VPlkSFtCbK4PxVezuaWRR9tRA7+L69X0miSzytA981bats7o4yuz4dBaKWc2Gg7TO7ti4GemFQEAnTHwN2pVkiLYCnVqSHlTGyJpX7FnpTJBq2U2Niz67LXaSR0Ukb+2iiQ6VG2k6PhEgNj/aZbYnb1f90BKzRXc3tsAAAAASUVORK5CYII=');
}
.section_features > a.dropout:before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAfCAYAAACGVs+MAAABFElEQVRIicVXWxICIQwrjBfyJh7RI+2N8MNh5dWSQBnz5axtE9MW1pBSkg3k5LBaIO6wK0jyEzbFgyiasfxrR0AdQElfSrzqSiBmYNUFMw9tAUsK52stoAZplVwT4Emskd8cbQu8yVXijGh9eRC3K1mARn6iHVVL4gESClG+it7/ElAeRJoTpWVtzCUiz+bZ7IKqalgCtPUJxWdLICSAOQmtom2MNVfdEHqhdAcG60AmymjbQeezApgBQxxJpYBZ78q42TO4HZYDWhFkW6yaVe6JLWDiui0YWemFoXPIGnqIUGuMBCB93yXvruNTIkxyEf4gQv8JIRfbVIB1yq24Qb0VTxM9yEXwFqyc+SYxK4AVArv2ARm7RTgLmOcHAAAAAElFTkSuQmCC');
}
.section_features > a.control:before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAfCAYAAACCox+xAAABR0lEQVRYhb1X0RHCMAglPRdwBDdwREdxBDdxBUdwg/hh06OvQEhC8+565loDrzygJOWcqYLqHzqQ8MbFQeKwKQAHuxaRDL8SLJK1SO7ILJ1GorD5kSJSHo5K4tl/X/0ljzRTgNJMdc79ajlC9A/tGRUjQpMmCWspd8IiKEWEO85w3yIVSkQyzAnhOoyMVb5TUYhob1fLh7BPwAIOkFCmY64gwRBoVdPqOAl7mqD1kQQXB0btPUJgc7jOI5bWVnQ4qaGIcGkKmdPzQYLW0DRZiPbJ+4R93eDSaMYwQjci+gjPh+Qp0qCR6fJoY4CnaiR0E64Nz5JjqfsOfxY8Dc37lkPtnktTjDyoXjXhSHDA8gw/FjmcV9ywRsXSL65kRygESOTF1sXxV9iX4cJnzUBpuCHvbNpS3ip6zjVnJLB4wMK+4MmL4dz5ARuVXhenf2hbAAAAAElFTkSuQmCC');
}

.section_page.komplektuyuwie_optom .section_description {
    display: flex;
    flex-wrap: wrap;
}
.section_page.komplektuyuwie_optom .section_description > div {
    width: calc(50% - 10px);
}
@media screen and (max-width: 639px){
    .section_page.komplektuyuwie_optom .section_description > div {
        width: 100%;
        margin: 0 !important;
    }
}
.section_page.komplektuyuwie_optom .section_description > div:nth-child(2n)
{
    margin-left: 20px;
}

.section_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.section_list:after {
    content: "";
    flex: auto;
}

.section_list.list .section {
    width: 180px;
    font-size: 14px;
    margin-bottom: 20px;
}
.section_list.list .section .image {
    width: 180px;
    height: 100px;
    position: relative;
}
.section_list.list .section .image img {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.section_list.list .section .price {
    margin: 20px 0;
    color: #ec2127;
}
.section_list.list .section .title {
    margin: 20px 0 5px;
    height: 51px;
    overflow-y: hidden;
    text-overflow: ellipsis;
    position: relative;
}
.section_list.list .section .title:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(transparent 30px, white);
}
.section_list.list .section .button a {
    color: white;
    background: #004288;
    border-radius: 15px;
    padding: 0 20px;
    line-height: 25px;
    display: inline-block;
    text-decoration: none;
}
.section_list.list .section .button a:hover {
    background: #053f75;
}

.medialibrary .preview {
    width: 440px;
    margin: 0 auto;
}
.medialibrary .preview img {
    outline: none;
    margin: 0 5px;
}
.medialibrary .preview .slick-arrow {
    position: absolute;
    width: 20px;
    height: calc(100% - 20px);
    border: none;
    top: 0;
    bottom: 0;
    margin: auto 0;
    color: transparent;
    z-index: 1;
    outline: none;
    background: rgba(0,0,0,0.7);
    opacity: 0;
    transition: opacity 0.3s;
    cursor: pointer;
}
.medialibrary .preview:hover .slick-arrow {
    opacity: 0.7;
}
.medialibrary .preview .slick-arrow:hover {
    opacity: 1;
}
.medialibrary .preview .slick-arrow.slick-prev {
    left: 0;
}
.medialibrary .preview .slick-arrow:after {
    color: white;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 24px;
    line-height: 70px;
    width: 20px;
}
.medialibrary .preview .slick-arrow.slick-prev:after {
    content: "<";
}
.medialibrary .preview .slick-arrow.slick-next {
    right: 0;
}
.medialibrary .preview .slick-arrow.slick-next:after {
    content: ">";
}
.medialibrary .preview img[data-slick-index='-1'] {
    box-shadow: 0 0 5px 2px transparent;
    transition: all 0.3s;
}
.medialibrary .preview img[aria-hidden='false'] {
    box-shadow: 0 0 5px 2px transparent;
    transition: all 0.3s;
}
.medialibrary .preview img.slick-current {
    box-shadow: 0 0 5px 2px black;
}
.medialibrary .preview .slick-track {
    padding: 10px 0;
}
.medialibrary .detail {
    width: 550px;
    margin: 0 auto;
}
.medialibrary .detail .description {
    margin: 20px 0;
    text-align: justify;
}
/* End */
/* /local/templates/pgsnew_v2_0/components/bitrix/breadcrumb/.default/style.css?17580307221220 */
/* /local/templates/pgsnew_v2_0/components/bitrix/catalog.smart.filter/f_4_2/style.css?17580307223407 */
/* /local/templates/pgsnew_v2_0/components/bitrix/catalog/.default/bitrix/catalog.section/LANDING_PAGE_SIMPLE/style.css?17580307226324 */
