/* Start:/local/templates/proopt/components/bitrix/catalog.section/gopro-slider/slick/slick.css?16948273621703*/
/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

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

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/proopt/components/bitrix/catalog.section/gopro-slider/slick/slick-theme.css?17097926072898*/
@charset "UTF-8";
.slick-loading .slick-list {
    background: #fff url(/local/templates/proopt/components/bitrix/catalog.section/gopro-slider/slick/./ajax-loader.gif) center center no-repeat
}

@font-face {
    font-family: "slick";
    src: url('/local/templates/proopt/components/bitrix/catalog.section/gopro-slider/slick/./fonts/slick.woff2') format('woff2');
    font-weight: 400;
    font-style: normal
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 90%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    z-index: 1000;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before, .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: #767f8c;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: 10px
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "в†ђ"
}

[dir="rtl"] .slick-prev:before {
    content: "в†’"
}

.slick-next {
    right: 10px
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "в†’"
}

[dir="rtl"] .slick-next:before {
    content: "в†ђ"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: -3px;
    left: -3px;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}
/* End */


/* Start:/local/templates/proopt_copy/components/bitrix/news.list/banners/style.css?16948273455317*/
.aroundjssorslider1 {
    min-height: 405px
}

.aroundjssorslider1 .banner {
    position: relative
}

.centeringslider1 {
    width: 100%;
    max-width: 1240px;
    min-width: 1240px;
    margin: 0 auto;
    text-align: left
}

.aroundjssorslider1 .tmsg {
    position: absolute;
    top: 60px;
    left: 90px;
    max-width: 350px;
    padding: 27px 24px
}

.aroundjssorslider1 .tmsg .title1 {
    font-size: 24px;
    color: #214496
}

.aroundjssorslider1 .tmsg .title2 {
    margin-top: 8px;
    font: 13px;
    font-weight: 700;
    font-size: 30px;
    color: #ee8131
}

.aroundjssorslider1 .tmsg .message {
    margin-top: 5px;
    font-size: 14px;
    color: #707070
}

.aroundjssorslider1 .item.video video {
    width: 100%;
    height: auto;
    cursor: default
}

.aroundjssorslider1 .item.product .text {
    padding: 20px 40px
}

.aroundjssorslider1 .item.product .text, .aroundjssorslider1 .item.product .image {
    width: 50%;
    float: left
}

.aroundjssorslider1 .item.product .image {
    padding: 20px
}

.aroundjssorslider1 .item.product .text .name {
    width: 100%;
    font-size: 25px;
    font-weight: 700;
    line-height: 45px;
    white-space: nowrap;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis
}

.aroundjssorslider1 .item.product .text .line {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 15px
}

.aroundjssorslider1 .item.product .text .line span {
    display: block;
    width: 20%;
    height: 4px;
    background-color: #0078d7
}

.aroundjssorslider1 .item.product .text .description {
    width: 100%;
    font-size: 13px;
    line-height: 26px;
    white-space: normal;
    color: #000
}

.aroundjssorslider1 .item.product .text .price {
    margin-top: 20px;
    font-size: 26px
}

#jssor_slider1.hidecontrols .prev, #jssor_slider1.hidecontrols .next, #jssor_slider1.hidecontrols .prevdn, #jssor_slider1.hidecontrols .nextdn, #jssor_slider1.hidecontrols .navi {
    display: none
}

#jssor_slider1 .prev, #jssor_slider1 .next, #jssor_slider1 .prevdn, #jssor_slider1 .nextdn {
    position: absolute;
    display: block;
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out 0;
    -moz-transition: all .2s ease-in-out 0;
    -o-transition: all .2s ease-in-out 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: .5
}

#jssor_slider1:hover .prev, #jssor_slider1:hover .next, #jssor_slider1:hover .prevdn, #jssor_slider1:hover .nextdn {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .9
}

#jssor_slider1 .prev span, #jssor_slider1 .next span, #jssor_slider1 .prevdn span, #jssor_slider1 .nextdn span {
    display: block;
    width: 25px;
    height: 25px;
    margin: 20px;
    cursor: pointer
}

#jssor_slider1 .prev, #jssor_slider1 .prevdn {
    left: 0
}

#jssor_slider1 .next, #jssor_slider1 .nextdn {
    right: 0
}

#jssor_slider1 .prev .icon, #jssor_slider1 .prevdn .icon, #jssor_slider1 .next .icon, #jssor_slider1 .nextdn .icon {
    margin-top: 5px;
    margin-left: 9px;
    width: 20px;
    height: 33px
}

#jssor_slider1 .prev .icon {
    background-position: -25px -35px
}

#jssor_slider1 .prev span:hover .icon, #jssor_slider1 .prevdn .icon {
    background-position: -25px -35px
}

#jssor_slider1 .next .icon {
    background-position: -25px 0
}

#jssor_slider1 .next span:hover .icon, #jssor_slider1 .nextdn .icon {
    background-position: -25px 0
}

#jssor_slider1 .navim {
    width: 100%;
    position: absolute;
    bottom: -30px;
}

#jssor_slider1 .navi {
    width: 287px;
    margin: auto;
    position: relative;
}

#jssor_slider1 .navi div, #jssor_slider1 .navi div:hover, #jssor_slider1 .navi .av {
    cursor: pointer;
    overflow: hidden
}

#jssor_slider1 .navi div {
    background-color: #F3F3F3
}

#jssor_slider1 .navi div:hover, #jssor_slider1 .navi .av:hover {
    background-color: #0078d7
}

#jssor_slider1 .navi .av {
    background-color: #0078d7
}

#jssor_slider1 .navi .dn, #jssor_slider1 .navi .dn:hover {
    background-color: #696969
}

@media screen and (max-width: 1010px) {
    body.adaptive .aroundjssorslider1 {
        min-height: 0;
        margin-left: 0
    }
}

@media screen and (max-width: 885px) {
    body.adaptive #jssor_slider1 .navi {
        position: absolute;
        width: 100% !important;
        top: 100%;
        left: 0;
        text-align: center;
        padding: 10px 0
    }

    body.adaptive #jssor_slider1 .navi div {
        position: static !important;
        display: inline-block;
        float: none;
        margin-right: 14px;
        -khtml-border-radius: 9px;
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        border-radius: 9px
    }

    body.adaptive #jssor_slider1 {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 480px) {
    body.adaptive .aroundowlslider1 .item.product .text .description {
        display: none
    }

    body.adaptive .aroundowlslider1 .item.product .text .name, body.adaptive .aroundowlslider1 .item.product .text .price {
        font-size: 14px
    }

    body.adaptive .aroundowlslider1 .owl-dots .owl-dot {
        width: 12px;
        height: 12px
    }
}

.item.video video {
    transform: none !important
}
/* End */


/* Start:/local/templates/proopt_copy/components/redsign/catalog.sorter/gopro/style.css?16948273475444*/
.sorter_and_name .catalogsorter {
    position: relative;
    top: -5px
}

.catalogsorter {
    padding-left: 17px
}

.catalogsorter .sortaou {
    float: left
}

.bottom .catalogsorter {
    padding-top: 12px
}

.bottom .catalogsorter .sortaou {
    float: right
}

.catalogsorter .sort, .catalogsorter .shortsort {
    float: left;
    margin-right: 25px
}

.catalogsorter .output {
    float: right
}

.catalogsorter .template {
    float: right
}

.catalogsorter .dropdown {
    position: relative;
    float: left
}

.catalogsorter .title {
    float: left;
    margin-right: 5px;
    padding: 14px 5px 10px 0
}

.catalogsorter .dropdownin {
    position: absolute;
    left: 0;
    top: 38px;
    display: none;
    min-width: 155px;
    background-color: #FFF;
    border: 1px solid #F2F2F2;
    z-index: 991
}

.catalogsorter .dropdown.hover .dropdownin {
    display: block
}

.catalogsorter .dropdown a.select, .catalogsorter .dropdown a.select:hover {
    color: #000;
    text-decoration: none
}

.catalogsorter .dropdownin a {
    display: block;
    padding: 10px;
    text-decoration: none
}

.catalogsorter .dropdownin a:hover {
    color: #858585;
    background-color: #f7f8f8
}

.catalogsorter .dropdownin a.selected {
    text-decoration: underline
}

.catalogsorter .shortsort i, .catalogsorter .sort i {
    width: 8px;
    height: 4px;
    margin-left: 6px;
    margin-bottom: 2px;
    background-position: -8px 0;
    float: right;
    margin-top: 7px
}

.catalogsorter .shortsort i.desc, .catalogsorter .sort i.desc {
    background-position: 0 0
}

.catalogsorter .shortsort a i.asc, .catalogsorter .sort .dropdownin a i.asc {
    background-position: -8px 0
}

.catalogsorter .shortsort a:hover i.asc, .catalogsorter .shortsort a.selected i.asc, .catalogsorter .sort .dropdownin a:hover i.asc {
    background-position: -8px -8px
}

.catalogsorter .shortsort a i.desc, .catalogsorter .sort .dropdownin a i.desc {
    background-position: 0 0
}

.catalogsorter .shortsort a:hover i.desc, .catalogsorter .shortsort a.selected i.desc, .catalogsorter .sort .dropdownin a:hover i.desc {
    background-position: 0 -8px
}

.catalogsorter .output i {
    width: 8px;
    height: 4px;
    margin-left: 6px;
    margin-bottom: 2px;
    background-position: 0 0
}

.catalogsorter .output .dropdownin a i {
    display: none
}

.catalogsorter .sort .dropdown, .catalogsorter .output .dropdown {
    padding: 10px;
    border: 1px solid #cbcbcb;
    min-width: 136px
}

.catalogsorter .template a {
    float: right
}

.catalogsorter .shortsort a {
    float: left
}

.catalogsorter .template a, .catalogsorter .shortsort a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #eaeaea;
    margin-right: -1px
}

.catalogsorter .template a:hover, .catalogsorter .shortsort a:hover {
    color: #FFF;
    background-color: #0078d7;
    text-decoration: underline
}

.catalogsorter .template a.selected, .catalogsorter .shortsort a.selected {
    background-color: #0078d7
}

.catalogsorter .template a:active, .catalogsorter .shortsort a:active, .catalogsorter .template a.selected:active, .catalogsorter .shortsort a.selected:active {
    text-decoration: underline;
    color: #fff;
    background-color: #0078d7
}

.catalogsorter .template i {
    margin-bottom: 1px
}

.catalogsorter .template i.table {
    width: 10px;
    height: 10px;
    background-position: -10px -336px
}

.catalogsorter .template a:hover i.table, .catalogsorter .template a.selected i.table, .catalogsorter .template a:active i.table, .catalogsorter .template a.selected:active i.table {
    background-position: 0 -336px
}

.catalogsorter .template i.showcase {
    width: 11px;
    height: 11px;
    background-position: -11px -346px
}

.catalogsorter .template a:hover i.showcase, .catalogsorter .template a.selected i.showcase, .catalogsorter .template a:active i.showcase, .catalogsorter .template a.selected:active i.showcase {
    background-position: 0 -346px
}

.catalogsorter .template i.gallery {
    width: 10px;
    height: 10px;
    background-position: -10px -357px
}

.catalogsorter .template a:hover i.gallery, .catalogsorter .template a.selected i.gallery, .catalogsorter .template a:active i.gallery, .catalogsorter .template a.selected:active i.gallery {
    background-position: 0 -357px
}

.catalogsorter span.drop {
    display: none
}

a.sort-title__item.active {
    color: #0078d7
}

a.sort-title__item {
    padding: 0 10px;
    color: #8b8b8b
}

@media screen and (max-width: 850px) {
    body.adaptive .catalogsorter .template a i {
        margin-right: 0
    }

    body.adaptive .catalogsorter .template a span {
        display: none
    }
}

@media screen and (max-width: 665px) and (min-width: 606px) {
    body.adaptive .catalogsorter .title {
        display: none
    }
}

@media screen and (max-width: 390px) {
    body.adaptive .catalogsorter .sort .title {
        display: none
    }

    body.adaptive span.sort-title {
        display: none
    }
}

@media screen and (max-width: 650px) {
    body.adaptive .catalogsorter .sort, body.adaptive .catalogsorter .shortsort, body.adaptive .catalogsorter .output {
        margin-right: 10px
    }
}

@media screen and (max-width: 605px) {
    body.adaptive .catalogsorter {
        padding-left: 0
    }
}
/* End */


/* Start:/local/templates/proopt_copy/components/bitrix/catalog.section/gopro-slider/style.min.css?175196689614848*/
*{box-sizing:border-box}.slick-prev:before,.slick-next:before{color:#000}.artables.table .products{width:100%}.artables.table table.names{display:none;float:left;width:150px;border-right:none}.artables.table table.names td.name{width:140px}.artables.table .arproducts{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.artables.table table{border:1px solid #F3F3F3}.artables.table table tr th{padding:14px 10px;background-color:#f3f3f3;font-weight:400}.artables.table table tr td{padding:12px 10px}.artables.table table tr th.free,.artables.table table tr td.free{width:7px;padding:0}.artables.table table tr th.free span,.artables.table table tr td.free span{display:block;width:7px;min-height:48px}.artables.table table tr.even td{background-color:#fafafa}.artables.table table.products div.name{min-width:143px}.artables.table table.products tr:hover td{color:#fff;background-color:#fafafa}.artables.table table.products tr:hover td.name a{color:#fff;text-decoration:underline}.artables.table table.products tr:hover td.name a:hover{text-decoration:none}.artables.table table.products .add2basketform .submit i,.artables.table table.products .add2basketform .inbasket i{width:23px;height:20px;margin-left:8px;margin-bottom:4px;background-position:0 -418px}.artables.table table.products tr:hover .add2basketform .submit i,.artables.table table.products tr:hover .add2basketform .inbasket i{background-position:-23px -418px}.artables.table table.products tr:hover .add2basketform.in .tick,.artables.table table.products tr:hover .add2basketform.in .tick{background-position:-13px -579px}.artables.table table.products tr:hover .add2basketform input,.artables.table table.products tr:hover .add2basketform .js-measurename{color:#000}.artables.table table th,.artables.table table td{text-align:center}.artables.table table th.name,.artables.table table td.name{text-align:left}.artables.table .add2basketform.in .inbasket{display:none}.artables.table .add2basketform .tick{visibility:hidden;width:13px;height:9px;margin-left:8px;background-position:-13px -588px}.artables.table .add2basketform.in .tick{visibility:visible}.artables.table.adap .arproducts{overflow-x:scroll;overflow-y:hidden}.artables.table.adap table.products{border-left:none}.artables.table.adap table.products th.free,.artables.table.adap table.products td.free,.artables.table.adap table.products th.name,.artables.table.adap table.products td.name{width:0;max-width:0;padding:0;margin:0;overflow:hidden}.artables.table.adap table.products th.free span,.artables.table.adap table.products td.free span{width:0}.artables.table table td.free span.qb{background-color:#66b132}.artables.table table td.free span.da2,.artables.table table td.free span.da2.qb{background-color:#c5007c}.artables.table.adap table.products div.name{width:143px;padding:12px 10px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;box-sizing:border-box}.artables.table.adap table.names{display:block}@media screen and (max-width: 1010px){body.adaptive .artables.table .arproducts{overflow-x:scroll;overflow-y:hidden}body.adaptive .artables.table table.products{border-left:none}body.adaptive .artables.table table.products th.free,body.adaptive .artables.table table.products td.free,body.adaptive .artables.table table.products th.name,body.adaptive .artables.table table.products td.name{width:0;max-width:0;padding:0;margin:0;overflow:hidden}body.adaptive .artables.table table.products th.free span,body.adaptive .artables.table table.products td.free span{width:0}body.adaptive .artables.table table.products div.name{width:143px;padding:12px 10px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;box-sizing:border-box}body.adaptive .artables.table table.names{display:block}}.artables.gallery .products,.artables.gallery .productsin{width:100%}.artables.gallery table.names{display:none;float:left;width:150px;border-right:none}.artables.gallery table.names td.name{width:140px}.artables.gallery .arproducts{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.artables.gallery table .productsin{border:1px solid #F3F3F3;margin-bottom:20px}.artables.gallery table .productsin td.nowrap.price{width:100px}.artables.gallery table tr th{padding:14px 10px;font-weight:400;background-color:#f3f3f3}.artables.gallery table tr td.name,.artables.gallery table tr td.nowrap{padding:12px 10px}.artables.gallery table tr th.free,.artables.gallery table tr td.free{width:7px;padding:0}.artables.gallery table tr th.free span,.artables.gallery table tr td.free span{display:block;width:7px;min-height:48px}.artables.gallery table.products div.name{min-width:143px}.artables.gallery table.names tr td.name table.smpl,.artables.gallery table.names tr td.name table.smpl tr td,.artables.gallery table.products tr td.name table.smpl,.artables.gallery table.products tr td.name table.smpl tr td{padding:0;border:none}.artables.gallery table.names tr td.name table.smpl tr td.nm a,.artables.gallery table.products tr td.name table.smpl tr td.nm a,.artables.gallery table.names tr td.name table.smpl tr td.nm span,.artables.gallery table.products tr td.name table.smpl tr td.nm span{display:block;padding-left:7px}.artables.gallery table.names tr td.name table.smpl tr td.nm a>span,.artables.gallery table.products tr td.name table.smpl tr td.nm a>span{padding-left:0;font-size:16px;font-family:latosemibold}.artables.gallery table.names tr td.name table.smpl tr td.nm,.artables.gallery table.products tr td.name table.smpl tr td.nm{text-align:left}.artables.gallery table.products tr:hover td.name a{color:#000;text-decoration:underline}.artables.gallery table.products tr:hover td.name a:hover{text-decoration:none}.artables.gallery table.products .add2basketform .submit i,.artables.gallery table.products .add2basketform .inbasket i{width:23px;height:20px;margin-left:5px;margin-bottom:4px;background-position:0 -418px}.artables.gallery table.products tr:hover .add2basketform .submit i,.artables.gallery table.products tr:hover .add2basketform .inbasket i{background-position:-23px -418px}.artables.gallery table.products tr:hover .add2basketform.in .tick,.artables.gallery table.products tr:hover .add2basketform.in .tick{background-position:-13px -579px}.artables.gallery table.products tr:hover .add2basketform input,.artables.gallery table.products tr:hover .add2basketform .js-measurename{color:#000}.artables.gallery .products div{font-size:25px;font-family:latoheavy}.artables.gallery table th.name,.artables.gallery table td.name{text-align:left}.artables.gallery .add2basketform.in .inbasket{display:none}.artables.gallery .add2basketform .tick{visibility:hidden;width:13px;height:9px;margin-left:5px;background-position:-13px -588px}.artables.gallery .add2basketform.in .tick{visibility:visible}.artables.gallery.adap .arproducts{overflow-x:scroll;overflow-y:hidden}.artables.gallery.adap table.products{border-left:none}.artables.gallery.adap table.products th.free,.artables.gallery.adap table.products td.free,.artables.gallery.adap table.products th.name,.artables.gallery.adap table.products td.name{width:0;max-width:0;padding:0;margin:0;overflow:hidden}.artables.gallery.adap table.products th.free span,.artables.gallery.adap table.products td.free span{width:0}.artables.gallery table td.free.qb,.artables.gallery table td.free span.qb,.artables.gallery table.products tr:hover td.free.qb,.artables.gallery table.products tr:hover td.free span.qb{background-color:#66b132}.artables.gallery table td.free.da2,.artables.gallery table td.free.da2.qb,.artables.gallery table td.free span.da2,.artables.gallery table td.free span.da2.qb,.artables.gallery table.products tr:hover td.free.da2,.artables.gallery table.products tr:hover td.free.da2.qb,.artables.gallery table.products tr:hover td.free span.da2,.artables.gallery table.products tr:hover td.free span.da2.qb{background-color:#c5007c}.artables.gallery.adap table.products div.name{width:143px;padding:12px 10px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;box-sizing:border-box}.artables.gallery.adap table.names{display:block}.body .artables.gallery.adap table.products td.free.qb,.body .artables.gallery.adap table.products td.free span.qb .body .artables.gallery.adap table.products td.free.da2,.body .artables.gallery.adap table.products td.free.da2.qb,.body .artables.gallery.adap table.products td.free span.da2,.body .artables.gallery.adap table.products td.free span.da2.qb{background-color:#fff}@media screen and (max-width: 1010px){body.adaptive .artables.gallery .arproducts{overflow-x:scroll;overflow-y:hidden}body.adaptive .artables.gallery table.products{border-left:none}body.adaptive .artables.gallery table.products th.free,body.adaptive .artables.gallery table.products td.free,body.adaptive .artables.gallery table.products th.name,body.adaptive .artables.gallery table.products td.name{width:0;max-width:0;padding:0;margin:0;overflow:hidden}body.adaptive .artables.gallery table.products th.free span,body.adaptive .artables.gallery table.products td.free span{width:0}body.adaptive .artables.gallery table.products div.name{width:143px;padding:12px 10px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;box-sizing:border-box}body.adaptive .artables.gallery table.names{display:block}body.adaptive .artables.gallery table.products td.free.qb,body.adaptive .artables.gallery table.products td.free span.qb body.adaptive .artables.gallery table.products td.free.da2,body.adaptive .artables.gallery table.products td.free.da2.qb,body.adaptive .artables.gallery table.products td.free span.da2,body.adaptive .artables.gallery table.products td.free span.da2.qb{background-color:#fff}}.showcase{width:100%}.showcase .js-element{position:relative;float:left;width:250px}.showcase.columns5 .js-element{width:250px}.showcase .js-element .inner{position:absolute;top:0;left:0;right:0;background-color:#fff;border:1px solid #F2F2F2;z-index:100;margin-right:10px}.showcase .js-element .padd{padding:10px 10px 4px}.showcase .js-element{height:410px}.showcase.big .js-element{height:378px}.showcase .name{text-align:left;overflow:hidden;font-family:latosemibold;margin-top:20px;height:52px;position:relative;z-index:20}.showcase .name a{color:#000}.showcase .pic{position:relative;padding:10px 0;text-align:center}:focus{outline:none}.showcase .pic a,.showcase .pic span.pic{display:block;width:100%;height:170px;line-height:170px;text-align:center}.showcase .pic a img,.showcase .pic span.pic img{display:inline-block;vertical-align:middle;max-height:220px}.showcase .pic .timers{position:absolute;bottom:0;left:0;right:0;display:none}.showcase .pic .timers .clock{float:left;padding:14px 6px;background-color:#748080;border-radius:3px 0 0 3px}.showcase .pic .timers .clock i{width:16px;height:16px;background-position:0 0;background-repeat:no-repeat}.showcase .pic .timers .timer{margin:0 auto;background-color:#e8e8e8;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7;border-radius:0 3px 3px 0}.showcase .pic .timers .timer .intimer{float:left;padding:8px 11px 0}.showcase .pic .timers .timer .val,.showcase .pic .timers .timer .dvoet{float:left}.showcase .pic .timers .timer .val.ml{margin-left:10px}.showcase .pic .timers .timer .val .value,.showcase .pic .timers .timer .val .podpis{width:100%}.showcase .pic .timers .timer .val .value,.showcase .pic .timers .timer .dvoet{font:17px Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:3px}.showcase .pic .timers .timer .podpis{font:10px Arial,Helvetica,sans-serif}.showcase .pic .timers .timer .progressbar{height:4px;margin-top:4px;background-color:#d4d9de;border:1px solid #b8bcc1;border-radius:3px}.showcase .pic .timers .timer .progressbar .progress{position:relative;top:-1px;left:-1px;height:4px;background-repeat:repeat-x;border-radius:3px}.showcase .pic .timers .timer.da2 .progressbar .progress{border:1px solid #990060}.showcase .pic .timers .timer.qb .progressbar .progress{border:1px solid #62a92c}.showcase .prices .prices_jscrollpane{width:100%;overflow:auto}.showcase .prices .prev,.showcase .prices .next{display:block;width:100%;text-align:center}.showcase .prices .prev .icon,.showcase .prices .next .icon{width:14px;height:7px;margin-bottom:2px}.showcase .prices .prev .icon{background-position:-14px -669px}.showcase .prices .prev:hover .icon{background-position:-14px -690px}.showcase .prices .next .icon{background-position:0 -669px}.showcase .prices .next:hover .icon{background-position:0 -690px}.showcase .prices .pricestable{width:100%}.showcase .prices .pricestable tr td{padding:8px 10px}.showcase .prices .pricestable tr.even td{background-color:#fafafa}.showcase .soloprice{padding:10px 10px 0 20px}.showcase .soloprice span{display:inline-block;margin-bottom:6px}.showcase .soloprice .price.gen{font-family:latoheavy;font-size:25px;margin-bottom:10px}.showcase .soloprice .price.old{margin-left:8px}.showcase .buy,.showcase .description{margin-right:20px;margin-bottom:20px}.showcase .buy .quantity{margin-top:3px}.showcase .buy .add2basket{float:right;padding:11px;font-size:18px}.showcase .buy .inbasket{float:right;padding:11px}.showcase .compare{margin-top:12px}.showcase .favorishare{margin-top:5px}.showcase .add2favorite{color:#666;font-size:11px;text-decoration:none}.showcase .add2favorite:hover{color:#214496;text-decoration:underline}.showcase .add2favorite .icon,.showcase .add2favorite .counter{margin-right:3px}.showcase .add2favorite .icon{width:12px;height:10px;margin-bottom:2px;background-position:0 -629px}.showcase .add2favorite.in .icon{background-position:-12px -629px}.showcase .share{float:right}.showcase .share .b-share-icon{height:10px;background-repeat:no-repeat}.showcase .share .b-share{padding:1px 0!important}.showcase .share .b-share__handle{padding:5px 3px 1px 7px!important}.showcase .share a .b-share-icon.b-share-icon_vkontakte{width:9px;background-position:0 -301px}.showcase .share a:hover .b-share-icon.b-share-icon_vkontakte{background-position:-9px -301px}.showcase .share a .b-share-icon.b-share-icon_facebook{width:6px;background-position:0 -291px}.showcase .share a:hover .b-share-icon.b-share-icon_facebook{background-position:-6px -291px}.showcase .share a .b-share-icon.b-share-icon_twitter{width:8px;background-position:0 -311px}.showcase .share a:hover .b-share-icon.b-share-icon_twitter{background-position:-8px -311px}.showcase .share a.email2friend .icon{width:14px;height:10px;background-position:0 -280px}.showcase .share a.email2friend:hover .icon{background-position:-14px -280px}.showcase .favorite{float:left}.popup.padd{display:none}.price.old{color:#8b8b8b;text-decoration:line-through;font-size:16px}

/* End */


/* Start:/local/templates/.default/components/bitrix/iblock.vote/stars/style.css?17405543321368*/

.showcase .bx_item_detail_rating {
    margin-bottom: 0;
}

.bx_item_detail_rating {
    float: left;
    position: relative;
    z-index: 100;
}

.bx_item_detail_rating td {
    vertical-align: middle;
    text-align: right;
}

.bx_item_detail_rating .bx_item_rating {
    text-align: right;
}

.bx_item_detail_rating .bx_stars_container {
    position: relative;
    width: 68px;
    height: 30px;
    background: #dadada;
    background-size: 100% 100%;
}

.bx_item_detail_rating .bx_stars_bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
    background: url(/local/templates/.default/components/bitrix/iblock.vote/stars/images/stars.png) no-repeat center;
    border: 1px #fff solid;
}

.bx_item_detail_rating .bx_stars_progress {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #e76110;
}

.bx_item_detail_rating__block {
    display: flex;
    margin-left: 5px;
}

.bx_item_detail_rating .bx_stars_rating_votes {
    color: #8d8d8d;
    font-size: 11px;
    line-height: 11px;
    vertical-align: middle;
}

.showcase .bx_item_detail_rating .bx_stars_rating_votes {
    margin-bottom: 0;
}

@media (max-width: 530px) {
    .bx-touch .bx_item_detail_rating .bx_stars_container {
        height: 15px;
        margin: 4px 0;
    }

    .bx_item_detail_rating .bx_stars_rating_votes {
        font-size: 7px;
        line-height: 7px;
    }
}
/* End */


/* Start:/local/templates/proopt_copy/components/bitrix/catalog.section/gopro-slider/style.css?169482734618355*/
* {
    box-sizing: border-box
}

.slick-prev:before, .slick-next:before {
    color: #000
}

.artables.table .products {
    width: 100%
}

.artables.table table.names {
    display: none;
    float: left;
    width: 150px;
    border-right: none
}

.artables.table table.names td.name {
    width: 140px
}

.artables.table .arproducts {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.artables.table table {
    border: 1px solid #F3F3F3
}

.artables.table table tr th {
    padding: 14px 10px;
    background-color: #F3F3F3;
    font-weight: 400
}

.artables.table table tr td {
    padding: 12px 10px
}

.artables.table table tr th.free, .artables.table table tr td.free {
    width: 7px;
    padding: 0
}

.artables.table table tr th.free span, .artables.table table tr td.free span {
    display: block;
    width: 7px;
    min-height: 48px
}

.artables.table table tr.even td {
    background-color: #fafafa
}

.artables.table table.products div.name {
    min-width: 143px
}

.artables.table table.products tr:hover td {
    color: #FFF;
    background-color: #fafafa
}

.artables.table table.products tr:hover td.name a {
    color: #FFF;
    text-decoration: underline
}

.artables.table table.products tr:hover td.name a:hover {
    text-decoration: none
}

.artables.table table.products .add2basketform .submit i, .artables.table table.products .add2basketform .inbasket i {
    width: 23px;
    height: 20px;
    margin-left: 8px;
    margin-bottom: 4px;
    background-position: 0 -418px
}

.artables.table table.products tr:hover .add2basketform .submit i, .artables.table table.products tr:hover .add2basketform .inbasket i {
    background-position: -23px -418px
}

.artables.table table.products tr:hover .add2basketform.in .tick, .artables.table table.products tr:hover .add2basketform.in .tick {
    background-position: -13px -579px
}

.artables.table table.products tr:hover .add2basketform input, .artables.table table.products tr:hover .add2basketform .js-measurename {
    color: #000
}

.artables.table table th, .artables.table table td {
    text-align: center
}

.artables.table table th.name, .artables.table table td.name {
    text-align: left
}

.artables.table .add2basketform.in .inbasket {
    display: none
}

.artables.table .add2basketform .tick {
    visibility: hidden;
    width: 13px;
    height: 9px;
    margin-left: 8px;
    background-position: -13px -588px
}

.artables.table .add2basketform.in .tick {
    visibility: visible
}

.artables.table.adap .arproducts {
    overflow-x: scroll;
    overflow-y: hidden
}

.artables.table.adap table.products {
    border-left: none
}

.artables.table.adap table.products th.free, .artables.table.adap table.products td.free, .artables.table.adap table.products th.name, .artables.table.adap table.products td.name {
    width: 0;
    max-width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden
}

.artables.table.adap table.products th.free span, .artables.table.adap table.products td.free span {
    width: 0
}

.artables.table table td.free span.qb {
    background-color: #66b132
}

.artables.table table td.free span.da2, .artables.table table td.free span.da2.qb {
    background-color: #c5007c
}

.artables.table.adap table.products div.name {
    width: 143px;
    padding: 12px 10px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.artables.table.adap table.names {
    display: block
}

@media screen and (max-width: 1010px) {
    body.adaptive .artables.table .arproducts {
        overflow-x: scroll;
        overflow-y: hidden
    }

    body.adaptive .artables.table table.products {
        border-left: none
    }

    body.adaptive .artables.table table.products th.free, body.adaptive .artables.table table.products td.free, body.adaptive .artables.table table.products th.name, body.adaptive .artables.table table.products td.name {
        width: 0;
        max-width: 0;
        padding: 0;
        margin: 0;
        overflow: hidden
    }

    body.adaptive .artables.table table.products th.free span, body.adaptive .artables.table table.products td.free span {
        width: 0
    }

    body.adaptive .artables.table table.products div.name {
        width: 143px;
        padding: 12px 10px;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    body.adaptive .artables.table table.names {
        display: block
    }
}

.artables.gallery .products, .artables.gallery .productsin {
    width: 100%
}

.artables.gallery table.names {
    display: none;
    float: left;
    width: 150px;
    border-right: none
}

.artables.gallery table.names td.name {
    width: 140px
}

.artables.gallery .arproducts {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.artables.gallery table .productsin {
    border: 1px solid #F3F3F3;
    margin-bottom: 20px
}

.artables.gallery table .productsin td.nowrap.price {
    width: 100px
}

.artables.gallery table tr th {
    padding: 14px 10px;
    font-weight: 400;
    background-color: #F3F3F3
}

.artables.gallery table tr td.name, .artables.gallery table tr td.nowrap {
    padding: 12px 10px
}

.artables.gallery table tr th.free, .artables.gallery table tr td.free {
    width: 7px;
    padding: 0
}

.artables.gallery table tr th.free span, .artables.gallery table tr td.free span {
    display: block;
    width: 7px;
    min-height: 48px
}

.artables.gallery table.products div.name {
    min-width: 143px
}

.artables.gallery table.names tr td.name table.smpl, .artables.gallery table.names tr td.name table.smpl tr td, .artables.gallery table.products tr td.name table.smpl, .artables.gallery table.products tr td.name table.smpl tr td {
    padding: 0;
    border: none
}

.artables.gallery table.names tr td.name table.smpl tr td.nm a, .artables.gallery table.products tr td.name table.smpl tr td.nm a, .artables.gallery table.names tr td.name table.smpl tr td.nm span, .artables.gallery table.products tr td.name table.smpl tr td.nm span {
    display: block;
    padding-left: 7px
}

.artables.gallery table.names tr td.name table.smpl tr td.nm a > span, .artables.gallery table.products tr td.name table.smpl tr td.nm a > span {
    padding-left: 0;
    font-size: 16px;
    font-family: latosemibold
}

.artables.gallery table.names tr td.name table.smpl tr td.nm, .artables.gallery table.products tr td.name table.smpl tr td.nm {
    text-align: left
}

.artables.gallery table.products tr:hover td.name a {
    color: #000;
    text-decoration: underline
}

.artables.gallery table.products tr:hover td.name a:hover {
    text-decoration: none
}

.artables.gallery table.products .add2basketform .submit i, .artables.gallery table.products .add2basketform .inbasket i {
    width: 23px;
    height: 20px;
    margin-left: 5px;
    margin-bottom: 4px;
    background-position: 0 -418px
}

.artables.gallery table.products tr:hover .add2basketform .submit i, .artables.gallery table.products tr:hover .add2basketform .inbasket i {
    background-position: -23px -418px
}

.artables.gallery table.products tr:hover .add2basketform.in .tick, .artables.gallery table.products tr:hover .add2basketform.in .tick {
    background-position: -13px -579px
}

.artables.gallery table.products tr:hover .add2basketform input, .artables.gallery table.products tr:hover .add2basketform .js-measurename {
    color: #000
}

.artables.gallery .products div {
    font-size: 25px;
    font-family: latoheavy
}

.artables.gallery table th.name, .artables.gallery table td.name {
    text-align: left
}

.artables.gallery .add2basketform.in .inbasket {
    display: none
}

.artables.gallery .add2basketform .tick {
    visibility: hidden;
    width: 13px;
    height: 9px;
    margin-left: 5px;
    background-position: -13px -588px
}

.artables.gallery .add2basketform.in .tick {
    visibility: visible
}

.artables.gallery.adap .arproducts {
    overflow-x: scroll;
    overflow-y: hidden
}

.artables.gallery.adap table.products {
    border-left: none
}

.artables.gallery.adap table.products th.free, .artables.gallery.adap table.products td.free, .artables.gallery.adap table.products th.name, .artables.gallery.adap table.products td.name {
    width: 0;
    max-width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden
}

.artables.gallery.adap table.products th.free span, .artables.gallery.adap table.products td.free span {
    width: 0
}

.artables.gallery table td.free.qb, .artables.gallery table td.free span.qb, .artables.gallery table.products tr:hover td.free.qb, .artables.gallery table.products tr:hover td.free span.qb {
    background-color: #66b132
}

.artables.gallery table td.free.da2, .artables.gallery table td.free.da2.qb, .artables.gallery table td.free span.da2, .artables.gallery table td.free span.da2.qb, .artables.gallery table.products tr:hover td.free.da2, .artables.gallery table.products tr:hover td.free.da2.qb, .artables.gallery table.products tr:hover td.free span.da2, .artables.gallery table.products tr:hover td.free span.da2.qb {
    background-color: #c5007c
}

.artables.gallery.adap table.products div.name {
    width: 143px;
    padding: 12px 10px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.artables.gallery.adap table.names {
    display: block
}

.body .artables.gallery.adap table.products td.free.qb, .body .artables.gallery.adap table.products td.free span.qb
.body .artables.gallery.adap table.products td.free.da2, .body .artables.gallery.adap table.products td.free.da2.qb, .body .artables.gallery.adap table.products td.free span.da2, .body .artables.gallery.adap table.products td.free span.da2.qb {
    background-color: #fff
}

@media screen and (max-width: 1010px) {
    body.adaptive .artables.gallery .arproducts {
        overflow-x: scroll;
        overflow-y: hidden
    }

    body.adaptive .artables.gallery table.products {
        border-left: none
    }

    body.adaptive .artables.gallery table.products th.free, body.adaptive .artables.gallery table.products td.free, body.adaptive .artables.gallery table.products th.name, body.adaptive .artables.gallery table.products td.name {
        width: 0;
        max-width: 0;
        padding: 0;
        margin: 0;
        overflow: hidden
    }

    body.adaptive .artables.gallery table.products th.free span, body.adaptive .artables.gallery table.products td.free span {
        width: 0
    }

    body.adaptive .artables.gallery table.products div.name {
        width: 143px;
        padding: 12px 10px;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    body.adaptive .artables.gallery table.names {
        display: block
    }

    body.adaptive .artables.gallery table.products td.free.qb, body.adaptive .artables.gallery table.products td.free span.qb
    body.adaptive .artables.gallery table.products td.free.da2, body.adaptive .artables.gallery table.products td.free.da2.qb, body.adaptive .artables.gallery table.products td.free span.da2, body.adaptive .artables.gallery table.products td.free span.da2.qb {
        background-color: #fff
    }
}

.showcase {
    width: 100%
}

.showcase .js-element {
    position: relative;
    float: left;
    width: 250px
}

.showcase.columns5 .js-element {
    width: 250px
}

.showcase .js-element .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #F2F2F2;
    z-index: 100;
    margin-right: 10px
}

.showcase .js-element .padd {
    padding: 10px 10px 4px
}

.showcase .js-element {
    height: 410px
}

.showcase.big .js-element {
    height: 378px
}

.showcase .name {
    text-align: left;
    overflow: hidden;
    font-family: latosemibold;
    margin-top: 20px;
    height: 52px;
    position: relative;
    z-index: 20;
}

.showcase .name a {
    color: #000
}

.showcase .pic {
    position: relative;
    padding: 10px 0;
    text-align: center
}

:focus {
    outline: none
}

.showcase .pic a, .showcase .pic span.pic {
    display: block;
    width: 100%;
    height: 170px;
    line-height: 170px;
    text-align: center
}

.showcase .pic a img, .showcase .pic span.pic img {
    display: inline-block;
    vertical-align: middle;
    max-height: 220px;
}

.showcase .pic .timers {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}

.showcase .pic .timers .clock {
    float: left;
    padding: 14px 6px;
    background-color: #748080;
    -khtml-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.showcase .pic .timers .clock i {
    width: 16px;
    height: 16px;
    background-position: 0 0;
    background-repeat: no-repeat
}

.showcase .pic .timers .timer {
    margin: 0 auto;
    background-color: #e8e8e8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7;
    -khtml-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.showcase .pic .timers .timer .intimer {
    float: left;
    padding: 8px 11px 0
}

.showcase .pic .timers .timer .val, .showcase .pic .timers .timer .dvoet {
    float: left
}

.showcase .pic .timers .timer .val.ml {
    margin-left: 10px
}

.showcase .pic .timers .timer .val .value, .showcase .pic .timers .timer .val .podpis {
    width: 100%
}

.showcase .pic .timers .timer .val .value, .showcase .pic .timers .timer .dvoet {
    font: 17px Arial, Helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: 3px
}

.showcase .pic .timers .timer .podpis {
    font: 10px Arial, Helvetica, sans-serif
}

.showcase .pic .timers .timer .progressbar {
    height: 4px;
    margin-top: 4px;
    background-color: #d4d9de;
    border: 1px solid #b8bcc1;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.showcase .pic .timers .timer .progressbar .progress {
    position: relative;
    top: -1px;
    left: -1px;
    height: 4px;
    background-repeat: repeat-x;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.showcase .pic .timers .timer.da2 .progressbar .progress {
    border: 1px solid #990060
}

.showcase .pic .timers .timer.qb .progressbar .progress {
    border: 1px solid #62a92c
}

.showcase .prices .prices_jscrollpane {
    width: 100%;
    overflow: auto
}

.showcase .prices .prev, .showcase .prices .next {
    display: block;
    width: 100%;
    text-align: center
}

.showcase .prices .prev .icon, .showcase .prices .next .icon {
    width: 14px;
    height: 7px;
    margin-bottom: 2px
}

.showcase .prices .prev .icon {
    background-position: -14px -669px
}

.showcase .prices .prev:hover .icon {
    background-position: -14px -690px
}

.showcase .prices .next .icon {
    background-position: 0 -669px
}

.showcase .prices .next:hover .icon {
    background-position: 0 -690px
}

.showcase .prices .pricestable {
    width: 100%
}

.showcase .prices .pricestable tr td {
    padding: 8px 10px
}

.showcase .prices .pricestable tr.even td {
    background-color: #FAFAFA
}

.showcase .soloprice {
    padding: 10px 10px 0 20px
}

.showcase .soloprice span {
    display: inline-block;
    margin-bottom: 6px
}

.showcase .soloprice .price.gen {
    font-family: latoheavy;
    font-size: 25px;
    margin-bottom: 10px
}

.showcase .soloprice .price.old {
    margin-left: 8px
}

.showcase .buy, .showcase .description {
    margin-right: 20px;
    margin-bottom: 20px
}

.showcase .buy .quantity {
    margin-top: 3px
}

.showcase .buy .add2basket {
    float: right;
    padding: 11px;
    font-size: 18px
}

.showcase .buy .inbasket {
    float: right;
    padding: 11px
}

.showcase .compare {
    margin-top: 12px
}

.showcase .favorishare {
    margin-top: 5px
}

.showcase .add2favorite {
    color: #666;
    font-size: 11px;
    text-decoration: none
}

.showcase .add2favorite:hover {
    color: #214496;
    text-decoration: underline
}

.showcase .add2favorite .icon, .showcase .add2favorite .counter {
    margin-right: 3px
}

.showcase .add2favorite .icon {
    width: 12px;
    height: 10px;
    margin-bottom: 2px;
    background-position: 0 -629px
}

.showcase .add2favorite.in .icon {
    background-position: -12px -629px
}

.showcase .share {
    float: right
}

.showcase .share .b-share-icon {
    height: 10px;
    background-repeat: no-repeat
}

.showcase .share .b-share {
    padding: 1px 0 !important
}

.showcase .share .b-share__handle {
    padding: 5px 3px 1px 7px !important
}

.showcase .share a .b-share-icon.b-share-icon_vkontakte {
    width: 9px;
    background-position: 0 -301px
}

.showcase .share a:hover .b-share-icon.b-share-icon_vkontakte {
    background-position: -9px -301px
}

.showcase .share a .b-share-icon.b-share-icon_facebook {
    width: 6px;
    background-position: 0 -291px
}

.showcase .share a:hover .b-share-icon.b-share-icon_facebook {
    background-position: -6px -291px
}

.showcase .share a .b-share-icon.b-share-icon_twitter {
    width: 8px;
    background-position: 0 -311px
}

.showcase .share a:hover .b-share-icon.b-share-icon_twitter {
    background-position: -8px -311px
}

.showcase .share a.email2friend .icon {
    width: 14px;
    height: 10px;
    background-position: 0 -280px
}

.showcase .share a.email2friend:hover .icon {
    background-position: -14px -280px
}

.showcase .favorite {
    float: left
}

.popup.padd {
    display: none
}

.price.old {
    color: #8b8b8b;
    text-decoration: line-through;
    font-size: 16px;
}
/* End */


/* Start:/local/templates/proopt_copy/components/bitrix/news.line/main/style.css?17272568372192*/
.newsmain {
    background-color: #f7f8f8
}

.presscentermainn {
    width: 100%;
    margin-top: 22px;
    padding: 10px 0
}

.presscentermainn .sorter_and_name.clearfix {
    margin-bottom: 15px;
    margin-top: 20px;
}

.presscentermainn .title {
    padding: 20px 0 34px 0;
    font-size: 21px;
    text-transform: uppercase;
    font-family: latoheavy
}

.presscentermainn .in {
    width: 100%
}

.presscentermainn .item {
    position: relative;
    float: left;
    margin-right: 10px
}

.presscentermainn .item .data {
    background-color: #fff;
    height: 175px
}

.presscentermainn .item.last {
    padding-right: 0
}

.presscentermainn .item a.blockname {
    color: #000
}

.presscentermainn .item div.name {
    padding: 20px
}

.presscentermainn .item div.name a {
    color: #000;
    text-decoration: none;
    font-family: latoSemibold;
    font-size: 16px
}

.presscentermainn a.btn4 {
    display: none
}

.presscentermainn .item div.PREVIEW_TEXT {
    padding: 0 20px;
    height: 54px;
    overflow: hidden
}

.presscentermainn .item div.PREVIEW_TEXT a {
    color: #8b8b8b;
    text-decoration: none
}

.presscentermainn .item .img img {
    width: 100%;
    position: relative;
    overflow: hidden
}

.presscentermainn a.link {
    display: inline-block;
    padding: 12px 27px;
    text-decoration: none;
    text-align: center;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: latobold;
    font-size: 12px;
    height: 40px;
    background-color: #fff !important;
    margin-top: -5px;
}

.presscentermainn a.link .fa {
    font-size: 14px;
    padding-left: 5px;
}

@media screen and (max-width: 1010px) {
    body.adaptive .presscentermainn .item {
        padding-bottom: 13px
    }
}

@media screen and (max-width: 750px) {
    body.adaptive .presscentermainn a.btn4 {
        display: block
    }

    body.adaptive .presscentermainn a.link {
        display: none
    }

    body.adaptive .presscentermainn {
        padding: 0 10px 10px
    }

    body.adaptive .presscentermainn .sorter_and_name.clearfix {
        margin-left: 0;
    }
}

/* End */


/* Start:/local/templates/proopt_copy/components/bitrix/news.line/offers/style.css?17272568373293*/
.newsmain {
    background-color: #f7f8f8
}

.presscenteroffers {
    width: 100%;
    padding-bottom: 40px
}

.presscenteroffers .title {
    padding: 50px 0 34px;
    font-size: 21px;
    text-transform: uppercase;
    font-family: latoheavy
}

.presscenteroffers .in {
    width: 100%; /*padding:0 10px*/
}

.presscenteroffers .item {
    width: 287px;
    float: left;
    margin: 0 11px 0 0;
    background-color: #fff
}

.presscenteroffers .item.last {
    padding-bottom: 0;
    float: right
}

.presscenteroffers .item a.blockname {
    color: #000
}

.presscenteroffers .item div.img_offers img {
    max-width: 70px;
    padding: 0;
    margin: 0;
    float: none
}

.presscenteroffers .item div.img_offers, .presscenteroffers .item div.data {
    display: table-cell;
    vertical-align: middle
}

.presscenteroffers .item .data {
    padding-left: 20px;
    height: 100px
}

.presscenteroffers .item a {
    display: table;
    padding: 0 20px;
    font-family: latoHeavy;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase
}

.presscenteroffers .item div.name_offers a {
    color: #000;
    font-family: latoHeavy;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 15px
}

.presscenteroffers .item div.PREVIEW_TEXT_offers {
    padding: 20px
}

.presscenteroffers .item div.PREVIEW_TEXT_offers a {
    color: #8b8b8b;
    text-decoration: none
}

.presscenteroffers .slick-next {
    font-size: 20px;
    line-height: 0;
    position: absolute;
    right: 0;
    display: block;
    width: 40px;
    height: 40px;
    -ms-transform: translate(0, -50%);
    outline: none;
    background: transparent;
    z-index: 100;
}

.presscenteroffers .slick-prev {
    font-size: 20px;
    line-height: 0;
    position: absolute;
    right: 50px;
    display: block;
    width: 40px;
    height: 40px;
    -ms-transform: translate(0, -50%);
    outline: none;
    background: transparent;
    margin-right: -1px;
    z-index: 100
}

.name_offers a {
    height: 120px;
    display: block
}

@media screen and (max-width: 1010px) {
    body.adaptive .presscenteroffers .item {
        padding-bottom: 13px
    }
}

@media screen and (max-width: 860px) {
    body.adaptive .presscenteroffers .item {
        margin-bottom: 13px
    }

    body.adaptive .presscenteroffers .item.last {
        float: left
    }
}

@media screen and (max-width: 750px) {
    .presscenteroffers .in {
        padding: 0 10px;
    }
}

@media screen and (max-width: 588px) {
    body.adaptive .presscenteroffers .item {
        margin-bottom: 13px
    }

    body.adaptive .presscenteroffers .item.last {
        float: left
    }
}

@media screen and (max-width: 480px) {
    body.adaptive .presscenteroffers .item {
        margin-bottom: 13px
    }

    body.adaptive .presscenteroffers .item div.name_offers a {
        font-size: 10px
    }

    body.adaptive .presscenteroffers .item .img {
        display: table-cell;
        width: 90px;
        max-width: 90px;
        padding-right: 13px;
        vertical-align: middle
    }

    body.adaptive .presscenteroffers .item .img img {
        display: block
    }

    body.adaptive .presscenteroffers .item .data {
        display: table-cell;
        vertical-align: middle
    }
}

/* End */


/* Start:/local/templates/proopt_copy/components/bitrix/system.pagenavigation/gopro/style.css?16948273451148*/
.navigation {
    padding-top: 12px;
    font-size: 14px;
    font-family: latobold;
    text-align: center;
}

.navigation .arrow .icon {
    width: 7px;
    height: 14px;
}

.navigation span,
.navigation a {
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #eaeaea;
    color: #8b8b8b;
    margin-right: -1px;
}

.navigation a:hover {
    display: inline-block;
    padding: 10px 15px;
    background-color: #eaeaea;
    color: #000;
    text-decoration: none;
}

.navigation span.current {
    display: inline-block;
    padding: 10px 15px;
    background-color: #eaeaea;
    color: #000;
}

.navigation a.arrow.left .icon {
    background-position: -14px -531px;
}

.navigation span.arrow.left .icon {
    background-position: 0px -531px;
}

.navigation a.arrow.right .icon {
    background-position: -14px -545px;
}

.navigation a.arrow.right i.fa,
.navigation span.arrow.right i.fa {
    font-size: 20px;
    line-height: 9px;
}

.navigation a.arrow.left i.fa,
.navigation span.arrow.left i.fa {
    font-size: 20px;
    line-height: 9px;
}


.navigation span.arrow.right .icon {
    background-position: 0px -545px;
}
/* End */


/* Start:/local/templates/proopt_copy/components/bitrix/news.list/main_brands_img/style.css?16948273452459*/
.brandslistimgmain.mainstyles {
    margin-top: 40px;
    margin-left: -10px;
    margin-right: -10px;
}

.brandslistimgmain.mainstyles .title {
    margin-bottom: 15px;
    padding: 0 17px 15px;
    border-bottom: 1px solid #F2F2F2
}

.brandslistimgmain.mainstyles .title a {
    color: #0078d7;
    font-weight: 400;
    text-transform: uppercase
}

.brandslistimgmain .item {
    display: block;
    width: 290px;
    height: 115px;
    float: left;
    padding: 10px;
    text-align: center
}

.brandslistimgmain .item .pic {
    display: table;
    width: 100%;
    height: 80px;
    line-height: 80px;
}

.brandslistimgmain .item .pic a {
    display: table-cell;
    width: 100%;
    height: 80px;
    padding: 40px;
    text-align: center;
    border: 1px solid #eeeeee;
    border-radius: 7px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: box-shadow .5s ease, -webkit-transform .5s ease;
    transition: transform .5s ease, box-shadow .5s ease;
    transition: transform .5s ease, box-shadow .5s ease, -webkit-transform .5s ease;
    will-change: transform, box-shadow;
}

.brandslistimgmain .item .pic a:hover, .brandslistimgmain .item .pic a:active {
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px);
    box-shadow: 0 6px 8px 0 rgba(17, 17, 19, .1);
}

.brandslistimgmain .item .pic img {
    width: auto;
    max-width: 100%;
    max-height: 80px;
    vertical-align: middle
}

.brandslistimgmain button.slick-next.slick-arrow {
    top: 60px;
    right: 3px
}

.brandslistimgmain button.slick-prev.slick-arrow {
    top: 60px
}

@media screen and (max-width: 1260px) and (min-width: 1025px) {
    body.adaptive .brandslistimgmain .item {
        width: 200px
    }
}

@media screen and (max-width: 1024px) and (min-width: 751px) {
    body.adaptive .brandslistimgmain .item {
        width: 200px
    }
}

@media screen and (max-width: 750px) and (min-width: 576px) {
    body.adaptive .brandslistimgmain .item {
        width: 200px
    }
}

@media screen and (max-width: 575px) and (min-width: 481px) {
    body.adaptive .brandslistimgmain .item {
        width: 200px
    }
}

@media screen and (max-width: 480px) {
    body.adaptive .brandslistimgmain .item {
        width: 310px
    }
}

@media screen and (max-width: 750px) {
    body.adaptive .brandslistimgmain.mainstyles {
        margin-top: 20px;
        margin-left: 0;
        margin-right: 0;
    }
}

/* End */


/* Start:/local/templates/proopt_copy/components/bitrix/news.line/news/style.css?17276867453302*/
.newsmain {
    background-color: #f7f8f8
}

.presscenternews .sorter_and_name.clearfix {
    margin-bottom: 15px;
}

.presscenternews a.btn3 {
    display: none
}

.presscenternews .sorter_and_name {
    margin-top: 18px;
}

.presscenternews {
    width: 100%;
    margin-top: 22px;
}

.presscenternews .title {
    padding: 40px 0 34px;
    font-size: 21px;
    text-transform: uppercase;
    font-family: latoheavy
}

.presscenternews .in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
}

.presscenternews .item {
    /*width:32%;float:left;margin:0 8px;border:1px solid #eaeaea;*/

    width: 33.3333%;
    box-sizing: border-box;
    min-width: calc(33.3333% - 10px);
    padding-left: 10px;
}

.presscenternews .item.last {
    /*width:32%;float:left;margin:0 10px 0 0;border:1px solid #eaeaea;*/
}

.presscenternews .item .data {
    background-color: #fff;
    /*height:200px*/
    border: 1px solid #eaeaea;
    height: 100%;
    padding-bottom: 20px;
}

.presscenternews .item.last {
    padding-bottom: 0;
    margin-right: 0;
    float: right;
    padding-right: 0
}

.presscenternews .item a.blockname {
    color: #000
}

.presscenternews .item div.DATE_CREATE_news {
    padding: 20px 0 0 20px;
    color: #8b8b8b
}

.presscenternews .item div.name_news {
    padding: 20px
}

.presscenternews .item div.name_news a {
    color: #000;
    text-decoration: none;
    font-family: latoSemibold;
    font-size: 16px
}

.presscenternews .item div.PREVIEW_TEXT_news {
    padding: 0 20px;
    height: 54px;
    overflow: hidden
}

.presscenternews .item div.PREVIEW_TEXT_news a {
    color: #8b8b8b;
    text-decoration: none
}

.presscenternews a.link {
    display: inline-block;
    padding: 12px 27px;
    text-decoration: none;
    text-align: center;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: latobold;
    font-size: 12px;
    height: 40px;
    background-color: #f7f8f8 !important;
    margin-top: -5px;
}

.presscenternews a.link .fa {
    font-size: 14px;
    padding-left: 5px;
}

@media screen and (max-width: 1010px) {
    /*body.adaptive .presscenternews{width:96%}*/
    body.adaptive .presscenternews {
        padding: 0 10px;
    }

    body.adaptive .presscenternews .item { /*margin:0 5px;*/
        padding-bottom: 13px
    }
}

@media screen and (max-width: 770px) {
    body.adaptive .presscenternews .sorter_and_name.clearfix {
        margin-left: 0;
        margin-bottom: 25px;
    }

    body.adaptive .presscenternews .item {
        width: 50%
    }

    body.adaptive .presscenternews .item.last {
        display: none
    }

    body.adaptive .presscenternews a.btn3 {
        display: block;
    }

    body.adaptive .presscenternews a.link {
        display: none
    }
}

@media screen and (max-width: 480px) {
    body.adaptive .presscenternews .item { /*display:table;*/
        width: 100%; /*margin-bottom:13px*/
    }

    body.adaptive .presscenternews .item .data {
        vertical-align: middle;
    }
}

/* End */


/* Start:/local/templates/proopt_copy/components/bitrix/news.list/brands_img/style.css?16948273451564*/
.brandslistimg.mainstyles {
    margin-top: 25px
}

.brandslistimg.mainstyles .title {
    margin-bottom: 15px;
    padding: 0 17px 15px;
    border-bottom: 1px solid #F2F2F2
}

.brandslistimg.mainstyles .title a {
    color: #0078d7;
    font-weight: 400;
    text-transform: uppercase
}

.brandslistimg .item {
    display: block;
    width: 200px;
    height: 80px;
    float: left;
    padding: 10px;
    text-align: center
}

.brandslistimg .item .pic {
    display: table;
    width: 100%;
    height: 80px;
    line-height: 80px
}

.brandslistimg .item .pic a {
    display: table-cell;
    width: 100%;
    height: 80px;
    text-align: center
}

.brandslistimg .item .pic img {
    width: auto;
    max-width: 100%;
    max-height: 80px;
    vertical-align: middle
}

.brandslistimg button.slick-next.slick-arrow {
    top: 60px;
    right: 3px
}

.brandslistimg button.slick-prev.slick-arrow {
    top: 60px
}

@media screen and (max-width: 1260px) and (min-width: 1025px) {
    body.adaptive .brandslistimg .item {
        width: 200px
    }
}

@media screen and (max-width: 1024px) and (min-width: 751px) {
    body.adaptive .brandslistimg .item {
        width: 200px
    }
}

@media screen and (max-width: 750px) and (min-width: 576px) {
    body.adaptive .brandslistimg .item {
        width: 200px
    }
}

@media screen and (max-width: 575px) and (min-width: 481px) {
    body.adaptive .brandslistimg .item {
        width: 200px
    }
}

@media screen and (max-width: 480px) {
    body.adaptive .brandslistimg .item {
        width: 120px
    }
}
/* End */
/* /local/templates/proopt/components/bitrix/catalog.section/gopro-slider/slick/slick.css?16948273621703 */
/* /local/templates/proopt/components/bitrix/catalog.section/gopro-slider/slick/slick-theme.css?17097926072898 */
/* /local/templates/proopt_copy/components/bitrix/news.list/banners/style.css?16948273455317 */
/* /local/templates/proopt_copy/components/redsign/catalog.sorter/gopro/style.css?16948273475444 */
/* /local/templates/proopt_copy/components/bitrix/catalog.section/gopro-slider/style.min.css?175196689614848 */
/* /local/templates/.default/components/bitrix/iblock.vote/stars/style.css?17405543321368 */
/* /local/templates/proopt_copy/components/bitrix/catalog.section/gopro-slider/style.css?169482734618355 */
/* /local/templates/proopt_copy/components/bitrix/news.line/main/style.css?17272568372192 */
/* /local/templates/proopt_copy/components/bitrix/news.line/offers/style.css?17272568373293 */
/* /local/templates/proopt_copy/components/bitrix/system.pagenavigation/gopro/style.css?16948273451148 */
/* /local/templates/proopt_copy/components/bitrix/news.list/main_brands_img/style.css?16948273452459 */
/* /local/templates/proopt_copy/components/bitrix/news.line/news/style.css?17276867453302 */
/* /local/templates/proopt_copy/components/bitrix/news.list/brands_img/style.css?16948273451564 */