/* Start:/bitrix/templates/shopogolik/build/main.css?167534506635952*/
.b-detail__popup-overlay {
background: rgba(0, 0, 0, .8);
position: fixed;
top:0;
right: 0;
left:0;
bottom:0;
z-index: 999;
display: none;
}
.b-detail__popup {
background: white;
position: fixed;
top:0;
left:0;
right: 0;
bottom:0;
z-index: 1000;
display: none;
padding: 20px;
max-height: 55%;
max-width: 55%;
margin: auto;
}
.b-detail__popup .owl-carousel.owl-loaded, .owl-carousel .owl-stage-outer {
height: 100%;
}
.b-detail__popup .owl-carousel .owl-stage-outer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.b-detail__popup-content {
width:100%;
height: 100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.b-detail__popup-content .product-slider {
width: 80%;
margin-bottom: 0;
}
.b-detail__popup-content .product-slider .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.b-detail__popup-content .product-slider-thumbs {
width: 120%;
}
.b-detail__popup-content .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
display: flex;
margin-top: -14px;
margin-left: 46%;font-size: 34px;color:#000000;
}
.b-detail__popup-content .owl-carousel .owl-prev {
padding-right: 50px;
}
.b-detail__popup-content .product-slider-thumbs .owl-stage {
display: -webkit-box !important;
display: -ms-flexbox;
display: table;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: auto;
display:none !important;
/*height: 100%;
padding: 25px 0;
width:400px !important;*/
}
.b-detail__popup-content .product-slider-thumbs {
margin-bottom: 20px;
}
.b-detail__popup-content .product-slider-thumbs .owl-prev, .product-slider-thumbs .owl-next {
margin-bottom: 20px; font-size:40px;
}
.b-detail__popup-content .product-slider-thumbs .owl-stage .owl-item {
margin-bottom: 20px;
width: 80px !important;
height: 100px !important;
margin-right: 0px !important;
margin-top: 95% !important;
}
.b-detail__popup-close .icon {
width: 20px;
height: 20px;
position: absolute;
right: 35px;
top:35px;
cursor:pointer;
z-index: 100;
}
.b-detail__popup-close .icon:hover{
fill:#4a4a4a;
}
.zoomWindow {
cursor:pointer !important;
background-position: 0 !important;
width:0 !important;
height: 0 !important;
}
@media(max-width: 992px){
.b-detail__popup,.b-detail__popup-overlay {
display: none !important;
}
}
.b-detail__popup-overlay.hidden,
.b-detail__popup.hidden{
display: none !important;
}
.sticky-container .sticky .btn-favorite {
float: left;
margin-top: 0;
}
.sticky-container .sticky .btn-a-large.btn-width {
width: 100%;
}
.products-list__item .buttons {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.main-slider__item .btn-def {
margin:0 100px 100px 100px;
}
.column.text-right .btn-def {
float: right;
margin-right: 0;
}
.products-list__item .btn-a-small.btn-width {
position: absolute;
bottom: 60px;
}
.form-banner.hide-for-small-only .btn-def.btn-width {
border:0;
}
.b-cart__btns-right {
float: right;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.b-cart__coupon-inner .btn-def {
margin: 0;
}
#form_comment .btn-def {
border: 0;
margin: 0;
}
.catalog-filters__blocks-wrapper.diplay-none .btn-def.btn-width.expanded {
border: 0;
margin-bottom: 20px;
}
.compare-slider__item .btn-a-large.basket-button {
margin-top: 10px;
margin-bottom: 10px;
margin-right: 0;
}
.compare-black-link.btn-a-large {
margin-right: 0;
}
.pull-right.btn-def.btn-md, .pull-right.btn-def.btn-lg.hidden-xs, .popup-column a.btn-def:focus {
color:white;
}
#form_auth .btn-def {
border: none;
padding: 10px;
}
.sale-paysystem-yandex-button-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color:white;
width: auto;
height: 40px;
max-width: 300px;
font-size: 13px;
font-family: openSansBold;
text-transform: uppercase;;
margin: 10px;
border:none;
margin-left: 0;
}
@media screen and (max-width: 43.75em){
.b-cart__btns-right {
float:none !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.btn-a-large.cart-back {
width: 100%;
}
.b-cart__btns-right .btn-def.checkout {
width: 100% !important;
margin: 0;
}
}.configurator.active {
left: 0;
-webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .4);
box-shadow: 0 0 25px 0 rgba(0, 0, 0, .4);
-webkit-transition: left .2s ease;
transition: left .2s ease;
}
.configurator .switch {
position: absolute;
top: 100px;
right: -50px;
background: #c2c2c2;
border-radius: 0 4px 4px 0;
width: 50px;
height: 50px;
border-left: 1px solid rgba(0, 0, 0, .05);
line-height: 54px;
text-align: center;
cursor: pointer;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggaWQ9InNldHRpbmdzIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTE5LDloLTEuN2MtMC4yLDAtMC42LDAtMC42LTAuM2MwLTAuOS0wLjMtMi4yLTAuOS0yLjhjLTAuMi0wLjItMC4xLTAuMywwLjEtMC41bDEuMi0xLjFjMC40LTAuNCwwLjQtMSwwLTEuNHMtMS0wLjQtMS40LDBsLTEuMiwxLjJjLTAuMiwwLjItMC40LDAuMi0wLjYsMC4xYy0wLjctMC41LTEuNi0wLjgtMi40LTFjLTAuMiwwLTAuNC0wLjItMC40LTAuNVYxYzAtMC42LTAuNC0xLTEtMVM5LDAuNCw5LDF2MS43YzAsMC4yLTAuMiwwLjQtMC40LDAuNWMtMC45LDAuMi0xLjcsMC41LTIuNCwxQzUuOSw0LjMsNS43LDQuMyw1LjUsNC4xTDQuMywyLjljLTAuNC0wLjQtMS0wLjQtMS40LDBzLTAuNCwxLDAsMS40bDEuMiwxLjJDNC4zLDUuNyw0LjMsNiw0LjIsNi4xYy0wLjUsMC43LTAuOCwxLjQtMSwyLjdDMy4yLDkuMSwyLjksOSwyLjcsOUgxYy0wLjYsMC0xLDAuNC0xLDFzMC40LDEsMSwxaDEuN2MwLjIsMCwwLjUsMC4xLDAuNiwwLjNjMC4yLDAuOSwwLjQsMS41LDAuOSwyLjNjMC4xLDAuMiwwLjEsMC42LTAuMSwwLjhsLTEuMiwxLjJjLTAuNCwwLjQtMC40LDEuMSwwLDEuNGMwLjQsMC40LDEsMC40LDEuNCwwbDEuMi0xLjJjMC4yLTAuMiwwLjQtMC4yLDAuNi0wLjFjMC43LDAuNSwxLjYsMC44LDIuNCwxYzAuMiwwLDAuNCwwLjIsMC40LDAuNVYxOWMwLDAuNiwwLjQsMSwxLDFzMS0wLjQsMS0xdi0xLjdjMC0wLjIsMC4yLTAuNCwwLjQtMC41YzAuOS0wLjIsMS43LTAuNSwyLjQtMWMwLjItMC4xLDAuNS0wLjEsMC42LDAuMWwxLjIsMS4yYzAuNCwwLjQsMSwwLjQsMS40LDBzMC40LTEsMC0xLjRsLTEuMi0xLjJjLTAuMi0wLjItMC4yLTAuNC0wLjEtMC42YzAuNS0wLjcsMC43LTEuMSwxLTEuOWMwLjEtMC4yLDAuMi0wLjksMC41LTAuOUgxOWMwLjYsMCwxLTAuNCwxLTFDMjAsOS40LDE5LjYsOSwxOSw5eiBNMTQuOCwxMS40Yy0wLjQsMS43LTEuOCwzLTMuNSwzLjVjLTMuOCwxLTcuMi0yLjQtNi4yLTYuMkM1LjYsNyw3LDUuNiw4LjYsNS4yQzEyLjQsNC4yLDE1LjgsNy42LDE0LjgsMTEuNHogTTExLDEwYzAsMC42LTAuNCwxLTEsMXMtMS0wLjQtMS0xczAuNC0xLDEtMVMxMSw5LjQsMTEsMTB6Ii8+PC9zdmc+);
background-size: 60%;
background-repeat: no-repeat;
background-position: 50%;
}
@media (max-width: 800px) {
.configurator .switch {
display: none;
}
}
.configurator .switch svg {
vertical-align: middle;
width: 30px;
height: auto;
margin-top: 3px;
margin-left: -2px;
}
.configurator {
width: 541px;
left: -541px;
top: 0;
background: #fff;
height: 100%;
border-radius: 0;
color: #333;
position: fixed;
z-index: 1052;
-webkit-transition: left .2s ease-out;
transition: left .2s ease-out;
}
.configurator.active {
left: 0;
-webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .4);
box-shadow: 0 0 25px 0 rgba(0, 0, 0, .4);
-webkit-transition: left .2s ease;
transition: left .2s ease;
width: 541px;
}
@media (max-width: 800px) {
.configurator .switch {
display: none;
}
}
.configurator .switch svg {
vertical-align: middle;
width: 30px;
height: auto;
margin-top: 3px;
margin-left: -2px;
}
.configurator .values {
background: #fff;
}
.configurator .values .header-inner {
color: #fff;
text-align: center;
background: #f5f5f5;
text-transform: none;
padding: 10px 10px 11px;
cursor: pointer;
border-radius: 4px;
font-size: 14px;
line-height: 24px;
font-weight: 900;
width: 374px;
margin: 10px 25px;
position: relative;
bottom: 20px;
}
.configurator .values .header-inner:hover {
opacity: 0.9;
}
.configurator .left-block {
float: left;
width: 117px;
border-right: 1px solid #e0e2e5;
min-height: 100%;
background: #f8f8f8;
}
.configurator .form {
height: 100%;
overflow-y: auto;
position: relative;
}
.configurator .left-block .section-block {
font-family: OpenSansBold;
font-size: 14px;
line-height: 18px;
padding: 50px 30px 20px;
text-transform: none;
position: relative;
cursor: pointer;
background-repeat: no-repeat;
background-size: 20%;
background-position: 50% 30%;
}
.configurator .left-block .section-block.active:before {
display: block;
content: ' ';
}
.configurator .left-block .section-block.active {
margin-right: -1px;
border-left: 2px solid white;
background-repeat: no-repeat !important;
background-size: 20% !important;
background-position: 50% 30% !important;
}
.configurator .right-block {
float: right;
width: 424px;
background: #fff;
height: 100%;
}
.configurator .right-block .content-body {
padding: 25px 25px 0 25px;
background: #fff;
border-left: 1px solid #e0e2e5;
margin-left: -1px;
height: 100%;
max-height: calc(100% - 100px);
overflow: scroll;
}
.configurator .right-block .block-item {
display: none;
}
.configurator .right-block .block-item.active {
display: block;
width:375px;
}
.configurator .right-block .block-item .item {
padding: 0 0 35px;
margin: 0 0 35px;
border-bottom: 1px solid #e0e2e5;
}
.item.item_checkbox .values a:not(.active) div {
opacity: 0.6;
}
.configurator .right-block .block-item .item .values {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.configurator .right-block .block-item .item .values a{
margin-bottom: 10px;
}
.configurator .right-block .block-item .item .title {
font-size: 12px;
font-family: OpenSansBold;
padding: 0 0 20px;
text-transform: uppercase;
}
.configurator .right-block .block-item .item .colors {
display: block;
overflow: hidden;
padding-top: 8px;
}
.configurator .right-block .block-item .item .colors a {
display: block;
float: left;
margin: 0 10px 10px 0;
border: 1px solid #e0e2e5;
border-radius: 15px;
width: 30px;
height: 30px;
position: relative;
}
.configurator .right-block .block-item .item .colors .picker{
padding: 5px;
}
.configurator .right-block .block-item .item .colors a:hover {
border: 1px solid #c2c2c2;
}
.configurator .right-block .block-item .item .colors a span {
display: block;
width: 100%;
height: 100%;
border-radius: 15px;
}
.configurator .right-block .block-item .item .colors a.picker span {
background-image: url("/bitrix/templates/shopogolik/build/../images/picker.svg");
background-size: 95%;
background-repeat: no-repeat;
background-position: center center;
}
.configurator.active .form .right-block .content-body .block-item.active .item.item_color_radio .values.colors a.active{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.configurator.active .form .right-block .content-body .block-item.active .item.item_color_radio .values.colors a.active:before{
content: "";
width: 8px;
height: 12px;
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-bottom: 2px solid white;
border-right: 2px solid white;
}
.configurator .switch:hover{
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggaWQ9InNldHRpbmdzIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTE5LDloLTEuN2MtMC4yLDAtMC42LDAtMC42LTAuM2MwLTAuOS0wLjMtMi4yLTAuOS0yLjhjLTAuMi0wLjItMC4xLTAuMywwLjEtMC41bDEuMi0xLjFjMC40LTAuNCwwLjQtMSwwLTEuNHMtMS0wLjQtMS40LDBsLTEuMiwxLjJjLTAuMiwwLjItMC40LDAuMi0wLjYsMC4xYy0wLjctMC41LTEuNi0wLjgtMi40LTFjLTAuMiwwLTAuNC0wLjItMC40LTAuNVYxYzAtMC42LTAuNC0xLTEtMVM5LDAuNCw5LDF2MS43YzAsMC4yLTAuMiwwLjQtMC40LDAuNWMtMC45LDAuMi0xLjcsMC41LTIuNCwxQzUuOSw0LjMsNS43LDQuMyw1LjUsNC4xTDQuMywyLjljLTAuNC0wLjQtMS0wLjQtMS40LDBzLTAuNCwxLDAsMS40bDEuMiwxLjJDNC4zLDUuNyw0LjMsNiw0LjIsNi4xYy0wLjUsMC43LTAuOCwxLjQtMSwyLjdDMy4yLDkuMSwyLjksOSwyLjcsOUgxYy0wLjYsMC0xLDAuNC0xLDFzMC40LDEsMSwxaDEuN2MwLjIsMCwwLjUsMC4xLDAuNiwwLjNjMC4yLDAuOSwwLjQsMS41LDAuOSwyLjNjMC4xLDAuMiwwLjEsMC42LTAuMSwwLjhsLTEuMiwxLjJjLTAuNCwwLjQtMC40LDEuMSwwLDEuNGMwLjQsMC40LDEsMC40LDEuNCwwbDEuMi0xLjJjMC4yLTAuMiwwLjQtMC4yLDAuNi0wLjFjMC43LDAuNSwxLjYsMC44LDIuNCwxYzAuMiwwLDAuNCwwLjIsMC40LDAuNVYxOWMwLDAuNiwwLjQsMSwxLDFzMS0wLjQsMS0xdi0xLjdjMC0wLjIsMC4yLTAuNCwwLjQtMC41YzAuOS0wLjIsMS43LTAuNSwyLjQtMWMwLjItMC4xLDAuNS0wLjEsMC42LDAuMWwxLjIsMS4yYzAuNCwwLjQsMSwwLjQsMS40LDBzMC40LTEsMC0xLjRsLTEuMi0xLjJjLTAuMi0wLjItMC4yLTAuNC0wLjEtMC42YzAuNS0wLjcsMC43LTEuMSwxLTEuOWMwLjEtMC4yLDAuMi0wLjksMC41LTAuOUgxOWMwLjYsMCwxLTAuNCwxLTFDMjAsOS40LDE5LjYsOSwxOSw5eiBNMTQuOCwxMS40Yy0wLjQsMS43LTEuOCwzLTMuNSwzLjVjLTMuOCwxLTcuMi0yLjQtNi4yLTYuMkM1LjYsNyw3LDUuNiw4LjYsNS4yQzEyLjQsNC4yLDE1LjgsNy42LDE0LjgsMTEuNHogTTExLDEwYzAsMC42LTAuNCwxLTEsMXMtMS0wLjQtMS0xczAuNC0xLDEtMVMxMSw5LjQsMTEsMTB6Ii8+PC9zdmc+) !important;
background-size: 60% !important;
background-repeat: no-repeat !important;
background-position: 50% !important;
}
.configurator .right-block .block-item .item.item_checkbox{
padding: 0 0 10px;
}
.configurator .item.item_checkbox .values a div{
background: #f9f9f9;
}
.configurator .switch:hover svg path {
fill: #fff;
}
.configurator .right-block .block-item .item .values a.active div{
color:white;
-webkit-transition: all ease .2s;
transition: all ease .2s;
}
.i-icon {
background-repeat: no-repeat;
background-position: center;
display: inline-block;
vertical-align: middle;
width: 1em;
height: 1em;
fill: currentColor;
}
.lk-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
}
@media (max-width: 699px) {
.lk-grid {
margin-right: 0;
}
}
.lk-grid__icon {
width: 35px;
height: 35px;
margin: auto;
margin-bottom: 7px;
}
.lk-grid__icon svg {
width: 100%;
height: 100%;
}
.lk-grid__item {
display: block;
width: 100%;
height: 120px;
text-decoration: none;
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 10px;
font-family: OpenSansBold;
font-size: 16px;
-webkit-transition: all ease .2s;
transition: all ease .2s;
text-align: center;
padding: 5px 10px;
-webkit-box-flex: 1;
-ms-flex: 1 1 calc(33% - 15px);
flex-grow: 1;
flex-shrink: 1;
flex-basis: calc(33% - 15px);
max-width: calc(33% - 15px);
border: 1px solid;
margin: 0 15px 15px 0;
}
@media (max-width: 768px) {
.lk-grid__item {
-webkit-box-flex: 1;
-ms-flex: 1 1 calc(50% - 15px);
flex-grow: 1;
flex-shrink: 1;
flex-basis: calc(50% - 15px);
max-width: calc(50% - 15px);
}
}
@media (max-width: 699px) {
.lk-grid__item {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
margin-right: 0;
}
}
.lk-grid__item:hover {
-webkit-transition: all ease .2s;
transition: all ease .2s;
}
.lk-grid__item:hover svg {
-webkit-transition: all ease .2s;
transition: all ease .2s;
}
.lk-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
@media (max-width:699px) {
.lk-form {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.lk-form__input {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.lk-form__input-input[type="password"] {
margin-bottom: 0;
}
.lk-form__input-input[type="text"] {
margin-bottom: 0;
}
.lk-form__label {
margin-right: 20px;
-webkit-box-flex: 1;
-ms-flex: 1 0 40%;
flex: 1 0 40%;
}
@media (max-width:699px) {
.lk-form__label {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin-bottom: 8px;
}
}
input.lk-form__radio {
display: none;
}
label.lk-radio__label {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
margin-top: 6px;
}
label.lk-radio__label:before {
content: "";
display: inline-block;
width: 14px;
height: 14px;
border: 1px solid;
border-radius: 50%;
margin-right: 7px;
}
.loader {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0.1s, opacity 0.1s linear;
transition: visibility 0.1s, opacity 0.1s linear;
position: fixed;
width: 100%;
height: 100%;
top: 0;
z-index: 10000;
bottom: 0;
background: rgba(0, 0, 0, .15);
}
.loader.opened{
-webkit-transition: visibility 0.1s, opacity 0.1s linear;
transition: visibility 0.1s, opacity 0.1s linear;
visibility: visible;
opacity: 1;
}
.typing_loader{
width: 100%;
height: 100%;
background: rgba(255, 255, 255, .85) url('/bitrix/templates/shopogolik/build/../images/preloader.gif') center center no-repeat;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}.product-item-detail-slider-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit:cover", 'object-fit: cover;';
}
.header .logo img{
height: 100%;
width: 100%;
margin: auto;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
font-family: "object-fit:contain;object-position:center", 'object-fit: contain;object-position: center';
}
.zoomContainer {
width: 0!important;
height: 0 !important;
}a.scroll-to-top{
display: none;
cursor: pointer;
bottom: 55px;
z-index: 995;
position: fixed;
}
a.scroll-to-top#scroll-1-right{
border-radius: 50%;
right: 75px;
left: inherit;
}
a.scroll-to-top#scroll-1-left{
border-radius: 50%;
left: 75px;
}
a.scroll-to-top#scroll-2-right{
right: 75px;
left: inherit;
}
a.scroll-to-top#scroll-2-left{
left: 75px;
}
@media(max-width:699px){
a.scroll-to-top{
bottom:15px;
}
a.scroll-to-top#scroll-1-right{
right: 15px;
left: inherit;
}
a.scroll-to-top#scroll-1-left{
left: 15px;
}
a.scroll-to-top#scroll-2-right{
right: 15px;
left: inherit;
}
a.scroll-to-top#scroll-2-left{
left: 15px;
}
}.size-gid {
margin-top: 20px;
}
.size-gid-link {
color: black
}
.size-gid-wrapper .popup-box {
width: calc(100vw - 120px);
max-width: 720px;
background: #fff;
position: relative;
margin-left: -90px;
}
.size-gid-wrapper .popup-box .close {
position: absolute;
width: 25px;
height: 25px;
right: 20px;
top: 20px;
z-index: 1000;
cursor: pointer;
}
.size-gid-wrapper .popup-box .close .icon {
width: 20px;
height: 20px;
}
.size-gid-wrapper h2 {
text-transform: none;
font-size: 21px;
line-height: 21px;
font-weight: 600;
margin: 0 0 8px;
}
.size-gid-wrapper .gid-note {
position: relative;
font-weight: 400;
font-size: 11px;
color: #a4a5a8;
padding-bottom: 23px;
}
@media (min-width: 700px) {
.size-gid-wrapper .gid-note:after {
position: absolute;
content: "\A0";
display: block;
bottom: 0;
left: -30px;
height: 1px;
width: calc(100% + 110px);
background: #f5f5fa;
}
}
.size-gid-wrapper {
display: none;
position: fixed;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
right: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .3);
z-index: 100;
}
.size-gid-wrapper .gid-tabs {
position: absolute;
bottom: auto;
left: 100%;
top: 111px;
width: 90px;
}
.size-gid-wrapper .gid-tabs > div {
width: 100%;
height: 90px;
float: left;
display: block;
position: relative;
background: #4a4a4a;
cursor: pointer;
-webkit-transition-duration: .15s;
transition-duration: .15s;
}
.size-gid-wrapper .gid-tabs > div.active {
background: #fff;
cursor: default;
}
.size-gid-wrapper .table-wrapper {
display: none;
padding: 31px 80px 29px 30px;
}
.size-gid-wrapper table {
text-align: center;
width: calc(100% + 50px);
margin: 5px 0 11px;
}
.size-gid-wrapper table td {
font-size: 12px;
line-height: 16px;
color: #1c1f26;
font-weight: 400;
padding: 12px 10px;
}
.size-gid-wrapper table thead th {
font-size: 11px;
line-height: 14px;
color: #a4a5a8;
font-weight: 400;
padding: 12px 10px;
}
.size-gid-wrapper table tr:nth-child(2n - 1) td {
background-color: #f5f5fa;
}
.size-gid-wrapper table tr td:first-child {
font-weight: 900;
}
.size-gid-wrapper.bottom-dress table tr td:nth-child(2),
.size-gid-wrapper.bottom-dress table tr th:nth-child(2){
display: none;
}
.size-gid-wrapper .scheme-wrapper {
display: none;
padding: 31px 80px 29px 30px;
}
@media (min-width: 700px) {
.size-gid-wrapper .scheme-wrapper {
padding-right: calc(50% + 30px);
padding-bottom: 0;
}
}
.size-gid-wrapper .scheme-wrapper .gid-note:after{
width: calc(100% + 60px);
}
.size-gid-wrapper .scheme-wrapper .sizes-scheme:after,
.size-gid-wrapper .scheme-wrapper .sizes-scheme:before {
content: " ";
display: table;
}
.size-gid-wrapper .scheme-wrapper .sizes-scheme:after {
clear: both;
}
.size-gid-wrapper .scheme-wrapper .sizes-scheme-dress {
float: left;
position: absolute;
right: 0;
top: 0;
width: 50%;
margin: 0;
height: 100%;
border-left: 1px solid #f5f5fa;
min-height: 400px;
}
.size-gid-wrapper .scheme-wrapper .list-sizes-scheme {
float: none;
width: auto;
margin: 0 -30px;
}
.size-gid-wrapper .scheme-wrapper .list-sizes-scheme > div {
display: block;
font-size: 13px;
font-family: OpenSansBold;
text-align: center;
-webkit-transition-duration: .15s;
transition-duration: .15s;
cursor: pointer;
color: #494c52;
background: #fff;
float: left;
width: 50%;
line-height: 100px;
}
.size-gid-wrapper .scheme-wrapper .list-sizes-scheme > div:nth-of-type(2n+1) {
border-right: 1px solid #f5f5fa;
}
.size-gid-wrapper .scheme-wrapper .list-sizes-scheme > div:nth-of-type(n+3) {
border-top: 1px solid #f5f5fa;
}
.size-gid-wrapper .active {
display: block;
}
@media (min-width: 700px) {
.size-gid-wrapper .scheme-wrapper .sizes-scheme-icon {
position: absolute;
top: 50%;
left: 50%;
margin: -170px 0 0 -58px;
width: 116px;
height: 340px;
}
}
@media (max-width: 770px) {
.size-gid-wrapper .scheme-wrapper .sizes-scheme-icon {
left: 55%;
}
}
.size-gid-wrapper.top-dress .scheme-wrapper .sizes-scheme-icon {
margin: -116px 0 0 -79px;
width: 158px;
height: 231px;
}
.size-gid-wrapper .scheme-wrapper .sizes-scheme-icon-img {
display: block;
position: relative;
margin: 0 auto;
width: 116px;
height: 340px;
background-image: url(/bitrix/templates/shopogolik/build/../images/dress_scheme.png);
}
.size-gid-wrapper.top-dress .scheme-wrapper .sizes-scheme-icon-img {
width: 158px;
height: 231px;
background-image: url(/bitrix/templates/shopogolik/build/../images/dress_top.png);
}
.size-gid-wrapper.bottom-dress .scheme-wrapper .sizes-scheme-icon-img {
width: 118px;
height: 350px;
background-image: url(/bitrix/templates/shopogolik/build/../images/dress_bottom.png);
}
.size-gid-wrapper .scheme-wrapper .sizes-scheme-dress-number{
position: absolute;
width: 33.33%;
height: 16px;
left: auto;
right: 100%;
text-align: right;
font-family: OpenSansBold;
font-size: 13px;
line-height: 16px;
color: #bbbcbf;
display: block;
z-index: 5;
margin: -30px 45px 0 0;
white-space: nowrap;
}
.size-gid-wrapper .scheme-wrapper .sizes-scheme-dress-number:before {
position: absolute;
content: "\A0";
display: block;
top: -4px;
left: 250%;
width: 150px;
height: 24px;
background: url(/bitrix/templates/shopogolik/build/../images/dress_arrows.png) 0 0/cover no-repeat;
margin-left: -30px;
}
.size-gid-wrapper.top-dress .scheme-wrapper .sizes-scheme-dress-number:before {
margin-left: -45px;
}
.size-gid-wrapper.top-dress .scheme-wrapper .sizes-scheme-dress-number {
margin-right: 30px;
}
.size-gid-wrapper .scheme-wrapper .sizes-scheme-dress-number:first-of-type {
top: 22.35294118%;
}
.size-gid-wrapper .scheme-wrapper .sizes-scheme-dress-number:nth-of-type(2) {
top: 37.5%;
}
.size-gid-wrapper .scheme-wrapper .sizes-scheme-dress-number:nth-of-type(3) {
top: 55.58823529%;
}
.size-gid-wrapper.top-dress .scheme-wrapper .sizes-scheme-dress-number:first-of-type {
top: 37.66233766%;
}
.size-gid-wrapper.top-dress .scheme-wrapper .sizes-scheme-dress-number:nth-of-type(2) {
top: 61.5%;
}
.size-gid-wrapper.top-dress .scheme-wrapper .sizes-scheme-dress-number:nth-of-type(3) {
top: 92.64069264%;
}
.size-gid-wrapper.bottom-dress .scheme-wrapper .sizes-scheme-dress-number:first-of-type {
display: none;
}
.size-gid-wrapper.bottom-dress .scheme-wrapper .sizes-scheme-dress-number:nth-of-type(2) {
top: 13.42857143%;
}
.size-gid-wrapper.bottom-dress .scheme-wrapper .sizes-scheme-dress-number:nth-of-type(3) {
top: 30.57142857%;
}
.size-gid-wrapper .scheme-wrapper .sizes-scheme-dress-number b {
color: #4a4a4a;
}
.size-gid-wrapper .scheme-wrapper .list-sizes-scheme .size-active {
background-color: #4a4a4a;
color: #fff;
}
.gid-tabs svg {
position: absolute;
top: 50%;
left: 50%;
margin: -8px 0 0 -10px;
width: 20px;
height: 15px;
}
.gid-tabs svg {
fill: #fff;
}
.gid-tabs .active svg {
fill: #4a4a4a;
}
@media screen and (max-width: 699px) {
.size-gid-wrapper .popup-box {
margin-left: 0px;
width: calc(100vw - 30px);
}
.size-gid-wrapper .gid-tabs {
position: absolute;
bottom: 0;
top: auto;
left: 0;
width: 100%;
}
.size-gid-wrapper .gid-tabs > div {
width: 50%;
height: 60px;
}
.size-gid-wrapper .table-wrapper,
.size-gid-wrapper .scheme-wrapper{
padding: 21px 60px 80px 10px;
}
.size-gid-wrapper h2 {
font-size: 18px;
line-height: 20px;
margin: 0 0 5px;
}
.size-gid-wrapper .gid-note {
margin-bottom: 11px;
padding: 0;
line-height: 14px;
}
.size-gid-wrapper .scheme-wrapper .sizes-scheme {
margin-right: -60px;
margin-top: 28px;
margin-bottom: 12px;
}
.size-gid-wrapper .scheme-wrapper .sizes-scheme-dress {
width: calc(100% - 88px);
position: relative;
margin: 19px 0;
min-height: auto;
}
.size-gid-wrapper .scheme-wrapper .sizes-scheme-dress-number {
width: 150px;
left: 50%;
text-align: center;
margin-top: -4px;
margin-left: -74px;
}
.size-gid-wrapper .scheme-wrapper .sizes-scheme-dress-number:before {
top: -34px;
left: 0;
margin-left: 0;
}
.size-gid-wrapper .scheme-wrapper .list-sizes-scheme {
width: 88px;
float: right;
margin: 0;
}
.size-gid-wrapper .scheme-wrapper .list-sizes-scheme > div {
float: none;
display: block;
font-size: 12px;
line-height: 44px;
font-weight: 700;
text-align: center;
width: auto;
}
}
@media screen and (max-width: 1000px) {
.size-gid {
text-align: left;
float: none;
}
}.btn-def {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color:white;
width: auto;
height: 40px;
padding: 5px;
/*max-width: 300px;*/
font-size: 13px;
font-family: openSansBold;
text-transform: uppercase;;
margin: 10px;
border:none;
margin-left: 0;
padding-left: 20px;
padding-right: 20px;
}
.btn-large{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 40px;
width: auto;
color: #fff;
font-size: 13px;
font-family: openSansBold;
text-transform: uppercase;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 10px;
-webkit-transition: 1s linear;
transition: 1s linear;
padding: 5px;
padding-left: 20px;
padding-right: 20px;
}
.btn-a-small:hover, .btn-a-large:hover, .btn-a-small:active, .btn-large:active, .btn-a-large:active, .btn-def:hover , .btn-def:active, .btn-large-light:hover, .btn-small-light:hover, .btn-large-light:active, .btn-small-light:active, .btn-def:focus {
color:white;
}
.btn-small{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: auto;
max-width: 200px;
height: 30px;
margin: 10px;
padding: 5px;
color: #fff;
font-size: 13px;
font-family: openSansBold;
text-transform: uppercase;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
}
.btn-small-square{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 40px;
height: 40px;
margin: 10px;
padding: 5px;
font-size: 13px;
font-family: openSansBold;
text-transform: uppercase;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 10px;
background-image: url('/bitrix/templates/shopogolik/build/../images/arrow-right2-white.svg');
border: 1px solid #e5e5e5;
background-repeat: no-repeat;
background-position: center center;
}
.btn-small-square-default{
cursor: default;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 40px;
height: 40px;
margin: 10px;
padding: 5px;
font-size: 13px;
font-family: openSansBold;
text-transform: uppercase;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: white;
margin: 10px;
background-image: url('/bitrix/templates/shopogolik/build/../images/arrow-right2-gray.svg');
border: 1px solid #e5e5e5;
background-repeat: no-repeat;
background-position: center center;
}
.btn-up-square{
background-position: center center;
background-repeat: no-repeat;
display: block;
width: 40px;
height: 40px;
cursor: pointer;
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
text-align: center;
-webkit-transition: opacity .3s;
transition: opacity .3s;
opacity: 1;
text-decoration: none;
margin: 10px;
background-image: url('/bitrix/templates/shopogolik/build/../images/arrow-right2-white.svg');
}
.btn-up-circle{
background-position: center center;
background-repeat: no-repeat;
display: block;
width: 40px;
height: 40px;
cursor: pointer;
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
text-align: center;
-webkit-transition: opacity .3s;
transition: opacity .3s;
opacity: 1;
text-decoration: none;
margin: 10px;
border-radius: 40px;
background-image: url('/bitrix/templates/shopogolik/build/../images/arrow-right2-white.svg');
}
.btn-small:hover, .btn-small:focus, .btn-small:active, .btn-large:hover, .btn-large-light, .btn-small-light {
background: #ffffff;
}
.btn-favorite {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #ffffff;
width: 40px;
height: 40px;
padding: 5px;
margin: 10px;
margin-left: 0;
border: 1px solid #e5e5e5;
}
.btn-favorite .icon {
padding: 5px;
width: 100%;
height: 100%;
}
.btn-favorite:hover .icon, .btn-favorite:active .icon {
fill:white;
}
.btn-a-large, .btn-large-light{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 40px;
/*width: 180px;*/
font-size: 13px;
font-family: openSansBold;
text-transform: uppercase;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 10px;
padding: 5px 15px 5px 15px;
margin-left: 0;
}
.btn-a-small, .btn-small-light {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: auto;
max-width: 200px;
height: 30px;
margin: 10px;
padding: 10px;
font-size: 13px;
font-family: openSansBold;
text-transform: uppercase;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.btn-a-large .icon, .btn-a-small .icon {
width: 20px;
height: 20px;
margin-right: 10px;
}
.btn-a-large:hover .icon, .btn-a-small:hover .icon, .btn-a-large:active .icon, .btn-a-small:active .icon {
fill:white;
}
.btn-close {
display: block;
width: 21px;
height: 21px;
background: #f0f0f0;
text-align: center;
line-height: 18px;
cursor: pointer;
z-index: 5;
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 1;
margin: 10px;
}
.btn-close:hover {
opacity:0.6;
}
.btn-def, .btn-large, .btn-small, .btn-up-square, .btn-up-circle, .btn-a-large, .btn-a-small,
.btn-a-large:active, .btn-a-small:active, .btn-close-circle:active, .btn-favorite, .btn-large-light, .btn-small-light {
-webkit-transition: background 0.55s;
transition: background 0.55s;
}
.btn-width {
padding: 0;
margin: 0;
width: 100%;
}
.btn-a-large, .btn-a-small, .btn-close-circle, .btn-favorite {
background: white;
}
.btn-large-light:hover, .btn-small-light:hover, .btn-large-light:active, .btn-small-light:active {
border:1px solid white;
}
/* End */
/* Start:/bitrix/templates/shopogolik/css/main.css?1677574343227961*/
@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&subset=latin,cyrillic);
/*@import '/bitrix/templates/shopogolik/css/../build/main.css?v=2';*/
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden], template {
display: none;
}
a {
background-color: transparent;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: not-allowed;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
.foundation-mq {
font-family: "small=0em&medium=43.75em&large=61.875em&xlarge=75em&xxlarge=90em";
}
html {
font-size: 100%;
box-sizing: border-box;
}
*, *::before, *::after {
box-sizing: inherit;
}
body {
padding: 0;
margin: 0;
font-family: Roboto, Arial, sans-serif;
font-weight: normal;
line-height: 1.5;
color: #000;
background: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body.FontOpenSansRegular{
font-family: OpenSansRegular;
}
body.FontPTSansRegular{
font-family: PTSansRegular;
}
body.FontRobotoRegular{
font-family: Roboto;
}
body.FontUbuntuRegular{
font-family: UbuntuRegular;
}
img {
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
display: inline-block;
vertical-align: middle;
}
textarea {
height: auto;
min-height: 50px;
border-radius: 0;
}
select {
width: 100%;
border-radius: 0;
}
#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object {
max-width: none !important;
}
button {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
padding: 0;
border: 0;
border-radius: 0;
line-height: 1;
}
[data-whatinput='mouse'] button {
outline: 0;
}
.is-visible {
display: block !important;
}
.is-hidden {
display: none !important;
}
.align-right {
-ms-flex-pack: end;
justify-content: flex-end;
}
.align-center {
-ms-flex-pack: center;
justify-content: center;
}
.align-justify {
-ms-flex-pack: justify;
justify-content: space-between;
}
.align-spaced {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.align-top {
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
}
.align-self-top {
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-bottom {
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
}
.align-self-bottom {
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-middle {
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.align-self-middle {
-ms-flex-item-align: center;
align-self: center;
}
.align-stretch {
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch;
}
.align-self-stretch {
-ms-flex-item-align: stretch;
align-self: stretch;
}
.small-order-1 {
-ms-flex-order: 1;
order: 1;
}
.small-order-2 {
-ms-flex-order: 2;
order: 2;
}
.small-order-3 {
-ms-flex-order: 3;
order: 3;
}
.small-order-4 {
-ms-flex-order: 4;
order: 4;
}
.small-order-5 {
-ms-flex-order: 5;
order: 5;
}
.small-order-6 {
-ms-flex-order: 6;
order: 6;
}
@media screen and (min-width: 43.75em) {
.medium-order-1 {
-ms-flex-order: 1;
order: 1;
}
.medium-order-2 {
-ms-flex-order: 2;
order: 2;
}
.medium-order-3 {
-ms-flex-order: 3;
order: 3;
}
.medium-order-4 {
-ms-flex-order: 4;
order: 4;
}
.medium-order-5 {
-ms-flex-order: 5;
order: 5;
}
.medium-order-6 {
-ms-flex-order: 6;
order: 6;
}
}
@media screen and (min-width: 61.875em) {
.large-order-1 {
-ms-flex-order: 1;
order: 1;
}
.large-order-2 {
-ms-flex-order: 2;
order: 2;
}
.large-order-3 {
-ms-flex-order: 3;
order: 3;
}
.large-order-4 {
-ms-flex-order: 4;
order: 4;
}
.large-order-5 {
-ms-flex-order: 5;
order: 5;
}
.large-order-6 {
-ms-flex-order: 6;
order: 6;
}
}
.row {
max-width: 73.125rem;
margin-left: auto;
margin-right: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
//.row .row {
// max-width: none;
// margin-left: -0.3125rem;
// margin-right: -0.3125rem;
//}
@media screen and (min-width: 43.75em) {
//.row .row {
// margin-left: -0.9375rem;
// margin-right: -0.9375rem;
//}
}
.row.expanded {
max-width: none;
}
.row.collapse > .column, .row.collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.column, .columns {
-ms-flex: 1 1 0px;
flex: 1 1 0px;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
min-width: initial;
}
@media screen and (min-width: 43.75em) {
.column, .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
.column.row.row, .row.row.columns {
float: none;
display: block;
}
.row .column.row.row, .row .row.row.columns {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.small-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.small-offset-0 {
margin-left: 0%;
}
.small-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.small-offset-1 {
margin-left: 8.33333%;
}
.small-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.small-offset-2 {
margin-left: 16.66667%;
}
.small-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.small-offset-3 {
margin-left: 25%;
}
.small-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.small-offset-4 {
margin-left: 33.33333%;
}
.small-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.small-offset-5 {
margin-left: 41.66667%;
}
.small-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.small-offset-6 {
margin-left: 50%;
}
.small-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.small-offset-7 {
margin-left: 58.33333%;
}
.small-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.small-offset-8 {
margin-left: 66.66667%;
}
.small-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.small-offset-9 {
margin-left: 75%;
}
.small-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.small-offset-10 {
margin-left: 83.33333%;
}
.small-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.small-offset-11 {
margin-left: 91.66667%;
}
.small-order-1 {
-ms-flex-order: 1;
order: 1;
}
.small-order-2 {
-ms-flex-order: 2;
order: 2;
}
.small-order-3 {
-ms-flex-order: 3;
order: 3;
}
.small-order-4 {
-ms-flex-order: 4;
order: 4;
}
.small-order-5 {
-ms-flex-order: 5;
order: 5;
}
.small-order-6 {
-ms-flex-order: 6;
order: 6;
}
.small-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.small-up-1 > .column, .small-up-1 > .columns {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.small-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.small-up-2 > .column, .small-up-2 > .columns {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.small-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.small-up-3 > .column, .small-up-3 > .columns {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.small-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.small-up-4 > .column, .small-up-4 > .columns {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.small-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.small-up-5 > .column, .small-up-5 > .columns {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.small-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.small-up-6 > .column, .small-up-6 > .columns {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.small-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.small-up-7 > .column, .small-up-7 > .columns {
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%;
}
.small-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.small-up-8 > .column, .small-up-8 > .columns {
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.small-collapse > .column, .small-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.small-uncollapse > .column, .small-uncollapse > .columns {
padding-left: 0.3125rem;
padding-right: 0.3125rem;
}
@media screen and (min-width: 43.75em) {
.medium-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.medium-offset-0 {
margin-left: 0%;
}
.medium-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.medium-offset-1 {
margin-left: 8.33333%;
}
.medium-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.medium-offset-2 {
margin-left: 16.66667%;
}
.medium-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.medium-offset-3 {
margin-left: 25%;
}
.medium-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.medium-offset-4 {
margin-left: 33.33333%;
}
.medium-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.medium-offset-5 {
margin-left: 41.66667%;
}
.medium-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.medium-offset-6 {
margin-left: 50%;
}
.medium-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.medium-offset-7 {
margin-left: 58.33333%;
}
.medium-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.medium-offset-8 {
margin-left: 66.66667%;
}
.medium-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.medium-offset-9 {
margin-left: 75%;
}
.medium-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.medium-offset-10 {
margin-left: 83.33333%;
}
.medium-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.medium-offset-11 {
margin-left: 91.66667%;
}
.medium-order-1 {
-ms-flex-order: 1;
order: 1;
}
.medium-order-2 {
-ms-flex-order: 2;
order: 2;
}
.medium-order-3 {
-ms-flex-order: 3;
order: 3;
}
.medium-order-4 {
-ms-flex-order: 4;
order: 4;
}
.medium-order-5 {
-ms-flex-order: 5;
order: 5;
}
.medium-order-6 {
-ms-flex-order: 6;
order: 6;
}
.medium-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.medium-up-1 > .column, .medium-up-1 > .columns {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.medium-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.medium-up-2 > .column, .medium-up-2 > .columns {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.medium-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.medium-up-3 > .column, .medium-up-3 > .columns {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.medium-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.medium-up-4 > .column, .medium-up-4 > .columns {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.medium-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.medium-up-5 > .column, .medium-up-5 > .columns {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.medium-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.medium-up-6 > .column, .medium-up-6 > .columns {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.medium-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.medium-up-7 > .column, .medium-up-7 > .columns {
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%;
}
.medium-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.medium-up-8 > .column, .medium-up-8 > .columns {
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%;
}
}
@media screen and (min-width: 43.75em) and (min-width: 43.75em) {
.medium-expand {
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
}
.row.medium-unstack > .column, .row.medium-unstack > .columns {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
@media screen and (min-width: 43.75em) {
.row.medium-unstack > .column, .row.medium-unstack > .columns {
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
}
@media screen and (min-width: 43.75em) {
.medium-collapse > .column, .medium-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.medium-uncollapse > .column, .medium-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
@media screen and (min-width: 61.875em) {
.large-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.large-offset-0 {
margin-left: 0%;
}
.large-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.large-offset-1 {
margin-left: 8.33333%;
}
.large-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.large-offset-2 {
margin-left: 16.66667%;
}
.large-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.large-offset-3 {
margin-left: 25%;
}
.large-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.large-offset-4 {
margin-left: 33.33333%;
}
.large-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.large-offset-5 {
margin-left: 41.66667%;
}
.large-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.large-offset-6 {
margin-left: 50%;
}
.large-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.large-offset-7 {
margin-left: 58.33333%;
}
.large-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.large-offset-8 {
margin-left: 66.66667%;
}
.large-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.large-offset-9 {
margin-left: 75%;
}
.large-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.large-offset-10 {
margin-left: 83.33333%;
}
.large-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.large-offset-11 {
margin-left: 91.66667%;
}
.large-order-1 {
-ms-flex-order: 1;
order: 1;
}
.large-order-2 {
-ms-flex-order: 2;
order: 2;
}
.large-order-3 {
-ms-flex-order: 3;
order: 3;
}
.large-order-4 {
-ms-flex-order: 4;
order: 4;
}
.large-order-5 {
-ms-flex-order: 5;
order: 5;
}
.large-order-6 {
-ms-flex-order: 6;
order: 6;
}
.large-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.large-up-1 > .column, .large-up-1 > .columns {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.large-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.large-up-2 > .column, .large-up-2 > .columns {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.large-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.large-up-3 > .column, .large-up-3 > .columns {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.large-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.large-up-4 > .column, .large-up-4 > .columns {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.large-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.large-up-5 > .column, .large-up-5 > .columns {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.large-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.large-up-6 > .column, .large-up-6 > .columns {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.large-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.large-up-7 > .column, .large-up-7 > .columns {
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%;
}
.large-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.large-up-8 > .column, .large-up-8 > .columns {
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%;
}
}
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.large-expand {
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
}
.row.large-unstack > .column, .row.large-unstack > .columns {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
@media screen and (min-width: 61.875em) {
.row.large-unstack > .column, .row.large-unstack > .columns {
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
}
@media screen and (min-width: 61.875em) {
.large-collapse > .column, .large-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.large-uncollapse > .column, .large-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
.shrink {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%;
}
.column.align-top, .align-top.columns {
-ms-flex-item-align: start;
align-self: flex-start;
}
.column.align-bottom, .align-bottom.columns {
-ms-flex-item-align: end;
align-self: flex-end;
}
.column.align-middle, .align-middle.columns {
-ms-flex-item-align: center;
align-self: center;
}
.column.align-stretch, .align-stretch.columns {
-ms-flex-item-align: stretch;
align-self: stretch;
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
.news-list__item .name,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
p {
font-size: inherit;
line-height: 1.6;
margin-bottom: 0.5rem;
text-rendering: optimizeLegibility;
}
em,
i {
font-style: italic;
line-height: inherit;
}
strong,
b {
font-weight: bold;
line-height: inherit;
}
small {
font-size: 80%;
line-height: inherit;
}
h1,
h2,
h3,
h4,
.news-list__item .name,
h5,
h6 {
font-family: Roboto, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: inherit;
text-rendering: optimizeLegibility;
margin-top: 0;
margin-bottom: 0.5rem;
line-height: 1.4;
}
h1 small,
h2 small,
h3 small,
h4 small, .news-list__item .name small,
h5 small,
h6 small {
color: #ccc;
line-height: 0;
}
h1 {
font-size: 1.0rem;
}
h2 {
font-size: 0.9rem;
}
h3 {
font-size: 0.8rem;
}
h4, .news-list__item .name {
font-size: 0.8rem;
}
h5 {
font-size: 0.8rem;
}
h6 {
font-size: 0.8rem;
}
@media screen and (min-width: 43.75em) {
h1 {
font-size: 1.6rem;
}
h2 {
font-size: 1.3rem;
}
h3 {
font-size: 1.0375rem;
}
h4, .news-list__item .name {
font-size: 1.125rem;
}
h5 {
font-size: 1.125rem;
}
h6 {
font-size: 0.8125rem;
}
}
a {
color: #ff2626;
text-decoration: none;
line-height: inherit;
cursor: pointer;
}
a:hover, a:focus {
color: #fc0000;
}
a img {
border: 0;
}
hr {
max-width: 73.125rem;
height: 0;
border-right: 0;
border-top: 0;
border-bottom: 1px solid #ccc;
border-left: 0;
margin: 1.25rem auto;
clear: both;
}
ul,
ol,
dl {
line-height: 1.6;
margin-bottom: 0.5rem;
list-style-position: outside;
}
li {
font-size: inherit;
}
ul {
list-style-type: disc;
margin-left: 1.25rem;
}
ol {
margin-left: 1.25rem;
}
ul ul, ol ul, ul ol, ol ol {
margin-left: 1.25rem;
margin-bottom: 0;
}
dl {
margin-bottom: 1rem;
}
dl dt {
margin-bottom: 0.3rem;
font-weight: bold;
}
blockquote {
margin: 0 0 1rem;
padding: 1.875rem 5rem;
border-left: 1px solid #000;
}
blockquote, blockquote p {
line-height: 1.6;
color: #000;
}
cite {
display: block;
font-size: 0.8125rem;
color: #4a4a4a;
}
cite:before {
content: '\2014 \0020';
}
abbr {
color: #000;
cursor: help;
border-bottom: 1px dotted #000;
}
code {
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #000;
background-color: #f0f0f0;
border: 1px solid #ccc;
padding: 0.125rem 0.3125rem 0.0625rem;
}
kbd {
padding: 0.125rem 0.25rem 0;
margin: 0;
background-color: #f0f0f0;
color: #000;
font-family: Consolas, "Liberation Mono", Courier, monospace;
}
.subheader {
margin-top: 0.2rem;
margin-bottom: 0.5rem;
font-weight: normal;
line-height: 1.4;
color: #4a4a4a;
}
.lead {
font-size: 125%;
line-height: 1.6;
}
.stat {
font-size: 2.5rem;
line-height: 1;
}
p + .stat {
margin-top: -1rem;
}
.no-bullet {
margin-left: 0;
list-style: none;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
@media screen and (min-width: 43.75em) {
.medium-text-left {
text-align: left;
}
.medium-text-right {
text-align: right;
}
.medium-text-center {
text-align: center;
}
.medium-text-justify {
text-align: justify;
}
}
@media screen and (min-width: 61.875em) {
.large-text-left {
text-align: left;
}
.large-text-right {
text-align: right;
}
.large-text-center {
text-align: center;
}
.large-text-justify {
text-align: justify;
}
}
.show-for-print {
display: none !important;
}
@media print {
* {
background: transparent !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important;
}
.show-for-print {
display: block !important;
}
.hide-for-print {
display: none !important;
}
table.show-for-print {
display: table !important;
}
thead.show-for-print {
display: table-header-group !important;
}
tbody.show-for-print {
display: table-row-group !important;
}
tr.show-for-print {
display: table-row !important;
}
td.show-for-print {
display: table-cell !important;
}
th.show-for-print {
display: table-cell !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
.ir a:after,
a[href^='javascript:']:after,
a[href^='#']:after {
content: '';
}
abbr[title]:after {
content: " (" attr(title) ")";
}
pre,
blockquote {
border: 1px solid #4a4a4a;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
.button {
display: inline-block;
text-align: center;
line-height: 1;
cursor: pointer;
-webkit-appearance: none;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
vertical-align: middle;
border: 1px solid transparent;
border-radius: 0;
padding: 0.85rem 1.6rem;
margin: 0 0 1rem 0;
font-size: 0.9rem;
color: #fff;
}
[data-whatinput='mouse'] .button {
outline: 0;
}
/*.button:hover, .button:focus, .main-slider__item .button:hover, .main-slider__item .button:focus {*/
/*color: #fff;*/
/*}*/
.button.tiny {
font-size: 0.6rem;
}
.button.small {
font-size: 0.75rem;
}
.button.large {
font-size: 1.25rem;
}
.button.expanded {
display: block;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.button.primary {
background-color: #2199e8;
color: #fff;
}
.button.primary:hover, .button.primary:focus {
background-color: #147cc0;
color: #fff;
}
.button.secondary {
background-color: #777;
color: #fff;
}
.button.secondary:hover, .button.secondary:focus {
background-color: #5f5f5f;
color: #fff;
}
.button.success {
background-color: #3adb76;
color: #fff;
}
.button.success:hover, .button.success:focus {
background-color: #22bb5b;
color: #fff;
}
.button.warning {
background-color: #ffae00;
color: #fff;
}
.button.warning:hover, .button.warning:focus {
background-color: #cc8b00;
color: #fff;
}
.button.alert {
background-color: #ec5840;
color: #fff;
}
.button.alert:hover, .button.alert:focus {
background-color: #da3116;
color: #fff;
}
.button.hollow {
border: 1px solid #2199e8;
color: #2199e8;
}
.button.hollow, .button.hollow:hover, .button.hollow:focus {
background-color: transparent;
}
.button.hollow:hover, .button.hollow:focus {
border-color: #0c4d78;
color: #0c4d78;
}
.button.hollow.primary {
border: 1px solid #2199e8;
color: #2199e8;
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
border-color: #0c4d78;
color: #0c4d78;
}
.button.hollow.secondary {
border: 1px solid #777;
color: #777;
}
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
border-color: #3c3c3c;
color: #3c3c3c;
}
.button.hollow.success {
border: 1px solid #3adb76;
color: #3adb76;
}
.button.hollow.success:hover, .button.hollow.success:focus {
border-color: #157539;
color: #157539;
}
.button.hollow.warning {
border: 1px solid #ffae00;
color: #ffae00;
}
.button.hollow.warning:hover, .button.hollow.warning:focus {
border-color: #805700;
color: #805700;
}
.button.hollow.alert {
border: 1px solid #ec5840;
color: #ec5840;
}
.button.hollow.alert:hover, .button.hollow.alert:focus {
border-color: #881f0e;
color: #881f0e;
}
.button.disabled, .button[disabled] {
/*opacity: 0.25;*/
cursor: not-allowed;
}
.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
background-color: #000;
color: #fff;
}
.button.dropdown::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 0.4em;
border-color: #fff transparent transparent;
border-top-style: solid;
border-bottom-width: 0;
position: relative;
top: 0.4em;
float: right;
margin-left: 1.6rem;
display: inline-block;
}
.button.arrow-only::after {
margin-left: 0;
float: none;
top: -0.1em;
}
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
display: block;
box-sizing: border-box;
width: 100%;
height: 40px;
padding: 0.5rem;
border: 1px solid #ccc;
margin: 0 0 1rem;
font-family: inherit;
font-size: 1rem;
color: #000;
background-color: #fff;
box-shadow: none;
border-radius: 0;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
}
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
textarea:focus {
border: 1px solid #4a4a4a;
background-color: #fff;
outline: none;
box-shadow: none;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
textarea {
max-width: 100%;
}
textarea[rows] {
height: auto;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #ccc;
}
input::placeholder,
textarea::placeholder {
color: #ccc;
}
input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
background-color: #f0f0f0;
cursor: default;
}
[type='submit'],
[type='button'] {
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
}
input[type='search'] {
box-sizing: border-box;
}
[type='file'],
[type='checkbox'],
[type='radio'] {
margin: 0 0 1rem;
}
[type='checkbox'] + label,
[type='radio'] + label {
display: inline-block;
margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0;
vertical-align: baseline;
}
[type='checkbox'] + label[for],
[type='radio'] + label[for] {
cursor: pointer;
}
label > [type='checkbox'],
label > [type='radio'] {
margin-right: 0.5rem;
}
[type='file'] {
width: 100%;
}
label {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.8;
color: #4a4a4a;
}
label.middle {
margin: 0 0 1rem;
padding: 0.5625rem 0;
}
.help-text {
margin-top: -0.5rem;
font-size: 0.8125rem;
font-style: italic;
color: #333;
}
.input-group {
display: table;
width: 100%;
margin-bottom: 1rem;
}
.input-group > :first-child {
border-radius: 0 0 0 0;
}
.input-group > :last-child > * {
border-radius: 0 0 0 0;
}
.input-group-label, .input-group-field, .input-group-button {
margin: 0;
white-space: nowrap;
display: table-cell;
vertical-align: middle;
}
.input-group-label {
text-align: center;
padding: 0 1rem;
background: #f0f0f0;
color: #000;
border: 1px solid #ccc;
white-space: nowrap;
width: 1%;
height: 100%;
}
.input-group-label:first-child {
border-right: 0;
}
.input-group-label:last-child {
border-left: 0;
}
.input-group-field {
border-radius: 0;
height: 2.5rem;
}
.input-group-button {
padding-top: 0;
padding-bottom: 0;
text-align: center;
height: 100%;
width: 1%;
}
.input-group-button a,
.input-group-button input,
.input-group-button button {
margin: 0;
}
.input-group .input-group-button {
display: table-cell;
}
fieldset {
border: 0;
padding: 0;
margin: 0;
}
legend {
margin-bottom: 0.5rem;
max-width: 100%;
}
.fieldset {
border: 1px solid #ccc;
padding: 1.25rem;
margin: 1.125rem 0;
}
.fieldset legend {
background: #fff;
padding: 0 0.1875rem;
margin: 0;
margin-left: -0.1875rem;
}
select {
height: 2.4375rem;
padding: 0.5rem;
border: 1px solid #ccc;
margin: 0 0 1rem;
font-size: 1rem;
font-family: inherit;
line-height: normal;
color: #000;
background-color: #fff;
border-radius: 0;
background-image: url("data:image/svg+xml;utf8,");
background-size: 9px 6px;
background-position: right -1rem center;
background-origin: content-box;
background-repeat: no-repeat;
padding-right: 1.5rem;
}
@media screen and (min-width: 0\0
) {
select {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
}
}
select:disabled {
background-color: #f0f0f0;
cursor: default;
}
select::-ms-expand {
display: none;
}
select[multiple] {
height: auto;
background-image: none;
}
.is-invalid-input:not(:focus) {
background-color: rgba(255, 38, 38, 0.1);
border-color: #ff2626;
}
.is-invalid-label {
color: #ff2626;
}
.form-error {
display: none;
margin-top: -0.5rem;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: bold;
color: #ff2626;
}
.form-error.is-visible {
display: block;
}
.hide {
display: none !important;
}
.invisible {
visibility: hidden;
}
@media screen and (max-width: 43.6875em) {
.hide-for-small-only {
display: none !important;
}
}
@media screen and (max-width: 0em), screen and (min-width: 43.75em) {
.show-for-small-only {
display: none !important;
}
}
@media screen and (min-width: 43.75em) {
.hide-for-medium {
display: none !important;
}
}
@media screen and (max-width: 43.6875em) {
.show-for-medium {
display: none !important;
}
}
@media screen and (min-width: 43.75em) and (max-width: 61.8125em) {
.hide-for-medium-only {
display: none !important;
}
}
@media screen and (max-width: 43.6875em), screen and (min-width: 61.875em) {
.show-for-medium-only {
display: none !important;
}
}
@media screen and (min-width: 61.875em) {
.hide-for-large {
display: none !important;
}
}
@media screen and (max-width: 61.8125em) {
.show-for-large {
display: none !important;
}
.dd_menu {
display: none !important;
}
}
@media screen and (min-width: 61.875em) and (max-width: 74.9375em) {
.hide-for-large-only {
display: none !important;
}
}
@media screen and (max-width: 61.8125em), screen and (min-width: 75em) {
.show-for-large-only {
display: none !important;
}
}
.show-for-sr,
.show-on-focus {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
}
.show-on-focus:active, .show-on-focus:focus {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.show-for-landscape,
.hide-for-portrait {
display: block !important;
}
@media screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: block !important;
}
}
@media screen and (orientation: portrait) {
.show-for-landscape,
.hide-for-portrait {
display: none !important;
}
}
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
@media screen and (orientation: landscape) {
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
}
@media screen and (orientation: portrait) {
.hide-for-landscape,
.show-for-portrait {
display: block !important;
}
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-center {
display: block;
margin-left: auto;
margin-right: auto;
}
.clearfix::before, .clearfix::after {
content: ' ';
display: table;
}
.clearfix::after {
clear: both;
}
.menu {
margin: 0;
list-style-type: none;
}
.menu > li {
display: table-cell;
vertical-align: middle;
}
[data-whatinput='mouse'] .menu > li {
outline: 0;
}
.menu > li > a {
display: block;
padding: 0.7rem 1rem;
line-height: 1;
}
.menu input,
.menu a,
.menu button {
margin-bottom: 0;
}
.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
vertical-align: middle;
}
.menu > li > a img + span,
.menu > li > a i + span,
.menu > li > a svg + span {
vertical-align: middle;
}
.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
margin-right: 0.25rem;
display: inline-block;
}
.menu > li {
display: table-cell;
}
.menu.vertical > li {
display: block;
}
@media screen and (min-width: 43.75em) {
.menu.medium-horizontal > li {
display: table-cell;
}
.menu.medium-vertical > li {
display: block;
}
}
@media screen and (min-width: 61.875em) {
.menu.large-horizontal > li {
display: table-cell;
}
.menu.large-vertical > li {
display: block;
}
}
.menu.simple li {
line-height: 1;
display: inline-block;
margin-right: 1rem;
}
.menu.simple a {
padding: 0;
}
.menu.align-right::before, .menu.align-right::after {
content: ' ';
display: table;
}
.menu.align-right::after {
clear: both;
}
.menu.align-right > li {
float: right;
}
.menu.expanded {
width: 100%;
display: table;
table-layout: fixed;
}
.menu.expanded > li:first-child:last-child {
width: 100%;
}
.menu.icon-top > li > a {
text-align: center;
}
.menu.icon-top > li > a img,
.menu.icon-top > li > a i,
.menu.icon-top > li > a svg {
display: block;
margin: 0 auto 0.25rem;
}
.menu.nested {
margin-left: 1rem;
}
.menu .active > a {
color: #fff;
background: #2199e8;
}
.menu-text {
font-weight: bold;
color: inherit;
line-height: 1;
padding-top: 0;
padding-bottom: 0;
padding: 0.7rem 1rem;
}
.menu-centered {
text-align: center;
}
.menu-centered > .menu {
display: inline-block;
}
.no-js [data-responsive-menu] ul {
display: none;
}
.pagination {
margin-left: 0;
margin-bottom: 3.75rem;
}
.pagination::before, .pagination::after {
content: ' ';
display: table;
}
.pagination::after {
clear: both;
}
.pagination li {
font-size: 1rem;
margin-right: 0.0625rem;
border-radius: 0;
display: inline-block;
}
.pagination a,
.pagination button {
color: #000;
display: block;
padding: 0.1875rem 0.625rem;
border-radius: 0;
}
.pagination a:hover,
.pagination button:hover {
background: #333;
}
.pagination .current {
padding: 0.1875rem 0.625rem;
background: #333;
color: #fff;
cursor: default;
}
.pagination .disabled {
padding: 0.1875rem 0.625rem;
color: #ccc;
cursor: not-allowed;
}
.pagination .disabled:hover {
background: transparent;
}
.pagination .ellipsis::after {
content: '\2026';
padding: 0.1875rem 0.625rem;
color: #000;
}
.slider {
position: relative;
height: 1px;
margin-top: 1.25rem;
margin-bottom: 2.25rem;
background-color: #ccc;
cursor: pointer;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
touch-action: none;
}
.catalog-filters__block .slider {
margin-left: 8px;
margin-right: 8px;
}
.slider-fill {
position: absolute;
top: 0;
left: 0;
display: inline-block;
min-width: 100%;
max-width: 100%;
height: 1px;
background-color: #000;
}
.slider-fill.is-dragging {
transition: all 0s linear;
}
.slider-handle {
position: absolute;
margin-top: -0.5rem;
position: absolute;
left: 0;
z-index: 1;
display: inline-block;
width: 1rem;
height: 1rem;
background-color: #000;
-ms-touch-action: manipulation;
touch-action: manipulation;
border-radius: 0;
}
[data-whatinput='mouse'] .slider-handle {
outline: 0;
}
.slider-handle:hover {
background-color: black;
}
.slider-handle.is-dragging {
transition: all 0s linear;
}
.slider.disabled,
.slider[disabled] {
opacity: 0.25;
cursor: not-allowed;
}
.slider.vertical {
display: inline-block;
width: 1px;
height: 12.5rem;
margin: 0 1.25rem;
transform: scale(1, -1);
}
.slider.vertical .slider-fill {
top: 0;
width: 1px;
max-height: 100%;
}
.slider.vertical .slider-handle {
position: absolute;
top: 0;
left: 50%;
width: 1rem;
height: 1rem;
transform: translateX(-50%);
}
.sticky-container {
position: relative;
}
.sticky {
position: absolute;
z-index: 0;
transform: translate3d(0, 0, 0);
}
.sticky.is-stuck {
position: fixed;
z-index: 5;
}
.sticky.is-stuck.is-at-top {
top: 0;
}
.sticky.is-stuck.is-at-bottom {
bottom: 0;
}
.sticky.is-anchored {
position: absolute;
left: auto;
right: auto;
}
.sticky.is-anchored.is-at-bottom {
bottom: 0;
}
.tabs {
margin: 0;
list-style-type: none;
background: #fff;
border: 1px solid transparent;
}
.tabs::before, .tabs::after {
content: ' ';
display: table;
}
.tabs::after {
clear: both;
}
.tabs.vertical > li {
width: auto;
float: none;
display: block;
}
.tabs.simple > li > a {
padding: 0;
}
.tabs.simple > li > a:hover {
background: transparent;
}
.tabs.primary {
background: #2199e8;
}
.tabs.primary > li > a {
color: #fff;
}
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
background: #1893e4;
}
.tabs-title {
float: left;
}
.tabs-title > a {
display: block;
padding: 2.5625rem 3.4375rem 2.5625rem 0;
line-height: 1;
font-size: 0.75rem;
}
.tabs-title > a:hover {
background: #fff;
}
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
background: none;
}
.tabs-content {
background: #fff;
transition: all 0.5s ease;
border: 1px solid transparent;
border-top: 0;
}
.tabs-content.vertical {
border: 1px solid transparent;
border-left: 0;
}
.tabs-panel {
display: none;
padding: 0;
}
.tabs-panel.is-active {
display: block;
}
/**
* Owl Carousel v2.1.6
* Copyright 2013-2016 David Deutsch
* Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
*/
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
display: none;
}
.owl-carousel.owl-drag .owl-item {
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("/bitrix/templates/shopogolik/css/owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
.preloader {
position: relative;
}
.preloader:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.95) url("/bitrix/templates/shopogolik/css/../images/preloader.gif") center center no-repeat;
z-index: 10;
}
.m-shadow-1 {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
}
.m-shadow-shift-1 {
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12), 0 0 1px 0 rgba(0, 0, 0, 0.24) !important;
}
.m-shadow-2 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
}
.m-shadow-shift-2 {
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16), 0 0 3px 0 rgba(0, 0, 0, 0.23) !important;
}
.m-shadow-3 {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
}
.m-shadow-shift-3 {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.19), 0 0 3px 0 rgba(0, 0, 0, 0.23) !important;
}
.m-shadow-4 {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
}
.m-shadow-shift-4 {
box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.25), 0 0 5px 0 rgba(0, 0, 0, 0.22) !important;
}
.m-shadow-5 {
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
}
.m-shadow-shift-5 {
box-shadow: 0 0 19px 0 rgba(0, 0, 0, 0.30), 0 0 6px 0 rgba(0, 0, 0, 0.22) !important;
}
.badges--centered {
text-align: center;
}
.badges--centered .badge {
display: inline-block;
vertical-align: middle;
position: relative;
}
.badges-left {
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
.badge {
position: absolute;
font-size: 0.875rem;
text-transform: uppercase;
display: block;
padding: 3px 10px;
background: #fff;
color: #000;
cursor: default;
-ms-user-select: none;
user-select: none;
}
.badge--left {
left: 15px;
}
.badge--right {
right: 15px;
}
.badge--top {
top: 15px;
}
.badge--bottom {
bottom: 15px;
}
.badge--list {
position: relative;
z-index: 1;
top: 0;
left: 0;
}
.badge--sale {
color: #ec5840;
}
.badge--new {
color: #000;
}
.option-sets {
text-align: left;
padding: 0 15px;
}
.option-sets .label {
min-width: 57px;
}
.option-sets .option-set {
margin-bottom: 10px;
display: block;
-ms-flex-align: center;
align-items: center;
justify-content: center;
}
.option-sets .options-wrapper {
display: inline-block;
}
.option-sets .count-up {
max-width: 90px;
}
.option-set {
display: inline-block;
vertical-align: middle;
font-size: 0;
}
.option-set .label {
font-size: 0.75rem;
color: #4a4a4a;
display: inline-block;
vertical-align: middle;
padding-right: 5px;
cursor: default;
}
.option-set .caser {
border: 1px solid #e5e5e5;
text-align: center;
color: #000;
font-size: 0.75rem;
line-height: 20px;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
padding: 4px 5px;
cursor: default;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
z-index: 0;
transition: 0.3s;
min-width: 30px;
}
.option-set .caser:hover {
/*border-color: #000;*/
z-index: 1;
}
.option-set .caser--wide {
min-width: 60px;
}
.option-set .caser__color-set {
display: inline-block;
vertical-align: sub;
width: 16px;
height: 16px;
overflow: hidden;
}
.option-set .caser__color-set--two-color {
display: inline-block;
vertical-align: sub;
width: 25px;
height: 25px;
transform: rotate(45deg);
margin-top: -4.5px;
margin-left: -4.5px;
}
.option-set .caser__color-set--two-color .color-box {
display: inline-block;
width: 50%;
height: 100%;
}
.option-set [type="radio"],
.option-set [type="checkbox"] {
display: none;
}
.option-set [type="radio"] + .caser,
.option-set [type="checkbox"] + .caser {
cursor: pointer;
/*margin-right: -1px;*/
}
.option-set [type="radio"]:checked + .caser,
.option-set [type="checkbox"]:checked + .caser {
border-color: #000;
z-index: 1;
}
.option-set .caser-radio {
display: inline-block;
/*vertical-align: middle;*/
}
.header-basket-popup__items .option-set .caser-radio {
margin-bottom: 5px;
margin-right: 5px;
}
.count-up {
font-size: 0.75rem;
color: #000;
display: -ms-flexbox;
display: flex;
}
.count-up__btn {
border: 1px solid #e5e5e5;
font-size: 1rem;
cursor: pointer;
width: 20px;
min-width: 20px;
text-align: center;
line-height: 28px;
-ms-user-select: none;
user-select: none;
transition: 0.3s;
}
.count-up__btn:hover {
background: #e5e5e5;
}
.count-up__btn.minus {
border-right: none;
}
.count-up__btn.plus {
border-left: none;
}
.count-up__input {
margin: 0;
border: 1px solid #e5e5e5;
text-align: center;
-ms-flex-positive: 1;
flex-grow: 1;
height: 30px;
background: #fff !important;
cursor: default !important;
max-width: calc(100% - 40px);
padding: 0;
}
.main-nav {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 43.6875em) {
.main-nav .mobile-menu-toggler {
display: none;
}
.main-nav .main-menu,
.main-nav .sub-menu {
display: block !important;
}
.menu.sub-menu li a{
color: #4a4a4a;
font-weight: 900;
font-size: 0.875rem;
text-transform: uppercase;
transition: 0.3s;
white-space: nowrap;
}
}
@media screen and (min-width: 43.75em) {
.main-nav .recall-btn {
display: none;
}
}
.main-nav__back {
z-index: 9 !important;
cursor: pointer;
}
.main-nav .mobile-menu-toggler {
-ms-flex-positive: 1;
flex-grow: 1;
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
@media screen and (min-width: 61.875em) {
.main-nav .mobile-menu-toggler {
display: none;
}
}
.main-nav .mobile-menu-toggler .delete-icon {
display: none;
}
.main-nav .mobile-menu-toggler .icon {
width: 20px;
height: 12px;
margin-right: 20px;
vertical-align: baseline;
}
.main-nav .mobile-menu-toggler span {
color: #4a4a4a;
font-size: 0.875rem;
font-weight: 900;
line-height: 24px;
text-transform: uppercase;
}
.main-nav .main-menu {
display: none;
-ms-flex-positive: 1;
flex-grow: 1;
padding-right: 15px;
/*padding-bottom: 15px;*/
}
@media screen and (min-width: 61.875em) {
.main-nav .main-menu {
display: block;
}
}
.main-nav .main-menu > li:first-child > a {
padding-left: 0;
}
.main-nav .main-menu li.active > a {
background: none !important;
color: #333 !important;
}
.main-nav .main-menu > li.has-child {
border-left: 1px solid transparent;
border-right: 1px solid transparent;
position: relative;
/*display: flex;*/
/*align-items: center;*/
}
.main-nav .main-menu > li.has-child ul {
display: block;
}
.main-nav .main-menu > li.has-child > div.menu-wrapper > ul > li > a {
text-transform: uppercase;
font-family: openSansBold;
color: #6d6d6d;
line-height: 20px;
display: block;
}
.main-nav .main-menu > li.has-child ul.depth-level-3 > li {
list-style: square;
}
.main-nav .main-menu > li.has-child div.menu-wrapper ul li a:not(.button) {
color: #4a4a4a;
white-space: nowrap;
}
.main-nav .main-menu .item.has-child a {
display: inline-flex;
}
.main-nav .main-menu div.menu-banner-item {
display: none;
}
@media screen and (min-width: 61.8125em) {
.main-nav .main-menu ul.depth-level-2 {
margin: 0;
}
.main-nav .main-menu > li.has-child:hover > div.menu-wrapper {
/*visibility: visible;*/
/*opacity: 1;*/
top: 100%;
/*transition: all 0.2s;*/
}
.main-nav .main-menu .menu-section-img {
overflow: hidden;
padding-top: 75%;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
}
.main-nav .main-menu .menu-section-img img {
max-width: none;
margin-bottom: 10px;
position: relative;
top: -18px;
width: 100%;
}
.main-nav .main-menu > li.has-child::before {
content: "";
display: none;
width: 100%;
height: 3px;
position: absolute;
z-index: 6;
top: calc(100% - 1px);
left: 0;
background: #fff;
}
.menu.main-menu .item.has-child:hover .menu-wrapper {
visibility: visible;
}
.main-nav .main-menu > li.has-child hr {
margin: 0px;
}
.main-nav .main-menu > li.has-child > div.menu-wrapper {
display: flex;
visibility: hidden;
position: absolute;
max-width: 1170px;
width: calc(100vw - 50px);
top: 100%;
z-index: 500;
background: #fff;
//opacity: 0;
padding: 0px 15px 30px 15px;
border: 1px solid #e5e5e5;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
/*transition: all 0.2s;*/
transition: visibility 180ms ease, opacity 180ms ease, margin 180ms ease;
}
.main-nav .main-menu > li.has-child > div.menu-wrapper > ul {
display: flex;
flex-wrap: wrap;
flex: 1 1 75%;
margin: 0;
}
.main-nav .main-menu > li.has-child > div.menu-wrapper > ul > li {
padding: 0px 15px;
flex: 1 1;
min-width: 227px;
max-width: 33.3%;
margin-top: 30px;
}
.main-nav .main-menu > li.has-child ul li {
list-style: none;
transition: 0.3s;
line-height: 25px;
}
.main-nav .main-menu > li.has-child div.menu-wrapper ul li a:not(.button) {
font-size: 14px;
line-height: 30px;
transition: 0.3s;
}
.main-nav .main-menu > li.has-child ul li:hover:before {
color: #000;
}
.main-nav .main-menu > li.has-child > div.menu-wrapper > ul > li > a {
padding: 20px 0 12px;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
}
.main-nav .main-menu > li.has-child div.menu-wrapper ul > li > a:hover {
padding-left: 15px;
padding-right: 0;
color: #000;
}
.main-nav .main-menu div.menu-banner-item {
display: block;
flex: 1 1 25%;
padding: 30px 15px 0;
max-height: 100%;
}
.main-nav .main-menu div.menu-banner-item .menu-banner {
height: 100%;
background: #f0f0f0;
position: relative;
overflow: hidden;
}
.main-nav .main-menu div.menu-banner-item .menu-banner .banner-wrapper {
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
text-transform: uppercase;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.main-nav .main-menu div.menu-banner-item .menu-banner .banner-wrapper::before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
content: '';
background: rgba(0, 0, 0, 0.5);
}
.main-nav .main-menu div.menu-banner-item .menu-banner .banner-content {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.main-nav .main-menu div.menu-banner-item .menu-banner span {
color: #fff;
font-size: 14px;
font-weight: 900;
line-height: 28px;
text-transform: uppercase;
}
.main-nav .main-menu div.menu-banner-item .menu-banner span.caption-feature {
font-size: 26px;
}
.main-nav .main-menu > li.has-child div.menu-banner-item a.button {
background-color: transparent;
border: 2px solid #ffffff80;
margin-top: 20px;
}
.main-nav .main-menu > li.has-child div.menu-banner-item a.button:hover {
background-color: #ffffff80 !important;
}
}
.main-nav .main-menu > li > a {
color: #4a4a4a;
font-family: openSansBold;
font-size: 0.875rem;
text-transform: uppercase;
padding: 25px 20px;
transition: 0.3s;
white-space: nowrap;
}
.main-nav .main-menu > li > a svg {
width: 7px;
height: 5px;
fill: #4a4a4a;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
margin-top: -2px;
transition: 0.3s;
}
.main-nav .main-menu > li > a:hover svg {
fill: #333;
}
.main-nav .main-menu .recall-btn .icon {
width: 16px;
height: 16px;
margin: 0 0.625rem 0 0;
display: none;
}
.main-nav .sub-menu {
font-size: 0.75rem;
}
.main-nav .sub-menu .icon {
width: 18px;
height: 18px;
fill: black;
margin-right: 0;
}
.main-nav .sub-menu li {
white-space: nowrap;
}
.main-nav .sub-menu li:last-child a {
padding-right: 0;
}
.main-nav .sub-menu li:not(:first-child):before {
content: "/";
display: inline-block;
color: #e5e5e5;
}
.main-nav .sub-menu a {
color: #000;
display: inline-block;
transition: 0.3s;
opacity: 1;
}
.main-nav .sub-menu a:hover {
opacity: 0.6;
}
.main-nav .sub-menu a span {
color: #ccc;
padding-left: 0.9375rem;
}
@media screen and (min-width: 43.75em) {
.display-menu-on-medium .main-nav__back {
display: block;
}
}
.display-menu-on-medium .mobile-menu-toggler .hamburger-icon {
display: none;
}
.display-menu-on-medium .mobile-menu-toggler .delete-icon {
display: inline-block !important;
}
@media screen and (min-width: 43.75em) and (max-width: 61.8125em) {
.display-menu-on-medium .header-logo,
.display-menu-on-medium .mobile-menu-toggler {
position: relative;
z-index: 11;
}
.display-menu-on-medium .mobile-menu-toggler .delete-icon {
margin-right: 24px;
}
.display-menu-on-medium .main-menu {
display: block;
}
.display-menu-on-medium .main-menu {
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 370px;
background: #fff;
z-index: 101;
padding: 200px 10px 10px 57px;
border-right: 1px solid #e5e5e5;
}
.display-menu-on-medium .main-menu li {
display: block;
border: none !important;
}
.display-menu-on-medium .main-menu li a {
padding: 16px 0;
}
.display-menu-on-medium .main-menu ul.depth-level-1 li a {
padding: 5px 0;
}
.display-menu-on-medium .main-menu li ul {
position: relative !important;
border: none !important;
}
.display-menu-on-medium .main-menu > li.has-child > div.menu-wrapper > ul {
display: none;
}
.display-menu-on-medium .main-menu > li.has-child.open > div.menu-wrapper > ul {
display: block;
}
.display-menu-on-medium .main-menu .menu-section-img img {
display: none;
}
.display-menu-on-medium .main-menu > li.has-child hr {
display: none;
}
}
@media screen and (max-width: 43.6875em) {
.main-nav {
display: none;
}
.display-menu-on-medium .main-nav {
display: block;
position: fixed;
top: 56px;
left: 0;
width: 100%;
background: #fff;
border-bottom: 1px solid #e5e5e5;
z-index: 101;
padding: 10px 10px 20px;
overflow-y: auto;
height: calc(100% - 56px);
}
.display-menu-on-medium .main-nav .sub-menu li {
max-width: 300px;
margin: 0 20px;
width: 100% !important;
display: block;
}
.main-nav .sub-menu a {
padding-left: 0;
}
.main-nav .sub-menu li:not(:first-child):before {
display: none;
}
.display-menu-on-medium .main-menu li {
display: block;
border: none !important;
max-width: 300px;
margin: 0 20px;
width: 100% !important;
}
.display-menu-on-medium .main-menu li a {
padding: 16px 0;
}
.display-menu-on-medium .main-menu li ul {
position: relative !important;
border: none !important;
}
.display-menu-on-medium .main-menu > li.has-child > div.menu-wrapper > ul {
display: none;
}
.display-menu-on-medium .main-menu > li.has-child.open > div.menu-wrapper > ul {
display: block;
}
.display-menu-on-medium .main-menu .menu-section-img img {
display: none;
}
.display-menu-on-medium .main-menu > li.has-child hr {
display: none;
}
}
.main-nav .main-menu ul li > a:hover {
color: #333 !important;
}
.main-slider {
margin-bottom: 3.75rem;
display: none !important;
max-height: 404px;
}
@media screen and (min-width: 43.75em) {
.main-slider {
display: block !important;
}
}
.main-slider__item {
background-position: center top !important;
background-repeat: no-repeat !important;
height: 490px;
background-size: cover !important;
}
.main-slider__item .row {
height: 100%;
}
.main-slider__item .title {
color: white;
font-size: 30px;
font-weight: 900;
/*line-height: 48px;*/
text-transform: uppercase;
margin-bottom: 30px;
margin-top: 15px;
}
.main-slider__item .caption {
color: white;
font-size: 14px;
font-family: OpenSansBold;
line-height: 24px;
/*margin-bottom: 1rem;*/
}
.main-slider-position .container-for-name-and-caption .title{
margin-bottom: 0;
}
/*.main-slider__item .btn-def {*/
/*!*margin-bottom: 0;*!*/
/*width:207px;*/
/*!*height: 50px;*!*/
/*!*background-color: white;*!*/
/*!*color:black;*!*/
/*}*/
.main-slider .owl-dots {
margin-top: -3.75rem !important;
text-align: right;
position: relative;
z-index: 5;
display: flex;
justify-content: center;
}
.main-slider .owl-dot {
display: inline-block;
width: 8px;
height: 8px;
/*border: 1px solid #000;*/
margin-left: 25px;
transition: 0.3s;
border-radius: 8px;
background-color: white;
}
.main-slider .owl-dot.active {
/*background: #000;*/
box-shadow: 0px 0px 2px 6px #b1b1b3
}
.banner {
height: 13.75rem;
background: #f0f0f0;
position: relative;
overflow: hidden;
margin-bottom: 1.875rem;
}
.banner--big {
height: 28.75rem;
}
.banner:hover .back-image {
transform: scale(1.1);
}
.banner.caption--right {
text-align: right;
}
.banner.caption--right .caption {
right: 0;
}
.banner.caption--bottom .caption {
bottom: 0;
}
.banner.caption--centered .banner-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.banner.caption--centered .caption {
position: relative;
}
.banner .back-image {
position: absolute;
top: 0;
height: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
transition: 0.3s;
}
.banner .banner-link {
position: absolute;
bottom: 0;
right: 0;
display: block;
width: 100%;
color: #000;
font-size: 1.3rem;
font-family: openSansBold;
line-height: 32px;
text-transform: uppercase;
}
.banner .caption {
padding: 18px;
display: block;
}
.banner .banner-buy-btn {
margin-top: 0.9375rem;
display: block;
font-size: 0.81rem;
font-weight: 700;
line-height: 33px;
text-transform: uppercase;
}
.banner .banner-buy-btn .icon {
width: 14px;
height: 17px;
margin-left: 10px;
}
.form-banner {
background: #f7f7f7;
position: relative;
margin-bottom: 1.875rem;
padding: 1.875rem 17px;
text-align: center;
}
@media screen and (min-width: 61.875em) {
.form-banner {
padding: 1.875rem 24px;
}
}
.form-banner .title {
font-size: 1.13rem;
font-family: openSansBold;
line-height: 26px;
text-transform: uppercase;
margin-bottom: 0.9375rem;
color: #000;
}
@media screen and (min-width: 61.875em) {
.form-banner .title {
font-size: 1.5rem;
line-height: 30px;
}
}
.form-banner .caption {
font-size: 0.81rem;
font-weight: 400;
line-height: 21px;
margin-bottom: 1.875rem;
color: #4a4a4a;
}
.form-banner .subscribe-input {
text-align: center;
padding-top: 1rem;
padding-bottom: 1rem;
height: 3.75rem;
margin-bottom: 1.875rem;
font-size: 0.875rem;
}
.form-banner--black {
background: #000;
color: #fff;
}
.form-banner--black .title {
color: #fff;
}
.form-banner--black .caption {
color: #fff;
}
.form-banner--black .button {
border: 1px solid #4a4a4a;
}
.main-product-slider .image img {
max-height: 360px;
}
.main-product-slider .owl-nav {
position: absolute;
top: -61px;
right: 0;
}
.main-product-slider .owl-nav .-prev,
.main-product-slider .owl-nav .owl-next {
font-size: 0;
display: inline-block;
vertical-align: middle;
height: 45px;
width: 45px;
background: #000 url("/bitrix/templates/shopogolik/css/../images/arrow-right2-white.svg") center center no-repeat;
margin-left: 13px;
text-align: center;
line-height: 30px;
border: 1px solid transparent;
transition: 0.3s;
opacity: 1;
}
.main-product-slider .owl-nav .owl-prev:hover,
.main-product-slider .owl-nav .owl-next:hover {
opacity: 0.6;
outline: none;
}
.main-product-slider .owl-nav .owl-prev.disabled,
.main-product-slider .owl-nav .owl-next.disabled {
outline: none;
border-color: #e5e5e5;
background: #fff url("/bitrix/templates/shopogolik/css/../images/arrow-right2-gray.svg") center center no-repeat;
cursor:default;
}
.main-product-slider .owl-nav .owl-prev {
transform: scaleX(-1);
}
.main-product-slider .products-list {
position: relative;
top: -0.9375rem;
}
.tabs-title {
font-family: openSansBold;
line-height: 24px;
text-transform: uppercase;
position: relative;
list-style: none;
}
.tabs-title:not(:last-child):before {
content: "";
display: block;
width: 8px;
height: 8px;
background: #4a4a4a;
position: absolute;
right: 10px;
top: 50%;
margin-top: -16px;
margin-right: 4px;
border-radius: 50%;
}
@media screen and (min-width: 61.875em) {
.tabs-title:not(:last-child):before {
right: 20px;
}
}
.tabs-title.is-active a {
color: #000;
}
.tabs-title a {
color: #4a4a4a;
transition: 0.3s;
font-size: 0.875rem;
padding: 41px 0px 41px 0;
margin-top: -4px;
}
@media screen and (min-width: 61.875em) {
.tabs-title a {
font-size: 1.13rem;
padding: 20px 35px 40px 0;
}
.tabs-title:not(:last-child):before {
right: 11px;
}
}
.tabs-title a:hover {
color: #000;
}
.tabs {
display: none;
}
@media screen and (min-width: 43.75em) {
.tabs {
display: block;
}
}
.tabs-mobile-links {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 17px;
margin-top: 10px;
}
@media screen and (min-width: 43.75em) {
.tabs-mobile-links {
display: none;
}
}
.tabs-mobile-links select {
border: none;
color: #000;
line-height: 24px;
background: none;
outline: none;
margin-bottom: 0;
padding: 5px 10px 5px 10px;
height: auto;
width: auto;
}
.tabs-mobile-links .icon-wrapper {
-ms-flex-positive: 1;
flex-grow: 1;
}
.tabs-mobile-links .icon {
width: 12px;
height: 7px;
fill: #ccc;
}
.main-product-slider .owl-nav .owl-prev,
.main-product-slider .owl-nav .owl-next {
font-size: 0;
display: inline-block;
vertical-align: middle;
height: 40px;
width: 40px;
background: #000 url("/bitrix/templates/shopogolik/css/../images/arrow-right2-white.svg") center center no-repeat;
margin-left: 13px;
text-align: center;
line-height: 30px;
border: 1px solid transparent;
transition: 0.55s;
opacity: 1;
}
/*.main-product-slider .owl-nav .owl-prev:hover,*/
/*.main-product-slider .owl-nav .owl-next:hover {*/
/*opacity: 0.75;*/
/*}*/
.main-product-slider .owl-nav .owl-prev.disabled,
.main-product-slider .owl-nav .owl-next.disabled,
.main-product-slider .owl-nav .owl-prev.disabled:hover,
.main-product-slider .owl-nav .owl-next.disabled:hover {
outline: none;
border-color: #e5e5e5;
background: #fff url("/bitrix/templates/shopogolik/css/../images/arrow-right2-gray.svg") center center no-repeat !important;
}
.main-product-slider .owl-nav .owl-prev {
transform: scaleX(-1);
}
.main-product-slider .products-list {
position: relative;
top: -0.9375rem;
}
}
.page-header .breadcrumbs {
margin: 0;
}
.page-header .breadcrumbs li {
display: inline-block;
list-style: none;
font-size: 0.81rem;
line-height: 24px;
color: #a9a9a9;
}
.page-header .breadcrumbs li:not(:first-child):before {
content: "/";
display: inline-block;
padding: 0 6px 0 4px;
}
.page-header .breadcrumbs li a {
color: #a9a9a9;
transition: 0.3s;
}
.page-header .breadcrumbs li a:hover {
color: #000;
}
.pagination a {
transition: 0.3s;
}
.pagination a:hover {
color: #fff;
}
.pagination .pagination-previous,
.pagination .pagination-next {
border: 1px solid #ccc;
}
.pagination .pagination-previous.disabled,
.pagination .pagination-next.disabled {
display: none;
outline: none;
}
.rating {
background: url("/bitrix/templates/shopogolik/css/../images/star-gray.svg") left center repeat-x;
height: 13px;
width: 90px;
}
.rating__inner {
height: 100%;
background: url("/bitrix/templates/shopogolik/css/../images/star-orange.svg") left center repeat-x;
cursor: pointer;
}
@media screen and (max-width: 43.6875em) {
.product-addpack-slider-wrapper .heading-row {
padding: 15px 0 !important;
}
}
.product-addpack-slider__item {
max-width: 170px;
text-align: center;
color: #000;
text-transform: uppercase;
line-height: 33px;
font-family: OpenSansBold;
position: relative;
padding-bottom: 20px;
}
.product-addpack-slider__item .image {
position: relative;
margin-bottom: 20px;
}
.product-addpack-slider__item .name {
font-size: 0.875rem;
color: #000;
transition: 0.3s;
opacity: 1;
line-height: 1.25rem;
}
.product-addpack-slider__item .name:hover {
opacity: 0.6;
}
.product-addpack-slider__item .price {
font-size: 1.13rem;
}
.product-addpack-slider .owl-nav {
position: absolute;
top: -52px;
right: 15px;
top: -64px;
}
.product-addpack-slider .owl-nav .owl-prev,
.product-addpack-slider .owl-nav .owl-next {
font-size: 0;
display: inline-block;
vertical-align: middle;
height: 34px;
width: 34px;
background: #000 url("/bitrix/templates/shopogolik/css/../images/arrow-right2-white.svg") center center no-repeat;
margin-left: 13px;
text-align: center;
line-height: 30px;
border: 1px solid transparent;
transition: 0.3s;
opacity: 1;
}
.product-addpack-slider .owl-nav .owl-prev:hover,
.product-addpack-slider .owl-nav .owl-next:hover {
opacity: 0.6;
}
.product-addpack-slider .owl-nav .owl-prev.disabled,
.product-addpack-slider .owl-nav .owl-next.disabled {
outline: none;
border-color: #e5e5e5;
background: #fff url("/bitrix/templates/shopogolik/css/../images/arrow-right2-gray.svg") center center no-repeat;
}
.product-addpack-slider .owl-nav .owl-prev {
transform: scaleX(-1);
}
.product-addpack-slider .owl-item:not(:last-child):after {
content: "+";
display: block;
position: absolute;
top: 110px;
right: -28px;
color: #4a4a4a;
font-size: 1.63rem;
font-weight: 400;
}
@media screen and (min-width: 43.75em) {
.product-addpack-slider .owl-item:not(:last-child):after {
right: -39px;
}
}
.product-addpack-results {
background: #f7f7f7;
padding: 20px 20px 20px 30px;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
font-size: 0.81rem;
text-transform: uppercase;
margin-bottom: 3.75rem;
text-align: center;
}
@media screen and (min-width: 43.75em) {
.product-addpack-results {
display: -ms-flexbox;
display: flex;
text-align: left;
}
}
.product-addpack-results .col-helper {
-ms-flex-positive: 1;
flex-grow: 1;
}
@media screen and (min-width: 61.875em) {
.product-addpack-results .col-helper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
}
.product-addpack-results__old {
color: #4a4a4a;
line-height: 24px;
-ms-flex-positive: 1;
flex-grow: 1;
}
.product-addpack-results__old span {
font-family: OpenSansBold;
text-decoration: line-through;
}
.product-addpack-results__economy {
color: #ec5840;
line-height: 20px;
-ms-flex-positive: 1;
flex-grow: 1;
}
.product-addpack-results__economy span {
font-weight: 700;
}
.product-addpack-results__total {
color: #000;
font-size: 1.3rem;
font-family: OpenSansBold;
line-height: 22px;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 10px 0 15px;
}
@media screen and (min-width: 43.75em) {
.product-addpack-results__total {
margin: 0;
}
}
.product-addpack-results .button {
margin-bottom: 0;
}
.popup-outer, .main-nav__back {
display: none;
background: rgba(0, 0, 0, 0.3);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}
.popup {
display: none;
padding: 10px;
position: fixed;
top: 0;
left: 0;
background: #fff;
z-index: 110;
max-width: 100%;
max-height: 100%;
overflow: hidden;
overflow-y: auto;
min-height: 150px;
top: 50%;
transform: translateY(-50%);
}
@media screen and (min-width: 43.75em) {
.popup {
top: 5%;
padding: 20px;
transform: translateY(0);
}
}
@media screen and (min-width: 61em) {
.popup {
width: 61rem;
margin-left: -30.5rem;
left: 50%;
}
}
.popup-inner {
position: relative;
}
.popup-inner .close {
position: absolute;
top: 0;
right: 0;
width: 21px;
height: 21px;
background: #f0f0f0;
text-align: center;
line-height: 18px;
cursor: pointer;
z-index: 5;
transition: 0.3s;
opacity: 1;
}
.popup-inner .close:hover {
opacity: 0.6;
}
.popup-inner .close .icon {
fill: #4a4a4a;
width: 8px;
height: 8px;
}
.fast-order-popup .popup-inner {
padding: 1.875rem;
}
@media screen and (min-width: 43.75em) {
.fast-order-popup .popup-inner {
border: 1px solid #f0f0f0;
padding: 2.8125rem 3.75rem;
}
}
@media screen and (min-width: 43.75em) {
.fast-order-popup .fast-order-popup-block {
padding: 40px 80px 40px 0;
}
}
.fast-order-popup h4, .fast-order-popup .news-list__item .name, .news-list__item .fast-order-popup .name {
margin: 0 0 20px;
}
.fast-order-popup .basket-icon {
margin-top: 1.875rem;
width: 85px;
height: 105px;
fill: #f0f0f0;
}
@media screen and (max-width: 43.6875em) {
.fast-order-popup .basket-icon {
display: none;
}
}
@media screen and (min-width: 39.375em) {
.slider-product-options-popup {
width: 39.375rem;
margin-left: -19.6875rem;
left: 50%;
}
}
.slider-product-options-popup .name {
color: #000;
font-size: 0.875rem;
font-family: OpenSansBold;
line-height: 33px;
text-transform: uppercase;
}
.slider-product-options-popup .image {
position: relative;
margin-bottom: 0.9375rem;
width: 270px;
}
.slider-product-options-popup .price {
font-size: 1.4rem;
font-family: OpenSansBold;
display: inline-block;
vertical-align: middle;
color: #000;
margin-bottom: 0.9375rem;
}
.slider-product-options-popup .option-sets {
padding: 0;
margin-bottom: 0.9375rem;
}
.fast-view-popup .price {
font-size: 1.4rem;
font-family: OpenSansBold;
display: inline-block;
vertical-align: middle;
color: #000;
margin-right: 20px;
margin-top: 10px;
}
.fast-view-popup .buttons .button {
min-height: 50px;
line-height: 19px;
margin-bottom: 0;
}
.fast-view-popup .buttons .button--transparent {
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.fast-view-popup .buttons .button--transparent span {
text-align: left;
}
.fast-view-popup .count-up__input {
height: 50px;
}
.fast-view-popup .count-up__btn {
line-height: 45px;
}
.recall-popup .popup-inner {
padding: 1.875rem;
}
@media screen and (min-width: 43.75em) {
.recall-popup .popup-inner {
border: 1px solid #f0f0f0;
padding: 2.8125rem 3.75rem;
}
}
@media screen and (min-width: 43.75em) {
.recall-popup .recall-popup-block {
padding: 40px 80px 40px 0;
}
}
.recall-popup h4, .recall-popup .news-list__item .name, .news-list__item .recall-popup .name {
margin: 0 0 20px;
}
.side-menu {
margin-bottom: 1.875rem;
}
.side-menu ul {
margin: 0 0 1rem;
}
.side-menu ul li {
list-style: none;
border-bottom: 1px solid #f0f0f0;
}
.side-menu ul li.active .icon {
display: block;
}
.side-menu ul li a {
display: block;
color: #000;
font-size: 1.2rem;
font-weight: 700;
text-transform: uppercase;
padding: 12px 27px 12px 0;
position: relative;
}
.side-menu ul li a .icon {
display: none;
width: 9px;
height: 7px;
fill: #000;
position: absolute;
top: 50%;
right: 10px;
margin-top: -3px;
}
.order-list__item {
border: 1px solid #f0f0f0;
padding: 0.9375rem;
margin-bottom: 20px;
}
.order-list__item .head {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
color: #000;
font-size: 12px;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 0.9375rem;
margin-bottom: 0.9375rem;
}
.order-list__item .head .number {
font-size: 14px;
font-weight: 700;
}
.order-list__item .head .status {
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0 15px;
}
.order-list__item .head .date {
color: #4a4a4a;
}
.order-list .tabs-title a {
padding-top: 15px;
padding-bottom: 15px;
}
.order-product {
display: -ms-flexbox;
display: flex;
}
.order-product:not(:last-child) {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #f0f0f0;
}
.order-product .image {
max-width: 100px;
height: 100%;
position: relative;
margin-right: 1.875rem;
}
.order-product .info {
-ms-flex-positive: 1;
flex-grow: 1;
}
.order-product .name {
color: #000;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.order-product .prices {
font-weight: 700;
line-height: 33px;
margin-bottom: 10px;
}
.order-product .prices .current-price {
padding: 0 5px 0 0;
color: #000;
font-size: 18px;
}
.order-product .prices .old-price {
padding: 0 5px;
color: #999;
font-size: 13px;
text-decoration: line-through;
}
.order-product .option-sets {
padding: 0;
}
.order-product .option-sets .option-set {
display: inline-block;
width: 30%;
}
.order-product .option-sets .caser {
border: none;
padding: 0;
width: auto;
min-width: auto;
}
.comment-list {
margin-bottom: 1.875rem;
margin-top: 1.875rem;
}
.comment-list__item {
max-width: 73.125rem;
margin-left: auto;
margin-right: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
max-width: none;
margin-left: -0.3125rem;
margin-right: -0.3125rem;
margin-bottom: 1.875rem;
}
@media screen and (min-width: 43.75em) {
.comment-list__item {
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
}
.comment-list__item .image {
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
max-width: 14.28571%;
}
@media screen and (min-width: 43.75em) {
.comment-list__item .image {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
.comment-list__item .content {
-ms-flex: 0 0 85.71429%;
flex: 0 0 85.71429%;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
max-width: 85.71429%;
}
@media screen and (min-width: 43.75em) {
.comment-list__item .content {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
.comment-list__item .content .content-inner {
padding: 20px 30px;
background: #f7f7f7;
position: relative;
}
.comment-list__item .content .content-inner::before {
position: absolute;
top: 20px;
left: -6px;
content: '';
display: block;
width: 0;
height: 0;
border: inset 6px;
border-color: transparent #f7f7f7 transparent transparent;
border-right-style: solid;
border-left-width: 0;
}
@media screen and (min-width: 43.75em) {
.comment-list__item .content .content-inner::before {
content: '';
display: block;
width: 0;
height: 0;
border: inset 11px;
border-color: transparent #f7f7f7 transparent transparent;
border-right-style: solid;
border-left-width: 0;
top: 23px;
left: -11px;
}
}
.comment-list__item .content .name {
color: #000;
font-size: 14px;
font-weight: 500;
line-height: 22px;
margin-bottom: 0.625rem;
}
.comment-list__item .content .text {
font-size: 14px;
margin-bottom: 0.625rem;
}
.comment-list__item .content .date {
color: #4a4a4a;
}
.comment-list__item .content .date span {
display: inline-block;
vertical-align: middle;
}
.comment-list__item .content .date .icon {
fill: #4a4a4a;
width: 12px;
height: 12px;
margin-right: 10px;
}
.comment-list .btn-a-large {
margin-right: 0;
}
.select-wrapper {
position: relative;
background: #fff;
}
.select-wrapper:before {
content: "";
display: block;
background: #000 url("/bitrix/templates/shopogolik/css/../images/arrow-down.svg") center center no-repeat;
width: 20px;
height: 20px;
position: absolute;
top: 10px;
right: 10px;
}
.select-wrapper select {
position: relative;
background: none;
padding-right: 40px;
}
.brands__caption {
margin-bottom: 3.75rem;
}
.brands__wrapper {
max-width: 73.125rem;
margin-left: auto;
margin-right: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center;
}
.brands__item {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
max-width: 100%;
text-align: center;
margin-bottom: 3.75rem;
}
@media screen and (min-width: 43.75em) {
.brands__item {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
@media screen and (min-width: 43.75em) {
.brands__item {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
max-width: 33.33333%;
}
}
@media screen and (min-width: 43.75em) and (min-width: 43.75em) {
.brands__item {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
@media screen and (min-width: 61.875em) {
.brands__item {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
max-width: 25%;
}
}
@media screen and (min-width: 61.875em) and (min-width: 43.75em) {
.brands__item {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
.brand-inner {
margin-bottom: 5.625rem;
}
.brand-inner img {
margin-bottom: 1.875rem;
}
* {
box-sizing: border-box;
}
.no-margin {
margin: 0;
}
.margin-bottom {
margin-bottom: 1.875rem;
}
.padding-top {
padding-top: 1.875rem;
}
.-gray-text {
color: #4a4a4a;
}
.-gray-text .icon {
fill: #4a4a4a;
}
.-small-text {
font-size: 14px;
}
.icon {
display: inline-block;
vertical-align: middle;
}
.header-logo .icon{
height: 100px;
width: 210px;
display: flex;
justify-content: center;
position: relative;
}
h1,
h2,
h3,
h4,
.news-list__item .name,
h6 {
color: #000;
font-weight: 700;
text-transform: uppercase;
}
h5 {
color: #000;
}
[type="text"],
[type="search"],
[type="tel"],
[type="email"],
[type="number"] {
-webkit-appearance: none !important;
opacity: 1;
}
[type="text"].error,
[type="search"].error,
[type="tel"].error,
[type="email"].error,
[type="number"].error {
border-color: #c00;
background: rgba(204, 0, 0, 0.1);
}
[type="text"] + label.error,
[type="search"] + label.error,
[type="tel"] + label.error,
[type="email"] + label.error,
[type="number"] + label.error {
margin-top: -0.9375rem;
color: #c00;
}
textarea {
min-height: 150px;
min-width: 100%;
}
[type="checkbox"] {
display: none;
}
[type="checkbox"] + .checkbox-icon {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
width: 16px;
height: 16px;
border: 1px solid #ccc;
position: relative;
cursor: pointer;
}
[type="checkbox"] + .checkbox-icon:before {
content: "";
display: block;
position: absolute;
top: 3px;
left: 3px;
width: 8px;
height: 8px;
background: transparent;
transition: 0.3s;
}
[type="checkbox"] + .checkbox-icon + span {
color: #000;
cursor: pointer;
}
[type="checkbox"]:checked + .checkbox-icon:before {
background: #000;
}
blockquote {
font-size: 18px;
background-color: #f7f7f7;
border-left-width: 4px;
margin: 1.875rem 0;
}
@media screen and (max-width: 43.6875em) {
blockquote {
padding: 30px 30px 30px 40px;
}
}
address {
font-style: inherit;
}
body {
font-size: 13px;
color: #4a4a4a;
line-height: 24px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
}
@media screen and (max-width: 43.6875em) {
body {
padding-top: 66px;
}
.product-images {
margin-left: 0em;
margin-right: 0em;
padding-left: 0rem;
max-width: 100%;
padding-right: 0rem;
}
}
ul li {
list-style: square;
}
.pagination a,
.pagination button,
.pagination .current {
line-height: 30px;
padding-top: 0;
padding-bottom: 0;
}
.pagination .icon {
width: 10px;
height: 10px;
transition: 0.3s;
position: relative;
top:-2px;
}
.pagination .pagination-previous .icon {
transform: scaleX(-1);
position: relative;
top:-2px;
}
.pagination .pagination-previous,
.pagination .pagination-next {
line-height: 30px;
}
.pagination .pagination-previous:hover .icon,
.pagination .pagination-next:hover .icon {
fill: #fff;
}
.button {
font-size: 13px;
font-family: openSansBold;
text-transform: uppercase;
/*padding: .75rem 1.2rem;*/
}
@media screen and (min-width: 61.875em) {
.button {
padding: 1.10rem 1.6rem;
}
}
.button--white {
background: #fff;
color: #000;
border: 1px solid #e5e5e5;
}
.button--white:hover {
background: #000;
color: #fff;
}
.button--white:hover .icon {
fill: #fff;
}
.button--with-icon {
padding: 9.5px;
}
@media screen and (min-width: 61.875em) {
.button--with-icon {
padding: 11px;
}
}
.button--with-icon .icon {
fill: #4a4a4a;
}
.button--with-icon.compare-active .icon{
fill: #dcdcdc;
}
.button--transparent {
background: none;
color: #000;
font-size: 14px;
text-transform: none;
transition: 0.3s;
opacity: 1;
font-weight: 600;
}
.button--transparent:hover, .button--transparent:focus {
background: none;
color: #000;
}
.button--transparent .icon {
fill: #000;
margin-right: 10px;
}
.button .icon {
width: 18px;
max-height: 18px;
}
.breadcrumbs-button {
font-size: 12px;
line-height: 36px;
color: #000;
}
.breadcrumbs-button::before {
content: "/";
color: #e5e5e5;
display: inline-block;
padding: 0 10px;
}
.row.first-row {
max-width: none;
margin-left: -0.3125rem;
margin-right: -0.3125rem;
}
@media screen and (min-width: 43.75em) {
.row.first-row {
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
}
.main-catalog {
padding-top: 1.875rem;
}
.row.heading-row {
padding-bottom: 1.875rem;
}
.row.heading-row.-with-slider-nav h4, .row.heading-row.-with-slider-nav .news-list__item .name, .news-list__item .row.heading-row.-with-slider-nav .name {
max-width: calc(100% - 90px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.row.heading-row span {
color: #4a4a4a;
}
@media screen and (max-width: 43.6875em) {
.row.heading-row span {
font-size: 13px;
display: block;
}
}
.row.heading-row.-padding-top {
padding-top: 1.875rem;
}
body.full-screen .main-nav .main-menu > li.has-child > div.menu-wrapper {
max-width: initial;
}
body.full-screen .site-container .blogs-wrapper .news-list__item img{
width: 100%;
}
body.full-screen .site-container .blogs-wrapper .news-list__item{
width: 100%;
flex: 0 0 100%;
max-width: 100%;
}
body.full-screen .site-container .blogs-wrapper .news-inner img{
width: 100%;
}
.site-container .blogs-wrapper{
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
body.full-screen .site-container {
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
}
body.full-screen .site-container .main-catalog .row.first-row .banner {
height: 400px;
}
body.full-screen .site-container .layout-left-side .row.first-row .medium-3 {
flex: 0 0 20%;
max-width: 20%;
}
body.full-screen .site-container .layout-left-side .row.first-row .medium-9 {
flex: 0 0 80%;
max-width: 80%;
}
body.full-screen .site-container .main-catalog .row.align-middle.first-row.heading-row {
max-width: inherit;
}
body.full-screen .sticky.is-anchored.is-at-top {
right: 0;
left:auto !important;
}
body.full-screen .sticky.is-at-top.is-stuck {
right: 20px;
left:auto !important;
}
body.full-screen .site-container .row {
max-width: inherit;
}
body.full-screen .catalog-sort-set .desktop-sort {
position: absolute;
left: 22%;
}
.sale-order-list-accomplished-title-container {
padding-left: 8px;
}
.sale-order-list-accomplished-date.canceled-order {
padding-right: 0;
}
.sale-order-detail-payment-options-methods-button-container .btn-def.sale-order-detail-payment-options-methods-button-element {
border-radius: 0;
}
.sale-order-list-container .sale-order-list-title-container {
padding: 10px 10px;
}
.sale-order-list-title-container .sale-order-list-title {
margin-bottom:0;
}
.sale-order-detail-about-order-inner-container-repeat .sale-order-detail-about-order-inner-container-repeat-button,
.sale-order-detail-about-order-inner-container-repeat .sale-order-detail-about-order-inner-container-repeat-cancel {
border-radius: 0;
text-decoration: none;
}
//body.full-screen .site-container .j-slider-wide.-border-bottom-mobile-tochildren .main-product-slider .products-list .row.first-row .products-list-slider .owl-item
//{
// width: 345px !important;
//}
.products-list__item.products-list-number-5 {
width: 20%;
}
.products-list.catalog-product-list.-mini-list-view .row.first-row .products-list__item.products-list-number-4 .btn-favorite {
margin-top: 10px;
}
.products-list.catalog-product-list.-mini-list-view .row.first-row .products-list__item.products-list-number-5 .btn-favorite {
margin-top: 10px;
}
@media(max-width:1564px) {
.products-list__item.products-list-number-5 {
width: 25%;
}
//body.full-screen .site-container .j-slider-wide.-border-bottom-mobile-tochildren .main-product-slider .products-list .row.first-row .products-list-slider .owl-item {
// width: 280px !important;
//}
}
@media(max-width:1260px){
.products-list__item.products-list-number-5 {
width: 33.33333333%;
}
body.full-screen .catalog-sort-set .desktop-sort {
position: absolute;
left: 23%;
}
//body.full-screen .site-container .j-slider-wide.-border-bottom-mobile-tochildren .main-product-slider .products-list .row.first-row .products-list-slider .owl-item {
// width: 200px !important;
//}
}
@media(max-width:950px){
.products-list__item.products-list-number-5 {
width: 50%;
}
body.full-screen .site-container .main-catalog .row.first-row .banner {
height:145px;
}
//body.full-screen .site-container .j-slider-wide.-border-bottom-mobile-tochildren .main-product-slider .products-list .row.first-row .products-list-slider .owl-item {
// width: 100% !important;
//}
}
@media(max-width:699px){
.products-list__item.products-list-number-5 {
width: 100%;
}
body.full-screen .site-container .layout-left-side .row.first-row .medium-9, body.full-screen .site-container .layout-left-side .row.first-row .medium-3 {
flex: 0 0 100%;
max-width: 100%;
}
.bigdata_recommended_products_container .bigdata_recommended_products_items .main-product-slider .products-list .owl-nav {
top:-80px;
}
.sale-order-detail-payment-options-shipment-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment__wrap {
padding: 15px;
}
.col-sm-6.col-xs-6.sale-order-detail-total-payment-list-left, .col-sm-6.col-xs-6.sale-order-detail-total-payment-list-right {
width:inherit;
}
.sale-order-detail-order-item-table .sale-order-detail-order-item-tr.sale-order-detail-order-basket-info.sale-order-detail-order-item-tr-first .sale-order-detail-order-item-td {
padding-bottom: 0;
margin-bottom: 0;
}
.sale-order-detail-order-item-tr.sale-order-detail-order-basket-info.sale-order-detail-order-item-tr-first .sale-order-detail-order-item-td .sale-order-detail-order-item-block .sale-order-detail-order-item-color:last-child{
padding-bottom: 5px;
}
}
.full-screen .row.catalog-sort-view-sets, .full-screen .row.align-middle , .full-screen .site-container .layout-right-side .row, .full-screen .product-features,
.full-screen .main-news .row {
max-width:100%;
}
//body.full-screen .site-container .layout-left-side .row.first-row .products-list__item {
// width: 20%;
//}
.site-container, .main-slider .owl-dots {
margin: 0 auto;
max-width: 20rem;
width: 100%;
padding-left: 0.625rem;
padding-right: 0.625rem;
}
//.site-container .layout-left-side .column .catalog-sort-set{
// margin-left: -25px;
//}
@media screen and (min-width: 43.75em) {
.site-container, .main-slider .owl-dots {
max-width: 75rem;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
.container {
margin: 0 auto;
max-width: 73.125rem;
}
.form-gutter {
width: 100%;
height: 100%;
position: relative;
}
.form-gutter:before {
content: "";
display: block;
height: 100%;
width: 1px;
background: #f0f0f0;
position: absolute;
top: 0;
left: 50%;
margin-left: -0.5px;
}
.title-search-result {
width: 100%;
}
.title-search-item {
transition: 0.3s;
}
.title-search-item:hover {
background: #f7f7f7;
}
#modef {
position: relative;
}
#modef::after {
display: none;
}
@media screen and (min-width: 43.75em) {
#modef {
position: absolute;
top: 14px;
right: -150px;
}
#modef::after {
display: block;
}
}
.mobile-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 56px;
margin-bottom: 10px;
z-index: 5;
background: #fff;
}
@media screen and (min-width: 43.75em) {
.mobile-header {
display: none;
}
}
.mobile-header__top-wrapper {
border-bottom: 1px solid #ccc;
background-color: white;
}
.mobile-header__top {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 15px 5px;
}
.mobile-header .mobile-menu-toggler {
padding-right: 10px;
}
.mobile-header .mobile-menu-toggler .icon {
width: 20px;
height: 12px;
}
.mobile-header .mobile-menu-toggler .delete-icon {
display: none;
}
.mobile-header .mobile-logo {
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
display: flex;
justify-content: center;
}
.mobile-header .mobile-logo .icon {
width: 156px !important;
height: 45px !important;
}
.mobile-header .mobile-basket {
padding-left: 10px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.mobile-header .mobile-basket .icon {
width: 19px;
height: 25px;
}
.mobile-header .mobile-basket span {
z-index: 2;
position: absolute;
font-size: 10px;
padding-top: 5px;
}
header {
padding-top: 20px;
padding-bottom: 20px;
}
@media screen and (min-width: 43.75em) {
header {
border-bottom: 1px solid #ccc;
padding-top: 39px;
padding-bottom: 36px;
}
}
header .recall-btn {
color: #000;
display: inline-block;
vertical-align: middle;
margin-right: 18px;
}
header .recall-btn .icon {
fill: #000;
width: 25px;
height: 26px;
}
.header-logo {
display: none;
}
@media screen and (min-width: 43.75em) {
.header-logo {
/*display: block;*/
display: flex;
align-items: center;
height: 100%;
}
}
.header-logo .phone_span {
position: relative;
}
.header-logo .phone_span-absolute {
position: absolute;
top: -23px;
left: 0;
margin: 0;
width: max-content;
font-weight: bold;
font-size: 13px;
line-height: 13px;
letter-spacing: -0.01em;
color: rgba(74, 74, 74, 0.31);
}
@media screen and (max-width: 1180px) {
.header-logo .phone_span-absolute {
top: -19px;
font-size: 11px;
line-height: 11px;
}
}
.header-logo .image {
display: inline-block;
vertical-align: middle;
margin-right: 30px;
margin-bottom: 6px;
}
.header-logo .image svg {
width: 211px;
height: 27px;
}
.header-logo .caption {
display: inline-block;
vertical-align: middle;
color: #4a4a4a;
font-size: 9px;
line-height: 12px;
text-transform: uppercase;
}
.search-form--nopadding {
padding-left: 0 !important;
padding-right: 0 !important;
}
@media screen and (min-width: 43.75em) {
.search-form {
padding: 0 27px 0 15px;
}
}
.search-form form {
position: relative;
}
.search-form .search-input {
border: none;
border-bottom: 1px solid #ccc;
box-shadow: none;
padding: 10px 0;
margin: 0;
color: #000;
font-size: 13px;
}
.search-form .search-input::-webkit-input-placeholder {
color: #000;
}
.search-form .search-input:-moz-placeholder {
color: #000;
}
.search-form .search-input::-moz-placeholder {
color: #000;
}
.search-form .search-input:-ms-input-placeholder {
color: #000;
}
.search-form .search-button {
position: absolute;
top: 0;
right: 0;
display: block;
width: 20px;
height: 100%;
border: none;
font-size: 0;
}
.search-form .search-button svg {
width: 16px;
height: 17px;
}
.search-form{
position: relative;
}
.header-basket-wrapper {
position: relative;
display: none;
text-align: right;
}
@media screen and (min-width: 43.75em) {
.header-basket-wrapper {
display: block;
}
}
.header-basket-link {
padding-top: 10px;
display: inline-block;
cursor: pointer;
vertical-align: middle;
}
.header-basket-link__counter {
display: inline-block;
vertical-align: middle;
width: 135px;
text-align: center;
font-size: 14px;
line-height: 24px;
color: #4a4a4a;
max-width: 135px;
min-width: 50px;
}
.header-basket-link__counter span {
color: #000;
font-family: openSansBold;
}
.header-basket-link .basket-icon {
margin-top: -10px;
display: inline-block;
vertical-align: middle;
}
.header-basket-link .basket-icon svg {
width: 22px;
height: 26px;
}
.header-basket-link .arrow-down-icon {
display: inline-block;
vertical-align: middle;
}
.header-basket-link .arrow-down-icon svg {
width: 9px;
height: 5px;
fill: #4a4a4a;
}
.header-basket-popup {
display: none;
position: absolute;
left: auto !important;
right: -8px !important;
top: calc(100% + 18px) !important;
border: 1px solid #ccc;
background: #fff;
}
.header-basket-popup.is-open {
display: block;
}
.header-basket-popup__item {
padding: 20px 30px;
border-bottom: 1px solid #ccc;
width: 505px;
position: relative;
display: -ms-flexbox;
display: flex;
}
.header-basket-popup__item .item-image {
display: block;
width: 90px;
min-width: 90px;
height: 120px;
margin-right: 20px;
position: relative;
-ms-flex-preferred-size: 90px;
flex-basis: 90px;
}
.header-basket-popup__item .item-image .badges {
position: absolute;
bottom: 15px;
left: 0;
width: 100%;
}
.header-basket-popup__item .item-content {
-ms-flex-positive: 1;
flex-grow: 1;
width:300px;
}
.header-basket-popup__item .item-content__head {
margin-bottom: 10px;
}
.header-basket-popup__item .item-content .name {
display: block;
color: #000;
text-transform: uppercase;
font-size: 14px;
font-family: openSansBold;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
width: 100%;
max-width: 100%;
}
.header-basket-popup__item .item-content .price {
color: #000;
/*text-transform: uppercase;*/
font-size: 16px;
font-family: OpenSansBold;
width: 100%;
text-align: right;
white-space: nowrap;
}
.header-basket-popup__item .item-content .option-set {
padding-bottom: 10px;
}
.header-basket-popup__item .item-content .option-set:nth-child(2n-1) {
padding-right: 5px;
}
.header-basket-popup__item .item-content .option-set .caser {
width: auto;
}
.header-basket-popup__item .item-content .option-set .label {
width: auto;
}
.header-basket-popup .item-delete {
display: block;
position: absolute;
top: 0;
right: 0;
padding: 8px;
transition: 0.3s;
opacity: 1;
}
.header-basket-popup .item-delete:hover {
opacity: 0.6;
}
.header-basket-popup .item-delete .icon {
display: block;
width: 8px;
height: 8px;
fill: #4a4a4a;
}
.header-basket-popup__footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 17px 30px;
}
.header-basket-popup__footer .button {
margin: 0;
}
.header-basket-popup__footer .summary-in-basket {
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
color: #4a4a4a;
font-size: 13px;
}
.header-basket-popup__footer .total-price-in-basket {
color: #000;
/*text-transform: uppercase;*/
font-size: 18px;
font-family: openSansBold;
}
.footer-expander {
-ms-flex-positive: 1;
flex-grow: 1;
}
footer {
background: #f7f7f7;
font-size: 13px;
color: #4a4a4a;
margin-top: 1.875rem;
}
footer h4, footer .news-list__item .name, .news-list__item footer .name {
margin: 0.9375rem 0;
position: relative;
}
footer h4::before, footer .news-list__item .name::before, .news-list__item footer .name::before,
footer .column.column-shown h4.showed::before{
content: "+";
position: absolute;
top: 0;
right: 0;
font-weight: 400;
}
footer h4.showed::before, footer .news-list__item .showed.name::before, .news-list__item footer .showed.name::before,
footer .column.column-shown h4::before{
content: "\2212";
}
footer h4 + ul, footer .news-list__item .name + ul, .news-list__item footer .name + ul {
display: none;
}
@media screen and (min-width: 43.75em) {
footer h4, footer .news-list__item .name, .news-list__item footer .name {
margin: 0 0 1.875rem;
}
footer h4::before, footer .news-list__item .name::before, .news-list__item footer .name::before {
display: none;
}
footer h4 + ul, footer .news-list__item .name + ul, .news-list__item footer .name + ul {
display: block !important;
}
}
@media screen and (min-width: 43.75em) {
footer .footer-column-offset {
margin-left: 3%;
}
}
.pre-footer {
padding: 30px 0 10px;
}
@media screen and (max-width: 43.6875em) {
.pre-footer .column, .pre-footer .columns {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
max-width: 100%;
border-bottom: 1px solid #e5e5e5;
}
}
@media screen and (max-width: 43.6875em) and (min-width: 43.75em) {
.pre-footer .column, .pre-footer .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
@media screen and (max-width: 43.6875em) {
.pre-footer .column:last-child, .pre-footer .columns:last-child {
border: none;
}
}
.header-logo .shopo_logo{
height: 25px;
width: 210px
}
.footer-logo {
margin-bottom: 15px;
}
.footer-logo .icon {
width: 209px;
max-height: 80px;
height: 80px;
max-width: 100%;
}
.footer-logo .image .icon img{
height: 100%;
}
.footer-logo .shopo_logo{
height: 30px;
width: 210px
}
.footer-nav {
line-height: 24px;
margin-left: 0;
padding-left: 15px;
}
.footer-nav:not(.list-style-none) li {
list-style: square;
}
.footer-nav:not(.list-style-none) li:hover a {
padding-left: 30px;
}
.footer-nav.list-style-none {
padding-left: 0;
}
.footer-nav.list-style-none li {
display: -ms-flexbox;
display: flex;
position: relative;
margin-left: 35px;
}
.footer-nav.list-style-none .icon {
min-width: 22px;
line-height: 100%;
left: -35px;
position: absolute;
margin: auto 0;
top: 0;
bottom: 0;
}
.footer-nav .icon {
width: 22px;
height: 19px;
fill: #4a4a4a;
transition: 0.3s;
margin-right: 7px;
}
.footer-nav a {
color: #4a4a4a;
transition: 0.3s;
padding-left: 0;
display: inline-block;
vertical-align: top;
width: 100%;
}
.column-shown .footer-nav a {
margin: 0 0 5px 0;
}
.bx-authform-link-container a {
color: #4a4a4a;
transition: 0.3s;
}
.bx-authform-link-container a:hover {
color: #000;
transition: 0.3s;
text-decoration: underline;
}
.footer-nav li {
margin-bottom: 6px;
list-style: none;
}
.footer-nav li:hover a {
color: #000;
}
.footer-nav li:hover svg {
fill: #000;
}
.post-footer {
padding: 27px 0;
border-top: 1px solid #e5e5e5;
}
.post-footer .copyrights {
font-size: 13px;
line-height: 26px;
text-transform: uppercase;
}
.post-footer .copyrights .year {
color: #666;
}
.post-footer .copyrights .company-name {
color: #000;
}
.post-footer .copyrights .company-name:before {
content: " ";
}
.post-footer .socials {
text-align: center;
}
@media screen and (min-width: 43.75em) {
.post-footer .socials {
text-align: right;
}
}
.post-footer .socials a, header .socials a {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
margin-right: 5px;
}
@media screen and (min-width: 43.75em) {
.post-footer .socials a {
margin-left: 10px;
}
}
.post-footer .socials a:hover svg, header .socials a:hover svg {
fill: #ccc;
}
.post-footer .socials a svg, header .socials a svg {
width: 14px;
height: 14px;
fill: #000;
transition: 0.3s;
}
.main-features {
padding-bottom: 30px;
}
@media screen and (min-width: 43.75em) {
.main-features {
padding: 48px 0 27px;
border-top: 1px solid #e5e5e5;
}
}
.main-features__item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 1.875rem;
}
@media screen and (min-width: 61.875em) {
.main-features__item {
margin-bottom: 0;
}
}
.main-features__item:hover .main-features__icon {
background: #000;
border-color: #000;
}
.main-features__item:hover .icon {
fill: #fff;
}
.main-features__icon {
border-radius: 50%;
width: 67px;
min-width: 67px;
height: 67px;
border: 1px solid #e5e5e5;
margin-right: 22px;
transition: 0.3s;
text-align: center;
line-height: 62px;
padding-left: 2px;
}
.main-features__icon .icon {
fill: #4a4a4a;
width: 26px;
height: 26px;
}
.main-features__info {
padding-top: 10px;
}
.main-features__info .title {
display: block;
color: #000;
font-size: 16px;
font-family: openSansBold;
line-height: 20px;
margin-bottom: 5px;
}
@media screen and (min-width: 61.875em) {
.main-features__info .title {
line-height: 24px;
margin-bottom: 0;
}
}
.main-features__info .caption {
display: block;
color: #4a4a4a;
font-size: 14px;
line-height: 18px;
}
@media screen and (min-width: 61.875em) {
.main-features__info .caption {
line-height: 24px;
}
}
.main-brands {
padding-bottom: 1.875rem;
}
.main-brands a:hover {
opacity: 0.6;
color: #000000;
}
@media screen and (min-width: 43.75em) {
.main-brands {
border-top: 1px solid #e5e5e5;
padding-top: 1.875rem;
padding-bottom: 20px;
}
}
.main-brands .main-brands-slider.off {
display: -ms-flexbox;
display: flex;
}
.main-brands__item img {
padding-bottom: 8px;
}
.main-brands__item {
border: 1px solid #e5e5e5;
padding: 0 10px;
margin-bottom: 10px;
height: 80px;
}
@media screen and (min-width: 43.75em) {
.main-brands__item {
height: 106px;
}
}
.main-brands__item a {
display: block;
height: 100%;
width: 100%;
text-align: center;
line-height: 106px;
opacity: .3;
transition: 0.3s;
}
.main-brands__item a:hover {
opacity: 1;
}
@media screen and (max-width: 43.6875em) {
.main-brands__item img {
vertical-align: inherit;
width: 150px;
height: 80px;
}
}
.main-brands-slider {
width: auto !important;
}
.products-list {
margin-bottom: 1.875rem;
}
.products-list .products-list-slider .products-list__item {
width: 100%;
float: left;
//padding-left: 0.3125rem;
//padding-right: 0.3125rem;
}
@media screen and (min-width: 43.75em) {
.products-list .products-list-slider .products-list__item {
//padding-left: 0.9375rem;
//padding-right: 0.9375rem;
}
}
.products-list .products-list-slider .products-list__item:last-child:not(:first-child) {
float: right;
}
.products-list .products-list-slider .products-list__item:hover .option-sets {
display: none;
}
.products-list .products-list-slider .products-list__item .image {
min-height: 22.5rem;
}
.products-list.search-product-list .products-list__item {
width: 100%;
float: left;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
}
@media screen and (min-width: 43.75em) {
.products-list.search-product-list .products-list__item {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
.products-list.search-product-list .products-list__item:last-child:not(:first-child) {
float: right;
}
@media screen and (min-width: 43.75em) {
.products-list.search-product-list .products-list__item {
width: 33.33333%;
float: left;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
}
}
@media screen and (min-width: 43.75em) and (min-width: 43.75em) {
.products-list.search-product-list .products-list__item {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
@media screen and (min-width: 43.75em) {
.products-list.search-product-list .products-list__item:last-child:not(:first-child) {
float: right;
}
}
@media screen and (min-width: 61.875em) {
.products-list.search-product-list .products-list__item {
width: 25%;
float: left;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
}
}
@media screen and (min-width: 61.875em) and (min-width: 43.75em) {
.products-list.search-product-list .products-list__item {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
@media screen and (min-width: 61.875em) {
.products-list.search-product-list .products-list__item:last-child:not(:first-child) {
float: right;
}
}
.products-list.-block-view .products-list__item .image {
min-height: 22.5rem;
}
.products-list.-list-view .products-list__item {
width: 100%;
float: left;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
text-align: left;
}
@media screen and (min-width: 43.75em) {
.products-list.-list-view .products-list__item {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
.products-list.-list-view .products-list__item:last-child:not(:first-child) {
float: right;
}
.products-list.-list-view .products-list__item .image {
width: 16.875rem;
margin: 0 1.875rem 0 0;
float: left;
min-height: 100%;
}
@media screen and (max-width: 43.6875em) {
.products-list.-list-view .products-list__item .image {
width: 30%;
margin-right: 0.9375rem;
}
}
.products-list:not(.-block-view) .products-list__item .name-wrapper {
height: auto !important;
}
.products-list:not(.-block-view) .products-list__item .name-wrapper {
margin-top: 15px;
}
.products-list.-list-view .products-list__item .caption {
display: block;
margin-bottom: 15px;
}
.products-list.-list-view .products-list__item .rating {
display: block;
}
@media screen and (max-width: 43.6875em) {
.products-list.-list-view .products-list__item .rating {
display: inline-block;
position: relative;
top: auto;
right: auto;
}
}
@media screen and (min-width: 43.75em) and (max-width: 61.8125em) {
.products-list.-list-view .products-list__item .rating {
display: inline-block;
position: relative;
top: auto;
right: auto;
}
}
.products-list.-list-view .products-list__item .option-sets {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
}
.products-list.-list-view .products-list__item .option-sets .option-set {
margin-bottom: 20px;
display: inline-block;
margin-right: 20px;
}
@media screen and (max-width: 43.6875em) {
.products-list.-list-view .products-list__item .option-sets .option-set {
margin-right: 0;
}
}
.products-list.-list-view .products-list__item .option-sets .caser {
margin-right: 9px;
margin-bottom: 5px;
}
.products-list.-list-view .products-list__item .prices > span:first-child {
padding-left: 0;
}
.products-list.-list-view .products-list__item .buttons .button {
padding: 0.5rem;
}
.products-list.-list-view .products-list__item .buttons .button .icon {
width: 12px;
height: 12px;
}
.products-list.-list-view .products-list__item .buttons > .button:first-child {
margin-left: 0;
}
.products-list.-list-view .products-list__item .preview-btn {
display: none;
}
.products-list.-mini-list-view .products-list__item {
width: 100%;
float: left;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
text-align: left;
}
@media screen and (min-width: 43.75em) {
.products-list.-mini-list-view .products-list__item {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
.products-list.-mini-list-view .products-list__item:last-child:not(:first-child) {
float: right;
}
.products-list.-mini-list-view .products-list__item .image {
width: 15.625rem;
margin: 0 1.875rem 0 0;
float: left;
min-height: 100%;
}
@media screen and (max-width: 43.6875em) {
.products-list.-mini-list-view .products-list__item .image {
width: 30%;
margin-right: 0.9375rem;
}
}
.products-list.-mini-list-view .products-list__item .name {
margin-top: 0;
}
.products-list.-mini-list-view .products-list__item .option-sets {
display: block !important;
}
.products-list.-mini-list-view .products-list__item .preview-btn {
display: none;
}
.products-list.-mini-list-view .products-list__item .rating {
display: block;
}
@media screen and (max-width: 43.6875em) {
.products-list.-mini-list-view .products-list__item .rating {
display: inline-block;
position: relative;
top: auto;
right: auto;
}
}
@media screen and (min-width: 43.75em) and (max-width: 61.8125em) {
.products-list.-mini-list-view .products-list__item .rating {
display: inline-block;
position: relative;
top: auto;
right: auto;
}
}
.products-list.-mini-list-view .products-list__item .caption {
display: block;
margin-bottom: 15px;
}
.products-list.-mini-list-view .products-list__item .prices > span:first-child {
padding-left: 0;
}
.products-list.-mini-list-view .products-list__item .buttons .button {
padding: 0.5rem;
}
.products-list.-mini-list-view .products-list__item .buttons .button .icon {
width: 12px;
height: 12px;
}
.products-list.-mini-list-view .products-list__item .buttons > .button:first-child {
margin-left: 0;
}
.products-list.-mini-list-view .products-list__item .preview-btn {
display: none;
}
.products-list__item {
position: relative;
text-align: center;
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
background: #fff;
box-shadow: inset 0 0 0 1px transparent;
transition: border-color 0.3s ease;
width: 100%;
float: left;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
}
@media screen and (min-width: 43.75em) {
.products-list__item {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
.products-list__item:last-child:not(:first-child) {
float: right;
}
@media screen and (min-width: 43.75em) {
.products-list__item {
width: 50%;
float: left;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
}
}
@media screen and (min-width: 43.75em) and (min-width: 43.75em) {
.products-list__item {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
@media screen and (min-width: 43.75em) {
.products-list__item:last-child:not(:first-child) {
float: right;
}
}
@media screen and (min-width: 68.75em) {
.products-list__item {
width: 33.33333%;
float: left;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
}
}
@media screen and (min-width: 68.75em) and (min-width: 43.75em) {
.products-list__item {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
@media screen and (min-width: 68.75em) {
.products-list__item:last-child:not(:first-child) {
float: right;
}
}
.products-list__item:hover {
box-shadow: inset 0 0 0 1px #e5e5e5;
z-index: 10;
}
.products-list.-block-view .products-list__item .option-sets .option-set.option-quantity:not(.bx_item_detail_scu){
display: flex;
justify-content: center;
}
.products-list__item:hover .preview-btn {
opacity: 1 !important;
}
.products-list__item .image {
max-width: 16.875rem;
position: relative;
margin: 0 auto;
overflow: hidden;
}
.products-list__item .image > a {
display: flex;
}
.products-list__item .image .preview-btn {
opacity: 0;
}
.products-list__item .image .preview-btn:hover {
color: #fff;
}
.products-list__item .image .preview-btn:hover .icon {
fill: #fff;
}
.products-list__item .image .preview-btn .icon {
width: 14px;
height: 7px;
margin-left: 10px;
margin-top: -3px;
transition: 0.3s;
}
.products-list__item .name-wrapper {
margin: 10px 0 5px;
}
.products-list.-block-view .products-list__item .name {
display: inline-block;
vertical-align: top;
}
.products-list__item .name {
font-size: 14px;
font-family: openSansBold;
line-height: 18px;
display: block;
vertical-align: middle;
transition: 0.3s;
opacity: 1;
}
.products-list__item .name:hover {
opacity: 0.6;
}
.products-list__item .caption {
display: none;
color: #4a4a4a;
font-size: 14px;
line-height: 24px;
}
.products-list__item .rating {
display: none;
position: absolute;
top: 15px;
right: 15px;
z-index:10;
}
.products-list__item .prices {
font-family: openSansBold;
line-height: 33px;
}
.products-list__item .prices .current-price {
padding: 0 5px;
color: #000;
font-size: 18px;
}
.products-list__item .prices .old-price {
padding: 0 5px;
color: #999;
font-size: 13px;
text-decoration: line-through;
}
.products-list.-block-view .products-list__item .option-sets .option-set:not(.bx_item_detail_scu),
.products-list:not(.-block-view) .products-list__item .option-sets {
display: none;
}
.products-list__item .buttons .button {
margin: 0 5px 10px;
}
.products-list__item .buttons .to-basket-btn:hover {
background: #000;
color: #fff;
border-color: #000;
}
.main-news {
margin-bottom: 3.75rem;
}
.main-news h4{
padding-top: 1rem;
margin-bottom: 0;
}
.property_block .property_name {
color: #a9a9a9;
}
.property_block .property_value {
margin-left: 8px;
}
.main-news .main-news-slider {
max-width: 73.125rem;
margin-left: auto;
margin-right: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
max-width: none;
margin-left: -0.3125rem;
margin-right: -0.3125rem;
width: auto;
max-height: 194px;
overflow-y: hidden;
}
@media screen and (min-width: 43.75em) {
.main-news .main-news-slider {
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
}
.main-news .main-news-slider .owl-nav {
position: absolute;
right: 15px;
top: -66px;
}
.main-news .main-news-slider .owl-nav .owl-prev,
.main-news .main-news-slider .owl-nav .owl-next {
font-size: 0;
display: inline-block;
vertical-align: middle;
height: 34px;
width: 34px;
background: #000 url("/bitrix/templates/shopogolik/css/../images/arrow-right2-white.svg") center center no-repeat;
margin-left: 13px;
text-align: center;
line-height: 30px;
border: 1px solid transparent;
transition: 0.3s;
opacity: 1;
}
.main-news .main-news-slider .owl-nav .owl-prev:hover,
.main-news .main-news-slider .owl-nav .owl-next:hover {
opacity: 0.6;
}
.main-news .main-news-slider .owl-nav .owl-prev.disabled,
.main-news .main-news-slider .owl-nav .owl-next.disabled {
border-color: #e5e5e5;
background: #fff url("/bitrix/templates/shopogolik/css/../images/arrow-right2-gray.svg") center center no-repeat;
}
.main-news .main-news-slider .owl-nav .owl-prev {
transform: scaleX(-1);
}
@media screen and (min-width: 43.75em) {
.main-news .main-news-slider .owl-nav {
display: none;
}
}
.main-news__item {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
max-width: 100%;
}
@media screen and (min-width: 43.75em) {
.main-news__item {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
@media screen and (min-width: 43.75em) {
.main-news__item {
margin-bottom: 0;
}
}
.main-news__item:last-child {
margin-bottom: 0;
}
.main-news__item:hover img {
transform: scale(1.1);
}
.main-news__item img {
transition: 0.3s;
width: 100%;
}
.main-news__item a {
display: block;
position: relative;
background: #e5e5e5;
overflow: hidden;
max-height: 194px;
color: #fff;
}
.main-news__item .icon {
width: 12px;
height: 12px;
fill: #fff;
margin-right: 12px;
}
.main-news__item .caption {
display: block;
position: absolute;
bottom: 45px;
left: 15px;
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 33px;
text-transform: uppercase;
}
.main-news__item .date,
.main-news__item .comments {
position: absolute;
color: #fff;
font-size: 11px;
font-weight: 400;
line-height: 33px;
text-transform: uppercase;
}
.main-news__item .date {
left: 15px;
bottom: 15px;
}
.main-news__item .comments {
bottom: 15px;
left: 120px;
}
@media screen and (max-width: 43.6875em) {
.main-catalog .heading-row {
display: none;
}
}
@media screen and (max-width: 43.6875em) {
.main-catalog .banner {
height: 145px;
margin-bottom: 10px;
}
.main-catalog .banner .caption {
font-size: 14px;
padding-top: 4px;
}
}
.main-catalog .mobile-link {
margin: 10px 0 1.875rem;
}
@media screen and (min-width: 43.75em) {
.main-catalog .mobile-link {
display: none;
}
}
@media screen and (max-width: 43.6875em) {
.tabs-mobile-links {
margin-top: 0px;
}
.layout-right-side .tabs-mobile-links {
margin-top: 10px;
}
.tabs-mobile-links select {
padding: 7px 10px 7px 10px;
}
.main-catalog .mobile-link {
margin: 0 0 10px;
}
.main-product-slider .owl-nav {
right: -11px;
top: -53px;
}
.category.minus:after {
content: "\2212" !important;
position: absolute;
right: 0;
top: -3px;
font-family: ubuntuRegular;
color: inherit;
font-size: 20px;
}
.category:after {
content: "+";
position: absolute;
right: 0;
top: -3px;
color: inherit;
font-size: 20px;
font-weight: 400;
}
.category {
position: relative;
cursor: pointer;
}
.diplay-none {
display: none;
}
.catalog-filters h4, .catalog-filters .news-list__item .name, .news-list__item .catalog-filters .name {
position: relative;
margin-bottom: 0px;
}
.catalog-filters h4:after, .catalog-filters .news-list__item .name:after, .news-list__item .catalog-filters .name:after {
content: "+";
font-weight: 400;
position: absolute;
top: 0;
right: 0;
color: inherit;
font-size: 20px;
}
.catalog-filters h4.closed, .catalog-filters .news-list__item .closed.name, .news-list__item .catalog-filters .closed.name {
/*border-bottom: 1px solid #ccc;*/
}
.catalog-filters h4.closed:after, .catalog-filters .news-list__item .closed.name:after, .news-list__item .catalog-filters .closed.name:after {
content: "+";
}
.catalog-filters h4.closed + .catalog-filters__blocks-wrapper, .catalog-filters .news-list__item .closed.name + .catalog-filters__blocks-wrapper, .news-list__item .catalog-filters .closed.name + .catalog-filters__blocks-wrapper {
display: none;
}
}
.catalog-filters__block {
border-top: 1px solid #ccc;
padding: 20px 0;
}
.catalog-filters__block:first-child {
border-top: 0;
}
.catalog-filters__block--categories {
border-top: none;
padding-top: 5px;
}
.catalog-filters__block--categories ul > li:last-child > a {
border-bottom: 1px solid transparent;
}
.catalog-filters__block h5 {
margin-bottom: 1.25rem;
font-size: 14px;
line-height: 24px;
text-transform: uppercase;
}
.catalog-filters__block .caser {
margin: 0 9px 10px 0 !important;
}
.catalog-filters__block p {
font-size: 16px;
color: #000;
}
.catalog-filters__link-list ul {
margin: 0;
}
.catalog-filters__link-list li {
list-style: none;
position: relative;
border-bottom: 1px solid #ccc;
}
.catalog-filters__link-list li:last-child {
border-bottom: none;
}
/*.catalog-filters__link-list li.has-child > a:after {*/
/*content: "+";*/
/*position: absolute;*/
/*top: 4px;*/
/*right: 0;*/
/*color: inherit;*/
/*font-size: 20px;*/
/*}*/
.catalog-filters__link-list li>a .catalog-open {
display: none;
}
.catalog-filters__link-list li.has-child>a .catalog-open {
display: block;
font-size: 20px;
}
.catalog-filters__link-list li.has-child .
.catalog-filters__link-list li.has-child.expanded > a {
color: #4a4a4a;
border-bottom: 1px solid #ccc;
}
/*.catalog-filters__link-list li.has-child.expanded > a::after {*/
/*content: "-";*/
/*}*/
.catalog-filters__link-list li ul {
display: none;
}
.catalog-filters__link-list li li a {
padding-left: 25px;
}
.catalog-filters__link-list li li ul a {
padding-left: 50px;
}
.catalog-filters__link-list a {
color: #333;
padding: 7px 0;
position: relative;
margin-right: 20px;
transition: 0.3s;
display: list-item;
list-style: inside square;
font-size: 14px;
}
.catalog-filters__link-list .count {
color: #4a4a4a;
}
@media screen and (min-width: 43.75em) {
.catalog-sort-view-sets {
margin-bottom: 1.875rem;
}
}
.catalog-sort-set {
font-size: 13px;
line-height: 33px;
color: #4a4a4a;
font-weight: 700;
}
@media screen and (min-width: 43.75em) {
.catalog-sort-set {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
}
.catalog-sort-set .mobile-sort{
display: none;
font-weight: normal;
}
.catalog-sort-set .icon {
width: 7px;
height: 8px;
display: none;
margin-left: 4px;
}
.catalog-sort-set .caption {
padding-right: 8px;
}
.catalog-sort-set__item {
color: #000;
padding: 0 8px;
font-weight: 400;
}
.catalog-sort-set__item.selected {
color: #4a4a4a;
}
.catalog-sort-set__item.selected .icon {
display: inline-block;
}
.catalog-sort-set__item.inverted .icon {
transform: scaleY(-1);
}
@media screen and (max-width: 43.6875em) {
.catalog-sort-set .caption {
width: 100%;
}
.catalog-sort-set__item {
padding-left: 0;
display: inline-block;
margin-bottom: 0.9375rem;
}
}
.catalog-view-set {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
color: #4a4a4a;
font-size: 14px;
font-weight: 700;
line-height: 33px;
text-transform: uppercase;
}
@media screen and (min-width: 43.75em) {
.catalog-view-set {
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.catalog-view-set .caption {
padding-right: 7px;
}
.catalog-view-set__item {
margin: 0 20px;
position: absolute;
right: 21px;
}
.j-catalog-set-mini-list-view.catalog-view-set__item {
padding-right: 0;
margin-right: -6px;
}
.catalog-view-set__item.selected .icon {
fill: #000;
}
.catalog-view-set .icon {
height: 15px;
width: 15px;
fill: #4a4a4a;
}
.product-slider {
margin-bottom: 18px;
}
.product-slider__item {
text-align: center
}
.product-slider-thumbs {
margin-bottom: 1.875rem;
}
.product-slider-thumbs__item {
cursor: pointer;
line-height: 99px;
text-align: center;
}
.product-slider-thumbs .owl-prev,
.product-slider-thumbs .owl-next {
position: absolute;
top: 50%;
display: none;
width: 29px;
height: 29px;
margin-top: -14px;
background: rgba(0, 0, 0, 0.7);
color: #fff;
text-align: center;
line-height: 26px;
font-size: 0;
transition: 0.3s;
opacity: 1;
}
.product-slider-thumbs .owl-prev:hover,
.product-slider-thumbs .owl-next:hover {
opacity: 0.6;
}
.product-slider-thumbs .owl-prev.disabled,
.product-slider-thumbs .owl-next.disabled {
background: rgba(0, 0, 0, 0.35);
}
.product-slider-thumbs .owl-prev::before,
.product-slider-thumbs .owl-next::before {
content: "<";
font-size: 16px;
}
.product-slider-thumbs .owl-prev {
left: 0;
}
.product-slider-thumbs .owl-next {
right: 0;
transform: scale(-1);
}
.product-info {
margin-bottom: 1.875rem;
position: relative;
}
.product-info h4, .product-info .news-list__item .name, .news-list__item .product-info .name {
margin-bottom: 10px;
}
.product-info .rating-row {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: 1px solid #e5e5e5;
}
.product-info .rating-row .rating-column {
padding-right: 0.9375rem;
margin-bottom: 0.625rem;
}
.product-info .product-review-links {
font-size: 14px;
color: #a9a9a9;
}
.product-info .product-review-links a {
color: #4a4a4a;
padding: 0 10px 0 0;
margin-right: 10px;
margin-top: 10px;
font-size: 12px;
display: inline-block;
position: relative;
transition: 0.3s;
opacity: 0.6;
}
.product-info .product-review-links a:hover {
opacity: 1;
}
.product-info .row.buttons .column {
height: 40px;
margin: 10px;
padding: 0;
}
.product-info .row.buttons .column .btn-def.in-basket {
margin-right: 0;
}
.product-info .row.buttons .column {
flex:none;
}
@media screen and (min-width: 43.75em) {
.product-info .product-review-links a {
margin-top: 0;
}
}
.product-info .product-review-links a:first-child {
padding-left: 0;
min-height: 17px;
}
.product-info .product-review-links a:not(:last-child):after {
content: "|";
position: absolute;
top: 0;
right: 0;
}
.product-price-block .product-black-link {
color: #000;
margin: 15px 0 0;
font-size: 14px;
display: inline-block;
font-size: 14px;
margin: 1rem 0 0 0;
transition: 0.3s;
opacity: 1;
}
.product-info a.product-black-link{
display: none;
}
/*.product-info .product-black-link:hover {*/
/*opacity: 0.6;*/
/*}*/
.product-info .product-black-link{
padding: 10px 10px 10px 0;
}
.product-info .product-black-link .icon {
width: 15px;
height: 15px;
fill: #000;
margin-right: 10px;
}
.product-price-block .product-black-link .icon {
width: 15px;
height: 15px;
fill: #000;
margin-right: 10px;
}
.product-info .option-sets {
padding: 1.175rem 0 0;
margin: 0.375rem 0 0.375rem;
border-bottom: 1px solid #e5e5e5;
}
.product-info .option-sets .option-set {
margin-bottom: 20px;
}
.product-info .option-sets .label {
min-width: 80px;
margin-bottom: 10px;
}
.product-info .option-sets .caser {
margin-bottom: 10px;
}
.product-info .option-sets .caser:not(.caser--wide) {
margin-right: 10px;
}
.products-list.-block-view .products-list__item .option-sets .option-set.bx_item_detail_scu{
margin-bottom: 0;
}
.products-list.-block-view .products-list__item .option-sets .option-set.bx_item_detail_scu .label{
display: none;
}
.products-list.-block-view .products-list__item .option-sets .option-set.bx_item_detail_scu{
position: absolute;
bottom:10px;
left:0;
top:inherit !important;
}
.product-info .product-share-links .label {
color: #4a4a4a;
font-size: 13px;
line-height: 24px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.product-info .product-share-links a:hover .icon {
fill: #000;
}
.product-info .product-share-links .icon {
fill: #4a4a4a;
width: 15px;
height: 15px;
margin: 0 5px;
transition: 0.3s;
}
.product-price-block {
background: #f7f7f7;
text-align: center;
margin-bottom: 0.9375rem;
}
.product-price-block .head {
color: #000;
font-size: 14px;
font-weight: 700;
line-height: 28px;
text-transform: uppercase;
border-bottom: 1px solid #fff;
padding: 15px 0;
}
.product-price-block .body {
padding-left: 1.875rem;
padding-right: 1.875rem;
padding-bottom: 1.175rem;
}
.product-price-block .prices {
padding: 20px 0;
}
.product-price-block .old-price {
color: #999;
font-size: 16px;
font-family: openSansBold;
line-height: 24px;
text-decoration: line-through;
margin-bottom: 7px;
white-space: nowrap;
}
.product-price-block .price {
color: #000;
font-family: openSansBold;
line-height: 28px;
text-transform: uppercase;
font-size: 24px;
white-space: nowrap;
}
.product-price-block .button.button--white {
background: none;
}
.product-price-block .button.button--white:hover {
background: #000;
}
.product-price-block .button:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 43.75em) and (max-width: 61.8125em) {
.product-price-block .button {
padding-left: 0;
padding-right: 0;
}
}
.product-price-block .count-up {
height: 50px;
margin-bottom: 20px;
}
.product-price-block .count-up__input {
height: 100%;
border-left: none;
border-right: none;
max-width: calc(100% - 50px);
}
@media screen and (min-width: 50em) {
.product-price-block .count-up__input {
max-width: calc(100% - 90px);
}
}
.product-price-block .count-up__btn {
line-height: 48px;
min-width: 25px;
background: #fff;
font-size: 26px;
}
@media screen and (min-width: 50em) {
.product-price-block .count-up__btn {
min-width: 45px;
}
}
.product-tabs {
border-bottom: 1px solid #e5e5e5;
}
.product-tabs .tabs-title {
margin: 1px 30px -1px 0;
border-bottom: 2px solid transparent;
transition: 0.3s;
}
.product-tabs .tabs-title:before {
display: none;
}
.product-tabs .tabs-title.is-active {
border-color: #000;
}
.product-tabs .tabs-title:last-child {
margin-right: 0;
}
.product-tabs a {
font-size: 12px;
line-height: 25px;
padding: 10px 0;
}
@media screen and (min-width: 61.875em) {
.product-tabs a {
font-size: 14px;
line-height: 33px;
padding: 15px 0;
}
}
.product-tabs-content {
padding-bottom: 1.875rem;
color: #4a4a4a;
font-size: 12px;
}
@media screen and (min-width: 43.75em) {
.product-tabs-content {
padding: 1.875rem 0 1.875rem;
}
}
@media screen and (min-width: 61.875em) {
.product-tabs-content {
font-size: 14px;
}
}
.detail-viewed-products {
padding-top: 1.875rem;
}
.product-features {
padding: 40px 0 20px;
border-top: 1px solid #f0f0f0;
max-width: 73.125rem;
margin-left: auto;
margin-right: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
@media screen and (min-width: 61.875em) {
.product-features {
padding: 40px 0;
}
}
.product-features__item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
max-width: 100%;
}
@media screen and (min-width: 43.75em) {
.product-features__item {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
@media screen and (min-width: 43.75em) {
.product-features__item {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
max-width: 50%;
}
}
@media screen and (min-width: 43.75em) and (min-width: 43.75em) {
.product-features__item {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
@media screen and (min-width: 61.875em) {
.product-features__item {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
max-width: 33.33333%;
margin-bottom: 0;
}
}
@media screen and (min-width: 61.875em) and (min-width: 43.75em) {
.product-features__item {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
.product-features__item .icon-wrapper {
width: 44px;
min-width: 44px;
height: 44px;
background-color: #f0f0f0;
text-align: center;
line-height: 40px;
margin-right: 19px;
transition: 0.3s;
}
.product-features__item .icon-wrapper.-red {
background: #c00;
}
.product-features__item .icon-wrapper.-red .icon {
fill: #fff;
}
.product-features__item .icon-wrapper .icon {
fill: #333;
max-width: 18px;
max-height: 18px;
}
.product-features__item .caption {
color: #4a4a4a;
font-size: 14px;
line-height: 20px;
}
.compare-slider .owl-nav {
position: absolute;
top: -52px;
right: 15px;
top: -70px;
}
.compare-slider .owl-nav .owl-prev,
.compare-slider .owl-nav .owl-next {
font-size: 0;
display: inline-block;
vertical-align: middle;
height: 40px;
width: 40px;
background: #000 url("/bitrix/templates/shopogolik/css/../images/arrow-right2-white.svg") center center no-repeat;
margin-left: 13px;
text-align: center;
line-height: 30px;
border: 1px solid transparent;
transition: 0.3s;
opacity: 1;
}
.compare-slider .owl-nav .owl-prev:hover,
.compare-slider .owl-nav .owl-next:hover {
opacity: 0.6;
}
.compare-slider .owl-nav .owl-prev.disabled,
.compare-slider .owl-nav .owl-next.disabled {
border-color: #e5e5e5;
background: #fff url("/bitrix/templates/shopogolik/css/../images/arrow-right2-gray.svg") center center no-repeat;
}
.compare-slider .owl-nav .owl-prev {
transform: scaleX(-1);
}
.compare-slider__item {
position: relative;
text-align: center;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 3.75rem;
}
.compare-slider__item .image {
position: relative;
margin: 0 auto;
overflow: hidden;
min-height: 360px;
max-width: 270px;
}
.compare-slider__item .image > a {
display: block;
}
.compare-slider__item .name {
color: #000;
font-size: 14px;
font-family: OpenSansBold;
line-height: 33px;
text-transform: uppercase;
margin: 15px 0 5px;
}
.compare-slider__item .prices {
font-family: OpenSansBold;
line-height: 33px;
margin-bottom: 1.875rem;
padding-bottom: 1.875rem;
border-bottom: 1px solid #f0f0f0;
}
.compare-slider__item .prices .current-price {
padding: 0 5px;
color: #000;
font-size: 18px;
}
.compare-slider__item .prices .old-price {
padding: 0 5px;
color: #4a4a4a;
font-size: 13px;
text-decoration: line-through;
}
.compare-slider__item .option-sets {
padding: 0;
margin-bottom: 1.875rem;
}
.compare-wrap .compare .compare-slider .compare-slider__item .option-sets {
margin-bottom: 0;
height: inherit !important;
}
.compare-wrap .compare .compare-slider .compare-slider__item .option-sets .option-set {
min-height: 36px;
}
/*.compare-slider__item .option-sets .option-set {*/
/*display: block;*/
/*}*/
.compare-slider__item .option-sets .label {
display: block;
font-size: 13px;
color: #4a4a4a;
margin-bottom: 5px;
}
.compare-slider__item .option-sets .caser {
border: none;
text-align: left;
width: auto !important;
}
.compare-slider__item .option-sets .caser:first-child {
padding-left: 0;
}
.compare-slider__item .option-sets .caser .compare-option-set .caser__color-set{
display: block;
}
.compare-slider__item .option-sets .caser .compare-option-set {
display: block;
padding: 5px;
border: 1px solid;
height: 28px;
width: 28px;
}
.compare-slider__item .caption {
border-bottom: 1px solid #f0f0f0;
margin-bottom: 1.875rem;
font-size: 13px;
color: #4a4a4a;
padding: 1.875rem 0;
text-align: left;
}
/*.compare-slider__item .compare-black-link {*/
/*font-size: 14px;*/
/*color: #000;*/
/*line-height: 22px;*/
/*display: block;*/
/*margin-bottom: 0.9375rem;*/
/*transition: 0.3s;*/
/*opacity: 1;*/
/*}*/
/*.compare-slider__item .compare-black-link:hover {*/
/*opacity: 0.6;*/
/*}*/
.compare-slider__item .compare-black-link .icon {
width: 22px;
height: 22px;
margin-right: 10px;
}
@media screen and (min-width: 43.75em) {
.contacts form {
text-align: center;
}
}
.contacts h4, .contacts .news-list__item .name, .news-list__item .contacts .name {
text-align: center;
}
@media screen and (min-width: 43.75em) {
.contacts .column:not(:last-child) .contacts__item:before, .contacts .columns:not(:last-child) .contacts__item:before {
content: "";
display: block;
height: 100%;
width: 1px;
background: #f0f0f0;
position: absolute;
top: 0;
right: -10px;
}
}
.contacts__item {
text-align: center;
font-size: 16px;
position: relative;
height: 100%;
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
.contacts__item a {
color: #4a4a4a;
display: block;
transition: 0.3s;
opacity: 1;
}
.contacts__item a:hover {
opacity: 0.6;
}
.contacts__item .icon {
width: 40px;
height: 40px;
fill: #4a4a4a;
margin-bottom: 20px;
}
.basket__item {
position: relative;
padding-bottom: 1.875rem;
margin-bottom: 1.875rem;
text-align: center;
}
@media screen and (min-width: 43.75em) {
.basket__item {
text-align: left;
}
}
.basket__item::before, .basket__item::after {
content: ' ';
display: table;
}
.basket__item::after {
clear: both;
}
.basket__item:not(:last-child) {
border-bottom: 1px solid #f0f0f0;
}
.basket__item .image {
position: relative;
max-width: 170px;
margin: 0 auto;
margin-bottom: 0.9375rem;
}
@media screen and (min-width: 43.75em) {
.basket__item .image {
float: left;
height: 100%;
margin: 0 30px 0 0;
}
}
.basket__item .rating {
display: inline-block;
}
@media screen and (min-width: 43.75em) {
.basket__item .rating {
position: absolute;
top: 0;
right: 0;
}
}
.basket__item .name {
color: #000;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.basket__item .prices {
font-weight: 700;
line-height: 33px;
margin-bottom: 10px;
}
.basket__item .prices .current-price {
padding: 0 5px 0 0;
color: #000;
font-size: 18px;
}
.basket__item .prices .old-price {
padding: 0 5px;
color: #4a4a4a;
font-size: 13px;
text-decoration: line-through;
}
.basket__item .option-sets {
padding: 0;
}
.basket__item .option-sets .option-set {
margin-bottom: 10px;
}
.basket__item .option-sets .label {
margin-bottom: 10px;
}
.basket__item .option-sets .caser:not(.caser--wide) {
margin-right: 9px;
margin-bottom: 10px;
}
.basket__item .option-sets .count-up {
margin-bottom: 10px;
}
.basket__delete-btn {
color: #4a4a4a !important;
position: absolute;
right: 0;
bottom: 50px;
}
.basket__delete-btn span {
display: inline-block;
vertical-align: middle;
}
.basket__delete-btn .icon {
fill: #4a4a4a;
width: 12px;
height: 12px;
margin-right: 6px;
}
.cabinet-form {
padding: 20px;
border: 1px solid #f0f0f0;
margin-bottom: 3.75rem;
}
@media screen and (min-width: 43.75em) {
.cabinet-form {
padding: 40px 50px;
}
}
.form-input-caption {
line-height: 18px;
margin-bottom: 15px;
}
@media screen and (min-width: 43.75em) {
.form-input-caption {
padding-top: 2em;
margin-bottom: 0;
}
}
.news-list {
max-width: 73.125rem;
margin-left: auto;
margin-right: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
max-width: none;
margin-left: -0.3125rem;
margin-right: -0.3125rem;
}
@media screen and (min-width: 43.75em) {
.news-list {
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
}
.news-list--side .news-list__item {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
max-width: 100%;
}
@media screen and (min-width: 43.75em) {
.news-list--side .news-list__item {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
.news-list__item {
margin-bottom: 2.8125rem;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
max-width: 100%;
}
@media screen and (min-width: 43.75em) {
.news-list__item {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
@media screen and (min-width: 43.75em) {
.news-list__item {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
max-width: 50%;
}
}
@media screen and (min-width: 43.75em) and (min-width: 43.75em) {
.news-list__item {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
@media screen and (min-width: 61.875em) {
.news-list__item {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
max-width: 33.33333%;
}
body.full-screen .news-list__item {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
max-width: 25%;
}
}
@media screen and (min-width: 61.875em) and (min-width: 43.75em) {
.news-list__item {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
.news-list__item .image {
display: block;
margin-bottom: 0.9375rem;
transition: 0.3s;
opacity: 1;
}
.news-list__item .image:hover {
opacity: 0.6;
}
.news-list__item .name {
display: block;
transition: 0.3s;
opacity: 1;
}
.news-list__item .name:hover {
opacity: 0.6;
}
.news-list__item .date-comments {
display: -ms-flexbox;
display: flex;
color: #4a4a4a;
margin-bottom: 0.9375rem;
}
.news-list__item .date-comments .date {
margin-right: 20px;
}
.news-list__item .date-comments span {
display: inline-block;
vertical-align: middle;
}
.news-list__item .date-comments .icon {
fill: #4a4a4a;
width: 12px;
height: 12px;
margin-right: 10px;
}
.news-list__item .link {
color: #000;
text-transform: uppercase;
font-size: 14px;
font-family: OpenSansBold;
margin-top: 10px;
display: inline-block;
transition: 0.3s;
opacity: 1;
}
.news-list__item .link:hover {
opacity: 0.6;
}
.news-list__item .link .icon {
width: 15px;
height: 8px;
margin-left: 3px;
}
.news-inner .main-image {
margin-bottom: 0.9375rem;
}
.news-inner .date-comments {
display: -ms-flexbox;
display: flex;
color: #4a4a4a;
margin-bottom: 0.9375rem;
}
.news-inner .date-comments .date {
margin-right: 20px;
}
.news-inner .date-comments span {
display: inline-block;
vertical-align: middle;
}
.news-inner .date-comments .icon {
fill: #4a4a4a;
width: 12px;
height: 12px;
margin-right: 10px;
}
.news-inner .title {
color: #000;
font-size: 24px;
line-height: 24px;
margin-bottom: 0.9375rem;
}
.news-inner .sub-title {
color: #000;
font-size: 16px;
line-height: 24px;
margin-bottom: 0.9375rem;
}
.news-share-links {
padding: 40px 0;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
margin-top: 1.875rem;
margin-bottom: 1.875rem;
}
.news-share-links .label {
color: #4a4a4a;
font-size: 13px;
line-height: 24px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.news-share-links a:hover .icon {
fill: #000;
}
.news-share-links .icon {
fill: #4a4a4a;
width: 15px;
height: 15px;
margin: 0 5px;
transition: 0.3s;
}
/*.checkout {*/
/*margin: 0 0 1.875rem;*/
/*}*/
/*@media screen and (min-width: 43.75em) {*/
/*.checkout {*/
/*border: 1px solid #e5e5e5;*/
/*padding: 20px 0 0;*/
/*}*/
/*}*/
.checkout__step {
padding: 20px 0;
}
.checkout .order-product {
padding-top: 1.875rem;
border-top: 1px solid #f0f0f0;
border-bottom: 0;
padding-bottom: 0;
}
.checkout-caption-block {
background: #eee;
padding: 15px 18px 5px 18px;
margin-bottom: 0.9375rem;
}
@media screen and (min-width: 43.75em) {
.checkout-caption-block {
min-height: 160px;
}
}
.checkout-caption-block b {
color: #000;
}
.checkout-caption-block .price {
color: #000;
font-weight: 700;
font-size: 18px;
line-height: 24px;
margin-bottom: 5px;
}
.checkout-totals {
background: #f7f7f7;
padding: 1.875rem;
margin: 1.875rem 0;
text-align: center;
}
@media screen and (min-width: 43.75em) {
.checkout-totals {
text-align: left;
margin: 0;
}
}
.checkout-totals .button {
margin: 0;
}
.checkout-totals .price-total {
text-transform: uppercase;
line-height: 28px;
font-weight: 700;
color: #000;
}
.checkout-totals .price-total .label {
font-size: 14px;
}
.checkout-totals .price-total .price {
font-size: 24px;
}
.checkout-totals .delivery-total {
color: #000;
margin: 10px 0;
}
.checkout-totals .delivery-total .label {
font-size: 14px;
line-height: 18px;
}
.checkout-totals .delivery-total .price {
font-size: 18px;
line-height: 33px;
font-weight: 700;
}
.header-basket-popup {
z-index: 30;
}
.products-list__item .image {
display: flex;
justify-content: center;
align-items: center;
/*height: 389px;*/
}
.image a img {
margin: auto;
vertical-align: middle;
}
.products-list.-block-view .products-list__item .image {
min-height: 0;
}
@media screen and (max-width: 43.75em) {
.products-list.-mini-list-view .products-list__item .caption {
display: none;
}
.products-list.-list-view .products-list__item .caption {
display: none;
}
}
.ya-share2__list {
display: inline-block;
vertical-align: top;
padding: 0;
margin: 0;
list-style-type: none;
}
.ya-share2__item {
margin-right: 15px;
display: flex;
vertical-align: top;
margin-top: 0;
margin-bottom: 10px;
border-radius: 15px;
width: 30px;
background: white;
height: 30px;
justify-content: center;
align-items: center;
}
.ya-share2__link {
display: inline-block;
vertical-align: top;
text-decoration: none;
white-space: nowrap;
height: 14px;
}
.product-share-links {
display: flex;
position: absolute;
top: 60px;
right: 0;
transform: none;
flex-direction: column;
width: 30px;
}
.product-share-links .ya-share2__link:hover {
opacity: 0.3;
}
.ya-share2__badge {
display: inline-block;
vertical-align: top;
border-radius: 2px;
color: #fff;
overflow: hidden;
position: relative;
/*padding-bottom: 5px;*/
}
.ya-share2__icon {
height: 14px;
width: 14px;
display: inline-block;
-webkit-background-size: contain;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
/*transform: rotate(90deg);*/
}
.ya-share2__item_service_facebook > a > span .ya-share2__icon {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggaWQ9ImZfMV8iIGQ9Ik0xNSwxNmwxLTVoLTVWN2MwLTEuNSwwLjgtMiwzLTJoMlYwYzAsMC0yLDAtNCwwQzcuOSwwLDUsMi40LDUsN3Y0SDB2NWg1djE0aDZWMTZIMTV6Ii8+PC9zdmc+);
}
.ya-share2__item_service_twitter > a > span .ya-share2__icon {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzAgMjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwIDI1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggaWQ9IkJyaWRfMV8iIGQ9Ik0zMCwzLjdjLTEuMSwwLjUtMi44LDEuMS00LDEuM2MxLjMtMC44LDIuNS0yLjYsMy00Yy0xLDAuNi0yLjEsMS40LTMuMiwxLjhMMjUsMmMtMS4xLTEuMi0yLjItMi00LTJjLTMuNCwwLTYsMi42LTYsNmMwLDAuNCwwLDAuNywwLjEsMUgxNUM5LDcsNSw1LjcsMiwyQzEuNSwyLjksMSwzLjksMSw1YzAsMi4xLDEuMywzLjksMyw1Yy0xLDAtMi4yLTAuNS0zLTFjMCwzLDQuMiw2LjQsNyw3Yy0xLDEtNC42LDAuMS01LDBjMC44LDIuNCwzLjMsMy45LDYsNGMtMi4xLDEuNi00LjYsMi41LTcuNSwyLjVjLTAuNSwwLTEsMC0xLjUtMC4xQzIuNywyNC4xLDYuNSwyNSwxMCwyNWMxMS4zLDAsMTctOC45LDE3LTE3YzAtMC4zLDAtMC43LDAtMUMyOC4yLDYuMSwyOS4yLDQuOSwzMCwzLjd6Ii8+PC9zdmc+);
}
.ya-share2__item_service_pinterest > a > span .ya-share2__icon {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggaWQ9IlBfMl8iIGQ9Ik0xMywwQzQuOCwwLDAsNi4xLDAsMTFjMCwzLDIsNiwzLDZzMiwwLDItMXMtMi0yLTItNWMwLTQuNCw0LjgtOCwxMC04YzQuNiwwLDcsMy4yLDcsN2MwLDUtMi43LDktNiw5Yy0xLjgsMC0zLjQtMS4yLTMtM2MwLjUtMi4yLDEtMiwyLTZjMC4zLTEuNC0wLjQtMy0yLTNjLTEuOCwwLTQsMS40LTQsNGMwLDEuNiwxLDMsMSwzcy0yLjIsNy45LTIuNiw5LjNDNC44LDI2LDMuOSwzMCw0LjksMzBTNywyOCw5LDIzYzAuMy0wLjcsMS0zLDEtM2MwLjYsMS4xLDMuMSwyLDUsMmM1LjUsMCw5LTUuMiw5LTEyQzI0LDQuOSwxOS42LDAsMTMsMHoiLz48L3N2Zz4=);
}
.ya-share2__item_service_gplus > a > span .ya-share2__icon {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjMuNSAyNC4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMy41IDI0LjM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNMTIuNiwxNGMtMC43LTAuNS0yLTEuNy0yLTIuM2MwLTAuOCwwLjItMS4yLDEuNC0yLjJjMS4yLTEsMi4xLTIuMywyLjEtMy45YzAtMS45LTAuOC0zLjctMi40LTQuNGgyLjRMMTUuOCwwSDguM0M0LjksMCwxLjcsMi42LDEuNyw1LjVjMCwzLDIuMyw1LjUsNS43LDUuNWMwLjIsMCwwLjUsMCwwLjcsMGMtMC4yLDAuNC0wLjQsMC45LTAuNCwxLjRjMCwwLjgsMC41LDEuNSwxLDIuMWMtMC40LDAtMC45LDAtMS4zLDBjLTQuMiwwLTcuNCwyLjctNy40LDUuNGMwLDIuNywzLjUsNC40LDcuNyw0LjRjNC44LDAsNy40LTIuNyw3LjQtNS40QzE1LjIsMTYuOCwxNC42LDE1LjQsMTIuNiwxNHogTTguNSwxMC4zYy0xLjktMC4xLTMuOC0yLjItNC4xLTQuN0M0LjEsMyw1LjQsMS4xLDcuMywxLjJzMy44LDIuMSw0LjEsNC43QzExLjgsOC4zLDEwLjUsMTAuMyw4LjUsMTAuM3ogTTcuOCwyMy4yYy0yLjksMC01LTEuOC01LTRzMi42LTQsNS41LTMuOWMwLjcsMCwxLjMsMC4xLDEuOSwwLjNjMS42LDEuMSwyLjcsMS43LDMsM2MwLjEsMC4zLDAuMSwwLjUsMC4xLDAuOEMxMy4zLDIxLjQsMTEuOCwyMy4yLDcuOCwyMy4yeiIvPjxwb2x5Z29uIHBvaW50cz0iMjAuNiwxMC41IDIwLjYsNy42IDE4LjIsNy42IDE4LjIsMTAuNSAxNS4zLDEwLjUgMTUuMywxMi44IDE4LjIsMTIuOCAxOC4yLDE1LjggMjAuNiwxNS44IDIwLjYsMTIuOCAyMy41LDEyLjggMjMuNSwxMC41ICIvPjwvZz48L3N2Zz4=);
}
.ya-share2__item_service_vkontakte > a > span .ya-share2__icon {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYuMSA5LjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2LjEgOS43OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggaWQ9IlZLXzFfIiBkPSJNOC42LDkuN2MwLjUsMCwwLjUtMC44LDAuNS0xLjFjMC0wLjUsMC41LTEuMSwxLjEtMS4xczEuNSwwLjksMi4xLDEuNmMwLjUsMC41LDAuNSwwLjUsMS4xLDAuNXMxLjYsMCwxLjYsMHMxLjEtMC4xLDEuMS0xLjFjMC0wLjMtMC40LTAuOS0xLjYtMi4xYy0xLjEtMS4xLTEuNi0wLjUsMC0yLjdjMS0xLjMsMS43LTIuNSwxLjYtMi44Yy0wLjEtMC4zLTIuOC0wLjktMy4yLTAuNGMtMS4xLDEuNi0xLjMsMi0xLjYsMi43Yy0wLjUsMS4xLTAuNiwxLjYtMS4xLDEuNmMtMC41LDAtMC41LTEtMC41LTEuNmMwLTEuOCwwLjMtMy0wLjUtMy4yYzAsMC0xLjEsMC0xLjYsMEM2LjcsMCw1LjksMC41LDUuOSwwLjVTNS4zLDEuMSw1LjQsMS4xYzAuMiwwLDEuMS0wLjIsMS4xLDAuNWMwLDAuNSwwLDEuMSwwLDEuMXMwLDIuMS0wLjUsMi4xUzQuMywyLjcsMy4yLDEuMUMyLjgsMC40LDIuNywwLjUsMi4yLDAuNWMtMC42LDAtMS4xLDAtMS42LDBTMCwwLjksMCwxLjFjMS4xLDIuNywxLjgsNC40LDMuOSw2LjVjMS45LDEuOSwzLjEsMiw0LjIsMi4xQzguMyw5LjcsOC4xLDkuNyw4LjYsOS43eiIvPjwvc3ZnPg==);
}
.ya-share2__title {
display: none;
margin-left: 10px;
}
.ya-share2__counter {
display: none;
}
.news-share-links .label {
float: left;
position: relative;
}
.news-share-links .ya-share2__list.ya-share2__list_direction_horizontal {
display: flex;
flex-direction: row;
}
.articul_item {
margin-bottom: 5px;
color: #a9a9a9;
}
.product-slider__item {
text-align: center
}
.zoomContainer .zoomLens {
cursor: crosshair;
}
#fast-view-wrapper .product-slider__item img {
cursor: default;
}
#fast-view-wrapper .first-row .product-info {
margin-bottom: 0;
position: relative;
height: 100%;
}
#fast-view-wrapper .first-row .product-info .row.buttons {
position: absolute;
bottom: 45px;
left:0;
margin-left: -10px;
}
#fast-view-wrapper .first-row .product-info .row.buttons .column .btn-a-large {
position: fixed;
right: 10px;
}
#fast-view-wrapper .first-row .product-info .row.buttons .column .btn-def {
padding-left: 51px;
padding-right: 52px;
}
#fast-view-wrapper .first-row .active-carousel .product-slider-thumbs.owl-carousel.owl-loaded.owl-drag .owl-stage-outer .owl-stage .owl-item.active {
display: flex;
justify-content: center;
}
#fast-view-wrapper .column.small-12.medium-6.large-7 .product-info .row.align-middle .column.small-12.medium-4.large-3 {
padding-left: 0;
}
#fast-view-wrapper .product-info a.product-black-link {
display: block;
}
@media(max-width: 350px){
#popup-box-1{
margin-top: 40px;
}
.table-wrapper{
font-size: 12px;
}
.table-wrapper div{
padding-bottom: 0 !important;
}
}
.table-wrapper {
display: block;
width: auto;
min-height: 89px;
max-height: none;
height: auto;
}
.sub-menu__text{
display: none;
}
@media screen and (max-width: 699px) {
#fast-view-wrapper .first-row .product-info .row.buttons {
bottom:0;
}
.menu.sub-menu li a{
display: flex;
padding: 16px 0;
}
.sub-menu__text{
display: block;
margin-left: 10px;
}
.comment-list .btn-a-large {
margin-right: 0;
}
.b-cart__footer.bx_ordercart_order_pay .b-cart__summary {
margin-bottom: 0 !important;
}
.b-cart__btns.bx_ordercart_order_pay_center .btn-a-large.cart-back {
margin-top: 20px;
}
.tabs-content.product-tabs-content {
padding-bottom: 0;
}
.row.heading-row.-padding-top.first-row .column {
width: auto;
position: relative;
top: -9px;
}
.b-cart__footer.bx_ordercart_order_pay .b-cart__body {
margin-bottom: 20px !important;
}
.-border-top {
margin-top: -25px;
border-top: 1px solid #f0f0f0;
}
.page-header .breadcrumbs {
white-space: nowrap;
width: 100%;
padding-bottom: 5px;
overflow: scroll;
}
.detail-viewed-products .j-slider-normal .main-product-slider .products-list .row.first-row .products-list-slider .owl-nav {
top:-80px;
}
}
@media screen and (max-width: 1000px) {
.articuls {
float: none;
width: 100%;
}
}
.sale-paysystem-wrapper{
border: none;
padding: 0;
min-height: 42px;
padding-right: 16px;
}
.sale-order-list-inner-row .sale-paysystem-wrapper .sale-paysystem-yandex-button-descrition,
.sale-order-list-inner-row .sale-paysystem-wrapper .sale-paysystem-yandex-button {
float: none;
}
.sale-paysystem-wrapper .sale-paysystem-yandex-button-descrition{
float: right;
margin-right: 20px;
display: inline;
height: 38px;
line-height: 38px;
margin-bottom: 0;
vertical-align: middle;
}
.sale-paysystem-wrapper .sale-paysystem-yandex-button{
margin: 0;
float: right;
display: inline-block;
margin-right: 30px;
}
.sale-paysystem-wrapper .paym-read-more-wrap.visible{
display: block;
}
.sale-paysystem-wrapper .paym-read-more-wrap{
display: none;
overflow: auto;
margin-top: 20px;
}
/* NEW CART */
.b-cart__head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 13px 20px;
background-color: #f7f7f7;
text-transform: uppercase;
}
.b-cart__body {
margin-bottom: 30px;
}
.b-cart__head .b-cart__cell {
color: #000000;
font-size: 14px;
font-family: openSansBold;
}
.b-cart__item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
position: relative;
border-bottom: 1px solid #f3f3f3;
}
.b-cart__cell {
flex: 0 0 auto;
padding-left: 10px;
}
.b-cart__cell--product {
display: flex;
flex-basis: 330px;
align-items: center;
}
.b-cart__cell--price,
.b-cart__cell--total {
flex-basis: 90px;
color: #000000;
font-family: OpenSansBold;
}
.b-cart__cell--discount {
flex-basis: 60px;
color: #000000;
font-family: OpenSansBold;
}
.b-cart__cell--count {
flex-basis: 160px;
flex-shrink: 1;
}
.b-cart__cell--funcs {
flex-basis: 100px;
}
.b-cart__cell--funcs a {
color: #000000;
font-weight: 300;
}
.b-cart .counter__input{
margin-bottom: 0;
text-align: center;
}
.b-cart__item-image{
min-width: 85px;
max-width: 85px;
height: 120px;
margin-right: 40px;
}
.b-cart__item-link {
color: #000000 !important;
font-size: 14px;
font-family: OpenSansBold;
transition: .2s;
}
.b-cart__item-link:hover {
opacity: 0.6;
}
.b-cart .count-up__input,
.b-cart .counter__input {
height: 35px;
}
.b-cart .count-up__input {
border-left: none;
border-right: none;
max-width: none !important;
}
.b-cart .count-up__btn {
line-height: 33px;
width: 35px;
min-width: 35px;
color: #000 !important;
}
.b-cart__item-article {
/*margin-top: 15px;*/
}
.b-cart__item-mobile-title {
display: none;
}
.b-cart__summary {
display: flex;
align-items: flex-start;
margin-bottom: 30px;
justify-content: space-between;
color: #000000;
font-size: 16px;
}
.b-cart__summary-row {
display: flex;
margin-bottom: 20px;
font-size: 16px;
justify-content: space-between;
}
.b-cart__summary-row--big {
font-family: OpenSansBold;
font-size: 24px;
}
.b-cart__summary-title {
}
.b-cart__summary-content {
font-family: OpenSansBold;
padding-left: 5px;
}
/* coupon */
.b-cart__coupon {
max-width: 400px;
padding: 30px;
background-color: #f7f7f7;
}
.b-cart__coupon-inner {
display: flex;
}
.b-cart__coupon-input {
width: 211px;
margin-bottom: 0;
}
.b-cart__coupon-btn {
padding: 10px 25px;
background-color: #000;
font-size: 13px;
color: #fff;
font-family: OpenSansBold;
text-transform: uppercase;
}
.b-cart__coupon-item {
display: inline-flex;
width: calc(50% - 12px);
margin-right: 20px;
flex-wrap: wrap;
}
.b-cart__coupon-item:nth-of-type(odd) {
margin-right: 0;
}
.b-cart__coupon-item:not(.b-cart__coupon-item__bad) .input-text {
color: green;
border-color: green;
}
.b-cart__coupon-item:not(.b-cart__coupon-item__bad) .b-cart__coupon-item-remove:before,
.b-cart__coupon-item:not(.b-cart__coupon-item__bad) .b-cart__coupon-item-remove:after {
background-color: green;
}
.b-cart__coupon-item .input-text {
height: 30px;
margin: 0;
padding-left: 0;
padding-right: 20px;
border: none;
border-bottom: 1px solid #000;
background-color: transparent;
font-size: 15px;
cursor: default;
overflow: hidden;
}
.bx_ordercart_coupon_notes {
margin-bottom: 10px;
color: #4a4a4a;
font-size: 12px;
line-height: 12px;
}
.b-cart__coupon-item-remove {
display: block;
width: 15px;
height: 30px;
cursor: pointer;
position: relative;
margin-left: -15px;
}
.b-cart__coupon-item-remove:before,
.b-cart__coupon-item-remove:after {
content: '';
position: absolute;
width: 14px;
height: 1px;
background-color: #000;
top: 50%;
left: 0;
}
.b-cart__coupon-item-remove:before {
transform: rotate(-45deg);
}
.b-cart__coupon-item-remove:after {
transform: rotate(45deg);
}
/* btns */
.b-cart__btns {
text-align: right;
}
.cart-btn {
display: inline-flex;
height: 40px;
justify-content: center;
align-items: center;
padding: 10px 50px;
font-size: 13px;
font-family: OpenSansBold;
text-transform: uppercase;
transition: .2s;
}
.b-cart__btns-right .checkout {
margin-bottom: 0;
background-color: #000;
color: #fff;
}
.cart-back {
margin-right: 10px;
color: #000;
border: 1px solid #000;
}
.cart-back:hover {
background-color: #000;
color: #fff;
}
/* select */
.b-cart .option-sets {
padding: 0;
}
.b-cart .bx_item_detail_size_small_noadaptive{
margin-top: 15px;
}
.b-cart .bx_item_detail_size_small_noadaptive,
.b-cart .bx_item_detail_scu_small_noadaptive {
display: flex;
}
.b-cart .bx_item_section_name_gray {
min-width: 80px;
padding-right: 5px;
line-height: 30px;
}
.b-cart ul,
.b-cart li {
width: auto !important;
list-style-type: none;
}
.b-cart .sku_prop_list {
display: flex;
margin-bottom: 0;
margin-right: -10px;
flex-wrap: wrap;
}
.b-cart .sku_prop {
margin: 0 10px 10px 0;
}
.sku_prop .cnt {
border: 1px solid #e5e5e5;
text-align: center;
color: #000;
font-size: 12px;
line-height: 20px;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
padding: 4px 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
z-index: 0;
transition: 0.3s;
min-width: 30px;
cursor: pointer;
}
.sku_prop .cnt .cnt_item {
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
overflow: hidden;
}
.sku_prop.bx_active .cnt {
border-color: #000;
z-index: 1;
cursor: default;
}
@media screen and (max-width: 61.875em) {
.b-cart__cell--funcs {
position: absolute;
right: 45px;
bottom: 15px;
}
.b-cart__cell--product {
flex-basis: 285px;
}
.b-cart__item-image {
min-width: 65px;
max-width: 65px;
margin-right: 30px;
}
.bx_item_section_name_gray {
min-width: 60px;
}
}
@media screen and (max-width: 43.75em) {
.b-cart__coupon {
width: 100%;
}
.cart-tabs {
display: flex;
}
.cart-tabs .tabs-title{
margin-right: 6px;
}
.b-cart__head {
display: none;
}
.b-cart__item {
flex-wrap: wrap;
padding: 0.625rem;
}
.b-cart__coupon {
padding: 1rem;
}
.b-cart__summary {
flex-wrap: wrap;
}
.b-cart__item-mobile-title {
display: block;
color: #000000;
font-family: OpenSansBold;
}
.b-cart__cell {
display: flex;
min-width: 100%;
margin-bottom: 5px;
padding-left: 0;
justify-content: space-between;
align-items: center;
}
.b-cart .count-up {
max-width: 140px;
}
.b-cart__summary-info {
width: 100%;
margin-top: 20px;
}
.b-cart__cell--funcs {
position: static;
margin-top: 10px;
}
.b-cart__btns-right {
display: flex;
flex-wrap: wrap;
float: right;
}
.b-cart__btns-right .btn-a-large.cart-back {
float: left;
}
.cart-btn {
width: 100%;
}
.b-cart__btns-right .checkout {
order: -1;
margin-bottom: 10px;
}
.cart-back {
margin-right: 0;
}
.b-cart__summary-row {
justify-content: space-between;
}
.b-cart__coupon-input {
max-width: max-content;
width: 195px;
}
.b-cart__coupon-item {
width: 100%;
}
.b-cart__cell--product {
align-items: flex-start;
}
.product-slider__item img {
pointer-events: none;
}
}
#slider-1{
margin-bottom: 30px;
}
#slider-1.main-slider__item{
margin-bottom: 30px !important;
margin: 0 auto;
max-width: 75rem;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
#slider-1 .main-slider.owl-carousel{
margin: 0 auto;
max-width: 75rem;
/*padding-left: 0.9375rem;*/
/*padding-right: 0.9375rem;*/
}
.left-container{
display: none;
}
.left-container__top{
position: relative;
text-align: center;
display: flex;
justify-content: center;
}
.left-container__bottom{
position: relative;
text-align: center;
display: flex;
justify-content: center;
}
.right-container__top{
position: relative;
text-align: center;
display: flex;
justify-content: center;
}
.right-container__bottom{
position: relative;
text-align: center;
display: flex;
justify-content: center;
}
.left-container__bottom .container-for-name-and-caption,.left-container__top .container-for-name-and-caption,.right-container__bottom .container-for-name-and-caption,.right-container__top .container-for-name-and-caption{
position: absolute;
bottom:15px;
}
.left-container, .right-container{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
#slider-2 .left-container{
height: 490px;
width: 20%;
background-color: grey;
text-align: center;
}
#slider-2 .right-container{
padding-left: 0.9375rem;
padding-right: 0.9375rem;
height: 490px;
width: 20%;
background-color: grey;
text-align: center;
}
#slider-2.main-slider__item{
display: flex;
margin-bottom: 30px !important;
margin: 0 auto;
max-width: 75rem;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
#slider-2 .main-slider.owl-carousel{
margin: 0 auto;
max-width: 60%;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
margin-bottom: 60px;
}
#slider-3.main-slider__item{
display: flex;
margin-bottom: 30px !important;
margin: 0 auto;
max-width: 75rem;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
#slider-3 .left-container__top{
margin-bottom: 20px;
background-color: grey;
height: 240px;
text-align: center;
width:100%;
}
#slider-3 .left-container__bottom{
background-color: grey;
height: 240px;
text-align: center;
width:100%;
}
#slider-3 .main-slider.owl-carousel{
margin: 0 auto;
max-width: 60%;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
margin-bottom: 60px;
}
#slider-3 .left-container{
height: 490px;
width: 20%;
text-align: center;
}
#slider-3 .right-container{
height: 490px;
width: 20%;
background-color: grey;
text-align: center;
}
#slider-4.main-slider__item{
display: flex;
margin-bottom: 30px !important;
margin: 0 auto;
max-width: 75rem;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
#slider-4 .right-container__top{
margin-bottom: 20px;
background-color: grey;
height: 240px;
text-align: center;
width:100%;
}
#slider-4 .right-container__bottom{
background-color: grey;
height: 240px;
text-align: center;
width:100%;
}
#slider-4 .main-slider.owl-carousel{
margin: 0 auto;
max-width: 60%;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
margin-bottom: 60px;
}
#slider-4 .left-container__top {
height: 490px;
width:100%;
}
#slider-4 .left-container{
height: 440px;
width: 20%;
background-color: grey;
text-align: center;
}
#slider-4 .right-container{
height: 490px;
width: 20%;
text-align: center;
}
#slider-5.main-slider__item{
display: flex;
margin-bottom: 30px !important;
margin: 0 auto;
max-width: 75rem;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
#slider-5 .right-container__top{
margin-bottom: 20px;
background-color: grey;
height: 240px;
text-align: center;
width:100%;
}
#slider-5 .right-container__bottom{
background-color: grey;
height: 240px;
text-align: center;
width:100%;
}
#slider-5 .left-container__top{
margin-bottom: 20px;
background-color: grey;
height: 240px;
text-align: center;
width:100%;
}
#slider-5 .left-container__bottom{
background-color: grey;
height: 240px;
text-align: center;
width:100%;
}
#slider-5 .main-slider.owl-carousel{
margin: 0 auto;
max-width: 60%;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
margin-bottom: 60px;
}
#slider-5 .left-container{
height: 490px;
width: 20%;
}
#slider-5 .right-container{
height: 490px;
width: 20%;
}
.main-slider-position{
background-size: cover;
background-position: 50% 50%;
}
@media(max-width: 991px){
.left-container{
top: 700px;
position: absolute;
width: 46% !important;
}
.right-container{
top: 700px;
position: absolute;
width: 46% !important;
left:52%;
}
#slider-1 .main-slider.owl-carousel{
margin: 0 auto;
max-width: 75rem;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.main-slider.owl-carousel.owl-loaded.owl-drag{
position: absolute;
}
#slider-2.main-slider__item{
margin-bottom: 500px !important;
}
.main-slider.owl-carousel{
padding-left: 0 !important;
max-width: 100% !important;
margin-bottom: 20px;
}
#slider-3.main-slider__item{
margin-bottom: 500px !important;
}
#slider-4.main-slider__item{
margin-bottom: 500px !important;
}
#slider-5.main-slider__item{
margin-bottom: 500px !important;
}
.main-slider-position .container-for-name-and-caption .title{
font-size: 34px !important;
}
.sale-order-list-inner-row .sale-paysystem-wrapper .sale-paysystem-yandex-button-descrition,
.sale-order-list-inner-row .sale-paysystem-wrapper .sale-paysystem-yandex-button {
display: block;
line-height: 1;
margin-bottom: 16px;
}
.main-nav .main-menu {
padding-bottom: 15px;
}
.products-list.catalog-product-list.-mini-list-view .row.first-row .products-list__item.products-list-number-3 .btn-favorite.favorite {
margin-top: 10px;
}
}
@media(max-width: 700px){
.left-container{
display: none !important;
}
.right-container{
display: none !important;
}
.main-slider__item{
display: none !important;
}
}
/* NEW ORDER */
@media (max-width: 800px) {
.page-header#page-header-small .site-container h1{
font-size: 24px !important;
}
.page-header#page-header-small .site-container li{
font-size: 10px !important;
}
}
.main-slider__item#slider-default{
margin-bottom: 20px;
}
.main-slider-position .container-for-name-and-caption .title{
font-size: 16px;
width: 100%;
color:white;
}
.main-slider-position .caption{
font-size: 13px;
width: 100%;
color:white;
}
.main-slider-position a{
font-size: 13px;
}
@media(max-width: 1120px){
.main-slider-position .title{
padding-left: 25px;
font-size: 16px;
}
.banner .caption{
padding: 10px;
}
.main-slider-position .caption{
font-size: 16px;
padding-left: 25px;
width: 100%;
}
}
.page-header#page-header-none{
display: none;
}
.page-header.page-header-small .site-container h1{
font-size: 30px;
}
.page-header.page-header-small .site-container li{
font-size: 12px;
}
.page-header.page-header-small .site-container .breadcrumbs{
margin-top: -15px;
}
.page-header.false{
background-image:none !important;
}
.page-header.page-header-small{
height: 80px;
}
input[type="file"]{
display:none;
}
.button-typefile{
display: block;
box-sizing: border-box;
width: 188px;
height: 42px;
padding: .6rem 1.2rem;
text-align: center;
vertical-align: middle;
margin: 0 0 1rem;
font-family: inherit;
font-size: 0.8rem;
box-shadow: none;
border-radius: 0;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
}
.products-list {
margin-right: 15px;
margin-left: 15px;
}
.products-list-number-2{
width: 50%;
}
.products-list__item.products-list-number-2 .image{
display: block;
max-width: 25rem;
height: 35rem;
}
.products-list__item.products-list-number-2 .option-sets{
margin-left: 80px;
}
@media(max-width: 1100px){
.products-list__item.products-list-number-2 .option-sets{
margin-left: 20px;
}
}
@media(max-width: 699px){
.page-header {
margin-bottom: 0.4125rem;
}
.page-header.detail,
.page-header.detail h1,
.page-header.detail h4{
display: none;
}
.page-header.detail{
background: none!important;
padding: 0;
height: 24px!important;
margin: 0;
}
.page-header.detail.page-header-small .site-container .breadcrumbs {
margin-top: -10px;
}
.products-list-number-2{
width: 100%;
}
.news-share-links .label {
top:12px;
}
.page-header.page-header-small .site-container h1{
font-size: large;
}
}
.products-list-number-4{
width: 25%;
}
.products-list__item.products-list-number-4 .option-sets .option-set{
height: 60px;
}
.products-list__item.products-list-number-4 .prices{
margin-top: 20px;
}
.products-list__item.products-list-number-4 .buttons .favorite{
margin-left: 15px;
}
@media(max-width: 1250px){
.products-list-number-4{
width: 33.333333%;
}
}
@media(max-width: 1000px){
.products-list-number-4{
width: 50%;
}
.tabs-title a {
padding-top: 10px;
padding-bottom: 1px;
}
}
@media(max-width: 699px){
.products-list-number-4{
width: 100%;
}
}
.form-el_policy {
font-size: 14px;
line-height: 1;
color: #4a4a4a;
text-align: left;
max-width: 350px;
}
#regform .form-el_policy {
max-width: unset;
}
.checkbox .form-el_policy {
max-width: unset;
}
.item.item_image_radio .values.test_image_radio{
display:block !important;
}
.item.item_image_radio .values.test_image_radio a div{
margin-bottom: 15px;
height: 80px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.item.item_checkbox{
display: flex;
position: relative;
}
.item.item_checkbox .values.test_checkbox a div::before{
content: "";
width: 36px;
height: 40px;
position: absolute;
left: 38px;
top:0;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.item.item_checkbox .values.test_checkbox a.active div::before{
content: "";
width:38px;
height: 40px;
position: absolute;
top: 0;
left:0;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.item.item_checkbox .values.test_checkbox{
position: absolute;
top: 142px;
}
.item.item_checkbox .title{
/*margin-left: 100px;*/
margin-bottom: 0;
}
.item.item_checkbox .values.test_checkbox a div{
color:white;
}
.item.item_checkbox .title{
padding-bottom: 0px;
}
.product-recomendation img {
height: 24px;
}
.product-recomendation__image a{
width: 100%;
height: 100%;
position: absolute;
text-align: center;
}
.product-recomendation{
display: flex;
}
.product-recomendation__image{
display: block;
width: 32px;
height: 24px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
}
.container-for-recomendation{
z-index: 100;
position: relative;
}
.specification-recomendation{
display: none;
position:absolute;
}
.product-recomendation__image:hover .specification-recomendation{
display: block;
width: 300px;
padding:10px;
height: auto;
font-size: 12px;
line-height: 15px;
vertical-align: middle;
top: 33px;
z-index: 100;
}
.product-share-links {
position: absolute;
right: 0;
z-index: 10;
cursor: pointer;
top: 0;
/*width:20px;*/
}
.product-recomendation__image:hover .specification-recomendation:before {
content: ' ';
display: block;
width: 10px;
height: 10px;
position: absolute;
top: -10px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}
.product-recomendation__image:hover .specification-recomendation:after {
content: ' ';
display: block;
width: 8px;
height: 8px;
position: absolute;
top: -7px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 4px solid white;
}
.layout-right-side{
margin-bottom:30px ;
}
.product-recomendation__image{
position: relative;
}
@media(max-width: 992px){
.product-recomendation{
display: block;
}
.product-recomendation__image:hover .specification-recomendation:before, .product-recomendation__image:hover .specification-recomendation:after {
content: '';
display: none;
}
.specification-recomendation{
display: table-cell;
width: 280px;
height: 32px;
position: relative;
font-size: 12px;
line-height: 15px;
padding-left: 10px;
vertical-align: middle;
}
.product-recomendation__image{
display: table;
width: 280px;
}
.product-recomendation__image a{
display: table-cell;
width: 32px;
height: 32px;
position: relative;
margin-right: 10px;
vertical-align: middle;
}
.product-recomendation__image:hover .specification-recomendation{
top: 0;
display: table-cell;
width: 280px;
height: 32px;
position: relative;
font-size: 12px;
line-height: 15px;
padding: 0;
padding-left: 10px;
vertical-align: middle;
border: none!important;
}
.layout-right-side{
margin-bottom:0!important;
}
.product-share-links {
right: 0;
margin-left: 0 !important;
margin-top: 0 !important;
}
.ya-share2__list.ya-share2__list_direction_horizontal{
display:flex;
padding-top:10px;
flex-direction: column;
}
}
.layout-right-side{
margin-bottom:30px ;
}
.product-share-links .label{
display: flex;
justify-content: center;
align-items: center;
background: white;
width: 30px;
height: 30px;
margin-bottom: 10px;
border-radius: 15px;
}
.product-share-links .label {
background-size: cover;
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: 7px 50%;
}
.close-detail{
display: none;
}
body > #panel.bx-panel-fixed {
bottom: 0;
position: fixed;
z-index: 1000;
}
@media (max-width: 699px){
.close-detail{
position: fixed;
right: 2px;
top: 65px;
outline: none;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;
width: 46px;
height: 46px;
border-radius: 25px;
z-index: 95;
}
.product-info .product-review-links a{
margin-top: 0px;
}
.catalog-filters__block--categories{
padding-top: 20px;
}
}
.product-recomendation__image{
position: relative;
}
.product-recomendation__image:hover .specification-recomendation:before {
content: ' ';
display: block;
width: 10px;
height: 10px;
position: absolute;
top: -10px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}
.product-recomendation__image:hover .specification-recomendation:after {
content: ' ';
display: block;
width: 8px;
height: 8px;
position: absolute;
top: -7px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 4px solid white;
}
.item.item_checkbox .values a div {
color: white;
width: 36px;
height: 20px;
font-size: 0px;
border-radius: 20px;
padding:0 !important;;
}
.item.item_checkbox .values a div:before {
content: "";
width: 14px;
height: 14px;
position: absolute;
left: 3px;
top: 3px;
border-radius: 10px;
}
.item.item_checkbox .values a.active div:before {
left: 20px;
}
a .group__title{
padding: 7px 25px;
background: #f9f9f9;
}
.item.item_checkbox a .group__title{
position: absolute;
right: 15px;
}
#section_CATALOG {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjEgMjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIxIDIyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiBwb2ludHM9IjE0LDEgMSwxIDEsMjEgMjAsMjEgMjAsNi4yICIvPjxwb2x5Z29uIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgcG9pbnRzPSIxNCwxIDE0LDcgMjAsNyAiLz48bGluZSBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiIHgxPSI1IiB5MT0iMTIiIHgyPSIxNiIgeTI9IjEyIi8+PGxpbmUgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiB4MT0iNSIgeTE9IjgiIHgyPSI5IiB5Mj0iOCIvPjxsaW5lIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgeDE9IjUiIHkxPSIxNiIgeDI9IjE0IiB5Mj0iMTYiLz48L3N2Zz4=);
}
#section_CONTACTS{
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTcgMjQuNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTcgMjQuNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiBkPSJNMTYsOC43QzE2LDE1LjQsOC41LDIzLDguNSwyM1MxLDE1LjIsMSw4LjdDMSw0LjQsNC40LDEsOC41LDFTMTYsNC40LDE2LDguN3oiLz48Y2lyY2xlIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiBjeD0iOC41IiBjeT0iOSIgcj0iMyIvPjwvc3ZnPg==);
}
#section_HEADER{
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjUgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1IDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHJlY3QgeD0iMSIgeT0iMSIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiB3aWR0aD0iMjMiIGhlaWdodD0iMTgiLz48bGluZSBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiIHgxPSI2IiB5MT0iNiIgeDI9IjE5IiB5Mj0iNiIvPjwvc3ZnPg==);
}
#section_BASE{
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiBkPSJNMTQuMiw5LjdIMjNDMjMsNC45LDE5LjEsMSwxNC4yLDF2OFY5Ljd6Ii8+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiBkPSJNMTAuMiwxMy45YzAuMSwwLDkuMiwwLDkuMiwwYzAsNS00LjEsOS4xLTkuMiw5LjFTMSwxOC45LDEsMTMuOXM0LjEtOS4xLDkuMi05LjFWMTMuOXoiLz48L3N2Zz4=);
}
#section_MAIN{
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDIyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlsaW5lIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgcG9pbnRzPSIzLDkgMywyMSA5LDIxIDksMTMgMTUsMTMgMTUsMjEgMjEsMjEgMjEsOSAiLz48cG9seWxpbmUgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiBwb2ludHM9IjIzLDEwIDEyLDEgMSwxMCAiLz48L3N2Zz4=);
}
.header-inner{
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTkuOCAyMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTkuOCAyMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgZD0iTTkuOCwxYzIuMywwLjEsNC41LDEsNi4zLDIuOGMzLjIsMy4yLDMuNiw4LjEsMS4zLDExLjgiLz48cG9seWdvbiBzdHlsZT0ic3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgcG9pbnRzPSIxOC45LDE4LjMgMTQuOSwxOC4zIDE0LjksMTQuMyAiLz48cGF0aCBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiIGQ9Ik0xMC4xLDIwYy0yLjMtMC4xLTQuNS0xLTYuMy0yLjhDMC42LDE0LDAuMSw5LjEsMi41LDUuNCIvPjxwb2x5Z29uIHN0eWxlPSJzdHJva2U6I0ZGRkZGRjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiBwb2ludHM9IjAuNywyLjUgNS4xLDIuNSA1LjEsNi44ICIvPjwvc3ZnPg==) !important;
background-repeat: no-repeat !important;
background-size: 5% !important;
background-position: 10px !important;
position: absolute;
bottom:0;
}
.right-block .values[data-property="default"]{
position: absolute;
bottom:0;
right: 0;
border-top: 30px solid white;
}
.jspPane{
width: 424px !important;
}
.jspDrag {
width: 4px !important;
border-radius: 8px !important;
}
.jspContainer{
width: 424px !important;
}
.jspTrack{
background: none !important;
}
#right_block_content{
width: 424px !important;
}
.button--white {
background-color: #fff!important;
}
.button--white:hover, .products-list__item .buttons .to-basket-btn:hover, .products-list__item .image .preview-btn:hover {
color: #fff!important;
}
.button--transparent, .button--transparent:hover, .button--transparent:focus {
background: transparent;
}
.button-typefile{
color: #fff;
}
.item.item_checkbox .values.test_checkbox a div::before{
background-color: #4a4a4a;
}
.product-recomendation__image:hover .specification-recomendation{
background-color: #ffffff;
border:1px solid #4a4a4a;
color:#4a4a4a;
}
.product-recomendation__image:hover .specification-recomendation:before {
border-bottom: 5px solid #4a4a4a;
}
.product-recomendation__image:hover .specification-recomendation:after {
border-bottom: 4px solid white;
}
.item.item_checkbox .values a div:before {
background: white;
}
.item.item_checkbox .values a.active div::before {
background: white;
}
.configurator .left-block{
color:white;
}
.main-slider-position .container-for-name-and-caption .caption{
font-weight: 500;
}
/*.container-for-name-and-caption{*/
/*position: relative;*/
/*top: 45%;*/
/*left: 3%;*/
/*}*/
.slider-text {
width: 500px;
position:absolute;
top:-50%;
/*margin-bottom: 130px;*/
}
.main-slider__item .row.align-middle{
display: flex;
justify-content: center;
text-align: center;
align-items: center;
position: relative;
}
.main-slider__item .main-slider.owl-carousel.owl-loaded.owl-drag .owl-nav .owl-prev{
position: absolute;
left: 35px;
display: block;
width: 42px;
height: 42px;
background-color: white;
color: transparent;
top:300px;
background-image: url('/bitrix/templates/shopogolik/css/../images/arrow-right2-gray.svg');
background-position: center center;
background-repeat: no-repeat;
transform: rotate(180deg);
}
.main-slider__item .main-slider.owl-carousel.owl-loaded.owl-drag .owl-nav .owl-next{
position: absolute;
right: 35px;
display: block;
width: 42px;
height: 42px;
background-color: white;
color: transparent;
top:300px;
background-image: url('/bitrix/templates/shopogolik/css/../images/arrow-right2-gray.svg');
background-position: center center;
background-repeat: no-repeat;
}
#slider-6.main-slider__item{
height: 650px;
margin-bottom: 30px;
}
#slider-6 .main-slider .owl-dots{
margin-top: -3.75em !important;
}
#slider-6.main-slider__item .title{
font-size: 55px;
line-height: 55px;
}
#slider-6 .main-slider .main-slider__item{
height: 650px;
}
.button--transparent.buy-one-click:hover{
color:white;
}
.button--transparent.buy-one-click:hover .icon{
fill:white;
}
.register-form {
padding: 0;
column-count: 2;
width: 100%;
max-width: 100%;
flex: 1 1 100%;
page-break-inside: avoid;
}
.register-form label {
margin: 0 15px 0 0;
break-inside: avoid-column;
}
@media screen and (max-width: 43.75em) {
.register-form {
column-count: 1;
display: flex;
flex-wrap: wrap;
}
.register-form label {
flex: 1 1 100%;
}
.products-list__item .image .preview-btn {
display: none;
}
}
@media screen and (max-width: 43.75em) {
.mobile-overflow {
overflow-x: scroll;
position: relative;
width:100%;
}
.mobile-size{position: relative}
.mobile-size:after {
position: absolute;
top: 0;
bottom: 0;
right: 0;
display: block;
width: 0px;
box-shadow: -3px 0px 13px 5px rgb(255, 255, 255);
content: "";
}
.mobile-overflow table {
white-space: nowrap;
}
.products-list__item .image > a {
height: auto !important;
}
.products-list.-list-view .products-list__item .image > a {
max-height: 150px;
}
.products-list.-mini-list-view .products-list__item .image > a {
max-height: 150px;
}
}
/*ul.menu {padding:0; margin:0;}*/
/*ul.menu li {list-style-type:none; padding:5px 0; text-align:center; white-space:nowrap;}*/
ul.menu li.dd_menu {
position:relative;
display:none;
font-weight: 600;
padding: 0 20px;
font-size: 20px;
list-style-type: none;
}
ul.menu li.dd_menu:focus,
ul.menu li.dd_menu button:focus {
border: 0;
outline: 0;
}
ul.menu ul.dropdown-menu {
display:none;
position: absolute;
top: 64px;
right: 0;
padding: 15px;
border: #ccc 1px solid;
z-index: 2;
background-color: white;
min-width: 200px;
}
ul.menu ul.dropdown-menu li {
float: none;
padding: 15px;
border-bottom: 1px solid #ccc;
list-style-type: none;
line-height: 1;
min-width: 200px;
}
ul.menu ul.dropdown-menu li:first-child {
padding-top: 0;
}
ul.menu ul.dropdown-menu li:last-child {
padding-bottom: 0;
border: none;
}
ul.menu ul.dropdown-menu li > a {
color: #4a4a4a;
text-transform: uppercase;
font-size: 0.875rem;
transition: 0.3s;
}
ul.menu ul.dropdown-menu li > a:hover {
color: #000000;
transition: 0.3s;
}
.menu-container {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (max-width: 61.875em) {
.menu-container {
width: auto;
}
}
@media screen and (max-width: 43.75em) {}
.header-logo .image img {
max-width: 200px;
max-height: 40px;
max-height: 100%;
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
margin: auto;
}
//.button.button--white.to-basket-btn.slider-product-options, .button.button--white.to-basket-btn.normal-button-basket{
// padding: 0.85rem 1.6rem;
// margin-top: 1px;
//}
/*.row.buttons .column a{*/
/*padding:0.85rem 1.6rem;*/
/*}*/
.button.expanded.button--transparent.buy-one-click {
padding: 1.10rem 1.6rem;
}
.row.buttons .column .button.expanded.button.buy-one-click{
float:right;
width: 170px;
padding: 0;
padding-left: 20px !important;
padding-right: 10px !important;
}
.button.expanded.button.buy-one-click .icon{
/*margin-left: 15px;*/
}
.item-block{
width: 50%;
border: 1px solid #e5e5e5;
padding: 30px;
margin: 0 0 -1px -1px;
}
.item-block .name-block{
font-size: 18px;
font-family: OpenSansBold;
text-transform: uppercase;
margin-bottom: 8px;
width: auto;
height: auto;
}
.item-block .image{
width: 140px;
text-align: center;
padding: 0 25px 10px 0;
vertical-align: top;
}
.item-block .section_info{
vertical-align: top;
}
.item-block .section-image-name{
display: inline-flex;
}
.container-catalog{
display: flex;
flex-wrap: wrap;
}
.item-block:hover{
box-shadow: 0 0 20px rgba(0,0,0,0.1);
border-color: #fff;
}
@media(max-width: 699px){
.item-block{
width: 100%;
}
}
.item-block .decs{
font-size: 13px;
line-height: 1.5;
}
@media(max-width:699px){
#search-mobile{
position: fixed;
left: 0;
top: 56px;
width: 100%;
border-left: none;
border-right: none;
font-size: 13px;
z-index: 500;
padding-left: 12px;
}
#search-mobile-none .search-form{
display: none;
}
.main-catalog{
padding-top: 0;
}
#search-mobile-none.search-mobile-form{
display: block;
margin-left: 15px;
}
#search-mobile-none #title-search-input.search-input{
display: none;
}
.search-button svg{
width:20px;
height: 20px;
margin-right: 15px;
fill-opacity: 0.8;
}
.block-search-form{
display: none;
width:100%;
height: auto;
position: fixed;
left: 0;
right: 0;
top: 56px;
font-size: 13px;
}
.search-list{
border-bottom: 1px solid #e5e5e5;
padding:15px;
}
div.title-search-result{
border:none !important;
top: 95px !important;
}
.block-search-form #title-search-input-mobile[type='text']:focus, .block-search-form #title-search-input-mobile[type='text']{
border-color:#cccccc !important;
font-size: 13px;
border-left: none;
border-right: none;
}
header{
padding-top: 0;
padding-bottom: 0;
}
.row.heading-row{
padding-bottom: 0.875rem;
}
.padding-top{
padding-top: 1.875rem;
}
.main-news{
margin-bottom: 1.875rem;
}
.main-features__icon{
width: 57px;
min-width: 57px;
height: 57px;
line-height: 52px;
padding-left: 0;
}
.main-features__info{
padding-top: 5px;
}
.main-features__item{
margin-bottom: 0.875rem;
}
.main-features{
padding-bottom: 0;
}
}
@media(min-width: 360px) and (max-width:699px){
.site-container, .main-slider .owl-dots{
max-width: 24rem;
}
}
.subscribe_form_notify {
margin-top: 29px;
line-height: 20px;
}
.subscribe-box{
position: fixed;
width: 830px;
overflow: auto;
height: 400px;
z-index: 1000;
display: flex;
align-items: center;
top:50%;
left:50%;
opacity: 1;
margin:-200px 0 0 -415px;
background: white url(/bitrix/templates/shopogolik/css/../images/popup_newsletter.jpg)no-repeat 0 0;
background-size: contain;
}
.subscribe-content{
width: 50%;
margin: 20px;
text-align: center;
}
.subscribe-input{
text-align: center;
padding-top: 1rem;
padding-bottom: 1rem;
margin-bottom: 1.875rem;
margin-top: 0.875rem;
font-size: 0.875rem;
color: #999999;
border: 2px solid #d9d9d9;
background:transparent;
}
.subscribe-input[type='email']:focus{
background:transparent;
border: 2px solid #d9d9d9 !important;
}
.subscribe-input[type='email']:focus::-webkit-input-placeholder {color: transparent}
.subscribe-input[type='email']:focus::-moz-placeholder {color: transparent}
.subscribe-input[type='email']:focus:-moz-placeholder {color: transparent}
.subscribe-input[type='email']:focus:-ms-input-placeholder {color: transparent}
.background-subscribe-box {
opacity: 0.8;
width: 100%;
height: 100%;
z-index: 990;
position: fixed;
background: black;
}
@media(max-width: 850px){
.subscribe-content{
width: 100%;
padding: 15px;
margin: 0;
}
.subscribe-box{
width: 670px;
margin: -200px 0 0 -335px;
background: white;
height: 440px;
}
.subscribe-container{
width: 730px !important;
margin: -230px 0 0 -365px !important;
}
}
@media(max-width: 699px){
.subscribe-content{
width: 100%;
}
.subscribe-box{
width: 300px;
margin: -200px 0 0 -150px;
background: white;
}
.background-subscribe-box{
margin-top: -76px;
}
.subscribe-container{
width: 360px !important;
margin: -230px 0 0 -180px !important;
}
}
@media(max-width: 350px){
.subscribe-box{
width: 260px;
margin: -200px 0 0 -130px;
}
.subscribe-container{
width: 300px !important;
margin: -230px 0 0 -145px !important;
}
}
.subscribe-checkbox{
display: block;
border:1px solid black;
width: 15px;
height: 15px;
margin-right: 10px;
margin-top: 5px;
}
.subscribe-checkbox:before{
content: '';
width: 12px;
height: 12px;
color:red;
}
.subscribe-border{
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
content: '';
border: 1px solid #cccccc;
z-index: 1;
}
.subscribe-container{
height: 460px;
width: 890px;
position: fixed;
overflow: auto;
z-index: 999;
display: flex;
align-items: center;
top: 50%;
left: 50%;
opacity: 1;
margin: -230px 0 0 -445px;
background: transparent;
}
.subscribe-container .close{
position: absolute;
width: 20px;
height: 20px;
right: 0;
top: 0;
fill: white;
z-index: 1000;
cursor: pointer;
}
.subscribe-container .close .icon {
width: 20px;
height: 20px;
}
.row.first-row {
position: relative;
}
.slider-text {
width: 500px;
position: inherit;
top: 0;
}
.slider-text#position-text-1-left{
left:10px;
position:absolute;
top: calc(380px - 50%);
}
.slider-text#position-text-2-center{
}
.slider-text#position-text-3-right{
right: 10px;
position:absolute;
top: calc(380px - 50%);
}
.slider-text.fallout#position-text-1-left{
width: 500px;
position:absolute;
left:10px;
top:-50%;
}
.slider-text.fallout#position-text-2-center{
width: 500px;
position:absolute;
top:-50%;
}
.slider-text.fallout#position-text-3-right{
width: 500px;
position:absolute;
right: 10px;
top:-50%;
}
.owl-item.cloned.active .slider-text .caption {
transform: translate(0px, calc(360px + 50%));
transition: transform 0.7s ease-in-out;
}
.active .slider-text.fallout .caption {
transform: translate(0px, calc(360px + 50%));
transition: transform 0.7s ease-in-out;
}
.active .slider-text.fallout .title {
transform: translate(0px, calc(380px + 50%));
transition:transform 1.0s ease-in-out;
}
.active .slider-text.fallout .btn-def{
transform: translate(0px, calc(380px + 50%));
transition: transform 1.2s ease-in-out, background 0.55s;
}
.j-slider-wide.-border-bottom-mobile-tochildren .main-product-slider .products-list .products-list-slider .products-list__item{
height: 100px;
position: relative;
}
.j-slider-wide.-border-bottom-mobile-tochildren .main-product-slider .products-list .products-list-slider .products-list__item .image {
width:50px;
min-height: 60px;
position: absolute;
height: 60px !important;
}
.j-slider-wide.-border-bottom-mobile-tochildren .main-product-slider .products-list .products-list-slider .products-list__item .image img {
max-width: 100%;
height: 100%;
width: auto;
}
.j-slider-wide.-border-bottom-mobile-tochildren .main-product-slider .products-list .products-list-slider .products-list__item .image .badges {
display: none;
}
.j-slider-wide.-border-bottom-mobile-tochildren .main-product-slider .products-list .products-list-slider .products-list__item .name {
position: absolute;
right: 10px;
top: 12px;
font-size: 12px;
width: 200px;
text-align: right;
line-height: 18px;
}
.j-slider-wide.-border-bottom-mobile-tochildren .main-product-slider .products-list .products-list-slider .products-list__item .prices {
position: absolute;
right: 10px;
bottom: 20px;
font-size: 14px;
}
.j-slider-wide.-border-bottom-mobile-tochildren .main-product-slider .products-list .products-list-slider .products-list__item .prices span {
font-size: 14px;
}
.j-slider-wide.-border-bottom-mobile-tochildren .main-product-slider .products-list .products-list-slider .products-list__item .image a {
height: 60px !important;
}
.j-slider-wide.-border-bottom-mobile-tochildren .main-product-slider{
width: 100%;
}
.j-slider-wide.-border-bottom-mobile-tochildren .main-product-slider .products-list .products-list-slider .owl-item.active{
display: block;
}
@media(min-width: 1080px){
//.j-slider-wide.-border-bottom-mobile-tochildren .main-product-slider .products-list .row.first-row .products-list-slider .owl-item {
// width: 275px !important;
// margin-left: 15px;
//}
.catalog-filters__blocks-wrapper.diplay-none .catalog-filters__block.bx-filter-parameters-box .slider.price-slider {
margin-left: 8px;
margin-right: 8px;
}
.column.medium-3.small-12 .catalog-filters {
margin-left: 2px;
}
}
.j-slider-wide.-border-bottom-mobile-tochildren .main-product-slider .products-list .products-list-slider .products-list__item .buttons {
display: none;
}
.j-slider-wide.-border-bottom-mobile-tochildren .main-product-slider .products-list .products-list-slider .products-list__item .image .btn-a-small.btn-width.fast-view{
display: none;
}
.j-slider-wide.-border-bottom-mobile-tochildren .main-product-slider .products-list .products-list-slider .owl-nav {
display: none;
}
.container-icon {
display: flex;
cursor: pointer;
width: 20px;
height: 20px;
position: absolute;
top: 22px;
left: 75px;
justify-content: center;
align-items: center;
}
.container-icon .icon {
width: 10px;
height: 10px;
margin-left: 10px;
}
.depth-level-1.menu-block{
display: flex;
}
@media(min-width: 699px) {
.container-icon {
display: none;
}
.main-nav .main-menu > li:nth-child(2) > a {
padding-left: 0;
}
}
.filter-h4 {
font-family: OpenSansBold;
}
@media(max-width: 699px) {
.product-slider-thumbs.owl-carousel.owl-loaded.owl-drag .owl-stage-outer {
display: none;
}
.product-slider.owl-carousel.owl-loaded.owl-drag .owl-dots {
display: flex;
justify-content: center;
margin-top: -20px;
}
.product-slider.owl-carousel.owl-loaded.owl-drag .owl-dots .owl-dot {
display: block;
width: 8px;
height: 8px;
border-radius: 10px;
margin-left: 5px;
margin-right: 5px;
z-index: 5;
}
.product-slider.owl-carousel.owl-loaded.owl-drag .owl-dots .owl-dot.active {
display: block;
background-color: black;
width: 8px;
height: 8px;
border-radius: 10px;
margin-left: 5px;
margin-right: 5px;
box-shadow: 0px 0px 2px 6px #b1b1b3;
}
.product-slider-thumbs.owl-carousel.owl-loaded.owl-drag .owl-nav {
display: none;
}
.sticky{
position: inherit;
width: 100%;
}
.menu.main-menu .menu-wrapper .depth-level-1 {
margin-left: 0;
}
.menu.main-menu .menu-wrapper .depth-level-1 .has-child .depth-level-2 {
margin-left: 0;
}
.menu.main-menu .menu-wrapper .depth-level-1 .has-child .depth-level-2 .has-child .depth-level-3 {
margin-left: 0;
}
.menu.main-menu .item.has-child .menu-wrapper .depth-level-1 .has-child a {
padding-bottom: 5px;
}
.depth-level-1.menu-block{
display: block;
}
.menu.sub-menu {
border-top:1px solid #eff1f5;
padding-top: 20px;
}
.j-slider-wide.j-slider-wide-viewed.-border-bottom-mobile-tochildren .main-product-slider .products-list {
margin-bottom: 10px;
}
/***********/
.smart-filter-wrapper {
margin-top: 20px!important;
}
.catalog-filters__block:first-child {
padding-top: 20px;
}
.layout-left-side .column.medium-9.small-12{
position: relative;
}
.page-header.sections{
display: none;
}
.page-header.sections + .site-container{
margin-top: -10px;
}
.page-header.detail + .site-container .catalog-filters h4.catalog-h4 {
line-height: 25px;
font-size: 0;
}
.catalog-filters h1 {
position: absolute;
top: 20px;
font-size: 18px;
}
.catalog-filters + .viewed_product_slider{
display: none;
}
h4.filter-h4 {
position: absolute;
max-width: 33%;
padding-right: 20px;
height: 30px;
line-height: 26px;
font-size: 15px;
z-index: 100;
}
.catalog-sort-set {
float: left;
width: 40%;
margin-left: 37%;
line-height: 30px;
top: 0;
}
.catalog-sort-set .mobile-sort{
margin-top: -3px;
position: relative;
display: block;
}
.catalog-sort-set .desktop-sort{
display: none;
}
.catalog-sort-set select{
border: none;
outline: none;
padding: 0 0.5rem;
height: 1.7rem;
margin: 0;
line-height: 13px;
font-size: 13px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.catalog-sort-set select option{
text-align: center;
}
.catalog-sort-set .mobile-sort-direction{
display: block;
width: 21px;
height: 27px;
position: absolute;
top: 0;
right: 13px;
}
.catalog-sort-set .mobile-sort-direction.sort_asc{
}
.catalog-sort-set .mobile-sort-direction.sort_desc{
}
.catalog-sort-set a{
margin-bottom: 0;
}
.catalog-view-set {
right: 0;
line-height: 20px;
margin-bottom: 10px;
display: block;
text-align: right;
margin-right: -5px;
height: 25px;
}
.products-list{
margin-top: 30px;
}
/***********/
.sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container__wrap,
.sale-order-detail-payment-options-methods .sale-order-detail-payment-options-methods-information-block {
display: block;
}
.sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-repeat {
display: flex;
align-items: center;
padding: 0;
margin: 0;
}
.sale-order-detail-payment-options-info-order-number, .sale-order-detail-payment-options-info-total-price {
white-space: normal;
}
.sale-order-detail-order-item-table .sale-order-detail-order-item-tr.hidden-sm.hidden-xs {
display: none;
}
.sale-order-detail-order-item-color, .sale-order-detail-order-item-size {
padding-bottom: 10px;
}
}
.catalog-sort-set .desktop-sort{
margin-left: -23px;
}
.j-catalog-set-list-view.catalog-view-set__item {
display: none;
}
.product-info .button.button--white.button--with-icon {
margin-right: 10px;
margin-top: 10px;
}
@media(max-width: 991px){
.container-icon {
display: flex;
cursor: pointer;
width: 20px;
height: 20px;
position: absolute;
top: 12px;
left: 60px;
justify-content: center;
align-items: center;
}
.depth-level-1.menu-block{
display: block;
flex-direction: column;
}
.sale-order-detail-order-item-table .sale-order-detail-order-item-tr.hidden-sm.hidden-xs {
display: none;
}
.sale-order-detail-order-item-color, .sale-order-detail-order-item-size {
padding-bottom: 10px;
}
}
.popup.fast-view-popup .popup-inner .pop-inner-wrapper .row.first-row .product-info .count-up{
width: 100px;
height: 40px;
margin-top: 10px;
}
.popup.fast-view-popup .popup-inner .pop-inner-wrapper .row.first-row .product-info .count-up__input {
height: 40px;
}
.popup.fast-view-popup .popup-inner .pop-inner-wrapper .row.first-row .product-info .count-up__btn.minus, .popup.fast-view-popup .popup-inner .pop-inner-wrapper .row.first-row .product-info .count-up__btn.plus {
line-height: 35px;
}
#demo-container {
position: relative;
}
#demo-container .product-info {
padding-right: 15px;
}
#demo-container #product-info h1{
font-size: 18px;
text-transform: none;
}
@media (max-width: 700px){
.container-sharing {
bottom: 35px;
display: block;
position: absolute;
}
.product-share-links {
right: 0;
top: -50px;
}
.tabs-mobile-links .icon-wrapper {
display: none;
}
#basket_form .tabs-content.product-tabs-content .tabs-panel #basket_items .b-cart__body .b-cart__item .b-cart__item-product.b-cart__cell.b-cart__cell--product .b-cart__item-content {
display: block;
}
.payment-options-methods-row .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-info{
padding-top: 10px;
}
}
@media (min-width: 700px){
.viewed_product_slider .owl-stage {
transition: none !important;
transform: none !important;
width: 100% !important;
}
}
.catalog-open {
display: block;
width: 20px;
height: 20px;
position: absolute;
right: -20px;
text-align: right;
font-family: ubuntuRegular;
top: 5px;
}
.compare-active, .favorite-active {
fill:white;
}
.main-profile-form-buttons-block {
display: inline-flex;
}
.pull-right.btn-def.hidden-xs {
color:white;
}
.compare-slider__item .option-sets .option-set {
display: flex;
}
.data-table [type="checkbox"] {
display: inline-block;
}
.b-cart__item-content {
display: flex;
align-items: center;
}
.b-cart__head .b-cart__cell.b-cart__cell--funcs {
display: none;
}
.b-cart__head .b-cart__cell.b-cart__cell--count {
margin-right: 150px;
}
#basket_items .b-cart__item-content {
display: block;
}
.sale-acountpay-block.form-horizontal .form-group {
display: inline-flex;
}
.sale-acountpay-block.form-horizontal .form-group .control-label.input-lg {
margin-left: 15px;
margin-top: 5px;
}
.sale-order-detail-payment-options-methods-button-element.inactive-button {
display: none;
}
.products-list.catalog-product-list.search-product-list .products-list__item .option-sets .options-wrapper .count-up {
display: none;
}
.products-list.catalog-product-list.search-product-list .products-list__item .option-sets .option-set {
margin-bottom: 0;
}
@media(max-width: 320px){
.b-cart__coupon-input {
width: 140px;
}
.product-tabs a{
font-size: 11px;
}
}
@media(max-width: 990px) {
#fast-view-wrapper .first-row .product-info .row.buttons .column .btn-a-large {
position: inherit;
}
#fast-view-wrapper .first-row .product-info .row.buttons {
position: inherit;
bottom: 0;
}
.products-list.catalog-product-list.-mini-list-view .products-list__item .basket-btn-wrapper {
display: block;
}
.products-list.catalog-product-list.-mini-list-view .products-list__item .btn-favorite.favorite{
float: left;
}
.products-list.catalog-product-list.-mini-list-view .row.first-row .products-list__item.products-list-number-4 .btn-favorite.favorite,
.products-list.catalog-product-list.-mini-list-view .row.first-row .products-list__item.products-list-number-5 .btn-favorite.favorite{
margin-top: 0;
}
}
#feedback-form .row.first-row .btn-def#feedback-button {
margin-bottom: 0;
}
@media(min-width:700px) and (max-width:870px){
.main-features__item {
flex-direction: column;
justify-content: center;
}
}
@media(max-width:989px){
.tabs-title:not(:last-child):before {
margin-top: -7px;
}
}
@media (max-width: 360px) {
.sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-repeat {
display: block;
}
.sale-paysystem-wrapper .sale-paysystem-yandex-button-descrition {
line-height: normal;
}
}
@media (max-width:580px){
.sale-order-detail-order-item-color, .sale-order-detail-order-item-size {
padding-left: 5px;
}
.payment-options-methods-row .sale-order-detail-payment-options-methods .sale-order-detail-payment-options-methods-information-block{
padding-top: 10px;
}
.products-list.catalog-product-list.-mini-list-view .row.first-row .products-list__item.products-list-number-3 .btn-favorite {
margin-top: 20px;
}
.products-list.catalog-product-list.-mini-list-view .products-list__item .buttons {
display: block;
}
}
@media (max-width:1200px) and (min-width: 700px){
.j-slider-wide.j-slider-wide-viewed.-border-bottom-mobile-tochildren .main-product-slider .products-list-slider .products-list__item {
display: flex;
flex-direction: column;
}
.j-slider-wide.-border-bottom-mobile-tochildren .main-product-slider .products-list .products-list-slider .products-list__item .image {
position: relative;
}
.j-slider-wide.-border-bottom-mobile-tochildren .main-product-slider .products-list .products-list-slider .products-list__item {
min-height: 160px;
}
.j-slider-wide.-border-bottom-mobile-tochildren .main-product-slider .products-list .products-list-slider .products-list__item .name {
position: inherit;
right: inherit;
top:inherit;
text-align: center;
width:auto;
white-space: normal;
}
.j-slider-wide.-border-bottom-mobile-tochildren .main-product-slider .products-list .products-list-slider .products-list__item .prices {
position: inherit;
right: inherit;
top:0;
}
}
#product-info-wrapper .column .sticky .btn-favorite.favorite {
float: left;
}
#product-info-wrapper .sticky-container {
max-width: 280px;
}
#product-info-wrapper .column .sticky .btn-favorite.favorite {
margin-top: 0;
}
@media(min-width: 700px){
#product-info-wrapper .sticky-container {
max-width: 277.5px;
}
#product-info-wrapper .column .sticky .product-price-block {
max-width: 277.5px;
}
}
.functionality{
display: flex;
justify-content: center;
}
.logo-without-margin{
margin-bottom: -36px;
margin-top: -39px;
}
.mobile-logo img{
height: 100%;
}
@media (min-width: 320px) and (max-width: 321px){
.form-group bx-soa-customer-field {
width: 198px !important;
}
}
/* End */
/* Start:/bitrix/templates/shopogolik/css/custom.css?167844295017955*/
.option-sets .options-wrapper{
font-size:0;
}
.intec-basket.intec-basket-template-1 .intec-basket-gifts-title {
font-size: 26px !important;
font-weight: 700 !important;
line-height: 1.17;
color: $scheme-black;
margin-bottom: 32px;
text-align: center !important;
text-transform: uppercase !important;
color: #000 !important;
font-family: Roboto, Arial, sans-serif !important;
}
.row-fl {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
#line_block {
width:250px;
height:20px;
float:left;
text-align:center;
color: rgb(76 175 80);
font-size: 16px;
font-weight: 700;
}
.caser-radio.bx_active .caser{
/*border-color: #000;*/
z-index: 1;
}
.option-set .caser__color-set{
background-size: contain;
}
.option-set .caser-radio.bx_missing {
display: none;
}
.compare-active,.favorite-active{
background-color: #262626;
color: #fff;
}
.compare-active:hover,.favorite-active:hover{
background-color: #262626;
color: #fff;
}
.compare-active:active,.favorite-active:active{
background-color: #262626;
color: #fff;
}
.compare-active:hover .icon,.favorite-active:hover .icon{
fill: #fff;
}
.basket-btn-wrapper{
display:inline-block;
}
#bx_incl_area_5{
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.list-is-empty{
text-align:center;
}
.main-nav .sub-menu .active a{
font-weight:bold;
background: none;
}
.catalog-filters__block{
position: relative;
}
#modef{
display: inline-block;
background: black;
color: white;
z-index: 100;
box-sizing: border-box;
font-size: 14px;
}
#modef a{
color: white;
display: inline-block;
padding: 3px 16px;
white-space: nowrap;
text-transform: uppercase;
font-size: 11px;
background: no-repeat url(/bitrix/templates/shopaholic/images/arrow-right.png) center right;
padding-right: 46px;
background-position-x: 86%;
}
.no-comment-form-msg{
padding: 11px;
padding-top: 0;
}
#modef::after{
content: "";
position: absolute;
top: 10px;
left: -10px;
border: 5px solid transparent;
border-right: 5px solid black;
}
.catalog-filters__link-list label:before {
content: "\25FE";
color: inherit;
position: absolute;
left: 0;
top: 13px;
font-size: 7px;
}
.catalog-filters__link-list label{
color: #333;
border-bottom: 1px solid #ccc;
padding: 7px 0 7px 18px;
display: block;
position: relative;
-webkit-transition: .3s;
transition: .3s;
cursor:pointer;
}
.caser-radio.disabled{
opacity:0.3;
cursor: not-allowed;
pointer-events: none !important;
}
.caser-radio.disabled .caser{
cursor: not-allowed;
pointer-events: none !important;
}
.caser-radio.disabled .caser:hover{
border: 1px solid #e5e5e5 !important;
}
.button.disabled, .button[disabled] {
pointer-events: none !important;
}
.has-child>ul{
display:none;
}
.expanded.has-child>ul{
display:block;
}
.compare-block .notetext,.basket-errors .notetext{
display: block;
text-align: center;
color: #4a4a4a;
line-height: 24px;
font-weight: normal;
text-transform: initial;
}
.comments-wrapp .image{
text-align:center;
}
.mf-ok-text,#buy1click-form-note, #call-back-form-note{
color: green;
padding: 10px 0;
}
.product-addpack-slider .old-price {
padding: 0 5px;
color: #999;
font-size: 13px;
text-decoration: line-through;
}
.tablebodytext{
display:none;
}
.checkout-final{
padding: 1.875rem;
padding-top:0;
color: #000;
font-size:16px;
}
div.title-search-result {
border:1px solid #c6c6c6;
display:none;
overflow:hidden;
z-index:205;
}
table.title-search-result {
border-collapse: collapse;
border:none;
}
.title-search-result{
background:white;
}
table.title-search-result th {
background-color:#F7F7F7;
border-right:1px solid #e8e8e8;
color:#949494;
font-weight:normal;
padding-top:2px;
padding-bottom:2px;
padding-left:14px;
padding-right:12px;
text-align:right;
vertical-align:top;
white-space:nowrap;
width:1%;
}
table.title-search-result td {
background-color:white;
color:black;
font-weight:normal;
padding-top:2px;
padding-bottom:2px;
text-align:left;
white-space:nowrap;
}
table.title-search-result td.title-search-item {
padding-left:8px;
padding-right:15px;
}
table.title-search-result td.title-search-item a {
padding-left:4px;
padding-right:15px;
text-decoration: none;
color:black;
vertical-align:top;
display:block;
}
table.title-search-result td.title-search-item img {
vertical-align:top;
}
table.title-search-result td.title-search-item b {
color:#cf0000;
font-weight:normal;
}
table.title-search-result td.title-search-more {
font-size:11px;
font-weight:normal;
padding-right:15px;
padding-left:24px;
padding-top:0px;
}
table.title-search-result td.title-search-more a
{
padding-left:12px;
padding-right:15px;
text-decoration:none;
color:#4a4a4a;
}
table.title-search-result td.title-search-all {
padding-left:8px;
padding-right:15px;
}
table.title-search-result td.title-search-all a {
padding-left:4px;
text-decoration:none;
color:#808080;
}
table.title-search-result td.title-search-separator, table.title-search-result th.title-search-separator {
padding-top:0px;
padding-bottom:0px;
font-size:4px;
}
div.title-search-fader{
display:none;
background-image: url('/bitrix/templates/shopogolik/css/images/fader.png');
background-position: right top;
background-repeat: repeat-y;
position:absolute;
}
.empty-catalog-text{
text-align: center;
margin: 0 auto;
font-size: 17px;
}
.error-input-text{
border-color: #c00 !important;
transition: none;
}
.title-search-result{
width:100%;
}
.tabs-title:focus,.tabs-title:active,.tabs-title:visited{
outline:0 !important;
}
.compare-slider__item .name a{
color: #000;
}
.compare-slider__item .name a:hover{
opacity: .6;
}
.order-empty-list{
text-align:left;
}
.text-error-order{
color: #cc0000;
width: 100%;
font-size: 16px;
}
font.notetext,.mf-ok-text,.errortext{
font-size:16px;
}
#sets-count{
display:inline-block;
}
.search-button:focus,.search-button:active{
outline:0;
}
.order-product .name a{
color: #000;
}
.order-product .name a:hover {
opacity: .6;
}
.slider-product-options-popup .pop-inner-wrapper{
min-height: 375px;
}
.brand-text-block{
padding-bottom:30px;
}
.products-list__item .buttons .button{
transition:none !important;
}
.products-list__item .buttons .button:focus{
outline:0;
}
.empty-catalog-text{
text-align:center;
}
.step-location{
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.in-basket{
background: #000;
color: #fff !important;
border-color: #000;
}
font.notetext {
color: green;
}
.header-basket-link {
white-space: nowrap;
}
textarea+label.error, [type=password]+label.error{
margin-top: -.9375rem;
color: #c00;
}
[type=password].error {
border-color: #c00;
background: rgba(204,0,0,.1);
}
textarea.error{
border-color: #c00;
background: rgba(204,0,0,.1);
}
.error{
text-align:left;
}
.handle-left{
margin-left: -8px;
}
.handle-right {
margin-left: 8px;
left: calc(100% - 16px);
}
.products-list.-list-view .products-list__item .slider-product-options, .products-list.-block-view .products-list__item .slider-product-options{
display:none !important;
}
.products-list.-list-view .products-list__item .normal-button-basket, .products-list.-block-view .products-list__item .normal-button-basket{
display:inline-flex !important;
}
.products-list.-mini-list-view .normal-button-basket{
display:none !important;
}
.mobile-header{
z-index: 105;
}
.compare-wrap font{
text-align: center;
color: #4a4a4a;
line-height: 24px;
font-size: 17px;
margin: 0 auto !important;
display: block;
}
#bx-composite-banner{
display: inline-block;
padding-left: 15px;
}
.product-images {
position: relative;
}
.badge--new, .badge--sale {
z-index: 9;
}
#size-tabs {
display: block;
margin-top: 20px;
margin-bottom: 10px;
}
#size-tabs a {
padding: 10px;
font-size: 14px;
}
#size-tabs li:before {
display: none;
}
#size-tabs li {
border-bottom: 1px solid #e8e8e8;
}
#size-tabs li.is-active {
border: 1px solid #e8e8e8;
border-bottom: none;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
@media screen and (max-width: 43.75em) {
#size-tabs li {
border: 1px solid #e8e8e8;
margin-top: 5px;
margin-left: 5px;
}
#size-tabs li.is-active {
border-bottom: 1px solid #e8e8e8;
border-radius: 0;
}
}
table.sizes {
width: 100%;
font-size: 90%;
border: 1px solid #e8e8e8;
}
table.sizes td {
border: 1px solid #e8e8e8;
padding: 8px;
vertical-align: middle;
}
.vacancy-wrapper h2 {
font-size: 20px;
margin: 10px 0;
}
.vacancy {
border: 1px solid #e7e7e7;
margin-bottom: 10px;
}
.vacancy-head {
position: relative;
height: 45px;
line-height: 45px;
padding-right: 15px;
padding-left: 15px;
font-size: 16px;
color: #000;
cursor: pointer;
overflow: hidden;
}
.vacancy-head.active {
background-color: #f2f2f2;
}
.vacancy-head .arrow {
position: absolute;
width: 45px;
height: 45px;
right: 0;
top: 0;
color: #272727;
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: all .3s;
transition: all .3s;
cursor: pointer;
}
.vacancy-head .arrow:before {
transform: rotate(-45deg) translateZ(0);
}
.vacancy-head .arrow:after {
transform: rotate(45deg) translateZ(0);
}
.vacancy-head .arrow:before, .vacancy-head .arrow:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
-webkit-transform-origin: bottom;
transform-origin: bottom;
height: 8px;
width: 1px;
background-color: currentColor;
}
.vacancy-head.active .arrow {
transform: scaleY(-1);
}
.vacancy-body {
padding: 15px 15px 0 15px;
border-top: 1px solid #e7e7e7;
}
.bonus-head span {
font-size: 16px;
color: #000;
border-bottom: 1px dashed #004b75;
cursor: pointer;
}
.bonus-body {
margin: 8px 0;
}
.phone_logo {
display: flex;
align-items: center;
}
.phone_logo span {
font-size: 16px;
margin-left: 10px;
font-weight: bold;
}
@media screen and (max-width: 1180px) {
.phone_logo span {
font-size: 12px;
}
}
.header-logo {
align-items: baseline;
}
.header-logo .shopo_logo {
height: 105px;
width: 160px;
}
.header-logo .image {
margin-right: 0;
}
.header-logo .image img {
right: inherit;
max-width: 130px;
}
header .topmenu__block.row.first-row {
background: #e4e4e4;
height: 30px;
position: absolute;
top: 0;
width: 100%;
left: 15px;
}
header {
padding-top: 35px;
position: relative;
padding-bottom: 20px;
}
.link__items {
text-align: right;
font-weight: bold;
}
.link__item {
margin-left: 30px;
color: #4a4a4a;
}
.header-nav {
display: flex;
align-items: center;
margin: 0;
}
.header-nav li {
list-style: none;
margin-right: 30px;
font-weight: bold;
white-space: nowrap;
}
.header-nav li a {
color: #4a4a4a;
}
.custom .breadcrumbs {
margin-left: 0;
display: flex;
}
.custom .breadcrumbs li {
list-style: none;
}
.custom .breadcrumbs li:after {
content: '/';
position: relative;
margin: 0 10px;
}
.custom .breadcrumbs li:last-child::after {
content: "";
}
.main-nav .main-menu > li:first-child > a {
padding-right: 35px;
}
.footer-logo .shopo_logo {
height: 167px;
max-height: 167px;
width: 310px;
}
.header-basket-link__counter {
width: auto;
}
.main-product-slider .image img {
max-height: 250px;
}
.products-list .products-list-slider .products-list__item .image {
min-height: 250px;
max-height: 250px;
}
.products-list.-block-view .products-list__item .image img {
max-height: 250px;
}
.products-list.-block-view .products-list__item .image {
min-height: 250px;
max-height: 250px;
}
.logo-without-margin {
margin-top: -19px;
margin-left: -15px;
}
.products-list-slider-6 .page {
display: flex;
flex-wrap: wrap;
}
.banner--big {
height: 416px;
}
.mobile-header .mobile-menu-toggler {
padding-right: 14px;
}
.mobile-header .recall-btn {
padding-right: 40px;
}
.mobile-header .recall-btn .icon {
width: 20px;
height: 18px;
}
.mobile-header .logo-without-margin {
margin-top: -34px;
margin-left: -15px;
}
.main-features {
border: 0;
padding: 0;
}
.preview-btn {
display: none!important;
}
.w30 svg {
max-width: 16px;
max-height: 16px;
}
.header-basket-link {
position: relative;
}
.header-basket-link a.path_to_cart {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.bx-soa-pp-list-description a, .bx-soa-pp-company-block a.btn {
padding: 10px;
background: black;
border-radius: 3px;
color: white;
position: absolute;
width: 80%;
top: 120px;
left: 10%;
text-align: center;
font-weight: bold;
text-transform: initial;
}
.bx-soa-pp-list-description a:hover {
color: white;
}
.mobile-header__top {
justify-content: space-between;
}
.mobile-header .recall-btn {
padding-right: 0px;
}
.mobile-header .logo-without-margin {
margin-top: -34px;
margin-left: 0px;
}
.mobile-header .mobile-basket {
padding-left: 0;
}
.mobile-header #search-mobile-none.search-mobile-form {
margin-left: 0px;
}
.tabs-mobile-links {
display: none;
}
body .tabs {
display: block;
margin: 0;
}
.tabs-title:not(:last-child):before {
display: none;
}
@media screen and (max-width: 960px) {
.link__items.show-for-small-only {
text-align: right;
font-weight: bold;
display: flex;
flex-direction: column;
margin-right: 10px;
}
}
.item-block .section-image-name {
display: flex;
flex-direction: column;
text-align: center;
}
.item-block {
width: 33.33%;
border: 0;
padding: 30px;
margin: 0;
}
.item-block .image {
width: auto;
text-align: center;
padding: 0 0px 10px 0;
}
.item-block .image img {
width: 100%;
}
.mf-captcha {
text-align: left;
}
.mf-captcha .mf-text {
line-height: 14px;
font-size: 12px;
margin: 3px 0 6px;
}
.main-nav .main-menu {
position: relative;
z-index: 15;
}
.main-nav .main-menu > li {
position: relative;
}
.main-nav .main-menu .parent > a > .container-icon {
display: block;
right: 5px;
left: auto;
width: auto;
height: auto;
top: 23px;
transition: 0.3s;
transform-origin: 50% 50%;
}
.main-nav .main-menu .parent > a > .container-icon svg {
margin: 0;
}
.main-nav .main-menu .parent:hover > a > .container-icon {
top: 26px;
transform: rotate(180deg);
}
.main-nav .main-menu > li ul {
min-width: 203px;
position: absolute;
top: 50px;
left: 0;
z-index: -1;
padding: 20px 15px 20px 35px;
margin: 0;
display: none;
background: #FFFFFF;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
.main-nav .main-menu > li:last-child ul {
left:auto;
right: 0;
}
.main-nav .main-menu > li:nth-child(4) ul {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
break-inside: avoid;
break-before: column;
break-after: column;
padding: 20px 25px 20px 35px;
}
.main-nav .main-menu > li:nth-child(4) ul > li{
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.main-nav .main-menu > li ul li {
font-size: 13px;
line-height: 16px;
margin-bottom: 14px;
}
.main-nav .main-menu > li ul li:last-child {
margin-bottom: 0;
}
@media (min-width: 991px) {
.main-nav .main-menu > li:hover > ul {
display: block;
}
}
@media (max-width: 991px) {
.main-nav .main-menu .parent > a > .container-icon {
display: none !important;
}
}
.sale-order-list-inner-row-template input[type="submit"] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: white;
width: auto;
height: 40px;
padding: 5px 20px;
font-size: 13px;
font-family: openSansBold;
text-transform: uppercase;
margin: 10px;
border: none;
margin-left: 0;
background: #000000;
}
.sale-order-list-inner-row-template input[type="submit"]:hover {
background: #262626;
}
@media (max-width: 699px){
.products-list__item {
width: 50%;
position: relative;
height: 305px;
overflow: hidden;
border: 1px solid #ccc;
margin-bottom: 5px!important;
margin-right: 5px;
}
}
@media (max-width: 699px){
.products-list.-block-view .products-list__item .image {
border: 0;
padding: 0;
margin: 0;
min-height: 150px!important;
position: relative;
}
}
@media (max-width: 699px){
.products-list__item .prices {
padding: 4px;
position: absolute;
bottom: 0;
overflow: hidden;
background-color: #fff;
width: 100%;
text-align: center;
}
}
@media (min-width: 320px) and (max-width: 320px){
.products-list__item .name-wrapper {
margin: -15px 0 59px;
}
.form-control bx-soa-customer-textarea {
width: 198px !important;
}
}
@media (min-width: 375px) and (max-width: 414px){
.products-list__item .name-wrapper {
margin: -1px 0 59px;
}
.products-list.-block-view .products-list__item .name {
display: inline-block;
vertical-align: top;
font-size: 12px;
}
.products-list__item .prices .current-price {
font-size: 12px !important;
}
.products-list__item .prices .old-price {
font-size: 13px !important;
}
.products-list__item .name {
font-size: 11px !important;
}
.badge {
font-size: 10px !important;
}
.form-control bx-soa-customer-textarea {
width: 253px !important;
}
}
.product-credit-link .icon-credit {
width: 14px;
height: 14px;
fill: rgb(0 0 0);
margin-right: 7px;
}
.button-credit {
background: none;
color: rgb(26 26 26);
border: none;
cursor: pointer;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 32px;
letter-spacing: 1px;
text-transform: uppercase;
color: rgb(26 26 26);
padding: 0;
}
.btn-primary {
background-color: #1d1d1d !important;
border-color: #1d1d1d !important;
}
.ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-section-title:before {
filter: grayscale(1);
}
/* End */
/* Start:/bitrix/templates/shopogolik/css/spectrum.css?155377687814924*/
/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container {
position:absolute;
top:0;
left:0;
display:inline-block;
*display: inline;
*zoom: 1;
/* https://github.com/bgrins/spectrum/issues/40 */
z-index: 9999994;
overflow: hidden;
}
.sp-container.sp-flat {
position: relative;
}
/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
position:relative;
width: 100%;
display:inline-block;
}
.sp-top-inner {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
}
.sp-color {
position: absolute;
top:0;
left:0;
bottom:0;
right:20%;
}
.sp-hue {
position: absolute;
top:0;
right:0;
bottom:0;
left:84%;
height: 100%;
}
.sp-clear-enabled .sp-hue {
top:33px;
height: 77.5%;
}
.sp-fill {
padding-top: 80%;
}
.sp-sat, .sp-val {
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.sp-alpha-enabled .sp-top {
margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
display: block;
}
.sp-alpha-handle {
position:absolute;
top:-4px;
bottom: -4px;
width: 6px;
left: 50%;
cursor: pointer;
border: 1px solid black;
background: white;
opacity: .8;
}
.sp-alpha {
display: none;
position: absolute;
bottom: -14px;
right: 0;
left: 0;
height: 8px;
}
.sp-alpha-inner {
border: solid 1px #333;
}
.sp-clear {
display: none;
}
.sp-clear.sp-clear-display {
background-position: center;
}
.sp-clear-enabled .sp-clear {
display: block;
position:absolute;
top:0px;
right:0;
bottom:0;
left:84%;
height: 28px;
}
/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
-webkit-user-select:none;
-moz-user-select: -moz-none;
-o-user-select:none;
user-select: none;
}
.sp-container.sp-input-disabled .sp-input-container {
display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
display: none;
}
.sp-palette-only .sp-picker-container {
display: none;
}
.sp-palette-disabled .sp-palette-container {
display: none;
}
.sp-initial-disabled .sp-initial {
display: none;
}
/* Gradients for hue, saturation and value instead of images. Not pretty... but it works */
.sp-sat {
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}
.sp-hue {
background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
/* IE filters do not support multiple color stops.
Generate 6 divs, line them up, and do two color gradients for each.
Yes, really.
*/
.sp-1 {
height:17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
height:16%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
height:17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
height:17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
height:16%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
height:17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}
.sp-hidden {
display: none !important;
}
/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }
/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
.sp-color { right: 40%; }
.sp-hue { left: 63%; }
.sp-fill { padding-top: 60%; }
}
.sp-dragger {
border-radius: 5px;
height: 5px;
width: 5px;
border: 1px solid #fff;
background: #000;
cursor: pointer;
position:absolute;
top:0;
left: 0;
}
.sp-slider {
position: absolute;
top:0;
cursor:pointer;
height: 3px;
left: -1px;
right: -1px;
border: 1px solid #000;
background: white;
opacity: .8;
}
/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container {
border-radius: 0;
background-color: #ECECEC;
border: solid 1px #f0c49B;
padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.sp-top {
margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
border: solid 1px #666;
}
/* Input */
.sp-input-container {
float:right;
width: 100px;
margin-bottom: 4px;
}
.sp-initial-disabled .sp-input-container {
width: 100%;
}
.sp-input {
font-size: 12px !important;
border: 1px inset;
padding: 4px 5px;
margin: 0;
width: 100%;
background:transparent;
border-radius: 3px;
color: #222;
}
.sp-input:focus {
border: 1px solid orange;
}
.sp-input.sp-validation-error {
border: 1px solid red;
background: #fdd;
}
.sp-picker-container , .sp-palette-container {
float:left;
position: relative;
padding: 10px;
padding-bottom: 300px;
margin-bottom: -290px;
}
.sp-picker-container {
width: 172px;
border-left: solid 1px #fff;
}
/* Palettes */
.sp-palette-container {
border-right: solid 1px #ccc;
}
.sp-palette-only .sp-palette-container {
border: 0;
}
.sp-palette .sp-thumb-el {
display: block;
position:relative;
float:left;
width: 24px;
height: 15px;
margin: 3px;
cursor: pointer;
border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
border-color: orange;
}
.sp-thumb-el {
position:relative;
}
/* Initial */
.sp-initial {
float: left;
border: solid 1px #333;
}
.sp-initial span {
width: 30px;
height: 25px;
border:none;
display:block;
float:left;
margin:0;
}
.sp-initial .sp-clear-display {
background-position: center;
}
/* Buttons */
.sp-palette-button-container,
.sp-button-container {
float: right;
}
/* Replacer (the little preview div that shows up instead of the ) */
.sp-replacer {
margin:0;
overflow:hidden;
cursor:pointer;
padding: 4px;
display:inline-block;
*zoom: 1;
*display: inline;
border: solid 1px #91765d;
background: #eee;
color: #333;
vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
border-color: #F0C49B;
color: #111;
}
.sp-replacer.sp-disabled {
cursor:default;
border-color: silver;
color: silver;
}
.sp-dd {
padding: 2px 0;
height: 16px;
line-height: 16px;
float:left;
font-size:10px;
}
.sp-preview {
position:relative;
width:25px;
height: 20px;
border: solid 1px #222;
margin-right: 5px;
float:left;
z-index: 0;
}
.sp-palette {
*width: 220px;
max-width: 220px;
}
.sp-palette .sp-thumb-el {
width:16px;
height: 16px;
margin:2px 1px;
border: solid 1px #d0d0d0;
}
.sp-container {
padding-bottom:0;
}
/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
background-color: #eeeeee;
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
border-radius: 3px;
color: #333;
font-size: 14px;
line-height: 1;
padding: 5px 4px;
text-align: center;
text-shadow: 0 1px 0 #eee;
vertical-align: middle;
}
.sp-container button:hover {
background-color: #dddddd;
background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
border: 1px solid #bbb;
border-bottom: 1px solid #4a4a4a;
cursor: pointer;
text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
border: 1px solid #aaa;
border-bottom: 1px solid #888;
-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
font-size: 11px;
color: #d93f3f !important;
margin:0;
padding:2px;
margin-right: 5px;
vertical-align: middle;
text-decoration:none;
}
.sp-cancel:hover {
color: #d93f3f !important;
text-decoration: underline;
}
.sp-palette span:hover, .sp-palette span.sp-thumb-active {
border-color: #000;
}
.sp-preview, .sp-alpha, .sp-thumb-el {
position:relative;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
display:block;
position:absolute;
top:0;left:0;bottom:0;right:0;
}
.sp-palette .sp-thumb-inner {
background-position: 50% 50%;
background-repeat: no-repeat;
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
.sp-clear-display {
background-repeat:no-repeat;
background-position: center;
background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
/* End */
/* Start:/bitrix/templates/shopogolik/css/fonts.css?15537768784593*/
@font-face {
font-family: 'OpenSansBold';
src: url('/bitrix/templates/shopogolik/css/../fonts/OS bold/fonts/OpenSansBold.eot');
src: url('/bitrix/templates/shopogolik/css/../fonts/OS bold/fonts/OpenSansBold.eot') format('embedded-opentype'),
url('/bitrix/templates/shopogolik/css/../fonts/OS bold/fonts/OpenSansBold.woff2') format('woff2'),
url('/bitrix/templates/shopogolik/css/../fonts/OS bold/fonts/OpenSansBold.woff') format('woff'),
url('/bitrix/templates/shopogolik/css/../fonts/OS bold/fonts/OpenSansBold.ttf') format('truetype'),
url('/bitrix/templates/shopogolik/css/../fonts/OS bold/fonts/OpenSansBold.svg#OpenSansBold') format('svg');
}
@font-face {
font-family: 'OpenSansRegular';
src: url('/bitrix/templates/shopogolik/css/../fonts/OS reg/fonts/OpenSansRegular.eot');
src: url('/bitrix/templates/shopogolik/css/../fonts/OS reg/fonts/OpenSansRegular.eot') format('embedded-opentype'),
url('/bitrix/templates/shopogolik/css/../fonts/OS reg/fonts/OpenSansRegular.woff2') format('woff2'),
url('/bitrix/templates/shopogolik/css/../fonts/OS reg/fonts/OpenSansRegular.woff') format('woff'),
url('/bitrix/templates/shopogolik/css/../fonts/OS reg/fonts/OpenSansRegular.ttf') format('truetype'),
url('/bitrix/templates/shopogolik/css/../fonts/OS reg/fonts/OpenSansRegular.svg#OpenSansRegular') format('svg');
}
@font-face {
font-family: 'OpenSansSemiBold';
src: url('/bitrix/templates/shopogolik/css/../fonts/OS semi/fonts/OpenSansSemiBold.eot');
src: url('/bitrix/templates/shopogolik/css/../fonts/OS semi/fonts/OpenSansSemiBold.eot') format('embedded-opentype'),
url('/bitrix/templates/shopogolik/css/../fonts/OS semi/fonts/OpenSansSemiBold.woff2') format('woff2'),
url('/bitrix/templates/shopogolik/css/../fonts/OS semi/fonts/OpenSansSemiBold.woff') format('woff'),
url('/bitrix/templates/shopogolik/css/../fonts/OS semi/fonts/OpenSansSemiBold.ttf') format('truetype'),
url('/bitrix/templates/shopogolik/css/../fonts/OS semi/fonts/OpenSansSemiBold.svg#OpenSansSemiBold') format('svg');
}
@font-face {
font-family: 'PTSansBold';
src: url('/bitrix/templates/shopogolik/css/../fonts/PT bold/fonts/PT_SansWebBold.eot');
src: url('/bitrix/templates/shopogolik/css/../fonts/PT bold/fonts/PT_SansWebBold.eot') format('embedded-opentype'),
url('/bitrix/templates/shopogolik/css/../fonts/PT bold/fonts/PT_SansWebBold.woff2') format('woff2'),
url('/bitrix/templates/shopogolik/css/../fonts/PT bold/fonts/PT_SansWebBold.woff') format('woff'),
url('/bitrix/templates/shopogolik/css/../fonts/PT bold/fonts/PT_SansWebBold.ttf') format('truetype'),
url('/bitrix/templates/shopogolik/css/../fonts/PT bold/fonts/PT_SansWebBold.svg#PT_SansWebBold') format('svg');
}
@font-face {
font-family: 'PTSansRegular';
src: url('/bitrix/templates/shopogolik/css/../fonts/PT reg/fonts/PT_SansWebRegular.eot');
src: url('/bitrix/templates/shopogolik/css/../fonts/PT reg/fonts/PT_SansWebRegular.eot') format('embedded-opentype'),
url('/bitrix/templates/shopogolik/css/../fonts/PT reg/fonts/PT_SansWebRegular.woff2') format('woff2'),
url('/bitrix/templates/shopogolik/css/../fonts/PT reg/fonts/PT_SansWebRegular.woff') format('woff'),
url('/bitrix/templates/shopogolik/css/../fonts/PT reg/fonts/PT_SansWebRegular.ttf') format('truetype'),
url('/bitrix/templates/shopogolik/css/../fonts/PT reg/fonts/PT_SansWebRegular.svg#PT_SansWebRegular') format('svg');
}
@font-face {
font-family: 'UbuntuBold';
src: url('/bitrix/templates/shopogolik/css/../fonts/U bold/fonts/UbuntuBold.eot');
src: url('/bitrix/templates/shopogolik/css/../fonts/U bold/fonts/UbuntuBold.eot') format('embedded-opentype'),
url('/bitrix/templates/shopogolik/css/../fonts/U bold/fonts/UbuntuBold.woff2') format('woff2'),
url('/bitrix/templates/shopogolik/css/../fonts/U bold/fonts/UbuntuBold.woff') format('woff'),
url('/bitrix/templates/shopogolik/css/../fonts/U bold/fonts/UbuntuBold.ttf') format('truetype'),
url('/bitrix/templates/shopogolik/css/../fonts/U bold/fonts/UbuntuBold.svg#UbuntuBold') format('svg');
}
@font-face {
font-family: 'UbuntuMedium';
src: url('/bitrix/templates/shopogolik/css/../fonts/U med/fonts/UbuntuMedium.eot');
src: url('/bitrix/templates/shopogolik/css/../fonts/U med/fonts/UbuntuMedium.eot') format('embedded-opentype'),
url('/bitrix/templates/shopogolik/css/../fonts/U med/fonts/UbuntuMedium.woff2') format('woff2'),
url('/bitrix/templates/shopogolik/css/../fonts/U med/fonts/UbuntuMedium.woff') format('woff'),
url('/bitrix/templates/shopogolik/css/../fonts/U med/fonts/UbuntuMedium.ttf') format('truetype'),
url('/bitrix/templates/shopogolik/css/../fonts/U med/fonts/UbuntuMedium.svg#UbuntuMedium') format('svg');
}
@font-face {
font-family: 'UbuntuRegular';
src: url('/bitrix/templates/shopogolik/css/../fonts/U reg/fonts/UbuntuRegular.eot');
src: url('/bitrix/templates/shopogolik/css/../fonts/U reg/fonts/UbuntuRegular.eot') format('embedded-opentype'),
url('/bitrix/templates/shopogolik/css/../fonts/U reg/fonts/UbuntuRegular.woff2') format('woff2'),
url('/bitrix/templates/shopogolik/css/../fonts/U reg/fonts/UbuntuRegular.woff') format('woff'),
url('/bitrix/templates/shopogolik/css/../fonts/U reg/fonts/UbuntuRegular.ttf') format('truetype'),
url('/bitrix/templates/shopogolik/css/../fonts/U reg/fonts/UbuntuRegular.svg#UbuntuRegular') format('svg');
}
[data-font="UbuntuRegular"] {
font-family: 'UbuntuRegular';
}
[data-font="PTSansRegular"] {
font-family: 'PTSansRegular';
}
[data-font="OpenSansRegular"] {
font-family: 'OpenSansRegular';
}
.group__title {
font-size: 13px;
margin-right: 12px;
padding: 7px;
/*border: 1px solid #e0e2e5;*/
border-radius: 5px;
transition: all ease .2s;
}
.group__title:hover {
/*border: 1px solid #c2c2c2;*/
transition: all ease .2s;
}
.group__title.active {
transition: all ease .2s;
box-shadow: 0 0 3px 3px #ccc;
}
.font-group {
display: flex;
align-items:center;
}
/* End */
/* Start:/bitrix/templates/shopogolik/css/jquery.jscrollpane.css?15537768781682*/
/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer{
overflow:hidden;
position:relative;
}
.jspPane{
position:absolute;
}
.jspVerticalBar{
position:absolute;
top:0;
right:0;
width:6px;
height:100%;
background:transparent;
-khtml-border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
overflow:hidden;
}
.jspHorizontalBar{
position:absolute;
bottom:0;
left:0;
width:100%;
height:6px;
background:transparent;
-khtml-border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
overflow:hidden;
}
.jspVerticalBar *,
.jspHorizontalBar *{
margin:0;
padding:0;
}
.jspCap{
display:none;
}
.jspHorizontalBar .jspCap{
float:left;
}
.jspTrack{
position:relative;
background:#d8d8d8;
}
.jspDrag{
position:relative;
top:0;
left:0;
cursor:pointer;
background:#EE8131;
}
.jspDrag.jspHover{
background:#da762d;
}
.jspDrag.jspActive{
background:#c86c2a;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{
float:left;
height:100%;
}
.jspArrow{
display:block;
cursor:pointer;
text-indent:-20000px;
background:#50506d;
}
.jspArrow.jspDisabled{
cursor:default;
background:#80808d;
}
.jspVerticalBar .jspArrow{
height:16px;
}
.jspHorizontalBar .jspArrow{
width:16px;
float:left;
height:100%;
}
.jspVerticalBar .jspArrow:focus{
outline:none;
}
.jspCorner{
float:left;
height:100%;
background:#eeeef4;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{
margin:0 -3px 0 0;
}
/* End */
/* Start:/bitrix/templates/shopogolik/css/user_style.css?15537771261*/
/* End */
/* Start:/bitrix/components/citfact/configurator/templates/.default/theme_colors_s1.css?17594992829497*/
.header-logo .image svg, .search-form .search-button svg, header .recall-btn .icon, .header-basket-link .basket-icon svg, .banner .banner-buy-btn .icon, .footer-logo .icon, .footer-nav li:hover svg, .post-footer .socials a svg, .catalog-sort-set .icon, .catalog-view-set__item.selected .icon, .product-info .product-black-link .icon, .button--transparent .icon, .product-features__item .icon-wrapper .icon, .news-list__item .link .icon, .compare-slider__item .compare-black-link .icon, .main-nav .sub-menu .icon, .main-nav .mobile-menu-toggler .icon, .mobile-header .mobile-menu-toggler .icon, .mobile-header .mobile-menu-toggler .delete-icon, .mobile-header .mobile-logo .icon, .mobile-header .mobile-basket .icon, .main-nav .main-menu > li > a:hover svg, .post-footer .socials a:hover svg, .configurator .switch > svg
{
fill: #000000;
}
a, .header-basket-link__counter span, .main-nav .main-menu > li > a:hover, h1, h2, h3, h4, h5, .news-list__item .name, h6, .banner .banner-link, .tabs-title.is-active a, .tabs-title a:hover, .products-list__item .name, .products-list__item .prices .current-price, .breadcrumbs-button, .main-brands a:hover, .main-features__info .title, .footer-nav li:hover a, .post-footer .copyrights .company-name, .page-header .breadcrumbs li a:hover, .catalog-sort-set__item, .catalog-filters__link-list li.has-child > a:after, .button--white, .badge--new, .count-up__btn.plus, .count-up__btn.minus, blockquote, blockquote p, .product-price-block .price, .product-price-block .head, .news-list__item .link, .news-inner .title, .compare-slider__item .name a, .compare-slider__item .prices .current-price, .header-basket-popup__item .item-content .name, .header-basket-popup__item .item-content .price, .header-basket-popup__footer .total-price-in-basket, .cart-back, .b-cart__head .b-cart__cell, .b-cart__cell--price, .b-cart__cell--total, .b-cart__cell--funcs a, .b-cart .count-up__btn, .order-list__item .head, .order-product .name a, .order-product .prices .current-price, .tabs-mobile-links select, .b-cart__cell--discount
{
color: #000000;
}
.bx-soa-section-title,.bx-soa-section-title span, .bx-soa-section .bx-soa-section-title-count:before, .bx-soa-cart-total, .bx-soa-item-title a, .bx-soa-item-properties.bx-text-right .bx-soa-item-td-text span, .bx-soa-item-td-text .bx-price, .form-group--location, .side-menu ul li a, .sale_order_full_table b, .b-cart__summary-info, .b-cart__item-link, font.errortext
{
color: #000000 !important;
}
.configurator .left-block, .jspDrag, .main-slider .owl-dot.active, .button--white:hover, .products-list__item .buttons .to-basket-btn:hover, .main-slider .owl-dot.active, .products-list__item .image .preview-btn:hover, .main-features__item:hover .main-features__icon, .slider-handle, .pagination .current, .pagination a:hover, .pagination button:hover, #modef, .configurator .switch:hover, .configurator .right-block .values .header-inner
{
background: #000000;
}
.bx-composite-btn{
background-color: #000000 !important;
}
.in-basket{
background: #000000 !important;
}
a.scroll-to-top, .b-cart__coupon-btn, .b-cart__btns-right .checkout, .cart-back:hover, .main-product-slider .owl-nav .owl-prev, .main-product-slider .owl-nav .owl-next, .form-banner--black, .button {
background-color: #000000;
}
.cart-back, .sku_prop.bx_active .cnt {
border: 1px solid #000000;
}
.products-list__item .image .preview-btn:hover, .main-features__item:hover .main-features__icon, .option-set [type="radio"]:checked + .caser, .option-set [type="checkbox"]:checked + .caser, .option-set .caser:hover .caser-radio.bx_active .caser, .button--white:hover, .products-list__item .buttons .to-basket-btn:hover, .product-tabs .tabs-title.is-active, blockquote
{
border-color: #000000;
}
.radio-inline input:checked + .radio-inline_border, .bx-soa-pp-company.bx-selected, .bx-soa-pp-company-block .checkbox label input:checked + .label-border, .form-group .form-control:focus, [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus, .in-basket
{
border-color: #000000 !important;
}
#modef::after {
border-right: 5px solid #000000;
}
a:hover, a:focus {
color: #262626;
}
.button--white {
background-color: #fff;
}
.button--white:hover, .products-list__item .buttons .to-basket-btn:hover, .products-list__item .image .preview-btn:hover {
color: #fff;
}
a.scroll-to-top:hover,.button:hover, .button:focus, .in-basket .button:hover, .in-basket .button:focus {
background-color: #262626;
}
.button--transparent, .button--transparent:hover, .button--transparent:focus {
background: transparent;
}
.compare-active, .favorite-active, .compare-active:hover, .favorite-active:hover, label[data-bx-user-consent] input:checked + a:after, [type="checkbox"]:checked + .checkbox-icon:before, .sale-paysystem-yandex-button-item, .bx-blue .btn.btn-default
{
background-color: #000000 ;
}
.configurator .switch:hover svg path {
fill: #fff;
}
.button-typefile{
color: #fff;
background-color: #000000;
}
.item.item_checkbox .values.test_checkbox a.active div::before{
background-color: #000000;
}
.item.item_checkbox .values.test_checkbox a div::before{
background-color: #999;
}
.product-recomendation__image:hover .specification-recomendation{
background-color: #ffffff;
border:1px solid #999;
color:#999;
}
.product-recomendation__image:hover .specification-recomendation:before {
border-bottom: 5px solid #999;
}
.product-recomendation__image:hover .specification-recomendation:after {
border-bottom: 4px solid white;
}
.configurator .right-block .block-item .item .values a.active div{
background:#000000;
color:white;
}
.item.item_checkbox .values a.active div{
background: #262626;
}
.item.item_checkbox .values a div:before {
background: white;
}
.item.item_checkbox .values a.active div::before {
background: white;
}
.configurator .left-block{
background: #000000;
color:white;
}
.configurator .left-block .section-block.active{
background: #262626;
}
.jspDrag{
background: #000000;
}
.jspDrag:hover{
background-color:#262626;
}
.jspDrag:active{
background-color:#262626;
}
.item.item_checkbox .values a:not(.active) div {
box-shadow: inset 0 0 0 1px #000000;
}
.item.item_checkbox .values a:not(.active) div:before {
box-shadow: inset 0 0 0 1px #000000;
}
.bx-pagination .bx-pagination-container ul li a:hover span{
background: #000000;
color: #fff;
}
.bx-pagination .bx-pagination-container ul li.bx-active span{
background: #000000;
color: #fff;
}
input.lk-form__radio:checked + label.lk-radio__label:before {
box-shadow: inset 0 0 0 3px white;
background-color: #000000;
}
.lk-grid__item:hover {
transition: all ease .2s;
box-shadow: 0 2px 10px -3px #262626;
}
.sale-acountpay-pp-company.bx-selected .sale-acountpay-pp-company-graf-container {
border-color: #000000;
}
.sale-order-payment-change-pp-company:hover .sale-order-payment-change-pp-company-graf-container {
border-color: #000000;
}
.subscribe-edit .color {
color: #000000;
}
.ya-share2__item {
border: 1px solid #000000;
}
.ya-share2__item:hover{
border: 1px solid #262626;
}
.product-share-links {
fill: #000000;
}
.product-share-links:hover {
fill: #262626;
}
.product-slider.owl-carousel.owl-loaded.owl-drag .owl-dots .owl-dot, .product-slider.owl-carousel.owl-loaded.owl-drag .owl-dots .owl-dot.active, .product-slider.owl-carousel.owl-loaded.owl-drag .owl-dots .owl-dot {
background-color: #000000;
}
.b-cart__coupon-btn:hover, .cart-btn.checkout:hover {
background-color:#262626;
}
.btn-large, .btn-small, .btn-up-circle, .btn-up-square, .btn-large:active, .compare-slider .owl-nav .owl-prev, .compare-slider .owl-nav .owl-next {
background-color: #000000;
}
.btn-large:hover, .btn-large:focus, .btn-small:hover, .btn-small:focus, .btn-small:active, .btn-up-circle:hover, .btn-up-square:hover {
color:#000000 ;
}
.btn-small-square, .btn-favorite:hover, .btn-favorite:active, .btn-a-small:hover, .btn-a-large:hover, .btn-a-small:active, .btn-a-large:active {
background-color: #000000;
}
.btn-small-square:hover, .btn-up-circle:hover, .btn-up-square:hover, .btn-def:hover, .btn-large-light:hover, .btn-small-light:hover, .btn-large-light:active, .btn-small-light:active {
background-color:#262626;
}
.btn-a-large, .btn-a-small, .btn-close-circle, .btn-favorite, .btn-large-light, .btn-small-light {
color:#000000;
border:1px solid #000000;
}
.btn-a-large .icon, .btn-a-small .icon {
fill:#000000;
}
.btn-def, .btn-def:active {
background: #000000;
}
.btn-large, .btn-small, .tabs-mobile-links select {
border:1px solid #000000;
}
.main-product-slider .owl-nav .owl-next:hover, .sale-paysystem-yandex-button-item:hover, .to-basket-btn.slider-product-options.btn-a-large.in-basket:hover, .btn-def.in-basket:hover {
background-color:#262626 !important;
}
.container-btn {
background-color: #000000;
}
.caser-radio.bx_active .caser{
border-color: #000000;
}
/* End */
/* Start:/bitrix/templates/shopogolik/components/atum/smartsearch/NewSearch1/style.css?16499241394550*/
.smartSearch{
position: relative;
}
.smartSearch .smartSearch-form{
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.smartSearch .js-smartSearch-input{
display: block;
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
height: 42px;
margin: 0;
padding: .375rem .75rem;
font-family: inherit;
font-size: 12px;
font-weight: 400;
line-height: 1.5;
color: #212529;
padding: 10px 45px 9px 13px;
background: #eee;
border: 0;
transition: all .3s ease-out;
background-clip: padding-box;
border-right: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.smartSearch .js-smartSearch-input:focus{
outline: 0;
}
.smartSearch .js-smartSearch-clear,
.smartSearch .js-smartSearch-submit,
.smartSearch .smartSearch-more{
display: block;
margin-left: -1px;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border: 1px solid #ced4da;
padding: .375rem .75rem;
font-size: 1rem;
cursor: pointer;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.smartSearch .js-smartSearch-clear{
display: none;
width: 41px;
background-color: #545454;
background-image: url('/bitrix/templates/shopogolik/components/atum/smartsearch/NewSearch1/img/clear.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 28px;
border-left: 0;
border-right: 0;
border-radius: 0;
}
.smartSearch .js-smartSearch-clear.visible{
display: block;
}
.smartSearch .js-smartSearch-clear:hover{
color: #fff;
background-color: #3f3f3f;
border-color: #3f3f3f;
}
.smartSearch .js-smartSearch-submit{
color: #fff;
background-color: #eeeeee;
border: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.smartSearch .js-smartSearch-result{
visibility: hidden;
opacity: 0;
display: flex;
flex-direction: column;
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 1000;
margin-top: 10px;
padding: 10px;
background-color: white;
border-radius: .25rem;
border: 1px solid #ced4da;
}
.smartSearch .js-smartSearch-result.open{
visibility: visible;
opacity: 1;
}
.smartSearch .js-smartSearch-result.loading{
visibility: visible;
opacity: 1;
background-position: center;
background-repeat: no-repeat;
background-color:#fff;
background-image: url("/bitrix/templates/shopogolik/components/atum/smartsearch/NewSearch1/img/loading.svg");
}
.smartSearch .js-smartSearch-result-item{
display: none;
padding: 10px 0;
border-top: 1px solid #ced4da;
}
.smartSearch .js-smartSearch-result-item:first-child{
border-top: 0;
}
.smartSearch .js-smartSearch-result-item.visible,
.smartSearch .js-smartSearch-result-item[data-page="0"]{
display: block;
}
.smartSearch .smartSearch-result-item-center{
display: flex;
}
.smartSearch .smartSearch-result-item-price{
color: #000;
font-weight: bold;
}
.smartSearch .smartSearch-result-item-picture{
display: block;
width: 155px;
height: 125px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url("/bitrix/templates/shopogolik/components/atum/smartsearch/NewSearch1/img/img-not.jpg");
}
.smartSearch .smartSearch-result-item-data{
display: flex;
flex-direction: column;
width: 100%;
flex-grow: 1;
}
.smartSearch .smartSearch-result-item-picture + .smartSearch-result-item-data{
width: calc(100% - 100px);
padding-left: 15px;
}
.smartSearch .smartSearch-breadcrumb{
display: flex;
flex-wrap: wrap;
padding: 0 0;
margin-bottom: 1rem;
list-style: none;
}
.smartSearch .smartSearch-breadcrumb span{
color: #4a4a4a;
font-size: 12px;
text-decoration: none;
}
.smartSearch .smartSearch-breadcrumb span:hover{
color: #4a4a4a;
text-decoration: none;
}
.smartSearch .smartSearch-breadcrumb span + span{
padding-left: .5rem;
}
.smartSearch .smartSearch-breadcrumb span + span::before{
float: left;
padding-right: .5rem;
color: #6c757d;
content: "/";
}
.smartSearch .smartSearch-result-item-name{
color: #000;
text-decoration: underline;
}
.smartSearch .smartSearch-result-item-name:hover{
color: #000;
text-decoration: none;
}
.smartSearch .smartSearch-result-item-price .new{
color: red;
font-weight: 600;
}
.smartSearch .smartSearch-result-item-price .old{
text-decoration: line-through;
color: #ababab;
}
.smartSearch .smartSearch-more{
margin-top: 10px;
color: #fff;
background-color: #212529;
border-color: #212529;
}
.smartSearch .smartSearch-more:hover{
background-color: #181c1f;
border-color: #181c1f;
}
/* End */
/* Start:/bitrix/templates/shopogolik/styles.css?173393518210352*/
.products-list__item .buttons, #product-info-wrapper .functionality {
display: none;
}
.buy-one-click, .product-review-links {
display: none;
}
.only__mobile {
display: none;
}
#bx-composite-banner {
padding-left: 0;
}
.custom .breadcrumbs {
flex-wrap: wrap;
}
.owl-carousel.product-slider .owl-stage-outer {
min-height: 330px;
max-height: 500px;
}
header .topmenu__block.row.first-row {
justify-content: space-between;
}
.overflow {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 10;
cursor: pointer;
}
.main-nav .main-menu > li:first-child > a,
.main-nav .main-menu > li:first-child.active > a {
/*color: brown!important;*/
color: rgb(255 255 255) !important;
background-color: rgb(237 28 36);
/* font-size: 18px; */
font-weight: 900;
line-height: 24px;
padding: 0 7px;
margin-right: 20px;
text-decoration: none;
}
/*.product-price-block .product-black-link {
color: #32b332!important;
}
.product-price-block .product-black-link .icon {
fill: #32b332!important;
}*/
.mess_available {
color: red;
}
/*.product-price-block .product-black-link #QUANTITY_MSG {
color: red;
}*/
header .large-4 {
display: flex;
}
.big_column {
width: 50%;
display: flex;
flex-direction: column;
}
.big_column .first_row {
width: 100%;
display: flex;
}
.big_column .second_row {
padding-top: 30px;
margin-bottom: 50px;
}
.big_column .second_row h4 {
margin: 0 0 15px;
}
.big_column .second_row img {
margin-right: 20px;
}
.big_column .second_row img:last-child {
margin-right: 0;
}
.index-advantages {
display: flex;
flex-direction: row;
width: 100%;
margin: 60px 0;
}
.index-advantages .icon {
width: 84px;
height: 84px;
fill: #4a4a4a;
transition: 0.3s;
margin: 0 auto 20px;
}
.index-advantages div:hover > .icon {
fill: #000;
}
.index-advantages div:hover > span {
color: #000;
font-family: Roboto, Arial, sans-serif;
}
.index-advantages div {
width: 25%;
display: flex;
flex-direction: column;
}
.index-advantages a {
display: flex;
flex-direction: column;
text-align: center;
}
.index-advantages div span {
font-size: 18px;
line-height: 22px;
color: #4A4A4A;
transition: 0.3s;
}
.index-advantages a:hover {
font-weight: bold;
color: #000!important;
}
.layout-left-side .tabs-title {
width: 100%;
text-align: center;
}
.layout-left-side .tabs-title a {
font-size: 30px;
line-height: 30px;
}
.index-text {
padding-bottom: 40px;
font-size: 14px;
}
.main-brands__item a {
opacity: 1!important;
}
.main-brands__item {
border: none!important;
}
.main-brands {
padding: 60px 0!important;
}
.main-brands__item img {
max-height: 70%;
width: auto!important;
height: auto!important;
}
.main-page-text h1 {
font-size: 26px;
}
.main-page-text h2 {
font-size: 22px;
}
.main-page-text h3, .main-page-text h4 {
font-size: 18px;
}
.main-catalog .row.first-row {
display: flex;
}
.main-catalog .row.first-row .left-main-catalog, .main-catalog .row.first-row .right-main-catalog {
width: 50%;
}
.main-catalog .row.first-row .right-main-catalog {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.main-catalog .row.first-row .right-main-catalog .banner {
height: 270px;
background-color: #EFEFEF!important;
}
.main-catalog .row.first-row .left-main-catalog .column {
width: 100%;
}
.main-catalog .row.first-row .left-main-catalog .banner {
height: 570px;
background-color: #EFEFEF!important;
}
.main-catalog .row.first-row .left-main-catalog .banner .caption {
padding: 10px 20px;
background-color: #00000099;
color: #ffffff;
margin: 0 0 20px auto;
text-align: right;
width: fit-content;
}
.main-catalog .row.first-row .right-main-catalog .banner .caption {
padding: 10px 20px;
background-color: #00000099;
color: #ffffff;
margin: 0 0 20px auto;
text-align: right;
width: fit-content;
}
.badge--new {
display: none;
}
header .socials {
width: 35%;
}
header .link__items {
width: 65%;
}
.page-header h1 {
font-size: 24px;
}
.art_gid_container {
display: none;
}
.product-tabs .tabs-title:nth-child(1), .tabs-content.product-tabs-content .tabs-panel.property_block:nth-child(1) {
display: none!important;
}
.tabs-panel#tab2 {
display:block!important;
}
.reviews_row {
display: flex!important;
}
.reviews_row .reviews_big_column {
width: calc( 100% - 370px);
}
.reviews_row .reviews_small_column {
width: 370px;
}
.reviews_list {
display: flex;
flex-direction: column;
width: 100%;
margin-top: 32px;
}
.reviews_list .reviews_item {
display: flex;
flex-direction: column;
margin-bottom: 40px;
max-width: 695px;
padding-right: 25px;
}
.reviews_list .reviews_item .reviews_head {
margin-bottom: 20px;
display: flex;
}
.reviews_list .reviews_item .reviews_head .reviews_logo {
background: #F7F7F7;
width: 40px;
height: 40px;
border-radius: 20px;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 18px;
color: #9D9D9D;
margin-right: 16px;
padding: 10px 0;
text-align: center;
}
.reviews_list .reviews_item .reviews_head .reviews_name {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
color: #000000;
font-family: Roboto, Arial, sans-serif;
padding-top: 12px;
}
.reviews_list .reviews_item .reviews_text {
font-family: 'Open Sans';
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 22px;
color: #4A4A4A;
}
.reviews_list .reviews_item .reviews_more {
margin-top: 24px;
font-family: OpenSansRegular;
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 13px;
color: #4A4A4A;
}
.slam_open_form {
}
.slam_open_form .form_title {
margin-bottom: 30px;
font-family: Roboto, Arial, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 18px;
text-transform: uppercase;
color: #000000;
}
.slam_open_form .form-group {
margin-bottom: 30px;
}
.slam_open_form .aggr_button {
display: flex;
margin-top: 10px;
}
.slam_open_form .aggr_button .warning-buy {
font-family: OpenSansRegular;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 16px;
color: #4A4A4A;
padding: 0 2px;
}
.slam_open_form .aggr_button .warning-buy a {
font-weight: 600;
}
.slam_open_form .aggr_button button {
margin-right: 29px;
float: left;
background: #000000!important;
padding: 15px;
color: #fff;
font-family: OpenSansRegular;
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 13px;
text-transform: uppercase;
border-radius: 0;
transition: all 0.2s ease-in;
}
.slam_open_form .aggr_button button:hover {
opacity: 0.8;
}
.slam_open_form label {
font-family: OpenSansRegular;
font-style: normal;
font-weight: 600!important;
font-size: 14px;
line-height: 14px;
color: #4A4A4A;
margin-bottom: 10px!important;
}
.slam_open_form input, .slam_open_form textarea {
background: #FFFFFF;
border: 1px solid #CCCCCC!important;
box-sizing: border-box!important;
border-radius: 0!important;
}
.slam_open_form textarea {
min-height: 115px!important;
}
.slam-easyform .has-error .help-block, .slam-easyform .has-error .control-label, .slam-easyform .has-error .radio, .slam-easyform .has-error .checkbox, .slam-easyform .has-error .radio-inline, .slam-easyform .has-error .checkbox-inline {
color: brown;
}
@media (max-width: 1280px) {
header .link__items a {
margin-left: 5px!important;
}
}
@media (max-width: 1024px) {
.main-catalog .row.first-row .right-main-catalog .banner .caption {
font-size: 14px;
}
.index-text.mobile {
padding-bottom: 40px;
font-size: 11px;
}
.reviews_row .reviews_big_column {
width: calc( 100% - 280px);
}
.reviews_row .reviews_small_column {
width: 280px;
}
}
@media (max-width: 880px) {
.main-catalog .row.first-row .left-main-catalog, .main-catalog .row.first-row .right-main-catalog {
width: 100%;
}
.main-catalog .row.first-row .left-main-catalog .banner {
height: 364px;
}
.main-catalog .row.first-row .left-main-catalog .banner .back-image {
background-position: center!important;
}
}
@media (max-width: 699px) {
#bx-panel-back {
display:none !important;
}
.main-catalog .row.first-row .left-main-catalog .column {
margin-top: -13px;
}
}
@media (max-width: 699px) {
.reviews_row {
flex-wrap: wrap;
}
.reviews_row .reviews_big_column {
width: 100%;
margin-bottom: 25px;
}
.reviews_row .reviews_small_column {
width: 100%;
}
.item-block {
width: 50%;
border: 0;
padding: 3px;
margin: 0;
}
.item-block .name-block {
font-size: 12px;
}
.only__mobile {
display: block;
}
.main-slider__mobile__item {
height: 160px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: relative;
margin-top: 10px;
}
.mobile-header + .site-container {
height: 0;
}
.index-advantages {
flex-wrap: wrap;
}
.index-advantages > div {
width: 50%!important;
margin-bottom: 20px;
}
.index-advantages > div:last-child {
margin-bottom: 0;
}
.big_column {
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.big_column .first_row {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.big_column .column {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
}
.big_column .column:nth-child(2) {
border-bottom: 1px solid #e5e5e5;
}
.big_column h4 {
width: 100%;
}
.big_column .second_row {
padding-top: 0;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
}
.big_column .second_row h4 {
margin: 0.9375rem 0;
}
.products-list__item {
width: 48%;
}
.products-list.-block-view .products-list__item .image {
height: auto!important;
max-height: auto;
min-height: auto;
}
.products-list__item .name-wrapper {
height: auto!important;
}
}
@media (max-width: 380px) {
.main-catalog .row.first-row .right-main-catalog .banner .caption {
font-size: 14px;
padding: 10px 5px;
}
.main-brands__item img {
max-height: 100%;
}
.main-catalog .row.first-row .left-main-catalog .banner, .main-catalog .row.first-row .right-main-catalog .banner {
height: 364px;
}
}
a {
font-weight:bold;
}
.aclass{
font-size: 10px;
color: grey;
}
.filter-h4.category, .catalog-filters__blocks-wrapper.smart-filter-wrapper{
display: none;
}
#IPOLSDEK_injectHere {
margin: 10px 0 10px 35px;
}
.bx-soa-pp-list li {
list-style: none !important;
}
/* End */
/* Start:/bitrix/templates/shopogolik/template_styles.css?1757962554183*/
.col-sm-12.bx-soa-pp-item-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
#bx-soa-paysystem .bx-soa-pp-company {
max-width: unset !important;
}
/* End */
/* /bitrix/templates/shopogolik/build/main.css?167534506635952 */
/* /bitrix/templates/shopogolik/css/main.css?1677574343227961 */
/* /bitrix/templates/shopogolik/css/custom.css?167844295017955 */
/* /bitrix/templates/shopogolik/css/spectrum.css?155377687814924 */
/* /bitrix/templates/shopogolik/css/fonts.css?15537768784593 */
/* /bitrix/templates/shopogolik/css/jquery.jscrollpane.css?15537768781682 */
/* /bitrix/templates/shopogolik/css/user_style.css?15537771261 */
/* /bitrix/components/citfact/configurator/templates/.default/theme_colors_s1.css?17594992829497 */
/* /bitrix/templates/shopogolik/components/atum/smartsearch/NewSearch1/style.css?16499241394550 */
/* /bitrix/templates/shopogolik/styles.css?173393518210352 */
/* /bitrix/templates/shopogolik/template_styles.css?1757962554183 */