/* Start:/local/templates/proopt_copy/components/bitrix/catalog.search/gopro/style.css?1694827347526*/
a.search-page-params {
    border-bottom: 1px dashed blue;
    text-decoration: none;
}

div.search-page-params {
    margin-top: 6px;
}

.search-item-rate {
    font-size: 11px;
}

.showcase .js-element {
    /*width:20% !important;*/
}

.popup.padd {
    display: none !important;
}

.showcase .name {
    text-align: left;
    overflow: hidden;
    font-family: latosemibold;
    padding: 0 10px;
    height: 53px;
    z-index: 2;
    position: relative;
}

.showcase .soloprice {
    z-index: 10;
    position: relative;
}
/* 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/catalog.section/gopro_search/style.css?174057525922559*/
/******************************* table *******************************/
.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: normal;
}

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

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

.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:-16px -595px; big*/
    background-position: -13px -579px; /* small*/
}

.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:16px; big*/
    width: 13px; /* small*/
    /*height:16px; big*/
    height: 9px; /* small*/
    margin-left: 8px;
    /*background-position:-16px -613px; big*/
    background-position: -13px -588px; /* small*/
}

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

/* /add2basket */
.add2basketform .add2basket.deactive {
    background: #9d9c9c;
}

/* js table fix */
.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: 0px;
    max-width: 0px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

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

.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;
}

/* /js table fix */
@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: 0px;
        max-width: 0px;
        padding: 0px;
        margin: 0px;
        overflow: hidden;
    }

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

    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;
    }
}

/******************************* /table *******************************/

/******************************* gallery *******************************/
.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: normal;
    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: 0px;
}

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

.artables.gallery table tr.even td {
    /*background-color:#fafafa;*/
}

.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: 0px;
    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: 0px;
    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 {


}

.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:-16px -595px; big*/
    background-position: -13px -579px; /* small*/
}

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

.artables.gallery table th,
.artables.gallery table td {

}

.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:16px; big*/
    width: 13px; /* small*/
    /*height:16px; big*/
    height: 9px; /* small*/
    margin-left: 5px;
    /*background-position:-16px -613px; big*/
    background-position: -13px -588px; /* small*/
}

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

/* /add2basket */
/* js table fix */
.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: 0px;
    max-width: 0px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

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

.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;
}

/* /js table fix */
@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: 0px;
        max-width: 0px;
        padding: 0px;
        margin: 0px;
        overflow: hidden;
    }

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

    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;
    }
}

/******************************* /gallery *******************************/

/******************************* showcase *******************************/
.fancybox-opened .fancybox-outer {
    padding-top: 61px !important;
}

.showcase {
    width: 100%;
}

.showcase .js-element {
    position: relative;
    float: left;
    width: 33%;
}

.showcase.columns5 .js-element {
    width: 20%;
    margin-bottom: 30px;
}

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

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

.showcase .js-element {
    height: 380px;
}

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

/* hover */
.showcase .js-element .popup {
    display: block;
}

.showcase .js-element:hover .inner,
.showcase .js-element.hover .inner {
    border: 1px solid #cccccc;
    z-index: 110;
}

.showcase .js-element:hover .popup,
.showcase .js-element.hover .popup {
    display: block;
}

/* /hover */

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

.showcase .name a {
    color: #000000;
}

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

.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: 100%;
}

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

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

.showcase .pic .timers .clock i {
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    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: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}

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

.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: bold;
    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;
}

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

.showcase .prices .prev,
.showcase .prices .next {
    display: block;
    width: 100%;
    text-align: center;
    /*
    background:#F3F3F3;
    background:-ms-linear-gradient(top, #f3f3f3, #fff);
    background-image:-moz-linear-gradient(top, #f3f3f3, #fff);
    background-image:-o-linear-gradient(top, #f3f3f3, #fff);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#F3F3F3), to(#FFF));
    background-image:-webkit-linear-gradient(top, #F3F3F3, #FFF);
    background-image:linear-gradient(to bottom, #F3F3F3, #FFF);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3',endColorstr='#fff',GradientType=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3f3f3, endColorstr=#fff)";
    */
}

.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: 0px -669px;
}

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

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

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

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

/* /prices */
/* prices -> soloprice */
.showcase .soloprice {
    padding: 10px 0px 20px 10px;
    height: 106px;
    float: left;
}

.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;
}

/* /prices -> soloprice */
.showcase .buy,
.showcase .description {
    margin-right: 20px;
    /*margin-bottom:20px;*/
}

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

.showcase .buy .add2basket,
.showcase .buy .inbasket {
    float: right;
    padding: 11px;
    margin-top: 40px;
}

.showcase .buy .inbasket {
    margin-right: -5px;
}

/* compare */
.showcase .compare {
    margin-top: 12px;
}

.banner-catalog {
    height: 96%;
    text-align: center;
}

/* /compare */
/* favorite & share */
.showcase .favorishare {
    margin-top: 5px;
}

.showcase .add2favorite {
    color: #666666;
    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: 0px -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 0px !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: 0px -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: 0px -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: 0px -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: 0px -280px;
}

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

.showcase .favorite {
    float: left;
}

/* /favorite & share */
/* 605px - small filter */
@media screen and (max-width: 1280px) and (min-width: 1020px) {
    body.adaptive .showcase.columns5 .js-element {
        width: 25%;
    }

    body.adaptive .showcase .js-element {
        width: 33%;
    }
}

@media screen and (max-width: 1019px) and (min-width: 875px) {
    body.adaptive .showcase.columns5 .js-element {
        width: 33%;

    }

    body.adaptive .showcase .js-element {
        width: 50%;
    }
}

@media screen and (max-width: 874px) and (min-width: 606px) {
    body.adaptive .showcase.columns5 .js-element {
        width: 50%;

    }

    body.adaptive .showcase .js-element {
        width: 100%;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 605px) and (min-width: 541px) {
    body.adaptive .showcase.columns5 .js-element,
    body.adaptive .showcase .js-element {
        width: 50%;
    }
}

@media screen and (max-width: 540px) {
    body.adaptive .showcase.columns5 .js-element,
    body.adaptive .showcase .js-element {
        width: 100% !important;
        margin-bottom: 30px;
    }

    body.adaptive .showcase .pic {
        width: 100% !important;
    }

}

.no-sklad .padd,
.no-sklad .soloprice {
    opacity: .6;
    transition: opacity .3s;
}

.no-sklad:hover .padd,
.no-sklad:hover .soloprice {
    opacity: 1;
}

.badge-no-sklad {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 10px;
    text-align: right;
    font-size: 12px;
    color: #8b8b8b;
    display: inline-block;
    border-radius: 5px;
    margin: 0;
    z-index: 2;
    background: #F2F2F2;
}

/******************************* /showcase *******************************/

/* 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 */
/* /local/templates/proopt_copy/components/bitrix/catalog.search/gopro/style.css?1694827347526 */
/* /local/templates/proopt_copy/components/bitrix/system.pagenavigation/gopro/style.css?16948273451148 */
/* /local/templates/proopt_copy/components/bitrix/catalog.section/gopro_search/style.css?174057525922559 */
/* /local/templates/.default/components/bitrix/iblock.vote/stars/style.css?17405543321368 */