:root {
--white: #ffffff;
--black: #000000;
--scrollbarBG: #ffffff; /*#CFD8DC*/
--thumbBG: #90A4AE;
--color1: #222222;
--color2: #eeeeee;
--color3: #333333;
--color4: #777777;
--color5: #999999;
--color6: #d55b57;
--color7: #c6413d;
--color8: #fafafa;
--color9: #bce5bc;
--color10: #fff36d;
--color11: #ffa73f;
--color12: #60b2e1;
--color13: #b3b3b3;
--color14: #464646;
--color15: #b7b7b7;
--color16: #639d63;
--color17: #de7976;
--color18: #97d098;
--color19: #3279aa;
--color20: #666666;
--color21: #3f90be;
--color22: #518fba;
}
input::-webkit-input-placeholder{opacity:1;}
input::-moz-placeholder{opacity:1;}
input:-moz-placeholder{opacity:1;}
input:-ms-input-placeholder{opacity:1;}
input:focus::-webkit-input-placeholder{opacity:0;}
input:focus::-moz-placeholder{opacity:0;}
input:focus:-moz-placeholder{opacity:0;}
input:focus:-ms-input-placeholder{opacity:0;}
textarea::-webkit-input-placeholder{opacity:1;}
textarea::-moz-placeholder{opacity:1;}
textarea:-moz-placeholder{opacity:1;}
textarea:-ms-input-placeholder{opacity:1;}
textarea:focus::-webkit-input-placeholder{opacity:0;}
textarea:focus::-moz-placeholder{opacity:0;}
textarea:focus:-moz-placeholder{opacity:0;}
textarea:focus:-ms-input-placeholder{opacity:0;}
/*-- Убераем стрелочки (снипетты) у input type="number" --*/
/* Chrome, Safari, Edge */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type="number"] {
-moz-appearance: textfield;
}
/*-- end Убераем стрелочки (снипетты) у input type="number" --*/
body{
font: 16px OpenSans-Regular;
min-width: 360px;
color: var(--color3);
}
body.ovh,
body.ovh1{
height: 100vh;
overflow: hidden;
}
.container-fluid{
width: 1430px;
padding: 0 35px;
display: table;
overflow: hidden;
position: relative;
margin: 0 auto;
}
a{
text-decoration: underline;
color: var(--color1);
}
a:hover{
text-decoration: none;
}
picture{
width: 100%;
}
.dspn{
display: none !important;
}
.btn1{
display: table;
text-decoration: none;
margin: 0;
padding: 0 50px 0 28px;
height: 40px;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font: 11px/40px OpenSans-Semibold;
color: var(--white);
text-transform: uppercase;
background-color: var(--color6);
background-image: url('../img/btn1-arrow.svg');
background-repeat: no-repeat;
background-position: right 27px center;
background-size: 10px auto;
border: none;
box-shadow: -3px 4px 15px rgba(32, 40, 61, 0.07);
}
.btn2{
display: table;
text-decoration: none;
margin: 0;
padding: 0 50px 0 28px;
height: 40px;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid var(--color2);
font: 11px/40px OpenSans-Semibold;
color: var(--color1);
text-transform: uppercase;
background-color: var(--white);
background-image: url('../img/btn2-arrow.svg');
background-repeat: no-repeat;
background-position: right 27px center;
background-size: 10px auto;
}
.btn3{
display: table;
text-decoration: none;
position: relative;
overflow: hidden;
margin: 0;
padding: 0 0 0 24px;
height: 42px;
width: 160px;
max-width: calc(100% - 24px);
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font: 11px/42px OpenSans-Semibold;
color: var(--white);
text-transform: uppercase;
background-color: var(--color6);
border: none;
box-shadow: -3px 4px 15px rgba(32, 40, 61, 0.07);
}
.btn3:after{
content: '';
position: absolute;
z-index: 2;
right: 0;
top: 0;
width: 52px;
height: 100%;
background-color: var(--color7);
background-image: url('../img/basket.png');
background-repeat: no-repeat;
background-position: center center;
}
/*.btn,*/
.ps_info .btn-success,
.btn4{
display: table;
text-decoration: none;
position: relative;
overflow: hidden;
margin: 0;
padding: 0 24px;
text-align: center;
height: 42px;
width: 160px;
max-width: calc(100% - 48px);
cursor: pointer;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
font: 11px/40px OpenSans-Semibold;
color: var(--white);
text-transform: uppercase;
background-color: var(--color6);
border: none;
box-shadow: -3px 4px 15px rgba(32, 40, 61, 0.07);
}
.btn5{
display: table;
text-decoration: none;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
height: 42px;
width: 150px;
max-width: 100%;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font: 11px/42px OpenSans-Semibold;
color: var(--white);
text-transform: uppercase;
background-color: var(--color12);
border: none;
}
.btn5 span {
display: block;
float: left;
width: 107px;
padding-left: 3px;
text-align: center;
}
.btn5:after{
content: '';
position: relative;
z-index: 2;
right: 0;
top: 0;
width: 40px;
height: 40px;
background-image: url('../img/tg.svg');
background-repeat: no-repeat;
background-position: left center;
background-size: 28px;
display: block;
float: right;
}
.btn6{
display: table;
text-decoration: none;
position: relative;
overflow: hidden;
margin: 0;
padding: 0 0 0 24px;
height: 42px;
width: 160px;
max-width: calc(100% - 24px);
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font: 11px/42px OpenSans-Semibold;
color: var(--color3);
text-transform: uppercase;
background-color: var(--color8);
border: 1px solid var(--color2);
}
.btn6:after{
content: '';
position: absolute;
z-index: 2;
right: 0;
top: 0;
width: 52px;
height: 100%;
background-color: var(--color2);
background-image: url('../img/question.png');
background-repeat: no-repeat;
background-position: center center;
}
.btn7{
display: table;
text-decoration: none;
position: relative;
margin: 0;
padding: 0 28px 0 50px;
height: 40px;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid var(--color2);
font: 11px/40px OpenSans-Semibold;
color: var(--color1);
text-transform: uppercase;
background-color: var(--white);
background-image: url('../img/btn7-arrow.svg');
background-repeat: no-repeat;
background-position: left 27px center;
background-size: 10px auto;
}
.btn8{
display: table;
text-decoration: none;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
text-align: center;
height: 42px;
width: 100%;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font: 11px/40px OpenSans-Semibold;
color: var(--white);
text-transform: uppercase;
background-color: var(--color22);
box-shadow: -3px 4px 15px rgba(32, 40, 61, 0.07);
border: 1px solid var(--color2);
}
.btn9{
display: table;
text-decoration: none;
margin: 0;
padding: 0;
height: 40px;
width: 100%;
cursor: pointer;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid var(--color2);
font: 11px/40px OpenSans-Semibold;
color: var(--color1);
background-color: var(--color8);
box-shadow: -3px 4px 15px rgba(32, 40, 61, 0.07);
}
/*-- scrollbar --*/
body::-webkit-scrollbar {
width: 11px;
}
body {
/*scrollbar-width: thin;*/
/*scrollbar-color: var(--thumbBG) var(--scrollbarBG);*/
}
body::-webkit-scrollbar-track {
background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
background-color: var(--thumbBG) ;
border-radius: 6px;
border: 3px solid var(--scrollbarBG);
cursor: pointer;
}
/*-- end scrollbar --*/
/*-- header --*/
header{
position: relative;
}
.header-wrapper{
display: flex;
width: 100%;
height: 135px;
align-items: center;
justify-content: space-between;
}
.h-logo{
display: block;
text-decoration: none;
float: left;
width: 175px;
margin-right: 55px;
}
.h-logo img{
width: 100%;
}
/*--//--*/
.h-search{
float: left;
width: calc(100% - 610px);
}
.h-search-mobile {
display: none;
}
.mod-header-search{
padding-right: 50px;
}
.search-module{
overflow: hidden;
border: 1px solid var(--color2);
display: table;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: var(--color8);
width: 100%;
}
.search-module input {
height: 39px;
float: left;
width: calc(100% - 75px);
border: none;
padding: 0 0 0 20px;
margin: 0;
background: none;
font: 13px OpenSans-Regular;
color: var(--color5);
}
.search-module button {
height: 39px;
width: 55px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
border: none;
background: none;
cursor: pointer;
}
.search-module button svg{
}
/*--//--*/
.h-info{
float: right;
width: 380px;
}
.h-info > div{
float: left;
}
.h-info a{
display: table;
text-decoration: none;
}
.h-info a svg{
display: block;
}
.hi-phone{
margin-right: 55px;
}
.hi-phone a{
font: 16px OpenSans-Bold;
color: var(--color1);
text-decoration: none;
}
.hi-phone a:hover{
text-decoration: underline;
}
.hi-lk{
margin-right: 50px;
}
.hi-lk svg{
width: 19px;
height: 19px;
}
.search-module button svg,
.hi-basket svg,
.hi-fovorite svg path,
.hi-lk svg{
width: 19px;
height: 19px;
fill: var(--color5);
-webkit-transition: color .3s;
-moz-transition: color .3s;
-ms-transition: color .3s;
-o-transition: color .3s;
transition: color .3s;
}
.search-module button:hover svg,
.hi-basket a:hover svg,
.hi-fovorite a:hover svg path,
.hi-lk a:hover svg{
fill: var(--color3);
}
.hi-fovorite{
}
.hi-fovorite svg{
width: 22px;
height: 19px;
}
.hi-fovorite .intensa-favorite-counter{
padding-right: 15px;
margin-right: 50px;
}
.hi-basket .module-basket-counter span,
.hi-fovorite .intensa-favorite-counter span {
position: absolute;
display: block;
width: 19px;
height: 19px;
text-align: center;
background: var(--color6);
font: 9px/18px OpenSans-Regular;
color: var(--white);
top: -10px;
right: 3px;
border-radius: 200px;
}
.hi-basket{
float: left;
}
.hi-basket .module-basket-counter{
padding-right: 15px;
position: relative;
}
.hi-basket svg{
width: 16px;
height: 18px;
}
/*-- end header --*/
/*-- top-menu --*/
.top-menu{
margin-bottom: 25px;
border-top: 1px solid var(--color2);
border-bottom: 1px solid var(--color2);
}
.top-menu .container-fluid {
overflow: visible;
}
.tm-wrapper{
height: 51px;
position: relative;
}
.main_menu span.arr {
display: none;
}
.main_menu ul.level-2 > li.contains-children > a {
display: none;
}
.hb2-menu > ul > li.contains-children {
display: none;
}
.hb2-menu > ul > li.contains-children:first-child {
display: flex;
align-items: center;
}
/*--//--*/
.main_menu ul.level-2 {
display: none;
position: absolute;
z-index: -99999;
opacity: 0;
top: 51px;
left: 0;
width: calc(100% - 60px);
background: #fff;
padding: 30px 30px;
box-shadow: 0 5px 12px rgba(0,0,0,.18);
}
.main_menu .contains-children:hover ul.level-2 {
display: block;
z-index: 99999;
opacity: 1;
}
.main_menu > li.contains-children:nth-child(5):hover ul.level-2 {
right: 0;
}
.main_menu .level-2 > li > a span.arr {
display: none;
}
.main_menu .arr--small svg {
width: 15px;
height: 15px;
}
.main_menu ul.level-2 > li {
}
.main_menu > li.contains-children:nth-child(5) ul.level-2 > li {
}
.main_menu ul.level-2 > li:last-child {
margin-right: 0;
}
.main_menu .level-2 > li > a {
color: var(--color1);
text-decoration: none;
}
.main_menu ul.level-3 {
padding: 20px 0 0 0;
width: 100%;
display: grid;
grid-template-columns: repeat(5,1fr);
grid-column-gap: 20px;
grid-row-gap: 5px;
}
.main_menu ul.level-3 li{
}
.main_menu ul.level-3 li a{
color: var(--color1);
text-decoration: none;
font-size: 12px;
line-height: 14px;
display: table;
}
.main_menu ul.level-3 li.item-selected > a,
.main_menu li.item-selected > a,
.main_menu .level-2 > li > a:hover,
.main_menu ul.level-3 li a:hover{
text-decoration: underline;
}
.main_menu ul.level-3 li {
margin-bottom: 10px;
/*padding-left: 10px;*/
position: relative;
}
.main_menu ul.level-3 li:before{
/*content: '-';*/
/*position: absolute;*/
/*left: 0;*/
/*top: -6px;*/
/*line-height: normal;*/
}
.main_menu a.parent-level-3 {
color: var(--color1);
text-decoration: none;
height: 36px;
display: flex;
align-items: center;
}
/*--//--*/
.hb2-menu > ul > li {
float: left;
}
.hb2-menu > ul > li > a {
font: 13px/51px OpenSans-Bold;
color: var(--color1);
text-transform: uppercase;
text-decoration: none;
}
.hb2-menu > ul > li > a.root-item-selected,
.hb2-menu > ul > li > a:hover{
text-decoration: underline;
}
.hb2-menu ul.main_menu {
display: flex;
width: 100%;
justify-content: space-around;
}
.hb2-menu > ul > li.contains-children:first-child > a {
padding: 0;
width: 144px;
height: 34px;
line-height: 34px;
text-indent: 55px;
color: var(--white) !important;
background-color: var(--color6);
background-image: url('data:image/svg+xml,');
background-position: left 20px top 6px;
background-size: 22px auto;
background-repeat: no-repeat;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: background-color .3s;
-moz-transition: background-color .3s;
-ms-transition: background-color .3s;
-o-transition: background-color .3s;
transition: background-color .3s;
text-decoration: none;
}
.hb2-menu > ul > li.contains-children:first-child:hover > a {
background-color: var(--color3);
}
/*-- end top-menu --*/
/*-- main-slider --*/
.mainSlider {
margin-bottom: 21px;
max-height: 627px !important;
overflow: hidden;
padding-top: 20px;
}
.msc-block1 img {
margin: auto;
}
.msc-block2 {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.mscb2-wrapp {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.mscb2-wrapp > div{
display: table;
position: relative;
}
.msc-text1{
font: 48px OpenSans-Bold;
color: var(--white);
text-transform: uppercase;
margin-bottom: 30px;
text-shadow: 0 5px 7px rgba(0, 0, 0, 0.5);
}
.msc-text2{
font: 20px OpenSans-Regular;
color: var(--white);
margin-bottom: 53px;
text-shadow: 0 5px 7px rgba(0, 0, 0, 0.5);
}
.msc-block2,
.msc-text1,
.msc-text2,
.msc-btns{
opacity: 0;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
-ms-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
}
.msc-block2.act,
.msc-text1.act,
.msc-text2.act,
.msc-btns.act{
opacity: 1;
}
.ms-curr {
position: relative;
}
.msc-btns {
display: table;
}
.msc-btns a{
float: left;
}
.msc-btns a:first-child{
margin-right: 32px;
}
/*--//--*/
.slick-dots {
position: absolute;
bottom: 70px;
display: flex !important;
justify-content: center;
width: 100%;
}
.mainSlider .slick-dots {
bottom: 100px;
}
.slick-dots li{
margin-right: 15px;
}
.slick-dots li:last-child{
/*margin-right: 0;*/
}
.slick-dots li button{
margin: 0;
width: 11px;
height: 11px;
background: none;
padding: 0;
cursor: pointer;
text-indent: -99999px;
border: 1px solid var(--color5);
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
-webkit-transition: border-color .2s, background-color .2s;
-moz-transition: border-color .2s, background-color .2s;
-ms-transition: border-color .2s, background-color .2s;
-o-transition: border-color .2s, background-color .2s;
transition: border-color .2s, background-color .2s;
background-color: rgba(255,255,255,.5);
}
.slick-dots li button:hover,
.slick-dots li.slick-active button{
border-color: var(--color6);
background-color: var(--color6);
}
.pfb1-block1 .slick-dots{
width: 100%;
display: flex;
bottom: 34px;
}
/*--//--*/
.image-full a.slick-arrow {
position: absolute;
top: calc(50% - 25px);
z-index: 99;
width: 50px;
height: 50px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.image-full a.slick-prev {
left: 0;
}
.image-full a.slick-prev svg {
transform: rotate(180deg);
}
.image-full a.slick-next {
right: 0;
}
/*-- end main-slider --*/
/*-- module-categ --*/
.module-categ{
margin-bottom: 35px;
}
.mc-body{
display: grid;
grid-template-columns: repeat(5,1fr);
grid-column-gap: 22px;
grid-row-gap: 22px;
margin-bottom: 36px;
}
.mc-item{
position: relative;
overflow: hidden;
display: block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
}
.mc-item:after{
content: '';
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,9c9c9c+100&1+0,0+100 */
background: linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(156,156,156,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
position: absolute;
z-index: 2;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: .5;
}
.mc-item img {
-webkit-transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
-o-transition: all 3s;
transition: all 3s;
width: 100%;
}
.mc-item:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.mc-item span{
position: absolute;
z-index: 3;
left: 0;
top: 0;
width: calc(100% - 40px);
height: calc(100% - 40px);
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
font: 16px OpenSans-Semibold;
color: var(--white);
text-transform: uppercase;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
text-align: center;
}
/*--//--*/
.mc-btn {
display: table;
width: 100%;
}
.mc-btn a{
margin: auto;
}
/*-- end module-categ --*/
/*-- teaser-module --*/
.teaser-module{
margin-bottom: 40px;
height: auto;
overflow: hidden;
}
.full-page-popular.teaser-module {
margin-bottom: 0;
}
.teaser-module .container-fluid {
display: block;
}
.teaser-item-wrapper .slick-dots {
bottom: auto;
top: -53px;
right: 20px;
width: auto;
}
h2,
.titleH2{
font: 36px OpenSans-Semibold;
color: var(--color1);
text-indent: 15px;
margin-bottom: 22px;
}
.teaser-item {
margin: 0 15px;
}
.teaser-item-wrapper {
margin: 0 -15px;
}
span.product-item-amount-description-container {
display: none;
}
.add_to_cart_dn,
.link_to_card_dn {
display: none;
}
.link_to_card_db{
display: block;
}
.pc-curr-wrapper{
position: relative;
}
.pcc-img {
display: block;
overflow: hidden;
border-radius: 5px;
margin-bottom: 20px;
}
.pcc-img img {
width: 100%;
-webkit-transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
-o-transition: all 3s;
transition: all 3s;
}
.teaser-item:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.pcc-desc{
display: block;
font: 15px/20px OpenSans-Semibold;
color: var(--color3);
text-decoration: none;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
min-height: 40px;
word-break: break-word;
overflow-wrap: break-word;
padding: 0 8px;
}
.pcc-price{
font: 18px/20px OpenSans-Bold;
color: var(--color3);
padding: 0 8px;
margin-bottom: 20px;
display: table;
width: calc(100% - 16px);
}
.pcc-price > * {
float: left;
margin-right: 15px;
}
.pcc-price > *:last-child{
margin-right: 0;
}
.pccp-old {
color: var(--color5);
position: relative;
font: 14px/10px Montserrat-bold;
padding-top: 8px;
}
.pccp-old:after{
content: '';
position: absolute;
z-index: 2;
background-color: var(--color5);
width: 100%;
height: 1px;
left: 0;
top: 12px;
}
/*--//--*/
.icons-priznak{
position: absolute;
z-index: 3;
left: 0;
top: 6px;
width: calc(100% - 50px);
}
.icons-priznak > *{
margin-right: 7px;
margin-bottom: 7px;
height: 30px;
padding: 0 12px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
float: left;
font: 11px/30px OpenSans-Semibold;
color: var(--color3);
}
.icons-priznak > *:last-child{
margin-right: 0;
}
.icons-priznak .icon-new{
background-color: var(--color9);
}
.icons-priznak .icon-hit{
background-color: var(--color11);
}
.icons-priznak .icon-sale{
background-color: var(--color10);
}
/*--//--*/
.full-page .intensa-favorite-item,
.pc-curr-wrapper .intensa-favorite-item {
position: absolute;
z-index: 3;
right: 15px;
top: 10px;
cursor: pointer;
}
.pc-curr-wrapper .intensa-favorite-item[data-favorite-status="N"] .intensa-favorite-icon path {
fill: #eee;
}
/*--//--*/
.bottom-block {
display: table;
width: 100%;
}
.bottom-block .quantity-block {
float: left;
}
.quantity-container {
width: 140px;
height: 40px;
display: table;
border: 1px solid var(--color2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: var(--color8);
}
.quantity-container > * {
float: left;
font: 18px OpenSans-Regular;
color: var(--color3);
}
.basket-item-amount-btn-minus,
.basket-item-amount-btn-plus,
.product-item-amount-field-btn-minus,
.product-item-amount-field-btn-plus {
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 40px;
overflow: hidden;
cursor: pointer;
}
.basket-item-amount-filed,
.product-item-amount-field {
width: calc(100% - 60px);
padding: 0;
margin: 0;
border: none;
height: 40px;
text-align: center;
background: var(--color8);
}
.bottom-block .pcc-btns {
float: right;
width: calc(100% - 165px);
}
/*-- end teaser-module --*/
/*-- homepage-intro --*/
.homepage-intro {
padding-top: 7px;
}
.hi-title{
padding-left: 15px;
font: 12px/20px OpenSans-Semibold;
color: var(--color5);
text-transform: uppercase;
position: relative;
margin-bottom: 20px;
}
.hi-title:after {
content: '';
display: inline-block;
width: 7px;
height: 10px;
background-image: url('../img/arrow.png');
background-repeat: no-repeat;
background-position: left bottom;
background-size: auto 100%;
margin-left: 10px;
}
.hi-body {
background: var(--color8);
margin-bottom: 50px;
padding: 45px 50px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
overflow: hidden;
}
.hib-text{
margin-bottom: 40px;
}
.hib-text h2{
font: 24px OpenSans-Semibold;
color: var(--color3);
margin-bottom: 26px;
text-indent: 0;
}
.hib-text p{
font: 15px/22px OpenSans-Regular;
color: var(--color4);
margin-bottom: 20px;
}
.hib-text p:last-child{
margin-bottom: 0;
}
/*--//--*/
.hib-preim {
display: grid;
grid-template-columns: repeat(4,1fr);
grid-column-gap: 90px;
grid-row-gap: 20px;
margin-bottom: 16px;
}
.hibp-item{
display: table;
}
.hibp-img{
float: left;
width: 50px;
margin-right: 15px;
}
.hibp-img img{
width: 100%;
}
.hibp-info{
float: left;
width: calc(100% - 65px);
}
.hibp-item:first-child .hibp-img {
width: 60px;
}
.hibp-item:first-child .hibp-img img {
margin-top: -10px;
}
.hibp-item:first-child .hibp-info {
width: calc(100% - 75px);
}
.hibp-title{
font: 15px OpenSans-Bold;
color: var(--color3);
margin-bottom: 11px;
}
.hibp-desc{
font: 13px OpenSans-Semibold;
color: var(--color4);
}
/*--//--*/
.hib-btn{
}
.hib-btn a{
border-color: var(--color13);
background-color: var(--color8);
}
/*-- end homepage-intro --*/
/*-- tg-block --*/
.tg-block{
margin-bottom: 50px;
}
.tgb-wrapper{
display: flex;
justify-content: center;
align-items: center;
background-color: var(--color8);
border: 1px solid var(--color2);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
overflow: hidden;
height: 114px;
width: 100%;
}
.tgb-text{
font: 16px OpenSans-Regular;
color: var(--color1);
padding-right: 40px;
}
.tgb-btn{
}
.tgb-btn a{
}
/*-- end tg-block --*/
/*-- footer --*/
footer{
background-color: var(--color3);
font: 13px OpenSans-Regular;
color: var(--white);
}
.f-block1{
display: table;
width: 100%;
padding: 27px 0;
border-bottom: 1px solid var(--color14);
}
.fb1-block1{
float: left;
width: 370px;
}
.f-logo{
margin-bottom: 20px;
}
.fb1-phone{
margin-bottom: 5px;
}
.fb1-phone a{
padding-left: 30px;
font: 16px OpenSans-Bold;
color: var(--white);
background-image: url('../img/phone-footer.png');
background-repeat: no-repeat;
text-decoration: none;
}
.fb1-phone a:hover{
text-decoration: underline;
}
.fb1-grafic{
padding-left: 30px;
margin-bottom: 20px;
}
.fb1-email{
margin-bottom: 25px;
}
.fb1-email a{
padding-left: 30px;
font: 14px OpenSans-Semibold;
color: var(--color6);
background-image: url('../img/email-footer.png');
background-repeat: no-repeat;
}
.fb1-soc{
padding-left: 30px;
}
.fb1-soc > *{
display: block;
text-decoration: none;
cursor: pointer;
float: left;
margin-right: 20px;
width: 36px;
height: 36px;
background-image: url('../img/soc-sprite.png');
background-repeat: no-repeat;
}
.fb1-soc > *:last-child{
margin-right: 0;
}
.fb1-soc .vk{
background-position: 0 0;
}
.fb1-soc .wa{
background-position: -57px 0;
}
.fb1-soc .tg{
background-position: -113px 0;
}
.fb1-block2{
float: left;
width: calc(100% - 370px);
}
.fb1b2-menu {
padding-top: 32px;
}
.footer_menu {
column-count: 3;
column-gap: 40px;
column-rule: none;
break-inside: avoid;
}
.footer_menu li{
margin-bottom: 14px;
}
.footer_menu li a{
font: 14px OpenSans-Semibold;
color: var(--white);
text-decoration: none;
cursor: pointer;
}
.footer_menu li a.root-item-selected,
.footer_menu li a:hover{
text-decoration: underline;
}
.footer_menu li:nth-child(5) {
margin-bottom: 25px;
}
/*--//--*/
.f-block2{
font: 12px OpenSans-Regular;
color: var(--color15);
height: 60px;
display: flex;
justify-content: space-between;
align-items: center;
}
.f-block2 a{
font: 12px OpenSans-Regular;
color: var(--color15);
text-decoration: none;
}
.f-block2 a:hover{
text-decoration: underline;
}
.fb2-block2{
}
.fb2-block2 ul{
}
.fb2-block2 ul li{
float: left;
margin-right: 58px;
}
.fb2-block2 ul li:last-child{
margin-right: 0;
}
.fb2-block2 ul li a{
font: 11px OpenSans-Regular;
color: var(--color15);
text-transform: uppercase;
}
/*-- end footer --*/
/*-- breadcrumb --*/
.bx-breadcrumb{
margin-bottom: 35px;
}
.breadcrumb-wrapper{
padding-left: 15px;
}
.bx-breadcrumb-item{
display: inline-block;
}
.bx-breadcrumb-item i{
margin: 0 15px;
}
.bx-breadcrumb-item .fa-angle-right:before{
display: none;
}
.bx-breadcrumb-item i,
.bx-breadcrumb-item span,
.bx-breadcrumb-item a{
font: 12px OpenSans-Regular;
color: var(--color5);
text-decoration: none;
}
.bx-breadcrumb-item a:hover{
text-decoration: underline;
}
.bx-breadcrumb-item a span{
}
.bx-breadcrumb-item > span{
}
/*-- end breadcrumb --*/
/*-- catalog --*/
.content,
.catalog{
padding-bottom: 55px;
}
.catalog .mc-body {
margin-bottom: 0;
}
.mc-body .mc-item:last-child {
display: none;
}
.catalog .container-fluid {
display: block;
overflow: visible;
}
h1,
.titleH1{
font: 32px OpenSans-Semibold;
color: var(--color3);
margin-bottom: 35px;
}
h1 span,
.titleH1 span{
display: block;
font-size: 14px;
}
/*--//--*/
.category-page{
}
.cp-wrapper {
display: flex;
width: 100%;
}
.cp-left {
display: block !important;
width: 300px !important;
margin-right: 55px;
position: sticky;
top: 20px;
height: fit-content;
}
.cp-body {
width: calc(100% - 355px) !important;
flex: 1;
}
/*--//--*/
.category_menu{
background-color: var(--color8);
border: 1px solid var(--color2);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 15px 27px 20px;
}
.category_menu li{
margin-bottom: 10px;
}
.category_menu li:last-child{
margin-bottom: 0;
}
.category_menu li a{
font: 13px OpenSans-Semibold;
color: var(--color3);
-webkit-transition: color .3s;
-moz-transition: color .3s;
-ms-transition: color .3s;
-o-transition: color .3s;
transition: color .3s;
text-decoration: none;
}
.category_menu li.active a,
.category_menu li a:hover{
color: var(--color6);
}
/*--//--*/
.filter-wrapper {
margin-bottom: 33px;
background-color: var(--color8);
border: 1px solid var(--color2);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 14px 20px;
overflow: visible;
position: relative;
z-index: 9;
}
.teaser-item-wrapp{
display: grid;
grid-template-columns: repeat(3,1fr);
grid-column-gap: 30px;
grid-row-gap: 50px;
}
.teaser-item-wrapp .teaser-item {
margin: 0;
}
.favorite-page .teaser-item-wrapp {
grid-template-columns: repeat(4, 1fr);
}
/*--//--*/
.favorite-page .intensa-favorite-clear {
display: none;
}
/*--//--*/
.filter-wrapper form.smartfilter .filter-items {
float: left;
}
.filter-wrapper .bx-filter.bx-blue .bx-filter-section {
background: none;
position: relative;
}
.filter-items .bx-filter-parameters-box {
float: left;
margin-right: 20px;
position: relative;
}
.filter-items .bx-filter-parameters-box .bx-filter-parameters-box-title {
padding: 0 53px 0 18px;
height: 34px;
cursor: pointer;
background-color: var(--white);
border: 1px solid var(--color2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
position: relative;
}
.filter-items .bx-filter-parameters-box .bx-filter-parameters-box-title span {
border: none;
font: 11px/34px OpenSans-Semibold;
color: var(--color1);
text-transform: uppercase;
}
.filter-items .bx-filter-parameters-box .bx-filter-parameters-box-title span i.fa {
position: absolute;
right: 19px;
top: calc(50% - 2px);
background-image: url('../img/fa.png');
background-repeat: no-repeat;
width: 5px;
height: 5px;
-webkit-transition: transform .3s;
-moz-transition: transform .3s;
-ms-transition: transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
}
.filter-items .bx-filter-parameters-box .bx-filter-parameters-box-title span i.fa:before{
display: none;
}
.filter-items .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title span i.fa.fa-angle-up {
transform: rotate(180deg);
}
.bx-filter .bx-filter-block {
display: block;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-webkit-box-sizing: unset;
-moz-box-sizing: unset;
box-sizing: unset;
height: unset !important;
position: absolute;
background: var(--white);
width: 220px;
padding: 19px 19px 15px;
opacity: 0 !important;
z-index: -9999;
max-height: 0;
overflow: hidden;
}
.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block {
position: absolute;
background: var(--white);
width: 220px;
padding: 19px 19px 15px;
opacity: 1 !important;
z-index: 1;
max-height: unset;
-webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0 5px 25px 0 rgba(0,0,0,.1);
box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .1);
}
.filter-wrapper form.smartfilter {
display: table;
width: 100%;
}
.filter-wrapper form.smartfilter .filter-btns {
float: left;
}
.filter-wrapper form.smartfilter .filter-btns .bx-filter-block {
opacity: 1 !important;
background: none;
padding: 0;
max-height: unset;
z-index: unset;
}
.bx-filter .bx-filter-parameters-box div.bx-filter-popup-result {
display: none !important;
}
.btn-link-clear-wrapper{
position: relative;
display: table;
}
.filter-btns .btn-link {
display: none;
padding: 0;
margin: 0;
cursor: pointer;
z-index: 3;
border: none;
background: none;
font: 11px / 34px OpenSans-Semibold;
color: var(--color1);
text-decoration: underline;
position: relative;
padding-left: 20px;
}
.filter-btns .btn-link:hover{
text-decoration: none;
}
.btn-link-clear-wrapper:after{
content: '';
background-image: url('data:image/svg+xml,');
width: 10px;
height: 10px;
position: absolute;
z-index: 2;
left: 0;
top: calc(50% - 5px);
-webkit-transition: transform .3s;
-moz-transition: transform .3s;
-ms-transition: transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
}
.btn-link-clear-wrapper:hover:after{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
.filter-btns.active .btn-link {
display: block;
}
/*--//--*/
.bx-filter-parameters-box-container {
display: table;
width: 100%;
}
.bx-filter-parameters-box-container .bx-filter-parameters-box-container-block.bx-left,
.bx-filter-parameters-box-container .bx-filter-parameters-box-container-block.bx-right {
float: left;
width: 50%;
position: relative;
}
.bx-filter-parameters-box-container .bx-filter-parameters-box-container-block.bx-left:after{
content: '';
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
background-color: var(--color2);
}
.bx-filter-parameters-box-container i.bx-ft-sub {
display: none !important;
}
.bx-filter .bx-filter-parameters-box-container .bx-filter-parameters-box-container-block input {
margin: 0;
padding: 0 0 0 20px;
border: none;
width: calc(100% - 20px);
background: var(--color8);
font: 12px OpenSans-Semibold;
color: var(--color1);
}
.bx-filter-parameters-box-container .bx-filter-parameters-box-container-block.bx-left input{
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
}
.bx-filter-parameters-box-container .bx-filter-parameters-box-container-block.bx-right input{
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
.bx-filter .bx-ui-slider-track-container {
clear: both;
margin: 0;
display: table;
padding: 30px 15px 20px;
width: calc(100% - 30px);
}
.filter-wrapper .bx-filter .bx-ui-slider-track {
height: 2px;
}
.filter-wrapper .bx-filter .bx-ui-slider-part {
background: none;
}
.filter-wrapper .bx-filter.bx-blue .bx-ui-slider-pricebar-v {
background: var(--color1);
}
.filter-wrapper .bx-filter.bx-blue .bx-ui-slider-pricebar-vn {
background: var(--color2);
}
.filter-wrapper .bx-filter .bx-ui-slider-handle {
top: -11px;
background: var(--white) !important;
z-index: 100;
-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
border-radius: 100px;
cursor: pointer;
}
.filter-wrapper .bx-filter .bx-ui-slider-range {
z-index: 99;
}
.filter-wrapper .bx-filter.bx-blue .bx-ui-slider-handle.left {
transform: translate(11px, 0);
}
.filter-wrapper .bx-filter.bx-blue .bx-ui-slider-handle.right {
transform: translate(-11px, 0);
}
.filter-wrapper .bx-filter .bx-ui-slider-handle:after {
content: '';
position: absolute;
width: 6px;
height: 6px;
background: var(--color7);
border-radius: 50px;
left: calc(50% - 3px);
top: calc(50% - 3px);
}
.filter-wrapper .bx-filter .bx-ui-slider-part span {
top: auto;
bottom: -16px;
font: 10px OpenSans-Regular;
color: var(--color5);
}
/*--//--*/
.filter-wrapper .bx-filter-parameters-box-container .checkbox{
position: relative;
margin-bottom: 5px;
}
.filter-wrapper .bx-filter-parameters-box-container .checkbox:last-child{
margin-bottom: 0;
}
.filter-wrapper .bx-filter .bx-filter-input-checkbox input[type=checkbox]{
display: none;
}
.filter-wrapper .bx-filter .bx-filter-input-checkbox .bx-filter-param-text {
padding-left: 33px;
position: relative;
font: 14px/22px OpenSans-Regular;
color: var(--color3);
}
.filter-wrapper .bx-filter .bx-filter-input-checkbox input[type=checkbox]:checked + .bx-filter-param-text{
}
.filter-wrapper .bx-filter .bx-filter-input-checkbox .bx-filter-param-text:after {
font-size: 0;
content: ".";
display: block;
height: 20px;
width: 20px;
position: absolute;
left: 1px;
top: 0px;
z-index: 2;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
/* box-shadow: 0px 0px 0px 1px #cccccc inset; */
-moz-box-shadow: 0px 0px 0px 1px #cccccc inset;
/* -webkit-box-shadow: 0px 0px 0px 1px #cccccc inset; */
/* box-shadow: 0px 0px 0px 1px var(--stroke_black) inset; */
background-color: var(--color8);
border: 1px solid var(--color2);
}
.filter-wrapper .bx-filter .bx-filter-input-checkbox input[type=checkbox]:checked + .bx-filter-param-text:after{
background-image: url('../img/checkmark.svg');
background-repeat: no-repeat;
background-color: var(--color1);
background-size: 15px auto;
background-position: center center;
}
/*--//--*/
.filter-items .bx-filter-parameters-box .bx-filter-parameters-box-title.active {
background: var(--color1);
}
.filter-items .bx-filter-parameters-box .bx-filter-parameters-box-title.active span.filter-title-text,
.filter-items .bx-filter-parameters-box .bx-filter-parameters-box-title.active span.bx-filter-parameters-box-hint {
color: var(--white);
}
.filter-items .bx-filter-parameters-box .bx-filter-parameters-box-title.active span.filter-clear-btn {
position: absolute;
z-index: 9;
height: 100%;
width: 30px;
cursor: pointer;
top: 0;
right: 0;
background: var(--color1);
display: flex !important;
justify-content: center;
align-items: center;
border-left: 1px solid var(--color3);
}
.filter-items .bx-filter-parameters-box .bx-filter-parameters-box-title.active span.filter-clear-btn path {
fill: #fff;
}
/*--//--*/
.sorting-dropdown {
position: relative;
width: 220px;
cursor: pointer;
}
.sorting-current {
display: table;
padding-right: 40px;
cursor: pointer;
margin-bottom: 15px;
font: 13px OpenSans-Regular;
color: var(--color3);
position: relative;
}
.sorting-current:after {
content: '';
position: absolute;
right: 19px;
top: calc(50% - 1px);
background-image: url('../img/fa.png');
background-repeat: no-repeat;
width: 5px;
height: 5px;
-webkit-transition: transform .3s;
-moz-transition: transform .3s;
-ms-transition: transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
}
.sorting-list {
position: absolute;
top: calc(100% + 10px);
left: 0;
right: 0;
background: #fff;
border-top: none;
display: none;
z-index: 10;
box-shadow: 0 1px 12px 1px rgba(0, 0, 0, 0.12);
}
.sorting-list li {
}
.sorting-list li a {
display: block;
text-decoration: none;
display: block;
font: 13px OpenSans-Regular;
color: var(--color3);
padding: 11px 15px 10px;
}
.sorting-list li.active a,
.sorting-list li a:hover {
background-color: var(--color8);
}
.sorting-dropdown.open .sorting-list {
display: block;
}
/*-- end catalog --*/
/*-- full-page --*/
.full-page{
margin-bottom: 40px;
}
.fp-wrapper{
display: table;
width: 100%;
}
.fp-block1{
float: left;
width: 620px;
margin-right: 65px;
position: relative;
}
/*--//--*/
.image-full{
margin-bottom: 20px;
}
.image-full figure{
margin: 0;
}
.image-full figcaption{
display: none;
}
.image-thumb{
}
.image-thumb .slick-track{
display: grid;
grid-template-columns: repeat(6,1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
width: 100% !important;
transform: translate3d(0px, 0px, 0px) !important;
}
.image-thumb .slick-track:after,
.image-thumb .slick-track:before{
display: none;
}
.image-thumb .slick-track .it-item{
width: unset !important;
cursor: pointer;
}
.fp-block1 img {
border-radius: 2px;
}
/*--//--*/
.video-slide-wrapper iframe {
width: 100%;
height: 620px;
}
.slick-initialized .slick-slide.it-item-video {
display: flex;
align-items: center;
justify-content: center;
}
.it-item-video img {
width: 100%;
max-width: 60px;
}
/*--//--*/
.fp-block2{
float: left;
width: calc(100% - 685px);
}
.fpb2-block1{
display: flex;
align-items: center;
height: 60px;
width: 100%;
border-top: 1px solid var(--color2);
border-bottom: 1px solid var(--color2);
margin-bottom: 32px;
}
.fpb2b1-colvo,
.fpb2b1-scu {
margin-right: 75px;
font: 14px OpenSans-Semibold;
color: var(--color3);
}
.fpb2b1-scu span{
font-size: 13px;
color: var(--color5);
}
.fpb2b1-colvo{
margin-right: 0;
}
.fpb2b1-colvo span{
font-size: 13px;
color: var(--color16);
}
.fpb2b1-colvo.out-of-stock span{
color: var(--color6);
}
/*--//--*/
.fpb2-block2 {
display: flex;
align-items: baseline;
margin-bottom: 27px;
}
.fpb2b2-price{
font: 24px OpenSans-Bold;
color: var(--color3);
margin-right: 25px;
}
.fpb2b2-oldprice{
display: table;
font: 16px Montserrat-bold;
color: var(--color5);
position: relative;
}
.fpb2b2-oldprice:after{
content: '';
height: 1px;
width: 100%;
position: absolute;
top: 50%;
left: 0;
background-color: var(--color5);
}
/*--//--*/
.fpb2-block3{
margin-bottom: 33px;
position: relative;
width: calc(100% - 200px);
}
.fpb2b3-item{
font: 13px OpenSans-Semibold;
display: flex;
align-items: baseline;
margin-bottom: 7px;
}
.fpb2b3-item:last-child{
margin-bottom: 0;
}
.fpb2b3-title{
color: var(--color5);
margin-right: 5px;
}
.fpb2b3-val{
color: var(--color3);
}
/*--//--*/
.fpb2-block4{
display: flex;
margin-bottom: 34px;
}
.fpb2-block4 .btn3 {
padding-left: 50px;
}
.product-item-detail-info-container{
margin-right: 25px;
}
.fpb2-block4 .quantity-container {
width: 150px;
}
.discount-block{
width: 180px;
height: 220px;
position: absolute;
top: 0;
right: -200px;
background-color: var(--color8);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.db-title{
font: 23px/38px OpenSans-Bold;
color: var(--color17);
}
.db-title span{
font-size: 31px;
}
.db-text{
font: 15px/27px OpenSans-Semibold;
color: var(--color3);
}
/*--//--*/
.fpb2-block5{
margin-bottom: 32px;
}
/*--//--*/
.fpb2-desc{
}
.desc-title{
font: 13px OpenSans-Semibold;
color: var(--color5);
text-transform: uppercase;
margin-bottom: 20px;
}
.desc-body{
font: 14px OpenSans-Regular;
color: var(--color3);
}
.desc-body p{
margin-bottom: 24px;
}
.desc-body p:last-child{
margin-bottom: 0;
}
/*--//--*/
.form-lb {
position: fixed;
z-index: -2999;
left: 0;
top: 0;
opacity: 0;
width: 100%;
height: 100%;
background-color: rgba(58, 63, 68, 0.7);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
display: flex;
align-items: center;
justify-content: center;
}
.form-lb.active {
z-index: 2999;
opacity: 1;
}
.form-lb-wrapp {
background: var(--white);
padding: 45px 75px;
position: relative;
width: 430px;
max-height: calc(100vh - 140px);
overflow-y: scroll;
}
.closeLbForm{
position: absolute;
right: 15px;
top: 15px;
cursor: pointer;
}
.closeLbForm svg {
fill: var(--color5);
}
/*--//--*/
.forms-wrapp .titleH1 {
font-size: 24px;
margin-bottom: 20px;
}
.cdi-curr{
margin-bottom: 20px;
}
.cdi-curr:last-child{
margin-bottom: 0;
}
.bx-soa-customer-field label,
.cdi-curr label{
display: block;
padding-left: 12px;
font: 13px OpenSans-Regular;
color: var(--color5);
margin-bottom: 5px;
}
.bx-soa-customer-field label span.bx-authform-starrequired,
.cdi-curr label span{
display: inline-block;
color: var(--color6);
}
.bx-soa-customer-field textarea,
.bx-soa-customer-field input,
.cdi-curr textarea,
.cdi-curr input{
display: block;
margin: 0;
height: 38px;
padding: 0 20px;
border: 1px solid var(--color2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: calc(100% - 42px);
background: var(--white);
}
.bx-soa-customer-field textarea,
.cdi-curr textarea{
padding: 20px;
height: 120px;
}
.cdi-soglasie,
.basket-politika,
.basket-soglasie,
.cdi-politika {
font: 13px OpenSans-Regular;
color: var(--color5);
margin-bottom: 20px;
padding-left: 50px;
position: relative;
cursor: pointer;
}
.cdi-soglasie:after,
.basket-politika:after,
.basket-soglasie:after,
.cdi-politika:after {
content: '';
position: absolute;
display: block;
top: 1px;
height: 18px;
width: 33px;
border-radius: 10px;
left: 0;
background: var(--color2);
}
.cdi-soglasie:before,
.basket-politika:before,
.basket-soglasie:before,
.cdi-politika:before {
content: '';
position: absolute;
display: block;
top: 1px;
bottom: 0;
border-radius: 100%;
background: #fff;
width: 14px;
height: 14px;
border: none;
margin: 2px;
left: 1px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
transition: left 0.1s
ease-in;
z-index: 11;
}
.cdi-soglasie.active:after,
.basket-politika.active:after,
.basket-soglasie.active:after,
.cdi-politika.active:after {
background: var(--color1);
}
.cdi-soglasie.active:before,
.basket-politika.active:before,
.basket-soglasie.active:before,
.cdi-politika.active:before {
left: 14px;
}
.cdi-soglasie a,
.basket-politika a,
.basket-soglasie a,
.cdi-politika a {
color: var(--color19);
text-decoration: underline;
}
.cdi-soglasie a:hover,
.basket-politika a:hover,
.basket-soglasie a:hover,
.cdi-politika a:hover {
text-decoration: none;
}
.smart-captcha,
.g-recaptcha {
margin: 0 auto 20px;
display: block;
max-width: 100%;
overflow: hidden;
}
.wide-action .btn4 {
margin: auto;
}
div.bx-soa-tooltip[data-state="opened"] + div textarea,
div.bx-soa-tooltip[data-state="opened"] + div input,
.cdi-curr textarea.error,
.cdi-curr input.error {
border-color: var(--color6);
color: var(--color6);
}
.contactsend {
text-align: center;
font: 20px OpenSans-Regular;
color: var(--color3);
}
.wide-action .disabled {
opacity: .5;
cursor: no-drop;
}
/*-- end full-page --*/
/*-- cart --*/
.table-items {
border: 1px solid var(--color2);
border-radius: 5px;
margin-bottom: 30px;
}
.basket-items-list {
padding: 30px;
}
.basket-coupon-section {
}
.basket-items-list-table{
}
.basket-items-list-item-container {
display: flex;
justify-content: space-between;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid var(--color2);
}
.basket-items-list-item-container:last-child{
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
/*--//--*/
.col-image{
width: 200px;
}
.col-image a{
display: table;
overflow: hidden;
border: 1px solid var(--color2);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
height: 130px;
width: 130px;
}
.col-image a img.basket-item-image {
width: 130px;
height: 130px;
object-fit: cover;
display: block;
}
/*--//--*/
.basket-desc {
width: 608px;
position: relative;
}
.basket-desc .icons-priznak {
position: unset;
width: 100%;
display: table;
margin: 5px 0;
}
/*--//--*/
.basket-quantity {
width: 280px;
padding-top: 32px;
}
.basket-price {
width: 142px;
text-align: center;
}
.basket-item-block-price {
display: flex;
justify-content: center;
font: 15px OpenSans-Regular;
color: var(--color5);
flex-direction: column;
}
.quantity-container + .basket-price {
padding-top: 10px;
}
.basket-item-price-old span{
position: relative;
color: var(--color5);
}
.basket-item-price-old span:after{
content: '';
position: absolute;
left: 0;
width: 100%;
top: 50%;
height: 1px;
background-color: var(--color5);
}
.basket-item-price-difference {
font-size: 14px;
}
/*--//--*/
.basket-total_price {
width: 240px;
padding-top: 40px;
}
.basket-item-block-price-all{
font: 16px OpenSans-Bold;
color: var(--color1);
}
/*--//--*/
.basket-items-list-item-remove {
width: 40px;
padding-top: 32px;
}
.basket-item-actions-remove{
display: flex;
height: 40px;
width: 40px;
align-items: center;
justify-content: right;
cursor: pointer;
}
.basket-item-actions-remove svg {
width: 13px;
height: 13px;
}
/*--//--*/
.basket-items-list-item-notification {
width: 100%;
}
.basket-items-list-item-removed-container {
display: flex;
justify-content: space-between;
font: 13px OpenSans-Regular;
color: var(--color1);
}
.content-page b,
.content-page strong,
.catalog b,
.catalog strong,
.basket-items-list-item-removed-container strong{
font-weight: normal;
font-family: OpenSans-Bold;
}
.basket-items-list-item-removed-block a {
font: 13px OpenSans-Bold;
color: var(--color1);
}
/*--//--*/
.basket-item-block-info{
padding-right: 50px;
}
.basket-item-info-name.basket-title,
.basket-item-info-name.basket-title a{
font: 15px OpenSans-Bold;
color: var(--color1);
}
.basket-item-property-custom {
}
.basket-item-property-custom-name{
font: 13px OpenSans-Regular;
color: var(--color5);
}
.basket-item-property-custom-value{
font: 15px OpenSans-Regular;
color: var(--color3);
}
/*--//--*/
.basket-checkout-container{
display: flex;
justify-content: space-between;
}
.basket-checkout-right{
display: table;
}
.basket-checkout-right > * {
float: left;
}
.basket-checkout-section-inner {
display: flex;
height: 40px;
align-items: center;
font: 16px OpenSans-Bold;
color: var(--color1);
margin-right: 55px;
}
.basket-checkout-block.basket-checkout-block-total.tpw-title {
margin-right: 10px;
}
.basket-coupon-section .btn2 {
cursor: unset;
width: 205px;
}
.basket-coupon-alert {
font: 13px OpenSans-Regular;
color: var(--color1);
padding: 10px 0 0;
}
.basket-coupon-alert strong {
font-weight: normal;
font-family: OpenSans-Bold;
text-transform: uppercase;
}
span.basket-coupon-text {
margin-right: 50px;
}
span.close-link {
font: 13px OpenSans-Bold;
color: var(--color1);
cursor: pointer;
text-decoration: underline;
}
span.close-link:hover{
text-decoration: none;
}
/*--//--*/
.basket-checkout-block-total-price-inner {
position: relative;
}
.basket-coupon-block-total-price-old {
display: table;
color: var(--color5);
position: sticky;
top: -20px;
}
.basket-coupon-block-total-price-old:after {
content: '';
position: absolute;
left: 0;
width: 100%;
top: 50%;
height: 1px;
background-color: var(--color5);
}
.basket-coupon-block-total-price-difference {
font-size: 14px;
position: absolute;
bottom: -40px;
width: 200px;
}
.basket-checkout-block-total-title {
}
/*--//--*/
.basket-items-info{
display: flex;
justify-content: space-between;
align-items: center;
height: 60px;
border-bottom: 1px solid var(--color2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.bii-left{
padding-left: 30px;
}
.bii-right{
padding-right: 30px;
}
.bii-right button{
margin: 0;
text-transform: uppercase;
border: none;
cursor: pointer;
background: none;
padding: 0 20px 0 0;
position: relative;
font: 12px/14px OpenSans-Regular;
color: var(--color3);
}
.bii-right button svg {
position: absolute;
right: 0;
top: -1px;
width: 13px;
height: 13px;
}
/*--//--*/
.bx-sbb-empty-cart-desc{
font: 13px OpenSans-Regular;
color: var(--color1);
text-align: center;
}
.bx-sbb-empty-cart-desc a {
font: 13px OpenSans-Bold;
color: var(--color1);
cursor: pointer;
text-decoration: underline;
}
.bx-sbb-empty-cart-desc a:hover{
text-decoration: none;
}
/*-- end cart --*/
/*-- order-make --*/
.order-make-wrapper {
display: flex;
width: 100%;
}
.order-make-body {
width: calc(100% - 400px) !important;
flex: 1;
}
.order-make-sidebar {
display: block !important;
width: 370px !important;
position: sticky;
top: 20px;
height: fit-content;
z-index: 99;
background: #fff;
margin-left: 30px;
}
/*--//--*/
.order-make-body .bx-soa-item-tr {
display: flex;
width: calc(100% - 60px);
justify-content: space-between;
padding: 28px 30px;
}
.order-make-body .bx-soa-section.bx-step-completed,
.order-make-body .bx-soa-section {
border: 1px solid var(--color2) !important;
border-radius: 5px;
margin-bottom: 30px;
}
.order-make-body .bx-soa-section:last-child{
margin-bottom: 0;
}
.bxp-form-header,
.order-make-body .bx-soa-section-title-container {
height: 60px;
background: var(--color8);
padding: 0 !important;
display: flex;
border-radius: 5px;
border-bottom: 1px solid var(--color2);
align-items: center;
cursor: pointer;
}
.order-make-body span.bx-soa-section-title-count {
width: 21px;
height: 21px;
border-radius: 200px;
border: 1px solid var(--color18);
margin-right: 15px;
}
.order-make-body .bx-soa-section .bx-soa-section-title-count:after {
text-indent: 0;
font: 13px/20px OpenSans-Regular;
color: var(--color18);
}
.bxp-form-header .bx-soa-section-title,
.order-make-body .bx-soa-section-title,
.order-make-body .bx-soa-section.bx-selected .bx-soa-section-title {
font: 13px OpenSans-Semibold;
color: var(--color3);
text-transform: uppercase;
text-indent: 0;
padding-left: 30px;
margin: 0;
}
.order-make-body .bx-soa-section-content{
padding: 0;
}
.order-make-body .bx-soa-item-td {
padding: 0;
border: none;
}
.order-make-body .bx-soa-item-tr {
display: flex;
width: calc(100% - 60px);
justify-content: space-between;
padding: 28px 30px;
border-bottom: 1px solid var(--color2);
}
.order-make-body .bx-soa-item-tr:last-child{
border-bottom: none;
}
.order-make-body .bx-soa-item-table {
margin: 0;
}
/*--//--*/
.order-make-body .bx-soa-item-imgcontainer {
width: 70px;
height: 70px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--color2);
border-radius: 5px;
padding: 0;
}
.order-make-body .bx-soa-item-imgcontainer img.bx-soa-item-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.bx-step-completed .bx-soa-item-img-block {
width: 72px;
padding: 0;
display: block;
margin: 0 45px 0 0;
}
.bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td:first-child {
width: 76.5%;
}
.bx-soa-item-block {
width: 100%;
display: table;
}
.bx-soa-item-content {
float: left;
width: calc(100% - 117px);
}
.bx-soa-item-title {
padding: 0;
}
.bx-soa-item-title a{
font: 15px OpenSans-Bold;
color: var(--color1);
text-decoration: none;
}
.bx-soa-item-title a:hover{
text-decoration: underline;
}
/*--//--*/
.order-make-body .bx-soa-item-tr > div:nth-child(2) {
display: none;
}
.bx-soa-item-artikul-inline{
}
span.artikul-label{
font: 13px OpenSans-Regular;
color: var(--color5);
}
span.artikul-value{
font: 15px OpenSans-Regular;
color: var(--color3);
}
.order-make-body .bx-soa-item-td .bx-soa-item-td-title {
display: none;
}
.order-make-body .bx-soa-item-td .bx-soa-item-td-text {
font: 16px OpenSans-Regular;
color: var(--color3);
}
.order-make-body .bx-soa-item-tr > div:nth-child(3) {
width: 15%;
}
.bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td .bx-soa-item-td-text {
text-align: left;
}
.order-make-body .bx-soa-item-tr > div:nth-child(4) {
width: 8.5%;
}
/*--//--*/
.bx_soa_location.row{
}
.bx_soa_location.row .col-xs-12 {
padding: 25px 30px 30px;
}
.bx_soa_location.row label.bx-soa-custom-label{
display: block;
padding-left: 12px;
color: var(--color5);
font: 13px OpenSans-Regular;
margin-bottom: 5px;
}
.bx_soa_location.row label.bx-soa-custom-label span.bx-authform-starrequired{
color: var(--color6);
}
.bx_soa_location.row .bx-sls {
}
.bx_soa_location.row .bx-sls .dropdown-block {
}
.bx_soa_location.row .bx-sls .dropdown-block .bx-ui-sls-container,
.bx_soa_location.row .bx-sls .dropdown-block .bx-ui-sls-container input.bx-ui-sls-route,
.bx_soa_location.row .bx-sls .bx-ui-sls-fake,
.bx_soa_location.row .bx-sls .bx-ui-sls-route,
.bx_soa_location.row .bx-sls .dropdown-icon{
height: 40px;
}
.bx_soa_location.row .bx-sls .dropdown-icon {
top: 0;
}
.bx_soa_location.row .bx-sls .bx-ui-sls-clear {
height: 40px;
background-position: 6px -3382px;
}
.bx_soa_location.row .form-group.bx-soa-location-input-container {
margin-bottom: 20px;
}
.bx_soa_location.row .form-group.bx-soa-location-input-container:nth-child(4),
.bx_soa_location.row .form-group.bx-soa-location-input-container:last-child {
margin-bottom: 0;
}
.bx_soa_location.row .bx-sls .form-control.dropdown-block, .bx-slst .form-control.dropdown-block {
background: var(--white);
border-radius: 5px;
border: 1px solid var(--color2);
box-shadow: none;
}
.bx_soa_location.row .form-group.bx-soa-location-input-container #zipProperty {
border: 1px solid var(--color2);
background: var(--white);
border-radius: 5px;
padding: 0 20px;
height: 40px;
}
.bx_soa_location.row .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner {
background: var(--white);
color: var(--color6);
font: 12px OpenSans-Regular;
}
.bx_soa_location.row .bx-soa-reference {
display: none;
}
.order-make-body .bx-soa-section-content .row.bx-soa-more {
padding: 0;
margin: 0;
border-top: 1px solid var(--color2);
}
.order-make-body .bx-soa-section-content .row.bx-soa-more .bx-soa-more-btn {
padding: 0 30px;
height: 100px;
display: flex;
justify-content: space-between;
align-items: center;
}
.order-make-body .bx-soa-section .bx-soa-section-content {
padding: 20px;
font: 13px OpenSans-Regular;
color: var(--color3);
}
.order-make-body .bx-soa-section .bx-soa-section-content strong{
font-weight: normal;
font-family: OpenSans-Bold;
}
.order-make-body .bx-soa-section .bx-soa-section-content.container-fluide {
padding: 0;
}
.order-make-body .soa-properties .bx-soa-section-content.container-fluide {
padding: 20px;
}
.order-make-body .bx-selected.soa-properties .bx-soa-section-content.container-fluide {
padding: 0;
}
/*--//--*/
a.pull-right.btn2 {
background-color: var(--color6);
border-color: var(--color6);
color: var(--white);
background-image: url('../img/btn2-arrow-white.svg');
}
/*--//--*/
.order-make-body .bx-soa-section .bx-soa-pp {
display: flex;
justify-content: space-between;
padding: 30px;
}
.order-make-body .bx-soa-section .bx-soa-pp .bx-soa-pp-company{
padding: 0;
}
.order-make-body .bx-soa-section .bx-soa-pp .bx-soa-pp-company a.btn.btn-primary {
cursor: pointer;
}
.order-make-body .bx-soa-section .bx-soa-pp .bx-soa-pp-item-container{
display: grid;
grid-template-columns: repeat(3,1fr);
grid-column-gap: 40px;
grid-row-gap: 15px;
width: 432px;
padding: 0 66px 0 0;
}
/*--//--*/
.order-make-body .bx-soa-pp-company-graf-container {
border: 1px solid var(--color2);
border-radius: 5px;
overflow: hidden;
padding: 0;
height: 60px;
cursor: pointer;
}
.order-make-body .bx-soa-pp-company-graf-container input {
display: none;
}
.order-make-body .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container{
border-color: var(--color6);
}
.order-make-body .bx-soa-pp-company-smalltitle{
font: 10px OpenSans-Regular;
color: var(--color3);
padding: 10px 0 0;
}
.order-make-body .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container + .bx-soa-pp-company-smalltitle {
color: var(--color6);
}
.order-make-body .bx-soa-section .bx-soa-pp-desc-container .bx-soa-pp-company {
border: 1px solid var(--color2);
padding: 20px;
}
.order-make-body .bx-soa-section .bx-soa-pp-desc-container {
padding: 0;
}
.order-make-body .bx-soa-section .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-subTitle {
font: 14px OpenSans-Bold;
color: var(--color3);
margin-bottom: 15px;
}
.bx-soa-pp-desc-container .bx-soa-pp-company-logo {
max-width: 150px;
width: 115px;
}
.order-make-body .bx-soa-section .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-desc{
font: 13px OpenSans-Regular;
color: var(--color3);
padding: 16px 0 0;
}
.order-make-body .bx-soa-section .bx-soa-pp-desc-container .bx-soa-pp-company ul.bx-soa-pp-list {
padding: 0;
margin: 8px 0 0;
}
.order-make-body .bx-soa-section .bx-soa-pp-desc-container .bx-soa-pp-company ul.bx-soa-pp-list li {
padding: 0;
margin-bottom: 3px;
display: flex;
}
.order-make-body .bx-soa-section .bx-soa-pp-desc-container .bx-soa-pp-company ul.bx-soa-pp-list li:last-child{
margin-bottom: 0;
}
.order-make-body .bx-soa-section .bx-soa-pp-desc-container .bx-soa-pp-company ul.bx-soa-pp-list li .bx-soa-pp-list-termin {
font: 13px OpenSans-Regular;
color: var(--color3);
margin-right: 5px;
}
.order-make-body .bx-soa-section .bx-soa-pp-desc-container .bx-soa-pp-company ul.bx-soa-pp-list li .bx-soa-pp-list-description {
font: 13px OpenSans-Bold;
color: var(--color3);
}
.order-make-body .bx-soa-section .bx-soa-pp-desc-container {
padding: 0;
width: calc(100% - 500px);
}
.order-make-body .bx-soa-section .bx-soa-pp-desc-container .bx-soa-pp-company a {
color: var(--color1);
font: 13px OpenSans-Regular;
text-decoration: underline;
}
.order-make-body .bx-soa-section .bx-soa-pp-desc-container .bx-soa-pp-company a:hover{
text-decoration: none;
}
.russianpost_link button {
color: var(--color1) !important;
font: 13px OpenSans-Regular;
text-decoration: underline;
background: none !important;
border: none !important;
margin: 0 !important;
padding: 0 !important;
cursor: pointer;
}
.russianpost_link button:hover{
text-decoration: none;
}
.order-make-body .bx-soa-section .bx-soa-section-content .bx-soa-pp-company-selected {
float: left;
}
.order-make-body .bx-soa-section .bx-soa-section-content .bx-soa-pp-price {
float: right;
font-family: OpenSans-Bold;
}
/*--//--*/
.bx-soa-customer {
padding: 30px 30px 20px;
}
.bx-soa-customer + div{
padding: 0 30px 30px;
}
.bx-soa-customer-field {
margin-bottom: 15px;
}
.bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner{
display: none;
}
/*--//--*/
.ps_logo,
.sale_order_full_table{
margin-bottom: 40px;
}
.sale_order_full_table.last_soft,
.sale_order_full_table:last-child{
margin-bottom: 0;
}
.soft-curr{
margin-bottom: 20px;
}
.soft-curr:last-child{
margin-bottom: 0;
}
.ps_info .btn-success{
margin: 20px 0;
}
.sale_order_full_table .ps_info .alert {
margin-bottom: 0;
padding-bottom: 0;
}
/*--//--*/
.basket-buy.disabled {
pointer-events: none;
opacity: .5;
}
div#bx-soa-orderSave {
display: table;
margin: auto;
}
.basket-buy {
width: 350px;
margin: 0 auto;
}
/*--//--*/
.order-make-sidebar .bx-soa-cart-total {
border: none;
}
.order-make-sidebar {
border: 1px solid var(--color2);
border-radius: 5px;
}
.order-make-sidebar .bx-soa-section-title-container {
display: flex;
justify-content: space-between;
align-items: center;
height: 60px;
padding: 0 30px;
border-bottom: 1px solid var(--color2);
border-radius: 0 0 5px 5px;
}
.order-make-sidebar .bx-soa-section-title-container .bx-soa-section-title {
text-indent: 0;
}
.order-make-sidebar .bx-soa-section-title-container a{
font: 12px OpenSans-Regular;
color: var(--color19);
text-decoration: none;
}
.order-make-sidebar .bx-soa-section-title-container a:hover{
text-decoration: underline;
}
.bx-soa-cart-total .bx-soa-cart-total-button-container {
pointer-events: none;
display: none;
}
.order-make-sidebar .bx-soa-cart-total .bx-soa-cart-total-line {
padding: 0;
border: none;
font: 13px OpenSans-Regular;
color: var(--color5);
margin-bottom: 15px;
background: none;
}
.order-make-sidebar .bx-soa-cart-total .bx-soa-cart-total-line span.bx-soa-cart-t{
font-weight: normal;
}
.order-make-sidebar .bx-soa-cart-total .bx-soa-cart-total-line span.bx-soa-cart-d{
color: var(--color3);
}
.order-make-sidebar .bx-soa-cart-total .bx-soa-cart-total-line-total{
font: 16px/20px OpenSans-Bold;
color: var(--color3);
margin: 0;
}
.order-make-sidebar .bx-soa-cart-total .bx-soa-cart-total-line-total span.bx-soa-cart-d {
font-size: 18px;
}
.form-group.bx-soa-location-input-container[data-property-id-row="5"] {
display: none;
}
/*-- end order-make --*/
/*-- 404 --*/
.wrapper-404 {
padding: 115px 0 100px;
text-align: center;
}
.block1-404{
margin-bottom: 40px;
}
.block2-404{
font: 32px OpenSans-Semibold;
color: var(--color3);
margin-bottom: 15px;
}
.block3-404{
font: 18px OpenSans-Regular;
color: var(--color3);
margin-bottom: 60px;
}
.block4-404{
margin: auto;
max-width: 415px;
display: grid;
grid-template-columns: repeat(2,1fr);
grid-column-gap: 45px;
grid-row-gap: 20px;
}
/*-- end 404 --*/
/*-- contenty-page --*/
.content-page {
font: 15px OpenSans-Regular;
color: var(--color20);
}
.content-page b,
.content-page strong{
color: var(--color3);
}
.content-page h2{
text-indent: 0;
margin-bottom: 25px;
font-size: 24px;
}
.content-page table,
.content-page ol,
.content-page ul,
.content-page ol li,
.content-page ul li,
.content-page p{
margin-bottom: 28px;
}
.content-page ol > *:last-child,
.content-page ul > *:last-child,
.content-page > *:last-child{
margin-bottom: 0;
}
.content-page ul li{
padding-left: 25px;
position: relative;
}
.content-page ul li:before{
content: '';
position: absolute;
left: 10px;
width: 5px;
height: 5px;
background-color: var(--color6);
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
top: calc(50% - 2px);
}
.sitemap-section ul.bx_sitemap_ul > li:before,
.sitemap-section ul.bx_sitemap_ul > li > ul > li:before {
display: none;
}
/*--//--*/
.del-imgs {
display: flex;
justify-content: space-around;
text-align: center;
padding: 10px 0 25px;
}
.del-img-curr{
}
.del-img-curr img {
border: 1px solid var(--color2);
border-radius: 3px;
margin-bottom: 12px;
}
/*--//--*/
.content-page table{
border: 1px solid var(--color2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-collapse: unset;
}
.content-page table tr{
background-color: var(--color8);
border-bottom: 1px solid var(--color2);
}
.content-page table tr:last-child{
border-bottom: none;
}
.content-page table tr:nth-child(2n){
background-color: var(--white);
}
.content-page table td{
min-height: 35px;
font: 15px OpenSans-Regular;
color: var(--color20);
padding: 6px 45px 7px 25px;
}
.content-page table td:nth-child(2){
font: 16px OpenSans-Bold;
color: var(--color3);
}
.content-page table a{
font: 16px OpenSans-Semibold;
color: var(--color6);
}
/*-- end contenty-page --*/
/*-- contact --*/
.contact-wrapper{
display: table;
width: 100%;
}
.cw-block1{
width: 750px;
float: left;
padding-top: 30px;
}
.cw-block1 table{
width: 100%;
}
.cw-block2{
width: calc(100% - 800px);
float: right;
}
.cw-block2 .forms-wrapp {
border: 1px solid var(--color2);
border-radius: 5px;
background-color: var(--color8);
padding: 25px 38px 38px;
margin-right: 60px;
}
.cw-block2 .forms-wrapp .wide-action .btn4 {
width: 100%;
padding: 0;
margin: 0;
max-width: 100%;
}
.cw-block2 .forms-wrapp .cdi-curr {
margin-bottom: 10px;
}
.cw-block2 .forms-wrapp textarea {
height: 60px;
}
/*-- end contact --*/
/*-- about --*/
.about-table{
width: 600px;
max-width: 100%;
}
/*-- end about --*/
/*-- lk --*/
.cp-lk{
}
.cp-lk .container-fluid{
overflow: visible;
}
.lk-wrapper{
display: flex;
width: 100%;
}
.lk-body{
width: calc(100% - 400px);
flex: 1;
}
.lk-sidebar{
display: block;
width: 370px;
margin-left: 30px;
position: sticky;
top: 20px;
height: fit-content;
}
.content-page .lks-menu{
border: 1px solid var(--color2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
margin: 0;
}
.content-page .lks-menu li{
border-bottom: 1px solid var(--color2);
padding: 0;
margin: 0;
}
.lks-menu li:before{
display: none;
}
.lks-menu li:last-child{
border-bottom: none;
}
.lks-menu a{
display: block;
height: 60px;
padding: 0 30px;
cursor: pointer;
font: 13px/60px OpenSans-Semibold;
color: var(--color3);
text-decoration: none;
}
.lks-menu li.active a,
.lks-menu a:hover{
color: var(--white);
background-color: var(--color6);
}
/*--//--*/
.sale-personal-section{
display: grid;
grid-template-columns: repeat(4,1fr);
grid-column-gap: 35px;
grid-row-gap: 20px;
}
.sale-personal-section .sps-curr {
height: 170px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: 1px solid var(--color2);
border-radius: 5px;
box-shadow: 0 7px 15px rgba(0, 0, 0, 0.08);
text-decoration: none;
cursor: pointer;
-webkit-transition: box-shadow .3s;
-moz-transition: box-shadow .3s;
-ms-transition: box-shadow .3s;
-o-transition: box-shadow .3s;
transition: box-shadow .3s;
}
.sale-personal-section .sps-curr:hover {
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
}
.sale-personal-section .sps-curr img{
margin-bottom: 18px;
}
/*--//--*/
.bx_profile {
border: 1px solid var(--color2);
border-radius: 5px;
}
.bx_profile form {
padding: 30px 30px 40px;
}
.main-profile-block-date-info {
margin-bottom: 20px;
}
.main-profile-form-buttons-block {
display: flex;
width: 100%;
margin: 0;
}
.btn-cancel {
margin-right: 30px;
}
/*--//--*/
.orders-wrapper {
border: 1px solid var(--color2);
border-radius: 5px;
}
.orders-header{
display: grid;
grid-template-columns: repeat(3,1fr);
grid-column-gap: 0;
grid-row-gap: 0;
margin-bottom: 20px;
}
.orders-header .sale-order-history-link {
display: flex;
align-items: center;
justify-content: center;
height: 60px;
font: 13px OpenSans-Semibold;
color: var(--color3);
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
border-bottom: 1px solid var(--color2);
border-right: 1px solid var(--color2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: var(--color8);
}
.orders-header .sale-order-history-link:last-child{
border-right: none;
}
.orders-header .sale-order-history-link.active {
border: none;
background-color: var(--white);
}
.orders-header .sale-order-history-link.active + .sale-order-history-link{
border-left: 1px solid var(--color2);
}
/*--//--*/
.orders-body {
padding: 0 30px 30px;
}
h3 {
font: 18px OpenSans-Semibold;
color: var(--color1);
margin-bottom: 15px;
}
.orders-item {
margin-bottom: 14px;
display: flex;
width: calc(100% - 50px);
justify-content: space-between;
align-items: center;
font: 13px OpenSans-Semibold;
color: var(--color3);
height: 64px;
padding: 0 25px;
background-color: var(--color8);
border: 1px solid var(--color2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.orders-item:last-child{
margin-bottom: 0;
}
.oib2-b2 {
font-size: 11px;
}
.oi-block1 {
width: 17%;
}
.oi-block2 {
width: 20%;
}
.oi-block3 {
width: 11%;
}
.oi-block4 {
width: 19%;
}
.oi-block5 {
width: 17%;
}
.oi-block6 {
width: 16%;
}
.orders-item a{
color: var(--color21);
}
/*-- end lk --*/
/*-- sale-order-detail --*/
.sale-order-detail{
}
.sale-order-detail-general{
}
.sod-block{
border: 1px solid var(--color2);
border-bottom: none;
border-radius: 5px 5px 0 0;
}
.sod-block:last-child {
border-bottom: 1px solid var(--color2);
border-radius: 5px;
}
.sodb-title{
height: 60px;
padding: 0 35px;
width: calc(100% - 70px);
border-bottom: 1px solid var(--color2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: flex;
align-items: center;
font: 14px OpenSans-Bold;
color: var(--color3);
text-transform: uppercase;
margin: 0;
background-color: var(--color8);
}
.sod-table {
}
.sod-curr {
padding: 28px 30px;
border-bottom: 1px solid var(--color2);
display: flex;
justify-content: space-between;
}
.sod-curr:last-child {
border-bottom: none;
}
.sale-order-detail-order-item-img-block a,
.sale-order-detail-order-item-img-block a img{
height: 66px;
width: 66px;
}
.sale-order-detail-order-item-img-block a {
display: table;
overflow: hidden;
border: 1px solid var(--color2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.sale-order-detail-order-item-img-block a img {
object-fit: cover;
display: block;
}
.sale-order-detail-order-item-img-block {
float: left;
margin-right: 45px;
}
.sale-order-detail-order-item-block {
display: table;
}
.sale-order-detail-order-item-title a {
font: 15px OpenSans-Bold;
color: var(--color1);
text-decoration: none;
}
.sale-order-detail-order-item-content {
float: left;
width: calc(100% - 158px);
padding-right: 45px;
}
.sod-props{
}
.sodp-curr{
font: 15px OpenSans-Regular;
color: var(--color3);
}
.sodp-curr span{
font: 13px OpenSans-Regular;
color: var(--color5);
}
.sale-order-detail-order-item-td {
width: 58%;
}
.sod-price{
font: 16px OpenSans-Semibold;
color: var(--color1);
width: 15%;
}
.sod-quantity{
font: 16px OpenSans-Regular;
color: var(--color3);
width: 13.5%;
}
.sod-sum{
font: 16px OpenSans-Bold;
color: var(--color1);
width: 13.5%;
text-align: right;
}
.sod-total-payment{
border-left: 1px solid var(--color2);
border-right: 1px solid var(--color2);
display: flex;
justify-content: end;
}
.sod-total-payment ul{
margin: 0;
padding: 10px 25px 30px 0;
}
.sod-total-payment ul li{
padding: 0;
margin: 0;
font: 13px OpenSans-Regular;
color: var(--color5);
margin-bottom: 3px;
width: 310px;
display: flex;
justify-content: space-between;
}
.sod-total-payment ul li:last-child{
margin-bottom: 0;
}
.sod-total-payment ul li:before{
display: none;
}
.sod-total-payment ul li span:nth-child(2){
color: var(--color3);
}
.sod-total-payment ul li.sod-itogo {
font: 16px OpenSans-Bold;
color: var(--color1);
}
.sod-total-payment ul li.sod-itogo span:nth-child(2){
font-size: 18px;
}
/*--//--*/
.sodao-block{
padding: 20px 40px 40px;
display: table;
width: calc(100% - 80px);
}
.sodao-block .sodaob-b1 {
width: calc(100% - 200px);
float: left;
}
.sodao-block .sodaob-b1 ul{
margin: 0;
}
.sodao-block .sodaob-b1 ul li{
display: table;
padding: 0;
margin: 0 0 20px;
}
.sodao-block .sodaob-b1 ul li:last-child{
margin-bottom: 0;
}
.sodao-block .sodaob-b1 ul li:before{
display: none;
}
.sodao-block .sodaob-b1 ul li span{
display: block;
float: left;
color: var(--color3);
}
.sodao-block .sodaob-b1 ul li span:nth-child(1){
width: 190px;
font: 13px OpenSans-Regular;
}
.sodao-block .sodaob-b1 ul li span:nth-child(2){
/*width: calc(100% - 190px);*/
width: auto;
font: 15px OpenSans-Bold;
}
/*--//--*/
.sodao-block .sodaob-b2 {
width: 170px;
float: right;
}
.sodpomicl,
.sodao-block .sodaob-b2 a:first-child {
margin-bottom: 10px;
}
.sale-order-payment-change-pp-company-smalltitle {
background-repeat: no-repeat;
padding-left: 100px;
}
.sale-order-payment-change-pp-company-smalltitle {
background-repeat: no-repeat;
padding-left: 190px;
height: 55px;
display: flex;
align-items: center;
background-position: left center;
cursor: pointer;
font: 15px OpenSans-Regular;
color: var(--color3);
}
.sale-order-payment-change-pp-company-smalltitle:hover {
font-family: OpenSans-Bold;
}
.sale-order-payment-change-pp-company {
margin-bottom: 10px;
}
.sale-order-payment-change-pp-company:last-child {
margin-bottom: 0;
}
.sale-order-payment-change-pp-list {
padding: 20px 0 0;
}
.sodao-block .sodaob-b1 ul li.status-awaiting-payment span:nth-child(2){
color: var(--color6);
}
.sodao-block .sodaob-b1 ul li.status-paid-processing span:nth-child(2){
color: var(--color16);
}
.sodao-block .sodaob-b1 ul li.status-complete span:nth-child(2),
.sodao-block .sodaob-b1 ul li.status-canceled span:nth-child(2){
background: var(--color13);
padding: 0 10px;
width: calc(100% - 210px);
}
/*-- end sale-order-detail --*/
/*-- bx-authform --*/
.cp-lk .bx-authform{
display: table;
margin: auto;
width: 100%;
max-width: 900px;
}
.cp-lk .bx-authform .titleH1{
text-align: center;
}
.cp-lk .bx-authform .subtitle{
margin-bottom: 45px;
font: 15px OpenSans-Regular;
color: var(--color20);
text-align: center;
}
.cp-lk .bx-authform form{
width: 534px;
padding: 40px 0 45px;
margin: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid var(--color2);
background-color: var(--color8);
}
.cp-lk .bx-authform form .bx-authform-description-container,
.cp-lk .bx-authform form .bx-authform-formgroup-container {
width: calc(100% - 80px);
margin: 0 auto 15px;
}
.cp-lk .bx-authform form .bx-authform-formgroup-container .bx-authform-label-container {
font: 13px OpenSans-Regular;
color: var(--color5);
margin-bottom: 5px;
text-indent: 20px;
}
.cp-lk .bx-authform form .bx-authform-formgroup-container input {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid var(--color2);
background-color: var(--white);
font: 13px OpenSans-Regular;
color: var(--color3);
padding: 0 20px;
}
.cp-lk .bx-authform form .bx-authform-formgroup-container .checkbox label{
cursor: pointer;
}
.cp-lk .bx-authform form .bx-authform-formgroup-container .checkbox input{
display: none;
}
.cp-lk .bx-authform form .bx-authform-formgroup-container .checkbox span{
display: block;
padding-left: 40px;
margin-left: 15px;
font: 12px/22px OpenSans-Semibold;
color: var(--color3);
position: relative;
}
.cp-lk .bx-authform form .bx-authform-formgroup-container .checkbox span:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 22px;
background-image: url('../img/checkbox.png');
background-repeat: no-repeat;
background-position: 0 -26px;
}
.cp-lk .bx-authform form .bx-authform-formgroup-container .checkbox input:checked + span:before{
background-position: 0 0;
}
.cp-lk .bx-authform form .btn-wrapper {
width: calc(100% - 80px);
margin: auto;
}
.cp-lk .bx-authform form .btn-wrapper .btn4{
width: 100%;
padding: 0;
}
.cp-lk .bx-authform .auth-dop-btns {
width: 460px;
margin: auto;
display: table;
padding-top: 30px;
}
.cp-lk .bx-authform .auth-dop-btns a:nth-child(1) {
float: left;
background: none;
padding: 0 28px;
}
.cp-lk .bx-authform .auth-dop-btns a:nth-child(2) {
float: right;
}
/*-- end bx-authform --*/
/*-- sitemap --*/
.sitemap-wrapper{
}
.sitemap-section{
}
/*-- end sitemap --*/
/*-- paging --*/
.paging {
margin: 50px 0 0;
width: 100%;
}
ul.pagination {
display: flex;
align-items: center;
justify-content: center;
}
ul.pagination li.page-item.disabled {
display: none;
}
ul.pagination li.page-item .page-link {
display: flex;
text-decoration: none;
width: 40px;
height: 40px;
justify-content: center;
align-items: center;
font: 15px OpenSans-Semibold;
color: var(--color3);
border-radius: 5px;
}
ul.pagination li.page-item a.page-link:hover,
ul.pagination li.page-item span.page-link{
color: var(--white);
background-color: var(--color6);
}
ul.pagination li.page-item {
margin: 0 4px;
}
/*-- end paging --*/
/*-- reviews --*/
.reviews-section {
margin-bottom: 50px;
}
.reviews-section .container-fluid {
display: block;
}
.reviews-wrapper {
background-color: var(--color8);
border: 1px solid var(--color2);
}
.reviews-slider {
padding: 50px 0 0;
}
.review-item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex !important;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: auto;
-webkit-box-direction: normal;
-moz-box-direction: normal;
padding: 1rem 3rem;
cursor: pointer;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.review-item__face {
height: 200px;
width: 150px;
min-width: 150px;
background-position: 0px 0px;
-webkit-background-size: 150px 150px;
background-size: 150px;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTAgMTg4IiBmaWxsPSIjZjFmMWYxIj4gICAgPHBhdGggZD0iTTE1MC4xLDc1YTc1LDc1LDAsMSwwLTc1LDc1LDY2LDY2LDAsMCwwLDkuNjgtLjcyTDE1MCwxODhsLjEtMTEzaDBaTTc1LDEzNWE2MCw2MCwwLDEsMSw2MC02MEE2MCw2MCwwLDAsMSw3NSwxMzVaIi8+PC9zdmc+);
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-moz-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.review-item__img-wrap {
max-width: 100px;
-webkit-border-radius: 100%;
border-radius: 100%;
overflow: hidden;
position: relative;
top: 25px;
left: 25px;
}
.owl-carousel .owl-item img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 50%;
}
.review-item__data {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-left: 3rem;
max-width: 700px;
}
.review-item__userdata-name {
background-color: var(--color6);
padding: 0.25rem 1rem;
font-size: 75%;
-webkit-border-radius: 1rem;
border-radius: 1rem;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
color: #fff;
display: inline-block;
margin-left: -1rem;
position: relative;
}
.review-item__userdata-name:before {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 0.63rem solid transparent;
border-top: 0.63rem solid var(--color6);
content: "";
position: absolute;
left: 0px;
top: 100%;
}
.review-item__post {
margin-top: 2rem;
}
.review-item__date {
padding-top: 0.5rem;
font-size: 75%;
color: #7d8698;
}
/*--//--*/
.section-head {
display: flex;
justify-content: space-between;
padding: 20px 40px;
border-bottom: 1px solid #f1f1f1;
}
.section-head__title h2 {
margin-bottom: 0;
font-size: 24px;
}
/*--//--*/
.reviews-arrow {
text-decoration: none;
display: flex;
width: 38px;
height: 38px;
border: 1px solid #bdbdbd;
border-radius: 50px;
align-items: center;
justify-content: center;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.reviews-arrow svg {
fill: #bdbdbd;
}
.reviews-arrow:hover svg use{
fill: #fff;
}
.section-head__controls {
display: flex;
}
.section-head__controls > a:first-child {
margin-right: 20px;
}
.reviews-arrow:hover {
background-color: var(--color6);
border-color: var(--color6);
}
/*--//--*/
.reviews-slider {
opacity: 0;
visibility: hidden;
transition: opacity 0.4s ease;
}
.reviews-slider.slick-initialized {
opacity: 1;
visibility: visible;
}
/*-- end reviews --*/
/*-- COOKIE BANNER --*/
.l-accept-cookies {
position: fixed;
bottom: 0;
left: 0;
right: 0;
border-top: 1px solid #ddd;
background: hsla(0, 0%, 100%, .9);
box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .2);
font-family: inherit;
z-index: 10002;
padding: 15px 20px;
color: var(--color12);
}
.l-accept-cookies a {
font: 16px/22px OpenSans-Regular, sans-serif;
color: #000;
text-decoration: underline;
}
.l-accept-cookies a:hover {
text-decoration: none;
}
.l-accept-cookies-cap {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
.l-content {
flex: 1;
min-width: 280px;
}
.l-accept-cookies strong,
.l-accept-cookies b {
font-family: OpenSans-Semibold;
font-weight: normal;
}
.l-title { font: 18px OpenSans-Regular, sans-serif; margin-bottom: 8px; color: var(--color20);}
.l-text { font: 16px / 18px OpenSans-Regular, sans-serif; color: var(--color20);}
.l-cookie-details {
display: none;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #eee;
font: 16px / 18px OpenSans-Regular, sans-serif;
color: var(--color20);
}
.l-cookie-details ul {
margin: 10px 0 15px 20px;
padding: 0;
}
.l-actions { margin-left: auto; }
.l-btn-group {
display: flex;
gap: 10px;
}
.l-btn {
width: 150px !important;
height: 40px !important;
line-height: 38px !important;
font-size: 16px !important;
}
@media (max-width: 550px) {
.l-btn-group {
flex-direction: column;
}
.l-btn-group > button {
width: 250px !important;
}
}
@media (max-width: 767px) {
.l-accept-cookies-cap { flex-direction: column; text-align: center; }
.l-actions { margin: 15px auto 0; }
}
/*-- end COOKIE BANNER --*/
/*-- block --*/
/*-- end block --*/
@media screen and (max-width: 1550px) {
.container-fluid{
width: 96%;
padding: 0 2%;
}
.hib-preim {
grid-column-gap: 4%;
}
}
@media screen and (max-width: 1450px) {
.bottom-block .pcc-btns {
width: 160px;
}
.bottom-block .quantity-block {
width: calc(100% - 180px);
}
.bottom-block .quantity-block .quantity-container {
width: calc(100% - 2px);
}
.main_menu ul.level-3 {
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (max-width: 1351px) {
.mainSlider {
max-height: 554px !important;
overflow: hidden;
}
}
@media screen and (max-width: 1300px) {
/*-- contact --*/
.cw-block2 .forms-wrapp {
margin-right: 0;
}
/*-- end contact --*/
}
@media screen and (max-width: 1200px) {
body{
font-size: 14px;
}
.btn2,
.btn1{
padding: 0 40px 0 22px;
height: 32px;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: 32px;
background-position: right 20px center;
background-size: 8px auto;
}
.btn3{
padding: 0 0 0 20px;
height: 34px;
width: 128px;
max-width: calc(100% - 20px);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: 34px;
}
.btn3:after{
width: 42px;
}
.ps_info .btn-success,
.btn4{
padding: 0 20px;
height: 34px;
width: 128px;
max-width: calc(100% - 40px);
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
border-radius: 4px !important;
line-height: 34px;
}
.btn5{
padding: 0;
height: 34px;
width: 120px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: 34px;
}
.btn5 span{
width: 87px;
}
.btn5:after{
width: 30px;
height: 34px;
background-size: 22px;
}
.btn6{
padding: 0 0 0 20px;
height: 34px;
/*width: 128px;*/
max-width: calc(100% - 20px);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: 34px;
}
.btn6:after{
width: 42px;
}
.btn7{
padding: 0 22px 0 40px;
height: 32px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: 32px;
background-position: left 22px center;
background-size: 8px auto;
}
.btn8{
height: 34px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: 34px;
}
.btn9{
height: 32px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: 32px;
}
/* -- HEADER -- */
.header-wrapper {
height: 108px;
}
.h-logo {
width: 140px;
margin-right: 44px;
}
/* -- SEARCH -- */
.h-search {
width: calc(100% - 515px);
}
.h-info {
float: right;
width: 330px;
display: flex;
align-items: center;
}
.mod-header-search {
padding-right: 40px;
}
.search-module input {
height: 32px;
width: calc(100% - 60px);
padding: 0 0 0 16px;
}
.search-module button {
height: 32px;
width: 44px;
}
.hi-fovorite {
padding-top: 3px;
}
/* -- INFO BLOCK -- */
.hi-phone {
margin-right: 52px;
}
.hi-phone a {
font: 14px OpenSans-Bold;
line-height: 33px;
}
.hi-lk {
margin-right: 40px;
}
/* -- ICONS -- */
.search-module button svg,
.hi-lk svg {
width: 16px;
height: 16px;
}
.hi-fovorite svg {
width: 18px;
height: 16px;
}
.hi-basket svg {
width: 13px;
height: 15px;
}
/* -- COUNTERS -- */
.hi-fovorite .intensa-favorite-counter {
padding-right: 12px;
margin-right: 40px;
}
.hi-basket .module-basket-counter span,
.hi-fovorite .intensa-favorite-counter span {
width: 16px;
height: 16px;
font: 9px/15px OpenSans-Regular;
top: -8px;
right: 3px;
}
.hi-basket .module-basket-counter {
padding-right: 12px;
}
/* -- end HEADER -- */
/*-- top-menu --*/
.top-menu{
margin-bottom: 20px;
}
.tm-wrapper{
height: 40px;
}
/*--//--*/
.main_menu ul.level-2 {
top: 40px;
width: calc(100% - 48px);
padding: 24px 24px;
}
.main_menu .arr--small svg {
width: 12px;
height: 12px;
}
.main_menu ul.level-3 {
padding: 16px 0 0 0;
grid-column-gap: 16px;
grid-row-gap: 4px;
grid-template-columns: repeat(3, 1fr);
}
.main_menu ul.level-3 li a{
font-size: 12px;
line-height: 14px;
}
.main_menu ul.level-3 li {
margin-bottom: 8px;
/*padding-left: 8px;*/
}
.main_menu ul.level-3 li:before{
/*top: -5px;*/
}
.main_menu a.parent-level-3 {
height: 29px;
}
/*--//--*/
.hb2-menu > ul > li > a {
font: 13px/41px OpenSans-Bold;
}
.hb2-menu > ul > li.contains-children:first-child > a {
width: 116px;
height: 28px;
line-height: 28px;
text-indent: 44px;
background-position: left 16px top 5px;
background-size: 18px auto;
}
/*-- end top-menu --*/
/*-- main-slider --*/
.mainSlider {
margin-bottom: 17px;
max-height: 502px !important;
padding-top: 16px;
}
.msc-text1{
font: 39px OpenSans-Bold;
margin-bottom: 24px;
}
.msc-text2{
font: 16px OpenSans-Regular;
margin-bottom: 43px;
}
.msc-btns a:first-child{
margin-right: 26px;
}
/*--//--*/
.slick-dots {
bottom: 56px;
}
.mainSlider .slick-dots {
bottom: 80px;
}
.slick-dots li{
margin-right: 12px;
}
.slick-dots li button{
width: 9px;
height: 9px;
}
.pfb1-block1 .slick-dots{
bottom: 28px;
}
/*-- end main-slider --*/
/*-- module-categ --*/
.module-categ{
margin-bottom: 28px;
}
.mc-body{
grid-column-gap: 18px;
grid-row-gap: 18px;
margin-bottom: 29px;
}
.mc-item{
border-radius: 4px;
}
.mc-item span{
width: calc(100% - 32px);
height: calc(100% - 32px);
padding: 16px;
font: 14px OpenSans-Semibold;
}
/*-- end module-categ --*/
/*-- teaser-module --*/
.teaser-module{
margin-bottom: 32px;
height: auto;
}
.teaser-item-wrapper .slick-dots {
top: -42px;
right: 16px;
}
h2,
.titleH2{
font: 29px OpenSans-Semibold;
text-indent: 12px;
margin-bottom: 18px;
}
.teaser-item {
margin: 0 12px;
}
.teaser-item-wrapper {
margin: 0 -12px;
}
.pcc-img {
border-radius: 4px;
margin-bottom: 16px;
}
.pcc-desc{
font: 14px/20px OpenSans-Semibold;
margin-bottom: 8px;
min-height: 40px;
padding: 0 6px;
}
.pcc-price{
font: 14px/16px OpenSans-Bold;
padding: 0 6px;
margin-bottom: 16px;
width: calc(100% - 12px);
}
.pcc-price > * {
margin-right: 12px;
}
.pccp-old {
font: 12px/6px Montserrat-bold;
padding-top: 6px;
}
.pccp-old:after{
top: 8px;
}
/*--//--*/
.icons-priznak{
top: 5px;
width: calc(100% - 40px);
}
.icons-priznak > *{
margin-right: 6px;
margin-bottom: 6px;
height: 24px;
padding: 0 10px;
border-radius: 4px;
font: 11px/24px OpenSans-Semibold;
}
/*--//--*/
.full-page .intensa-favorite-item,
.pc-curr-wrapper .intensa-favorite-item {
right: 12px;
top: 8px;
}
/*--//--*/
.quantity-container {
width: 80px;
height: 32px;
border-radius: 4px;
}
.quantity-container > * {
font: 14px OpenSans-Regular;
}
.basket-item-amount-btn-minus,
.basket-item-amount-btn-plus,
.product-item-amount-field-btn-minus,
.product-item-amount-field-btn-plus {
width: 24px;
height: 32px;
line-height: 32px;
}
.basket-item-amount-filed,
.product-item-amount-field {
width: calc(100% - 48px);
height: 32px;
}
.bottom-block .quantity-block {
width: calc(100% - 140px);
}
.bottom-block .quantity-block .quantity-container {
width: calc(100% - 2px);
}
.bottom-block .pcc-btns {
width: 130px;
}
.bottom-block .pcc-btns .btn3 {
padding-left: 13px;
max-width: calc(100% - 13px);
}
/*-- end teaser-module --*/
/*-- homepage-intro --*/
.homepage-intro {
padding-top: 6px;
}
.hi-title{
padding-left: 12px;
font: 12px/16px OpenSans-Semibold;
margin-bottom: 16px;
}
.hi-title:after {
width: 6px;
height: 8px;
margin-left: 8px;
}
.hi-body {
margin-bottom: 40px;
padding: 36px 40px;
border-radius: 2px;
}
.hib-text{
margin-bottom: 32px;
}
.hib-text h2{
font: 20px OpenSans-Semibold;
margin-bottom: 21px;
}
.hib-text p{
font: 14px/18px OpenSans-Regular;
margin-bottom: 16px;
}
/*--//--*/
.hib-preim {
grid-row-gap: 16px;
margin-bottom: 13px;
}
.hibp-img{
width: 40px;
margin-right: 12px;
}
.hibp-info{
width: calc(100% - 52px);
}
.hibp-item:first-child .hibp-img {
width: 48px;
}
.hibp-item:first-child .hibp-img img {
margin-top: -8px;
}
.hibp-item:first-child .hibp-info {
width: calc(100% - 60px);
}
.hibp-title{
font: 14px OpenSans-Bold;
margin-bottom: 9px;
}
.hibp-desc{
font: 13px OpenSans-Semibold;
}
/*-- end homepage-intro --*/
/*-- tg-block --*/
.tg-block{
margin-bottom: 40px;
}
.tgb-wrapper{
height: 92px;
}
.tgb-text{
font: 14px OpenSans-Regular;
padding-right: 32px;
}
/*-- end tg-block --*/
/*-- footer --*/
.f-block1{
padding: 22px 0;
}
.fb1-block1{
width: 296px;
}
.f-logo{
margin-bottom: 16px;
}
.f-logo img {
height: 78px;
filter: brightness(0) invert(1);
}
.fb1-phone{
margin-bottom: 4px;
}
.fb1-phone a{
padding-left: 24px;
font: 14px OpenSans-Bold;
background-size: 16px auto;
}
.fb1-grafic{
padding-left: 24px;
margin-bottom: 16px;
}
.fb1-email{
margin-bottom: 20px;
}
.fb1-email a{
padding-left: 24px;
background-size: auto 16px;
}
.fb1-soc{
padding-left: 24px;
}
.fb1-soc > *{
margin-right: 16px;
width: 29px;
height: 29px;
background-size: 120px auto;
}
.fb1-soc .wa {
background-position: -45px 0;
}
.fb1-soc .tg {
background-position: -90px 0;
}
.fb1-soc .max{
background: none;
}
.fb1-block2{
width: calc(100% - 296px);
}
.fb1b2-menu {
padding-top: 26px;
}
.footer_menu {
column-gap: 32px;
}
.footer_menu li{
margin-bottom: 12px;
}
.footer_menu li:nth-child(5) {
margin-bottom: 20px;
}
/*--//--*/
.f-block2{
height: 48px;
}
.fb2-block2 ul li{
margin-right: 47px;
}
/*-- end footer --*/
/*-- breadcrumb --*/
.bx-breadcrumb{
margin-bottom: 28px;
}
.breadcrumb-wrapper{
padding-left: 12px;
}
.bx-breadcrumb-item i{
margin: 0 12px;
}
/*-- end breadcrumb --*/
/*-- catalog --*/
.content,
.catalog{
padding-bottom: 44px;
}
h1,
.titleH1{
font: 26px OpenSans-Semibold;
margin-bottom: 28px;
}
h1 span,
.titleH1 span{
font-size: 14px;
}
/*--//--*/
.cp-left {
width: 240px !important;
margin-right: 44px;
top: 16px;
}
.cp-body {
width: calc(100% - 284px) !important;
}
/*--//--*/
.category_menu{
padding: 12px 22px 16px;
}
.category_menu li{
margin-bottom: 8px;
}
/*--//--*/
.filter-wrapper {
margin-bottom: 27px;
padding: 11px 16px 0;
}
.teaser-item-wrapp{
grid-column-gap: 24px;
grid-row-gap: 40px;
}
/*--//--*/
.filter-items .bx-filter-parameters-box {
margin-right: 16px;
margin-bottom: 11px;
}
.filter-items .bx-filter-parameters-box .bx-filter-parameters-box-title {
padding: 0 43px 0 14px;
height: 28px;
border-radius: 4px;
overflow: hidden;
}
.filter-items .bx-filter-parameters-box .bx-filter-parameters-box-title span {
font: 11px/28px OpenSans-Semibold;
}
.bx-filter .bx-filter-block {
width: 176px;
padding: 16px 16px 12px;
}
.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block {
width: 176px;
padding: 16px 16px 12px;
}
.filter-btns .btn-link {
font: 11px / 28px OpenSans-Semibold;
padding-left: 16px;
}
.btn-link-clear-wrapper:after{
width: 8px;
height: 8px;
left: 0;
top: calc(50% - 4px);
}
/*--//--*/
.bx-filter .bx-filter-parameters-box-container .bx-filter-parameters-box-container-block input {
padding: 0 0 0 16px;
width: calc(100% - 16px);
font: 12px OpenSans-Semibold;
}
.bx-filter .bx-ui-slider-track-container {
padding: 24px 12px 16px;
width: calc(100% - 24px);
}
.filter-wrapper .bx-filter .bx-ui-slider-handle {
top: -9px;
}
/*--//--*/
.filter-wrapper .bx-filter-parameters-box-container .checkbox{
margin-bottom: 4px;
}
.filter-wrapper .bx-filter .bx-filter-input-checkbox .bx-filter-param-text {
padding-left: 26px;
font: 14px/20px OpenSans-Regular;
}
.filter-wrapper .bx-filter .bx-filter-input-checkbox .bx-filter-param-text:after {
height: 16px;
width: 16px;
left: 1px;
top: 2px;
border-radius: 3px;
}
.filter-wrapper .bx-filter .bx-filter-input-checkbox input[type=checkbox]:checked + .bx-filter-param-text:after{
background-size: 12px auto;
}
/*--//--*/
.filter-items .bx-filter-parameters-box .bx-filter-parameters-box-title.active span.filter-clear-btn {
width: 24px;
}
/*--//--*/
.sorting-dropdown {
width: 176px;
}
.sorting-current {
padding-right: 32px;
margin-bottom: 12px;
font: 13px OpenSans-Regular;
}
.sorting-list {
top: calc(100% + 8px);
}
.sorting-list li a {
font: 13px OpenSans-Regular;
padding: 9px 12px 8px;
}
/*-- end catalog --*/
/*-- full-page --*/
.full-page{
margin-bottom: 32px;
}
.fp-block1{
float: left;
width: 496px;
margin-right: 52px;
}
.video-slide-wrapper iframe {
width: 100%;
height: 496px;
}
/*--//--*/
.image-full{
margin-bottom: 16px;
}
.image-thumb .slick-track{
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.it-item-video img {
max-width: 45px;
}
/*--//--*/
.fp-block2{
width: calc(100% - 548px);
}
.fpb2-block1{
height: 48px;
margin-bottom: 26px;
}
.fpb2b1-colvo,
.fpb2b1-scu {
margin-right: 60px;
font: 14px OpenSans-Semibold;
}
.fpb2b1-scu span{
font-size: 13px;
}
.fpb2b1-colvo span{
font-size: 13px;
}
/*--//--*/
.fpb2-block2 {
margin-bottom: 22px;
}
.fpb2b2-price{
font: 20px OpenSans-Bold;
margin-right: 20px;
}
.fpb2b2-oldprice{
font: 14px Montserrat-bold;
}
/*--//--*/
.fpb2-block3{
margin-bottom: 27px;
width: calc(100% - 160px);
}
.fpb2b3-item{
font: 13px OpenSans-Semibold;
margin-bottom: 6px;
}
.fpb2b3-title{
margin-right: 4px;
}
/*--//--*/
.fpb2-block4{
margin-bottom: 27px;
}
.fpb2-block4 .btn3 {
padding-left: 40px;
}
.product-item-detail-info-container{
margin-right: 20px;
}
.fpb2-block4 .quantity-container {
width: 120px;
}
.discount-block{
width: 144px;
height: 176px;
right: -160px;
}
.db-title{
font: 19px/30px OpenSans-Bold;
}
.db-title span{
font-size: 25px;
}
.db-text{
font: 14px/22px OpenSans-Semibold;
}
/*--//--*/
.fpb2-block5{
margin-bottom: 26px;
}
/*--//--*/
.desc-title{
font: 13px OpenSans-Semibold;
margin-bottom: 16px;
}
.desc-body{
font: 14px OpenSans-Regular;
}
.desc-body p{
margin-bottom: 19px;
}
/*--//--*/
.form-lb-wrapp {
padding: 36px 60px;
width: 344px;
}
.closeLbForm{
right: 12px;
top: 12px;
}
.closeLbForm svg {
width: 24px;
height: 24px;
}
/*--//--*/
.forms-wrapp .titleH1 {
font-size: 20px;
margin-bottom: 16px;
}
.cdi-curr{
margin-bottom: 16px;
}
.bx-soa-customer-field label,
.cdi-curr label{
padding-left: 10px;
font: 13px OpenSans-Regular;
margin-bottom: 4px;
}
.bx-soa-customer-field textarea,
.bx-soa-customer-field input,
.cdi-curr textarea,
.cdi-curr input{
height: 31px;
padding: 0 16px;
border-radius: 4px;
width: calc(100% - 34px);
}
.bx-soa-customer-field textarea,
.cdi-curr textarea{
padding: 16px;
height: 96px;
}
.cdi-soglasie,
.basket-politika,
.basket-soglasie,
.cdi-politika {
font: 13px OpenSans-Regular;
margin-bottom: 16px;
padding-left: 40px;
}
.cdi-soglasie:after,
.basket-politika:after,
.basket-soglasie:after,
.cdi-politika:after {
top: 1px;
height: 14px;
width: 26px;
}
.cdi-soglasie:before,
.basket-politika:before,
.basket-soglasie:before,
.cdi-politika:before {
top: 1px;
width: 11px;
height: 11px;
margin: 1.6px;
}
.cdi-soglasie.active:before,
.basket-politika.active:before,
.basket-soglasie.active:before,
.cdi-politika.active:before {
left: 11px;
}
.smart-captcha,
.g-recaptcha {
margin: 0 auto 16px;
}
.contactsend {
font: 16px OpenSans-Regular;
}
/*-- end full-page --*/
/*-- cart --*/
.table-items {
margin-bottom: 24px;
}
.basket-items-list {
padding: 24px;
}
.basket-items-list-item-container {
padding-bottom: 24px;
margin-bottom: 24px;
}
/*--//--*/
.col-image{
width: 160px;
}
.col-image a{
height: 104px;
width: 104px;
}
.col-image a img.basket-item-image {
width: 104px;
height: 104px;
}
/*--//--*/
.basket-desc {
width: 487px;
}
.basket-desc .icons-priznak {
margin: 4px 0;
}
/*--//--*/
.basket-quantity {
width: 224px;
padding-top: 26px;
}
.basket-price {
width: 114px;
}
.basket-item-block-price {
font: 14px OpenSans-Regular;
}
.quantity-container + .basket-price {
padding-top: 8px;
}
.basket-quantity .quantity-container {
width: 114px;
}
/*--//--*/
.basket-total_price {
width: 192px;
padding-top: 32px;
}
.basket-item-block-price-all{
font: 14px OpenSans-Bold;
}
/*--//--*/
.basket-items-list-item-remove {
width: 32px;
padding-top: 26px;
}
.basket-item-actions-remove{
height: 32px;
width: 32px;
}
/*--//--*/
.basket-item-block-info{
padding-right: 40px;
}
.basket-item-info-name.basket-title,
.basket-item-info-name.basket-title a{
font: 14px OpenSans-Bold;
}
.basket-item-property-custom-value{
font: 14px OpenSans-Regular;
}
/*--//--*/
.basket-checkout-section-inner {
height: 32px;
font: 14px OpenSans-Bold;
margin-right: 44px;
}
.basket-checkout-block.basket-checkout-block-total.tpw-title {
margin-right: 8px;
}
.basket-coupon-section .btn2 {
}
span.basket-coupon-text {
margin-right: 40px;
}
/*--//--*/
.basket-coupon-block-total-price-difference {
bottom: -32px;
width: 160px;
}
/*--//--*/
.basket-items-info{
height: 48px;
}
.bii-left{
padding-left: 24px;
}
.bii-right{
padding-right: 24px;
}
.bii-right button{
padding: 0 16px 0 0;
}
/*-- end cart --*/
/*-- order-make --*/
.order-make-body {
width: calc(100% - 320px) !important;
}
.order-make-sidebar {
width: 296px !important;
top: 16px;
margin-left: 24px;
}
/*--//--*/
.order-make-body .bx-soa-item-tr {
width: calc(100% - 48px);
justify-content: space-between;
padding: 22px 24px;
}
.order-make-body .bx-soa-section.bx-step-completed,
.order-make-body .bx-soa-section {
margin-bottom: 24px;
}
.bxp-form-header,
.order-make-body .bx-soa-section-title-container {
height: 48px;
}
.order-make-body span.bx-soa-section-title-count {
width: 17px;
height: 17px;
margin-right: 12px;
}
.order-make-body .bx-soa-section .bx-soa-section-title-count:after {
font: 13px/16px OpenSans-Regular;
}
.bxp-form-header .bx-soa-section-title,
.order-make-body .bx-soa-section-title,
.order-make-body .bx-soa-section.bx-selected .bx-soa-section-title {
padding-left: 24px;
}
.order-make-body .bx-soa-item-tr {
padding: 22px 24px;
}
/*--//--*/
.order-make-body .bx-soa-item-imgcontainer {
width: 56px;
height: 56px;
}
.bx-step-completed .bx-soa-item-img-block {
width: 58px;
margin: 0 36px 0 0;
}
.bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td:first-child {
width: 69%;
padding-right: 1%;
}
.bx-soa-item-content {
width: calc(100% - 94px);
}
.bx-soa-item-title a{
font: 14px OpenSans-Bold;
}
/*--//--*/
.order-make-body .bx-soa-item-tr > div:nth-child(3) {
}
.order-make-body .bx-soa-item-tr > div:nth-child(4) {
width: 15%;
}
/*--//--*/
.bx_soa_location.row .col-xs-12 {
padding: 20px 24px 24px;
}
.bx_soa_location.row label.bx-soa-custom-label{
padding-left: 10px;
margin-bottom: 4px;
}
.bx_soa_location.row .bx-sls .dropdown-block .bx-ui-sls-container,
.bx_soa_location.row .bx-sls .dropdown-block .bx-ui-sls-container input.bx-ui-sls-route,
.bx_soa_location.row .bx-sls .bx-ui-sls-fake,
.bx_soa_location.row .bx-sls .bx-ui-sls-route,
.bx_soa_location.row .bx-sls .dropdown-icon{
height: 32px;
}
.bx_soa_location.row .bx-sls .bx-ui-sls-clear {
height: 32px;
}
.bx_soa_location.row .form-group.bx-soa-location-input-container {
margin-bottom: 16px;
}
.bx_soa_location.row .form-group.bx-soa-location-input-container #zipProperty {
padding: 0 16px;
height: 32px;
}
.order-make-body .bx-soa-section-content .row.bx-soa-more .bx-soa-more-btn {
padding: 0 24px;
height: 80px;
}
.order-make-body .bx-soa-section .bx-soa-section-content {
padding: 16px;
}
.order-make-body .soa-properties .bx-soa-section-content.container-fluide {
padding: 16px;
}
/*--//--*/
.order-make-body .bx-soa-section .bx-soa-pp {
padding: 24px;
}
.order-make-body .bx-soa-section .bx-soa-pp .bx-soa-pp-item-container{
grid-column-gap: 32px;
grid-row-gap: 12px;
width: 346px;
padding: 0 53px 0 0;
}
/*--//--*/
.order-make-body .bx-soa-pp-company-graf-container {
height: 48px;
}
.order-make-body .bx-soa-pp-company-smalltitle{
padding: 8px 0 0;
}
.order-make-body .bx-soa-section .bx-soa-pp-desc-container .bx-soa-pp-company {
padding: 16px;
}
.order-make-body .bx-soa-section .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-subTitle {
margin-bottom: 12px;
}
.bx-soa-pp-desc-container .bx-soa-pp-company-logo {
max-width: 120px;
width: 92px;
}
.order-make-body .bx-soa-section .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-desc{
padding: 13px 0 0;
}
.order-make-body .bx-soa-section .bx-soa-pp-desc-container .bx-soa-pp-company ul.bx-soa-pp-list {
margin: 6px 0 0;
}
.order-make-body .bx-soa-section .bx-soa-pp-desc-container {
width: calc(100% - 400px);
}
/*--//--*/
.bx-soa-customer {
padding: 24px 24px 16px;
}
.bx-soa-customer + div{
padding: 0 24px 24px;
}
.bx-soa-customer-field {
margin-bottom: 12px;
}
/*--//--*/
.ps_logo,
.sale_order_full_table{
margin-bottom: 32px;
}
.soft-curr{
margin-bottom: 16px;
}
.ps_info .btn-success{
margin: 16px 0;
}
/*--//--*/
.basket-buy {
width: 280px;
}
/*--//--*/
.order-make-sidebar .bx-soa-section-title-container {
height: 48px;
padding: 0 24px;
}
.order-make-sidebar .bx-soa-cart-total .bx-soa-cart-total-line {
margin-bottom: 12px;
}
/*-- end order-make --*/
/*-- 404 --*/
.wrapper-404 {
padding: 92px 0 80px;
}
.block1-404{
margin-bottom: 32px;
}
.block2-404{
font: 26px OpenSans-Semibold;
margin-bottom: 12px;
}
.block3-404{
font: 14px OpenSans-Regular;
margin-bottom: 48px;
}
.block4-404{
grid-column-gap: 36px;
grid-row-gap: 16px;
}
/*-- end 404 --*/
/*-- contenty-page --*/
.content-page {
font: 15px OpenSans-Regular;
}
.content-page h2{
margin-bottom: 20px;
font-size: 20px;
}
.content-page table,
.content-page ol,
.content-page ul,
.content-page ol li,
.content-page ul li,
.content-page p{
margin-bottom: 22px;
}
.content-page ul li{
padding-left: 20px;
}
.content-page ul li:before{
left: 8px;
width: 4px;
height: 4px;
top: calc(50% - 2px);
}
/*--//--*/
.del-imgs {
padding: 8px 0 20px;
}
.del-img-curr img {
margin-bottom: 10px;
}
/*--//--*/
.content-page table td{
min-height: 28px;
font: 15px OpenSans-Regular;
padding: 5px 36px 6px 20px;
}
.content-page table td:nth-child(2){
font: 16px OpenSans-Bold;
}
.content-page table a{
font: 14px OpenSans-Semibold;
}
.content-page table td {
font-size: 13px;
padding: 4px 20px 5px 15px;
}
.content-page table td:nth-child(2) {
font-size: 14px;
}
.content-page table a {
font-size: 13px;
}
/*-- end contenty-page --*/
/*-- contact --*/
.cw-block1{
width: 600px;
padding-top: 24px;
}
.cw-block2{
width: calc(100% - 640px);
}
.cw-block2 .forms-wrapp {
padding: 20px 31px 31px;
}
.cw-block2 .forms-wrapp .cdi-curr {
margin-bottom: 8px;
}
.cw-block2 .forms-wrapp textarea {
height: 48px;
}
.contact-wrapper .g-recaptcha {
}
/*-- end contact --*/
/*-- about --*/
.about-table{
width: 480px;
}
/*-- end about --*/
/*-- lk --*/
.lk-body{
width: calc(100% - 320px);
}
.lk-sidebar{
width: 296px;
margin-left: 24px;
top: 16px;
}
.lks-menu a{
height: 48px;
padding: 0 24px;
font: 13px/48px OpenSans-Semibold;
}
/*--//--*/
.sale-personal-section{
grid-template-columns: repeat(4,1fr);
grid-column-gap: 28px;
grid-row-gap: 16px;
}
.sale-personal-section .sps-curr {
height: 136px;
}
.sale-personal-section .sps-curr img{
margin-bottom: 14px;
}
/*--//--*/
.bx_profile form {
padding: 24px 24px 32px;
}
.main-profile-block-date-info {
margin-bottom: 16px;
}
.btn-cancel {
margin-right: 24px;
}
/*--//--*/
.orders-header{
margin-bottom: 16px;
}
.orders-header .sale-order-history-link {
height: 48px;
}
/*--//--*/
.orders-body {
padding: 0 24px 24px;
}
h3 {
font: 14px OpenSans-Semibold;
margin-bottom: 12px;
}
.orders-item {
margin-bottom: 11px;
width: calc(100% - 40px);
height: 52px;
padding: 0 20px 30px;
position: relative;
}
.oi-block1 {
}
.oi-block2 {
width: 30%;
}
.oi-block3 {
width: 13%;
}
.oi-block4 {
width: 26%;
}
.oi-block5 {
position: absolute;
bottom: 15px;
width: 150px;
}
.oi-block6 {
position: absolute;
bottom: 15px;
left: 200px;
width: 150px;
}
/*-- end lk --*/
/*-- sale-order-detail --*/
.sodb-title{
height: 48px;
padding: 0 28px;
width: calc(100% - 56px);
font: 13px OpenSans-Bold;
}
.sod-curr {
padding: 22px 24px;
}
.sale-order-detail-order-item-img-block a,
.sale-order-detail-order-item-img-block a img{
height: 53px;
width: 53px;
}
.sale-order-detail-order-item-img-block {
margin-right: 36px;
}
.sale-order-detail-order-item-block {
}
.sale-order-detail-order-item-content {
width: calc(100% - 111px);
padding-right: 20px;
}
.sale-order-detail-order-item-title a {
font-size: 13px;
}
.sodp-curr {
font-size: 13px;
}
.sod-price{
font-size: 14px;
}
.sod-quantity{
font-size: 14px;
}
.sod-sum{
font-size: 14px;
}
.sod-total-payment ul{
padding: 8px 20px 24px 0;
}
.sod-total-payment ul li{
margin-bottom: 2.4px;
width: 248px;
}
/*--//--*/
.sodao-block{
padding: 16px 32px 32px;
width: calc(100% - 64px);
}
.sodao-block .sodaob-b1 {
width: calc(100% - 160px);
}
.sodao-block .sodaob-b1 ul li{
margin: 0 0 16px;
}
.sodao-block .sodaob-b1 ul li span:nth-child(1){
width: 152px;
}
.sodao-block .sodaob-b1 ul li span:nth-child(2){
/*width: calc(100% - 152px);*/
width: auto;
}
.sodao-block .sodaob-b1 ul li span:nth-child(2) {
font-size: 13px;
}
/*--//--*/
.sodao-block .sodaob-b2 {
width: 136px;
}
.sodpomicl,
.sodao-block .sodaob-b2 a:first-child {
margin-bottom: 8px;
}
.sale-order-payment-change-pp-company-smalltitle {
padding-left: 152px;
height: 44px;
}
.sodao-block .sodaob-b1 ul li.status-complete span:nth-child(2),
.sodao-block .sodaob-b1 ul li.status-canceled span:nth-child(2){
padding: 0 8px;
/*width: calc(100% - 176px);*/
width: auto;
}
/*-- end sale-order-detail --*/
/*-- bx-authform --*/
.cp-lk .bx-authform{
max-width: 720px;
}
.cp-lk .bx-authform .subtitle{
margin-bottom: 36px;
font: 14px OpenSans-Regular;
}
.cp-lk .bx-authform form{
max-width: 427px;
width: 100%;
padding: 32px 0 36px;
}
.cp-lk .bx-authform form .bx-authform-description-container,
.cp-lk .bx-authform form .bx-authform-formgroup-container {
width: calc(100% - 64px);
margin: 0 auto 12px;
}
.cp-lk .bx-authform form .bx-authform-formgroup-container .bx-authform-label-container {
margin-bottom: 4px;
text-indent: 16px;
}
.cp-lk .bx-authform form .bx-authform-formgroup-container input {
padding: 0 16px;
}
.cp-lk .bx-authform form .bx-authform-formgroup-container .checkbox span{
padding-left: 32px;
margin-left: 12px;
font: 12px/18px OpenSans-Semibold;
}
.cp-lk .bx-authform form .bx-authform-formgroup-container .checkbox span:before{
width: 19px;
height: 18px;
background-position: 0 -20px;
background-size: 19px auto;
}
.cp-lk .bx-authform form .bx-authform-formgroup-container .checkbox input:checked + span:before{
background-position: 0 0;
}
.cp-lk .bx-authform form .btn-wrapper {
width: calc(100% - 64px);
}
.cp-lk .bx-authform .auth-dop-btns {
max-width: 410px;
width: 100%;
padding-top: 24px;
}
.cp-lk .bx-authform .auth-dop-btns a:nth-child(1) {
padding: 0 22px;
}
/*-- end bx-authform --*/
/*-- paging --*/
.paging {
margin: 40px 0 0;
}
ul.pagination li.page-item .page-link {
width: 32px;
height: 32px;
font: 13px OpenSans-Semibold;
border-radius: 4px;
}
ul.pagination li.page-item {
margin: 0 3px;
}
/*-- end paging --*/
}
@media screen and (max-width: 1100px) {
/*-- contact --*/
.cw-block1 {
width: 500px;
}
.cw-block2 {
width: calc(100% - 530px);
}
/*-- end contact --*/
}
@media screen and (max-width: 980px) {
/*-- mainSlider --*/
.mainSlider .slick-dots {
bottom: -7px;
}
/*-- end mainSlider --*/
/*-- module-categ --*/
.mc-body{
grid-template-columns: repeat(4, 1fr);
}
.mc-body .mc-item:nth-child(5) {
display: none;
}
/*-- end module-categ --*/
/*-- homepage-intro --*/
.hib-preim {
grid-template-columns: repeat(2, 1fr);
}
.hibp-item br {
display: none;
}
/*-- end homepage-intro --*/
/*-- footer --*/
.f-block2 {
display: table;
height: auto;
padding: 20px 0;
width: 100%;
}
.fb2-block2 {
float: right;
clear: left;
padding-top: 10px;
}
.fb2-block1 a {
display: table;
float: right;
}
.fb2-block1 {
display: table;
width: 100%;
}
/*-- end footer --*/
/*-- top-menu --*/
.main_menu > li:not(:first-child) {
display: none;
}
.hb2-menu ul.main_menu {
align-items: center;
justify-content: flex-start;
}
.hb2-menu > ul > li.contains-children:first-child {
height: 40px;
}
.hb2-menu > ul > li.contains-children:first-child > a {
pointer-events: none;
}
.h-search-desktop {
display: none;
}
.h-search-mobile {
display: block;
}
.h-search.h-search-mobile {
width: calc(100% - 136px);
float: left;
padding-top: 6px;
}
.h-search.h-search-mobile .mod-header-search {
padding: 0;
}
.h-search.h-search-mobile .search-module input {
height: 26px;
}
.h-search.h-search-mobile button.search-btn {
height: 26px;
}
.tm-wrapper {
display: table;
width: 100%;
}
.hb2-menu {
float: left;
margin-right: 20px;
}
/*-- end top-menu --*/
/*-- category-page --*/
.cp-left {
display: none !important;
}
.cp-body {
width: 100%;
}
.favorite-page .teaser-item-wrapp {
grid-template-columns: repeat(3, 1fr);
}
/*-- end category-page --*/
/*-- full-page --*/
.fp-block1 {
float: none;
width: 100%;
max-width: 496px;
margin: 0 auto 20px;
}
.fp-block2 {
width: 100%;
}
/*-- end full-page --*/
/*-- lk --*/
.sale-personal-section {
grid-template-columns: repeat(2, 1fr);
}
.lk-sidebar {
display: none;
}
/*-- end lk --*/
/*-- cart --*/
.basket-items-list-item-container {
display: grid;
grid-template-columns: 130px 1fr;;
grid-column-gap: 20px;
grid-row-gap: 5px;
position: relative;
}
.basket-items-list-item-remove {
position: absolute;
right: 0;
top: 0;
padding: 0;
}
.basket-items-list-item-container > div {
width: auto;
}
/*-- end cart --*/
/*-- basket --*/
.order-make-wrapper {
display: table;
}
.order-make-body {
width: 100% !important;
}
.order-make-sidebar {
width: 100% !important;
margin: 10px 0 0;
}
/*-- end basket --*/
/*-- contact --*/
.cw-block1 {
float: none;
width: 100%;
}
.cw-block2 {
float: none;
width: 100%;
}
/*-- end contact --*/
/*-- block --*/
/*-- end block --*/
}
@media screen and (max-width: 800px) {
/*-- footer --*/
.footer_menu {
column-count: 2;
}
/*-- end footer --*/
/*-- main_menu --*/
.main_menu ul.level-3 {
grid-template-columns: repeat(2, 1fr);
}
/*-- end main_menu --*/
/*-- cart --*/
.basket-checkout-container {
flex-direction: column;
width: 100%;
}
.basket-coupon-section {
margin-bottom: 20px;
}
.basket-checkout-right > .basket-checkout-block.basket-checkout-block-btn.btn-wrapper {
float: right;
}
/*-- end cart --*/
/*-- basket --*/
.order-make-body .bx-soa-section .bx-soa-pp {
display: table;
width: calc(100% - 48px);
}
.order-make-body .bx-soa-section .bx-soa-pp .bx-soa-pp-item-container {
width: 100%;
padding: 0;
margin-bottom: 20px;
}
.order-make-body .bx-soa-section .bx-soa-pp-desc-container {
width: 100%;
}
/*-- end basket --*/
/*-- block --*/
/*-- end block --*/
}
@media screen and (max-width: 780px) {
.image-thumb {
display: none !important;
}
.image-full ul.slick-dots {
position: relative;
bottom: 0;
padding-top: 10px;
display: table !important;
}
.image-full ul.slick-dots li {
float: left;
}
/*--//--*/
.review-item {
flex-direction: column;
}
.section-head__controls {
display: none;
}
.review-item__data {
margin: 0;
}
}
@media screen and (max-width: 700px) {
/*-- homepage-intro --*/
.mc-body {
grid-template-columns: repeat(3, 1fr);
}
.mc-body .mc-item:nth-child(5),
.mc-body .mc-item:nth-child(6) {
display: block;
}
/*-- end homepage-intro --*/
/*-- mainSlider --*/
.msc-text1 {
font-size: 30px;
}
/*-- end mainSlider --*/
/*-- category-page --*/
.favorite-page .teaser-item-wrapp,
.teaser-item-wrapp {
grid-template-columns: repeat(2, 1fr);
}
/*-- end category-page --*/
/*-- lk --*/
.oi-block5, .oi-block6 {
position: unset;
width: auto;
}
.orders-item {
grid-template-columns: repeat(2,1fr);
grid-column-gap: 20px;
grid-row-gap: 10px;
display: grid;
height: auto;
padding: 20px;
}
.orders-item > div {
width: auto !important;
}
/*-- end lk --*/
/*-- full-page --*/
.fpb2b1-colvo, .fpb2b1-scu {
margin: 0;
width: 50%;
}
/*-- end full-page --*/
/*-- block --*/
/*-- end block --*/
}
@media screen and (max-width: 600px) {
/*-- block --*/
.hib-preim {
grid-template-columns: repeat(1, 1fr);
text-align: center;
}
.hibp-img {
float: none;
margin: 0 auto;
}
.hibp-info {
width: 100% !important;
}
/*-- end block --*/
/*-- footer --*/
.fb1-block1 {
display: table;
float: none;
width: 100%;
text-align: center;
}
.fb1-soc {
display: table;
margin: auto;
}
.fb1-block2 {
width: 100%;
margin: auto;
max-width: 320px;
float: none;
}
.fb2-block2 ul li {
float: none;
text-align: center;
margin: 0 0 5px;
}
.fb2-block2 ul li:last-child{
margin-bottom: 0;
}
.fb2-block2 {
float: none;
width: 100%;
}
.fb2-block2 ul {
margin: auto;
}
/*-- end footer --*/
/*-- basket --*/
.order-make-body .bx-soa-item-tr {
display: grid;
grid-template-columns: repeat(2,1fr);
grid-column-gap: 20px;
grid-row-gap: 5px;
}
.order-make-body .bx-soa-item-tr > :nth-child(1) {
grid-column: 1 / 3;
width: 100% !important;
padding: 0 !important;
}
.order-make-body .bx-soa-item-tr > div:nth-child(3) {
grid-column: 1 / 2;
}
.order-make-body .bx-soa-item-tr > div:nth-child(4) {
grid-column: 2 / 3;
}
.order-make-body .bx-soa-item-td .bx-soa-item-td-text {
font-size: 14px;
white-space: nowrap;
}
.order-make-body .bx-soa-item-tr > div {
width: 100% !important;
}
/*-- end basket --*/
/*-- block --*/
/*-- end block --*/
}
@media screen and (max-width: 580px) {
/*-- mainSlider --*/
.mainSlider {
max-height: unset !important;
}
.mainSlider .slick-dots {
bottom: 60px;
}
/*-- end mainSlider --*/
/*-- block --*/
/*-- end block --*/
}
@media screen and (max-width: 550px) {
/*-- header --*/
.h-info {
float: right;
width: auto;
}
.h-info > div.hi-phone {
display: none;
}
/*-- end header --*/
/*-- main_menu --*/
.main_menu ul.level-3 {
grid-template-columns: repeat(1, 1fr);
}
.main_menu ul.level-3 li a {
font-size: 14px;
line-height: 14px;
}
.main_menu ul.level-3 li {
margin-bottom: 15px;
}
/*-- end main_menu --*/
/*-- full-page --*/
.fp-block1 {
width: 90vw;
max-width: unset;
}
.discount-block {
position: relative;
width: 100%;
right: auto;
left: 0;
height: auto;
flex-direction: row;
justify-content: space-around;
padding: 10px 0;
}
.fpb2-block3 {
width: 100%;
}
/*-- end full-page --*/
/*-- content-page --*/
.about-table {
width: 345px;
}
/*-- end content-page --*/
/*-- lk --*/
.orders-header .sale-order-history-link {
font-size: 12px;
padding: 0 10px;
}
.sale-order-detail-order-item-block {
display: flex;
flex-direction: column;
width: 100%;
}
.sale-order-detail-order-item-td {
width: 50%;
}
.sale-order-detail-order-item-content {
width: 100%;
padding: 0;
}
.sod-price {
display: none;
}
.sod-sum, .sod-quantity {
width: 25%;
}
/*-- end lk --*/
/*-- cart --*/
.basket-items-list-item-container {
grid-template-columns: repeat(1, 1fr);
}
/*-- end cart --*/
/*-- block --*/
/*-- end block --*/
}
@media screen and (max-width: 500px) {
/*-- mainSlider --*/
.mscb2-wrapp > div {
padding: 0 10px;
}
/*-- end mainSlider --*/
/*-- module-categ --*/
.mc-body {
grid-template-columns: repeat(2, 1fr);
}
/*-- end module-categ --*/
/*-- teaser-module --*/
.bottom-block .quantity-block {
width: 100%;
margin-bottom: 15px;
}
.bottom-block .pcc-btns {
width: 100%;
}
.bottom-block .pcc-btns .btn3 {
width: 100%;
padding-left: 0;
max-width: 100%;
text-indent: calc(50% - 50px);
}
.teaser-item-wrapper .slick-dots {
top: -25px;
right: 0;
}
/*-- end teaser-module --*/
/*-- homepage-intro --*/
.hi-body {
margin-bottom: 30px;
padding: 26px 30px;
}
/*-- end homepage-intro --*/
/*-- block --*/
.tgb-wrapper {
flex-direction: column;
height: auto;
padding: 20px 0;
}
.tgb-text {
padding: 0 0 20px;
}
/*-- end block --*/
/*-- footer --*/
.fb2-block1 span {
display: table;
}
.fb2-block1 {
position: relative;
}
.fb2-block1 a {
position: absolute;
right: 0;
bottom: 0;
}
/*-- end footer --*/
/*-- lk --*/
.orders-item > div{
text-align: center;
}
.orders-item {
grid-template-columns: repeat(1, 1fr);
}
/*-- end lk --*/
/*-- basket --*/
.order-make-body .bx-soa-section .bx-soa-pp .bx-soa-pp-item-container {
grid-template-columns: repeat(2,1fr);
}
/*-- end basket --*/
/*-- block --*/
/*-- end block --*/
}
@media screen and (max-width: 420px) {
.mainSlider {
height: 490px;
overflow: hidden;
}
.msc-block1 {
display: flex;
width: 100%;
height: 490px;
align-items: center;
justify-content: center;
}
.msc-block1 img {
height: 490px;
width: auto;
}
}
@media screen and (max-width: 400px) {
/*-- mainSlider --*/
.msc-btns a {
float: none;
margin-bottom: 10px;
}
.mainSlider .slick-dots {
bottom: 30px;
}
/*-- end mainSlider --*/
/*-- contact --*/
.cw-block2 .forms-wrapp {
padding: 16px 20px 25px;
}
/*-- end contact --*/
/*-- lk --*/
.cp-lk .bx-authform .auth-dop-btns {
display: table;
width: auto;
}
.cp-lk .bx-authform .auth-dop-btns a:nth-child(1) {
margin-bottom: 10px;
}
.cp-lk .bx-authform .auth-dop-btns a {
display: block;
float: none !important;
}
/*-- end lk --*/
/*-- block --*/
/*-- end block --*/
}