/* Start:/local/templates/proopt_copy/components/bitrix/catalog/gopro/style.css?17284836082189*/
.catalog {
width: 100%;
}
.catalog .sidebar {
/*width: 228px;*/
width: 25%;
float: left;
}
.catalog .sidebar ul {
list-style: none;
padding-left: 0px;
margin-top: 0;
margin-bottom: 0px;
display: none;
}
.catalog .sidebar ul > li {
list-style-type: none;
}
.catalog .prods {
/*margin-left: 230px;*/
width: 75%;
float: left;
padding-left: 20px;
}
.artables.gallery.clearfix {
margin-left: 15px;
}
.catalog .prods .borlef {
border-left: 1px solid #F2F2F2;
}
.catalog .prods .mix {
padding-bottom: 12px;
}
.catalog .prods .sectinfo,
.catalog .prods .mix,
.catalog .prods .ajaxpages_gmci {
width: 100%;
/*float: left;*/
}
.catalog .prods .sectinfo {
border-top: 1px solid #E5E5E5;
}
.catalog .prods .sectinfo .description {
font-family: Opensanslight, Arial, Helvetica, sans-serif;
color: #484848;
}
.catalog .prods .compareandpaginator {
padding: 12px 0px;
border-top: 1px solid #E5E5E5;
}
.catalog .prods .compareandpaginator .compare {
float: left;
padding-left: 17px;
}
.catalog .prods .mix .catalogsorter {
/*padding-top:12px;*/
/*border-top:1px solid #E5E5E5;*/
}
.catalog .errortext {
margin-left: 15px;
}
.sectinfo {
width: 100%;
padding-bottom: 20px;
padding-top: 20px;
border-top: 1px solid #E5E5E5;
margin-top: 20px;
margin-left: 10px;
padding-right: 20px;
}
.sectinfo p,
.sectinfo li {
padding: 10px 0;
}
.sectinfo li > ul > li:last-of-type {
padding: 10px 0 0;
}
.sectinfo h2 {
padding: 15px 0;
}
@media screen and (max-width: 775px) {
body.adaptive .catalog .compare {
width: 100%;
float: none;
}
}
@media screen and (max-width: 605px) {
body.adaptive .catalog .sidebar,
body.adaptive .catalog .prods {
width: 100%;
padding-left: 0px;
}
body.adaptive .catalog .prods .sectinfo,
body.adaptive .catalog .prods .mix {
border-left: none;
}
body.adaptive .catalog .prods .mix .compareandpaginator {
display: none;
}
body.adaptive .catalog .prods .compareandpaginator .compare {
padding-left: 0px;
}
}
/* End */
/* Start:/local/templates/proopt_copy/css/retail_custom.css?169482734719257*/
* {
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%;
display: flex;
}
.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;
}
.showcase .buy .add2basket {
margin-bottom: 20px;
color: #fff;
border-radius: 3px;
background-color: #ee0e3d;
font-size: 15px;
text-transform: uppercase;
text-decoration: none;
font-family: latobold;
}
/* 605px - small filter */
@media screen and (max-width: 1280px) and (min-width: 1020px) {
.showcase {
display: flex;
}
}
@media screen and (max-width: 1019px) and (min-width: 875px) {
.showcase {
display: inline-block;
}
}
@media screen and (max-width: 874px) and (min-width: 606px) {
.showcase {
display: inline-block;
}
}
@media screen and (max-width: 605px) and (min-width: 541px) {
.showcase {
display: inline-block;
}
}
@media screen and (max-width: 540px) {
.showcase {
display: inline-block;
}
.showcase .js-element {
width: 100%;
}
}
/* End */
/* Start:/local/templates/proopt_copy/components/bitrix/catalog.element/new/style.css?175136491047626*/
.fancybox-opened .fancybox-outer {
padding-top: 61px !important;
}
.max.genimage {
width: auto;
max-width: 100%;
}
.elementdetail {
width: 100%; /*width:80%;*/
float: left;
}
.showcase .js-element {
width: 230px !important;
}
div#showcaseview {
padding-bottom: 20px;
}
.elementdetail {
position: relative;
}
.elementdetail .pictures,
.elementdetail .info {
float: left;
margin-bottom: 10px;
}
.elementdetail .pictures {
width: 55%;
}
.elementdetail .info {
width: 45%;
}
.elementdetail .pic {
border: #eaeaea 1px solid;
padding-bottom: 30px;
margin-bottom: 30px;
}
.brandinfo {
float: right;
padding: 5px;
}
.brandinfo img {
max-width: 150px !important;
}
.noteBonusDesable {
padding: 15px 90px;
font-size: 15px;
text-transform: uppercase;
text-decoration: none !important;
font-family: latobold;
background-color: #ececec;
display: inline-block;
border: none;
margin-bottom: 15px;
text-align: center;
}
.oneday {
margin-bottom: 30px;
}
.oneday span {
color: #0075d9;
margin-bottom: 10px;
font-size: 16px;
font-family: latoheavy;
}
a.set_quantity {
border: 1px solid #eaeaea;
padding: 5px 10px;
background-color: #f7f8f8;
}
a.set_quantity + a.set_quantity {
margin-left: 4px;
}
.ihave {
font-size: 14px;
margin: 10px 0 20px 0;
}
.ihave span {
font-family: latobold;
padding-right: 20px;
}
.dev span {
font-family: latobold;
#padding-right: 20px;
}
.dev a {
font-size: 14px;
padding-bottom: 20px;
margin: 0 0 20px 0;
/* border-top: 1px solid #eee; */
border-bottom: 1px solid #eee;
color: red;
cursor: pointer;
}
.bonus_auth_info {
font-size: 15px;
color: red;
text-align: left;
padding-top: 20px;
padding-bottom: 20px;
font-weight: 600;
}
.stores_note {
padding: 10px;
font-size: 18px;
text-align: center;
background: #fce7ec;
}
.stores_note_fix {
z-index: 1000;
padding-bottom: 20px;
}
.stores_note_small {
padding: 10px;
font-size: 16px;
text-align: center;
background: #fce7ec;
width: 305px;
margin: auto;
margin-top: 20px;
}
.stores_note_small_block {
text-align: center;
width: 100%;
}
.store_head_tb {
font-size: 15px;
color: #000;
text-align: left;
padding-top: 20px;
padding-bottom: 20px;
font-weight: 600;
}
.store_tb {
font-size: 15px;
color: #000;
}
.store_tb .store_city {
font-weight: 600;
line-height: 21px;
padding-bottom: 5px;
}
.store_tb .store_address {
line-height: 21px;
}
.store_tb .head_grafic {
color: #0078d7;
font-weight: 600;
padding-bottom: 5px;
}
.store_tb .btn-choose a {
cursor: pointer;
padding: 5px 14px;
color: #FFF;
text-decoration: none;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: none;
outline: none;
padding: 11px 45px;
text-transform: uppercase;
text-decoration: none;
background-color: #0078D7;
margin: 0 auto;
display: table;
}
.store_tb .btn-choose .active {
color: #007ada;
background: #ecf5fa;
position: relative;
padding-right: 35px;
padding-left: 50px;
}
.store_tb .btn-choose .active:before {
background-image: url("/local/templates/proopt/img/choose.png");
background-repeat: no-repeat;
position: absolute;
top: 13px;
left: 23px;
display: block;
width: 19px;
height: 14px;
content: '';
}
.item_store {
border: 1px solid #eaeaea;
padding: 20px;
margin-bottom: 20px;
}
.elementdetail .zoom {
/*margin-bottom:15px;*/
line-height: 18px;
font-size: 12px;
color: #8b8b8b;
}
/* pictures */
.elementdetail .pictures {
padding-right: 50px;
}
.elementdetail .pic {
position: relative;
height: 350px;
line-height: 350px;
text-align: center;
}
.elementdetail .pic img {
max-height: 350px;
}
.elementdetail .pic .glass {
max-width: 100%;
display: inline-block;
line-height: 1.2;
vertical-align: middle;
}
.elementdetail .zoom {
text-align: center;
}
.elementdetail .zoom .icon {
width: 15px;
height: 16px;
margin-right: 10px;
background-position: 0 -54px;
}
.picslider {
position: relative;
}
.picslider .scrollinner a {
display: block;
width: 100px;
height: 100px;
padding: 5px;
text-align: center;
line-height: 90px;
border: 1px solid #F2F2F2;
}
.picslider .scrollinner a.selected {
border: 1px solid #0078d7;
}
.picslider .scrollinner a img {
display: inline-block;
line-height: 1.2;
vertical-align: middle;
}
.picslider.horizontal .d_jscrollpane,
.picslider.horizontal .popd_jscrollpane {
margin-right: 47px;
margin-left: 47px;
outline: none;
}
.picslider a.prev,
.picslider a.next,
.elementdetail .prices a.prev,
.elementdetail .prices a.next {
display: block;
visibility: hidden;
}
.picslider.jspHasScroll .prev,
.picslider.jspHasScroll .next,
.elementdetail .prices.jspHasScroll .prev,
.elementdetail .prices.jspHasScroll .next {
visibility: visible;
}
.picslider.horizontal a.prev,
.picslider.horizontal a.next,
.elementdetail .prices a.prev,
.elementdetail .prices a.next {
position: absolute;
top: 0px;
z-index: 100;
}
.picslider a.page {
padding: 41px 20px;
}
.picslider.horizontal a.prev,
.elementdetail .prices a.prev {
left: 0px;
}
.picslider.horizontal a.next,
.elementdetail .prices a.next {
right: 0px;
}
.picslider.horizontal a.prev .icon,
.picslider.horizontal a.next .icon,
.elementdetail .prices a.prev .icon,
.elementdetail .prices a.next .icon {
width: 7px;
height: 14px;
}
.picslider.horizontal a.prev .icon,
.elementdetail .prices a.prev .icon {
background-position: 0px -531px;
}
.picslider.horizontal a.prev:hover .icon,
.elementdetail .prices a.prev:hover .icon {
background-position: -21px -531px;
}
.picslider.horizontal a.next .icon,
.elementdetail .prices a.next .icon {
background-position: 0px -545px;
}
.picslider.horizontal a.next:hover .icon,
.elementdetail .prices a.next:hover .icon {
background-position: -21px -545px;
}
.picslider.horizontal .scrollinner a {
float: left;
margin-right: 10px;
}
.picslider.horizontal .jspVerticalBar,
.picslider.horizontal .jspHorizontalBar {
display: none;
}
.picslider.vertical {
float: right;
width: 240px;
margin-left: 20px;
}
.picslider.vertical .d_jscrollpane,
.picslider.vertical .popd_jscrollpane {
width: 100%;
height: 200px;
overflow: auto;
}
.picslider.vertical a.pop {
padding: 2px 101px;
}
.picslider.vertical a.prev .icon,
.picslider.vertical a.next .icon {
width: 14px;
height: 7px;
}
.picslider.vertical a.prev .icon {
background-position: -14px -669px;
}
.picslider.vertical a.prev:hover .icon {
background-position: -14px -690px;
}
.picslider.vertical a.next .icon {
background-position: 0px -669px;
}
.picslider.vertical a.next:hover .icon {
background-position: 0px -690px;
}
.picslider.vertical a {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.picslider .d_jscrollpane,
.picslider .popd_jscrollpane,
.prices .prs_jscrollpane {
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
.picslider .sliderin {
width: 5000px;
height: 110px;
}
.fancyimages table {
width: 100%;
height: 100%;
}
.fancyimages table td {
vertical-align: middle;
text-align: center;
}
.fancyimages table td.slider {
width: 260px;
vertical-align: top;
}
/* share */
.elementdetail .share {
margin: 15px 0px;
}
.elementdetail .share .b-share {
padding-left: 0px !important;
}
/* article and stores */
.elementdetail .article_ {
display: flex;
font-size: 12px;
color: #8b8b8b;
}
.elementdetail .article_ .bx_item_detail_rating span:first-child {
margin-left: 10px;
}
.elementdetail .article_ .art_span {
padding: 2px 30px 2px 0px;
}
.article_ .is-bottom {
vertical-align: bottom;
}
.propvision1 .offer_prop .offer_prop-name {
color: #1c1c1c;
font-family: 'LatoRegular';
font-size: 12px;
display: contents !important;
}
.prop_qty {
position: relative;
display: flex;
}
.prop_qty .qty-block {
padding-left: 10px;
margin-bottom: 15px;
}
.prop_qty .qty-block .quantitytitle {
margin: 0;
color: #1c1c1c;
}
.prop_qty .quantity .plus, .prop_qty .quantity .minus {
color: #1c1c1c;
padding: 11px;
font-size: 23px;
width: 40px;
text-align: center;
}
.prop_qty .quantity input, .prop_qty .quantity span {
vertical-align: top;
}
.propvision1 .offer_prop {
padding-right: 10px !important;
margin-right: 0;
padding-bottom: 10px !important;
max-width: 100px;
flex: 1;
align-self: flex-end;
}
.prop_qty .offer_prop .selection {
display: block;
}
.prop_qty .offer_prop .select2-container .select2-selection {
position: relative;
display: block;
height: 42px;
padding: 9px 25px 9px 10px;
color: #1c1c1c;
font-size: 16px;
}
.prop_qty .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 37px;
}
.compare .add2compare {
background: #eaeaea;
color: #1c1c1c;
font-family: 'LatoBold';
width: 100%;
display: block;
padding: 11px;
text-transform: uppercase;
text-align: center;
border-radius: 6px;
text-decoration: none;
}
.compare .add2compare .icon {
display: none;
}
.dolaymi_modal {
color: #1c1c1c;
padding: 20px;
text-align: left;
}
.dolaymi_modal .head {
font-size: 14px;
font-family: 'LatoRegular';
}
.dolaymi_modal .d_text .d_item {
padding-left: 40px;
position: relative;
}
.dolaymi_modal .d_text .icon1:before {
content: '';
background: url(/local/templates/proopt/img/do_icon1.png);
width: 24px;
height: 23px;
display: block;
position: absolute;
left: 3px;
top: 7px;
}
.dolaymi_modal .d_text .icon2:before {
content: '';
background: url(/local/templates/proopt/img/do_icon2.png);
width: 24px;
height: 20px;
display: block;
position: absolute;
left: 3px;
top: 7px;
}
.dolaymi_modal .d_text .icon3:before {
content: '';
background: url(/local/templates/proopt/img/do_icon3.png);
width: 21px;
height: 24px;
display: block;
position: absolute;
left: 3px;
top: 7px;
}
.d_pay ul {
list-style: none;
margin: 0;
padding: 0;
}
.dolaymi_modal .d_price {
display: flex;
justify-content: space-between;
}
.dolaymi_modal .d_price_dost {
display: flex;
justify-content: space-between;
background: url(/local/templates/proopt/img/d_line.png);
background-repeat: no-repeat;
background-position: 0 5px;
background-size: contain;
}
.dolaymi_modal .d_price .d_item {
position: relative;
}
/* .dolaymi_modal .d_price .d_item:before {
content: '';
background: url(/local/templates/proopt/img/tochka.png);
background-repeat:no-repeat;
width: 21px;
height: 24px;
display: block;
position: absolute;
left: 3px;
top: 7px;
}
*/
.dolaymi_modal .is-inset-bottom-8 {
padding-bottom: 8px;
}
.dolaymi_modal .is-inset-bottom-10 {
padding-bottom: 10px;
}
.dolaymi_modal .is-inset-bottom-20 {
padding-bottom: 20px;
}
.dolaymi_modal .is-heavy {
font-family: 'LatoHeavy';
}
.dolaymi_modal .is-semibold {
font-family: 'LatoSemibold';
}
.dolaymi_modal .is-big {
font-size: 16px;
}
.dolaymi_modal .is-large {
font-size: 21px;
}
.dolaymi_modal .is-middle {
font-size: 14px;
}
.dolaymi_modal .is-grey {
color: #8b8b8b;
}
.dolaymi_modal .is-blue {
color: #0078d7;
}
.dolaymi_modal .is-flex {
display: flex;
justify-content: space-between;
}
.fancybox-opened .fancybox-title {
color: #1c1c1c !important;
}
.fancybox-lock .fancybox-overlay {
z-index: 10000;
}
.charactersiticSKU .name_prop_sku, .charactersiticSKU .val_prop_sku {
color: #1c1c1c;
font-family: 'LatoRegular';
font-weight: normal;
}
@media screen and (max-width: 605px) {
body.adaptive div#popup-cart-end-click {
padding-left: 0;
}
.dolaymi_modal {
padding: 10px;
}
.dolaymi_modal .is-large {
font-size: 16px;
}
.dolaymi_modal .is-inset-bottom-10 {
padding-bottom: 5px;
}
.dolaymi_modal .is-inset-bottom-20 {
padding-bottom: 15px;
}
.dolaymi_modal {
padding-bottom: 10px;
}
}
@media screen and (max-width: 480px) {
.dolaymi_modal .d_price .d_item {
font-size: 10px;
}
.dolaymi_modal .is-large {
font-size: 14px;
}
.dolaymi_modal {
padding: 10px;
}
}
.elementdetail .article,
.elementdetail .stores {
float: left;
width: 50%;
min-height: 5px;
}
.elementdetail .article {
float: none;
}
/* article and stores -> stores */
.elementdetail .articleandstores {
margin-bottom: 10px;
}
.stores {
text-align: right;
}
.stores .genamount {
/*margin-left:5px;*/
}
.stores .genamount.cantopen {
cursor: default;
text-decoration: none;
}
.stores .genamount.cantopen .icon {
visibility: hidden;
}
.stores .genamount .icon {
width: 8px;
height: 4px;
margin-left: 4px;
background-position: 0px -4px;
}
.popupstores {
text-align: left;
}
.popupstores table {
margin-top: 5px;
}
.popupstores table td {
padding: 2px 5px;
border-bottom: 1px solid #F2F2F2;
}
.fancybox-inner .popupstores table {
margin-top: 0px;
}
.fancybox-inner .popupstores table td {
border-bottom: none;
}
.popupstores table td.amount {
padding-left: 50px;
}
.popupstores table td.amount .empty {
color: #ff0000;
}
.popupstores table td.amount .isset {
color: #00cc00;
}
/* prices */
.elementdetail .prices {
position: relative;
margin-bottom: 15px;
}
.elementdetail .prices a.prev,
.elementdetail .prices a.next {
padding: 0px 0px 31px 0px;
background-color: #F7F7F7;
}
.elementdetail .prices a.prev span,
.elementdetail .prices a.next span {
display: block;
width: 30px;
height: 38px;
margin-bottom: 29px;
}
.elementdetail .prices a.prev .icon,
.elementdetail .prices a.next .icon {
margin: 0px 10px;
}
.elementdetail .prices .prs_jscrollpane {
height: 138px;
}
.elementdetail .prices .prs_jscrollpane .jspVerticalBar,
.elementdetail .prices .prs_jscrollpane .jspHorizontalBar {
display: none;
}
.elementdetail .prices table th,
.elementdetail .prices table td {
padding: 10px 30px;
width: 100px;
text-align: left;
}
.elementdetail .prices a.prev span,
.elementdetail .prices a.next span,
.elementdetail .prices table th {
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)";
*/
}
.elementdetail .prices table td {
background-color: #f7f7f7;
}
.elementdetail .prices table td .price.old {
font-size: 14px;
}
.elementdetail .prices table td .price {
font-size: 18px;
}
.elementdetail .prices table td .price.new {
font-family: Opensansbold, Arial, Helvetica, sans-serif;
}
.elementdetail .pricestable thead th {
font-weight: normal;
}
/* /prices */
/* prices -> solo */
.elementdetail .soloprice {
margin-bottom: 10px;
margin-top: 10px;
}
.elementdetail .soloprice .bonus_rub {
width: 30px !important;
height: 30px !important;
}
.elementdetail .soloprice td {
padding: 5px 0px;
}
.elementdetail .soloprice .line {
padding-right: 50px;
border-bottom: 1px dotted #CCC;
}
.elementdetail .soloprice .line,
.elementdetail .soloprice .price,
.elementdetail .soloprice .discount {
height: 10px;
}
.elementdetail .soloprice .name {
position: relative;
top: -3px;
background-color: #FFF;
}
.elementdetail .soloprice .price.gen {
font-size: 42px;
font-family: latoheavy;
}
/* /prices -> solo */
/* properties */
.elementdetail .info .properties {
margin-bottom: 5px;
}
.elementdetail .info .properties.properties-linza {
width: 100%;
}
.elementdetail .info .properties.properties-linza .row-block__title h4 {
font-family: latobold;
padding-top: 20px;
display: block;
}
/* add2basket */
.elementdetail .add2basketform_new .quantitytitle,
.elementdetail .add2basketform_new .quantity,
.elementdetail .add2basketform_new .add2basket,
.elementdetail .add2basketform_new .inbasket,
.elementdetail .add2basketform_new .go2basket,
.elementdetail .add2basketform_new .buy1click,
.go-to-landing-page-form {
display: block;
float: left;
margin-bottom: 15px;
}
.elementdetail .add2basketform_new.in .add2basket,
.elementdetail .add2basketform_new .inbasket,
.elementdetail .add2basketform_new .go2basket,
.elementdetail .add2basketform_new.in .buy1click {
display: none;
}
.elementdetail .add2basketform_new .quantity,
.elementdetail .add2basketform_new .add2basket,
.elementdetail .add2basketform_new .inbasket,
.elementdetail .add2basketform_new .buy1click,
.elementdetail .add2basketform_new .go2basket,
.go-to-landing-page-form {
margin-right: 15px;
}
.elementdetail .add2basketform_new .plus,
.elementdetail .add2basketform_new .minus {
padding-top: 11px;
padding-bottom: 13px;
}
.elementdetail .add2basketform_new .add2basket,
.go-to-landing-page-form {
padding: 15px 90px;
font-size: 15px;
text-transform: uppercase;
text-decoration: none;
font-family: latobold;
border: 1px solid #ee0e3d;
}
.elementdetail .add2basketform_new .quantitytitle {
padding: 11px 0px;
}
.elementdetail .add2basketform_new .buy1click,
.elementdetail .add2basketform_new .go2basket,
.elementdetail .add2basketform_new .inbasket {
padding: 15px 55px;
font-size: 15px;
text-transform: uppercase;
text-decoration: none;
font-family: latobold;
}
.elementdetail .add2basketform_new .go2basket {
background-color: #eaeaea;
}
.elementdetail .add2basketform_new .add2basket .icon,
.elementdetail .add2basketform_new .inbasket .icon {
margin-right: 5px;
margin-left: 0px;
}
.elementdetail .add2basketform_new .add2basket .icon {
width: 23px;
height: 20px;
margin-bottom: 4px;
background-position: -23px -418px;
}
.elementdetail .add2basketform_new .inbasket .icon {
width: 16px;
height: 16px;
margin-top: 2px;
margin-bottom: 6px;
background-position: -16px -597px;
}
/* comapre & favorite */
.elementdetail .threeblock {
margin-bottom: 15px;
}
.elementdetail .compare {
/* float:left;
margin-right:15px; */
}
.elementdetail .favoriteandcheaper {
float: left;
}
.elementdetail .favoriteandcheaper .favorite,
.elementdetail .favoriteandcheaper div.cheaper {
float: left;
margin-right: 15px;
}
.elementdetail .favoriteandcheaper .favorite .icon,
.elementdetail .favoriteandcheaper .cheaper .icon {
margin-right: 5px;
margin-bottom: 2px;
}
.elementdetail .favoriteandcheaper .favorite .icon {
width: 20px;
height: 20px;
background-position: 0px -248px;
}
.elementdetail .favoriteandcheaper .favorite .add2favorite.in .icon {
background-position: -13px -255px;
}
.elementdetail .favoriteandcheaper .cheaper .icon {
width: 24px;
height: 20px;
background-position: 0 -483px;
}
/* mods */
.mods h3.title2,
.bigdata h3.title2 {
float: left;
color: #000000;
font-size: 24px;
font-weight: normal;
text-transform: uppercase;
}
.mods .catalogsorter {
position: relative;
top: -5px;
float: right;
margin-bottom: 10px;
}
.bigdata .catalogsorter {
display: none;
}
/* /mods */
/* tabs */
.detailtabs {
padding-bottom: 15px;
border-bottom: 1px solid #F3F3F3;
}
.detailtabs.anchor .content {
margin-bottom: 20px;
}
.detailtabs.tabs .content .contentbody,
.detailtabs .content .switcher {
display: none;
}
.detailtabs .content.selected .contentbody,
.detailtabs .content.selected .switcher {
display: block;
}
.detailtabs .headers {
box-shadow: 0px -2px 0px #eaeaea inset;
position: relative;
}
.detailtabs .headers a {
display: block;
float: left;
padding: 15px 20px;
margin-right: 10px;
text-decoration: none;
text-transform: uppercase;
color: #8b8b8b;
border-bottom: 2px solid #eaeaea;
font-family: latoheavy;
text-decoration: none;
cursor: pointer;
}
.detailtabs .headers a:hover {
color: #000;
border-bottom: 2px solid #8b8b8b;
text-transform: uppercase;
font-family: latoheavy;
text-decoration: none;
}
.detailtabs .headers a.selected,
.detailtabs .headers a.selected:hover {
text-decoration: none;
color: #000;
border-bottom: 2px solid #0078d7;
text-transform: uppercase;
font-family: latoheavy;
}
.detailtabs .headers a.selected:hover {
text-decoration: underline;
}
/*.detailtabs .headers a:active,
.detailtabs .headers a.selected:active{
color:#FFF;
background-color:#0078d7;
box-shadow: 0px -2px 0px #0078d7 inset;
}*/
.detailtabs .contents {
overflow: hidden;
}
.detailtabs .contents .contentinner {
padding: 12px 10px;
}
.detailtabs .contents .content.review {
position: relative;
}
.detailtabs .contents .content.review .contentinner {
padding: 12px 24px 0px 24px;
}
.detailtabs .contents .content .switcher {
padding: 12px 10px 0px 10px;
line-height: 34px;
font-size: 24px;
color: #000000;
margin-bottom: 8px;
text-transform: uppercase;
}
.detailtabs .contents .content.review .switcher {
margin-bottom: 0px;
}
.detailtabs .contents .contentinner h2 {
padding: 20px 0;
}
/* tabs -> docs */
.detailtabs .contents .content.files .docs {
width: 33%;
display: block;
float: left;
padding: 8px 15px 8px 0px;
}
.detailtabs .contents .content.files a.docs .icon {
display: block;
float: left;
width: 44px;
height: 47px;
background-position: 0px -834px;
}
.detailtabs .contents .content.files a.docs .icon.word {
height: 45px;
margin-bottom: 2px;
background-position: 0px -744px;
}
.detailtabs .contents .content.files a.docs .icon.excel {
height: 45px;
margin-bottom: 2px;
background-position: 0px -789px;
}
.detailtabs .contents .content.files a.docs .icon.pdf {
background-position: 0px -697px;
}
.detailtabs .contents .content.files a.docs span {
display: block;
margin-left: 50px;
}
.detailtabs .contents .content.files a.docs .description {
color: #000;
}
.detailtabs .contents .content.files a.docs .size {
color: #999;
font-size: 11px;
}
.detailtabs .contents .content.files .separator.x3 {
width: 100%;
float: left;
display: block;
}
.detailtabs .contents .content a.docs:hover .name {
text-decoration: underline;
}
.detailtabs .contents .content a.docs:hover,
.detailtabs .contents .content a.docs:hover .size,
.detailtabs .contents .content a.docs .size:hover {
text-decoration: none;
}
/*.detailtabs,*/
.mods, .bigdata {
margin: 50px 10px 30px 20px;
}
#detailtext table {
display: table;
border-collapse: separate;
border-spacing: 2px;
}
#detailtext table,
#detailtext td {
margin: auto;
padding: 1px;
border: 1px solid gray;
}
.propvision1 .offer_prop.offer_prop_list .div_options.div_options_list {
display: block;
position: relative;
top: 0;
left: 0;
border: none;
margin-top: 5px;
}
.propvision1 .offer_prop.offer_prop_list .div_selected.div_selected_list {
display: none;
}
.propvision1 .offer_prop.offer_prop_list .div_options.div_options_list .div_option {
display: inline-block;
border: 1px solid #e4e4e4;
margin-right: 10px;
padding: 4px 3px 3px;
}
.propvision1 .offer_prop.offer_prop_list .div_options.div_options_list .div_option span {
height: 20px;
width: 20px;
}
@media screen and (max-width: 1260px) {
body.adaptive .elementdetail {
width: 100%;
padding-right: 20px;
}
body.adaptive .rrr {
display: none;
}
body.adaptive .elementdetail .article,
body.adaptive .elementdetail .stores {
width: 100%;
float: none;
text-align: left;
}
body.adaptive .elementdetail .stores {
margin-top: 5px;
}
}
@media screen and (max-width: 950px) {
body.adaptive .detailtabs .headers a {
padding: 20px 10px !important;
}
}
@media screen and (max-width: 605px) {
body.adaptive .elementdetail .pictures,
body.adaptive .elementdetail .info {
width: 100%;
float: none;
padding-right: 0px;
}
body.adaptive .elementdetail .info {
margin-top: 15px;
padding-top: 25px;
border-top: 1px solid #F3F3F3;
}
body.adaptive .detailtabs .contents .content.files .docs {
width: 50%;
}
body.adaptive .detailtabs .contents .content.files .separator.x3 {
display: inline;
width: 0px;
float: none;
}
body.adaptive .detailtabs .contents .content.files .separator.x2 {
display: block;
width: 100%;
float: left;
}
}
@media screen and (max-width: 480px) {
body.adaptive .elementdetail .compare,
body.adaptive .elementdetail .favoriteandcheaper,
body.adaptive .elementdetail .favoriteandcheaper .favorite,
body.adaptive .elementdetail .favoriteandcheaper div.cheaper {
width: 100%;
float: none;
margin-top: 8px;
}
body.adaptive .elementdetail .soloprice .line {
padding-right: 20px;
}
body.adaptive .elementdetail .buy {
margin-bottom: 5px;
}
body.adaptive .elementdetail .threeblock {
border-top: 1px solid #F3F3F3;
}
body.adaptive .detailtabs,
body.adaptive .mods,
body.adaptive .bigdata {
margin-top: 25px;
}
body.adaptive .detailtabs .headers {
display: flex;
flex-direction: column;
gap: 5px;
margin: 5px;
}
body.adaptive .detailtabs .headers.clearfix::before,
body.adaptive .detailtabs .headers.clearfix::after {
content: none;
}
body.adaptive .detailtabs .content {
margin-top: 15px;
}
body.adaptive .detailtabs .switcher {
margin: 0;
}
body.adaptive .detailtabs .switcher.bonus {
order: 1;
}
body.adaptive .detailtabs .content .switcher {
display: block;
padding: 5px 14px;
font-size: 13px;
background-color: #F3F3F3;
}
body.adaptive .detailtabs .content.selected .switcher {
color: #fff;
background-color: #0078d7;
}
body.adaptive .detailtabs .content .switcher:active,
body.adaptive .detailtabs .content.selected .switcher:active {
color: #fff;
background-color: #0078d7;
}
body.adaptive .detailtabs .content .contentinner {
padding: 5px 14px;
}
body.adaptive .detailtabs .contents .content.files .docs {
width: 100%;
}
body.adaptive .detailtabs .contents .content.files .separator.x3 {
display: inline;
width: 0px;
float: none;
}
body.adaptive .detailtabs .contents .content.files .separator.x1 {
display: block;
width: 100%;
float: left;
}
.store_tb .btn-choose a {
margin-top: 10px;
}
}
.list-item {
display: block;
padding: 3px 7px;
}
.tab-block {
margin: 15px 0px;
}
.tab-block .tab-one {
float: left;
line-height: 30px;
padding: 0 20px;
border: #eaeaea solid 1px;
cursor: pointer;
background-color: #f7f8f8;
}
.tab-block .tab-one.active {
background: #0078d7;
color: #FFF;
}
.tab-block-show-prop {
display: none;
}
.tab-block-show-prop.active {
display: block;
margin: 0 0 10px;
}
.tab-block-show-prop .offer_prop {
/*float: left;*/
}
.tab-block-show-prop .offer_prop .offer_prop-name {
position: relative !important;
}
.tab-block-show-prop .offer_prop .div_select {
margin-left: 0px !important;
}
.row-block {
display: flex;
display: -ms-flexbox;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: row;
margin-top: 15px;
}
.offer_quantity {
position: relative;
align-self: flex-end;
bottom: 13px;
height: 100%;
}
.quantitytitle {
display: inline-block;
margin-left: 30px;
margin-top: 10px;
}
button.buy1click {
padding: 14px 23px;
font-size: 15px;
text-transform: uppercase;
text-decoration: none;
font-family: latobold;
background-color: #fff;
display: inline-block;
border: none;
margin-bottom: 15px;
min-width: 241px;
border: 1px solid #eaeaea;
border-radius: 4px;
}
.go-to-landing-page {
margin-bottom: 15px;
padding: 15px 20px;
border-radius: 3px;
font-size: 15px;
text-transform: uppercase;
text-decoration: none;
font-family: latobold;
background-color: #fff;
display: inline-block;
min-width: 225px;
max-width: 100%;
text-align: center;
border: 1px solid #eaeaea;
}
.text-info {
padding-left: 30px;
position: relative;
margin-bottom: 20px;
}
.text-info:before {
content: '';
background: url(/local/templates/proopt/img/info.png);
width: 16px;
height: 16px;
display: block;
position: absolute;
left: 3px;
top: 7px;
}
.text-info span {
color: #1c1c1c;
cursor: text;
font-family: Lato-Regular;
line-height: 23px;
display: block;
}
.dev-store {
position: relative;
padding-left: 30px;
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
margin-bottom: 20px;
}
.dev-store:before {
content: '';
background: url(/local/templates/proopt/img/salon.png);
width: 16px;
height: 15px;
display: block;
position: absolute;
left: 10px;
top: 15px;
}
.dev-store a {
text-decoration: none;
color: #1c1c1c;
font-family: Lato-Bold;
}
.previewtext {
padding: 20px 0;
}
.newsmain {
background-color: #f7f8f8;
}
.presscentermainn {
width: 100%;
margin-top: 22px;
padding: 10px;
padding-bottom: 30px;
}
.presscentermainn .title {
padding: 40px 0px 34px 10px;
font-size: 21px;
text-transform: uppercase;
font-family: latoheavy;
}
.bonus-img {
width: 92px;
height: 83px;
z-index: 100;
background-image: url(/local/templates/proopt/img/bonus.png);
position: absolute;
top: -5px;
left: -5px;
display: block;
background-position: 0px 0px;
background-repeat: no-repeat;
padding-top: 30px;
}
.bonus-img span.summ {
font-size: 24px;
color: #fff;
font-family: latoheavy;
text-align: center;
display: block;
}
.bonus-img span.rub {
font-size: 10px;
font-family: latobold;
color: #fff;
line-height: 16px;
display: block;
text-align: center;
}
.bonus-price {
width: 210px;
height: 50px;
z-index: 100;
background-image: url(/local/templates/proopt/img/bonus-2.jpg);
display: block;
background-position: 0px 0px;
background-repeat: no-repeat;
padding-top: 15px;
}
.bonus-price span {
color: #ee0e3d;
font-size: 22px;
font-family: latoheavy;
}
.bonus-price div {
float: right;
width: 100px !important;
margin-top: -8px;
}
.bonus-price.soc {
margin-left: 130px;
}
a.switcher.bonus, a.switcher.bonus:hover {
text-decoration: none;
margin-bottom: -40px;
float: right;
text-transform: lowercase;
font-family: LatoRegular;
border: none;
position: relative;
padding: 0;
margin-right: 2px;
}
.switcher.bonus .bonus-price, .switcher.bonus .bonus-price div {
padding-top: 8px;
}
.detailtabs .contents .content p.titletab {
padding: 12px 10px 0px 10px;
line-height: 34px;
font-size: 24px;
color: #000000;
margin-bottom: 8px;
text-transform: uppercase;
}
.discount-img {
width: 60px;
height: 60px;
z-index: 100;
background-image: url(/local/templates/proopt/img/disc.png);
position: absolute;
top: 5px;
right: 5px;
display: block;
background-position: 0px 0px;
background-repeat: no-repeat;
padding-top: 21px;
}
.disc-b {
top: 80px;
}
.discount-img span.summ, .discount-img_s span.summ {
font-size: 24px;
color: #fff;
font-family: latoheavy;
text-align: center;
display: block;
line-height: 18px;
}
.discount-img span.perc {
font-size: 16px;
color: #fff;
font-family: latoheavy;
}
/*logictim social*/
.social-buttons {
float: left;
}
.button {
display: inline-block;
width: 32px;
height: 32px;
margin: 2px;
vertical-align: middle;
background: #969696;
cursor: pointer;
overflow: hidden;
}
.button.facebook {
background: #486194 url("/local/templates/proopt_copy/components/bitrix/catalog.element/new/images/facebook.png");
}
.button.odnoklassniki {
background: #ff9c43 url("/local/templates/proopt_copy/components/bitrix/catalog.element/new/images/odnoklassniki.png");
}
.button.vk {
background: #6896c7 url("/local/templates/proopt_copy/components/bitrix/catalog.element/new/images/vk.png");
}
.button.success {
background-color: #4fc761;
}
.button:not(.active) {
cursor: not-allowed;
background-color: #969696;
}
.other_variants a {
font-family: latobold;
padding: 0 5px;
}
.other_variants a {
color: #0078d7;
}
.other_variants {
font-size: 14px;
background-color: #f7f8f8;
padding: 20px;
margin: 0 0 30px 0;
border: 1px solid #eee;
}
h1.pagetitle {
border-bottom: none !important;
}
.art_span {
display: inline-block;
vertical-align: top;
padding: 5px;
}
.product-item-detail-info-container {
display: inline-block;
}
a.link {
color: #337ab7;
text-decoration-line: underline;
}
#fitmix-block {
width: 100%;
height: 100%;
display: inline-block;
line-height: 1.2;
vertical-align: middle;
position: relative;
}
.fitmix-preview {
background-image: url("/local/templates/proopt/components/bitrix/catalog.element/new/images/fit.svg");
background-size: contain;
}
.info .buy {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
}
.color-change-list {
list-style: none;
margin: 0;
padding: 0;
}
.color-change-list .item {
display: inline-block;
height: 32px;
margin-right: 4px;
margin-top: 4px;
}
.product-color-container input {
visibility: hidden;
position: absolute;
}
.product-color-container .option-img-wrap {
display: inline-block;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 31px;
margin: 1px 0 0 1px;
outline: 0;
text-decoration: none;
width: 31px;
}
.product-color-container input:checked + .option-img-wrap, .product-color-container .option-img-wrap:hover {
cursor: pointer;
text-decoration: none;
}
.product-color-container input:checked + .option-img-wrap .icon-container, .product-color-container .option-img-wrap:hover .icon-container {
border: 2px solid #008bd0;
}
.product-color-container .option-img-wrap .icon-container {
border-radius: 50%;
border: 2px solid #ddd;
-webkit-box-sizing: content-box;
box-sizing: content-box;
display: block;
height: 25px;
line-height: 25px;
padding: 2px;
width: 25px;
vertical-align: top;
}
.product-color-container .option-img-wrap .icon-container img {
display: block;
border-radius: 50%;
float: none;
height: 25px;
position: relative;
width: 25px;
}
.add2basketform_new.cantbuy .submit, .add2basketform_new.cantbuy .inbasket, .add2basketform_new.cantbuy .buy1click, .add2basketform_new.js-synchro.cantbuy .submit, .add2basketform_new.js-synchro.cantbuy .inbasket, .add2basketform_new.js-synchro.cantbuy .buy1click, .add2basketform_new.js-synchro.cantbuy.in .submit, .add2basketform_new.js-synchro.cantbuy.in .inbasket, .add2basketform_new.js-synchro.cantbuy.in .buy1click, .add2basketform_new.js-asynchro.cantbuy .submit, .add2basketform_new.js-asynchro.cantbuy .inbasket, .add2basketform_new.js-asynchro.cantbuy .buy1click, .add2basketform_new.js-asynchro.cantbuy.in .submit, .add2basketform_new.js-asynchro.cantbuy.in .inbasket, .add2basketform_new.js-asynchro.cantbuy.in .buy1click {
visibility: hidden
}
.elementdetail .add2basketform_new.cantbuy .submit, .elementdetail .add2basketform_new.cantbuy .inbasket, .elementdetail .add2basketform_new.cantbuy .go2basket, .elementdetail .add2basketform_new.cantbuy .buy1click, .elementdetail .add2basketform_new.js-synchro.cantbuy .submit, .elementdetail .add2basketform_new.js-synchro.cantbuy .inbasket, .elementdetail .add2basketform_new.js-synchro.cantbuy .go2basket, .elementdetail .add2basketform_new.js-synchro.cantbuy .buy1click, .elementdetail .add2basketform_new.js-synchro.cantbuy.in .submit, .elementdetail .add2basketform_new.js-synchro.cantbuy.in .inbasket, .elementdetail .add2basketform_new.js-synchro.cantbuy.in .go2basket, .elementdetail .add2basketform_new.js-synchro.cantbuy.in .buy1click, .elementdetail .add2basketform_new.js-asynchro.cantbuy .submit, .elementdetail .add2basketform_new.js-asynchro.cantbuy .inbasket, .elementdetail .add2basketform_new.js-asynchro.cantbuy .go2basket, .elementdetail .add2basketform_new.js-asynchro.cantbuy .buy1click, .elementdetail .add2basketform_new.js-asynchro.cantbuy.in .submit, .elementdetail .add2basketform_new.js-asynchro.cantbuy.in .inbasket, .elementdetail .add2basketform_new.js-asynchro.cantbuy.in .go2basket, .elementdetail .add2basketform_new.js-asynchro.cantbuy.in .buy1click {
display: none
}
.add2basketform_new .inbasket,
.add2basketform_new .go2basket,
.add2basketform_new .add2basket,
.add2basketform_new .buy1click,
.go-to-landing-page-form {
white-space: nowrap
}
.add2basketform_new .inbasket, .add2basketform_new .go2basket, .add2basketform_new.in .add2basket, .add2basketform_new.in .buy1click {
display: none
}
.add2basketform_new.in .inbasket,
.add2basketform_new.in .go2basket,
.add2basketform_new .add2basket,
.add2basketform_new .buy1click,
.go-to-landing-page-form {
display: inline-block
}
.add2basketform_new .add2basket,
.go-to-landing-page-form {
background-color: #ee0e3d;
font-size: 15px;
text-transform: uppercase;
text-decoration: none;
font-family: latobold;
padding: 15px 20px
}
.add2basketform_new .add2basket:active,
.go-to-landing-page-form:active {
background-color: #fe1c4b
}
.add2basketform_new .inbasket {
background-color: #ee0e3d
}
.add2basketform_new .inbasket:active {
background-color: #ee0e3d
}
.add2basketform_new .buy1click {
background-color: #eaeaea
}
.add2basketform_new .buy1click:active {
background-color: #026ec4;
color: #fff
}
.add2basketform_new .buy1click {
color: #000;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px
}
.add2basketform_new .add2basket,
.add2basketform_new .inbasket,
.go-to-landing-page-form {
color: #fff;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px
}
/******************SELECT2*********************/
.offer_prop .select2-container {
margin-top: 10px;
}
.select2-container--open {
max-width: 90px;
}
.offer_prop .select2-container .select2-selection {
height: 30px;
min-width: 58px;
border: #cbcbcb 1px solid;
border-radius: 0;
padding: 5px 10px;
}
.offer_prop .select2-container .select2-selection .select2-selection__rendered {
padding: 0;
line-height: 18px;
}
a.try_ist {
border-radius: 0;
margin-bottom: 10px;
margin-right: 13px;
padding: 15px 20px;
border-radius: 0;
font-size: 15px;
text-transform: uppercase;
text-decoration: none;
font-family: latobold;
background-color: #0078d7;
display: inline-block;
color: #fff;
}
a.try_fb {
border-radius: 0;
margin-bottom: 10px;
padding: 15px 23px;
font-size: 15px;
text-transform: uppercase;
text-decoration: none;
font-family: latobold;
background-color: #0078d7;
display: inline-block;
color: #fff;
}
a.try_vk {
border-radius: 0;
margin-right: 13px;
margin-bottom: 10px;
padding: 15px 53px;
font-size: 15px;
text-transform: uppercase;
text-decoration: none;
font-family: latobold;
background-color: #0078d7;
display: inline-block;
color: #fff;
}
a.try_vk:hover, a.try_ist:hover, a.try_fb:hover {
color: #fff;
}
.try-block a {
width: 45%;
}
.zap-frm .buttons .btn {
cursor: pointer;
}
#popup-cart-end-click {
padding-top: 0px !important;
}
ul > li, ol > li {
margin-top: 0.4rem;
}
.error_text_d {
background: #fde8ed;
padding: 10px 15px;
border-radius: 8px;
color: #000;
font-family: 'latosemibold';
font-size: 16px;
line-height: 16px;
margin-bottom: 20px;
position: relative;
}
.error_text_d:before {
background: #f10000;
padding: 3px 9px 4px 10px;
border-radius: 24px;
color: #fff;
font-size: 10px;
font-family: 'latoheavy';
font-weight: bold;
margin-right: 8px;
position: absolute;
top: 7px;
left: 5px
}
.error_text_d a, .success_text a, .error_text_d a:hover, .success_text a:hover {
color: #0075d7;
text-decoration: dashed;
border-bottom: 1px dashed #0075d7;
}
body.adaptive div#popup-cart-end-click {
padding-left: 0px !important;
padding-bottom: 20px !important;
}
.go-to-landing-page-form:hover {
text-decoration: none;
color: #fff;
}
.go-to-landing-page:hover {
text-decoration: none;
}
@media screen and (max-width: 480px) {
.add2basketform_new {
float: none !important;
}
.elementdetail .add2basketform_new .add2basket,
.go-to-landing-page-form {
width: 100%;
text-align: center;
}
.elementdetail .add2basketform_new .buy1click, .elementdetail .add2basketform_new .go2basket, .elementdetail .add2basketform_new .inbasket {
width: 100%;
text-align: center;
}
button.buy1click,
.go-to-landing-page,
.product-item-detail-not-buy-btn .product-item-detail-buy-button {
width: 100%;
text-align: center;
}
.fancybox-opened {
max-width: 350px !important;
}
}
.tab-block-show-prop .offer_prop.offer_prop--single {
float: none;
max-width: 90px;
}
.short-description {
margin-bottom: 20px;
}
/* custom desc */
.tab-wrapper {
margin: 0 20px;
}
.tab-txt-banner {
margin-bottom: 100px;
padding: 50px 20px 100px 20px;
background: url(/local/templates/proopt_copy/components/bitrix/catalog.element/new/images/tab-txt-banner.png) no-repeat;
background-size: cover;
background-position: bottom right;
border-radius: 30px;
overflow: hidden;
}
.tab-txt-banner__content {
padding: 15px;
width: 100%;
max-width: 540px;
background: #fff;
border-radius: 30px;
}
.tab-txt-banner__content-title {
margin-bottom: 25px;
font-weight: 600;
font-size: 26px;
line-height: 34px;
color: #0D78D4;
}
.tab-txt-banner__content-title > span {
display: block;
font-size: 22px;
line-height: 24px;
color: #0078D7;
text-transform: uppercase;
}
.tab-txt-banner__content-desc {
font-weight: 400;
font-size: 18px;
line-height: 25px;
color: #1c1c1c;
}
.tab-txt-banner__content-desc p:not(:last-child) {
margin-bottom: 10px;
}
.tab-legal {
margin-bottom: 50px;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: #8B8B8B;
}
.tab-legal__list {
margin-bottom: 57px;
}
.tab-legal__list li:not(:last-child),
.tab-legal__copyright p:not(:last-child) {
margin-bottom: 10px;
}
@media (min-width: 768px) {
.tab-txt-banner {
padding: 80px 70px 200px 70px;
}
.tab-txt-banner__content {
padding: 40px;
}
.tab-txt-banner__content-title {
font-size: 38px;
line-height: 46px;
}
.tab-txt-banner__content-title > span {
font-size: 24px;
line-height: 29px;
}
.tab-legal {
padding: 17px 65px 0 65px;
}
}
@media (min-width: 1200px) {
.tab-wrapper {
margin: 0;
}
}
/* end custom desc */
.elementdetail .pic .glass.hide-detail-slider {
display: none;
}
.hide-detail-slider + .zoom {
display: none;
}
#product-video-prev {
max-width: 100%;
}
.play-video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 200px;
width: 75%;
height: 75%;
background: transparent;
}
.play-video::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 74px;
border-style: solid;
border-width: 37px 0 37px 60px;
border-color: transparent transparent transparent #202020;
transition: 100ms all ease;
background: transparent;
cursor: pointer;
}
.play-video:hover::before {
border-color: transparent transparent transparent #404040;
}
.need-to-select-warning {
padding: 20px;
font-size: 20px;
}
.showcase .pic a img {
overflow: hidden;
}
.js-element .prop_qty .quantity {
display: flex;
align-items: center;
}
.prop_qty .quantity span {
padding-top: 1px;
}
.elementdetail .slider__slides {
gap: 10px;
}
.elementdetail .slider__slides .changeimage {
width: 100px;
height: 100px;
padding: 5px;
border: 1px solid #F2F2F2;
}
.elementdetail .slider__slides .changeimage.selected {
border-color: #0078d7;
}
.elementdetail .slider__slides .changeimage img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.elementdetail .slider__arrow {
background-color: transparent;
color: gray;
}
.elementdetail [data-arrow]:hover .slider__arrow {
border-color: orange;
}
.content__additional-features {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
max-width: 600px;
}
table.groupedprops th {
padding-top: 25px;
text-transform: uppercase;
}
table.groupedprops th.first {
padding-top: 0px;
}
.groupedprops th,
.groupedprops td {
padding: 8px 0px;
text-align: left;
}
.groupedprops .line {
border-bottom: 1px dotted #CCC;
}
.groupedprops .name {
color: #777;
margin-right: 15px;
background-color: #FFF;
}
@media screen and (max-width: 605px) {
.body .groupedprops {
min-width: 100px;
}
}
@media screen and (max-width: 480px) {
.body .groupedprops .line,
.body .groupedprops .val {
height: auto;
}
.body .groupedprops .line {
border-bottom: none;
}
}
.add2basket-note {
text-align: center;
padding: 20px 20px 0;
}
.product-item-detail-not-buy-btn .btn.btn-default.product-item-detail-buy-button.bx-catalog-subscribe-button {
margin-right: 15px;
padding: 15px 20px;
border-radius: 3px;
text-align: center;
}
/* End */
/* Start:/local/templates/proopt_copy/components/bitrix/catalog.element/new/select2.min.css?169482734614988*/
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle;width:100%!important;}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:3px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
/* End */
/* Start:/local/templates/proopt_copy/css/bootstrap-row.css?17272722664667*/
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.container:before,
.container:after,
.row:before,
.row:after {
display: table;
content: " ";
}
.container:after,
.row:after {
clear: both;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.custom-col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.custom-col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.custom-col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.custom-col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.custom-col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.custom-col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
.col-md-1,
.custom-col-md-1,
.col-md-2,
.custom-col-md-2,
.col-md-3,
.custom-col-md-3,
.col-md-4,
.custom-col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.custom-col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.custom-col-md-12 {
float: left;
}
.col-md-12,
.custom-col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8,
.custom-col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4,
.custom-col-md-4 {
width: 33.33333333%;
}
.col-md-3,
.custom-col-md-3 {
width: 25%;
}
.col-md-2,
.custom-col-md-2 {
width: 16.66666667%;
}
.col-md-1,
.custom-col-md-1 {
width: 8.33333333%;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
/* End */
/* Start:/local/components/custom/slider/templates/.default/style.css?17392640581200*/
.slider,
.slider * {
box-sizing: border-box;
}
.slider {
--arrow-width: 47px;
position: relative;
padding-left: var(--arrow-width);
padding-right: var(--arrow-width);
}
.slider * {
transition: all 300ms ease;
}
.slider__slides {
display: flex;
overflow-x: auto;
}
.slider__slides > * {
position: relative;
z-index: 1;
flex-shrink: 0;
}
.slider__arrows:not([hidden]) {
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
}
.slider__arrows:hover {
cursor: pointer
}
.slider__arrows [data-arrow] {
display: flex;
justify-content: center;
align-items: center;
width: var(--arrow-width);
height: 100%;
}
.slider__arrow {
width: 10px;
height: 10px;
border: 1px solid #3c3c3c;
cursor: pointer;
transform: rotate(45deg);
}
.slider__arrows [data-arrow="l"] .slider__arrow {
border-top: 0;
border-right: 0;
}
.slider__arrows [data-arrow="r"] .slider__arrow {
border-bottom: 0;
border-left: 0;
}
@media (min-width: 1200px) {
.slider__slides {
overflow-x: hidden;
}
}
/* End */
/* Start:/local/templates/proopt_copy/components/bitrix/iblock.vote/stars-orto/style.css?17405543321489*/
.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%; */
position: relative;
width: 102px;
height: 19px;
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/proopt_copy/components/bitrix/iblock.vote/stars-orto/images/stars.png) no-repeat center;
background-size: 100px 17px;
border: 1px #fff solid;
}
.bx_item_detail_rating .bx_stars_progress {
position: absolute;
top: 0;
bottom: 0;
left: 0;
background: #ffcc66;
}
.bx_item_detail_rating__block {
display: flex;
margin-left: 5px;
}
.bx_item_detail_rating__block * {
margin-bottom: 0;
}
.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_item_detail_rating .bx_stars_rating_votes {
font-size: 7px;
line-height: 7px;
}
}
/* End */
/* Start:/local/templates/.default/components/bitrix/catalog.product.subscribe/.default/style.css?17405543321904*/
/* Button */
.bx-catalog-subscribe-button {
margin-bottom: 6px;
display: inline-block;
cursor: pointer;
}
.bx-catalog-popup-content {
width: 90%;
max-width: 280px;
}
/* Subscribe popup */
.bx-catalog-subscribe-form-container-label {
font-size: 13px;
color: #5a6c77;
padding-bottom: 2px;
}
.bx-catalog-subscribe-form-container-input {
position: relative;
}
.bx-catalog-subscribe-form-container-input input[type="text"] {
display: block;
width: 100%;
font-size: 18px;
height: 38px;
margin: 0;
padding: 0 4px;
border: 1px solid #CCD5DB;
border-radius: 2px;
background: #f8fafc;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bx-catalog-subscribe-form-star-required {
color: #d93333;
}
.bx-catalog-subscribe-form-container .bx-captcha {
margin-bottom: 10px;
}
.bx-catalog-popup-message {
font-weight: bold;
min-width: 240px;
margin: 0 0 0;
}
/* Alert style */
.bx-catalog-subscribe-alert {
background-color: #edf6fc;
color: #000;
font-size: 15px;
min-height: 45px;
text-align: center;
padding: 12px 40px 12px 60px;
position: relative;
width: 280px;
}
.bx-catalog-subscribe-aligner {
display: inline-block;
height: 45px;
margin-left: -1px;
vertical-align: middle;
width: 1px;
}
.bx-catalog-subscribe-alert-text {
display: inline-block;
vertical-align: middle;
}
.bx-catalog-subscribe-alert-footer {
text-align: center;
}
.bx-catalog-subscribe-alert-popup {
background-color: #edf6fc !important;
border: 1px solid #edf6fc !important;
border-radius: 3px !important;
-webkit-box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17) !important;
box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17) !important;
}
.popup-window-buttons span {
cursor: pointer;
}
/* End */
/* Start:/bitrix/components/bitrix/system.pagenavigation/templates/modern/style.css?1694827043754*/
div.modern-page-navigation {
padding: 0.5em 0;}
div.modern-page-navigation a,
span.modern-page-current,
span.modern-page-dots
{
border-left-width: 1px;
border-left-style: solid;
padding-left: 0.75em;
padding-right: 0.5em;
text-decoration: none;
}
div.modern-page-navigation a.modern-page-previous {
border-right-width: 1px;
border-right-style: solid;
border-left: none; }
div.modern-page-navigation a.modern-page-first,
div.modern-page-navigation span.modern-page-first {
border-left: none;
padding-left: 0.5em; }
span.modern-page-current {
font-weight: var(--ui-font-weight-bold);
}
div.modern-page-navigation a,
span.modern-page-current,
div.modern-page-navigation a.modern-page-previous,
span.modern-page-dots {
border-color: #cdcdcd; }
/* End */
/* Start:/local/templates/proopt_copy/components/bitrix/forum.topic.reviews/gopro/style.css?17405543321974*/
.detailtabs .contents .add2review {
position: absolute;
top: 12px;
right: 0px;
padding: 8px 8px;
}
.reviewform {
margin-bottom: 25px;
}
.reviewform .rating {
margin-top: 5px;
margin-bottom: 5px;
}
.reviewform .rating span {
margin-right: 10px;
}
.reviewform .rating a {
margin-bottom: 5px;
width: 21px;
height: 20px;
background-position: 0px -168px;
}
.reviewform .rating a.hover,
.reviewform .rating a.selected {
background-position: -22px -168px;
}
.reviewform .fieldname {
margin-top: 10px;
text-transform: uppercase;
}
.reviewform input[type="text"],
.reviewform textarea {
width: 100%;
max-width: 500px;
}
.reviewform textarea {
height: 44px;
}
.reviewform textarea.comment {
height: 114px;
}
.reviewform .send {
margin-top: 10px;
}
.reviewmessages .message {
margin-bottom: 25px;
}
.reviewmessages .message .head {
padding: 8px 24px;
background-color: #F3F3F3;
}
.reviewmessages .message .name {
float: left;
}
.reviewmessages .message .name .icon {
width: 20px;
height: 19px;
margin-right: 10px;
background-position: 0px -206px;
}
.reviewmessages .message .date {
float: right;
}
.reviewmessages .message .line {
margin-top: 10px;
}
.reviewmessages .message .line.rating .icon {
width: 17px;
height: 16px;
margin-right: 3px;
background-position: 0px -190px;
}
.reviewmessages .message .line.rating .icon.active {
background-position: -17px -190px;
}
.reviewmessages .message .part {
font-weight: bold;
}
.reviewmessages {
margin-top: 50px;
}
@media screen and (max-width: 605px) {
body.adaptive .detailtabs .contents .add2review {
position: relative;
top: 0px;
right: 0px;
margin-left: 24px;
}
}
.form-reviews-success:not(.noned) {
display: inline-block;
margin-bottom: 15px;
padding: 10px 14px;
border: 1px solid green;
color: green;
}
/* End */
/* Start:/local/templates/.default/components/bitrix/news.list/question/style.css?1694827343486*/
.question-item {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 1.3;
margin-bottom: 30px;
}
.question-name {
color: #4375bf;
text-decoration: none;
}
.question-body {
border: 0;
font: inherit;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
}
.question-date {
color: #b6b6b6;
display: flex;
font-size: 14px;
margin-top: 10px;
}
.question-answer {
margin: 10px 0 0 30px;
}
/* End */
/* Start:/local/templates/proopt_copy/components/bitrix/catalog.section/gopro/style.css?174055433222800*/
/******************************* 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;
}
.ajaxpages_gmci img {
margin: 0 auto;
max-width: 100%;
display: block;
object-fit: contain;
}
.ajaxpages_gmci p {
font-size: 24px;
color: #1c1c1c;
font-weight: 700;
margin: 20px 0;
text-align: center;
}
/******************************* /showcase *******************************/
/* End */
/* /local/templates/proopt_copy/components/bitrix/catalog/gopro/style.css?17284836082189 */
/* /local/templates/proopt_copy/css/retail_custom.css?169482734719257 */
/* /local/templates/proopt_copy/components/bitrix/catalog.element/new/style.css?175136491047626 */
/* /local/templates/proopt_copy/components/bitrix/catalog.element/new/select2.min.css?169482734614988 */
/* /local/templates/proopt_copy/css/bootstrap-row.css?17272722664667 */
/* /local/components/custom/slider/templates/.default/style.css?17392640581200 */
/* /local/templates/proopt_copy/components/bitrix/iblock.vote/stars-orto/style.css?17405543321489 */
/* /local/templates/.default/components/bitrix/catalog.product.subscribe/.default/style.css?17405543321904 */
/* /bitrix/components/bitrix/system.pagenavigation/templates/modern/style.css?1694827043754 */
/* /local/templates/proopt_copy/components/bitrix/forum.topic.reviews/gopro/style.css?17405543321974 */
/* /local/templates/.default/components/bitrix/news.list/question/style.css?1694827343486 */
/* /local/templates/proopt_copy/components/bitrix/catalog.section/gopro/style.css?174055433222800 */