html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-size: 100%;
}
body {
font-family: 'Roboto', sans-serif;
font-weight: 300;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
font-size: 14px;
background-color: #ffffff;
line-height: 21px;
margin: 0;
}
img {
border: 0;
}
input {
font: normal normal 13px "Roboto", arial, sans-serif;
outline: none;
}
input[placeholder] {
text-overflow: ellipsis;
}
input::-moz-placeholder {
text-overflow: ellipsis;
}
input:-moz-placeholder {
text-overflow: ellipsis;
}
input:-ms-input-placeholder {
text-overflow: ellipsis;
}
a:not([href]) {
cursor: default;
}
a:hover, a:focus {
text-decoration: none;
}
:focus::-webkit-input-placeholder {
color: transparent;
}
:focus::-moz-placeholder {
color: transparent;
}
:focus:-moz-placeholder {
color: transparent;
}
:focus:-ms-input-placeholder {
color: transparent;
}
input:focus {
outline: none;
}
a {
outline: none;
}
h1 {
line-height: 36px;
font-weight: 300;
text-align: left;
margin: 0 0 24px;
font-size: 24px;
color: #000000;
display: block;
}
h2 {
font-weight: 300;
font-size: 18px;
}
h3 {
font-weight: 300;
font-size: 16px;
}
b, strong {
font-weight: 400;
}
* {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
#topHeader {
position: relative;
min-width: 320px;
height: 30px;
z-index: 35;
}
.clearfix:before,
.clearfix:after {
content: '';
display: table;
}
.clearfix:after {
clear: both;
}
.loading #topHeader,
.loading #topHeader2,
.loading #topHeader3,
.loading #topHeader4,
.loading #topHeader5,
.loading #topHeader6,
.loading #topHeader7,
.loading #topHeader8,
.loading #topHeader9 {
overflow: hidden;
}
.loading #topMenu {
opacity: 0;
}
.bold {
font-weight: 700;
}
#topService {
float: right;
padding: 0;
margin: 0;
}
#topService div[id^=bx_incl_area_] {
float: left;
}
#topService li {
line-height: 30px;
list-style: none;
padding: 0 12px;
float: left;
margin: 0;
}
#topService .null {
display: inline-block;
line-height: 0px;
padding: 0px;
height: 0px;
width: 0px;
}
#topService li:not(.null) a {
font: normal normal 13px "Roboto", arial, sans-serif;
font-weight: 300;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
vertical-align: middle;
text-decoration: none;
display: inline-block;
}
#topService li:not(.null) a:active {
position: relative;
top: 1px;
}
#topService li:not(.null) a:focus {
transition: all 0.7s;
}
/* Sub Header */
#subHeader {
min-width: 320px;
height: 102px;
z-index: 3;
}
.loading #subHeader,
.loading #subHeader2,
.loading #subHeader3,
.loading #subHeader4,
.loading #subHeader5,
.loading #subHeader6,
.loading #subHeader7,
.loading #subHeader8,
.loading #subHeader9,
.loading #subHeaderV2 {
overflow: hidden;
}
#subHeaderV2 {
background-color: #ffffff;
}
#subHeaderV2 .subHeaderContainer {
border-collapse: collapse;
table-layout: fixed;
display: table;
width: 100%;
}
#subHeaderV2 .subHeaderLeft,
#subHeaderV2 .subHeaderCenter,
#subHeaderV2 .subHeaderRight {
vertical-align: middle;
display: table-cell;
}
#subHeaderV2 .subHeaderLeft {
width: 680px;
}
#subHeaderV2 .subHeaderCenter {
text-align: center;
}
#subHeaderV2 .subHeaderRight {
text-align: right;
}
#logo a {
display: block;
}
#logo a:active {
position: relative;
top: 1px;
}
#topHeading {
padding: 0 18px;
width: 162px;
float: left;
}
#topHeading .vertical {
line-height: 102px;
}
#topHeading p {
font: normal normal 16px "Roboto", arial, sans-serif;
font-weight: 300;
vertical-align: middle;
display: inline-block;
line-height: 21px;
text-align: center;
margin: 0px;
}
#headerTools {
float: right;
height: 96px;
}
#headerTools .tools {
list-style: none;
padding: 0;
margin: 0;
}
#headerTools .tools .icon {
float: left;
}
#headerTools .tools .heading {
text-decoration: none;
font-size: 18px;
display: block;
}
#headerTools .tools .link {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
font-size: 13px;
}
#headerTools .tools .link:active {
position: relative;
top: 1px;
}
#headerTools .tools li {
line-height: 102px;
list-style: none;
padding: 0 18px;
float: left;
margin: 0;
}
#headerTools .tools div[id*="bx_"] {
float: left;
}
#headerTools .wrap {
vertical-align: middle;
display: inline-block;
line-height: 21px;
}
#headerTools .icon {
margin: 0 4px;
height: 40px;
}
#headerTools .nf {
float: left;
margin-left: 12px;
}
#headerTools .text {
font-size: 13px;
}
#headerTools .icon:active {
position: relative;
top: 1px;
}
#headerTools .telephone .icon {
width: 35px;
}
#headerTools .search .wrap {
padding: 0 8px;
}
#headerTools .search .icon {
width: 35px;
margin: 0;
}
#headerTools .wishlist .icon {
width: 36px;
}
#headerTools .compare .icon {
width: 35px;
}
#headerTools .cart .icon {
width: 44px;
}
#headerTools .cart ins {
display: inline-block;
text-decoration: none;
border-radius: 3px;
text-align: center;
margin-left: 4px;
padding: 0px 6px;
font-size: 13px;
}
#changeYouCity {
position: relative;
min-width: 320px;
padding: 18px 0;
display: none;
}
#changeYouCity .limiter {
position: relative;
}
#changeYouCity .heading {
font-size: 21px;
display: block;
}
#changeYouCity .list {
text-align: center;
overflow: hidden;
}
#changeYouCity .list li {
margin-top: 12px;
text-align: left;
float: left;
width: 25%;
}
#changeYouCity .list li a {
text-decoration: none;
font-size: 14px;
}
#changeYouCity .list li a:hover {
text-decoration: underline;
}
#changeYouCity #cityClose {
text-decoration: none;
position: absolute;
padding: 4px 12px;
font-size: 14px;
display: block;
right: 24px;
top: 0;
}
#changeYouCity #cityClose ins {
display: inline-block;
margin-right: 6px;
height: 10px;
width: 10px;
}
#topMenu .bar > a {
background: url(images/menuMore.png) 0 50% no-repeat transparent;
}
#topHeader.color_default #topMenu .bar > a {
background-image: url(images/menuMore2.png)
}
#topHeader.color_default #topMenu .sub {
background-color: #fbfbfb;
}
#topHeader.color_default #topMenu .sub li:hover {
background: #f9f9f9;
}
#topHeader.color_default #topMenu .sub li {
border-top: 1px solid #f3f3f3;
border-bottom: 0px;
}
#topMenu .bar > a:hover,
#topMenu .bar.active > a {
background: url(images/menuMore.png) -21px 50% no-repeat transparent;
}
#main {
margin-top: 12px;
min-width: 320px;
padding-bottom: 30px;
}
#main .compliter {
border-collapse: collapse;
table-layout: fixed;
display: table;
width: 100%;
}
#left {
display: table-cell;
vertical-align: top;
width: 355px;
}
#left .heading {
font-family: "Roboto";
text-decoration: none;
padding-left: 24px;
line-height: 65px;
font-weight: 300;
font-size: 18px;
display: block;
height: 65px;
}
#left .heading .arrow {
background-position: -27px 50%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#left .heading.opened .arrow {
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#left .menuRolled + .collapsed {
display: none;
}
#left .heading ins {
vertical-align: middle;
display: inline-block;
margin-right: 24px;
line-height: 65px;
height: 65px;
float: right;
width: 27px;
}
#left .sideBlock .heading {
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
line-height: 60px;
font-size: 16px;
height: 60px;
}
#left .sideBlock a.heading:hover {
opacity: 0.95;
}
#left #subscribe .copy {
text-align: center;
margin: 12px auto;
line-height: 24px;
font-size: 12px;
display: block;
width: 90%;
}
#left .banner {
text-align: center;
margin-top: 24px;
}
#left .banner img {
max-height: 100%;
vertical-align: middle;
max-width: 100%;
}
#right {
display: table-cell;
vertical-align: top;
padding-left: 24px;
}
#brandSearch {
border-collapse: collapse;
table-layout: fixed;
border-spacing: 0px;
width: 100%;
display: none;
}
#brandSearch td {
line-height: 50px;
height: 50px;
}
#brandSearch .label {
width: 140px;
}
#brandSearch .label span {
display: block;
text-align: center;
}
#brandSearch .all {
width: 60px;
}
#brandSearch .all a {
text-align: center;
display: block;
}
#brandSearch a {
text-decoration: none;
text-align: center;
display: block;
}
#slider {
position: relative;
overflow: hidden;
}
#slider ul {
position: relative;
list-style: none;
padding: 0;
margin: 0;
}
#slider ul li {
position: relative;
float: left;
}
#slider ul li span {
background-position: center center;
background-size: cover;
-moz-background-size: cover;
display: block;
height: 557px;
}
#slider ul li img {
width: auto;
display: inline-block;
margin-left: -120px;
}
#slider ol {
position: absolute;
list-style: none;
margin: 0px;
padding: 0px;
left: 50%;
bottom: 12px;
}
#slider ol li {
margin-right: 4px;
cursor: pointer;
height: 18px;
width: 18px;
float: left;
}
#main.color_black #slider .sliderContent {
color: #ffffff;
}
#main.color_white #left #leftMenu {
border-right: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
border-top: 1px solid #eeeeee;
}
#main.color_white #left #subLeftMenu {
border-bottom: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
}
#main.color_white #leftMenu {
background-color: #ffffff !important;
}
#main.color_white #leftMenu > li {
background-color: #ffffff !important;
}
#main.color_white #leftMenu li .menuLink {
color: #000000 !important;
}
#main.color_white #leftMenu > li:hover, #leftMenu .activeDrop {
color: #f6f6f6 !important;
}
#main.color_white #subLeftMenu {
border-top: 1px solid #eeeeee !important;
background-color: #ffffff !important;
}
#main.color_white #subLeftMenu a {
color: #000000 !important;
}
#popCats {
margin-top: 24px;
}
#popCats .sideBlockContent {
padding: 12px;
border-top: 0;
}
#popCats ul {
list-style: none;
padding: 0;
margin: 0;
}
#popCats li {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px;
}
#popCats li span,
#popCats li a {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
text-decoration: none;
padding: 4px 12px;
line-height: 21px;
display: block;
}
#collectionList {
margin-top: 24px;
position: relative;
overflow: hidden;
}
#collectionCarousel {
position: relative;
overflow: hidden;
margin: 0 -12px;
}
#collectionCarousel > ul {
list-style: none;
padding: 0;
margin: 0;
}
#collectionCarousel > ul li {
width: 33.3131313%;
float: left;
}
#collectionList .collection {
position: relative;
padding: 0 12px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#collectionList .collection .wrap {
border-bottom: none;
overflow: hidden;
padding: 12px;
}
#collectionList .collection .heading {
text-decoration: none;
margin-bottom: 12px;
line-height: 24px;
font-weight: 700;
font-size: 18px;
height: auto;
padding: 0;
}
#collectionList .collectionDesc {
line-height: 18px;
font-size: 12px;
}
#collectionList .goTo {
vertical-align: middle;
text-decoration: none;
text-align: center;
line-height: 50px;
font-size: 14px;
display: block;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
#collectionList .pic {
display: block;
margin-bottom: 18px;
text-align: center;
line-height: 420px;
height: 420px;
}
#collectionList .pic img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
#promoBlock,
#promoBlock > div[id*="bx_"] {
width: 100%;
display: table;
overflow: hidden;
table-layout: fixed;
border-collapse: collapse;
}
#sliderBlock, #bannersBlock,
#specialBlock {
display: table-cell;
vertical-align: top;
}
#bannersBlock,
#specialBlock {
padding-left: 12px;
position: relative;
overflow: hidden;
width: 356px;
}
#specialBlock {
padding-left: 24px;
width: 344px;
}
#left #specialBlock {
margin-bottom: 24px;
padding-left: 0px;
display: block;
width: 100%;
}
#bannersBlock ul {
list-style: none;
padding: 0;
margin: 0;
}
#bannersBlock ul li {
float: left;
}
#bannersBlock ul a {
display: block;
line-height: 0;
}
#bannersBlock ul li:first-child {
margin-bottom: 12px;
float: none;
}
#bannersBlock ul li:first-child + li {
padding-right: 12px;
}
#right .heading {
margin-bottom: 24px;
padding-left: 24px;
line-height: 60px;
font-size: 18px;
display: block;
height: 60px;
}
#footer {
/*margin-bottom: 55px;*/
/*padding-top: 24px;*/
overflow: hidden;
background: #f3f3f3;
}
#footer.variant_2 #leftFooter,
#footer.variant_4 #leftFooter {
color: #ffffff;
}
#footer.variant_5 #leftFooter,
#footer.variant_5 #rightFooter,
#footer.variant_5 #footerBottom,
#footer.variant_6 #rightFooter,
#footer.variant_6 #footerBottom,
#footer.variant_7 #leftFooter,
#footer.variant_7 #footerBottom,
#footer.variant_8 #leftFooter,
#footer.variant_8 #footerBottom {
background-color: #ffffff;
}
#footer.variant_6 #leftFooter,
#footer.variant_7 #rightFooter {
background-color: #f3f3f3;
}
#footer.variant_5 #footerBottom,
#footer.variant_6 #footerBottom,
#footer.variant_8 #footerBottom {
border-top: 1px solid #f1f1f1;
}
#footer.variant_7 #footerBottom {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#footer.variant_8 #footerBottom {
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
#footer.variant_2 #leftFooter a,
#footer.variant_4 #leftFooter a {
color: #ffffff;
}
#footer.variant_5 #leftFooter a,
#footer.variant_6 #leftFooter a,
#footer.variant_7 #leftFooter a,
#footer.variant_8 #leftFooter a {
color: #000000;
}
#footer.variant_2 #leftFooter a:hover,
#footer.variant_4 #leftFooter a:hover {
opacity: 0.8;
}
#footer.variant_2 #leftFooter .selected,
#footer.variant_4 #leftFooter .selected {
opacity: 0.7;
}
#footer.variant_2 #leftFooter .heading,
#footer.variant_4 #leftFooter .heading {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#footer.variant_5 #leftFooter .heading,
#footer.variant_6 #leftFooter .heading,
#footer.variant_7 #leftFooter .heading,
#footer.variant_8 #leftFooter .heading {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#footer.variant_2 #leftFooter ul li,
#footer.variant_4 #leftFooter ul li {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
#footer.variant_5 #leftFooter ul li,
#footer.variant_6 #leftFooter ul li,
#footer.variant_7 #leftFooter ul li,
#footer.variant_8 #leftFooter ul li {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#footer.variant_2 #leftFooter ul li:first-child,
#footer.variant_4 #leftFooter ul li:first-child,
#footer.variant_5 #leftFooter ul li:first-child,
#footer.variant_6 #leftFooter ul li:first-child,
#footer.variant_7 #leftFooter ul li:first-child,
#footer.variant_8 #leftFooter ul li:first-child {
border-top: 0px;
}
#footer.variant_3 #rightFooter,
#footer.variant_3 #rightFooter p,
#footer.variant_3 #rightFooter .list li,
#footer.variant_3 #rightFooter .telephone,
#footer.variant_3 #rightFooter .showMap,
#footer.variant_4 #rightFooter,
#footer.variant_4 #rightFooter p,
#footer.variant_4 #rightFooter .list li,
#footer.variant_4 #rightFooter .telephone,
#footer.variant_4 #rightFooter .showMap,
#footer.variant_8 #rightFooter,
#footer.variant_8 #rightFooter p,
#footer.variant_8 #rightFooter .list li,
#footer.variant_8 #rightFooter .telephone,
#footer.variant_8 #rightFooter .showMap {
color: #ffffff;
}
#footer.variant_8 #rightFooter .showMap:hover {
opacity: 0.7;
}
#footer.variant_5 #rightFooter,
#footer.variant_5 #rightFooter p,
#footer.variant_5 #rightFooter .list li,
#footer.variant_5 #rightFooter .email,
#footer.variant_6 #rightFooter,
#footer.variant_6 #rightFooter p,
#footer.variant_6 #rightFooter .list li,
#footer.variant_6 #rightFooter .email,
#footer.variant_7 #rightFooter,
#footer.variant_7 #rightFooter p,
#footer.variant_7 #rightFooter .list li,
#footer.variant_7 #rightFooter .email {
color: #000000;
}
#footer.variant_5 #rightFooter .email a,
#footer.variant_6 #rightFooter .email a,
#footer.variant_7 #rightFooter .email a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#footer.variant_3 #rightFooter .showMap:hover,
#footer.variant_4 #rightFooter .showMap:hover {
opacity: 0.8;
}
#footer.variant_3 #rightFooter .telephone,
#footer.variant_4 #rightFooter .telephone {
font-family: "Roboto";
font-weight: 500;
margin-top: 12px;
}
#footer.variant_3 #rightFooter .hr,
#footer.variant_4 #rightFooter .hr,
#footer.variant_8 #rightFooter .hr {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
#footer.variant_5 #rightFooter .hr,
#footer.variant_6 #rightFooter .hr,
#footer.variant_7 #rightFooter .hr {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#footer.variant_4 #footerBottom {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
#footer.variant_4 #footerBottom .sn .vk {
background: url(images/snC.png) 0 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .fb {
background: url(images/snC.png) -60px 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .od {
background: url(images/snC.png) -120px 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .tw {
background: url(images/snC.png) -180px 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .go {
background: url(images/snC.png) -240px 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .yo {
background: url(images/snC.png) -300px 0 no-repeat transparent;
}
.socTiktok-footer {
background: url(images/2_TikTok_02-1.png) 0 0 no-repeat transparent;
background-size: 60px !important;
}
#footer.variant_4 #footerBottom .sn .vk:hover {
background-position: 0 -60px;
}
#footer.variant_4 #footerBottom .sn .fb:hover {
background-position: -60px -60px;
}
#footer.variant_4 #footerBottom .sn .od:hover {
background-position: -120px -60px;
}
#footer.variant_4 #footerBottom .sn .tw:hover {
background-position: -180px -60px;
}
#footer.variant_4 #footerBottom .sn .go:hover {
background-position: -240px -60px;
}
#footer.variant_4 #footerBottom .sn .yo:hover {
background-position: -300px -60px;
}
#footer.variant_5 #footerBottom .sn .vk,
#footer.variant_6 #footerBottom .sn .vk,
#footer.variant_7 #footerBottom .sn .vk,
#footer.variant_8 #footerBottom .sn .vk {
background: url(images/snW.png) 0 0 no-repeat transparent;
}
#footer.variant_5 #footerBottom .sn .fb,
#footer.variant_6 #footerBottom .sn .fb,
#footer.variant_7 #footerBottom .sn .fb,
#footer.variant_8 #footerBottom .sn .fb {
background: url(images/snW.png) -60px 0 no-repeat transparent;
}
#footer.variant_5 #footerBottom .sn .od,
#footer.variant_6 #footerBottom .sn .od,
#footer.variant_7 #footerBottom .sn .od,
#footer.variant_8 #footerBottom .sn .od {
background: url(images/snW.png) -120px 0 no-repeat transparent;
}
#footer.variant_5 #footerBottom .sn .tw,
#footer.variant_6 #footerBottom .sn .tw,
#footer.variant_7 #footerBottom .sn .tw,
#footer.variant_7 #footerBottom .sn .tw {
background: url(images/snW.png) -180px 0 no-repeat transparent;
}
#footer.variant_5 #footerBottom .sn .go,
#footer.variant_6 #footerBottom .sn .go,
#footer.variant_7 #footerBottom .sn .go,
#footer.variant_8 #footerBottom .sn .go {
background: url(images/snW.png) -240px 0 no-repeat transparent;
}
#footer.variant_5 #footerBottom .sn .yo,
#footer.variant_6 #footerBottom .sn .yo,
#footer.variant_7 #footerBottom .sn .yo,
#footer.variant_8 #footerBottom .sn .yo {
background: url(images/snW.png) -300px 0 no-repeat transparent;
}
#footer.variant_5 #footerBottom .sn .vk:hover,
#footer.variant_6 #footerBottom .sn .vk:hover,
#footer.variant_7 #footerBottom .sn .vk:hover,
#footer.variant_8 #footerBottom .sn .vk:hover {
background-position: 0 -60px;
}
#footer.variant_5 #footerBottom .sn .fb:hover,
#footer.variant_6 #footerBottom .sn .fb:hover,
#footer.variant_7 #footerBottom .sn .fb:hover,
#footer.variant_8 #footerBottom .sn .fb:hover {
background-position: -60px -60px;
}
#footer.variant_5 #footerBottom .sn .od:hover,
#footer.variant_6 #footerBottom .sn .od:hover,
#footer.variant_7 #footerBottom .sn .od:hover,
#footer.variant_8 #footerBottom .sn .od:hover {
background-position: -120px -60px;
}
#footer.variant_5 #footerBottom .sn .tw:hover,
#footer.variant_6 #footerBottom .sn .tw:hover,
#footer.variant_7 #footerBottom .sn .tw:hover,
#footer.variant_8 #footerBottom .sn .tw:hover {
background-position: -180px -60px;
}
#footer.variant_5 #footerBottom .sn .go:hover,
#footer.variant_6 #footerBottom .sn .go:hover,
#footer.variant_7 #footerBottom .sn .go:hover,
#footer.variant_8 #footerBottom .sn .go:hover {
background-position: -240px -60px;
}
#footer.variant_5 #footerBottom .sn .yo:hover,
#footer.variant_6 #footerBottom .sn .yo:hover,
#footer.variant_7 #footerBottom .sn .yo:hover,
#footer.variant_8 #footerBottom .sn .yo:hover {
background-position: -300px -60px;
}
#footer.variant_4 .sn li:first-child {
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
#footer.variant_5 .sn li:first-child,
#footer.variant_6 .sn li:first-child,
#footer.variant_7 .sn li:first-child,
#footer.variant_8 .sn li:first-child {
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
#footer.variant_4 .sn li {
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
#footer.variant_5 .sn li,
#footer.variant_6 .sn li,
#footer.variant_7 .sn li,
#footer.variant_8 .sn li {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
#catalogLine {
margin-bottom: 24px;
border-radius: 4px;
line-height: 55px;
padding: 0 12px;
height: 55px;
}
#catalogLine .column {
display: inline-block;
margin-left: 12px;
}
#catalogLine .column:first-child {
margin-left: 0;
}
#catalogLine .column:last-child {
float: right;
}
#catalogLine .label {
display: inline-block;
margin-right: 12px;
}
#catalogLine select {
border-radius: 4px;
padding: 0 12px;
height: 30px;
}
#catalogLine .viewList {
vertical-align: middle;
display: inline-block;
overflow: hidden;
}
#catalogLine .viewList .element {
margin-left: 12px;
float: left;
}
#catalogLine .viewList .element:first-child {
margin-left: 0px;
}
#catalogLine .viewList .element a {
vertical-align: middle;
display: inline-block;
height: 55px;
width: 30px;
}
#catalogLine .viewList .element .squares {
background-position: 0 0;
}
#catalogLine .viewList .element .squares:hover {
background-position: -30px 0;
}
#catalogLine .viewList .element .squares.selected {
background-position: -60px 0;
}
#catalogLine .viewList .element .line {
background-position: 0 -55px;
}
#catalogLine .viewList .element .line:hover {
background-position: -30px -55px;
}
#catalogLine .viewList .element .line.selected {
background-position: -60px -55px;
}
#catalogLine .viewList .element .table {
background-position: 0 -110px;
margin: 0;
}
#catalogLine .viewList .element .table:hover {
background-position: -30px -110px;
}
#catalogLine .viewList .element .table.selected {
background-position: -60px -110px;
}
#catalogLine .viewList .element .squares:active,
#catalogLine .viewList .element .table:active,
#catalogLine .viewList .element .line:active {
position: relative;
top: 1px;
}
.catalogLineSpecialTime {
margin-bottom: 12px;
color: #666d83;
font-size: 0;
line-height: 0;
}
.catalogLineSpecialTime .specialTimeItem {
display: inline-block;
box-sizing: border-box;
border-radius: 2px;
text-align: center;
overflow: hidden;
margin-left: 2px;
padding: 8px 0px;
line-height: 14px;
height: 42px;
width: 48px;
background: #e0e0e0;
}
.catalogLineSpecialTime .specialTimeItem:first-child {
margin-left: 0px;
}
.catalogLineSpecialTime .specialTimeItemValue {
font-family: 'Roboto';
font-weight: 500;
font-size: 14px;
}
.catalogLineSpecialTime .specialTimeItemlabel {
font-family: "Roboto";
font-weight: 300;
font-size: 12px;
}
#rowFooter {
display: table;
width: 100%;
table-layout: fixed;
}
#leftFooter {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 24px 0 24px 24px;
display: table-cell;
vertical-align: top;
width: 60%;
}
#leftFooter .footerRow {
overflow: hidden;
list-style: none;
}
#leftFooter .column {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 48px;
width: 33.33%;
float: left;
}
#leftFooter .heading {
padding-bottom: 12px;
margin-bottom: 6px;
font-size: 20px;
display: block;
}
#leftFooter ul {
list-style: none;
padding: 0;
margin: 0;
}
#leftFooter ul li:first-child {
border: 0;
}
#leftFooter a {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
text-decoration: none;
font-size: 13px;
padding: 6px 0;
display: block;
}
#rightFooter {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 24px 0 24px 24px;
vertical-align: top;
display: table-cell;
width: 40%;
}
#rightFooter .rightTable {
border-collapse: collapse;
table-layout: fixed;
width: 100%;
}
#rightFooter .rightTable td {
vertical-align: top;
}
#rightFooter .rightColumn {
text-align: center;
padding: 0 24px;
}
#rightFooter .rightColumn .wrap {
display: inline-block;
text-align: left;
}
#rightFooter .list {
list-style: none;
padding: 0;
margin: 12px 0;
}
#rightFooter .list li {
margin-bottom: 8px;
line-height: 21px;
list-style: none;
font-size: 14px;
display: block;
}
#rightFooter .email a {
text-decoration: none;
}
#rightFooter p {
font-size: 14px;
display: block;
}
#rightFooter .hr {
padding-top: 12px;
}
#rightFooter .telephone {
margin-bottom: 24px;
font-size: 22px;
display: block;
}
#rightFooter .email {
display: block;
font-size: 18px;
}
#rightFooter .showMap {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: underline;
margin-top: 12px;
display: block;
}
#rightFooter .showMap:active {
position: relative;
top: 1px;
}
#rightFooter .logo img {
vertical-align: middle;
max-height: 100%;
max-width: 100%;
}
#rightFooter .logo a:active {
position: relative;
top: 1px;
}
#footerBottom {
line-height: 60px;
overflow: hidden;
height: 60px;
clear: both;
}
#footerBottom .creator {
padding-left: 24px;
float: left;
}
#footerBottom .creator a {
display: block;
line-height: 60px;
}
#footerBottom .creator a:active {
position: relative;
top: 1px;
}
#footerBottom .creator img {
vertical-align: middle;
}
#footerBottom .social {
padding-right: 24px;
float: right;
}
#footerBottom ul {
list-style: none;
padding: 0;
margin: 0;
}
#appBasket {
-webkit-transition: 0.1s all ease-in-out;
-o-transition: 0.1s all ease-in-out;
transition: 0.1s all ease-in-out;
background: rgba(0, 0, 0, 0.4);
position: fixed;
height: 100%;
width: 100%;
z-index: 1001;
left: 0px;
top: 0px;
display: none;
}
#appBasketContainer {
margin-left: -350px;
margin-top: -200px;
position: absolute;
height: 400px;
width: 700px;
left: 50%;
top: 50%;
}
#appBasket .heading {
position: relative;
text-align: center;
line-height: 60px;
font-size: 18px;
}
#appBasket .close {
position: absolute;
display: block;
height: 21px;
width: 21px;
right: 20px;
top: 20px;
}
#appBasket .container {
position: relative;
overflow: hidden;
}
#appBasket .markerContainer {
position: absolute;
top: 8px;
left: 8px;
}
#appBasket .rating {
position: absolute;
right: 12px;
top: 12px;
z-index: 2;
width: 79px;
}
#appBasket .rating i {
background: url(images/rating.png) repeat 0 0px transparent;
height: 15px;
width: 79px;
position: absolute;
display: block;
left: 0px;
top: 0px;
}
#appBasket .rating i.m {
background: url(images/rating.png) repeat 0 -14px transparent;
width: 0px;
z-index: 10;
}
#appBasket .markerContainer .marker {
font: normal normal 12px "Roboto", arial, sans-serif;
font-weight: 300;
margin-bottom: 8px;
line-height: 16px;
padding: 3px 4px;
z-index: 2;
}
#appBasket .picture {
position: relative;
line-height: 280px;
text-align: center;
height: 280px;
width: 300px;
float: left;
}
#appBasket .picture:active {
position: relative;
top: 1px;
}
#appBasket .picture img {
vertical-align: middle;
max-height: 90%;
max-width: 90%;
}
#appBasket .information {
line-height: 280px;
}
#appBasket .information .wrapper {
vertical-align: middle;
display: inline-block;
line-height: 21px;
}
#appBasket .name {
-webkit-transition: 0.1s all ease-in-out;
-o-transition: 0.1s all ease-in-out;
transition: 0.1s all ease-in-out;
max-width: 300px;
margin-bottom: 18px;
text-decoration: none;
font-size: 14px;
display: block;
}
#appBasket .price {
font-family: 'Roboto';
font-weight: 700;
margin-bottom: 18px;
font-size: 18px;
display: block;
}
#appBasket .price .discount {
font-family: 'Roboto';
padding-left: 8px;
font-size: 14px;
font-weight: 300;
}
#appBasket .qtyBlock {
margin-bottom: 18px;
overflow: hidden;
}
#appBasket .qtyBlock .label {
padding-right: 4px;
}
#appBasket .plus,
#appBasket .minus {
vertical-align: middle;
display: inline-block;
height: 19px;
width: 19px;
}
#appBasket .qty {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
display: inline-block;
text-align: center;
font-size: 12px;
margin: 0 2px;
height: 19px;
width: 40px;
padding: 0 2px;
border: 0;
}
#appBasket .qty.error {
border: 1px solid #ff0000;
}
#appBasket .sum {
font-family: 'Roboto';
font-weight: 700;
line-height: 50px;
padding: 0 24px;
font-size: 18px;
height: 50px;
}
#appBasket .sum .discount {
font-family: 'Roboto';
font-weight: 300;
padding-left: 8px;
font-size: 14px;
}
#appBasket .lower {
line-height: 60px;
overflow: hidden;
height: 60px;
}
#appBasket .lower .tools {
border-collapse: collapse;
table-layout: fixed;
border-spacing: 0px;
width: 100%;
}
#appBasket .lower tbody {
vertical-align: top;
}
#appBasket .lower .tools td {
padding: 0;
}
#appBasket .lower .tools .icon {
-webkit-transition: 0.1s all ease-in-out;
-o-transition: 0.1s all ease-in-out;
transition: 0.1s all ease-in-out;
vertical-align: top;
text-align: center;
line-height: 60px;
height: 60px;
width: 70px;
}
#appBasket .lower .tools .av:hover {
background: unset;
}
#appBasket .lower .tools .icon a {
text-decoration: none;
color: transparent;
display: block;
}
#appBasket .lower .tools .icon .ico {
vertical-align: middle;
display: inline-block;
height: 16px;
width: 17px;
}
#appBasket .lower .tools .addCompare .ico {
background: url(images/compare.png) 0 0 no-repeat transparent;
}
#appBasket .lower .tools .addCompare.added .ico {
background: url(images/compareActive.png) 0 0 no-repeat transparent;
}
#appBasket .lower .tools .addWishlist .ico {
background: url(images/wishlist.png) 0 0 no-repeat transparent;
}
#appBasket .lower .tools .addWishlist.added .ico {
background: url(images/wishlistActive.png) 0 0 no-repeat transparent;
}
#appBasket .lower .tools .inStock .ico {
background: url(images/inStock.png) 0 0 no-repeat transparent;
border-bottom: 0 !important;
}
#appBasket .lower .tools .outOfStock .ico {
background: url(images/outOfStock.png) 0 0 no-repeat transparent;
}
#appBasket .lower .tools .onOrder .ico {
background: url(images/onOrder.png) 0 0 no-repeat transparent;
}
#appBasket .lower .tools .delete .ico {
background: url(images/delete.png) 0 0 no-repeat transparent;
}
#appBasket .lower .tools .continue {
text-align: center;
width: 50%;
}
#appBasket .lower .tools .continue,
#appBasket .lower .tools .goToBasket {
-webkit-transition: 0.1s all ease-in-out;
-o-transition: 0.1s all ease-in-out;
transition: 0.1s all ease-in-out;
}
#appBasket .lower .tools .continue a,
#appBasket .lower .tools .goToBasket a {
line-height: 60px;
text-decoration: none;
font-size: 14px;
display: block;
}
#appBasket .lower .tools .continue .text,
#appBasket .lower .tools .goToBasket .text {
margin-top: 2px;
display: inline-block;
}
#appBasket .lower .tools .goToBasket img {
margin-top: -3px;
}
#appBasket .lower .tools .continue img,
#appBasket .lower .tools .goToBasket img {
vertical-align: middle;
padding-right: 12px;
}
#appBasket .lower .tools .goToBasket {
text-align: center;
width: 50%;
}
#appFastBuy {
-webkit-transition: 0.1s all ease-in-out;
-o-transition: 0.1s all ease-in-out;
transition: 0.1s all ease-in-out;
background: rgba(0, 0, 0, 0.4);
position: fixed;
height: 100%;
width: 100%;
z-index: 999999;
left: 0px;
top: 0px;
display: none;
}
#appFastBuyContainer {
box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);
background-color: #ffffff;
margin-left: -350px;
margin-top: -215px;
position: absolute;
overflow: hidden;
height: 450px;
width: 700px;
left: 50%;
top: 50%;
}
#appFastBuyContainer .column {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 24px;
/*padding: 0 24px;*/
width: 380px;
float: left;
}
#appFastBuyContainer .column:first-child {
text-align: center;
width: 320px;
}
#appFastBuyContainer .heading {
position: relative;
text-align: center;
line-height: 60px;
font-size: 18px;
height: 60px;
}
#appFastBuyContainer .title {
margin-bottom: 12px;
text-align: center;
margin-right: 24px;
font-size: 16px;
display: block;
}
#appFastBuyContainer .formLine {
margin-bottom: 12px;
}
#appFastBuyContainer input {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: "Roboto";
font-weight: 300;
padding-left: 12px;
width: 354px;
height: 50px;
border: 0;
}
#appFastBuyContainer input[type="checkbox"] {
vertical-align: middle;
display: inline-block;
margin-right: 6px;
margin-top: 0px;
height: 14px;
width: 14px;
}
#appFastBuyContainer input[type="checkbox"].error + label {
border-bottom: 1px solid #ff0000 !important;
}
#appFastBuyContainer textarea {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: "Roboto";
font-weight: 300;
padding-left: 12px;
padding-top: 12px;
resize: none;
width: 354px;
height: 60px;
border: 0;
}
#appFastBuyContainer input:focus,
#appFastBuyContainer textarea:focus {
outline: none;
}
#appFastBuyContainer #fastBuyFormSubmit {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
text-align: center;
line-height: 50px;
font-size: 14px;
display: block;
height: 50px;
width: 354px;
}
#appFastBuyContainer #fastBuyFormSubmit:active {
position: relative;
top: 1px;
}
#appFastBuyContainer #fastBuyFormSubmit.loading {
-webkit-transition: background 0s !important;
-o-transition: background 0s !important;
transition: background 0s !important;
text-indent: 12px;
opacity: 0.9;
}
#appFastBuyContainer #fastBuyFormSubmit.loading img {
display: none;
}
#appFastBuyContainer #fastBuyFormSubmit img {
vertical-align: middle;
padding-right: 4px;
margin-top: -2px;
}
#appFastBuyContainer .markerContainer {
position: absolute;
top: 0px;
left: 12px;
}
#appFastBuyContainer #fastBuyResult {
transform: translateY(50%);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 24px;
}
#fastBuyResult #fastBuyResultTitle {
text-align: center;
margin-top: 24px;
font-size: 16px;
}
#fastBuyResult #fastBuyResultMessage {
text-align: center;
margin-top: 24px;
}
#fastBuyResult #fastBuyResultClose {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
text-align: center;
line-height: 50px;
margin: 24px auto;
font-size: 14px;
display: block;
height: 50px;
width: 254px;
}
#fastBuyResult #fastBuyResultClose:active {
position: relative;
top: 1px;
}
#appFastBuyContainer .marker {
font: normal normal 12px "Roboto", arial, sans-serif;
font-weight: 300;
margin-bottom: 8px;
padding: 3px 4px;
line-height: 16px;
z-index: 2;
}
#appFastBuyContainer .name {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
font-size: 14px;
display: block;
text-decoration: none;
margin-bottom: 12px;
height: 44px;
line-height: 44px;
overflow: hidden;
}
#appFastBuyContainer .middle {
line-height: 21px;
vertical-align: middle;
display: inline-block;
}
#appFastBuyContainer .price {
font-family: 'Roboto';
font-weight: 700;
text-decoration: none;
margin-bottom: 12px;
font-size: 18px;
display: block;
}
#appFastBuyContainer .price .discount {
font-family: 'Roboto';
font-weight: 300;
padding-left: 4px;
font-size: 14px;
}
#appFastBuyContainer #fastBuyName {
padding: 0 24px;
}
#appFastBuyContainer #fastBuyPicture {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
margin-bottom: 12px;
position: relative;
text-align: center;
line-height: 230px;
display: block;
height: 230px;
}
#appFastBuyContainer #fastBuyPicture .url {
text-align: center;
line-height: 230px;
display: block;
height: 230px;
}
#appFastBuyContainer #fastBuyPicture .picture {
vertical-align: middle;
max-height: 90%;
max-width: 90%;
}
#appFastBuy .close {
background: url(images/exit.png) 0 0 no-repeat transparent;
position: absolute;
display: block;
height: 21px;
width: 21px;
right: 20px;
top: 20px;
}
#appFastBuy .close:hover {
background-position: 0 -21px;
}
#appFastBuy .close:active {
background-position: 0 -42px;
}
/*Also buy popup START*/
a.admin-also-buy-edit{
color: darkred;
}
.popup-container {
box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);
background-color: #ffffff;
margin-left: -350px;
margin-top: -215px;
position: absolute;
overflow: hidden;
height: 450px;
width: 700px;
left: 50%;
top: 50%;
}
.popup-container .column {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 24px;
/*padding: 0 24px;*/
width: 380px;
float: left;
}
.popup-container .column:first-child {
text-align: center;
width: 320px;
}
.popup-container .heading {
position: relative;
text-align: center;
line-height: 60px;
font-size: 18px;
height: 60px;
background-color: #424242;
color: #ffffff;
}
.popup-container .title {
margin-bottom: 12px;
text-align: center;
margin-right: 24px;
font-size: 16px;
display: block;
}
.popup-container .formLine {
margin-bottom: 12px;
}
.popup-container input {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: "Roboto";
font-weight: 300;
padding-left: 12px;
width: 354px;
height: 50px;
border: 0;
}
.popup-container input[type="checkbox"] {
vertical-align: middle;
display: inline-block;
margin-right: 6px;
margin-top: 0px;
height: 14px;
width: 14px;
}
.popup-container input[type="checkbox"].error + label {
border-bottom: 1px solid #ff0000 !important;
}
.popup-container textarea {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: "Roboto";
font-weight: 300;
padding-left: 12px;
padding-top: 12px;
resize: none;
width: 250px;
height: 150px;
border: 0;
background-color: #f3f3f3;
}
.popup-container input:focus,
.popup-container textarea:focus {
outline: none;
}
.popup-container button {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
text-align: center;
line-height: 50px;
font-size: 14px;
display: block;
height: 50px;
width: 250px;
margin-left:50px;
}
.popup-container button.popup-form-submit{
background-color: #F89E1C;
color: #ffffff;
}
.popup-container button.popup-form-submit:hover {
background-color: #ffa800;
}
.popup-container button:active {
position: relative;
top: 1px;
}
.popup-container button.loading {
-webkit-transition: background 0s !important;
-o-transition: background 0s !important;
transition: background 0s !important;
text-indent: 12px;
opacity: 0.9;
}
.popup-container button.loading img {
display: none;
}
.popup-container button img {
vertical-align: middle;
padding-right: 4px;
margin-top: -2px;
}
.popup-container .markerContainer {
position: absolute;
top: 0px;
left: 12px;
}
.popup-container .popup-result-content {
height: 250px; /* або інша висота, яка підходить під дизайн */
overflow-y: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 24px;
}
.popup-container .popup-result-content .error {
color: darkred;
}
.popup-container .popup-result-content .success {
color: darkgreen;
}
.popup-container .close {
background: url(images/exit.png) 0 0 no-repeat transparent;
position: absolute;
display: block;
height: 21px;
width: 21px;
right: 20px;
top: 20px;
}
.popup-container .close:hover {
background-position: 0 -21px;
}
.popup-container .close:active {
background-position: 0 -42px;
}
/*Also buy popup Finish*/
#appFastView {
-webkit-transition: 0.1s all ease-in-out;
-o-transition: 0.1s all ease-in-out;
transition: 0.1s all ease-in-out;
background: rgba(0, 0, 0, 0.4);
position: fixed;
overflow: auto;
z-index: 1000;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
/*display: none;*/
}
#appFastView .appFastViewContainer {
box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
background-color: #ffffff;
margin-left: -500px;
margin-top: -275px;
position: absolute;
height: 550px;
width: 1000px;
left: 50%;
top: 50%;
}
#appFastView .appFastViewColumnContainer {
height: 490px;
}
#appFastView .appFastViewPictureColumn {
border-right: 1px solid #dddddd;
position: relative;
height: 490px;
width: 336px;
float: left;
}
#appFastView .appFastViewDescriptionColumn {
position: relative;
overflow: hidden;
height: 100%;
width: 410px;
float: left;
}
#appFastView .appFastViewDescriptionColumnContainer {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 24px;
padding-top: 24px;
overflow-x: hidden;
position: absolute;
overflow-y: scroll;
height: 100%;
width: 100%;
left: 24px;
}
#appFastView .appFastViewDescriptionColumn:after {
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
pointer-events: none;
position: absolute;
display: block;
height: 50px;
content: '';
width: 100%;
bottom: 0px;
}
#appFastView .appFastViewInformationColumn {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #f3f3f3;
position: relative;
padding: 6px 24px 0;
height: 100%;
width: 251px;
float: left;
}
#appFastView .markerContainer {
position: absolute;
color: #ffffff;
z-index: 88;
left: 12px;
top: 12px;
}
#appFastView .marker {
font: normal normal 12px "Roboto", arial, sans-serif;
font-weight: 300;
margin-bottom: 8px;
line-height: 16px;
padding: 3px 4px;
z-index: 2;
}
#appFastView .appFastViewPictureSlider,
#appFastView .appFastViewPictureCarousel,
#appFastView .appFastViewPictureSliderItems,
#appFastView .appFastViewPictureCarouselItems {
-webkit-transition: left 0.2s ease-in-out;
-o-transition: left 0.2s ease-in-out;
transition: left 0.2s ease-in-out;
position: relative;
overflow: hidden;
}
#appFastView .appFastViewPictureSliderItems,
#appFastView .appFastViewPictureCarouselItems {
left: 0px;
}
#appFastView .appFastViewPictureCarouselItems {
padding-bottom: 12px;
}
#appFastView .appFastViewPictureCarousel {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 12px 12px 12px;
margin: 0 24px;
}
#appFastView .appFastViewPictureSliderItem,
#appFastView .appFastViewPictureCarouselItem {
text-align: center;
float: left;
}
#appFastView .appFastViewPictureSliderItem {
line-height: 380px;
height: 380px;
}
#appFastView .appFastViewPictureSliderItemLayout {
vertical-align: middle;
display: inline-block;
line-height: 0;
}
#appFastView .appFastViewPictureCarouselItem {
line-height: 60px;
height: 60px;
}
#appFastView .appFastViewPictureSliderItemPicture,
#appFastView .appFastViewPictureCarouselItemPicture {
vertical-align: middle;
max-height: 100%;
max-width: 100%;
}
#appFastView .appFastViewPictureCarouselLeftButton,
#appFastView .appFastViewPictureCarouselRightButton {
background: url(images/carouselArrowSmall.png) 0 0 no-repeat transparent;
position: absolute;
margin-top: -14px;
height: 16px;
opacity: 0.5;
z-index: 99;
width: 14px;
top: 50%;
}
#appFastView .appFastViewPictureCarouselLeftButton:hover,
#appFastView .appFastViewPictureCarouselRightButton:hover {
opacity: 0.8;
}
#appFastView .appFastViewPictureCarouselLeftButton:active,
#appFastView .appFastViewPictureCarouselRightButton:active {
opacity: 1;
}
#appFastView .appFastViewPictureCarouselLeftButton:active {
left: 1px;
}
#appFastView .appFastViewPictureCarouselRightButton:active {
right: 1px;
}
#appFastView .appFastViewPictureCarouselLeftButton {
left: 0px;
}
#appFastView .appFastViewPictureCarouselRightButton {
background-position: -14px 0;
right: 0px;
}
#appFastView .appFastViewPictureSliderItemLink,
#appFastView .appFastViewPictureCarouselItemLink {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#appFastView .appFastViewPictureSliderItemLink img {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#appFastView .appFastViewPictureSliderItemLink {
display: inline-block;
position: relative;
/*overflow: hidden;*/
line-height: 0;
height: auto;
}
#appFastView .appFastViewPictureCarouselItemLink {
position: relative;
display: block;
height: 60px;
opacity: 0.3;
}
#appFastView .appFastViewPictureSliderItemLink:hover img,
#appFastView .appFastViewPictureCarouselItemLink:hover {
opacity: 0.9;
}
#appFastView .appFastViewPictureCarouselItemLink.active {
pointer-events: none;
position: relative;
opacity: 1;
}
#appFastView .appFastViewPictureCarouselItemLink.active:hover {
opacity: 1;
}
#appFastView .appFastViewPictureSliderItemLink:active,
#appFastView .appFastViewPictureCarouselItemLink:active {
position: relative;
top: 1px;
}
#appFastView .appFastViewPictureCarouselItemLink.active:after {
background: rgba(0, 0, 0, 1);
transform: translateX(-50%);
position: absolute;
display: block;
bottom: -4px;
content: '';
height: 2px;
width: 20%;
left: 50%;
}
#appFastView .appFastViewPictureLoupe {
background-repeat: no-repeat;
border: 1px solid #000000;
border-radius: 50%;
position: absolute;
margin-left: -75px;
margin-top: -75px;
cursor: crosshair;
height: 150px;
width: 150px;
left: -9999px;
top: -9999px;
}
#appFastView .appFastViewHeading {
background-color: #424242;
position: relative;
text-align: center;
line-height: 60px;
font-size: 18px;
color: #ffffff;
}
#appFastView .appFastViewProductHeading {
line-height: 33px;
font-size: 21px;
}
#appFastView .appFastViewProductHeading a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
color: #000000;
}
#appFastView .appFastViewProductHeading a:hover {
color: #555555;
}
#appFastView .appFastViewProductHeading a:active {
position: relative;
top: 1px;
}
/*#appFastView .appFastViewProductHeading .appFastViewProductHeadingLinkLayout{
border-bottom: 1px solid #dddddd;
padding-bottom: 4px;
}
*/
#appFastView .appFastSkuProductPropertiesHeading,
#appFastView .appFastViewProductPropertiesHeading {
margin-top: 24px;
font-size: 16px;
}
#appFastView .appFastViewProductPropertiesHeading {
margin-bottom: 12px;
}
#appFastView .propertyTable {
table-layout: fixed;
display: table;
width: 100%;
}
#appFastView .propertyTable {
font-size: 13px;
}
#appFastView .propertyTable .propertyName,
#appFastView .propertyTable .propertyValue {
background-color: #ffffff;
vertical-align: middle;
display: table-cell;
position: relative;
overflow: hidden;
padding: 4px 0;
}
#appFastView .propertyTable .propertyValue {
padding-left: 12px;
width: 40%;
}
#appFastView .propertyTable .propertyName:after {
border-bottom: 1px dotted #cccccc;
position: absolute;
margin-left: 12px;
height: 13px;
content: '';
width: 100%;
}
#appFastView .propertyTable .propertyValue a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #555555;
}
#appFastView .propertyTable .propertyValue a:hover {
color: #000000;
}
#appFastView .appFastViewDescription {
display: none;
}
#appFastView .appFastViewDescription.visible {
display: block;
}
#appFastView .appFastViewDescriptionHeading {
margin-top: 24px;
font-size: 16px;
}
#appFastView .appFastViewDescriptionText {
line-height: 21px;
margin-top: 12px;
font-size: 13px;
}
#appFastView .skuPropertyList {
margin: 0px 0px 0px -6px;
overflow: hidden;
list-style: none;
padding: 0px;
}
#appFastView .skuProperty {
overflow: hidden;
margin: 12px 0;
}
#appFastView .skuProperty:last-child {
margin-bottom: 0px !important;
}
#appFastView .skuPropertyName {
padding-left: 2px;
font-size: 13px;
}
#appFastView .skuProperty li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 12px;
overflow: hidden;
padding: 0px 6px;
min-width: 18%;
float: left;
}
#appFastView .skuProperty .selected .skuPropertyLink {
pointer-events: none;
position: relative;
}
#appFastView .skuProperty .disabled {
display: none;
}
#appFastView .skuPropertyLink {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
text-align: center;
line-height: 28px;
padding: 4px 6px;
min-height: 28px;
display: block;
}
#appFastView .skuPropertyLink:hover {
opacity: 0.8;
}
#appFastView .skuPropertyList img {
vertical-align: middle;
max-height: 100%;
max-width: 100%;
}
#appFastView .skuProperty .selected .skuPropertyLink {
border: 1px solid #ff9601;
}
#appFastView .skuPropertyLink {
border: 1px solid #dddddd;
color: #000000;
}
#appFastView .oSkuDropDownProperty {
overflow: visible;
margin: 0px;
}
#appFastView .oSkuDropDownProperty .oSkuDropdownListItem {
box-sizing: content-box;
overflow: visible;
min-width: auto;
margin-top: 0px;
padding: 0px;
float: none;
}
#appFastView .oSkuDropdown {
background-color: #ffffff;
border: 1px solid #e7e8ea;
position: relative;
line-height: 13px;
font-size: 13px;
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
border-radius: 2px;
width: 88%;
margin-top: 4px;
}
#appFastView .oSkuCheckedItem {
background: url(images/selectArrow.png) 97% 50% no-repeat transparent;
padding: 12px 30px 12px 8px !important;
border-radius: 4px;
cursor: pointer;
display: block;
color: #000000;
}
#appFastView .oSkuCheckedItem:hover {
opacity: 0.8;
}
#appFastView .oSkuCheckedItem:active {
position: relative;
top: 1px;
}
#appFastView .oSkuDropdown label:before,
#appFastView .oSkuCheckboxList label:before {
display: none;
}
#appFastView .oSkuDropdownList {
background-color: #ffffff;
border: 1px solid #e7e8ea;
visibility: hidden;
position: absolute;
list-style: none;
margin: 0 -1px;
opacity: 0;
padding: 0;
z-index: 2;
top: 42px;
right: 0;
left: 0;
}
#appFastView .oSkuDropdownList.opened {
visibility: visible;
opacity: 1;
}
#appFastView .pics .oSkuDropdownList {
top: 52px;
}
#appFastView .oSkuDropdownList .skuPropertyValue {
border-top: 1px solid #e7e8ea;
position: relative;
display: block;
}
#appFastView .oSkuDropdownList .skuPropertyValue:first-child {
border-top: 0px;
}
#appFastView .oSkuDropdownList .selected {
box-shadow: 1px 1px 12px #f1f1f1 inset;
font-family: "Roboto";
font-weight: 500;
}
#appFastView .oSkuDropdownList .selected,
#appFastView .oSkuDropdownList .skuPropertyValue:hover {
background-color: #f9f9f9;
cursor: pointer;
color: #ffffff;
opacity: 0.8;
}
#appFastView .oSkuDropdownList .oSkuPropertyItemLink {
padding: 12px 8px !important;
text-decoration: none;
line-height: 18px;
text-align: left;
font-size: 13px;
min-height: 0px;
color: #000000;
display: block;
border: 0px;
}
#appFastView .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink {
border: 0px;
}
#appFastView .oSkuDropdownList .oSkuDropdownListItem.disabled {
display: none;
}
#appFastView .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink,
#appFastView .oSkuDropdownList .oSkuPropertyItemLink:active {
position: relative;
top: 1px;
}
#appFastView .oSkuDropdownList .skuPropertyValue.loading:after {
left: 24px;
}
#appFastView .appFastViewExit {
position: absolute;
display: block;
height: 21px;
width: 21px;
right: 20px;
top: 20px;
}
#appFastView .appFastViewMoreLink {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
margin-bottom: 24px;
position: relative;
margin-top: 24px;
color: #000000;
z-index: 0;
}
#appFastView .appFastViewMoreLink:hover {
color: #555555;
}
#appFastView .appFastViewMoreLink:active {
position: relative;
top: 1px;
}
#appFastView .addCart {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
margin-bottom: 16px;
border-radius: 4px;
line-height: 60px;
text-align: center;
margin-top: 12px;
font-size: 16px;
display: block;
color: #ffffff;
height: 60px;
}
#appFastView .catalogQtyBlock {
margin-bottom: 12px;
}
#appFastView .catalogQtyBlock .catalogQty {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
display: inline-block;
text-align: center;
font-size: 12px;
margin: 0 2px;
height: 19px;
width: 40px;
padding: 0 2px;
border: 0;
}
#appFastView .catalogQtyBlock .catalogQty {
background-color: #e7e8ea;
color: #000000;
}
#appFastView .catalogQtyBlock .catalogQty.error {
border: 1px solid #ff0000;
}
#appFastView .catalogQtyBlock .catalogPlus,
#appFastView .catalogQtyBlock .catalogMinus {
vertical-align: middle;
display: inline-block;
height: 19px;
width: 19px;
}
#appFastView .catalogQtyBlock .catalogPlus,
#appFastView .catalogQtyBlock .catalogMinus {
background: url(images/plusMinusCatalog.png) 0 0 no-repeat #424242;
}
#appFastView .catalogQtyBlock .catalogPlus {
background-position: 0 -19px;
}
#appFastView .catalogQtyBlock .catalogPlus:hover {
background-position: -19px -19px;
}
#appFastView .catalogQtyBlock .catalogPlus:active {
background-position: -38px -19px;
}
#appFastView .catalogQtyBlock .catalogMinus:hover {
background-position: -19px 0x;
}
#appFastView .catalogQtyBlock .catalogMinus:active {
background-position: -38px 0px;
}
#elementTools .secondTool .row:last-child,
#smallElementTools .secondTool .row:last-child {
margin-bottom: 0px;
}
#appFastView .price {
font-family: 'Roboto';
font-weight: 700;
text-decoration: none;
position: relative;
line-height: 28px;
margin-top: 12px;
font-size: 21px;
display: block;
color: #000000;
}
#appFastView .getPriceWindow {
line-height: 33px;
}
#appFastView .priceValue {
border-bottom: 1px dashed #bbbbbb;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
padding-bottom: 8px;
color: #000000;
}
.word_price_text_detail {
color: black;
font-weight: normal;
font-family: Arial;
font-size: 20px;
}
.word_price_text {
font-family: Arial;
font-size: 17px;
}
#appFastView .priceValue:hover {
color: #333333;
}
#appFastView .priceValue:active {
position: relative;
top: 1px;
}
#appFastView .article {
margin-top: 12px;
color: #888888;
}
#appFastView .article.hidden {
display: none;
}
#appFastView .discount {
font-family: 'Roboto';
font-weight: 300;
padding-left: 4px;
font-size: 14px;
color: #888888;
}
#appFastView .price .oldPriceLabel {
font-family: 'Roboto';
font-weight: 300;
text-decoration: none;
margin-top: 6px;
font-size: 14px;
display: block;
color: #888888;
}
#appFastView .price .discount,
#appFastView .price .discount {
font-family: 'Roboto';
font-weight: 300;
padding-left: 4px;
font-size: 14px;
color: #888888;
}
#appFastView .icon {
vertical-align: middle;
display: inline-block;
}
#appFastView .addCart .icon {
padding-right: 12px;
margin-top: -4px;
}
#appFastView .rating {
display: inline-block;
vertical-align: middle;
margin-left: 6px;
margin-top: -4px;
position: relative;
overflow: hidden;
height: 15px;
width: 79px;
z-index: 2;
}
#appFastView .rating i {
background: url(images/rating2.png) repeat 0 0px transparent;
height: 15px;
width: 79px;
position: absolute;
display: block;
left: 0px;
top: 0px;
}
#appFastView i.m {
background: url(images/rating2.png) repeat 0 -14px transparent;
width: 0px;
z-index: 10;
}
#appFastView .icon {
vertical-align: middle;
display: inline-block;
}
#appFastView .appFastViewInformationColumn .row {
margin-bottom: 12px;
position: relative;
}
#appFastView .appFastViewInformationColumn .row img {
vertical-align: middle;
padding-right: 6px;
margin-top: -4px;
}
#appFastView .appFastViewInformationColumn .label {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-family: 'Roboto Condensed';
font-weight: 300;
text-decoration: none;
line-height: 21px;
font-size: 15px;
color: #717171;
}
#appFastView .appFastViewInformationColumn a.label:hover {
color: #000000;
}
#appFastView .appFastViewInformationColumn a.label:active {
position: relative;
top: 1px;
}
#appFastView .appFastViewInformationColumn .getStoresWindow.inStock span {
padding-bottom: 2px;
}
.fastSpecialTime {
margin-top: 12px;
color: #ffffff;
font-size: 0;
line-height: 0;
}
.fastSpecialTime .specialTimeItem {
display: inline-block;
box-sizing: border-box;
border-radius: 2px;
text-align: center;
overflow: hidden;
margin-left: 2px;
padding: 8px 0px;
line-height: 14px;
height: 42px;
width: 48px;
}
.fastSpecialTime .specialTimeItem:first-child {
margin-left: 0px;
}
.fastSpecialTime .specialTimeItemValue {
font-family: 'Roboto';
font-weight: 500;
font-size: 14px;
line-height: 14px;
}
.fastSpecialTime .specialTimeItemlabel {
font-family: "Roboto";
font-weight: 300;
font-size: 12px;
}
#personalCart input[name="BuyButton"] {
margin-bottom: 24px;
margin-top: 24px;
display: block;
}
/*#appFastView .getPricesWindow .priceIcon{
margin-right: 0px;
margin-left: 6px;
}*/
#footerTabsCaption {
line-height: 85px;
margin-top: 24px;
height: 85px;
}
#footerTabsCaption .items {
text-align: center;
overflow: hidden;
}
#footerTabsCaption .item:last-child {
margin-right: 0px;
}
#footerTabsCaption .item {
vertical-align: middle;
display: inline-block;
margin-right: 24px;
}
#footerTabsCaption .item a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-family: 'Roboto';
font-weight: 500;
text-decoration: none;
padding-bottom: 8px;
font-size: 16px;
}
#footerTabs {
overflow: hidden;
}
#footerTabs .tab {
display: none;
}
#footerTabs .tab.selected {
display: block;
}
#footerTabs .product:hover .wrap,
#footerTabs .product:hover .tabloid,
#personalCart .product:hover .wrap,
#personalCart .product:hover .tabloid {
box-shadow: none;
}
#footerTabs .product:hover .tabloid {
border-color: transparent;
}
#personalCart .product:hover .tabloid {
border-bottom-color: #e7e8ea;
}
#footerLine {
line-height: 55px;
position: fixed;
z-index: 999;
height: 55px;
width: 100%;
bottom: 0;
}
#footerLine.color_white {
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.25);
background-color: #ffffff;
border-color: #f3f3f3;
}
#footerLine.color_theme {
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.35);
border-color: transparent;
}
#footerLine.color_white .item a {
color: #000000;
}
#footerLine.color_theme .item a {
color: #ffffff;
opacity: 0.7;
}
#footerLine.color_theme .col:first-child .item a {
opacity: 1;
}
#footerLine.color_theme .item .active {
color: #ffffff;
opacity: 1;
}
#footerLine.color_theme .item .active:hover {
color: #ffffff;
opacity: 0.85;
}
#footerLine.color_white .item a:hover,
#footerLine.color_theme .col:first-child .item a:hover {
opacity: 0.8;
}
#footerLine.color_white .item a:active {
position: relative;
top: 1px;
}
#footerLine.color_theme .col:first-child .item .callback:hover {
color: #ffffff;
opacity: 0.8;
}
#footerLine.color_white .item .compare .mark,
#footerLine.color_white .item .wishlist .mark,
#footerLine.color_white .item .cart .mark {
background-color: #f6f6f6;
color: #666666;
}
#footerLine.color_theme .item .compare .mark,
#footerLine.color_theme .item .wishlist .mark,
#footerLine.color_theme .item .cart .mark {
background-color: #fcfcfc;
color: #222222;
}
#footerLine.color_white .item .compare .icon,
#footerLine.color_white .item .wishlist .icon,
#footerLine.color_white .item .cart .icon {
opacity: 0.8;
}
#footerLine.color_theme .item .compare .icon {
background-image: url(images/compareFooterMinC.png);
}
#footerLine.color_theme .item .wishlist .icon {
background-image: url(images/wishlistFooterMinC.png);
}
#footerLine.color_theme .item .cart .icon {
background-image: url(images/cartFooterMinC.png);
}
#footerLine.color_theme .item .callback .icon {
background-image: url(images/callbackFooterMinC.png);
}
#footerLine.color_white .item .compare:hover,
#footerLine.color_white .item .wishlist:hover,
#footerLine.color_white .item .cart:hover,
#footerLine.color_white .item .compare:hover .mark,
#footerLine.color_white .item .wishlist:hover .mark,
#footerLine.color_white .item .cart:hover .mark {
color: #000000;
opacity: 1;
}
#footerLine.color_theme .item .compare:hover,
#footerLine.color_theme .item .wishlist:hover,
#footerLine.color_theme .item .cart:hover {
color: #ffffff;
opacity: 0.7;
}
#footerLine.color_white .item .compare.active:hover,
#footerLine.color_white .item .wishlist.active:hover,
#footerLine.color_white .item .cart.active:hover,
#footerLine.color_white .item .compare.active:hover .mark,
#footerLine.color_white .item .wishlist.active:hover .mark,
#footerLine.color_white .item .cart.active:hover .mark {
opacity: 0.8;
}
#footerLine .wrapper {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 24px;
}
#footerLine .col {
float: left;
width: 50%;
}
#footerLine .col:last-child {
text-align: right;
}
#footerLine .item .callback {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
}
#footerLine .item .callback .icon {
vertical-align: middle;
display: inline-block;
margin-right: 4px;
margin-top: -2px;
height: 24px;
width: 21px;
}
#footerLine .item .compare,
#footerLine .item .wishlist,
#footerLine .item .cart {
text-transform: uppercase;
}
#footerLine .item .compare .mark,
#footerLine .item .wishlist .mark,
#footerLine .item .cart .mark {
border-radius: 4px;
margin-left: 12px;
line-height: 20px;
overflow: hidden;
padding: 2px 12px;
height: 20px;
}
#footerLine .item .compare .icon,
#footerLine .item .wishlist .icon,
#footerLine .item .cart .icon {
vertical-align: middle;
display: inline-block;
margin-right: 12px;
margin-top: -2px;
height: 24px;
width: 21px;
}
#footerLine .item .cart .icon {
width: 26px;
}
#footerLine .item a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
font-size: 14px;
}
/*#footerLine .col:first-child .item:first-child{
margin-left: 24px;
}
*/
#footerLine .item {
display: inline-block;
vertical-align: middle;
margin-right: 24px;
}
#footerLine .item a:active {
position: relative;
top: 1px;
}
#footerLine .item:last-child {
margin-right: 0px;
}
#authMenu {
margin-bottom: 24px;
overflow: hidden;
list-style: none;
padding: 0;
}
#authMenu li {
margin-bottom: 24px;
margin-right: 24px;
float: left;
}
#authMenu li:last-child {
margin-right: 0;
}
#authMenu li a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-transform: uppercase;
text-decoration: none;
font-size: 16px;
}
#authMenu li a:active {
position: relative;
top: 1px;
}
#authMenu li .selected {
font-family: 'Roboto';
font-weight: 700;
padding-bottom: 4px;
}
#empty {
overflow: hidden;
}
#empty .emptyWrapper {
padding-bottom: 24px;
overflow: hidden;
}
#empty .pictureContainer {
margin-right: 24px;
float: left;
}
#empty h3 {
text-transform: uppercase;
font-weight: 400;
font-size: 16px;
padding: 0;
margin: 0;
}
#empty p {
font-size: 14px;
}
#empty a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
font-size: 14px;
}
#empty a:active {
position: relative;
}
#empty a img {
width: 32px;
vertical-align: middle;
padding-right: 12px;
}
#empty .emptyTitle {
text-transform: uppercase;
font-weight: 700;
margin-top: 24px;
font-size: 14px;
}
#empty .emptyMenu {
margin: 24px 0 0 0;
list-style: none;
overflow: hidden;
padding: 0;
}
#empty .emptyMenu li {
margin-bottom: 12px;
width: 33.333333%;
float: left;
}
#empty .back {
padding-bottom: 2px;
}
#empty .back:active {
position: relative;
top: 1px;
}
#overlap {
background-color: #000000;
position: fixed;
display: none;
opacity: 0.8;
height: 100%;
width: 100%;
z-index: 33;
left: 0px;
top: 0px;
}
#searchOverlap {
background-color: #000000;
position: fixed;
display: none;
opacity: 0.8;
height: calc(100vh - 200px);
width: 100%;
z-index: 34;
left: 0px;
bottom: 0;
}
/* CLASSES */
.ajaxContainer {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.ajaxContainer.loading {
opacity: 0.5;
}
.personal-order-info {
margin-bottom: 12px;
}
.personalInfoLabel {
margin-top: 24px;
font-size: 14px;
}
.productList {
list-style: none;
padding: 0;
margin: 0;
border-left: 1px solid #e7e8ea;
/*border-top: 1px solid #e7e8ea;*/
}
#homeCatalog .productList {
border-top: 1px solid #e7e8ea;
}
.product {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 20%;
height: 346px;
border-right: 1px solid #e7e8ea;
border-bottom: 1px solid #e7e8ea;
}
#leftMenu .product:before {
display: none;
}
.product:before {
content: "";
position: absolute;
left: 0px;
width: 100%;
top: -1px;
height: 1px;
background: #e7e8ea;
}
.product .btn-simple {
display: none;
}
.product.last { /* next page */
line-height: 346px;
}
.product .tabloid {
-webkit-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out;
-moz-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out;
-o-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out;
transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid transparent;
position: relative;
overflow: hidden;
padding: 12px;
height: 345px;
z-index: 1;
}
.product .markerContainer {
position: absolute;
z-index: 88;
left: 8px;
top: 8px;
}
.product .marker {
font: normal normal 12px "Roboto", arial, sans-serif;
font-weight: 300;
margin-bottom: 8px;
line-height: 16px;
padding: 3px 4px;
z-index: 2;
}
.product .rating {
position: relative;
width: 28%;
z-index: 2;
right: 5px;
top: 3px;
float: right;
}
.product .rating i {
background: url(images/rating.png) repeat 0 0px transparent;
position: absolute;
display: block;
height: 15px;
width: 79px;
left: -23%;
top: 0px;
}
.product .rating i.m {
background: url(images/rating.png) repeat 0 -14px transparent;
z-index: 10;
width: 0px;
}
.changeAvailable {
position: absolute;
right: 8px;
top: 8px;
float: right;
width: auto !important;
}
.productSpecialTime {
position: absolute;
z-index: 2;
top: 54px;
right: 10px;
width: 48px;
color: #666d83;
font-size: 0;
line-height: 0;
}
.productSpecialTime .specialTimeItem {
display: inline-block;
box-sizing: border-box;
border-radius: 2px;
text-align: center;
overflow: hidden;
margin-top: 4px;
padding: 8px 0px;
line-height: 14px;
height: 42px;
width: 48px;
background: #e0e0e0;
}
.productSpecialTime .specialTimeItem:first-child {
margin-top: 0px;
}
.productSpecialTime .specialTimeItemValue {
font-weight: 500;
font-size: 14px;
line-height: 14px;
}
.productSpecialTime .specialTimeItemlabel {
font-weight: 300;
font-size: 12px;
}
.product .name {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
font-size: 14px;
display: block;
text-decoration: none;
margin-bottom: 12px;
height: 44px;
line-height: 44px;
overflow: hidden;
}
.product .middle {
line-height: 21px;
vertical-align: middle;
display: inline-block;
}
.product .price {
font-weight: 500;
font-size: 18px;
display: block;
text-decoration: none;
margin-bottom: 12px;
}
.product .price .measure {
font-size: 16px;
}
.product .price .discount {
font-weight: 300;
padding-left: 4px;
font-size: 14px;
}
.product .picture {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
position: relative;
display: block;
text-align: center;
height: 240px;
line-height: 240px;
}
.product .picture img {
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
transform: translate3d(0, 0, 0);
vertical-align: middle;
max-height: 90%;
max-width: 90%;
}
.product .picture:hover img {
opacity: 0.85;
}
.product .picture:active img {
position: relative;
top: 1px;
}
.loading .product .getFastView {
pointer-events: none;
}
.product .getFastView,
#catalogLineList .picture .getFastView,
#specialProduct .productItem .getFastView {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-family: 'Roboto Condensed';
font-weight: 300;
background-color: #2b2b2b;
text-decoration: none;
border-radius: 2px;
visibility: hidden;
position: absolute;
text-align: center;
margin-left: -75px;
margin-top: -20px;
line-height: 40px;
cursor: pointer;
color: #ffffff;
height: 40px;
width: 150px;
opacity: 0;
z-index: 2;
left: 50%;
top: 50%;
}
.product:hover .getFastView,
#catalogLineList .picture:hover .getFastView,
#specialProduct .productItem .picture:hover .getFastView {
visibility: visible;
/*display: block;*/
opacity: 0.9;
}
.product .getFastView:hover,
#catalogLineList .picture .getFastView:hover,
#specialProduct .productItem .getFastView:hover {
opacity: 1;
}
.product .addCart {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
line-height: 60px;
height: 60px;
font-size: 16px;
text-align: center;
display: block;
text-decoration: none;
margin-top: 16px;
margin-bottom: 12px;
border-radius: 4px;
}
.product .icon {
vertical-align: middle;
display: inline-block;
}
.product .addCart .icon {
padding-right: 12px;
margin-top: -4px;
}
.product .addCart {
margin-top: 36px;
}
.product .row {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 12px;
overflow: hidden;
}
.product .label {
font-family: 'Roboto Condensed';
font-weight: 300;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
line-height: 21px;
font-size: 14px;
display: block;
float: left;
width: 55%;
}
.product .row .label:last-child {
width: 45%;
}
.product .label .icon {
padding-right: 6px;
margin-top: -4px;
}
.inStock {
color: #52a91f !important;
text-decoration: none;
}
.inStock:hover {
color: #52a91f !important;
}
.getStoresWindow.inStock span {
border-bottom: 1px dashed #73b24e !important;
cursor: pointer;
}
.getStoresWindow.inStock:hover span {
opacity: 0.8;
}
.outOfStock {
color: #ff0000;
}
.outOfStock:hover {
color: #ff0000;
}
.product .skuPropertyList {
overflow: hidden;
list-style: none;
padding: 0px;
margin: 0px;
}
.product .skuProperty {
overflow: hidden;
margin: 12px 0;
}
.product .skuPropertyName {
padding-bottom: 2px;
padding-left: 2px;
font-size: 13px;
}
.product .skuProperty li {
box-sizing: border-box;
overflow: hidden;
padding: 4px;
float: left;
min-width: 20%;
}
.product .skuProperty .selected .skuPropertyLink {
pointer-events: none;
position: relative;
/*top: -2px;*/
}
.product .skuProperty .disabled {
display: none;
}
.product .skuPropertyLink {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
text-align: center;
line-height: 21px;
padding: 6px 4px;
font-size: 12px;
display: block;
}
.product .skuPropertyLink:hover {
opacity: 0.8;
}
.product .skuPropertyList img {
vertical-align: middle;
max-height: 100%;
max-width: 100%;
}
/* product hover */
.product:hover {
position: relative;
}
.product:hover .tabloid {
position: absolute;
height: auto;
width: 100%;
z-index: 3;
}
.product:hover .nowp {
overflow: visible;
}
.product:hover .morePhoto {
display: block;
}
.product.last .wp {
vertical-align: middle;
display: inline-block;
text-align: center;
line-height: 21px;
width: 100%;
}
.product.last .showMore {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
vertical-align: middle;
display: inline-block;
text-align: center;
width: 100%;
}
.product.last .showMore:hover {
opacity: 0.7;
}
.product.last .icon {
display: inline-block;
margin-bottom: 12px;
text-align: center;
line-height: 21px;
height: 54px;
width: 100%;
}
.product.last .icon .iconSmall {
display: none;
}
.product.last .ps {
font-size: 18px;
}
.product.last .value {
padding-left: 6px;
font-size: 18px;
}
.product.last .small {
display: inline-block;
width: 100%;
}
.item .oSkuDropDownProperty {
overflow: visible;
margin: 0px;
}
.item .oSkuDropDownProperty .oSkuDropdownListItem {
box-sizing: content-box;
overflow: visible;
min-width: auto;
padding: 0px;
float: none;
}
.item .oSkuDropdown {
background-color: #ffffff;
border: 1px solid #e7e8ea;
position: relative;
line-height: 13px;
font-size: 13px;
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
border-radius: 2px;
width: 98%;
margin-top: 4px;
}
.item .oSkuCheckedItem {
background: url(images/selectArrow.png) 97% 50% no-repeat transparent;
padding: 12px 30px 12px 8px !important;
border-radius: 4px;
cursor: pointer;
display: block;
color: #000000;
}
.item .oSkuCheckedItem:hover {
opacity: 0.8;
}
.item .oSkuCheckedItem:active {
position: relative;
top: 1px;
}
.item .oSkuDropdown label:before,
.item .oSkuCheckboxList label:before {
display: none;
}
.item .oSkuDropdownList {
background-color: #ffffff;
border: 1px solid #e7e8ea;
visibility: hidden;
position: absolute;
list-style: none;
margin: 0 -1px;
opacity: 0;
padding: 0;
z-index: 2;
top: 42px;
right: 0;
left: 0;
}
.item .oSkuDropdownList.opened {
visibility: visible;
opacity: 1;
}
.item .pics .oSkuDropdownList {
top: 52px;
}
.item .oSkuDropdownList .skuPropertyValue {
border-top: 1px solid #e7e8ea;
position: relative;
display: block;
}
.item .oSkuDropdownList .skuPropertyValue:first-child {
border-top: 0px;
}
.item .oSkuDropdownList .selected {
box-shadow: 1px 1px 12px #f1f1f1 inset;
font-weight: 500;
background-color: #f9f9f9;
cursor: pointer;
color: #ffffff;
opacity: 0.8;
}
.item .oSkuDropdownList .skuPropertyValue:hover {
background-color: #f9f9f9;
cursor: pointer;
color: #ffffff;
opacity: 0.8;
}
.item .oSkuDropdownList .oSkuPropertyItemLink {
padding: 12px 8px !important;
text-decoration: none;
line-height: 18px;
text-align: left;
font-size: 13px;
color: #000000;
display: block;
border: 0px;
}
.item .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink {
border: 0px;
}
.item .oSkuDropdownList .oSkuDropdownListItem.disabled {
display: none;
}
.item .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink,
.item .oSkuDropdownList .oSkuPropertyItemLink:active {
position: relative;
top: 1px;
}
.item .oSkuDropdownList .skuPropertyValue.loading:after {
left: 18px;
}
.sideBlock .heading {
padding-left: 18px;
}
.heading.collapsed {
text-decoration: none;
overflow: hidden;
margin-right: 24px;
float: left;
width: 355px;
line-height: 50px;
height: 50px;
display: block;
color: #ffffff;
font-size: 16px;
}
.heading.collapsed ins {
vertical-align: middle;
display: inline-block;
margin: 0 18px 0 0;
line-height: 50px;
padding: 0 12px;
height: 50px;
width: 24px;
}
.mfeedback .errortext,
.mfeedback .mf-ok-text {
font-weight: 400;
font-size: 16px;
}
.mfeedback .mf-ok-text + form {
display: none;
}
.mfeedback .mf-text {
font-size: 14px;
margin-top: 8px;
}
.mfeedback input, .mfeedback textarea {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: 300;
margin-top: 8px;
padding: 0 12px;
height: 48px;
border: 0;
}
.mfeedback textarea {
padding-top: 12px;
height: 150px;
outline: none;
resize: none;
}
.mfeedback input[type="submit"] {
cursor: pointer;
padding: 0 48px;
}
#userPersonalInfoReg + label:before {
margin-top: -2px;
}
#userPersonalInfoReg.error + label:before {
border: 1px solid #ff0000 !important;
}
.bx-auth {
overflow: hidden;
}
.bx-auth .alert {
text-transform: uppercase;
display: inline-block;
margin-bottom: 24px;
padding: 12px 48px;
font-weight: 400;
font-size: 12px;
}
.bx-auth .alert.small {
font-weight: 300;
line-height: 28px;
max-width: 600px;
font-size: 14px;
}
.bx-authform-label-container {
margin-bottom: 8px;
}
.bx-auth .bx-authform-description-container {
margin-bottom: 12px;
}
.bx-auth .bx-captcha {
margin-top: 28px;
}
.bx-auth .bx-authform-formgroup-container {
float: left;
width: 450px;
}
.bx-auth .bx-authform-formgroup-container-line {
overflow: hidden;
}
.bx-auth .registerText {
padding-bottom: 24px;
max-width: 800px;
margin-top: 0px;
display: block;
}
.bx-auth input {
font-weight: 300;
font-size: 14px;
}
.bx-auth .leftContainer {
margin-right: 48px;
float: left;
}
.bx-auth .rightContainer {
float: left;
}
.bx-auth .rightContainer p {
max-width: 450px;
display: block;
}
.bx-auth input[type="checkbox"] + label,
.bx-auth input[type="radio"] + label {
cursor: pointer;
}
.bx-auth input[type="checkbox"]:not(checked),
.bx-auth input[type="radio"]:not(checked) {
position: absolute;
opacity: 0;
}
.bx-auth input[type="checkbox"]:not(checked) + label,
.bx-auth input[type="radio"]:not(checked) + label {
position: relative;
padding-left: 24px;
}
.bx-auth input[type="checkbox"] + label:before {
background: url(images/checkBox.png) 0 0 no-repeat transparent;
}
.bx-auth input[type="radio"] + label:before {
background: url(images/radio.png) 0 0 no-repeat transparent;
}
.bx-auth input[type="checkbox"]:not(checked) + label:before,
.bx-auth input[type="radio"]:not(checked) + label:before {
position: absolute;
content: " ";
height: 17px;
width: 17px;
left: 0;
top: 0px;
}
.bx-auth input[type="checkbox"]:not(checked) + label:hover:before,
.bx-auth input[type="radio"]:not(checked) + label:hover:before {
background-position: 0 -17px;
}
.bx-auth input[type="checkbox"]:checked + label:before,
.bx-auth input[type="radio"]:checked + label:before {
background-position: 0 -34px;
}
.bx-auth input[type="checkbox"]:checked + label:hover:before,
.bx-auth input[type="radio"]:checked + label:hover:before {
background-position: 0 -51px;
}
.bx-auth input[type="checkbox"]:disabled + label,
.bx-auth input[type="radio"]:disabled + label {
cursor: default;
}
.bx-auth input[type="checkbox"]:disabled + label:before,
.bx-auth input[type="radio"]:disabled + label:before {
background-position: 0 -68px !important;
}
.bx-auth input[type="text"],
.bx-auth input[type="password"] {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 12px;
margin-top: 12 xp;
padding: 0 12px;
width: 420px;
height: 48px;
border: 0;
}
.bx-auth .submit,
.popup-window .btn {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
text-decoration: none;
text-align: center;
line-height: 48px;
margin-top: 24px;
cursor: pointer;
font-size: 14px;
height: 48px;
width: 224px;
border: 0;
}
.bx-auth .send .submit {
margin-top: 12px;
}
.popup-window .btn {
margin-left: 12px;
line-height: 30px;
margin-top: 0px;
height: 30px;
}
.bx-auth .submit:active,
.popup-window .btn:active {
position: relative;
top: 1px;
}
.bx-auth .clear {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: transparent;
display: inline-block;
text-decoration: none;
text-align: center;
margin-left: 12px;
line-height: 48px;
margin-top: 24px;
font-size: 14px;
cursor: pointer;
height: 48px;
width: 160px;
}
.bx-auth .submit:active {
position: relative;
top: 1px;
}
.bx-auth .forgot, .bx-auth .registerLink {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
margin-left: 12px;
}
.bx-auth .registerLink {
margin-left: 0;
}
.blackLink, .backToIndexPage {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.catalog-item-links {
margin-bottom: 12px;
}
.catalog-detail {
margin-bottom: 12px;
}
.contactList {
margin-bottom: 24px;
margin-top: 24px;
overflow: hidden;
list-style: none;
padding: 0;
}
.contactList li {
float: left;
width: 25%;
}
.contactList li table {
table-layout: fixed;
width: 100%;
}
.contactList li table td {
vertical-align: middle;
text-align: left;
}
.contactList li table td:first-child {
padding-right: 12px;
text-align: center;
width: 42px;
}
.contactList li table td img {
vertical-align: middle;
}
.contactList a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
}
.contactLabel {
font-size: 16px;
margin-top: 0;
}
.blurred {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-ms-filter: blur(2px);
-o-filter: blur(2px);
filter: blur(2px);
background: #ffffff;
}
/*.product .pic:hover img{}*/
.copyright img {
vertical-align: middle;
}
.sn {
overflow: hidden;
float: right;
}
.sn li {
line-height: 60px;
float: left;
}
.sn a {
display: block;
height: 60px;
width: 60px;
}
.sn .vk {
background: url(images/sn.png) 0 0 no-repeat transparent;
}
.sn .fb {
background: url(images/sn.png) -60px 0 no-repeat transparent;
}
.sn .od {
background: url(images/sn.png) -120px 0 no-repeat transparent;
}
.sn .tw {
background: url(images/sn.png) -180px 0 no-repeat transparent;
}
.sn .go {
background: url(images/sn.png) -240px 0 no-repeat transparent;
}
.sn .yo {
background: url(images/sn.png) -300px 0 no-repeat transparent;
}
.sn .vk:hover {
background-position: 0 -60px;
}
.sn .fb:hover {
background-position: -60px -60px;
}
.sn .od:hover {
background-position: -120px -60px;
}
.sn .tw:hover {
background-position: -180px -60px;
}
.sn .go:hover {
background-position: -240px -60px;
}
.sn .yo:hover {
background-position: -300px -60px;
}
#upButton {
background: url(images/up.png) 0 0 no-repeat transparent;
position: fixed;
cursor: pointer;
display: none;
bottom: 132px;
height: 73px;
width: 73px;
right: 24px;
z-index: 99;
}
#upButton:hover {
background-position: -73px 0;
}
#upButton:active {
background-position: -146px 0;
}
#upButton.enb {
display: block;
}
#upButton a {
display: block;
}
#requestPrice {
-webkit-transition: 0.1s all ease-in-out;
-o-transition: 0.1s all ease-in-out;
transition: 0.1s all ease-in-out;
background: rgba(0, 0, 0, 0.4);
position: fixed;
display: none;
z-index: 1001;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
}
#requestPrice #requestPriceResult {
transform: translateY(50%);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 24px;
}
#requestPrice #requestPriceResultTitle {
text-align: center;
margin-top: 24px;
font-size: 16px;
}
#requestPrice #requestPriceResultMessage {
text-align: center;
margin-top: 24px;
}
#requestPrice #requestPriceResultClose {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
text-align: center;
line-height: 50px;
margin: 24px auto;
font-size: 14px;
color: #ffffff;
display: block;
height: 50px;
width: 254px;
}
#requestPrice #requestPriceResultClose:active {
position: relative;
top: 1px;
}
#requestPrice #requestPriceContainer {
box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);
background-color: #ffffff;
margin-left: -350px;
margin-top: -215px;
position: absolute;
overflow: hidden;
height: 430px;
width: 700px;
left: 50%;
top: 50%;
}
#requestPrice .requestPriceHeading {
background-color: #424242;
position: relative;
text-align: center;
line-height: 60px;
font-size: 18px;
color: #ffffff;
height: 60px;
}
#requestPrice .requestPriceHeading .close {
background: url(images/exit.png) 0 0 no-repeat transparent;
position: absolute;
display: block;
height: 21px;
width: 21px;
right: 20px;
top: 20px;
}
#requestPrice .requestPriceHeading .close:hover {
background-position: 0 -21px;
}
#requestPrice .requestPriceHeading .close:active {
background-position: 0 -42px;
}
#requestPrice .requstProductContainer {
border-collapse: collapse;
table-layout: fixed;
display: table;
width: 100%;
}
#requestPrice .productColumn {
vertical-align: middle;
display: table-cell;
text-align: center;
width: 320px;
}
#requestPrice .productNameBlock {
padding: 0 24px;
}
#requestPrice .productNameBlock .productUrl {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
text-decoration: none;
margin-bottom: 12px;
line-height: 44px;
overflow: hidden;
font-size: 14px;
display: block;
color: #000000;
height: 44px;
}
#requestPrice .productNameBlock .productUrl:active {
position: relative;
top: 1px;
}
#requestPrice .productImageBlock {
text-align: center;
line-height: 270px;
display: block;
height: 270px
}
#requestPrice .productImageBlock a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
line-height: 270px;
display: block;
height: 270px;
}
#requestPrice .productImageBlock a:hover {
opacity: 0.8;
}
#requestPrice .productImageBlock a:active {
position: relative;
top: 1px;
}
#requestPrice .productImageBlock img {
vertical-align: middle;
max-height: 100%;
max-width: 100%;
}
#requestPrice .productNameBlock .middle {
line-height: 21px;
vertical-align: middle;
display: inline-block;
}
#requestPrice .formColumn {
vertical-align: middle;
display: table-cell;
width: 380px;
}
#requestPrice .requestPriceFormHeading {
margin-bottom: 12px;
text-align: center;
margin-right: 24px;
margin-top: 24px;
font-size: 16px;
display: block;
}
#requestPrice input {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: 300;
margin-bottom: 12px;
padding-left: 12px;
width: 354px;
height: 50px;
border: 0;
}
#requestPrice input {
background-color: #f3f3f3;
color: #000000;
}
#requestPrice .personalInfoRequest {
margin-bottom: 12px;
}
#requestPrice input[type="checkbox"] {
vertical-align: middle;
display: inline-block;
margin-bottom: 0px;
margin-right: 6px;
margin-top: -2px;
height: 14px;
width: 14px;
}
#requestPrice input[type="checkbox"].error + label {
border-bottom: 1px solid #ff0000 !important;
}
#requestPrice textarea {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: 300;
margin-bottom: 12px;
padding-left: 12px;
padding-top: 12px;
resize: none;
width: 354px;
height: 60px;
border: 0;
}
#requestPrice textarea {
background-color: #f3f3f3;
}
#requestPrice input:focus,
#requestPrice textarea:focus {
background-color: #e9e9e9;
outline: none;
}
#requestPrice #requestPriceSubmit {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
text-align: center;
line-height: 50px;
font-size: 14px;
cursor: pointer;
display: block;
color: #ffffff;
height: 50px;
width: 354px;
}
#requestPrice #requestPriceSubmit:active {
position: relative;
top: 1px;
}
#requestPrice #requestPriceSubmit.loading {
-webkit-transition: background 0s !important;
-o-transition: background 0s !important;
transition: background 0s !important;
text-indent: 12px;
opacity: 0.9;
}
#requestPrice #requestPriceSubmit.loading img {
display: none;
}
#requestPrice #requestPriceSubmit img {
vertical-align: middle;
padding-right: 4px;
margin-top: -2px;
}
#requestPrice .markerContainer {
position: absolute;
top: 0px;
left: 12px;
}
#requestPrice .error {
border: 1px solid #ff0000;
}
#searchSection a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #000000;
}
#searchSection a:hover {
opacity: 0.7;
}
#stores {
margin-top: 24px;
font-size: 13px;
}
#stores .wrap {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 24px;
overflow: auto;
}
#stores .heading {
border-top: 1px solid #efefef;
text-transform: uppercase;
letter-spacing: 1px;
padding: 36px 24px;
font-weight: 800;
font-size: 20px;
display: block;
}
#stores .storeTable {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
#stores .storeTable tr:nth-child(odd) td {
background-color: #f9f9f9;
}
#stores .storeTable th {
background-color: #f3f3f3;
padding: 12px 24px;
font-weight: 400;
text-align: center;
}
#stores .storeTable td {
/*border-top: 1px solid #e7e8ea;*/
text-align: center;
padding: 12px 24px;
}
#stores .storeTable .name {
text-align: left;
width: 35%;
}
#stores .storeTable td.name {
text-align: left;
}
#stores .storeTable .lb {
display: inline-block;
text-align: left;
}
#stores .storeTable .icon {
vertical-align: middle;
padding-right: 6px;
margin-top: -4px;
}
#stores .storeTable .green {
/*font-weight: 800;*/
color: #73b24e;
}
#stores .storeTable .red {
color: #ff0000;
}
#stores .storeTable .picture {
vertical-align: middle;
padding-right: 12px;
}
#stores .storeTable a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: underline;
color: #000000;
}
#stores .storeTable a:hover {
color: #888888;
}
#stores #storeMap {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 24px;
padding: 0 24px;
}
#error404 {
margin-bottom: 24px;
text-align: center;
}
#error404 h1 {
font-weight: 300;
margin-bottom: 24px;
text-align: center;
line-height: 48px;
font-size: 48px;
}
#error404 .errorPic {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-bottom: 48px;
text-align: center;
margin-top: 48px;
display: block;
}
#error404 .errorPic img {
max-height: 90%;
max-width: 90%;
}
#error404 .errorPic:hover {
opacity: 0.8;
}
#error404 .errorText {
font-weight: 700;
text-transform: uppercase;
line-height: 28px;
}
#error404 .errorText a {
color: #ff9601;
}
#error404 #empty {
margin-top: 30px;
}
#error404 #empty .emptyTitle {
text-align: center;
margin-top: 48px;
}
#error404 #empty .emptyMenu a {
display: inline-block;
width: 250px;
text-align: left;
}
#middleSlider img {
width: 100%;
}
#modef {
left: 371px;
}
/* panels colors */
body.panels_white #homeCatalog .captionList {
border-right: 1px solid #e7e8ea;
border-left: 1px solid #e7e8ea;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #ffffff;
}
body.panels_white #homeCatalog .caption {
border-left: 1px solid #e7e8ea;
}
body.panels_white #homeCatalog .caption:not(.selected):hover {
background-color: #fbfbfb;
}
body.panels_white #homeCatalog .caption.selected a {
color: #ffffff;
}
body.panels_white #homeCatalog .caption a {
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color: #000000;
}
body.panels_white #homeCatalog .captionList .cItem:first-child {
margin-left: -1px;
}
body.panels_white #homeCatalog #captionCarousel {
margin-left: -1px;
}
body.panels_white #left .sideBlock .heading {
border: 1px solid #e7e8ea;
background-color: #ffffff;
color: #000000;
}
body.panels_white #serviceBlock .sideBlockContent,
body.panels_white #collectionBlock .sideBlockContent,
body.panels_white #left #subscribe .sideBlockContent {
border-top: 0px;
}
body.panels_white #left #subscribe .heading {
border-left: 0px;
border-right: 0px;
}
body.panels_white #right #popSection .heading,
body.panels_white #right #brandList .heading {
border: 1px solid #e7e8ea;
background-color: #ffffff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #000000;
}
body.panels_white #brandList .item:nth-child(5n+1) {
/*border-left: 1px solid #e7e8ea;*/
}
body.panels_white #left #specialProduct .specialProductHeading {
border-bottom: 1px solid #e7e8ea;
background-color: #ffffff;
color: #000000;
}
body.panels_white #homeCatalog #captionCarousel:before {
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
#catalogLine .oFilter {
display: none;
margin-right: 48px;
}
#catalogLine .oSmartFilter .ico {
background: url(/bitrix/templates/dresscodeV2/images/filterIco.png) 0 0 no-repeat transparent;
vertical-align: middle;
display: inline-block;
padding-right: 12px;
margin-top: -2px;
height: 11px;
width: 15px;
}
@media all and (max-width: 1800px) {
body.panels_white #right .heading {
border-bottom: 0px;
}
}
/* end new panels colors */
@media all and (max-width: 1000px) {
#error404 .errorText {
display: none;
}
}
/*#error404 .wrapper{
width: 1000px;
margin: auto;
}*/
.clean {
position: relative;
overflow: hidden;
padding: 0 2px;
}
.limiter {
padding: 0px 24px;
max-width: 1920px;
min-width: 320px;
margin: auto;
clear: both;
}
.limiter .compliter > div[id*="bx_"] {
width: 355px;
/*padding-right: 24px;*/
display: table-cell;
vertical-align: top;
}
.limiter .compliter > div[id*="bx_"] #left {
padding-right: 0
}
/* page styles */
.priceTableContainer {
max-width: 1000px;
overflow-x: auto;
min-width: 320px;
}
.priceTableStyle80 {
border-collapse: collapse;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.priceTableStyle80 th {
background-color: #f7f7f7;
border: 1px solid #e4e4e4;
font-weight: normal;
padding: 12px 24px;
}
.priceTableStyle80 td {
border: 1px solid #e4e4e4;
vertical-align: middle;
padding: 12px 24px;
text-align: left;
color: #333333;
}
.mediumText {
font-weight: 500;
}
.pagePicture {
max-width: 100%;
height: auto;
}
.skuPropertyValue.loading {
position: relative;
}
.skuPropertyValue.loading img {
opacity: 0;
}
.skuPropertyValue.loading:after {
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
margin-top: -10px;
margin-left: -10px;
left: 50%;
background: url(images/loaderMin.gif) 50% 50% no-repeat #fff;
}
.addCart:active {
position: relative;
top: 1px;
}
.clear {
clear: both;
}
.hidden {
display: none;
}
.hiddenZone {
display: none;
}
@media all and (max-width: 1800px) and (min-width: 1300px) {
.product:nth-child(4n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
.product:nth-child(4n+1).last .icon {
display: none;
}
.product:nth-child(4n+1).last .small {
display: none;
}
}
@media all and (max-width: 1800px) {
.product {
height: 341px;
width: 25%;
}
.product.last {
line-height: 340px;
}
.product .tabloid {
height: 340px;
}
.product .picture {
height: 230px;
line-height: 230px;
}
.product .name {
margin-bottom: 2px;
}
.product .price .discount {
padding: 0;
display: block;
font-size: 13px;
line-height: 16px;
height: 16px;
}
#catalogLineList .prop {
width: 80%;
}
#catalogTableList .column:nth-child(3) {
display: none;
}
#bigDataCarousel .product:nth-child(4n+1),
#viewedProduct .product:nth-child(4n+1),
#topProduct .product:nth-child(4n+1) {
border-left: none !important;
}
#popSection .item {
height: 150px;
}
#popSection .tabloid {
padding: 6px;
}
#popSection .picture {
height: 90px;
line-height: 90px;
}
#popSection .nameWrap {
height: 32px;
line-height: 32px;
}
#popSection .name {
line-height: 16px;
}
#popSection .last {
line-height: 150px;
}
#brandList .item {
height: 96px;
line-height: 96px;
}
#brandList .picture {
height: 72px;
line-height: 72px;
opacity: 1 !important;
}
.addCart.requestPrice {
margin-top: 30px;
}
}
@media all and (max-width: 1650px) {
#bannersBlock {
display: none;
}
#sliderBlock {
width: 100%;
}
}
@media all and (max-width: 1550px) {
.language-logo {
width: 30%;
line-height: 0;
}
#catalogLineList .description {
display: none;
}
#catalogLineList .prop {
width: 100%;
}
#catalogTableList .column:nth-child(4) {
display: none;
}
#left {
width: 320px;
}
#slider ul li span,
#slider .slideVideoContainer,
#slider .videoPoster {
height: 505px;
}
#modef {
left: 335px;
}
}
@media all and (max-width: 1500px) {
#footer .information .label {
display: block;
}
#topHeading {
display: none;
}
#catalogLineList .column:first-child {
width: 340px;
}
#middleSlider {
display: none;
}
#middleSlider img {
max-width: 100%;
}
#newsContainer .column {
width: 100%;
}
#newsContainer .column .item {
overflow: hidden;
}
#newsContainer .column .item .bigPicture {
margin-right: 48px;
float: left;
width: 30%;
}
.global-information-block,
.global-information-block.fixed .global-information-block-hide-scroll-cn {
width: 250px !important;
}
}
@media all and (max-width: 1366px) {
#catalogLineList .column:first-child {
width: 300px;
}
.contactList li {
margin-bottom: 24px;
width: 50%;
}
.mfeedback input,
.mfeedback textarea,
div.mf-name input,
div.mf-email input,
div.mf-message textarea {
width: 100%;
}
.mfeedback input[type="submit"] {
width: 200px;
}
#left {
width: 280px;
}
.disabled1366 {
display: none;
}
#modef {
left: 295px;
}
}
@media (max-width: 3500px) {
#searchOverlap {
/*height: calc(100vh - 241px);*/
height: 100vh;
width: 100vw;
}
}
@media (max-width: 3000px) {
#searchOverlap {
/*height: calc(100vh - 226px);*/
height: 100vh;
width: 100vw;
}
}
@media (max-width: 2500px) {
#searchOverlap {
/*height: calc(100vh - 214px);*/
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100vw;
}
}
@media (max-width: 2000px) {
#searchOverlap {
/*height: calc(100vh - 200px);*/
height: 100vh;
width: 100vw;
}
}
@media (max-width: 1690px) {
#searchOverlap {
/*height: calc(100vh - 146px);*/
height: 100vh;
width: 100vw;
}
}
@media (max-width: 1340px) {
#searchOverlap {
/*height: calc(100vh - 182px);*/
height: 100vh;
width: 100vw;
}
}
@media (max-width: 1340px) {
#searchOverlap {
}
}
@media all and (max-width: 1300px) {
#logo {
width: 196px;
}
#topService .city {
display: none;
}
#headerTools .wishlist .nf {
display: none;
}
#headerTools .compare .nf {
display: none;
}
#footer .nav > li {
width: 33.313131%;
}
#footer .nav > li:last-child {
display: none;
}
#middleSlider {
display: none;
}
#slider ul li span,
#slider .slideVideoContainer,
#slider .videoPoster {
height: 384px;
}
#footer .rightTable .leftColumn {
display: none;
}
#rightFooter {
width: 23%;
}
#empty .emptyMenu li {
width: 50%;
}
.product {
width: 33.33333%;
}
#brandList .item,
#popSection .item {
width: 25%;
}
.disabled1366 {
display: block;
}
}
@media all and (max-width: 1300px) and (min-width: 1150px) {
#popSection .item:nth-child(4n+1).last,
#brandList .item:nth-child(4n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
#popSection .item:nth-child(4n+1).last .icon,
#brandList .item:nth-child(4n+1).last .icon {
display: none;
}
#popSection .item:nth-child(4n+1).last .small,
#brandList .item:nth-child(4n+1).last .small {
display: none;
}
.product:nth-child(3n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
.product:nth-child(3n+1).last .icon {
display: none;
}
.product:nth-child(3n+1).last .small {
display: none;
}
}
@media all and (min-width: 1281px) {
.global-content-block + div[id*="bx_"] {
display: table-cell;
width: 290px;
}
}
@media all and (max-width: 1280px) {
.global-block-container {
min-height: auto !important;
}
.global-block-container .global-information-block {
display: none;
}
#left {
width: 330px;
}
#homeCatalog .captionList {
line-height: 55px;
height: 55px;
}
#homeCatalog .captionBtnRight,
#homeCatalog .captionBtnLeft {
top: -2.5px;
}
#left #specialProduct .specialProductHeading,
#left .sideBlock .heading,
#right .heading {
line-height: 55px;
height: 55px;
}
#modef {
left: 345px;
}
}
@media all and (max-width: 1200px) {
#catalog-section-banners {
display: none;
}
#footerLine .col:first-child {
width: 30%;
}
#footerLine .col:last-child {
width: 70%;
float: right;
}
#footerLine .col:first-child .item:nth-child(1n+2) {
display: none;
}
#catalogLineList .column:last-child,
#catalogLineList .itemRow {
/*overflow: hidden;*/
display: block;
}
#catalogLineList .column:first-child {
width: 40%;
}
#catalogLineList .column:nth-child(2) {
width: 60%;
}
#catalogLineList .column:first-child,
#catalogLineList .column:nth-child(2) {
float: left;
}
#catalogLineList .column:last-child {
line-height: 60px;
padding: 0 0;
height: 60px;
border: 0px;
width: 100%;
clear: both;
}
#catalogLineList .resizeColumn {
text-align: center;
width: 30%;
float: left;
}
#catalogLineList .column .resizeColumn.last {
text-align: right;
width: 40%;
}
#catalogLineList .column:last-child .priceLabel {
display: inline-block;
padding-left: 24px;
float: none;
}
#catalogLineList .column:last-child .price {
display: inline-block;
margin: 0px;
}
#catalogLineList .column:last-child .addCart {
display: inline-block;
margin: 9px auto;
line-height: 40px;
padding: 0 24px;
font-size: 14px;
height: 40px;
width: auto;
}
#catalogLineList .column:last-child .optional {
margin: 9px 0 0 0px;
font-size: 14px;
}
#catalogLineList .column:last-child .optional .row {
margin-bottom: 4px;
padding: 0px;
}
#catalogLineList .column:last-child .optional .label {
text-align: left;
font-size: 14px;
width: 50%;
}
#catalogLineList .column:last-child .article {
display: none;
}
#catalogTableList .column:nth-child(7) {
display: none;
}
#catalogLineList .column:last-child {
background-color: #f9f9f9;
}
#slider .sliderContent .bigText,
#slider .sliderContent .bigTextColor,
#slider .sliderContent .bigTextLight {
line-height: 36px;
margin-top: 12px;
font-size: 30px;
}
#slider .sliderContent .mediumText,
#slider .sliderContent .mediumTextColor,
#slider .sliderContent .mediumTextLight {
line-height: 24px;
margin-top: 12px;
font-size: 16px;
}
#slider .sliderContent .cButton,
#slider .sliderContent .cButtonLight {
margin-top: 12px;
}
#slider .sliderContent .smallText,
#slider .sliderContent .smallTextColor,
#slider .sliderContent .smallTextLight {
margin-top: 12px;
}
#slider .sliderBtnLeft,
#slider .sliderBtnRight {
display: none;
}
#slider .sliderContent {
left: 24px;
}
#slider .leftContainer {
left: 24px;
}
#slider .rightContainer {
right: 24px;
}
#left {
width: 260px;
}
#modef {
left: 275px;
}
}
@media all and (max-width: 1150px) and (min-width: 1024px) {
.product:nth-child(2n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
.product:nth-child(2n+1).last .icon {
display: none;
}
.product:nth-child(2n+1).last .small {
display: none;
}
}
@media all and (max-width: 1150px) {
.product {
width: 50%;
}
#brandList .item,
#popSection .item {
width: 33.333%;
}
}
@media all and (max-width: 1100px) {
#headerTools .nf {
display: none;
}
#catalogLine .column:last-child .label {
display: none;
}
#popSection .picture img {
max-width: 75%;
max-height: 75%;
}
#brandList .picture img {
max-height: 70%;
max-width: 70%;
}
}
@media all and (max-width: 1024px) and (min-width: 790px) {
#brandList .item:nth-child(4n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
#brandList .item:nth-child(4n+1).last .icon {
display: none;
}
#brandList .item:nth-child(4n+1).last .small {
display: none;
}
}
@media all and (max-width: 1024px) and (min-width: 790px) {
#popSection .item:nth-child(4n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
#popSection .item:nth-child(4n+1).last .icon {
display: none;
}
#popSection .item:nth-child(4n+1).last .small {
display: none;
}
}
@media all and (max-width: 1024px) {
#main:has(#breadcrumbs) {
margin-top: 36px;
}
body #main:has(.product-nav) {
margin-top: 84px !important;
}
#colorSwitcher {
display: none !important;
}
#left .collapsed {
display: none;
}
#bestsellers {
margin-top: 0;
}
#left {
margin-bottom: 24px;
}
#left, #right {
display: block;
width: 100%;
}
#smartFilter .heading {
line-height: 20px;
height: 46px;
}
#left #promoBlock,
#left #serviceBlock,
#left #collectionBlock,
#left #newsBlock,
#left #popCats,
#left #subscribe,
#left .banner,
#footer .top .left,
#headerTools .nf,
.product:hover .fastShow {
display: none;
}
#right {
padding-left: 0px;
}
.drop {
display: none !important;
}
#rightFooter {
display: none;
}
#smartFilter .heading {
cursor: pointer;
}
#catalogLine .oFilter {
display: inline-block;
margin-right: 12px;
}
#main #smartFilter {
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);
pointer-events: none;
background: #ffffff;
visibility: hidden;
position: absolute;
margin-top: 162px;
width: 300px;
z-index: 99;
opacity: 0;
border: 0;
}
#main #smartFilter.opened {
/*-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;*/
pointer-events: auto;
visibility: visible;
opacity: 1;
margin-top: 0 !important;
top: 0;
left: 0;
border-radius: 0 !important;
bottom: 0;
z-index: 1111111 !important;
}
#nextSection {
border: none;
}
#nextSection ul {
display: none;
}
#nextSection .title {
position: relative;
padding-left: 12px;
font-weight: 300;
text-transform: none;
cursor: pointer;
text-align: left;
border: none;
background-color: #f8f8f8;
}
#nextSection .title:before {
content: "";
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 42px;
background: #efefef url('images/catalogIco2.png') center center no-repeat;
}
#smartFilterForm {
/*display: none;*/
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);
background-color: #fff;
}
#smartFilterForm .slider {
display: none !important;
}
.appZoomContainerImage {
max-width: 60vh !important;
max-height: 60vh !important;
}
#reformal_tab {
display: none !important;
}
.product .getFastView,
#specialProduct .productItem .getFastView,
#catalogLineList .picture .getFastView {
display: none !important;
}
#appFastView {
display: none !important;
}
#fastViewStores {
display: none !important;
}
#slider ol {
display: none;
}
#specialBlock {
display: none !important;
}
.product {
width: 25%;
height: 301px
}
.product.last {
line-height: 300px;
}
.product .tabloid {
height: 300px;
}
.product .picture {
height: 195px;
line-height: 195px;
}
.productSpecialTime {
top: 30px;
}
#leftMenu li .pc {
display: table-cell;
}
#slider .videoPoster {
display: block;
}
#slider .slideVideo {
display: none;
}
.templateSwitcherSettings,
.templateSwitcher {
display: none !important;
}
#brandList .item,
#popSection .item {
width: 25%;
}
#homeCatalog .captionList {
height: 50px;
line-height: 50px;
}
#homeCatalog .captionBtnRight,
#homeCatalog .captionBtnLeft {
display: none !important;
}
#homeCatalog .caption a {
font-size: 14px;
}
#homeCatalog #captionCarousel {
position: relative;
}
#nextSection li {
border-left: 1px solid #e7e8ea;
border-right: 1px solid #e7e8ea;
}
}
@media all and (max-width: 1150px) and (min-width: 1024px) {
#popSection .item:nth-child(3n+1).last,
#brandList .item:nth-child(3n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
#popSection .item:nth-child(3n+1).last .icon,
#brandList .item:nth-child(3n+1).last .icon {
display: none;
}
#popSection .item:nth-child(3n+1).last .small,
#brandList .item:nth-child(3n+1).last .small {
display: none;
}
}
@media all and (max-width: 1024px) and (min-width: 1000px) {
.product:nth-child(4n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
.product:nth-child(4n+1).last .icon {
display: none;
}
.product:nth-child(4n+1).last .small {
display: none;
}
}
@media all and (max-width: 1000px) and (min-width: 790px) {
.product:nth-child(3n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
.product:nth-child(3n+1).last .icon {
display: none;
}
.product:nth-child(3n+1).last .small {
display: none;
}
}
@media all and (max-width: 1000px) {
.product {
width: 33.33333%;
}
}
@media all and (max-width: 870px) {
#headerTools .nf {
display: none;
}
#catalogLine .column:last-child .label {
display: none;
}
}
@media all and (max-width: 850px) {
#topHeading {
display: none;
}
#leftFooter .column {
padding-right: 24px;
width: 50%;
}
#leftFooter .column:last-child {
display: none;
}
#footerLine .col:first-child {
display: none;
}
#footerLine .col:last-child {
text-align: center;
width: 100%;
float: left;
}
#catalogLineList .column:last-child .priceLabel,
#catalogLineList .column:last-child .price {
font-size: 18px;
}
#modef {
display: none !important;
}
#catalogLine .column:nth-child(3) {
display: none;
}
}
@media all and (max-width: 790px) and (min-width: 600px) {
.product:nth-child(2n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
.product:nth-child(2n+1).last .icon {
display: none;
}
.product:nth-child(2n+1).last .small {
display: none;
}
}
@media all and (max-width: 790px) and (min-width: 500px) {
#popSection .item:nth-child(3n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
#popSection .item:nth-child(3n+1).last .icon {
display: none;
}
#popSection .item:nth-child(3n+1).last .small {
display: none;
}
}
@media all and (max-width: 790px) and (min-width: 360px) {
#brandList .item:nth-child(3n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
#brandList .item:nth-child(3n+1).last .icon {
display: none;
}
#brandList .item:nth-child(3n+1).last .small {
display: none;
}
}
@media all and (max-width: 790px) {
.product {
width: 50%;
}
#popSection .item {
width: 33.33333%;
}
#brandList .item {
width: 33.33333%;
}
#homeCatalog .caption {
border: none;
}
}
@media all and (max-width: 750px) {
#requestPrice .productColumn {
display: none;
}
#requestPrice .formColumn {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 24px;
width: 100%;
}
#requestPrice input,
#requestPrice textarea,
#requestPrice #requestPriceSubmit {
width: 100%;
}
#requestPrice input {
height: 45px;
}
#requestPrice textarea {
height: 50px;
}
#requestPrice #requestPriceContainer {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #ffffff;
transform: translateX(-50%);
padding-right: 0px;
padding-left: 0px;
margin-left: 0px;
width: 90%;
left: 50%;
}
#requestPriceForm {
margin-bottom: 24px;
}
#requestPrice .requestPriceFormHeading {
margin-right: 0px;
}
}
@media all and (max-width: 700px) {
#slider ul li span,
#slider .slideVideoContainer,
#slider .videoPoster {
height: 300px;
}
.limiter {
padding: 0;
}
#topMenu {
margin-left: 12px;
}
#subHeader #logo,
#subHeader.color_theme #logo,
#subHeader.color_black #logo {
border: 0;
}
#topSearch form {
box-sizing: border-box;
}
#left {
width: 100%;
padding: 0 12px;
box-sizing: border-box;
display: block;
}
#right {
display: block;
margin-top: 24px;
padding: 0 12px;
box-sizing: border-box;
}
#leftMenu li a {
font-size: 16px;
}
#footer .top {
box-sizing: border-box;
padding: 0 12px;
}
#footer .bottom {
box-sizing: border-box;
padding: 0 12px;
}
#footer .bottom .left {
width: 60px;
}
#flushFooterCart .item:nth-child(1) {
display: none;
}
.copyright img {
display: none;
}
.copyright {
display: block;
width: 60px;
height: 60px;
background: url(images/sn.png) -360px -0px no-repeat transparent;
}
.copyright:hover {
background-position: -360px -60px;
}
#catalogLineList .resizeColumn {
width: 40%;
}
#catalogLineList .column .resizeColumn.last {
width: 20%;
}
#catalogLineList .column:last-child .optional .label {
width: 100%
}
#catalogLineList .column:last-child .optional .label:first-child {
display: none;
}
#catalogLineList .column:last-child .priceLabel {
display: none;
}
#catalogTableList .column:nth-child(8) {
display: none;
}
#appBasket {
display: none !important;
}
#overlap {
display: none !important;
}
.blurred {
-webkit-filter: blur(0px) !important;
-moz-filter: blur(0px) !important;
-ms-filter: blur(0px) !important;
-o-filter: blur(0px) !important;
filter: blur(0px) !important;
}
#newsContainer .column .item .bigPicture {
width: 100%;
float: none;
}
#catalogSection .sectionItems .item .itemContainer .description {
display: none;
}
div.mf-name, div.mf-email, div.mf-captcha, div.mf-message {
width: 100%;
}
.product {
height: 140px;
width: 50%;
}
body .product:hover .tabloid {
box-shadow: none;
border-color: transparent;
}
.product .btn-simple.add-cart:hover {
border-color: #e7e8ea;
}
.product.last {
line-height: 110px;
}
.product .btn-simple {
display: inline-block;
font-size: 13px;
width: 100%;
}
.product .tabloid {
height: 100%;
}
.product:hover .tabloid {
height: 100%;
}
.product .picture {
height: 120px;
line-height: 120px;
}
.product .optional {
margin-top: 12px;
}
.product .optional .label {
width: 100%;
}
.product .optional .label:not(:last-child) {
margin-bottom: 12px;
}
.product .optional .label:last-child {
width: 100%;
}
.product .skuProperty {
display: none;
}
.product .addCart {
line-height: 30px;
height: 30px;
margin-top: 20px;
}
.product .price .discount {
height: auto;
}
.product .name {
height: 36px;
line-height: 36px;
}
.product .middle {
line-height: 18px;
}
.product .price {
margin-bottom: 6px;
font-size: 14px;
}
.product .price .measure {
font-size: 14px;
}
.product .markerContainer {
left: 6px;
top: 6px;
}
.product .marker {
margin-bottom: 2px;
}
.product .getPricesWindow .priceIcon {
display: none;
}
.product .rating {
display: none;
}
.productSpecialTime {
display: none;
}
.productTable {
display: table;
table-layout: fixed;
width: 100%;
}
.productColImage {
width: 110px;
padding-right: 12px;
display: table-cell;
vertical-align: middle;
}
.productColText {
/*display: table-cell;*/
vertical-align: middle;
}
.product.last .icon {
height: 33px;
margin-bottom: 6px;
}
.product.last .icon .iconBig {
display: none;
}
.product.last .icon .iconSmall {
display: inline-block;
}
}
@media all and (max-width: 634px) {
#footerTabsCaption, #footerTabs {
display: none;
}
#headerTools .tools .compare,
#headerTools .tools .wishlist {
display: none;
}
#catalogLineList .column {
width: 50%;
}
#catalogLineList .prop {
display: none;
}
#catalogLineList .column .resizeColumn {
width: 50%;
}
#catalogLineList .column .resizeColumn.last {
display: none;
}
#catalogTableList .column:nth-child(1) {
display: none;
}
#catalogTableList .column:nth-child(2) {
padding-left: 24px;
width: auto;
}
.contactList li {
margin-bottom: 24px;
width: 100%;
}
#empty .emptyMenu li {
width: 100%;
}
}
@media all and (max-width: 660px) {
#catalogLine .label {
display: none;
}
}
@media all and (max-width: 600px) {
.product {
width: 100%;
}
.productColImage {
width: 40%;
min-width: 110px;
max-width: 160px;
}
#popSection .item {
height: 170px;
}
#popSection .nameWrap {
height: 48px;
line-height: 48px;
}
#popSection .last .value,
#popSection .last .ps {
font-size: 16px;
}
#brandList .last .ps,
#brandList .last .value,
#popSection .last .small {
font-size: 14px;
}
#homeCatalog #captionCarousel:before {
content: "";
position: absolute;
z-index: 2;
right: 0;
top: 0;
width: 80px;
height: 100%;
background: -moz-linear-gradient(left, rgba(43, 43, 43, 0) 0%, rgba(43, 43, 43, 1) 100%);
background: -webkit-linear-gradient(left, rgba(43, 43, 43, 0) 0%, rgba(43, 43, 43, 1) 100%);
background: linear-gradient(to right, rgba(43, 43, 43, 0) 0%, rgba(43, 43, 43, 1) 100%);
pointer-events: none;
}
}
@media all and (max-width: 525px) {
#catalogLine .column:last-child {
display: none;
}
#catalogLine .column:nth-child(2) {
float: right;
}
}
@media all and (max-width: 500px) {
.top-auth-personal,
.top-auth-exit,
.top-auth-login,
.top-auth-register {
border: none !important;
position: absolute;
top: 103px;
}
.top-auth-personal,
.top-auth-login {
left: 12px;
}
.top-auth-exit {
left: 120px;
}
.top-auth-register {
left: 52px;
}
#subHeader #headerTools,
#subHeader.color_theme #headerTools,
#subHeader.color_black #headerTools {
border: 0;
}
#headerTools .telephone {
line-height: 21px !important;
border: none !important;
position: absolute;
padding: 0px;
right: 0px;
top: 107px;
}
#headerTools .telephone .callBack {
display: none;
}
#headerTools .telephone .nf {
margin: 0;
float: none;
display: block;
}
#headerTools .telephone .nf .heading {
display: none;
}
#headerTools .telephone .nf .heading:first-child {
font-weight: 500;
font-size: 14px;
display: block;
color: #888888;
}
#subHeader #headerTools .tools li,
#subHeader.color_theme #headerTools .tools li,
#subHeader.color_black #headerTools .tools li {
border: none !important;
}
#subHeader #topService,
#subHeader.color_theme #topService,
#subHeader.color_black #topService {
border: none;
}
#topHeader #topService li,
#topHeader.color_theme #topService li,
#topHeader.color_black #topService li {
padding: 0px;
border: none;
}
#topService.color_theme > li > a {
color: #ffffff !important;
}
#topService.color_theme > li > a:hover {
opacity: 0.8;
}
#topHeader.color_theme #topService,
#topHeader.color_black #topService {
border: 0;
}
#logo {
padding-left: 12px;
line-height: 80px;
height: 80px;
}
#headerTools .tools li {
line-height: 80px;
}
#topMenu {
margin-left: 0px;
}
.user-geo-position {
padding-right: 12px;
text-align: right;
}
#topSearch input[type="text"] {
padding-left: 6px;
}
#topService li a {
color: #888888;
}
#panel {
position: fixed;
z-index: 9999;
}
#logo {
text-align: left;
}
#topSearch input[type="text"] {
font-size: 14px;
}
#topSeachCloseForm {
font-size: 13px;
}
#popSection .item {
width: 50%;
height: 150px;
}
#popSection .nameWrap {
height: 32px;
line-height: 32px;
}
#popSection .item:nth-child(2n+1).last {
line-height: 95px;
height: 95px;
width: 100%;
}
}
@media all and (max-width: 486px) {
#catalogLine .column:last-child {
display: none;
}
}
@media all and (max-width: 480px) {
#homeCatalog {
margin-top: 0px;
}
#leftFooter .column {
width: 100%;
}
#leftFooter .column:nth-child(2n) {
display: none;
}
#flushFooterCart .item:nth-child(2) {
display: none;
}
.sn {
display: none;
}
#catalogTableList .column:nth-child(2) {
padding-left: 0px;
margin-top: 0px;
}
#catalogTableList .column {
text-align: center;
display: block;
}
#catalogTableList .column:first-child {
width: auto;
}
#catalogTableList .column:nth-child(1) {
margin-top: 24px;
display: block;
}
#catalogTableList .name {
text-align: center;
}
#catalogTableList .price .discount {
right: 48px;
}
#catalogTableList .addCart,
#catalogTableList .more {
margin: 0;
}
#leftFooter .heading {
text-align: center;
}
#leftFooter ul {
text-align: center;
}
#footerBottom .creator {
text-align: center;
padding: 0px;
float: none;
}
#slider {
margin-bottom: 24px;
}
#slider .sliderBtnLeft,
#slider .sliderBtnRight {
display: none !important;
}
#slider ul li span,
#slider .slideVideoContainer,
#slider .videoPoster {
height: 178px;
}
#slider .sliderContent {
/*text-align: center;*/
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-shadow: 1px 1px 10px #ffffff;
padding: 0 12px;
right: unset;
left: unset;
width: 100%;
}
#slider .sliderContent .bigText,
#slider .sliderContent .bigTextColor,
#slider .sliderContent .bigTextLight {
line-height: 24px;
font-size: 18px;
}
#slider ul li span {
-webkit-transition: 1s -webkit-filter linear;
transition: 1s filter linear;
opacity: 1;
}
#slider ul li span:hover {
transform: scale(1);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
-webkit-filter: blur(0px);
filter: blur(0px);
}
#slider .sliderContent .cButtonLight,
#slider .sliderContent .cButton {
line-height: 40px;
margin-top: 12px;
padding: 0 12px;
height: 40px;
}
#slider .sliderContent .bigText,
#slider .sliderContent .bigTextColor,
#slider .sliderContent .bigTextLight {
margin-top: 6px;
}
#slider .sliderContent .mediumText,
#slider .sliderContent .mediumTextColor,
#slider .sliderContent .mediumTextLight {
line-height: 21px;
margin-top: 6px;
}
#slider .sliderContent .smallText,
#slider .sliderContent .smallTextColor,
#slider .sliderContent .smallTextLight {
line-height: 18px;
font-size: 13px;
margin-top: 6px;
}
}
@media all and (max-width: 450px) {
.user-geo-position-label {
display: none;
}
}
@media all and (max-width: 430px) {
#requestPrice #requestPriceContainer {
height: 450px;
}
#requestPrice .requestPriceHeading {
font-size: 16px;
}
#requestPrice .requestPriceHeading .close {
display: none;
}
#requestPrice .requestPriceFormHeading {
margin-top: 32px;
}
}
@media all and (max-width: 400px) {
#logo {
width: 150px;
padding-left: 12px;
}
.productColImage {
width: 50%;
}
#catalogLine .oFilter {
margin-right: 0;
}
#catalogLine {
padding: 0;
border: none;
height: 32px;
line-height: 32px;
}
#catalogColumn #smartFilter {
margin-top: 42px;
}
}
@media all and (max-width: 360px) {
#brandList .item {
width: 50%;
}
#brandList .item:nth-child(2n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
#brandList .last .ps,
#brandList .last .value,
#popSection .last .small {
font-size: 13px;
}
#catalogLine .oSmartFilter.btn-simple.btn-micro {
min-width: 94px;
}
#headerTools .tools li {
border-left: none;
}
#logo {
width: 120px;
}
}
@media all and (max-width: 300px) {
#headerTools .tools .telephone {
display: none !important;
}
}
#ORDER_CONFIRM_BUTTON {
text-shadow: none !important;
height: 50px !important;
line-height: 50px !important;
}
.addCart.disabled {
pointer-events: none;
cursor: default;
}
.addCart.requestPrice {
background-color: #2b2b2b !important;
pointer-events: auto !important;
cursor: pointer !important;
}
.addCart.requestPrice:hover {
opacity: 0.8 !important;
}
.addCart.requestPrice:active {
position: relative;
top: 1px;
}
.sale_order_full_table input[name="BuyButton"],
.sale_order_full_table input[type="submit"] {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
line-height: 50px;
cursor: pointer;
padding: 0 48px;
height: 50px;
border: 0px;
}
div.bx-debug-summary {
z-index: 99999 !important;
}
.appZoomContainerExit {
background: url(images/exitWindow.png) 0 0 no-repeat transparent;
position: absolute;
height: 38px;
width: 38px;
right: -38px;
top: -38px;
}
.appZoomContainerExit:hover {
background-position: 0px -38px;
}
.appZoomContainerExit:active {
background-position: 0px -76px;
}
#appZoomWindow .appZoomContainer {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#appZoomWindow .appZoomContainer.loading {
background: url(images/windowLoader.gif) 50% 50% no-repeat transparent;
min-height: 100px;
min-width: 100px;
}
.fastBack.disabled {
/*pointer-events: none;*/
cursor: not-allowed;
}
.fastBack.disabled:hover {
color: #717171;
}
.fastBack.disabled:active {
top: 0px;
}
.getPricesWindow {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer !important;
}
.getPricesWindow:hover {
color: #444444;
}
.getPricesWindow:active {
position: relative;
top: 1px;
}
.getPricesWindow .priceIcon {
background: url(images/priceInfo.png) 0 0 no-repeat transparent;
vertical-align: middle;
display: inline-block;
margin-right: 10px;
margin-top: -2px;
height: 21px;
width: 21px;
}
.getPricesWindow .priceIcon:hover {
background-position: 0px -21px;
}
.getPricesWindow .priceIcon:active {
background-position: 0px -42px;
}
.global-block-container {
border-collapse: collapse;
table-layout: fixed;
display: table;
width: 100%;
}
.global-content-block,
.global-information-block {
display: table-cell;
vertical-align: top;
}
.global-content-block .detail-text-wrap:first-child {
margin-top: 0;
}
.global-information-block {
position: relative;
padding-left: 24px;
overflow: hidden;
width: 280px;
}
.global-information-block.fixed .global-information-block-cn {
padding-top: 24px;
overflow: hidden;
position: fixed;
width: 280px;
top: 0px
}
.global-information-block-hide-scroll {
padding-right: 24px;
max-height: 100vh;
overflow: auto;
width: 320px;
}
.global-block-container .global-information-block-hide-scroll {
width: 280px;
padding-right: 0;
}
.global-information-block-hide-scroll-cn {
width: 280px;
}
.global-information-block.max-scroll .global-information-block-cn {
position: absolute;
bottom: 0px;
top: auto;
}
.questions-answers .h2 {
margin: 18px 0;
}
.question-answer-wrap {
font-size: 14px;
line-height: 24px;
color: #000000;
margin-bottom: 12px;
padding: 0 18px 0 24px;
border: 1px solid #f3f3f3;
transition: all 0.2s ease-in-out;
}
.question-answer-wrap:last-child {
margin-bottom: 0;
}
.question-answer-wrap:hover {
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05);
}
.questions-answers-list .question {
position: relative;
padding: 24px 0;
padding-right: 120px;
cursor: pointer;
}
.questions-answers-list .open-answer {
position: absolute;
right: 6px;
top: 50%;
width: 110px;
height: 25px;
margin-top: -12px;
overflow: hidden;
}
.questions-answers-list .open-answer span {
position: absolute;
left: 0;
top: 0;
display: block;
font-size: 13px;
height: 25px;
line-height: 25px;
color: #000000;
transition: all 0.3s linear;
}
.questions-answers-list span.hide-answer-text {
top: -25px;
}
.questions-answers-list .active span.hide-answer-text {
top: 0;
}
.questions-answers-list .active span.open-answer-text {
top: 25px;
}
.questions-answers-list .open-answer-btn {
position: absolute;
right: 0;
top: 0;
width: 25px;
height: 25px;
background: url("images/question-arrow.png") center center / contain no-repeat;
transition: all 0.3s linear;
}
.questions-answers-list .active .open-answer-btn {
transform: rotate(-180deg);
}
.questions-answers-list .answer {
display: none;
padding: 24px 0;
border-top: 1px solid #efefef;
color: #888888;
}
@media screen and (max-width: 800px) {
.questions-answers-list .answer {
padding: 0 12px;
}
.questions-answers-list .question {
padding: 12px 36px 12px 0;
line-height: 20px;
}
.questions-answers-list .answer {
padding: 12px 0;
line-height: 20px;
}
.questions-answers-list .open-answer {
right: 0;
}
.questions-answers-list .open-answer span {
display: none;
}
}
.information-heading {
font-weight: 500;
margin-bottom: 12px;
font-size: 21px;
}
.information-text {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 12px;
color: #555555;
}
.information-list-item {
border: 1px solid #f1f1f1;
border-radius: 2px;
padding: 12px 12px;
margin-top: 24px;
}
.information-item-icon {
padding-right: 24px;
width: 42px;
}
.information-list-item a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
color: #000000;
}
.information-list-item a:hover {
color: #777777;
}
.information-list-item a:active {
position: relative;
top: 1px;
}
.information-feedback-container {
margin-top: 24px;
}
.information-feedback {
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
text-decoration: none;
text-align: center;
padding: 18px 12px;
font-size: 16px;
display: block;
}
.information-feedback:active {
position: relative;
top: -1px;
}
.pilink {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
color: #888888;
}
.pilink:hover {
opacity: 0.7;
}
.pilink:active {
position: relative;
top: 1px;
}
.tb {
border-collapse: collapse;
table-layout: fixed;
display: table;
width: 100%;
}
.tc {
vertical-align: middle;
display: table-cell;
}
#catalog-section-banners {
margin: 24px 0px;
overflow: hidden;
clear: both;
}
#catalog-section-banners ul {
padding: 0;
margin: 0;
}
#catalog-section-banners ul > li {
list-style: none;
float: left;
width: 0px;
}
#catalog-section-banners ul > li:first-child {
width: auto;
}
#catalog-section-banners li img {
width: 100%;
}
#catalog-section-banners ol {
margin: 0px;
padding: 0px;
list-style: none;
position: absolute;
left: 50%;
bottom: 12px;
}
#catalog-section-banners ol {
position: absolute;
left: 50%;
bottom: 12px;
}
#catalog-section-banners ol li {
background: url(images/slideButtonSect.png) 0 0 no-repeat transparent;
margin-right: 4px;
width: 18px;
height: 18px;
float: left;
cursor: pointer;
}
#catalog-section-banners ol li:hover {
background: url(images/slideButtonSect.png) -18px 0 no-repeat transparent;
}
#catalog-section-banners ol li:active {
background: url(images/slideButtonSect.png) -36px 0 no-repeat transparent;
}
#catalog-section-banners ol li.selected {
background: url(images/slideButtonSect.png) -54px 0 no-repeat transparent;
}
#catalog-section-banners ol li.selected:hover {
background: url(images/slideButtonSect.png) -72px 0 no-repeat transparent;
}
#catalog-section-banners ol li.selected:active {
background: url(images/slideButtonSect.png) -90px 0 no-repeat transparent;
}
#catalog-section-banners .catalog-section-banners-btn-left,
#catalog-section-banners .catalog-section-banners-btn-right {
background: url(images/slideArrowSect.png) no-repeat transparent;
position: absolute;
margin-top: -30px;
display: block;
height: 60px;
width: 30px;
top: 50%;
}
#catalog-section-banners .catalog-section-banners-btn-left {
background-position: 0 0;
left: 0px;
}
#catalog-section-banners .catalog-section-banners-btn-left:hover {
background-position: -30px 0;
}
#catalog-section-banners .catalog-section-banners-btn-left:active {
background-position: -60px 0;
}
#catalog-section-banners .catalog-section-banners-btn-right {
background-position: 0 -60px;
right: 0px;
}
#catalog-section-banners .catalog-section-banners-btn-right:hover {
background-position: -30px -60px;
}
#catalog-section-banners .catalog-section-banners-btn-right:active {
background-position: -60px -60px;
}
.bx-sls .quick-location-tag, .bx-slst .quick-location-tag {
color: #23527c !important;
}
.list-advantages {
max-width: none;
font-size: 0;
line-height: 0;
margin: 18px -12px 24px;
}
.list-advantages .list-item {
display: inline-block;
vertical-align: top;
max-width: 100%;
width: 350px;
box-sizing: border-box;
padding: 12px;
}
.list-advantages .tc {
vertical-align: top;
}
.list-advantages .image {
width: 74px;
}
.list-advantages .text-wrap {
font-size: 14px;
color: #000000;
}
.list-advantages .name {
max-height: 40px;
margin-bottom: 6px;
overflow: hidden;
font-weight: 500;
font-size: 16px;
line-height: 20px;
}
.list-advantages .descr {
max-height: 32px;
line-height: 16px;
overflow: hidden;
}
#colorSwitcher {
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4);
transform: translateX(192px);
background-color: #ffffff;
margin-top: -275px;
text-align: center;
position: fixed;
z-index: 99999;
height: 550px;
width: 192px;
right: 0px;
top: 50%;
}
#colorSwitcher:hover {
transform: translateX(0);
}
#colorSwitcher .settingTouch {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: #000000;
text-align: center;
position: absolute;
line-height: 50px;
height: 50px;
width: 50px;
left: -50px;
}
#colorSwitcher .settingTouch:hover {
background: #2b2b2b;
}
#colorSwitcher .settingTouchPicture {
background: url(images/setting.png) 50% 50% no-repeat transparent;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
vertical-align: middle;
display: inline-block;
height: 24px;
width: 24px;
}
#colorSwitcher:hover .settingTouchPicture {
transform: rotate(360deg);
}
#colorSwitcher .title {
text-transform: uppercase;
font-weight: 700;
text-align: center;
margin-top: 12px;
}
#colorSwitcher .items,
#colorSwitcher .backgroundItems {
text-align: center;
margin-top: 12px;
overflow: hidden;
}
#colorSwitcher .menuSelect {
margin-top: 12px;
}
#colorSwitcher .menuSelect select {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 12px;
outline: none;
height: 35px;
width: 85%;
}
#colorSwitcher .menuSelect option {
padding: 12px 0px;
}
#colorSwitcher .item {
margin-bottom: 12px;
margin-left: 12px;
height: 48px;
width: 48px;
float: left;
}
#colorSwitcher .item:nth-child(3n+1) {
/*margin-left: 0px;*/
}
#colorSwitcher .close {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: rgba(0, 0, 0, 0.8);
text-decoration: none;
display: inline-block;
margin-top: 8px;
text-align: center;
border-radius: 4px;
line-height: 30px;
padding: 0 24px;
color: #ffffff;
}
#colorSwitcher .close:hover {
background-color: rgba(0, 0, 0, 1);
}
#colorSwitcher .item a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-radius: 50%;
display: block;
height: 48px;
width: 48px;
}
#colorSwitcher .selected a {
background-image: url(images/check.png);
background-repeat: no-repeat;
background-position: 50% 50%;
}
#colorSwitcher .item .color1 {
background-color: #ff9601;
}
#colorSwitcher .item .color1:hover {
background-color: #ffb800;
}
#colorSwitcher .item .color2 {
background-color: #fb9bad;
}
#colorSwitcher .item .color2:hover {
background-color: #f3889d;
}
#colorSwitcher .item .color3 {
background-color: #ff855f;
}
#colorSwitcher .item .color3:hover {
background-color: #e77652;
}
#colorSwitcher .item .color4 {
background-color: #daa550;
}
#colorSwitcher .item .color4:hover {
background-color: #e4a540;
}
#colorSwitcher .item .color5 {
background-color: #b15b49;
}
#colorSwitcher .item .color5:hover {
background-color: #a05a4b;
}
#colorSwitcher .item .color6 {
background-color: #f44336;
}
#colorSwitcher .item .color6:hover {
background-color: #d42d20;
}
#colorSwitcher .item .color7 {
background-color: #acce11;
}
#colorSwitcher .item .color7:hover {
background-color: #94b20e;
}
#colorSwitcher .item .color8 {
background-color: #27c148;
}
#colorSwitcher .item .color8:hover {
background-color: #19cc3f;
}
#colorSwitcher .item .color9 {
background-color: #27bfc1;
}
#colorSwitcher .item .color9:hover {
background-color: #25ccce;
}
#colorSwitcher .item .color10 {
background-color: #3498db;
}
#colorSwitcher .item .color10:hover {
background-color: #2395e1;
}
#colorSwitcher .item .color11 {
background-color: #2a65d0;
}
#colorSwitcher .item .color11:hover {
background-color: #0d57dc;
}
#colorSwitcher .item .color12 {
background-color: #0061b2;
}
#colorSwitcher .item .color12:hover {
background-color: #006ac2;
}
#colorSwitcher .item .color13 {
background-color: #c651d0;
}
#colorSwitcher .item .color13:hover {
background-color: #d75ee1;
}
#colorSwitcher .item .color14 {
background-color: #c12752;
}
#colorSwitcher .item .color14:hover {
background-color: #c61c4b;
}
#colorSwitcher .item .color15 {
background-color: #ed1c24;
}
#colorSwitcher .item .color15:hover {
background-color: #ff232b;
}
#colorSwitcher .item .white {
background-color: #eeeeee;
}
#colorSwitcher .item .black {
background-color: #000000;
}
.colorSwitcherLoader {
background-color: rgba(0, 0, 0, 0.4);
text-align: center;
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 9999;
}
.colorSwitcherLoader svg {
height: 180px;
width: 180px;
margin: auto;
overflow: visible;
position: absolute;
margin-top: -120px;
top: 50%;
left: 50%;
display: none;
}
.colorSwitcherLoader.visible svg {
display: block;
}
.bx-soa-pp-company {
z-index: 1 !important;
}
#bx-soa-order * {
-webkit-box-sizing: border-box !Important;
-moz-box-sizing: border-box !Important;
box-sizing: border-box !Important;
}
#reformal_tab {
z-index: 9991 !important;
}
.sale_order_full_table input[name="BuyButton"] {
margin-bottom: 24px;
}
.microdata {
display: none;
}
.banner-animated .image {
opacity: 0;
transform: translate3d(30px, 0, 0);
transition: all 0.6s 0.4s ease-in-out;
}
.banner-animated.banner-image-load .image {
opacity: 1;
transform: translate3d(0, 0, 0);
}
/*start кнопки общие*/
.btn-simple-wrap {
margin-top: 14px;
}
.btn-simple {
position: relative;
display: inline-block;
min-width: 200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 21px 24px 19px;
font-weight: 300;
font-size: 14px;
line-height: 18px;
text-align: center;
border: 1px solid transparent;
border-radius: 2px;
color: #ffffff;
-webkit-transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
cursor: pointer;
text-decoration: none;
}
.btn-simple:active {
top: 1px;
}
.btn-simple.btn-black {
background: #2d2d2d;
border-color: #2d2d2d;
}
.btn-simple.btn-black:hover {
background: #202020;
border-color: #202020;
}
.btn-simple.btn-black-border {
background: transparent;
border-color: #aaaaaa;
color: #000000;
}
.btn-simple.btn-black-border:hover {
border-color: #000000;
background: transparent;
}
.btn-simple.btn-medium {
padding: 16px 24px 14px;
}
.btn-simple.btn-small {
min-width: 126px;
padding: 12px 8px 10px;
}
.btn-simple.btn-micro {
min-width: 215px;
padding: 20px 8px;
/*border: 1px solid #f89e1c;*/
border: 1px solid #e7e8ea;
border-radius: 4px;
background: #F8F8F8B2;
color: #000;
}
.btn-simple.btn-micro:hover {
color: #fff;
background: #f89e1c;;
}
.btn-simple.add-cart {
min-width: 90px;
padding: 4px 8px 3px;
background: transparent;
color: #000;
border-color: #e7e8ea;
}
.btn-simple.add-cart:hover {
border-color: #000;
background: transparent;
}
.active-link {
display: inline-block;
font-weight: 700;
font-size: 14px;
color: #000000;
text-transform: uppercase;
text-decoration: none;
border-bottom: 1px dashed #000000;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.active-link:active {
position: relative;
top: 1px;
}
.inactive-link {
display: inline-block;
font-weight: 700;
font-size: 14px;
color: #888888;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.inactive-link:active {
position: relative;
top: 1px;
}
.text-link {
display: inline-block;
vertical-align: middle;
color: #3b3732;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.text-link:active {
position: relative;
top: 1px;
}
.big-text-link {
display: inline-block;
vertical-align: middle;
font-size: 16px;
color: #3b3732;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.big-text-link:active {
position: relative;
top: 1px;
}
.link-dashed {
display: inline-block;
font-weight: 300;
font-size: 14px;
color: #000000;
text-decoration: none;
border-bottom: 1px dashed #000000;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.link-dashed:active {
position: relative;
top: 1px;
}
.theme-link-dashed {
display: inline-block;
font-weight: 300;
font-size: 14px;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dashed;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.theme-link-dashed:active {
position: relative;
top: 1px;
}
.tabs-wrap {
margin: 24px 0;
}
.tabs-wrap .tabs-links {
font-size: 0;
}
.tabs-wrap .tab-link {
display: inline-block;
vertical-align: top;
font-size: 14px;
}
.tabs-wrap .tab-link:active {
top: 1px;
}
.tabs-wrap .tab-link:last-child {
margin-right: 0;
}
.tabs-wrap .tab-btn-link {
position: relative;
display: inline-block;
min-width: 126px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 6px 6px 0;
padding: 12px 14px 10px;
font-weight: 300;
font-size: 14px;
line-height: 18px;
text-align: center;
border: 1px solid #e7e8ea;
border-radius: 2px;
color: #888888;
-webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
cursor: pointer;
text-decoration: none;
}
.tabs-wrap .tab-dashed-link {
position: relative;
display: inline-block;
margin: 0 30px 6px 0;
font-weight: 700;
font-size: 14px;
color: #888888;
text-transform: uppercase;
text-decoration: none;
border-bottom: 1px dashed transparent;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.tabs-wrap .tab-dashed-link.active {
color: #000000;
border-color: #000000;
}
.tabs-wrap .tab-dashed-link.active:hover {
color: #000000;
border-color: #000000;
}
.tabs-wrap .tabs-content {
margin-top: 18px;
}
.tabs-wrap .tab-content {
display: none;
}
.tabs-wrap .tab-content.active {
display: block;
}
.consultation-wrap {
box-sizing: border-box;
padding: 14px 40px 16px 22px;
border: 1px solid #e7e8ea;
background: #fafafa;
color: #000000;
}
.consultation-wrap .tb {
width: 100%;
}
.consultation-wrap .image {
width: 128px;
}
.consultation-wrap .consultation-btn-wrap {
width: 224px;
text-align: right;
}
.consultation-wrap .consultation-heading {
margin-bottom: 6px;
font-size: 21px;
line-height: 25px;
font-weight: 400;
color: #000000;
text-decoration: none;
}
.consultation-wrap .text {
max-height: 48px;
overflow: hidden;
font-size: 14px;
line-height: 16px;
}
@media screen and (max-width: 790px) {
.consultation-wrap {
padding: 18px 12px;
}
.consultation-wrap .tc.image {
display: none;
}
}
@media screen and (max-width: 550px) {
.consultation-wrap .tc {
display: block;
width: 100%;
text-align: left;
}
.consultation-wrap .consultation-btn-wrap {
margin-top: 18px;
}
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex .flex-item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: calc(50% - 10px);
padding: 30px 24px;
border: 1px solid #e7e8ea;
}
@media all and (max-width: 750px) {
.flex .flex-item {
width: 100%;
margin-bottom: 12px;
}
}
.h1 {
display: block;
margin-bottom: 6px;
font-size: 24px;
line-height: 30px;
font-weight: 400;
color: #000000;
text-decoration: none;
}
.h2 {
display: block;
margin-bottom: 6px;
font-size: 21px;
line-height: 25px;
font-weight: 400;
color: #000000;
text-decoration: none;
}
.h3 {
display: block;
margin-bottom: 6px;
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: #000000;
text-decoration: none;
}
.ff-bold {
font-weight: 700;
}
.ff-medium {
font-weight: 500;
}
.detail-text-wrap {
margin: 24px 0;
line-height: 24px;
}
.detail-text-wrap .h1 {
margin-bottom: 12px;
}
.detail-text-wrap .h2 {
margin-bottom: 12px;
}
.detail-text-wrap .h3 {
margin-bottom: 12px;
}
.detail-text-wrap p {
margin: 0 0 14px;
line-height: 24px;
}
.detail-text-wrap *:last-child {
margin-bottom: 0;
}
.detail-text-wrap ul {
padding-left: 16px;
}
.detail-text-wrap ol {
padding-left: 16px;
}
.detail-text-wrap img.fixwidth {
display: inline-block;
max-width: 100%;
width: auto;
height: auto;
}
.error-wrap {
margin: 18px 0;
padding: 48px 42px 36px;
font-size: 14px;
line-height: 24px;
color: #952525;
border: 1px solid #bc8383;
}
.table-simple-wrap {
overflow: auto;
}
.table-simple {
margin: 18px 0 36px;
border-collapse: collapse;
width: 100%;
min-width: 700px;
border-spacing: 0;
table-layout: auto;
border: 0;
}
.table-simple th {
vertical-align: middle;
padding: 12px 24px;
font-weight: 500;
background: #f7f7f7;
border: 1px solid #e4e4e4;
}
.table-simple td {
vertical-align: middle;
padding: 12px 24px;
border: 1px solid #e4e4e4;
}
.table-simple td:last-child {
text-align: center;
}
.blockquote-wrap {
margin: 42px 0 24px;
padding: 48px 120px 42px 54px;
background: #f9f9f9;
}
.blockquote-wrap blockquote {
margin: 0;
padding: 0;
font-size: 18px;
line-height: 30px;
color: #888888;
}
.blockquote-wrap blockquote:before {
content: "";
display: inline-block;
width: 40px;
height: 33px;
margin-right: 10px;
background: url("images/blockquote.png") center center / contain no-repeat;
}
.blockquote-wrap p {
margin-top: 14px;
}
.new-list-items-wrap {
margin-top: 24px;
}
.new-list-items {
max-width: none;
margin: 18px -12px 30px;
font-size: 0;
}
.new-list-items > div[id*="bx_incl_area"] {
display: inline-block;
vertical-align: top;
width: 33.333%;
}
.new-list-items > div[id*="bx_"] > .list-item-wrap {
width: 100%;
}
.new-list-items .list-item-wrap {
display: inline-block;
vertical-align: top;
width: 33.333%;
padding: 12px;
box-sizing: border-box;
}
.new-list-items .list-item {
padding: 24px 18px;
border: 1px solid #e7e8ea;
border-radius: 2px;
}
.new-list-items .image {
width: 54px;
padding-right: 18px;
}
.new-list-items .image-container {
display: block;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.new-list-items .image-container img {
display: block;
max-width: 100%;
}
.new-list-items .image-container:hover {
opacity: 0.9;
}
.new-list-items .image-container:active {
position: relative;
top: 1px;
}
.new-list-items .text {
color: #000000;
}
.new-list-items .name {
display: block;
margin-bottom: 12px;
font-size: 14px;
line-height: 18px;
max-height: 18px;
overflow: hidden;
text-decoration: none;
color: #000000;
}
.new-list-items .name:active {
position: relative;
top: 1px;
}
.new-list-items .price {
position: relative;
display: inline-block;
padding-right: 18px;
font-size: 18px;
font-weight: 700;
}
.new-list-items .old-price {
position: absolute;
right: 0;
top: -12px;
font-size: 13px;
line-height: 15px;
font-weight: 300;
font-size: 13px;
color: #888888;
}
.new-list-items .active-link {
text-transform: none;
font-weight: 300;
}
.new-list-items .addCart.added {
color: #888888;
border-color: #888888;
background: none !important;
}
.new-list-items .addCart.added:hover {
color: #000;
border-color: #000;
}
.price-container .addCart.added:hover {
border-color: transparent;
}
@media screen and (max-width: 1600px) {
.blockquote-wrap {
margin: 24px 0 18px;
padding: 30px 30px 36px 42px;
}
.new-list-items {
margin: 0 -6px;
}
.new-list-items .list-item-wrap {
padding: 6px;
}
.new-list-items .list-item {
padding: 12px;
}
.new-list-items .image {
padding-right: 12px;
}
}
@media screen and (max-width: 1400px) {
.new-list-items .list-item-wrap {
width: 50%;
}
}
@media screen and (max-width: 1280px) {
.new-list-items .list-item-wrap {
width: 33.333%;
}
}
@media screen and (max-width: 1100px) {
.new-list-items .list-item-wrap {
width: 50%;
}
}
@media screen and (max-width: 1024px) {
.blockquote-wrap blockquote {
font-size: 16px;
line-height: 24px;
}
.detail-text-wrap .h1 {
font-size: 20px;
line-height: 24px;
}
.detail-text-wrap .h2 {
font-size: 18px;
line-height: 22px;
}
}
@media screen and (max-width: 800px) {
.blockquote-wrap blockquote:before {
width: 20px;
height: 18px;
}
.blockquote-wrap {
padding: 18px 12px 18px 24px;
}
}
@media screen and (max-width: 790px) {
.new-list-items {
margin: -3px;
}
.new-list-items .list-item-wrap {
width: 100%;
padding: 3px;
}
.new-list-items .list-item {
padding: 8px;
}
}
@media screen and (max-width: 500px) {
.detail-text-wrap .h1 {
font-size: 18px;
line-height: 22px;
}
.detail-text-wrap .h2 {
font-size: 16px;
line-height: 20px;
}
.detail-text-wrap .h3 {
font-size: 15px;
line-height: 18px;
}
}
@media screen and (max-width: 400px) {
.new-list-items .price {
font-size: 16px;
}
.new-list-items .name {
max-height: 36px;
}
}
.gray-bg-text {
margin-bottom: 24px;
padding: 30px 24px;
font-size: 14px;
line-height: 24px;
color: #000000;
background: #f9f9f9;
}
@media screen and (max-width: 1024px) {
.gray-bg-text {
padding: 12px;
}
}
.btn-wrap {
margin-top: 24px;
font-size: 0;
}
.btn-wrap .btn-simple {
vertical-align: top;
margin-bottom: 6px;
margin-right: 6px;
}
.active-link {
display: inline-block;
font-weight: 700;
font-size: 14px;
color: #000000;
text-transform: uppercase;
text-decoration: none;
border-bottom: 1px dashed #000000;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.active-link:active {
position: relative;
top: 1px;
}
.inactive-link {
display: inline-block;
font-weight: 700;
font-size: 14px;
color: #888888;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.inactive-link:active {
position: relative;
top: 1px;
}
.text-link {
display: inline-block;
vertical-align: middle;
color: #3b3732;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.text-link:active {
position: relative;
top: 1px;
}
.big-text-link {
display: inline-block;
vertical-align: middle;
font-size: 16px;
color: #3b3732;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.big-text-link:active {
position: relative;
top: 1px;
}
.link-dashed {
display: inline-block;
font-weight: 300;
font-size: 14px;
color: #000000;
text-decoration: none;
border-bottom: 1px dashed #000000;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.link-dashed:active {
position: relative;
top: 1px;
}
.theme-link-dashed {
display: inline-block;
font-weight: 300;
font-size: 14px;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dashed;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.theme-link-dashed:active {
position: relative;
top: 1px;
}
.banners-list {
max-width: none;
margin: 0 -12px 42px;
font-size: 0;
}
.banners-list .banner-wrap {
display: inline-block;
width: 50%;
padding: 12px;
box-sizing: border-box;
vertical-align: top;
}
.banner-wrap .banner-elem {
border: 1px solid #e7e8ea;
}
.banner-wrap + .global-block-container .detail-text-wrap {
margin-top: 0;
}
.banner-elem {
height: 296px;
overflow: hidden;
}
.banner-elem .limiter {
height: 100%;
}
.banner-elem .tb {
height: 100%;
}
.banner-elem .tr {
display: table-row;
height: 100%;
}
.banner-elem .text-wrap {
padding-left: 54px;
color: #000;
}
.banner-elem .text-wrap *:last-child {
margin-bottom: 0;
}
.banner-elem .date {
margin-bottom: 6px;
font-size: 13px;
color: #000000;
}
.banner-elem h1 {
font-size: 36px;
margin-bottom: 18px;
line-height: 43px;
max-height: 86px;
overflow: hidden;
}
.banner-elem .h2 {
display: inline-block;
vertical-align: top;
line-height: 25px;
max-height: 50px;
overflow: hidden;
}
.banner-elem .price {
margin-bottom: 6px;
font-size: 18px;
line-height: 22px;
max-height: 22px;
overflow: hidden;
}
.banner-elem .descr {
margin-bottom: 8px;
font-size: 13px;
line-height: 15px;
max-height: 45px;
overflow: hidden;
}
.banner-elem .image {
width: 55%;
/*vertical-align: bottom;*/
vertical-align: middle;
padding-left: 12px;
font-size: 0;
line-height: 0;
text-align: right;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.banner-elem .image img {
display: block;
max-width: 100%;
max-height: 296px;
width: auto;
height: auto;
margin-left: auto;
transition: all 0.4s ease-in-out;
transform: translate3d(0, 0, 0) scale(1);
}
.banner-elem .image-link {
display: block;
width: auto;
}
.banner-elem .image-link:hover img {
transform: translate3d(0, 0, 0) scale(1.02);
}
.banner-elem .image .image-link {
display: inline-block;
}
.banner-elem .image .image-link img {
display: inline-block;
margin: auto;
}
.banner-elem .social {
height: 60px;
margin-top: 12px;
}
@media screen and (max-width: 1600px) {
.banners-list {
margin: 0 -8px 42px;
}
.banners-list .banner-wrap {
padding: 8px;
}
.banner-elem .text-wrap {
padding-left: 24px;
}
.banner-elem .image {
width: 60%;
}
}
@media screen and (max-width: 1400px) {
.banners-list {
margin: 0 -6px 42px;
}
.banners-list .banner-wrap {
padding: 6px;
}
.banner-elem {
height: 260px;
}
.banner-elem .image img {
max-height: 260px;
}
.banner-elem .text-wrap {
padding-left: 18px;
}
.banner-elem .price {
font-size: 16px;
line-height: 20px;
max-height: 20px;
}
.banner-elem .social {
height: 30px;
}
}
@media screen and (max-width: 1280px) {
.banner-elem h1 {
font-size: 24px;
margin-bottom: 12px;
line-height: 29px;
max-height: 58px;
}
}
@media screen and (max-width: 1200px) {
.banner-elem {
height: 220px;
}
.banner-elem .image {
width: 50%;
}
.banner-elem .image img {
max-height: 220px;
}
.banner-elem .h2 {
font-size: 18px;
line-height: 22px;
max-height: 44px;
}
.banner-elem .price {
font-size: 15px;
line-height: 18px;
max-height: 18px;
}
}
@media screen and (max-width: 1024px) {
.banners-list {
margin: 0 -3px 24px;
}
.banners-list .banner-wrap {
padding: 3px;
}
.banner-elem {
height: 160px;
}
.banner-elem h1 {
font-size: 20px;
margin-bottom: 10px;
line-height: 24px;
max-height: 48px;
}
.banner-elem .image {
width: 55%;
}
.banner-elem .image img {
max-height: 160px;
}
.banner-elem .price {
display: none;
}
}
@media screen and (max-width: 800px) {
.banners-list .banner-wrap:nth-child(n) {
width: 100%;
}
.banner-elem .text-wrap {
padding-left: 24px;
}
.banner-elem .image {
width: 50%;
text-align: center;
}
.banner-elem .image img {
margin: 0 auto;
}
}
@media screen and (max-width: 500px) {
/*.banner-elem .social{
display: none;
}*/
}
@media screen and (max-width: 400px) {
.banner-elem {
height: 150px;
}
.banner-elem .h2 {
font-size: 16px;
line-height: 20px;
max-height: 40px;
}
.banner-elem .price {
font-size: 14px;
line-height: 18px;
max-height: 18px;
}
.banner-elem .text-wrap {
padding-left: 12px;
}
.banner-elem .btn-simple.btn-micro {
min-width: 100px;
padding: 3px 8px 3px;
}
.banner-elem .image {
width: 50%;
}
.banner-elem .image img {
max-height: 150px;
}
/*.services-banners-list .banner-wrap .banner-elem{*/
/* background: none !important;*/
/*}*/
}
.fullscreen-banner {
height: 470px;
margin-bottom: 24px;
border-bottom: 1px solid #e7e8ea;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.fullscreen-banner .limiter {
position: relative;
height: 100%;
}
.fullscreen-banner #breadcrumbs {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.fullscreen-banner #breadcrumbs + .tb .text-wrap {
padding: 42px 0 0;
}
.fullscreen-banner h1 {
margin-bottom: 12px;
}
.fullscreen-banner .price {
margin-bottom: 12px;
font-size: 30px;
line-height: 36px;
max-height: 36px;
}
.fullscreen-banner .descr {
margin-bottom: 24px;
font-size: 14px;
line-height: 24px;
max-height: 120px;
}
.fullscreen-banner .image {
width: 55%;
}
.fullscreen-banner .image img {
margin: 0 auto;
max-height: 470px;
}
@media screen and (max-width: 1600px) {
.fullscreen-banner {
height: 440px;
}
.fullscreen-banner .image img {
max-height: 440px;
}
}
@media screen and (max-width: 1400px) {
.fullscreen-banner {
height: 420px;
}
.fullscreen-banner .price {
font-size: 24px;
line-height: 30px;
height: 30px;
}
.fullscreen-banner .descr {
margin-bottom: 18px;
}
.fullscreen-banner .image {
width: 50%;
}
.fullscreen-banner .image img {
max-height: 420px;
}
}
@media screen and (max-width: 1024px) {
.fullscreen-banner {
height: 290px;
}
.fullscreen-banner .image {
width: 45%;
}
.fullscreen-banner .image img {
max-height: 290px;
}
.fullscreen-banner .descr {
margin-bottom: 12px;
line-height: 20px;
max-height: 80px;
}
.hide-1024 {
display: none !important;
}
}
@media screen and (max-width: 800px) {
.fullscreen-banner {
height: 270px;
}
.fullscreen-banner .image {
width: 40%;
}
.fullscreen-banner .image img {
max-height: 270px;
}
.fullscreen-banner .descr {
max-height: 60px;
}
}
@media screen and (max-width: 700px) {
.fullscreen-banner {
height: 260px;
}
.fullscreen-banner .image img {
max-height: 260px;
}
.fullscreen-banner #breadcrumbs {
left: 12px;
width: auto;
right: 0;
margin-top: 12px;
}
.hide-700 {
display: none !important;
}
}
@media screen and (max-width: 600px) {
.banner-hide-images {
background: none !important;
}
.banner-hide-images .image {
display: none;
}
.hide-600 {
display: none !important;
}
}
@media screen and (max-width: 500px) {
.fullscreen-banner {
height: 170px;
}
.fullscreen-banner .image img {
max-height: 170px;
}
.fullscreen-banner .descr {
display: none;
max-height: 40px;
}
.fullscreen-banner .image {
width: 50%;
}
.fullscreen-banner .btn-simple {
padding: 13px 8px 11px;
}
.hide-500 {
display: none !important;
}
}
.banner-elem.arbitrary-banner .limiter {
padding: 0;
}
@media screen and (max-width: 1600px) {
.banner-elem.arbitrary-banner {
height: 420px;
}
.banner-elem.arbitrary-banner .image img {
max-height: 420px;
}
}
@media screen and (max-width: 1400px) {
.banner-elem.arbitrary-banner {
height: 340px;
}
.banner-elem.arbitrary-banner .image {
width: 60%;
}
.banner-elem.arbitrary-banner .image img {
max-height: 340px;
}
}
@media screen and (max-width: 1200px) {
.banner-elem.arbitrary-banner {
height: 300px;
}
.banner-elem.arbitrary-banner .image {
width: 50%;
}
.banner-elem.arbitrary-banner .image img {
max-height: 300px;
}
}
@media screen and (max-width: 1024px) {
.banner-elem.arbitrary-banner {
height: 260px;
}
.banner-elem.arbitrary-banner .image {
width: 55%;
}
.banner-elem.arbitrary-banner .image img {
max-height: 260px;
}
}
@media screen and (max-width: 800px) {
.banner-elem.arbitrary-banner {
height: 250px;
}
.banner-elem.arbitrary-banner .image {
width: 50%;
}
.banner-elem.arbitrary-banner .image img {
max-height: 250px;
}
}
@media screen and (max-width: 700px) {
.banner-elem.arbitrary-banner {
height: auto;
margin-bottom: 18px;
border: 1px solid #e7e8ea;
}
.banner-elem.arbitrary-banner .descr {
max-height: 80px;
}
.banner-elem.arbitrary-banner .text-wrap {
display: block;
margin-bottom: 6px;
padding: 12px 12px 0;
}
.banner-elem.arbitrary-banner h1 {
margin-bottom: 8px;
font-size: 18px;
}
.banner-elem.arbitrary-banner .image {
display: block;
width: 100%;
padding: 0;
}
.banner-elem.arbitrary-banner .image img {
max-height: 250px;
margin: 0 auto;
}
.banner-elem.arbitrary-banner.banner-no-bg .image img {
max-height: none;
}
}
@media screen and (max-width: 500px) {
.banner-elem.arbitrary-banner .descr {
display: block;
}
.banner-elem.arbitrary-banner h1 {
font-size: 16px;
margin-bottom: 8px;
line-height: 20px;
max-height: 60px;
}
.banner-elem.arbitrary-banner .image img {
max-height: 200px;
}
}
.no-margin-top {
margin-top: 0px !important;
}
.no-margin-bottom {
margin-bottom: 0px !important;
}
.no-margin-right {
margin-right: 0px !important;
}
.no-margin-left {
margin-left: 0px !important;
}
.templateSwitcher {
background-color: #ffffff;
-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3);
transform: translateX(500px);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-align: center;
overflow: hidden;
position: fixed;
z-index: 9998;
width: 360px;
height: 100%;
right: 0px;
top: 0px;
}
.templateSwitcher.opened {
transform: translateX(0px);
}
.templateSwitcherScroll {
overflow: auto;
height: 100%;
width: 390px;
}
.templateSwitcherScrollContainer {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 24px 0px;
padding: 0 24px;
width: 360px;
}
.templateSwitcherSettings {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
animation-name: bounceInDown;
animation-duration: 2s;
animation-fill-mode: both;
text-align: center;
margin-top: -100px;
line-height: 50px;
cursor: pointer;
position: fixed;
z-index: 9999;
height: 198px;
width: 51px;
right: 0px;
top: 50%;
}
.templateSwitcherSettings.active {
right: 360px;
}
.templateSwitcherSettings:hover {
opacity: 0.9;
}
.templateSwitcherSettings.active .templateSwitcherSettingsPicture {
/*transform: rotate(360deg);*/
}
.templateSwitcherSettings:hover {
background-color: #2b2b2b;
}
.templateSwitcherSettingsPicture {
background: url(images/setting.png) 50% 50% no-repeat transparent;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
vertical-align: middle;
display: inline-block;
height: 198px;
width: 51px;
}
.templateSwitcher .switcherList {
overflow: hidden;
}
.templateSwitcher .switcherListItem {
background-color: #ffffff;
border: 1px solid #ff9601;
display: inline-block;
border-radius: 2px;
text-align: center;
line-height: 40px;
height: 40px;
}
.templateSwitcher .switcherListItem:hover {
border-color: #ffa800;
}
.templateSwitcher .switcherListItem.active {
background-color: #ff9601;
color: #ffffff;
}
.templateSwitcher .switcherListItem.active a {
color: #ffffff;
}
.templateSwitcher .switcherListItem:first-child {
margin-right: 12px;
}
.templateSwitcher .switcherListItem a {
text-decoration: none;
padding: 0 24px;
color: #ff9601;
display: block;
}
.templateSwitcher .switcherListItem a:active {
position: relative;
top: 1px;
}
.templateSwitcher .switcherHeading {
font-weight: 500;
margin-bottom: 18px;
padding: 0 24px;
font-size: 16px;
}
.templateSwitcher .switcherBigHeading {
border-bottom: 1px solid #f3f3f3;
text-transform: uppercase;
padding-bottom: 24px;
margin-bottom: 24px;
padding-right: 24px;
padding-left: 24px;
font-size: 18px;
}
.templateSwitcher .switcherBigHeading .switcherClose {
text-decoration: none;
margin-top: -1px;
font-size: 21px;
color: #ff0000;
float: right;
}
.templateSwitcher .switcherBigHeading .switcherClose:hover {
opacity: 0.7;
}
.templateSwitcher .switcherBigHeading .switcherClose:active {
position: relative;
top: 1px;
}
.templateSwitcher .switcherHeading2 {
font-weight: 500;
margin-bottom: 12px;
padding: 0 24px;
}
.templateSwitcher .switcherRowBlock {
border-top: 1px solid #f3f3f3;
padding-top: 24px;
margin-top: 24px;
}
.templateSwitcher .switcherSelect {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #f3f3f3;
cursor: pointer;
padding: 0 12px;
outline: none;
height: 40px;
width: 90%;
}
.templateSwitcher .switcherIcons {
margin-bottom: 24px;
}
.templateSwitcher .switcherDescription {
font-size: 13px;
color: #888888;
}
.templateSwitcher .switcherBackgroundItems {
text-align: center;
overflow: hidden;
}
.templateSwitcher .switcherThemes {
margin-top: 24px;
overflow: hidden;
}
.templateSwitcher .switcherThemesItem {
display: inline-block;
margin-bottom: 12px;
margin-left: 12px;
height: 30px;
width: 30px;
}
.templateSwitcher .switcherBackgroundItem {
display: inline-block;
height: 30px;
width: 30px;
}
.templateSwitcher .switcherBackgroundItem:first-child {
margin-right: 12px;
}
.templateSwitcher .switcherThemesItem a,
.templateSwitcher .switcherBackgroundItem a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-radius: 2px;
display: block;
height: 30px;
width: 30px;
}
.templateSwitcher .switcherThemesItem a:active,
.templateSwitcher .switcherBackgroundItem a:active {
position: relative;
top: 1px;
}
.templateSwitcher .switcherThemesItem.selected a,
.templateSwitcher .switcherBackgroundItem.selected a {
background-image: url(images/check.png);
background-repeat: no-repeat;
background-position: 50% 50%;
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
.templateSwitcher .switcherThemesItem .color1 {
background-color: #ff9601;
}
.templateSwitcher .switcherThemesItem .color1:hover {
background-color: #ffb800;
}
.templateSwitcher .switcherThemesItem .color2 {
background-color: #fb9bad;
}
.templateSwitcher .switcherThemesItem .color2:hover {
background-color: #f3889d;
}
.templateSwitcher .switcherThemesItem .color3 {
background-color: #ff855f;
}
.templateSwitcher .switcherThemesItem .color3:hover {
background-color: #e77652;
}
.templateSwitcher .switcherThemesItem .color4 {
background-color: #daa550;
}
.templateSwitcher .switcherThemesItem .color4:hover {
background-color: #e4a540;
}
.templateSwitcher .switcherThemesItem .color5 {
background-color: #b15b49;
}
.templateSwitcher .switcherThemesItem .color5:hover {
background-color: #a05a4b;
}
.templateSwitcher .switcherThemesItem .color6 {
background-color: #f44336;
}
.templateSwitcher .switcherThemesItem .color6:hover {
background-color: #d42d20;
}
.templateSwitcher .switcherThemesItem .color7 {
background-color: #acce11;
}
.templateSwitcher .switcherThemesItem .color7:hover {
background-color: #94b20e;
}
.templateSwitcher .switcherThemesItem .color8 {
background-color: #27c148;
}
.templateSwitcher .switcherThemesItem .color8:hover {
background-color: #19cc3f;
}
.templateSwitcher .switcherThemesItem .color9 {
background-color: #27bfc1;
}
.templateSwitcher .switcherThemesItem .color9:hover {
background-color: #25ccce;
}
.templateSwitcher .switcherThemesItem .color10 {
background-color: #3498db;
}
.templateSwitcher .switcherThemesItem .color10:hover {
background-color: #2395e1;
}
.templateSwitcher .switcherThemesItem .color11 {
background-color: #2a65d0;
}
.templateSwitcher .switcherThemesItem .color11:hover {
background-color: #0d57dc;
}
.templateSwitcher .switcherThemesItem .color12 {
background-color: #0061b2;
}
.templateSwitcher .switcherThemesItem .color12:hover {
background-color: #006ac2;
}
.templateSwitcher .switcherThemesItem .color13 {
background-color: #c651d0;
}
.templateSwitcher .switcherThemesItem .color13:hover {
background-color: #d75ee1;
}
.templateSwitcher .switcherThemesItem .color14 {
background-color: #c12752;
}
.templateSwitcher .switcherThemesItem .color14:hover {
background-color: #c61c4b;
}
.templateSwitcher .switcherThemesItem .color15 {
background-color: #ed1c24;
}
.templateSwitcher .switcherThemesItem .color15:hover {
background-color: #ff232b;
}
.templateSwitcher .switcherBackgroundItem .white {
background-color: #eeeeee;
}
.templateSwitcher .switcherBackgroundItem .black {
background-color: #000000;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.g--circle {
-webkit-transform-origin: 60px 60px;
transform-origin: 60px 60px;
fill: dodgerblue;
-webkit-animation: opacity 1.2s linear infinite;
animation: opacity 1.2s linear infinite;
}
.g--circle:nth-child(12n + 1) {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
-webkit-transform: rotate(-30deg) translate(5px, 5px) scale(0.9);
transform: rotate(-30deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 2) {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
-webkit-transform: rotate(-60deg) translate(5px, 5px) scale(0.9);
transform: rotate(-60deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 3) {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
-webkit-transform: rotate(-90deg) translate(5px, 5px) scale(0.9);
transform: rotate(-90deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 4) {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
-webkit-transform: rotate(-120deg) translate(5px, 5px) scale(0.9);
transform: rotate(-120deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 5) {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
-webkit-transform: rotate(-150deg) translate(5px, 5px) scale(0.9);
transform: rotate(-150deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 6) {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
-webkit-transform: rotate(-180deg) translate(5px, 5px) scale(0.9);
transform: rotate(-180deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 7) {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
-webkit-transform: rotate(-210deg) translate(5px, 5px) scale(0.9);
transform: rotate(-210deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 8) {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
-webkit-transform: rotate(-240deg) translate(5px, 5px) scale(0.9);
transform: rotate(-240deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 9) {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
-webkit-transform: rotate(-270deg) translate(5px, 5px) scale(0.9);
transform: rotate(-270deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 10) {
-webkit-animation-delay: -1s;
animation-delay: -1s;
-webkit-transform: rotate(-300deg) translate(5px, 5px) scale(0.9);
transform: rotate(-300deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 11) {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
-webkit-transform: rotate(-330deg) translate(5px, 5px) scale(0.9);
transform: rotate(-330deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 12) {
-webkit-animation-delay: -1.2s;
animation-delay: -1.2s;
-webkit-transform: rotate(-360deg) translate(5px, 5px) scale(0.9);
transform: rotate(-360deg) translate(5px, 5px) scale(0.9);
}
.g-circles--v1 .g--circle {
fill-opacity: 0;
-webkit-animation-name: opacity;
animation-name: opacity;
}
.g-circles--v2 .g--circle {
fill-opacity: 0;
stroke-opacity: 0;
stroke-width: 1;
stroke: yellowgreen;
-webkit-animation-name: opacity-stroke, colors, colors-stroke;
animation-name: opacity-stroke, colors, colors-stroke;
}
.g-circles--v2 .g--circle .u--circle {
-webkit-animation: transform-2 1.2s linear infinite;
animation: transform-2 1.2s linear infinite;
}
.g-circles--v2 .g--circle:nth-child(12n + 1) .u--circle {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
.g-circles--v2 .g--circle:nth-child(12n + 2) .u--circle {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.g-circles--v2 .g--circle:nth-child(12n + 3) .u--circle {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.g-circles--v2 .g--circle:nth-child(12n + 4) .u--circle {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.g-circles--v2 .g--circle:nth-child(12n + 5) .u--circle {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.g-circles--v2 .g--circle:nth-child(12n + 6) .u--circle {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.g-circles--v2 .g--circle:nth-child(12n + 7) .u--circle {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.g-circles--v2 .g--circle:nth-child(12n + 8) .u--circle {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.g-circles--v2 .g--circle:nth-child(12n + 9) .u--circle {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.g-circles--v2 .g--circle:nth-child(12n + 10) .u--circle {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.g-circles--v2 .g--circle:nth-child(12n + 11) .u--circle {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.g-circles--v2 .g--circle:nth-child(12n + 12) .u--circle {
-webkit-animation-delay: -1.2s;
animation-delay: -1.2s;
}
.g-circles--v3 .g--circle {
fill-opacity: 1;
-webkit-animation-name: opacity, colors;
animation-name: opacity, colors;
}
.g-circles--v4 .g--circle {
fill-opacity: 1;
fill: orange;
-webkit-animation-name: opacity, colors-3;
animation-name: opacity, colors-3;
}
.g-circles--v4 .u--circle {
-webkit-animation: transform 1.2s linear infinite;
animation: transform 1.2s linear infinite;
}
.g-circles--v4 .g--circle:nth-child(12n + 1) .u--circle {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
.g-circles--v4 .g--circle:nth-child(12n + 2) .u--circle {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.g-circles--v4 .g--circle:nth-child(12n + 3) .u--circle {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.g-circles--v4 .g--circle:nth-child(12n + 4) .u--circle {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.g-circles--v4 .g--circle:nth-child(12n + 5) .u--circle {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.g-circles--v4 .g--circle:nth-child(12n + 6) .u--circle {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.g-circles--v4 .g--circle:nth-child(12n + 7) .u--circle {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.g-circles--v4 .g--circle:nth-child(12n + 8) .u--circle {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.g-circles--v4 .g--circle:nth-child(12n + 9) .u--circle {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.g-circles--v4 .g--circle:nth-child(12n + 10) .u--circle {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.g-circles--v4 .g--circle:nth-child(12n + 11) .u--circle {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.g-circles--v4 .g--circle:nth-child(12n + 12) .u--circle {
-webkit-animation-delay: -1.2s;
animation-delay: -1.2s;
}
@-webkit-keyframes opacity {
3% {
fill-opacity: 1;
}
75% {
fill-opacity: 0;
}
}
@keyframes opacity {
3% {
fill-opacity: 1;
}
75% {
fill-opacity: 0;
}
}
@-webkit-keyframes opacity-stroke {
10% {
stroke-opacity: 1;
}
85% {
stroke-opacity: 0;
}
}
@keyframes opacity-stroke {
10% {
stroke-opacity: 1;
}
85% {
stroke-opacity: 0;
}
}
@-webkit-keyframes colors {
0% {
fill: yellowgreen;
}
10% {
fill: gold;
}
75% {
fill: crimson;
}
}
@keyframes colors {
0% {
fill: yellowgreen;
}
10% {
fill: gold;
}
75% {
fill: crimson;
}
}
@-webkit-keyframes colors-stroke {
0% {
stroke: yellowgreen;
}
10% {
stroke: gold;
}
75% {
stroke: crimson;
}
}
@keyframes colors-stroke {
0% {
stroke: yellowgreen;
}
10% {
stroke: gold;
}
75% {
stroke: crimson;
}
}
@-webkit-keyframes colors-2 {
0% {
fill: yellow;
}
50% {
fill: red;
}
65% {
fill: orangered;
}
95% {
fill: gold;
}
}
@keyframes colors-2 {
0% {
fill: yellow;
}
50% {
fill: red;
}
65% {
fill: orangered;
}
95% {
fill: gold;
}
}
@-webkit-keyframes colors-3 {
0% {
fill: yellowgreen;
}
50% {
fill: turquoise;
}
65% {
fill: yellow;
}
95% {
fill: orange;
}
}
@keyframes colors-3 {
0% {
fill: yellowgreen;
}
50% {
fill: turquoise;
}
65% {
fill: yellow;
}
95% {
fill: orange;
}
}
@-webkit-keyframes transform {
10% {
-webkit-transform-origin: 70px 70px;
transform-origin: 70px 70px;
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
}
@keyframes transform {
10% {
-webkit-transform-origin: 70px 70px;
transform-origin: 70px 70px;
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
}
@-webkit-keyframes transform-2 {
40% {
-webkit-transform: scale(0.85) translate(10px, 10px);
transform: scale(0.85) translate(10px, 10px);
}
60% {
stroke-width: 20;
}
}
@keyframes transform-2 {
40% {
-webkit-transform: scale(0.85) translate(10px, 10px);
transform: scale(0.85) translate(10px, 10px);
}
60% {
stroke-width: 20;
}
}
.bx-composite-btn {
line-height: 30px !important;
margin-top: 15px;
}
.status-description {
display: block;
width: 220px;
margin-top: 12px;
padding: 5px 15px;
box-sizing: border-box;
text-align: center;
background: #fff;
border-radius: 2px;
font-size: 14px;
}
.onOrder {
color: #F89E1C !important;
}
.outOfStock {
color: red !important;
}
@media (max-width: 1100px) {
.status-description {
width: auto;
padding: 0;
}
}
@media (max-width: 480px) {
.status-description {
text-align: left;
font-size: 13px;
}
}
#smartFilter .paramsBox.active .params {
max-height: 510px;
overflow-x: auto;
margin-right: -24px;
}
#smartFilter .paramsBox.active .params.collapsed {
max-height: 0;
overflow-x: auto;
margin-right: 0;
}
#footerBottom a {
color: grey;
text-decoration: none;
font-size: 13px;
margin-left: 10px;
}
#footerBottom a:hover {
color: #F89E1C;
}
/*Про компацію*/
.about *, .about *:after, .about *:before {
box-sizing: border-box;
outline: 0;
line-height: 1.25;
}
.mbox {
max-width: 1200px;
padding: 0 90px;
width: 100%;
margin: 0 auto;
position: relative;
z-index: 1
}
.color--orange {
color: #f7a707
}
.about--white {
background-color: #fff
}
.about--gray {
background-color: #e6e6e6;
margin: 55px 0 55px
}
.about--options {
background-image: url(../dresscode/images/options-back.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
padding: 45px 0 0;
margin-bottom: -40px;
}
.about--orange {
position: relative;
margin-top: 20px;
min-height: 190px
}
.about--orange:before {
position: absolute;
content: '';
width: 100%;
height: 265px;
background-color: #f7a707;
top: 45px;
left: 0;
right: 0;
bottom: 95px
}
.about--orange-client {
margin-top: 60px;
margin-bottom: 100px
}
.about--orange-client:before {
top: 85px
}
.about__poster img {
display: block;
width: 100%;
height: 100%;
}
.about__maintitle {
font-size: 38px;
font-weight: 700;
margin: 40px 0;
text-align: center
}
.about__subtitle {
font-size: 15px;
padding: 15px 0;
text-align: center
}
.about__goods {
display: flex;
margin: 45px 0
}
.about__goods-item {
width: 25%;
padding: 18px 0 20px;
margin: 0 2px;
background: #e6e6e6;
display: flex;
flex-direction: column;
color: #000;
text-decoration: none;
transition: color .3s;
}
.about__goods-item:hover {
color: #777;
}
.about__goods-img {
border-radius: 100%;
margin: 15px 0 35px
}
.about__goods-img img {
max-width: 114px;
border-radius: 100%
}
.about__goods-img-wrap {
display: flex;
justify-content: center;
align-items: center;
background-color: #f7a707
}
.about__goods-desc {
margin: 20px 15px 0;
text-align: center;
font-size: 16px
}
.about__quote {
display: flex;
justify-content: space-between;
padding: 24px 0
}
.about__quote-img {
margin-top: -48px
}
.about__quote-title {
font-size: 24px;
font-weight: 700;
text-align: right;
letter-spacing: 2.5px
}
.about__quote-title .color--orange {
font-size: 48px
}
.about__linetitle {
font-size: 15px;
text-align: center
}
.about__linetitle a {
color: #000;
}
.about__options {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 -34px
}
.about__options-wrap {
display: flex
}
.about__options-item {
width: calc(33.3% - 74px);
min-height: 180px;
margin: 65px 37px;
padding: 30px 30px 25px;
border: 5px solid #e8e8e8;
border-radius: 10px;
display: flex;
flex-direction: column;
align-items: center;
background-color: #fff;
color: #000;
text-decoration: none;
}
.about__options-item:hover .about__options-desc {
color: #777;
}
.about__options-img {
border-radius: 100%;
border: 10px solid #fff;
background-color: #e8e8e8;
width: 173px;
height: 173px;
display: flex;
align-items: center;
justify-content: center
}
.about__options-img-wrap {
margin-top: -144px
}
.about__options-desc {
font-size: 16px;
color: #000;
text-decoration: none;
display: block;
text-align: center;
padding-top: 20px;
font-weight: 700;
transition: color .3s;
}
.about__title {
font-size: 38px;
text-transform: uppercase;
text-align: center;
font-weight: 700;
margin: 50px 0;
letter-spacing: 2.5px
}
.about__title--small {
font-size: 26px;
margin: 36px 0
}
.about__choice {
display: flex;
flex-wrap: wrap;
margin: 0 -20px;
margin-bottom: -20px;
}
.about__choice-item {
width: calc(50% - 40px);
margin: 20px;
padding: 33px 0 20px;
background-color: #e8e8e8;
border-bottom: 7px solid #f7a707
}
.about__choice-title {
font-size: 18px;
background-color: #f7a707;
padding: 20px 30px 10px 100px;
display: flex;
align-items: center
}
.about__choice-title span {
font-size: 68px;
color: #e8e8e8;
margin-left: -110px;
margin-right: 20px;
font-weight: 700;
}
.about__choice-desc {
padding: 25px 30px 15px 100px;
font-size: 15px
}
.about__country {
display: flex
}
.about__country-number {
width: 30%;
font-size: 15px;
display: flex;
flex-direction: column;
align-items: center;
font-weight: 700;
}
.about__country-number span {
font-size: 68px;
line-height: 68px;
font-weight: 700
}
.about__country-desc {
font-size: 15px;
width: 70%
}
.about__map {
padding: 50px 0
}
.about__map img {
display: block;
width: 100%;
-o-object-fit: contain;
object-fit: contain
}
.about__team {
display: flex;
padding-bottom: 20px
}
.about__team-img {
width: 50%;
padding-right: 20px
}
.about__team-img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.about__team-title {
width: 50%;
padding-left: 20px;
font-size: 15px;
line-height: 1.21
}
.about__team-title a {
color: #000;
}
.about__team-item {
width: 25%;
margin: 0 2px;
background-color: #e8e8e8;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 50px 10px 30px
}
.about__team-photo {
border-radius: 100%
}
.about__team-photo img {
display: block;
width: 100%;
height: 100%;
border-radius: 100%
}
.about__team-name {
font-size: 21px;
font-weight: 700;
margin: 30px 0 25px;
letter-spacing: 1px
}
.about__client {
display: flex;
margin: 0 -20px
}
.about__client-item {
width: 50%;
margin: 0 20px
}
.about__client-item img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.about__info {
display: flex;
padding: 70px 70px 0px;
margin-top: 50px
}
.about__info-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
width: 33%;
margin: 0 2px;
background-color: #f7a707;
position: relative;
padding: 70px 10px
}
.about__info-img {
display: flex;
justify-content: center;
align-items: center;
width: 158px;
height: 158px;
border-radius: 100%;
background-color: #e8e8e8;
position: absolute;
transform: translateY(-50%);
top: 0
}
.about__info-desc {
font-size: 15px;
margin-top: 20px
}
.about__footer {
background-color: #f7a707;
min-height: 190px;
margin: 65px 0 0;
}
@media (max-width: 1800px) {
.mbox {
padding: 0 60px;
}
.about__quote-img img {
width: 60%;
display: block;
}
.about__quote-title {
font-size: 24px;
width: 75%;
}
.about__quote-title .color--orange {
font-size: 48px
}
.about__title {
font-size: 38px;
}
.about__maintitle {
font-size: 38px;
}
.about__options-item {
width: calc(33.3% - 30px);
margin: 65px 15px;
padding: 30px 15px 15px;
}
.about__country-number span {
font-size: 68px;
line-height: 68px;
}
.about__team-img img {
object-fit: cover;
}
.about__team-name {
margin: 30px 15px 25px;
min-height: 52px;
}
.about__title--small {
font-size: 26px;
}
.about--orange-client {
margin-bottom: 160px;
}
.about__info-item {
padding: 75px 10px 30px;
}
.about__choice-item {
padding: 33px 0 10px;
}
}
@media (max-width: 1600px) {
.about__maintitle {
margin: 40px 0;
}
.about__subtitle {
font-size: 15px;
padding: 0;
}
.about__goods {
margin: 45px 0;
}
.about__goods-desc {
margin: 20px 10px 0;
}
.about__goods-item {
padding: 18px 0 20px;
}
.about__linetitle {
font-size: 15px;
}
.about--options {
padding-bottom: 0;
}
.about__choice {
padding-bottom: 0;
}
.about__choice-title span {
font-size: 55px;
margin-left: -116px;
}
.about__choice-title {
padding: 20px 15px 10px 100px;
}
.about__choice-desc {
padding: 25px 20px 10px 72px;
}
.about__map {
padding: 50px 0;
}
.about__country-desc {
font-size: 15px;
}
.about__country-number {
font-weight: 700;
font-size: 15px;
}
.about__team {
padding-bottom: 20px;
}
.about__team-title {
font-size: 15px;
}
.about__team-name {
font-size: 18px;
min-height: 44px;
}
.about--orange-client:before {
height: 180px;
}
.about--orange-client {
margin-bottom: 100px;
}
.about__info-img {
width: 133px;
height: 133px;
}
.about__info-img img {
width: 50%;
}
}
@media (min-width: 1025px) and (max-width: 1439px) {
.mbox {
padding: 0 15px;
}
.about__quote-title .color--orange {
font-size: 48px;
}
.about__options-item {
width: calc(33.3% - 20px);
margin: 65px 10px;
}
.about__options-desc {
padding-top: 15px;
}
.about__country-number span {
font-size: 68px;
line-height: 68px;
}
.about--orange-client {
margin-top: 60px;
}
.about__info {
padding: 70px 15px 0px;
}
.about__quote-img img {
width: 65%;
}
}
@media (max-width: 1024px) {
.mbox {
padding: 0;
}
.about--gray {
margin: 55px 0 55px;
}
.about__quote {
padding: 24px 15px;
}
.about__options {
margin: 0;
}
.about--orange-client:before {
height: 200px;
}
.about__info {
padding: 70px 0 0px;
}
.about--options {
background-position: 50% 65%;
}
.about__options {
margin-bottom: -50px;
}
.about__footer {
margin: 15px 0 0;
}
}
@media (max-width: 768px) {
.about--orange-client:before {
height: 180px;
}
.about__maintitle {
margin: 30px 0;
font-size: 38px;
}
.about__goods {
margin: 30px 0;
}
.about__goods-desc {
font-size: 16px;
}
.about__goods-img {
margin: 15px 0;
}
.about__goods-img img {
max-width: 90px;
}
.about--gray {
margin: 45px 0;
}
.about__quote-img img {
width: 50%;
}
.about__quote-title {
font-size: 24px;
}
.about__quote-title .color--orange {
font-size: 38px;
}
.about__title {
font-size: 38px;
margin: 40px 0;
}
.about--options {
background-size: cover;
margin-bottom: 20px;
}
.about__options-item {
width: calc(50% - 30px);
min-height: 171px;
margin: 50px 15px;
}
.about__options-desc {
font-size: 16px;
margin: 0;
}
.about__options-img {
width: 140px;
height: 140px;
}
.about__options-img img {
display: block;
width: 50%;
}
.about__options-img-wrap {
margin-top: -104px;
}
.about__options {
padding-bottom: 30px;
}
.about__choice {
margin: -10px 0;
}
.about__choice-item {
width: calc(50% - 20px);
margin: 10px;
}
.about__choice-title {
padding: 10px;
font-size: 18px;
}
.about__choice-title span {
font-size: 35px;
margin-left: 0;
}
.about__choice-desc {
font-size: 16px;
}
.about__client {
margin: 0 -10px;
}
.about__map {
padding: 40px 0;
}
.about__country-number {
font-size: 16px;
padding: 0 10px;
text-align: center;
}
.about__country-number span {
font-size: 60px;
line-height: 60px;
}
.about__country-desc {
font-size: 16px;
}
.about__team {
padding-bottom: 40px;
}
.about__team-title {
font-size: 16px;
}
.about--orange {
margin-top: 40px;
}
.about--orange-client {
margin-bottom: 120px;
}
.about__title--small {
font-size: 26px;
}
.about__info {
margin-top: 0;
padding: 70px 0 0;
}
.about__linetitile--margin {
margin: 40px 0;
}
.about__team-img {
padding-right: 10px;
}
.about__team-title {
padding-left: 10px;
}
.about__footer {
margin: 15px 0 0;
}
}
@media (max-width: 480px) {
.about__maintitle {
font-size: 30px;
}
.about__subtitle {
font-size: 16px;
}
.about__linetitle {
font-size: 16px;
}
.about__title {
font-size: 30px;
}
.about__goods {
flex-wrap: wrap;
}
.about__goods-item {
width: calc(50% - 4px);
margin: 2px;
}
.about__goods-img {
margin: 15px 0;
}
.about__goods-desc {
margin: 20px 10px 0;
}
.about__quote-title .color--orange {
font-size: 27px;
}
.about__quote-img {
width: 15%;
margin-top: -30px;
}
.about__quote-img img {
width: 100%;
}
.about__quote-title {
font-size: 16px;
width: 90%;
}
.about__options-item {
width: calc(100% - 30px);
}
.about__choice-item {
width: 100%;
margin: 10px 0;
}
.about__country {
flex-direction: column;
}
.about__country-number {
width: 100%;
padding-bottom: 30px;
}
.about__country-desc {
width: 100%;
text-align: center;
}
.about__team {
flex-direction: column;
}
.about__team-img {
width: 100%;
padding: 0 0 30px 0;
}
.about__team-title {
width: 100%;
padding: 0;
text-align: center;
}
.about__team-item {
width: 100%;
margin: 7.5px 0;
}
.about--orange:before {
height: 97%;
width: calc(100% + 30px);
left: -18px;
}
.about__team-name {
min-height: auto;
}
.about__client {
flex-direction: column;
margin: 0;
}
.about__client-item {
width: 100%;
margin: 10px 0;
}
.about--orange-client {
margin-bottom: 80px;
}
.about--orange-client:before {
top: 40px;
}
.about__info {
flex-direction: column;
margin: -40px 0;
}
.about__info-item {
width: 100%;
margin: 40px 0;
padding: 60px 15px 15px;
}
.about__info-desc {
font-size: 16px;
}
.about__info-img {
width: 100px;
height: 100px;
}
.about__footer {
margin: 0;
}
}
/* 30.10.19 pnz start */
.mall {
padding-left: 68px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.mall__address {
font-weight: 700;
margin-bottom: 12px;
font-size: 16px;
position: relative;
}
.mall__ico {
width: 42px;
height: 42px;
position: absolute;
left: -58px;
top: 33%;
transform: translateY(-50%);
}
.mall__ico svg {
width: 100%;
height: 100%;
fill: #F89E1C;
}
.mall__ico img {
width: 100%;
height: 100%;
object-fit: contain;
}
.mall__spec {
margin-bottom: 15px;
display: flex;
flex-direction: column;
}
.mall__phones {
display: flex;
flex-direction: column;
position: relative;
}
.mall__phico {
width: 42px;
height: 42px;
position: absolute;
left: -58px;
top: 50%;
transform: translateY(-50%);
}
.mall__phico img {
width: 100%;
height: 100%;
object-fit: contain;
}
.mall__phones span {
margin-bottom: 4px;
}
.mall__phones a {
font-weight: 700;
color: #000000;
font-size: 16px;
text-decoration: none;
}
.mall__times {
margin: 15px 0;
position: relative;
}
.mall__tico {
width: 42px;
height: 42px;
position: absolute;
left: -58px;
top: 50%;
transform: translateY(-50%);
}
.mall__tico img {
width: 100%;
height: 100%;
object-fit: contain;
}
.mall__work {
margin-bottom: 4px;
}
.mall__period p {
margin: 0;
}
.mall__onmap {
margin-top: 12px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.goto {
font-size: 16px;
padding-right: 15px;
position: relative;
display: block;
text-decoration: none;
color: #F89E1C;
transition: all 200ms;
}
.goto:after {
transition: all 200ms;
position: absolute;
top: 50%;
content: '';
width: 8px;
height: 8px;
border-top: 2px solid #F89E1C;
border-right: 2px solid #F89E1C;
border-radius: 2px;
transform-origin: 50% 50%;
right: 0;
transform: translateY(-50%) rotateZ(45deg);
}
.goto:hover {
color: #F89E1C;
}
.goto:hover:after {
border-color: #F89E1C;
}
.contacts__map {
height: 600px;
width: 100%;
margin-bottom: 45px;
}
#g-map {
width: 100%;
height: 100%;
}
#g-map2 {
width: 100%;
height: 100%;
}
/* 30.10.19 pnz end */
/* header phones rework 10.03.20 */
.header__callback .openWebFormModal.link.callBack {
text-decoration: none;
position: relative;
color: #F89E1C;
font-size: 15px;
}
.header__callback .openWebFormModal.link.callBack:after {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: absolute;
display: block;
bottom: 0px;
width: 100%;
height: 0px;
content: "";
left: 0px;
border-bottom: 1px dashed #F89E1C;
}
#subHeader7 .phonesTb {
display: flex;
align-items: center;
}
.topPrice {
display: inline-block;
margin-right: 24px;
}
.topPrice > a {
color: #F89E1C;
position: relative;
text-decoration: none;
}
.topPrice > a:after {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: absolute;
display: block;
bottom: 0px;
width: 100%;
height: 0px;
content: "";
left: 0px;
border-bottom: 1px dashed #F89E1C;
}
.topPrice > a:active {
top: 1px;
}
.priceType-popup {
text-align: left;
}
.priceType__wrapper {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
padding-top: 20px !important;
}
.priceType__btn {
position: relative;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: 300;
border: 1px solid #e7e7e7;
text-align: center;
font-size: 14px;
cursor: pointer;
color: #ffffff;
outline: none;
background-color: #F89E1C;
padding: 6px 35px;
display: inline-block;
}
.priceType__btn:hover {
background-color: #ffa800;
}
.priceType__btn:active {
top: 1px;
}
.priceType__btn-wrapper {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
margin-bottom: 24px;
}
.priceType-popup .webFormTools {
margin-top: 15px;
}
.priceType__row input,
.priceType__row span {
cursor: pointer;
}
.priceType__row span {
font-size: 16px;
}
.priceType-popup .webformModalContainer {
max-width: 320px;
}
.priceType__row {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
}
.priceType__row input {
margin: 5px 10px 3px 4px;
}
.appFastViewContainer .changeAvailable,
#catalogElement .changeAvailable {
position: static;
right: 0;
top: 0;
float: none;
width: auto !important;
}
.prices-block .price-item {
font-size: 16px;
font-weight: 700;
}
.prices-block .price-item b {
font-weight: 400 !important;
font-size: 14px;
margin-right: 5px;
}
.prices-block {
position: relative;
}
.product .prices-block:after {
position: absolute;
content: '';
height: 100%;
width: 100%;
background: rgba(255, 255, 255, 0);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
left: 0;
top: 0;
-webkit-transition: background 0.1s ease;
transition: background 0.1s ease;
min-height: 44px;
}
.product:hover .prices-block:after {
background: transparent;
}
@media screen and (max-width: 600px) {
#headerLine4 .subTableColumn:first-child {
width: 90px;
}
}
@media screen and (max-width: 400px) {
#headerLine4 .subTableColumn:first-child {
width: 50px;
}
}
/* 23.03.20 add youtube icon */
.productTable .productColImage .youtube_ico {
margin-top: -31px;
display: block;
position: relative;
z-index: 1;
background-color: transparent;
}
#catalogLineList .column .youtube_ico {
position: absolute;
left: 6px;
z-index: 1;
bottom: 20%;
}
.prices-block {
padding: 10px 0 0;
}
#catalogTableList .column:first-child {
position: relative;
}
#catalogTableList .youtube_ico {
position: absolute;
bottom: 2px;
left: 6px;
height: 25px;
z-index: 1;
}
#catalogTableList .prices-block .price-item {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media (max-width: 1500px) {
#catalogTableList .prices-block .price-item {
flex-direction: column;
align-items: center;
}
}
@media (max-width: 1200px) {
#catalogLineList .column:last-child {
line-height: initial;
display: flex;
height: auto;
flex-direction: column;
}
#catalogLineList .column .resizeColumn.last {
padding: 0 0 5px 10px;
}
}
@media (max-width: 1024px) {
.productTable {
margin-top: 5px;
}
}
@media (max-width: 700px) {
.productTable .productColImage .youtube_ico {
position: absolute;
left: 6px;
z-index: 1;
bottom: 0;
}
.productTable {
margin-top: 25px;
}
.productColText .prices-block {
padding: 10px 0;
}
.product {
height: auto;
}
.product .productColText .prices-block:after {
display: none;
}
.productColImage {
position: relative;
}
.items.productList {
display: flex;
flex-wrap: wrap;
}
.product:hover .tabloid {
position: relative;
}
.prices-block .price-item {
display: flex;
flex-wrap: wrap;
align-items: center;
}
#catalogLineList .resizeColumn .prices-block .price-item {
justify-content: center;
}
#catalogLineList .column .youtube_ico {
bottom: 0;
}
}
@media (max-width: 634px) {
#catalogLineList .column .resizeColumn {
width: 100%;
}
}
@media (max-width: 480px) {
#catalogLineList .column .resizeColumn {
width: 100%;
}
#catalogTableList .youtube_ico {
top: -21px;
}
}
#catalog.preload {
position: relative;
}
#catalog.preload:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #333;
opacity: .3;
z-index: 5;
}
#catalogElement .skuDropdownList {
max-height: 214px;
overflow: auto;
}
#right .links_block_block {
display: none !important;
}
@media screen and (max-width: 1024px) {
#right .links_block_block {
display: block !important;
}
#left .links_block_block {
display: none !important;
}
}
#elementContainer .elementSkuPropertyList img {
width: 72px;
}
#elementContainer .elementSkuProperty li {
margin-bottom: 6px;
}
#elementContainer .elementSkuPropertyLink {
padding: 2px 4px;
}
@media screen and (max-width: 400px) {
#catalogLine {
display: flex;
align-items: center;
justify-content: space-between;
}
#catalogLine .column:nth-child(2) {
margin-left: 9px;
}
.items.productList {
width: 100%;
}
}
#basketProductList .productList .item .topSection .delete {
position: absolute;
top: 10px;
}
#catalogTableList .itemRow {
position: relative;
}
#catalogElement .changeAvailable {
text-align: right;
}
.product:hover .tabloid {
height: auto !important;
}
@media screen and (max-width: 1199px) {
#catalogLineList .name {
margin-top: 15px;
}
}
.items.productList.gross-items .prices-block {
min-height: 63px
}
@media screen and (min-width: 1801px) {
#catalog .product {
height: 341px;
}
#catalog .product .tabloid {
height: 340px;
}
#catalog .items.productList.gross-items .product {
height: 387px;
}
#catalog .items.productList.gross-items .product .tabloid {
height: 385px;
}
#similar-content .product, #related .product {
height: 360px;
}
#similar-content .product .tabloid, #related .product .tabloid {
height: 357px;
}
#similar-content .items.productList.gross-items .product, #related .items.productList.gross-items .product {
height: 411px;
}
#similar-content .items.productList.gross-items .product .tabloid, #related .items.productList.gross-items .product .tabloid {
height: 410px;
}
#homeCatalog .items.productList.gross-items .product {
height: 390px;
}
#homeCatalog .items.productList.gross-items .product .tabloid {
height: 389px;
}
}
.items.productList.gross-items .product .prices-block:after {
display: none;
}
@media screen and (min-width: 1025px) and (max-width: 1800px) {
#catalog .product {
height: 323px;
}
#catalog .product .tabloid {
height: 322px;
}
#catalog .items.productList.gross-items .product {
height: 370px;
}
#catalog .items.productList.gross-items .product .tabloid {
height: 369px;
}
#similar-content .items.productList.gross-items .product, #related .items.productList.gross-items .product {
height: 392px;
}
#similar-content .items.productList.gross-items .product .tabloid, #related .items.productList.gross-items .product .tabloid {
height: 391px;
}
#homeCatalog .items.productList.gross-items .product {
height: 367px;
}
#homeCatalog .items.productList.gross-items .product .tabloid {
height: 366px;
}
}
@media screen and (min-width: 701px) and (max-width: 1024px) {
#catalog .items.productList.gross-items .product {
height: 340px;
}
#catalog .items.productList.gross-items .product .tabloid {
height: 339px;
}
.product {
height: 310px;
}
.product .tabloid {
height: 309px;
}
#similar-content .items.productList.gross-items .product, #related .items.productList.gross-items .product {
height: 364px;
}
#similar-content .items.productList.gross-items .product .tabloid, #related .items.productList.gross-items .product .tabloid {
height: 363px;
}
#homeCatalog .items.productList.gross-items .product {
height: 338px;
}
#homeCatalog .items.productList.gross-items .product .tabloid {
height: 337px;
}
}
.seo-element-text {
padding: 0 24px;
}
.seo-element-text p {
max-height: 20px;
overflow: hidden;
transition: max-height .3s;
}
.seo-element-text span {
cursor: pointer;
color: #4a90e2;
}
.seo-element-text span:hover {
text-decoration: underline;
}
.seo-element-text.opened p {
max-height: 9999px;
}
.seo-element-text.opened span {
display: none;
}
/* 1 click buy */
@media screen and (max-width: 767px) {
#appFastBuyContainer {
margin-left: auto;
margin-top: auto;
height: auto;
max-width: 100%;
transform: translate(-50%, -50%);
max-height: 100%;
overflow: auto;
}
#fastBuyOpenContainer {
display: flex;
flex-direction: column;
align-items: center;
}
#appFastBuyContainer .column {
max-width: 100%;
}
#appFastBuyContainer .title {
margin-right: auto;
}
#appFastBuyContainer .formLine {
margin: 0 12px 12px;
}
#appFastBuyContainer input {
max-width: 100%;
}
#appFastBuyContainer textarea {
max-width: 100%;
}
#appFastBuyContainer #fastBuyFormSubmit {
max-width: 100%;
}
}
@media screen and (max-width: 700px) {
#smallElementTools .columnRowWrap {
display: flex;
margin-top: 15px;
}
#smallElementTools .columnRow .fastBack, #smallElementTools .columnRow .addCart {
width: auto;
padding: 0 10px;
white-space: nowrap;
}
#smallElementTools .columnRow .addCart {
margin-right: 15px;
}
#smallElementTools .columnRow:last-child {
display: inline-block;
}
}
@media screen and (max-width: 480px) {
#smallElementTools .columnRowWrap {
justify-content: space-between;
}
#smallElementTools .columnRowWrap .row {
width: 100%;
}
#smallElementTools .columnRow .fastBack {
min-width: calc(100% - 15px)
}
#smallElementTools .columnRow:last-child {
text-align: right;
}
}
/* end 1 click buy */
#left .hover-menu {
z-index: 1000;
position: relative;
}
#left .hover-menu:before {
content: '';
position: fixed;
background-color: #000;
opacity: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 32;
height: 100%;
pointer-events: none;
transition: opacity .5s;
}
#left .hover-menu:hover:before {
opacity: .4;
}
#main.color_white #leftMenu > li {
z-index: 34;
position: relative;
}
#left .heading.orange {
position: relative;
z-index: 1001;
}
#main.color_white #left #subLeftMenu {
position: relative;
z-index: 32;
}
#elementContainer .elementSkuPropertyList {
display: flex;
flex-wrap: wrap;
}
body {
overflow-x: hidden;
}
#main.main--personal {
background-color: #f3f3f3;
margin-top: 0;
padding-top: 24px;
}
#mainProfile {
overflow: visible;
}
.av-personal * {
box-sizing: border-box;
}
.av-personal__row {
display: flex;
margin: 0 -5px;
}
.av-personal__col {
width: 50%;
padding: 0 5px;
max-width: 570px;
}
.av-personal__box {
box-shadow: 0 0 10px #dadada;
margin-bottom: 10px;
padding: 30px 35px;
background-color: #fff;
}
.av-personal__box:last-child {
margin-bottom: 0;
}
.av-personal__head {
display: flex;
align-items: flex-end;
font-size: 18px;
font-weight: 300;
letter-spacing: .1px;
margin-bottom: 25px;
}
.av-personal__head img {
width: 26px;
height: 23px;
object-fit: contain;
margin-right: 15px;
}
.av-personal__label {
font-size: 14px;
font-weight: 100;
color: #999;
letter-spacing: .4px;
margin-bottom: 10px;
}
.av-personal__radiolist {
margin-top: 15px;
}
.av-personal__radio {
display: flex;
align-items: flex-end;
font-size: 14px;
letter-spacing: .4px;
margin-bottom: 7px;
position: relative;
padding-left: 25px;
cursor: pointer;
}
.av-personal__radio:last-child {
margin-bottom: 0;
}
.av-personal__radio input {
display: none;
}
.av-personal__radio span:before {
content: '';
width: 12px;
height: 12px;
border: 3px solid #dddddd;
background-color: #dddddd;
position: absolute;
top: 3px;
left: 0;
border-radius: 50%;
box-sizing: border-box;
}
.av-personal__radio span:after {
content: '';
border: 1px solid #9b9b9b;
width: 12px;
height: 12px;
position: absolute;
top: 3px;
left: 0;
border-radius: 50%;
box-sizing: border-box;
}
.av-personal__radio input:checked + span:before {
background-color: #f89e1c;
}
.av-personal__field {
margin-bottom: 25px;
}
.av-personal__field:last-child {
margin-bottom: 0;
}
.av-personal__input {
position: relative;
}
.av-personal__input input:not([type="checkbox"]) {
border: 1px solid #ddd;
font-size: 14px;
letter-spacing: .4px;
font-weight: 100;
padding: 20px 15px;
width: 100%;
}
.av-personal__show {
position: absolute;
width: 50px;
height: 50px;
right: 5px;
top: 50%;
transform: translateY(-50%);
margin: 0;
background-image: url('images/personal/eye-close.svg');
background-size: 25px 20px;
background-position: center center;
background-repeat: no-repeat;
}
.av-personal__show.opened {
background-image: url('images/personal/eye-open.svg');
}
.av-personal__show input {
display: none;
}
.av-personal__gross {
font-size: 14px;
letter-spacing: .4px;
font-weight: 300;
color: #999;
position: relative;
cursor: pointer;
display: inline-block;
margin-bottom: 25px;
}
.av-personal__gross input {
display: none;
}
.av-personal__gross span {
position: relative;
}
.av-personal__gross span:before {
content: '';
position: absolute;
right: -30px;
width: 12px;
height: 12px;
border: 1px solid #ddd;
top: 1px;
}
.av-personal__gross span:after {
content: '';
position: absolute;
right: -32px;
top: -2px;
border-bottom: 2px solid #f89e1c;
border-left: 2px solid #f89e1c;
width: 15px;
height: 8px;
transform: rotate(-50deg);
opacity: 0;
transition: opacity .3s;
}
.av-personal__gross input:checked + span:after {
opacity: 1;
}
.av-personal__submit {
margin: 25px 0;
}
.av-personal__submit button {
border: none;
background-color: #f89e1c;
color: #fff;
padding: 23px 15px;
text-align: center;
font-size: 14px;
min-width: 195px;
cursor: pointer;
transition: background-color .3s;
}
.av-personal__submit button:hover {
background-color: #ffa800;
}
.av-personal__select select {
opacity: 0;
}
.select2 * {
outline: none;
}
.select2-container {
min-width: 100%;
}
.select2-container--default .select2-selection--single {
border: 1px solid #ddd;
border-radius: 0;
height: 58px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 58px;
padding-left: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 58px;
width: 45px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border: none;
border-bottom: 1px solid #9d9d9d;
border-left: 1px solid #9d9d9d;
width: 8px;
height: 8px;
transform: rotate(-45deg);
top: calc(50% - 4px);
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: #9d9d9d;
border-width: 0 0 1px 1px;
transform: rotate(135deg);
top: 50%;
}
.select2-search--dropdown {
display: none;
}
.select2-dropdown {
border: 1px solid #dddddd;
border-radius: 0;
}
.select2-container--default .select2-results__option--selected {
background-color: #f5f5f5;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #f5f5f5;
color: #000;
}
.select2-results__option {
padding: 20px 15px;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 495px;
}
#subLeftMenu.av-personal__menu {
padding: 6px 0;
margin-top: 24px;
}
.av-personal__menu-item.selected {
background-color: #f5f5f5;
}
.av-personal__menu-item a {
display: flex !important;
align-items: center;
padding: 8px 24px 8px 18px !important;
}
.av-personal__menu-item img {
width: 21px;
height: 24px;
object-fit: contain;
margin-right: 15px;
}
.av-personal__nav {
display: flex;
flex-wrap: wrap;
margin: 36px -15px 0;
max-width: 1140px;
}
.av-personal__nav-item {
margin: 50px 15px 60px;
width: calc(25% - 30px);
background-color: #f89e1c;
text-decoration: none;
color: #000;
text-align: left;
transition: background-color .3s;
}
.av-personal__nav-img {
border-radius: 50%;
background-color: #999;
width: 85px;
height: 85px;
display: flex;
align-items: center;
justify-content: center;
margin: -50px auto 0;
}
.av-personal__nav-img img {
width: 48px;
height: 48px;
object-fit: contain;
}
.av-personal__nav-name {
font-size: 18px;
letter-spacing: .1px;
letter-spacing: .1px;
text-align: center;
margin: 25px 10px 40px;
}
.av-personal__nav-item:hover {
background-color: #fff;
box-shadow: 0 0 5px #d4d4d4;
}
.av-history * {
box-sizing: border-box;
}
.av-history__row {
padding: 28px;
background-color: #fff;
margin-bottom: 10px;
max-width: 1415px;
display: grid;
grid-template-columns:8% 11% 310px 20% auto 125px;
}
.av-history__row:last-child {
margin-bottom: 0;
}
.av-history__col {
border-right: 1px solid #ddd;
display: flex;
align-items: center;
padding: 0 10px;
justify-content: center;
}
.av-history__col:first-child {
padding: 0;
justify-content: flex-start;
}
.av-history__col:last-child {
border-right: none;
padding-right: 0;
}
.av-history__col:nth-child(3) {
justify-content: flex-start;
}
.av-history__number a {
color: #f89e1c;
font-size: 14px;
text-decoration: none;
}
.av-history__date {
color: #afafaf;
font-size: 14px;
font-weight: 300;
}
.av-history__gallery {
display: flex;
margin: -8px -5px;
}
.av-history__img {
width: 50px;
height: 50px;
border: 1px solid #ddd;
margin: 0 5px;
padding: 3px;
display: flex;
justify-content: center;
align-items: center;
}
.av-history__img img {
width: 100%;
object-fit: contain;
object-position: center;
}
.av-history__total {
text-align: center;
font-size: 14px;
font-weight: 300;
}
.av-history__detail {
display: flex;
align-items: center;
color: #4a90e2;
text-decoration: none;
font-size: 14px;
font-weight: 300;
}
.av-history__detail:hover {
text-decoration: underline;
}
.av-history__detail img {
width: 26px;
height: 28px;
margin-right: 10px;
}
.av-history__status {
font-size: 14px;
font-weight: 300;
text-align: center;
}
.av-history__status.disabled {
color: #afafaf;
}
.av-history__status.accept {
color: #0ec705;
}
.av-personal__radiolist--register {
margin-top: 0;
margin-bottom: 11px;
}
.av-order * {
box-sizing: border-box;
}
.av-order {
max-width: 1140px;
}
.av-order__head {
background-color: #fff;
padding: 25px 35px;
display: flex;
align-items: center;
}
.av-order__right {
display: flex;
align-items: center;
justify-content: space-between;
width: 50%;
padding-left: 40px;
}
.av-order__number {
font-size: 18px;
font-weight: 100;
letter-spacing: .1px;
width: 50%;
}
.av-order__date {
font-size: 14px;
color: #999999;
letter-spacing: .4px;
font-weight: 300;
}
.av-order__status {
font-size: 14px;
padding: 13px 19px;
background-color: #f5f5f5;
display: flex;
align-items: center;
}
.av-order__status.accept {
color: #0ec705;
}
.av-order__status.accept .av-order__ico {
display: inline-block;
width: 15px;
height: 6px;
border-bottom: 2px solid #0ec705;
border-left: 2px solid #0ec705;
transform: rotate(-50deg) translate(0, -6px);
}
.av-order__print img {
width: 27px;
height: 28px;
}
.av-order__row {
display: flex;
margin: 0 -5px;
}
.av-order__col {
background-color: #fff;
margin: 10px 5px;
padding: 25px 35px;
width: 50%;
}
.av-order__heading {
font-size: 18px;
font-weight: 100;
letter-spacing: .1px;
margin-bottom: 40px;
}
.av-order__infobox {
font-size: 14px;
font-weight: 300;
line-height: 2;
}
.av-order__infobox-row {
display: flex;
}
.av-order__infobox-row span {
display: inline-block;
}
.av-order__infobox-row span:first-child {
color: #999;
min-width: 40%;
width: 40%;
padding-right: 15px;
}
.av-order__infobox--disabled {
color: #ff0000;
}
.av-order__infobox--accept {
color: #0ec705;
}
.av-order__subheading {
color: #999;
font-size: 14px;
font-weight: 300;
letter-spacing: .4px;
line-height: 2;
}
.av-order__change-pay {
color: #000;
position: relative;
max-height: 65px;
overflow: hidden;
cursor: pointer;
display: flex;
flex-direction: column;
margin: 10px 0;
}
.av-order__change-pay.disabled {
pointer-events: none;
}
.av-order__change-pay.disabled .av-order__pay-system {
color: #999;
}
.av-order__change-pay.opened {
overflow: visible;
z-index: 5;
}
.av-order__change-arrow {
width: 8px;
height: 8px;
position: absolute;
right: 20px;
top: 26px;
border-bottom: 1px solid #9d9d9d;
border-left: 1px solid #9d9d9d;
transform: rotate(-45deg);
z-index: 4;
}
.av-order__change-pay.opened .av-order__change-arrow {
transform: rotate(135deg);
top: 31px;
}
.av-order__pay-system {
display: flex;
align-items: center;
padding: 4px 15px;
transition: background-color .3s;
background-color: #fff;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.av-order__pay-system.selected {
color: #ffa900;
order: -1;
border: 1px solid #ddd;
}
.av-order__pay-system:not(.selected):hover {
background-color: #f5f5f5;
}
.av-order__pay-system:last-child {
border-bottom: 1px solid #ddd;
}
.av-order__pay-system img {
width: 55px;
height: 55px;
object-fit: contain;
object-position: center;
}
.av-order__pay-system span {
margin-left: 25px;
}
.av-order__content * {
box-sizing: border-box;
}
.av-order__content {
background-color: #fff;
padding: 25px 35px 0;
max-width: 1140px;
box-sizing: border-box;
}
.av-order__table-row {
display: flex;
padding: 16px 0;
font-size: 14px;
border-top: 1px solid #ddd;
}
.av-order__table-row:first-child {
color: #afafaf;
}
.av-order__table-row:last-child {
border-bottom: 1px solid #ddd;
}
.av-order__table-col {
border-right: 1px solid #ddd;
padding: 0 16px;
text-align: center;
}
.av-order__table-col:first-child {
padding-left: 0;
}
.av-order__table-col:last-child {
padding-right: 0;
border: none;
}
.av-order__table-col:nth-child(1) {
width: 10%;
min-width: 97px;
}
.av-order__table-col:nth-child(2) {
text-align: center;
width: 17%;
}
.av-order__table-col:nth-child(3) {
width: 40%;
}
.av-order__table-col:nth-child(4) {
text-align: center;
width: 11%;
}
.av-order__table-col:nth-child(5) {
text-align: center;
width: 11%;
}
.av-order__table-col:nth-child(6) {
text-align: center;
width: 11%;
}
.av-order__table-col span:first-child {
display: none;
}
.av-order__table-img {
width: 60px;
border: 1px solid #ddd;
position: relative;
padding-bottom: calc(75% - 2px);
}
.av-order__table-img img {
width: calc(100% - 15px);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.av-order__table-name {
color: #f89e1c;
text-decoration: none;
display: block;
}
.av-order__table-name:hover {
text-decoration: underline;
}
.av-order__table-article {
white-space: nowrap;
}
.av-order__total-sum {
background-color: #f5f5f5;
padding: 25px 35px;
display: flex;
justify-content: flex-end;
box-shadow: 0 5px 10px #e7e7e7;
}
.av-order__total-sum-number {
font-weight: 700;
padding-left: 30px;
min-width: 70px;
text-align: right;
}
.av-order__btns {
display: flex;
justify-content: space-between;
margin: 24px -10px 0;
flex-wrap: wrap;
}
.av-order__btn {
border: none;
padding: 20px 15px;
text-align: center;
font-size: 14px;
min-width: 270px;
cursor: pointer;
transition: background-color .3s, color .3s;
background-color: #fff;
text-decoration: none;
color: #000;
margin: 0 10px 24px;
}
.av-order__btn--yellow {
background-color: #f89e1c;
color: #fff;
}
.av-order__btn--yellow:hover {
background-color: #ffa800;
}
.av-order__btn--back:before {
content: '<';
margin-right: 15px;
transition: color .3s;
}
.av-order__btn--back:hover {
color: #F89E1C;
}
.av-order__btn--submit {
min-width: 188px;
display: inline-block;
margin: 0;
margin-top: 15px;
}
.av-order__btn--submit.disabled {
background-color: #999999;
color: #fff;
pointer-events: none;
}
.av-order__form {
background-color: #f89e1c;
color: #fff;
border: none;
padding: 20px 15px;
text-align: center;
font-size: 14px;
min-width: 188px;
cursor: pointer;
transition: background-color .3s, color .3s;
max-width: 188px;
position: relative;
margin-top: 15px;
}
.av-order__form:hover {
background-color: #ffa800;
}
.av-order__form input[type='image'] {
opacity: 0;
position: absolute;
width: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
height: 100%;
}
@media print {
body > *, html > *, html {
visibility: hidden !important;
position: absolute !important;
width: 100%;
background: #fff;
}
.printableArea * {
visibility: visible !important;
}
.printableArea {
visibility: visible !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100%;
}
.b24-widget-button-block {
display: none !important;
}
.av-order {
margin: 0 auto;
}
.av-order__btns {
display: none !important;
}
.av-order__print {
display: none !important;
}
.bx-crm-widget-form-config-sidebar {
display: none !important;
}
.b24-widget-button-inner-mask {
display: none !important;
}
#bx-panel {
display: none !important;
}
}
@media screen and (max-width: 1280px) {
.av-history__img:nth-child(n+4) {
display: none;
}
.av-history__row {
grid-template-columns:9% 13% 190px 20% auto 125px;
}
.av-order__table-col:nth-child(3) {
width: 37%;
}
.av-order__table-col:nth-child(4) {
width: 14%;
}
}
@media screen and (max-width: 1200px) {
.av-personal__nav-item {
width: calc(33.33% - 30px);
}
}
@media screen and (max-width: 1100px) {
.av-order__table-col:nth-child(2) {
width: 15%;
}
.av-order__table-col:nth-child(3) {
width: 37%;
}
.av-order__table-col:nth-child(4) {
width: 16%;
}
.av-order__table-col:nth-child(5) {
width: 16%;
}
}
@media screen and (max-width: 767px) {
.av-personal__row {
flex-wrap: wrap;
}
.av-personal__col {
width: 100%;
max-width: none;
padding-bottom: 10px;
}
.av-personal__col:last-child {
padding-bottom: 0;
}
.av-personal__nav-item {
width: calc(50% - 30px);
}
.av-history {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.av-history__row {
display: flex;
flex-direction: column;
padding: 25px 22px;
position: relative;
width: calc(50% - 5px);
}
.av-history__col {
border: none;
justify-content: flex-start;
padding: 0;
line-height: 1.25;
}
.av-history__status {
position: absolute;
top: 25px;
right: 22px;
}
.av-history__detail {
position: absolute;
bottom: 25px;
right: 22px;
}
.av-history__detail img {
display: none;
}
.av-history__gallery {
margin: 10px -5px 15px;
width: 100%;
}
.av-history__total {
width: 50%;
text-align: left;
display: flex;
flex-direction: column;
}
.av-history__img:nth-child(n+4) {
display: flex;
}
.av-history__img {
height: auto;
width: calc(20% - 10px);
position: relative;
padding: 0;
padding-bottom: calc(20% - 12px);
}
.av-history__img img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 5px);
}
.av-order__head {
flex-direction: column;
align-items: flex-start;
padding: 25px 10px 20px;
}
.av-order__right {
padding-left: 0;
flex-direction: column;
align-items: flex-start;
position: relative;
width: 100%;
}
.av-order__print {
position: absolute;
right: 0;
bottom: 0;
margin-right: 15px;
}
.av-order__date {
margin: 15px 0;
}
.av-order__number {
width: 100%;
}
.av-order__row {
flex-wrap: wrap;
margin: 5px -5px;
}
.av-order__col {
width: 100%;
margin: 5px;
padding: 25px 10px 20px;
}
.av-order__content {
padding: 25px 10px 0;
}
.av-order__heading {
margin-bottom: 15px;
}
.av-order__table-row {
font-size: 12px;
flex-direction: column;
position: relative;
padding-left: 100px;
}
.av-order__table-row:first-child {
display: none;
}
.av-order__table-col {
border: none;
padding-right: 0;
}
.av-order__table-col span:first-child {
display: inline-block;
color: #afafaf;
width: 80px;
}
.av-order__table-img {
width: 100px;
padding-bottom: calc(100% - 2px);
}
.av-order__table-col:nth-child(1) {
position: absolute;
min-width: 116px;
left: 0;
max-width: 116px;
padding-right: 16px;
}
.av-order__table-row .av-order__table-col {
width: 100%;
text-align: left;
}
.av-order__table-col:nth-child(3) {
order: -1;
}
.av-order__table-name {
font-size: 14px;
min-height: 33px;
margin-bottom: 5px;
}
.av-order__total-sum {
margin: 0 -12px;
padding: 25px 10px;
justify-content: space-between;
}
#main.main--personal #subLeftMenu {
display: none;
}
#appFastBuyContainer {
margin-left: auto;
margin-top: auto;
height: auto;
max-width: 100%;
transform: translate(-50%, -50%);
max-height: 100%;
overflow: auto;
}
#fastBuyOpenContainer {
display: flex;
flex-direction: column;
align-items: center;
}
#appFastBuyContainer .column {
max-width: 100%;
}
#appFastBuyContainer .title {
margin-right: auto;
}
#appFastBuyContainer .formLine {
margin: 0 12px 12px;
}
#appFastBuyContainer input {
max-width: 100%;
}
#appFastBuyContainer textarea {
max-width: 100%;
}
#appFastBuyContainer #fastBuyFormSubmit {
max-width: 100%;
}
#breadcrumbs {
margin-bottom: 20px;
}
#breadcrumbs ul li a {
overflow: hidden;
font-size: 13px;
/*color: #999;*/
}
#breadcrumbs ul li:first-child a:before {
content: '<';
display: inline-block;
line-height: 21px;
font-size: 14px;
color: currentColor;
transform: scale(1, 1.7);
margin-right: 12px;
}
#breadcrumbs::after {
right: -12px;
}
}
@media screen and (max-width: 700px) {
/* 1 click buy */
#smallElementTools .columnRowWrap {
display: flex;
margin-top: 10px;
}
#smallElementTools .columnRow .fastBack, #smallElementTools .columnRow .addCart {
width: auto;
padding: 0 10px;
white-space: nowrap;
}
#smallElementTools .columnRow .addCart {
margin-right: 15px;
}
/* end 1 click buy */
}
@media screen and (max-width: 533px) {
#subLeftMenu.av-personal__menu {
margin-left: -12px;
margin-right: -12px;
}
.av-personal__row {
margin: 0 -12px;
}
.av-personal__col {
padding-left: 0;
padding-right: 0;
}
.av-personal__box {
padding: 25px 12px;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 244px;
}
.av-personal__menu-item a {
padding: 8px 12px !important;
}
.av-personal__nav {
margin: 0 -5px;
}
.av-personal__nav-item {
margin: 30px 5px 10px;
width: calc(50% - 10px);
}
.av-personal__nav-name {
font-size: 14px;
margin: 10px 10px 20px;
}
.av-personal__nav-img {
width: 50px;
height: 50px;
margin: -30px auto 0;
}
.av-personal__nav-img img {
width: 30px;
height: 30px;
}
.av-history__row {
width: 100%;
}
.av-history__total {
width: 65%;
}
.av-order__head {
margin: 0 -12px;
}
.av-order__row {
margin: 5px -12px;
}
.av-order__col {
margin: 5px 0;
}
.av-order__content {
margin: 0 -12px;
}
.av-order__btn--yellow {
order: -1;
}
.av-order__btn {
min-width: 220px;
}
.av-order__col:first-child .av-order__infobox-row {
flex-direction: column;
line-height: 1.33;
margin-bottom: 10px;
}
.av-order__col:first-child .av-order__infobox-row:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 533px) {
/* 1 click buy */
#smallElementTools .columnRowWrap {
justify-content: space-between;
}
#smallElementTools .columnRowWrap .row {
width: 100%;
}
#smallElementTools .columnRow .fastBack {
min-width: calc(100% - 15px)
}
#smallElementTools .columnRow:last-child {
text-align: right;
}
/* end 1 click buy */
}
#left .hover-menu {
z-index: 1000;
position: relative;
}
#left .hover-menu:before {
content: '';
position: fixed;
background-color: #000;
opacity: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 32;
height: 100%;
pointer-events: none;
transition: opacity .5s;
}
#left .hover-menu:hover:before {
opacity: .4;
}
#main.color_white #leftMenu > li {
z-index: 34;
position: relative;
}
#left .heading.orange {
position: relative;
z-index: 1001;
}
@media screen and (min-width: 1025px) {
#left .absolute-menu {
position: absolute;
top: 65px;
left: 0;
}
}
.subHeader__desc span {
line-height: 1.33;
font-size: 13px;
display: inline-block;
}
@media screen and (max-width: 767px) {
.subHeader__desc {
display: none;
}
#subHeader7 .subTableColumn:first-child {
width: 220px;
}
#subHeader7 .phonesContainer {
margin-right: 12px;
}
#subHeader7 .subTableColumn:nth-child(3) {
width: 190px;
}
}
#catalogElement .skuDropdownList .elementSkuPropertyValue {
width: 100%;
}
@media screen and (min-width: 1025px) {
#elementContainer #pictureContainer .pictureSlider .item {
display: block;
}
#elementContainer #moreImagesCarousel {
visibility: visible;
opacity: 1;
padding-bottom: 24px;
}
#elementContainer #moreImagesCarousel .slider__nav .slider__slide {
opacity: .5;
position: relative;
outline: none !important;
max-width: 25%;
}
#elementContainer #moreImagesCarousel .slider__nav .slider__slide.slick-current {
opacity: 1;
}
#elementContainer #moreImagesCarousel .slider__nav .slider__slide.slick-current:before {
content: '';
position: absolute;
bottom: -10px;
width: 30%;
left: 50%;
transform: translateX(-50%);
height: 2px;
background-color: #000;
display: inline-block;
}
#elementContainer #moreImagesCarousel .slider__nav .slick-list {
padding-bottom: 15px;
width: 80%;
margin: 0 auto;
max-width: 320px;
}
#elementContainer #moreImagesCarousel .slider__nav .slick-track {
margin: 0 auto;
min-width: 100%;
}
.slick-slider {
margin-bottom: 0;
}
#zoomerMoreImagesContainerWrapper .item:nth-last-child(-1n+4) {
display: none;
}
}
#searchResult {
z-index: 9999;
}
.mobheader {
display: none;
}
@media screen and (max-width: 1024px) {
body.is-admin .site_banner_wrapper {
display: none;
}
#foundation {
padding-top: 155px;
/*padding-top: 0!important;*/
}
.mobheader {
padding: 11px 24px 2px;
background-color: #fff;
position: fixed;
top: 0;
/*height: 54px;*/
box-sizing: border-box;
z-index: 11111;
left: 0;
right: 0;
width: 100%;
transition: background-color .3s, border-color .3s;
border-bottom: 1px solid #fff;
display: block;
}
.mobheader.shadow {
background-color: #fcfcfc;
border-bottom-color: #dadada;
}
.mobheader__row {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.mobheader__row:after {
position: absolute;
content: '';
height: 1px;
width: calc(100% + 22px);
bottom: 0;
left: -11px;
background-color: #e7e8ea;
}
.mobheader__left {
display: flex;
align-items: center;
}
.mobheader__btns {
display: flex;
}
.mobheader__btns .topCompare {
margin-top: -7px;
}
.mobheader__btns .header__callback::before {
width: 24px;
height: 24px;
}
.mobheader__btn {
width: 28px;
height: 28px;
margin: 0 8px;
display: block;
padding: 5px 0;
}
.header__callback {
padding: 5px 0;
background-position: center;
}
.mobheader__btn img {
vertical-align: middle;
}
.mobheader__btn span {
display: none;
}
.mobheader__btn > img {
width: 100%;
}
.mobheader__price img {
width: 100%;
}
.mobheader__btn:after {
display: none !important;
}
.mobheader__logo img {
width: 114px;
}
.mobheader__nav-burger {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
color: #000;
cursor: pointer;
}
.mobheader__nav-wrap {
margin-top: 4px;
margin-right: 17px;
}
.mobheader__price {
display: none;
position: relative;
}
.mobheader__price--auth {
display: inline-block;
}
.mobheader__bag {
position: relative;
}
.mobheader__bag:before {
content: attr(data-bag-count);
position: absolute;
width: 24px;
height: 24px;
border: 2px solid #ddd;
border-radius: 50%;
background-color: #fff;
color: #d1d1d1;
font-size: 13px;
line-height: 21px;
text-align: center;
top: -9px;
right: -12px;
box-sizing: border-box;
}
.mobheader__bag.active:before {
border-color: #f89e1c;
color: #f89e1c;
}
.mobheader__logo--auth {
width: 30px;
overflow: hidden;
}
.mobheader__price .topPrice {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.mobheader__price .topPrice > a {
opacity: 0;
}
.mobheader__search-container {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
background-color: #fff;
transform: translateX(-200%);
transition: transform .3s;
z-index: 11111;
padding: 15px 10px;
}
.mobheader__search-container.opened {
transform: translateX(0);
}
.mobheader__search-input {
display: flex;
align-items: center;
border: 1px solid #ddd;
border-radius: 25px;
padding: 4px 15px;
}
.mobheader__search-back {
width: 40px;
height: 40px;
position: relative;
}
.mobheader__search-back:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
width: 10px;
height: 10px;
border-bottom: 2px solid #9b9b9b;
border-left: 2px solid #9b9b9b;
}
.mobheader__search-input input {
border: none;
color: #000;
font-size: 12px;
font-weight: 300;
letter-spacing: .4px;
height: 40px;
padding: 0 10px;
width: 100%;
outline: none;
}
.mobheader__search-input input::placeholder {
color: #999;
}
.mobheader__serach-del {
position: relative;
width: 40px;
height: 40px;
background: none;
border: none;
outline: none;
padding: 0;
transition: opacity .3s
}
.mobheader__serach-del:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 19px;
height: 2px;
background-color: #9b9b9b;
transform: translate(-50%, -50%) rotate(45deg);
}
.mobheader__serach-del:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 19px;
height: 2px;
background-color: #9b9b9b;
transform: translate(-50%, -50%) rotate(-45deg);
}
.mobheader__search-input input:placeholder-shown + .mobheader__serach-del {
opacity: 0;
}
.mobheader__result-title {
display: none;
border-top: 1px solid #ddd;
font-size: 15px;
font-weight: 700;
text-align: center;
color: #000;
text-transform: uppercase;
padding: 23px 0;
margin-top: 14px;
}
.mobheader__nav-shadow {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9998;
background-color: #000;
pointer-events: none;
opacity: 0;
transition: opacity .3s;
height: 100vh;
}
.mobheader__nav-shadow.opened {
pointer-events: all;
opacity: .6;
}
html.menu, html.catalog-menu {
height: 100%;
overflow: hidden;
}
.mobnav {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 270px;
overflow: auto;
background: #fff;
z-index: 9999999;
transform: translateX(-200%);
transition: transform .3s;
font-weight: 300;
font-size: 14px;
letter-spacing: .2px;
}
.mobnav.opened {
transform: translateX(0);
}
.mobnav__header {
display: flex;
align-items: flex-end;
justify-content: space-between;
background-color: #f5f5f5;
padding: 10px;
position: relative;
}
.mob-header-btn {
position: absolute;
top: 12px;
right: 14px;
padding: 12px;
cursor: pointer;
}
.mob-header-btn::before {
content: "";
position: absolute;
top: 10px;
left: 2px;
background-color: #000;
transform: rotate(45deg);
width: 20px;
height: 2px;
}
.mob-header-btn::after {
content: "";
position: absolute;
top: 10px;
left: 2px;
background-color: #000;
transform: rotate(-45deg);
width: 20px;
height: 2px;
}
.mobnav__logo {
width: 111px;
display: flex;
}
.mobnav__logo img {
width: 111px;
object-fit: contain;
}
.mobnav__lang {
display: flex;
}
.mobnav__lang a {
margin-left: 20px;
font-size: 14px;
color: #f89e1c;
text-decoration: none;
letter-spacing: .2px;
font-weight: 300;
}
.mobnav__lang a.selected {
pointer-events: none;
color: #000;
}
.mobnav__section {
margin: 0 10px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 22px 0;
}
.mobnav__page {
margin-bottom: 22px;
}
.mobnav__page a {
color: #000;
text-decoration: none;
}
.mobnav__catalog-btn {
display: flex;
align-items: center;
}
.mobnav__catalog-btn img {
width: 18px;
height: 18px;
margin-right: 18px;
}
.mobnav__catalog-btn span {
font-size: 16px;
font-weight: 700;
color: #f89e1c;
}
.mobnav__user {
background-color: #f5f5f5;
padding: 22px 10px;
}
.mobnav__register {
display: flex;
align-items: center;
margin-bottom: 18px;
}
.mobnav__login {
color: #f89e1c;
text-decoration: none;
}
.mobnav__register a + a {
margin-left: 30px;
}
.mobnav__ico {
display: flex;
}
.mobnav__ico img {
width: 18px;
height: 18px;
/*opacity: .5;*/
margin-right: 18px;
}
.mobnav__user-name {
width: 100%;
padding-right: 25px;
}
.mobnav__user-name a {
color: #f89e1c;
text-decoration: none;
}
.mobnav__price-type {
display: flex;
justify-content: space-between;
margin: 0 auto;
margin-bottom: 8px;
max-width: 175px;
}
.mobnav__price {
text-decoration: none;
color: #f89e1c;
}
.mobnav__price.selected {
pointer-events: none;
color: #000;
}
.mobnav__bag {
display: flex;
text-decoration: none;
color: #000;
margin-bottom: 13px;
}
.mobnav__bag-text {
width: 100%;
}
.mobnav__bag span {
color: #999;
}
.mobnav__phone {
text-decoration: none;
color: #000;
display: flex;
margin-bottom: 12px;
align-items: center;
font-weight: 700;
}
.mobnav__phone span {
font-size: 12px;
}
.mobnav__phone-box {
display: flex;
flex-direction: column;
line-height: 1.25;
}
.mobnav__phone-box a {
margin-bottom: 5px;
font-weight: 700;
}
.mobnav__phone-box a:last-child {
margin-bottom: 0;
}
.mobnav__callback {
display: flex;
align-items: center;
color: #f89e1c;
text-decoration: none;
}
.mobnav__link {
display: block;
text-decoration: none;
color: #000;
margin-bottom: 22px;
}
.mobnav__link:last-child {
margin-bottom: 0;
}
.mobcatalog {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
transition: transform .3s;
transform: translateX(-200%);
z-index: 99999;
overflow: auto;
}
.mobcatalog.opened {
transform: translateX(0);
}
.mobcatalog__back {
color: #f89e1c;
font-size: 16px;
letter-spacing: .2px;
position: relative;
padding: 14px 15px 14px 40px;
margin: 0 10px;
border-bottom: 1px solid #ddd;
}
.mobcatalog__back:before {
content: '';
position: absolute;
top: 50%;
left: 2px;
transform: translateY(-50%) rotate(45deg);
border-bottom: 2px solid #999;
border-left: 2px solid #999;
width: 10px;
height: 10px;
}
.mobcatalog__box {
margin: 15px 0;
}
.mobcatalog__link {
display: flex;
padding: 10px;
color: #000;
text-decoration: none;
}
.mobcatalog__link img {
width: 32px;
height: 32px;
margin-right: 8px;
}
.mobcatalog__section {
position: relative;
max-height: 45px;
overflow: hidden;
}
.mobcatalog__drop {
position: relative;
}
.mobcatalog__arrow {
position: absolute;
top: 0;
right: 0;
width: 65px;
height: 45px;
}
.mobcatalog__arrow:before {
content: '';
position: absolute;
width: 1px;
height: 13px;
background-color: #ddd;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.mobcatalog__arrow:after {
content: '';
position: absolute;
width: 8px;
height: 8px;
border-bottom: 2px solid #999;
border-right: 2px solid #999;
top: 45%;
left: 50%;
transform: translate(-45%, -70%) rotate(45deg);
transition: transform .3s;
}
.mobcatalog__drop.opened > .mobcatalog__arrow:after {
transform: translate(-50%, -20%) rotate(-135deg);
}
.mobcatalog__section.mobcatalog__drop.opened {
background-color: #eee;
max-height: 9999px;
}
.mobcatalog__section.mobcatalog__drop > .mobcatalog__link {
padding: 4px 10px 4px 8px;
align-items: center;
}
.mobcatalog__drop.opened > .mobcatalog__drop {
background-color: #f5f5f5;
max-height: 45px;
overflow: hidden;
transition: padding .3s;
}
.mobcatalog__drop.opened > .mobcatalog__drop.opened {
max-height: 9999px;
}
.mobcatalog__drop.opened .mobcatalog__drop > .mobcatalog__link {
padding: 12px 10px;
}
.mobcatalog__drop.opened .mobcatalog__drop .mobcatalog__drop .mobcatalog__link {
background-color: #fff;
padding: 8px 10px;
}
.mobcatalog__drop.opened .mobcatalog__drop.opened .mobcatalog__drop {
max-height: 9999px;
padding: 8px 0;
background-color: #fff;
}
.mobcatalog__nav {
border-top: 1px solid #ddd;
padding: 10px
}
.mobcatalog__nav-link {
display: block;
margin: 15px 0;
color: #000;
text-decoration: none;
line-height: 1.25;
}
.mobile-catalog {
margin-top: 16px;
padding: 16px;
display: flex;
align-items: center;
justify-content: center;
background-color: #f89e1c;
color: #fff;
}
.mobile-catalog img {
margin-right: 12px;
width: 15px;
}
}
@media screen and (min-width: 992px) {
.mobile-catalog {
display: none;
}
}
@media screen and (max-width: 1024px) {
#left {
margin-bottom: 0;
}
#left .heading.orange {
display: none;
}
#right {
margin-top: 0;
}
#breadcrumbs {
/*margin-top: -20px;*/
margin-left: -24px;
margin-right: -24px;
padding: 5px 12px;
}
#breadcrumbs ul {
display: flex;
overflow: auto !important;
padding: 0 12px;
}
#breadcrumbs ul .internal-crumbs {
display: none;
}
#breadcrumbs::before {
background: linear-gradient(to left, rgba(255, 255, 255, 0.2), #ffffff 100%);
pointer-events: none;
position: absolute;
top: 0;
left: 0;
height: 100%;
content: '';
width: 30px;
z-index: 2;
}
#breadcrumbs::after {
right: 0 !important;
width: 30px !important;
}
#breadcrumbs .arrow {
margin: 0 10px;
font-size: 16px;
vertical-align: sub;
}
h1.changeName {
margin-bottom: 0;
}
#nextSection {
display: none;
}
}
@media screen and (max-width: 700px) {
.mobheader {
padding: 11px 11px 2px;
}
#breadcrumbs {
margin-left: -12px;
margin-right: -12px;
}
#breadcrumbs::after {
width: 22px !important;
}
#breadcrumbs::before {
width: 22px;
}
#breadcrumbs ul {
padding: 0;
}
}
@media screen and (max-width: 500px) {
.admin-mobile {
padding-top: 39px;
}
#panel {
top: 0;
}
}
@media screen and (max-width: 480px) {
.mobile-catalog {
margin-top: 15px;
}
}
.webformModal {
-webkit-transition: 0.1s all ease-in-out;
-o-transition: 0.1s all ease-in-out;
transition: 0.1s all ease-in-out;
background: rgba(0, 0, 0, 0.4);
position: fixed;
color: #000000;
overflow: hidden;
display: none;
z-index: 9999;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
}
.webformModalHideScrollBar {
position: relative;
overflow: auto;
height: 100%;
width: 120%;
}
.webformModalcn100 {
position: relative;
height: 100%;
width: 100%;
width: 100vw; /* css3 */
}
.webformModal.visible {
display: block;
}
.webformModalContainer {
box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);
transform: translateX(-50%) translateY(0%);
/*transform: translateX(-50%) translateY(-50%);*/
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: none;
animation-fill-mode: none;
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
background-color: #ffffff;
position: absolute;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 24px;
max-width: 500px;
min-width: 300px;
width: calc(100% - 20px);
top: 24px;
left: 50%;
z-index: 100;
}
.small .webformModalContainer {
transform: translateX(-50%) translateY(-50%);
margin-bottom: 0px;
top: 50%;
}
.webFormDw form {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.webFormDw form.loading {
pointer-events: none;
opacity: 0.8;
}
.webFormModalHeading {
background-color: #424242;
position: relative;
text-align: center;
line-height: 60px;
font-size: 18px;
color: #ffffff;
}
.webformModal .webFormModalHeadingExit {
position: absolute;
display: block;
height: 21px;
width: 21px;
right: 20px;
top: 20px;
}
.webformModal .webFormModalHeadingExit {
background: url(images/exit.png) 0 0 no-repeat transparent;
}
.webformModal .webFormModalHeadingExit:hover {
background-position: 0 -21px;
}
.webformModal .webFormModalHeadingExit:active {
background-position: 0 -42px;
}
.webFormDescription {
margin: 24px 0 0 0;
max-width: 800px;
}
.webformModal .webFormDescription {
padding: 0 24px;
}
.webformModal .webFormItems,
.webformModal .webFormTools,
.webformModal .webFormError {
padding: 0 24px;
}
.webFormItem {
margin-top: 24px;
}
.webFormItemCaption {
font-weight: 500;
margin-bottom: 12px;
line-height: 21px;
}
.webFormItemImage {
vertical-align: middle;
display: inline-block;
padding-right: 6px;
}
.webFormItemLabel {
vertical-align: middle;
display: inline-block;
color: #555555;
}
.webFormItemRequired {
display: inline-block;
padding-left: 4px;
color: #ff0000;
}
.webFormItemFieldVariant {
display: inline-block;
margin-left: 12px;
}
.webFormItemFieldVariant:first-child {
margin-left: 0px;
}
.webFormItemField input[type="password"],
.webFormItemField input[type="text"],
.webFormItemField select {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: 300;
border: 1px solid #e7e7e7;
padding-left: 12px;
line-height: 55px;
max-width: 100%;
font-size: 14px;
color: #555555;
outline: none;
height: 55px;
width: 100%;
}
.webFormItemField textarea {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: 300;
border: 1px solid #e7e7e7;
padding-left: 12px;
line-height: 21px;
padding-top: 12px;
max-width: 100%;
font-size: 14px;
color: #555555;
height: 150px;
outline: none;
width: 100%;
}
.webFormItemField input[id*="form_date_"] {
margin-bottom: 6px;
}
.webFormItemField input[type="text"]:focus,
.webFormItemField input[type="password"]:focus,
.webFormItemField textarea:focus {
border: 1px solid #aaaaaa;
}
.webFormItemField input[type="checkbox"] + label,
.webFormItemField input[type="radio"] + label {
cursor: pointer;
}
.webFormItemField input[type="checkbox"]:not(checked),
.webFormItemField input[type="radio"]:not(checked) {
position: absolute;
opacity: 0;
}
.webFormItemField input[type="checkbox"]:not(checked) + label,
.webFormItemField input[type="radio"]:not(checked) + label {
position: relative;
padding-left: 28px;
}
.webFormItemField input[type="checkbox"].error + label:before {
border: 1px solid #ff0000 !important;
}
.webFormItemField input[type="checkbox"] + label:before {
background: url(images/checkBox.png) 0 0 no-repeat transparent;
}
.webFormItemField input[type="radio"] + label:before {
background: url(images/radio.png) 0 0 no-repeat transparent;
}
.webFormItemField input[type="checkbox"]:not(checked) + label:before,
.webFormItemField input[type="radio"]:not(checked) + label:before {
position: absolute;
content: " ";
height: 17px;
width: 17px;
left: 0;
top: 0px;
}
.webFormItemField input[type="checkbox"]:not(checked) + label:hover:before,
.webFormItemField input[type="radio"]:not(checked) + label:hover:before {
background-position: 0 -17px;
}
.webFormItemField input[type="checkbox"]:checked + label:before,
.webFormItemField input[type="radio"]:checked + label:before {
background-position: 0 -34px;
}
.webFormItemField input[type="checkbox"]:checked + label:hover:before,
.webFormItemField input[type="radio"]:checked + label:hover:before {
background-position: 0 -51px;
}
.webFormItemField input[type="checkbox"]:disabled + label,
.webFormItemField input[type="radio"]:disabled + label {
cursor: default;
}
.webFormItemField input[type="checkbox"]:disabled + label:before,
.webFormItemField input[type="radio"]:disabled + label:before {
background-position: 0 -68px !important;
}
.webFormItemField img.calendar-icon {
vertical-align: middle !important;
margin: 0 0 0 0px !important;
border: 0 !important;
}
.webFormItemField [multiple] {
line-height: 120px;
height: 120px;
padding: 12px;
}
.webFormCaptchaPicture {
margin-top: 12px;
}
.webFormCaptchaPicture img {
vertical-align: middle;
max-width: 100%;
}
.webFormCaptchaLabel {
margin-bottom: 12px;
margin-top: 12px;
}
.webFormItemField input.captcha_word {
max-width: 300px;
}
.webFormTools {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 24px;
}
.webFormTools input[type="submit"],
.webFormTools input[type="reset"] {
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: 300;
border: 1px solid #e7e7e7;
text-align: center;
line-height: 55px;
font-size: 14px;
cursor: pointer;
color: #ffffff;
outline: none;
height: 55px;
width: 100%;
padding: 0;
}
.webFormTools .tc:first-child {
padding-right: 12px;
}
.webFormTools .tc:last-child {
padding-left: 12px;
}
.webFormTools input[type="submit"]:active {
position: relative;
top: 1px;
}
.webFormTools input[type="submit"].loading {
background-image: url(images/loading.gif);
background-color: #000000 !important;
background-position: 50% 50%;
background-repeat: no-repeat;
border: 1px solid #000000;
pointer-events: none;
color: #dddddd;
opacity: 0.1;
}
.webFormTools input[type="reset"] {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border: 1px solid #aaaaaa;
background-color: #ffffff;
color: #000000;
}
.webFormTools input[type="reset"]:hover {
border: 1px solid #cccccc;
}
.webFormTools input[type="reset"]:active {
position: relative;
top: 1px;
}
.webFormItemError,
.webFormError {
font-weight: 500;
margin-bottom: 12px;
font-size: 12px;
color: #ff0000;
display: none;
}
.webFormError {
margin-bottom: 0;
margin-top: 24px;
}
.webFormItemError.visible,
.webFormError.visible {
display: block;
}
.webFormItemField .error {
border: 1px solid #ff0000 !important;
}
.webFormMessage {
-webkit-transition: 0.1s all ease-in-out;
-o-transition: 0.1s all ease-in-out;
transition: 0.1s all ease-in-out;
background: rgba(0, 0, 0, 0.4);
line-height: 250px;
position: fixed;
overflow: auto;
color: #000000;
display: none;
z-index: 1000;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
}
.webFormMessageContainer {
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4);
background-color: #ffffff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: -225px;
position: absolute;
text-align: center;
margin-top: -125px;
border-radius: 2px;
padding: 0px 24px;
height: 250px;
width: 450px;
left: 50%;
top: 50%;
}
.webFormMessageMiddle {
vertical-align: middle;
display: inline-block;
line-height: 21px;
}
.webFormMessageHeading {
margin-bottom: 24px;
text-align: center;
font-weight: 500;
font-size: 18px;
}
.webFormMessageDescription {
text-align: center;
}
.webFormMessageExit {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: #000000;
text-decoration: none;
display: inline-block;
text-align: center;
border-radius: 2px;
line-height: 40px;
margin-top: 24px;
padding: 0 24px;
color: #ffffff;
height: 40px;
}
.webFormMessageExit:hover {
opacity: 0.8;
}
.webFormMessageExit:active {
position: relative;
top: 1px;
}
@media all and (max-width: 650px) {
.webFormItemField input[id*="form_date_"] {
margin-bottom: 12px;
}
.webFormItemField img.calendar-icon {
margin-left: 0px !important;
}
.webFormTools input[type="submit"],
.webFormTools input[type="reset"] {
max-width: 150px;
}
}
@media all and (max-width: 400px) {
.webFormTools input[type="submit"],
.webFormTools input[type="reset"] {
margin-bottom: 24px;
max-width: 300px;
display: block;
width: 100%;
}
}
.webformModalCloseArea {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99;
}
@media screen and (max-width: 1024px) {
#left .hover-menu {
display: none;
}
#panel {
position: absolute;
}
}
#catalogElement .also-buy .label.changeAvailable {
text-align: left;
}
@media screen and (max-width: 533px) {
#smallElementTools .secondTool {
width: 100% !important;
}
#smallElementTools .mainTool {
width: 100% !important;
}
}
#zoomer.opened {
z-index: 999999 !important;
}
.fix-select .soa-property-container {
z-index: 999 !important;
}
#video .item {
width: calc(33.33% - 24px);
position: relative;
padding: 0;
padding-bottom: 17%;
margin: 0 12px 24px;
}
#video .items iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
#video .items.sz1 .item {
width: calc(33.33% - 24px);
position: relative;
padding: 0;
padding-bottom: 17%;
margin: 0 12px 24px;
}
#video .items.sz1 iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
#video .items.sz2 .item {
width: calc(33.33% - 24px);
position: relative;
padding: 0;
padding-bottom: 17%;
margin: 0 12px 24px;
}
#video .items.sz2 iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
@media screen and (max-width: 700px) {
#video .items.sz1 .item {
padding-bottom: 52%;
width: calc(100% - 24px) !important;
margin-bottom: 24px;
}
#video .items.sz1 .item:last-child {
margin-bottom: 0;
}
#video .items.sz2 .item {
padding-bottom: 52%;
width: calc(100% - 24px) !important;
margin-bottom: 24px;
}
#video .items.sz2 .item:last-child {
margin-bottom: 0;
}
}
.items.productList.line-items .product {
width: 100%;
}
#catalog .items.productList .product .tabloid .productColText .name {
display: none !important;
}
#catalog .items.productList.line-items {
border-left: none;
}
#catalog .items.productList.line-items .product {
border: 1px solid #e7e8ea;
}
#catalog .items.productList.line-items .product:before {
display: none;
}
#catalog .items.productList.line-items .product:hover {
border: 1px solid #ccc;
}
#catalog .items.productList.line-items .product {
height: auto;
margin-bottom: 24px;
}
#catalog .items.productList.line-items .product .tabloid {
height: auto;
box-shadow: none;
background: none;
position: relative;
border-bottom: none;
padding: 0 10px;
border: none;
}
#catalog .items.productList.line-items .product .tabloid .productTable {
display: flex;
justify-content: space-between;
align-items: center;
}
#catalog .items.productList.line-items .product .tabloid .productColText {
width: 270px;
min-width: 270px;
padding: 24px;
box-sizing: border-box;
border-left: 1px solid #e7e8ea;
}
#catalog .items.productList.line-items .product .picture img {
max-width: 100%;
max-height: 100%;
}
#catalog .items.productList.line-items .productColImage {
width: 400px;
}
#catalog .items.productList.line-items .product .rating {
height: 18px;
display: none;
}
#catalog .items.productList.line-items .product .tabloid .productColText .optional {
position: relative;
}
#catalog .items.productList.line-items .product .tabloid .productColText .optional .row {
display: flex;
flex-direction: column;
margin-bottom: 0;
}
#catalog .items.productList.line-items .product .tabloid .productColText .optional .row .label {
width: 100%;
}
#catalog .items.productList.line-items .product .tabloid .productColText .optional .row .label.fastBack {
margin-bottom: 12px;
width: 55%;
}
#catalog .items.productList.line-items .product .tabloid .productColText .optional .row .label.addWishlist {
position: absolute;
top: 0;
right: 0;
width: 75px;
}
#catalog .items.productList.line-items .product .tabloid .label.changeAvailable {
right: calc(0% + 280px);
}
#catalog .items.productList.line-items .product .name {
font-size: 18px;
margin-bottom: 12px;
margin-right: 12px;
flex-grow: 1;
height: auto;
}
#catalog .items.productList.table-items .product .name .rating {
display: none;
}
#catalog .items.productList.line-items .product .name .rating {
display: block;
float: none;
width: 79px;
margin-top: 5px;
}
#catalog .items.productList.table-items .product .tabloid .productColText .optional .article {
display: none;
}
#catalog .items.productList.line-items .product .tabloid .productColText .optional .article {
display: block;
background-color: #f3f3f3;
border-radius: 4px;
text-align: center;
line-height: 32px;
padding: 0 12px;
color: #888;
margin-top: 12px;
}
.items.productList.list-items .product {
width: 100%;
}
#catalog .items.productList.list-items {
border-left: none;
}
#catalog .items.productList.list-items .product {
border: 1px solid #e7e8ea;
}
#catalog .items.productList.list-items .product:before {
display: none;
}
#catalog .items.productList.list-items .product:hover {
border: 1px solid #ccc;
}
#catalog .items.productList.list-items .product {
height: auto;
margin-bottom: 24px;
}
#catalog .items.productList.list-items .product .tabloid {
height: auto;
box-shadow: none;
background: none;
position: relative;
border-bottom: none;
/* padding: 0 10px; */
border: none;
padding: 10px 10px;
}
#catalog .items.productList.list-items .product .tabloid .productTable {
display: flex;
align-items: center;
}
#catalog .items.productList.list-items .picture .getFastView {
display: none;
}
#catalog .items.productList.list-items .picture:hover .getFastView {
display: none;
}
#catalog .items.productList.list-items .productColText {
display: flex;
align-items: center;
flex-grow: 1;
}
#catalog .items.productList.list-items .picture {
line-height: 60px;
height: 60px;
width: 120px;
}
#catalog .items.productList.list-items .picture img {
max-width: 100%;
max-height: 100%;
}
#catalog .items.productList.list-items .product .markerContainer {
display: none;
}
#catalog .items.productList.list-items .product .name {
width: 28%;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0;
padding-right: 4%;
font-size: 13px;
}
#catalog .items.productList.list-items .product .name .rating {
display: block;
width: 79px;
height: 21px;
}
#catalog .items.productList.list-items .product .tabloid .productColText .optional {
display: flex;
align-items: center;
flex-grow: 1;
justify-content: space-evenly;
}
#catalog .items.productList.list-items .product .tabloid .productColText .optional .article {
display: block;
background-color: #f3f3f3;
border-radius: 4px;
text-align: center;
line-height: 32px;
padding: 0 12px;
color: #888;
margin-top: 12px;
}
#catalog .items.productList.list-items .product .addCart {
font-size: 14px;
width: 130px;
height: 40px;
line-height: 40px;
margin: 12px 40px;
}
#catalog .items.productList.list-items .product .tabloid .productColText .prices-block {
padding: 12px;
min-width: 180px;
}
#catalog .items.productList.line-items .productTable .productColImage .youtube_ico {
position: absolute;
bottom: 0;
left: 10px;
}
#catalog .items.productList.list-items .productTable .productColImage .youtube_ico {
position: absolute;
left: 10px;
bottom: auto;
top: 5px;
margin-top: 0;
}
#catalog .items.productList.list-items .product .row {
display: flex;
flex-direction: column;
margin-bottom: 0;
}
#catalog .items.productList.list-items .product .row .label {
width: 100%;
}
#catalog .items.productList.list-items .product .row .label.fastBack {
margin-bottom: 8px;
}
#catalog .items.productList.list-items .product .price {
margin: 40px 0;
display: flex;
}
/**/
#catalog .items.productList {
position: relative;
}
#catalog .items.productList.load:before {
content: '';
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
background-color: #fff;
opacity: 1;
transition: opacity .3s;
}
#catalog .items.productList:before {
content: '';
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
background-color: #fff;
opacity: 0;
transition: opacity .3s;
z-index: 5;
pointer-events: none;
}
#catalog .productList {
padding-left: 10px;
padding-right: 10px;
}
@media screen and (max-width: 1800px) {
#catalog .items.productList.list-items .product .name .rating {
display: none;
}
#catalog .items.productList.list-items .product .name {
align-items: flex-start;
width: 20%;
padding-right: 2%;
}
}
@media screen and (max-width: 1670px) {
#catalog .items.productList.list-items .product .addCart {
margin: 12px 40px;
}
}
@media screen and (max-width: 1580px) {
#catalog .items.productList.list-items .product .tabloid .productColText .optional .article {
display: none;
}
}
@media all and (max-width: 1450px) {
.language-logo {
display: none;
}
.logo-text {
display: none;
}
}
@media screen and (max-width: 1366px) {
#catalog .items.productList.list-items .product .addCart {
margin: 12px 20px;
}
#catalog .items.productList.list-items .product .tabloid .productColText .optional {
width: 220px;
}
#catalog .items.productList.list-items .productColText {
justify-content: space-around;
}
#catalog .items.productList.list-items .product .tabloid {
padding: 0 10px;
}
}
@media screen and (max-width: 1280px) {
#catalog .items.productList.list-items .product .prices-block .price-item {
display: flex;
flex-direction: column;
align-items: center;
}
#catalog .items.productList.list-items .product .addCart {
margin: 12px 0 12px 10px;
}
}
@media screen and (max-width: 1180px) {
#catalog .items.productList.list-items .product .row:first-child {
display: none;
}
#catalog .items.productList.list-items .product .tabloid .productColText .optional {
width: auto;
flex-grow: 0;
}
#catalog .items.productList.list-items .product .name {
width: 30%;
height: auto;
}
}
@media screen and (max-width: 1024px) {
#catalog .items.productList.line-items .product .tabloid .productTable {
margin-top: 0;
}
}
@media screen and (max-width: 767px) {
#catalog .items.productList.line-items .product .tabloid .productTable {
flex-wrap: wrap;
padding-top: 24px;
}
#catalog .items.productList.line-items .productColImage {
width: 40%;
padding-right: 0;
position: relative;
}
#catalog .items.productList.line-items .product .tabloid .productColText {
width: 100%;
padding: 10px;
background-color: #f9f9f9;
border-left: none;
}
#catalog .items.productList.line-items .prices-block {
padding-top: 0;
}
#catalog .items.productList.line-items .product .tabloid .productColText .optional {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 10px;
padding-top: 10px;
}
#catalog .items.productList.line-items .product .tabloid .productColText .optional .row {
flex-direction: row;
margin-bottom: 0;
}
#catalog .items.productList.line-items .product .tabloid .productColText .optional .row .label.addWishlist {
position: static;
}
#catalog .items.productList.line-items .product .tabloid .productColText .optional .row .label {
width: 100%;
white-space: nowrap;
margin-right: 20px;
}
#catalog .items.productList.line-items .product .tabloid .productColText .optional .article {
position: absolute;
right: 0;
margin-top: 0;
top: 0;
}
#catalog .items.productList.line-items .product .tabloid .productColText .optional .row .label.fastBack {
width: 100%;
margin-bottom: 0;
}
#catalog .items.productList.line-items .product .tabloid .label.changeAvailable {
right: 10px;
}
#catalog .items.productList.line-items .product .addCart {
margin-bottom: 10px;
}
#catalog .items.productList.line-items .product .name {
width: calc(60% - 12px);
}
#catalog .items.productList.list-items .product .tabloid .productColText .optional {
display: none;
}
}
@media screen and (max-width: 700px) {
#catalog .items.productList.table-items .product .tabloid .productTable {
position: relative;
}
#catalog .items.productList.table-items .product .tabloid .productTable .productColImage {
width: 110px;
}
/*#catalog .items.productList.table-items .product .tabloid .name {display:none;}*/
#catalog .items.productList.table-items .product .tabloid .productColText .name {
display: block !important;
}
#catalog .items.productList.line-items .product .addCart {
display: block;
margin-top: 0;
height: 40px;
font-size: 14px;
width: 140px;
line-height: 40px;
margin: 0 auto 10px;
}
#catalog .items.productList.line-items .product .btn-simple.add-cart {
display: none;
}
#catalog .items.productList.line-items .prices-block .price-item {
text-align: center;
justify-content: center;
}
#catalog .items.productList.line-items .product .price {
text-align: center;
}
#catalog .items.productList.line-items .productColImage {
padding-right: 12px;
}
#catalog .items.productList.line-items .product .name {
width: calc(60% - 24px);
}
#catalog .items.productList.line-items .product .picture img {
max-width: 80%;
}
#catalog .items.productList.list-items .product .btn-simple.add-cart {
display: none;
}
#catalog .items.productList.list-items .product .addCart {
display: block;
}
#catalog .items.productList.list-items .product .tabloid .productTable {
margin-top: 0;
width: auto;
padding: 0 24px;
}
#catalog .items.productList.list-items .product .tabloid .productColImage {
display: none;
}
#catalog .items.productList.list-items .productColText {
justify-content: space-between;
}
#catalog .items.productList.list-items .product .name {
width: 40%;
}
#catalog .items.productList.list-items .product .prices-block .price-item b {
white-space: nowrap;
}
#catalog .items.productList.list-items .product .price {
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
#catalog .items.productList.list-items .product .price .word_price_text {
width: 100%;
text-align: center;
}
}
@media screen and (max-width: 550px) {
#catalog .items.productList.line-items .product .tabloid .productColText .optional {
display: none;
}
#catalog .items.productList.line-items .product .tabloid .productColText {
padding-bottom: 0;
}
}
@media screen and (max-width: 480px) {
#catalog .items.productList.list-items .product .tabloid .productTable {
flex-direction: column;
align-items: center;
}
#catalog .items.productList.list-items .product .tabloid .productTable {
padding-top: 36px;
}
#catalog .items.productList.list-items .product .tabloid .productColImage {
display: block;
padding: 0 0 24px;
}
#catalog .items.productList.list-items .picture {
margin: 0 auto;
}
#catalog .items.productList.list-items .product .name {
width: 100%;
padding: 0;
justify-content: center;
margin-bottom: 24px;
}
#catalog .items.productList.list-items .productColText {
flex-direction: column;
}
#catalog .items.productList.list-items .product .addCart {
margin-left: 0;
}
#catalog .items.productList.list-items .product .name .middle {
text-align: center;
}
#catalog .items.productList.list-items .product .price {
margin: 0 0 6px;
}
}
.slider__nav-wrap {
max-width: 400px;
margin: 0 auto;
position: relative;
}
#elementContainer #moreImagesCarousel #moreImagesLeftButton, #elementContainer #moreImagesCarousel #moreImagesRightButton {
background: url('/bitrix/components/dresscode/catalog.item/templates/detail/images/carouselArrows.png') 0 0 no-repeat #0000;
width: 40px;
height: 50px;
transform: translateY(-70%);
margin: 0;
}
#elementContainer #moreImagesCarousel #moreImagesLeftButton {
left: 0;
background-position: -20px -5px;
}
#elementContainer #moreImagesCarousel #moreImagesRightButton {
right: 0;
background-position: -100px -5px;
}
.slider__nav-wrap .controls {
display: block !important;
}
#elementContainer #moreImagesCarousel .slider__nav .slick-list {
width: 80%;
margin: 0 auto;
max-width: 320px;
}
@media screen and (max-width: 1024px) {
#elementContainer #moreImagesCarousel #moreImagesLeftButton, #elementContainer #moreImagesCarousel #moreImagesRightButton {
transform: translateY(-50%);
}
}
@media screen and (max-width: 480px) {
#elementContainer #moreImagesCarousel #moreImagesLeftButton {
left: -9px;
}
#elementContainer #moreImagesCarousel #moreImagesRightButton {
right: -9px;
}
#elementContainer #moreImagesCarousel {
overflow: visible;
}
.slider__nav-wrap {
margin: 0 -15px;
}
}
#elementContainer .mainContainer {
position: relative;
}
#elementContainer .mainContainer .col.fixed:first-child {
position: fixed;
top: 0;
}
#elementContainer .mainContainer .col.absolute:first-child {
position: absolute;
bottom: 0;
}
.minSumOrder {
display: flex;
flex-direction: column;
position: relative;
padding-left: 50px;
margin-left: 25px;
}
.minSumOrder:before {
content: '';
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background-image: url('/bitrix/templates/dresscode/images/exclamation-mark.svg');
}
.minSumOrder span {
margin: 0 0 5px;
}
.limit-price-block {
display: flex;
width: 100%;
align-items: flex-end;
}
#newOrder.no-active {
pointer-events: none;
background-color: #ccc;
}
@media screen and (max-width: 767px) {
.limit-price-block {
flex-direction: column;
align-items: flex-start;
}
.minSumOrder {
margin-top: 15px;
margin-left: 0;
}
}
@media screen and (max-width: 600px) {
.limit-price-block {
align-items: center;
}
}
.fastBuyError {
position: relative;
padding-top: 50px;
}
.fastBuyError:before {
content: '';
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background-image: url('/bitrix/templates/dresscode/images/exclamation-mark.svg');
}
.av-balance {
padding: 25px 35px;
background-color: #fff;
overflow: auto;
}
.av-balance__row {
display: flex;
padding: 16px 0;
font-size: 14px;
border-top: 1px solid #ddd;
min-width: 500px;
}
.av-balance__row:first-child {
color: #afafaf;
}
.av-balance__row:last-child {
border-bottom: 1px solid #ddd;
}
.av-balance__date {
width: 20%;
padding-right: 16px;
border-right: 1px solid #ddd;
display: flex;
flex-direction: column;
}
.av-balance__type {
width: 50%;
padding: 0 16px;
border-right: 1px solid #ddd;
}
.av-balance__row.type-shipping .av-balance__type > span, .av-balance__row.type-shipping .av-balance__sum > span {
color: #337ab7 !important;
font-weight: 700;
}
.av-balance__row.type-payment .av-balance__type > span, .av-balance__row.type-payment .av-balance__sum > span {
color: #53c079 !important;
font-weight: 700;
}
.av-balance__row.type-payment_return .av-balance__type > span, .av-balance__row.type-payment_return .av-balance__sum > span {
color: #FF0000 !important;
font-weight: 700;
}
.av-balance__row.type-shipping_return .av-balance__type > span, .av-balance__row.type-shipping_return .av-balance__sum > span {
color: #FF0000 !important;
font-weight: 700;
}
.av-balance__row.type-shipping {
cursor: pointer;
}
.av-balance__row.type-shipping_return {
cursor: pointer;
}
.av-balance__sum {
width: 20%;
padding: 0 16px;
border-right: 1px solid #ddd;
}
.av-balance__print {
width: 10%;
padding-left: 16px;
}
.av-balance__print a {
display: flex;
align-items: center;
text-decoration: none;
color: #000;
}
.av-balance__print img {
width: 27px;
height: 28px;
}
.av-balance__type-accord {
transition: max-height .3s;
overflow: hidden;
padding-top: 20px;
display: none;
}
.av-balance__type-accord.opened {
}
.av-balance__type-accord div:not(:last-child) {
margin-bottom: 15px;
}
.av-balance__type-accord div span {
display: block;
}
.av-balance__period {
background-color: #fff;
padding: 25px 35px;
display: flex;
justify-content: space-between;
margin-bottom: 24px;
}
.av-balance__field {
display: flex;
justify-content: space-between;
align-items: center;
}
.av-balance__inputs {
display: flex;
align-items: center;
}
.av-balance__col p {
margin: 0;
}
.av-balance__period-title {
margin-right: 15px;
font-weight: 700;
}
.av-balance__btn {
border: none;
background-color: #F89E1C;
cursor: pointer;
outline: none;
color: #fff;
padding: 17px 15px 18px;
transition: background-color .3s;
}
.av-balance__btn:hover {
background-color: #ffa800;
}
.av-balance__input {
padding: 14px 15px;
border: 1px solid #ddd;
margin-right: 30px;
}
.av-balance__input input {
padding: 0;
border: none;
font-size: 14px;
width: 150px;
}
.av-balance__input:last-child {
position: relative;
}
/*.av-balance__input:last-child:before {position:absolute;content:'';width:10px;height:1px;border-bottom: 1px solid #ddd;top:50%;transform:translate(-50%, -50%);left:-15px;}*/
@media screen and (max-width: 700px) {
.av-balance__period, .av-balance {
padding: 25px 12px;
margin: 0 -12px 24px;
}
.av-balance__period-title {
width: 100%;
margin-bottom: 15px;
}
.av-balance__inputs {
flex-wrap: wrap;
}
.av-balance__field {
align-items: flex-end;
}
}
@media screen and (max-width: 560px) {
.av-balance__field {
flex-direction: column;
align-items: flex-start;
}
.av-balance__inputs {
justify-content: space-between;
width: 100%;
}
.av-balance__btn {
margin-top: 15px;
}
.av-balance__input {
margin: 0;
}
.av-balance__col {
width: 100%;
}
.av-balance__col p {
display: flex;
flex-direction: column;
}
.av-balance__col p span {
margin-bottom: 10px;
}
}
.av-header__cart-popup-wrap {
position: absolute;
top: 100%;
pointer-events: none;
right: calc(100% - 60px);
transition: opacity .3s;
opacity: 0;
z-index: 100;
padding-top: 25px;
}
.av-header__cart-popup-wrap:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-left: 10px solid #0000;
border-right: 10px solid #0000;
border-bottom: 15px solid #fff;
right: 18px;
top: 10px;
z-index: 3;
}
.av-header__cart-popup-wrap:after {
content: '';
width: 15px;
height: 15px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
position: absolute;
top: 16px;
right: 22px;
transform: rotate(-135deg);
box-shadow: 0 0 15px #d1d1d1;
z-index: 1;
}
.av-header__cart-popup {
width: 260px;
box-sizing: border-box;
padding: 20px 15px 15px;
background-color: #fff;
box-shadow: 0 0 15px #d1d1d1;
text-align: left;
border-radius: 5px;
position: relative;
z-index: 2;
}
.cart:hover .av-header__cart-popup-wrap {
opacity: 1;
pointer-events: all;
}
.av-header__cart-popup-row {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.cart {
position: relative;
}
.av-header__cart-popup-order {
background-color: #F89E1C;
cursor: pointer;
color: #fff;
transition: background-color .3s;
font-size: 14px;
line-height: 50px;
height: 50px;
border: none;
text-align: center;
display: block;
text-decoration: none;
border-radius: 5px;
}
.av-header__cart-popup-order:hover {
background-color: #ffa800;
}
.av-header__cart-popup-cart {
text-align: center;
color: #000;
text-decoration: none;
display: block;
margin-top: 10px;
background-color: #f4f4f4;
line-height: 45px;
height: 45px;
border-radius: 5px;
}
.av-header__cart-popup-cart:hover {
}
.av-header__cart-popup-total {
margin-right: 10px;
}
.av-header__cart-popup-total span {
font-weight: 700;
}
.av-header__cart-popup-sum {
font-weight: 700;
}
@media screen and (max-width: 700px) {
#personalCart #basketProductList .product {
height: auto;
}
}
.cart .heading {
display: none;
}
.product .marker {
text-align: center;
width: 68.75px;
}
.product .marker-red {
font-size: 18px;
font-weight: 400;
padding: 12px 4px;
}
.price-item__row {
display: inline-flex;
flex-wrap: wrap;
width: calc(100% - 107px);
}
.price-item__row > span:first-child {
margin-right: 10px;
}
.price-item__row .oldPriceLabel {
font-weight: 400;
}
.price-item__row .oldPriceLabel .discount {
color: #888;
font-size: 13px;
}
.price-item__row span span {
font-weight: 400;
font-size: 14px;
}
.price-item > span:not(.price-item__row) {
font-weight: 400;
font-size: 14px;
}
.prices-block .price-item {
display: block !important;
}
.priceVal span {
font-weight: 400;
font-size: 14px;
}
.product .price .discount {
display: inline-block;
}
.word_price_text_detail {
font-size: 14px;
}
.word_price_text {
font-size: 14px;
}
.productColText .price span span span {
font-weight: 400;
font-size: 14px;
}
.productColText .price__row {
display: inline-flex;
flex-wrap: wrap;
width: calc(100% - 38px);
align-items: center;
}
.productColText .price__row .discount {
margin-top: 2px;
}
.productColText .price__row > span:first-child {
margin-right: 5px;
}
.product.is-marker .label.changeAvailable {
max-width: calc(100% - 100px);
text-align: right;
}
@media screen and (max-width: 374px), (min-width: 601px) and (max-width: 700px) {
.productColText .prices-block .price-item b {
width: 100%;
}
.productColText .prices-block .price-item {
display: flex !important;
}
.productColText .price-item__row {
width: 100%;
}
}
@media screen and (max-width: 1024px) and (min-width: 701px) {
.product .tabloid {
height: 290px;
}
.product {
height: 291px;
}
}
@media screen and (max-width: 700px) {
#catalog .items.productList.table-items .product .tabloid .name {
display: block;
}
.productColText {
display: block;
}
}
/*@media screen and (max-width: 1800px) and (min-width: 1025px) {*/
/* .product {*/
/* height: 323px;*/
/* }*/
/* .product .tabloid {*/
/* height:322px;*/
/* }*/
/*}*/
#appFastView .marker {
text-align: center;
width: 68.75px;
}
#appFastView .marker-red {
text-align: center;
padding: 12px 4px;
font-size: 18px;
width: 68.75px;
font-weight: 700;
}
#appFastView .price .oldPriceLabel .economy {
font: normal normal 12px 'Roboto', arial, sans-serif;
padding: 3px 8px;
line-height: 16px;
font-weight: 700;
background-color: #e31837;
color: #fff;
}
.items.productList.list-items .word_price_text {
margin-right: 5px;
}
#catalog .items.productList.list-items .product .price {
width: 30%;
}
@media screen and (max-width: 1366px) {
#catalog .items.productList.list-items .product .price {
width: 35%;
}
}
@media screen and (max-width: 767px) {
#catalog .items.productList.list-items .product .price {
width: 40%;
}
}
@media screen and (max-width: 700px) {
#catalog .items.productList.list-items .product .productColText .price .price__row {
justify-content: center;
text-align: center;
}
#catalog .items.productList.list-items .product .productColText .price__row > span:first-child {
margin-right: 0;
}
}
#left .hover-menu .prices-block:after {
display: none !important;
}
#main.color_white #leftMenu > li:hover .price-item, #leftMenu .activeDrop .price-item {
color: #000;
}
#main.color_white #leftMenu > li:hover .article, #leftMenu .activeDrop .article {
color: #000;
}
.font--regular {
font-weight: 300 !important;
font-size: 13px !important;
}
@media screen and (max-width: 1024px) {
#main .compliter {
display: block;
}
}
/*#tableContainer .column:nth-child(2) {vertical-align:top;}*/
/* правки 22.12.20 */
@media all and (min-width: 480px) and (max-width: 1900px) {
.about--white .mbox .about__team .about__team-img > img {
height: auto;
}
}
#wishlist .changeAvailable {
top: 7px;
right: 35px;
}
#wishlist .product .picture img {
max-height: 73%;
}
.container.contacts > .row {
width: 100%;
}
.container.contacts .row .contacts__item-map {
width: 100%;
}
@media all and (max-width: 458px) {
.container.contacts > .stagh2 {
margin-left: 17px;
}
.container.contacts > p {
width: 100%;
}
}
@media all and (min-width: 600px) and (max-width: 680px) {
.container.installation > .row > .installation__item {
padding-top: 5rem !important;
}
}
@media all and (min-width: 681px) and (max-width: 768px) {
.container.installation > .row > .installation__item {
padding-top: 8rem !important;
}
}
@media all and (min-width: 1025px) and (max-width: 1800px) {
body:not(.is-admin) #homeCatalog .product > .tabloid {
height: 315px;
}
body:not(.is-admin) #homeCatalog .product {
height: 316px;
}
/*.product.last {*/
/* height: 316px;*/
/*}*/
}
@media all and (min-width: 701px ) and (max-width: 1024px ) {
body:not(.is-admin) #similar-content .product > .tabloid {
height: 320px;
}
body:not(.is-admin) #similar-content .product {
height: 322px;
}
body:not(.is-admin) #related .product > .tabloid {
height: 299px;
}
body:not(.is-admin) #related .product {
height: 310px;
}
.is-admin #related .product {
height: 371px;
}
.is-admin #related .product > .tabloid {
height: 370px;
}
.is-admin #wishlist .product {
height: 346px;
}
.is-admin #wishlist .product > .tabloid {
height: 345px
}
}
@media all and (min-width: 1025px) {
.is-admin #related .product {
height: 400px;
}
.is-admin #related .product > .tabloid {
height: 399px;
}
.is-admin #wishlist .product {
height: 370px;
}
.is-admin #wishlist .product > .tabloid {
height: 366px
}
}
@media all and (min-width: 1800px) {
.is-admin #related .product {
height: 422px;
}
.is-admin #related .product > .tabloid {
height: 407px;
}
.is-admin #wishlist .product {
height: 400px;
}
.is-admin #wishlist .product > .tabloid {
height: 389px
}
}
.is-admin #related .product .prices-block:after, #wishlist .product .prices-block:after {
background: transparent;
}
@media (max-width: 700px) {
#catalogElement #elementContainer .addCompare {
display: block;
}
}
.mobnav__user #flushTopCompareMob .count, #flushTopwishlistMob .count {
color: #999;
}
.mobnav__user #flushTopCompareMob, #flushTopwishlistMob {
display: flex;
color: #000;
text-decoration: none;
margin-bottom: 13px;
}
.mobnav__user #flushTopCompareMob .mobnav__ico, #flushTopwishlistMob .mobnav__ico {
display: block;
position: relative;
width: 20px;
height: 20px;
line-height: 34px;
text-align: center;
margin-right: 18px;
transition: all 0.2s ease-in-out;
}
.mobnav__user #flushTopCompareMob .mobnav__ico img, #flushTopwishlistMob .mobnav__ico img {
display: none;
}
.mobnav__user #flushTopwishlistMob .mobnav__ico::after {
content: '';
position: absolute;
left: 3px;
top: 1px;
width: 16px;
height: 16px;
background: url("images/wishCompImage.png") 0 0 no-repeat;
transition: all 0.2s ease-in-out;
filter: invert(55%);
}
.mobnav__user #flushTopCompareMob .mobnav__ico::after {
content: '';
position: absolute;
left: 3px;
top: 1px;
width: 16px;
height: 16px;
background: url("images/wishCompImage.png") 0 0 no-repeat;
transition: all 0.2s ease-in-out;
background-position: 0 -16px;
filter: invert(55%);
}
div.site_banner_wrapper {
width: 100%;
}
div.site_banner_wrapper img {
width: 100%;
height: 100%;
}
@media all and (min-width: 1024px) {
.site_banner-small {
display: none;
}
.site_banner-big {
min-height: 35px;
display: block;
}
}
@media all and (min-width: 581px) and (max-width: 1023px) {
.site_banner-big {
display: none;
}
.site_banner-small {
display: block;
}
}
@media all and (min-width: 1024px) {
.site_banner-big {
display: block;
object-fit: cover;
}
}
@media all and (max-width: 580px) {
.site_banner-big {
display: none;
}
.site_banner-small {
min-height: 56px;
display: block;
}
}
.mob_fix {
position: fixed !important;
top: 0;
}
#leftMenu .drop {
top: 0;
bottom: 0;
min-height: 100%;
}
#main.color_white #leftMenu > li {
position: static;
}
#searchResultMobile .searchAllResult {
-webkit-font-smoothing: antialiased;
box-sizing: content-box;
outline: none;
border-top: 1px solid #e7e8ea;
background-color: #f3f3f3;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
position: relative;
text-align: center;
line-height: 85px;
font-size: 14px;
display: block;
color: #000000;
height: 85px;
}
#searchResultMobile .searchAllResult span {
font: normal normal 14px "Roboto", arial, sans-serif;
-webkit-font-smoothing: antialiased;
font-weight: 700;
text-transform: uppercase;
text-align: center;
line-height: 85px;
font-size: 14px;
color: #000000;
box-sizing: content-box;
border-bottom: 1px dashed #000000;
padding-bottom: 4px;
}
/*}*/
/*header_phone_svg*/
.header__callback {
width: 50%;
position: relative;
padding-left: 30px;
text-align: left;
line-height: 18px;
display: flex;
}
.header__callback::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background-image: url("/bitrix/templates/dresscode/images/mobile/phone-ico.svg");
background-repeat: no-repeat;
background-size: cover;
width: 20px;
height: 20px;
}
@media (max-width: 1024px) {
.header__callback {
width: 17%;
padding-left: 0;
}
.header__callback::before {
transform: translateY(-80%);
}
}
.header__callback a {
opacity: 0;
margin: 0;
}
/*mobile-call popup*/
@media all and (min-width: 1024px) {
.call-popup_mobile-wrapper {
display: none;
}
}
@media all and (max-width: 1024px) {
.call-popup_mobile-wrapper {
position: absolute;
z-index: 99999;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: white;
border: 0.5px solid #e0e0e0;
display: none;
flex-direction: column;
padding: 0 0 10px;
min-width: 310px;
width: 50%;
font: normal normal 14px "Roboto", arial, sans-serif;
font-weight: 300;
}
.call-popup_mobile-wrapper .call-popup_top {
display: flex;
align-items: baseline;
justify-content: space-between;
padding: 5px 15px 0;
border-bottom: 1px solid #e0e0e0;
background: #f5f5f5;
}
.call-popup_mobile-wrapper .call-popup_top h2 {
font-size: 24px;
margin-top: 10px;
margin-bottom: 15px;
font-weight: 600;
letter-spacing: 0.5px;
color: #f89e1c;
}
.call-popup_mobile-wrapper .call-popup_top .close_mobile_icon {
display: block;
width: 20px;
height: 20px;
position: relative;
border: 2px solid black;
border-radius: 50%;
cursor: pointer;
}
.call-popup_mobile-wrapper .call-popup_top .close_mobile_icon::before {
content: '';
position: absolute;
width: 15px;
height: 2px;
color: black;
display: block;
border-top: 2px solid black;
top: 55%;
transform: translate(0, -50%) rotate(45deg);
left: 2px;
}
.call-popup_mobile-wrapper .call-popup_top .close_mobile_icon::after {
content: '';
position: absolute;
width: 15px;
height: 2px;
color: black;
display: block;
border-top: 2px solid black;
top: 55%;
transform: translate(0, -50%) rotate(-45deg);
left: 3px;
}
.call-popup_mobile-wrapper .call-popup_phone-numbers_wrapper {
display: flex;
padding: 20px 15px;
border-bottom: 1px solid #e0e0e0;
align-items: flex-start;
}
.call-popup_mobile-wrapper .call-popup_phone-numbers_wrapper .call-popup_phone-numbers {
display: flex;
flex-direction: column;
margin-left: 8%;
}
.call-popup_mobile-wrapper .call-popup_phone-numbers_wrapper .call-popup_phone-numbers a {
font-size: 18px;
text-decoration: none;
font-weight: 600;
color: black;
margin-top: 2px;
letter-spacing: 1px;
border-bottom: 2px dashed black;
}
.call-popup_mobile-wrapper .call-popup_phone-numbers_wrapper .call-popup_phone-numbers a:not(:first-child) {
margin-top: 10px;
}
.call-popup_mobile-wrapper .call-popup-working_time-global-wrapper {
display: flex;
flex-direction: column;
padding: 20px 15px;
border-bottom: 1px solid #e0e0e0;
}
.call-popup_mobile-wrapper .call-popup-working_time-global-wrapper .call-popup-working_time-wrapp {
display: flex;
align-items: flex-start;
}
.call-popup_mobile-wrapper .call-popup-working_time-global-wrapper .call-popup-working_time-wrapp .call-popup-working_time {
display: flex;
flex-direction: column;
margin-left: 8%;
font-size: 17px;
font-weight: 500;
}
.call-popup_mobile-wrapper .call-popup-working_time-global-wrapper .call-popup-working_time-wrapp .call-popup-working_time .call-popup-working_time_title {
font-weight: 600;
letter-spacing: 0.5px;
margin-bottom: 5px;
}
.call-popup_mobile-wrapper .call-popup-working_time-global-wrapper .call-popup-working_time_desc {
font-size: 17px;
margin-top: 10px;
}
.call-popup_mobile-wrapper .call-popup-working_time-global-wrapper .call-back-button {
border: 1px solid #f89e1c;
width: 100%;
text-align: center;
padding: 10px 0;
max-width: 282px;
font-size: 18px;
text-decoration: none;
color: white;
margin: 16px auto 0;
border-radius: 5px;
cursor: pointer;
background: #f89e1c;
}
.call-popup_mobile-wrapper .call-popup-working_time-global-wrapper .call-back-button:hover {
color: white;
opacity: 0.9;
transition: all .2s ease-out;
}
.call-popup_mobile-wrapper .call-popup_bottom {
display: flex;
padding: 10px 15px 0;
justify-content: center;
}
.call-popup_mobile-wrapper .call-popup_bottom .close_mobile_button {
width: 100%;
text-align: center;
padding: 10px 0;
max-width: 70%;
font-size: 18px;
cursor: pointer;
color: #f89e1c;
}
#main.overlay_mob_popup::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: black;
opacity: 0.7;
z-index: 9;
}
}
.also-buy__col .also-buy__btn {
position: initial !important;
}
/* FAQ styles */
#main:before {
content: "";
display: block;
clear: both;
}
#main div[itemprop="mainEntity"] {
display: block;
position: relative;
border-radius: 7px;
overflow: hidden;
margin-bottom: 15px;
margin-top: 15px;
}
#main div[itemprop="mainEntity"] > p {
display: block;
position: relative;
}
#main div[itemprop="mainEntity"] > p:after {
content: '';
position: absolute;
right: 10px;
top: 15px;
border: 5px solid transparent;
border-top: 5px solid #fff;
}
#main div[itemprop="mainEntity"].active > p:after {
transform: rotate(180deg) translatey(50%);
}
#main div[itemprop="mainEntity"] div[itemprop="acceptedAnswer"] {
/*display: none;*/
padding: 15px;
border: 1px solid #e7e8ea;
border-top: none;
border-radius: 0 0 7px 7px;
}
#main div[itemprop="mainEntity"] > h3:first-child {
background-color: #f89e1c;
padding: 8px 15px;
cursor: pointer;
color: #000;
}
#main div[itemprop="mainEntity"] > p:first-child b {
font-weight: 400;
}
#main div[itemprop="mainEntity"] > p:first-child:after {
border-top: 5px solid #000;
}
#main div[itemprop="mainEntity"] > p:first-child b {
margin-left: 5px;
}
@media screen and (max-width: 480px) {
.tiles-list .tile-wrap:nth-child(n) .image-wrap {
display: table-cell !important;
}
}
#smartFilter .paramsBox {
overflow: hidden;
}
.shop-review-item-table {
display: flex;
}
.shop-review-item-col-autor {
flex-shrink: 0;
}
.shop-review-item-col-text {
display: flex;
flex-wrap: wrap;
height: auto;
min-height: 100%;
}
.shop-review-item-text {
align-self: center;
width: 100%;
}
.shop-review-item-answer {
width: 100%;
margin-left: 70px;
}
.shop-review-item-col-text > a {
display: inline-block;
margin-bottom: 20px;
width: 100%;
}
@media screen and (max-width: 600px) {
.shop-review-item-table {
flex-wrap: wrap;
}
}
.impressions.review-answer {
margin-top: 24px;
margin-left: 70px;
}
.impressions.review-answer .label {
margin-bottom: 12px;
font-weight: 500;
color: #000;
position: relative;
}
.impressions.review-answer .label:after {
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
border-bottom: 1px dashed #000;
position: absolute;
display: block;
content: "";
height: 1px;
bottom: 0px;
width: 100%;
}
#catalogElement #reviews p {
font-size: 14px;
color: #111;
line-height: 26px;
}
#catalogElement #reviews .impressions.review-answer p {
color: #555;
}
#appFastView {
z-index: 99999;
}
.phonesTc.hide {
opacity: 0;
}
.header__callback .openWebFormModal.link.callBack {
opacity: 1;
/*padding-left: 30px;*/
}
.header__callback .openWebFormModal.link.callBack:after {
/*left: 30px;*/
right: 0;
width: auto;
}
.product .picture img, #brandList .picture img {
object-fit: contain;
}
@media screen and (max-width: 700px) {
#slider {
max-height: 300px;
overflow: hidden;
}
}
.b-lazy {
-webkit-transition: opacity 300ms ease-in-out;
-moz-transition: opacity 300ms ease-in-out;
-o-transition: opacity 300ms ease-in-out;
transition: opacity 300ms ease-in-out;
opacity: 0;
}
.b-lazy.b-loaded {
opacity: 1;
}
#topSearch2 #searchQuery + span {
background-color: #fafafa;
position: absolute;
width: 18px;
left: 13px;
top: 50%;
height: 20px;
transform: translateY(-50%);
transition: opacity .2s;
opacity: 0;
}
#topSearch2 #searchQuery + span:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
z-index: 2;
border-radius: 50%;
background-color: #fafafa;
border: .1em solid #d7d7d7;
border-left-color: #979797;
transform: rotate(360deg);
transform-origin: 50.01%;
animation: loadRotate 1.1s linear infinite;
}
@keyframes loadRotate {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
-ms-transform: rotate(1turn);
transform: rotate(1turn)
}
}
#topSearch2 #searchQuery.loading + span {
opacity: 1;
}
#popSection .picture img {
object-fit: contain;
}
@media screen and (max-width: 634px) {
body #footerTabsCaption, body #footerTabs {
display: block;
}
#footerTabs .productTable {
display: flex;
flex-direction: column;
margin-top: 5px;
}
#footerTabs .productColImage {
width: 100%;
max-width: none;
padding: 0;
margin-bottom: 10px;
}
}
@media screen and (max-width: 500px) {
#footerTabsCaption {
height: 65px;
line-height: 65px;
}
#footerTabsCaption .items {
display: flex;
justify-content: space-around;
}
#footerTabsCaption .item {
margin-right: 0;
}
#footerTabsCaption .item a {
font-size: 13px;
padding-bottom: 2px;
}
}
/*@media screen and (max-width: 374px) {*/
/*}*/
/* seo-table start */
.seo-table {
border-top: 1px solid #e7e8ea;
margin-top: 40px;
}
.seo-table__table {
width: 100%;
border-collapse: collapse;
max-width: 700px;
}
.seo-table__table a {
color: #ffa800;
text-decoration: none;
}
.seo-table__table thead {
color: #999;
}
.seo-table__table td {
border-bottom: 1px solid #e7e8ea;
line-height: 28px;
}
.seo-table__table td:last-child {
text-align: right;
white-space: nowrap;
padding-left: 20px;
}
/* seo-table end */
.lending-page .container.contacts {
justify-content: center;
text-align: center;
}
.lending-page .container.contacts .contacts-part-1 {
display: flex;
flex-direction: column;
align-items: center;
}
.lending-page .container.contacts .row {
flex-direction: column;
max-width: 660px;
}
/*.lending-page .container.contacts .row > div {width:50% !important;}*/
.lending-page .container.contacts .row .map-container {
padding: 0;
}
.container.contacts .row .contacts__item-map {
margin-bottom: 20px;
}
/*@media screen and (max-width:1600px) {*/
/* .lending-page .container.contacts .row {flex-direction:column;max-width:660px;}*/
/*}*/
.lending-page .container.contacts .contacts-part-1 p {
font-size: 18px !important;
}
.lending-page .receive .row > div {
padding: 0;
}
.lending-page .receive__item-text p {
line-height: 1.5;
}
@media screen and (max-width: 992px) {
.lending-page .container.contacts {
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.lending-page .receive .row {
max-width: none;
}
}
#appFastBuyContainer {
display: flex;
justify-content: space-between;
flex-direction: column;
}
#appFastBuyContainer #fastBuyResult {
transform: none;
}
#fastBuyResult #fastBuyResultImg img {
width: 120px;
height: 120px;
display: block;
margin: 20px auto 0;
}
.av-personal__box .button_temp {
/*transition: all 0.2s ease-in-out;*/
/*text-decoration: none;*/
/*text-align: center;*/
/*line-height: 50px;*/
/*margin: 24px auto;*/
/*font-size: 14px;*/
/*display: block;*/
/*height: 50px;*/
/*width: 254px;*/
background-color: #F89E1C;
color: #ffffff;
}
.catalog-section-list-pictures {
display: flex;
flex-wrap: wrap;
}
.catalog-section-list-pictures .catalog-section-list-item {
height: auto;
line-height: 185px;
padding: 0 10px;
}
.catalog-section-list-pictures .catalog-section-list-item-wp {
width: 100%;
padding: 5px 0 15px;
}
.catalog-section-list-pictures .catalog-section-list-picture {
height: auto;
line-height: normal;
}
.catalog-section-list-pictures .catalog-section-list-picture img {
width: 100%;
height: 130px;
object-fit: contain;
}
.catalog-section-list-pictures .catalog-section-list-link {
padding: 0 5px;
}
.detail-text-wrap img {
max-width: 100%;
}
.other-news-list .image a {
display: block;
}
.other-news-list .image a img {
min-width: 100%;
max-width: 100%;
}
.other-news .other-news-list .image {
padding: 0 0 15px;
}
.footer-links-block {
display: flex;
justify-content: center;
margin: 25px;
flex-wrap: wrap;
}
.footer-links-block a {
color: #000;
text-align: center;
padding: 5px 10px;
}
/* 3.2. Перелинковка региональных страниц на странице “Доставка” */
.deliv-region-block ul {
margin: 0 0 -10px;
list-style: none;
display: flex !important;
flex-wrap: wrap;
padding: 0;
}
.deliv-region-block ul li {
width: calc(25% - 20px);
margin: 0 10px 10px;
}
.deliv-region-block ul li a {
color: #F89E1C;
transition: color .3s;
text-decoration: none;
}
.deliv-region-block ul li a:hover {
color: #ff7300;
text-decoration: underline;
}
.region-block {
display: flex;
flex-wrap: wrap;
margin: 30px -10px -10px
}
.region-block a {
color: #F89E1C;
transition: color .3s;
text-decoration: none;
margin: 0 10px 10px;
width: calc(25% - 20px);
}
.region-block a:hover {
color: #ff7300;
text-decoration: underline;
}
#brands {
padding: 25px 24px
}
#brands .brand-list {
margin: 0 -10px -24px;
padding: 0;
display: flex;
flex-wrap: wrap;
list-style: none;
}
#brands .brand-list .brand-item {
width: calc(25% - 20px);
margin: 0 10px 10px;
}
#brands .brand-list .brand-item a {
color: #F89E1C;
transition: color .3s;
text-decoration: none;
}
#brands .brand-list .brand-item a:hover {
color: #ff7300;
text-decoration: underline;
}
.search-sections {
line-height: initial;
font-size: 12px;
margin-top: 5px;
}
.search-sections a {
color: #F89E1C;
transition: color .3s;
text-decoration: none;
display: inline-block;
margin-right: 5px;
}
.search-sections a:hover {
color: #ff7300;
text-decoration: underline;
}
#topSearchLine {
max-width: 650px
}
@media screen and (max-width: 1560px) {
.deliv-region-block ul li {
width: calc(33.33% - 20px);
}
.region-block a {
width: calc(33.33% - 20px);
}
#brands .brand-list .brand-item {
width: calc(33.33% - 20px);
}
}
@media screen and (max-width: 1100px) {
.deliv-region-block ul li {
width: calc(50% - 20px);
}
.region-block a {
width: calc(50% - 20px);
}
}
@media screen and (max-width: 1024px) {
body.is-admin div#foundation {
padding-top: 150px !important;
}
}
@media screen and (max-width: 767px) {
#brands .brand-list {
margin: 0 -10px -10px;
}
#brands .brand-list .brand-item {
width: calc(50% - 20px);
}
}
@media screen and (max-width: 550px) {
.deliv-region-block ul li {
width: 100%;
}
.region-block a {
width: 100%;
}
#brands .brand-list .brand-item {
width: 100%;
}
}
#serviceBlock .item {
display: flex;
}
#serviceBlock .picBlock {
width: 40%;
display: flex;
border: none;
margin-right: 10px;
flex-shrink: 0
}
#serviceBlock .picBlock a {
width: 100%;
}
#serviceBlock .picBlock img {
max-width: 100%;
max-height: 100%;
width: 100%;
object-fit: cover;
}
#serviceBlock .name {
font-size: 14px;
}
#newsBlock .newsPreview {
display: flex;
}
#newsBlock .newsPic {
width: 40%;
display: flex;
border: none;
margin-right: 10px;
flex-shrink: 0
}
#newsBlock .newsPic a {
width: 100%;
}
#newsBlock .newsPic img {
max-width: 100%;
max-height: 100%;
width: 100%;
object-fit: contain;
}
#newsBlock .newsOverview {
width: 60%;
font-size: 14px;
}
#newsBlock .newsTitle {
margin: 0;
}
#collectionBlock .item {
display: flex;
}
#collectionBlock .picBlock {
width: 40%;
display: flex;
border: none;
margin-right: 10px;
flex-shrink: 0
}
#collectionBlock .picBlock a {
width: 100%;
}
#collectionBlock .picBlock img {
max-width: 100%;
max-height: 100%;
width: 100%;
object-fit: contain;
}
#collectionBlock .tools {
width: 60%;
}
#collectionBlock .tools .name {
font-size: 14px;
}
/*table style start*/
.info-table {
padding-top: 30px;
}
.info-table table {
border-collapse: collapse;
margin-top: 20px;
}
.info-table-name {
font-weight: 400;
font-size: 18px;
}
.info-table table tbody th {
font-size: 14px;
font-weight: 600;
}
.info-table table a {
color: #ffa800;
}
/*table style end*/
/*change blog and news start*/
#serviceBlock .item {
flex-wrap: wrap;
}
#serviceBlock .picBlock,
#serviceBlock .tools {
width: 80%;
margin: 0 auto;
height: 100%;
padding-bottom: 10px;
}
#newsBlock .newsPreview {
flex-wrap: wrap;
}
#newsBlock .newsPic,
#newsBlock .newsOverview,
#newsBlock .newsPreview:first-child .newsPic + .newsOverview {
width: 80%;
margin: 0 auto;
height: 100%;
padding-bottom: 10px;
}
#collectionBlock .item {
flex-wrap: wrap;
}
#collectionBlock .picBlock,
#collectionBlock .tools {
width: 80%;
margin: 0 auto;
height: 100%;
padding-bottom: 10px;
}
/*change blog and news end*/
/*NEW CHANGES*/
@media (min-width: 1280px) and (max-width: 1500px) {
#newsContainer .item {
display: inline-flex;
}
#newsContainer .item .wrap {
height: 100%;
width: 100%;
}
#newsContainer .item .title {
margin-top: 65px;
}
}
@media (max-width: 1300px) {
#catalogSection .sectionItems .item .itemContainer .sectionList {
margin: 0 -25px;
}
#catalogSection .sectionItems .item .itemContainer .sectionList .section img {
max-width: 85px;
padding-right: 0;
}
#catalogSection .sectionItems .item .itemContainer .bigPicture {
padding-right: 10px;
}
}
@media (max-width: 1100px) {
#catalogSection .sectionItems .item .itemContainer .sectionList .section img {
max-width: 60px;
}
}
@media (max-width: 750px) {
#slider .sliderContent .bigText {
font-size: 18px;
line-height: 20px;
}
#slider .sliderContent {
width: 310px;
}
#slider ul li span {
height: 270px;
background-repeat: no-repeat;
background-position: 25%;
}
#slider {
max-height: 360px;
}
}
@media (max-width: 550px) {
#slider .sliderContent .bigText {
font-size: 18px;
line-height: 25px;
}
#slider .sliderContent {
left: 15px;
}
#slider .sliderContent {
width: 200px;
}
#slider .sliderContent .bigText {
font-size: 13px;
line-height: 15px;
}
#slider .sliderContent .mediumTextLight {
line-height: 16px;
margin-top: 5px;
font-size: 13px;
}
#slider .sliderContent .cButton {
margin-top: 7px !important;
font-size: 10px !important;
height: 30px !important;
line-height: 30px !important;
}
}
@media (max-width: 500px) {
#slider ul li span {
height: 190px;
}
#slider .sliderContent {
width: 200px;
padding: 0 0 0 10px;
}
.info-table table {
font-size: 12px;
}
.info-table table tbody th {
font-size: 12px;
padding: 0 5px;
}
.info-table {
overflow-x: auto;
}
.info-table td {
text-align: center;
padding: 0;
}
.info-table .font--regular {
font-size: 12px !important;
}
}
@media (max-width: 390px) {
#slider .sliderContent {
width: 155px;
}
#slider ul li span {
height: 150px;
}
#slider .sliderContent .mediumTextLight {
line-height: 16px;
margin-top: 5px;
font-size: 11px;
}
#slider .sliderContent .bigText {
font-size: 12px;
line-height: 12px;
}
}
/*NEW CHANGES*/
.articles-mob {
display: none;
background-color: #f9f9f9;
}
.articles-mob .wrap {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
margin: 0 24px;
}
.articles-mob__heading {
text-decoration: none;
display: block;
color: #000;
line-height: 55px;
height: 55px;
font-size: 16px;
}
.articles-mob__list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0;
}
.articles-mob__item {
flex: 0 1 calc(33.333% - 15px);
list-style: none;
}
.article-card__name {
color: #000;
}
.article-card__content {
width: 100%;
text-align: center;
}
.article-card__img {
display: block;
width: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.article-card__link {
width: 100%;
height: 100%;
display: flex;
}
.article-card__img-wrapper {
max-width: 185px;
/*height: 135px;*/
width: 100%;
}
.article-card {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
@media (max-width: 1024px) {
.articles-mob {
display: block;
}
.article-card__img-wrapper {
margin-bottom: 10px;
}
}
@media (max-width: 576px) {
.articles-mob__item {
flex: 0 1 100%;
}
.articles-mob__item:not(:last-child) {
margin-bottom: 15px;
}
.article-card__img-wrapper {
/*height: 170px;*/
width: 90%;
margin-bottom: 10px;
max-width: unset;
}
.article-card__img {
object-fit: unset;
}
}
@media (max-width: 390px) {
.article-card__content {
width: 75%;
}
}
/*25.10.2021*/
.item .characteristic {
display: flex;
align-items: flex-end;
justify-content: space-between;
position: relative;
overflow: hidden;
font-size: 12px;
box-sizing: border-box;
}
.item .characteristic::after {
content: "";
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 7px;
border-bottom: 1px dotted #ccc;
/*background: url("data:image/gif;base64,R0lGODlhBAABAJEAAPHx8Z2dnf///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjA2Q0U2NzY4NDg4MTFFNkJGMTY5RkM0NzcwRkRGRDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjA2Q0U2Nzc4NDg4MTFFNkJGMTY5RkM0NzcwRkRGRDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMDZDRTY3NDg0ODgxMUU2QkYxNjlGQzQ3NzBGREZENyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMDZDRTY3NTg0ODgxMUU2QkYxNjlGQzQ3NzBGREZENyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAAEAAEAAAIDjAQFADs=") 0 100% repeat-x;*/
}
.item .characteristic * {
box-sizing: border-box;
}
.item .characteristic__name {
width: 50%;
position: relative;
z-index: 1;
}
.item .characteristic__name span,
.item .characteristic__value span {
background: #fbfbfd;
}
.item .characteristic__value > span {
padding-left: 10px;
}
.item .characteristic__name span {
padding-right: 5px;
}
.item .characteristic__value {
width: 50%;
position: relative;
text-align: right;
z-index: 1;
}
.brandsDescription {
color: unset;
}
title {
box-sizing: border-box;
}
.list-advantages .image {
width: unset;
}
/* .detail-text-wrap img {
max-width: unset;
} */
/*25.10.2021*/
/*28.10.2021*/
@media (max-width: 992px) {
.paramsBoxTitle {
/* width: 100%; */
}
#smartFilter .paramsBox {
padding: 8px 0 17px;
}
.paramsBoxTitle span {
display: block;
width: 100%;
height: 100%;
padding: 11px 0;
}
.paramsBox * {
box-sizing: border-box;
}
}
@media (max-width: 992px) {
#smartFilterForm .slider {
display: block !important;
margin: 24px auto 0;
height: 54px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA2AgMAAADrF2LAAAAACVBMVEVHcEzt7e3///9IXr1WAAAAAXRSTlMAQObYZgAAAB5JREFUKM9jYIAAFQZUQDX+BDrzR8HQBgOUXmjFBwCxHQuJCk5g1gAAAABJRU5ErkJggg==") 3px 0 repeat-x transparent;
box-sizing: border-box;
}
#smartFilterForm .slider * {
box-sizing: border-box;
}
#smartFilter .handler {
height: 14px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATYAAAAOBAMAAABXzC3uAAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCMjlEMTc3Mzk5NkIxMUU1QTRENkJEMUNCRkU4QzEzQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMjlEMTc3Mjk5NkIxMUU1QTRENkJEMUNCRkU4QzEzQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QTUzMkZGRjk5NjkxMUU1QUM5OUM5Q0Y3QkY1RjYwMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QTUzMzAwMDk5NjkxMUU1QUM5OUM5Q0Y3QkY1RjYwMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqkuufAAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAGFBMVEX/tQH/pwb/mAX/wwD/0AD+iADLawD5dQAYLGsnAAACgElEQVRIx82VTYrcMBCFS60cwBLMviUw2WqQDjBgX2AEwjdI9gHj6+dVye0f2Z11TH8tLx9fPZXJWO93rDfGOWOsMYoxpjPGkDrSAaUIfyEQaRBPaBBCjFqnGGMaYhxPJDAM44jfvx8y3rsKMnE0RDQW7x7ZrEU8psakI8pQQExEJERidGQ0n+FHrPH0oHVEpDS+SMI4Jo7H+dLbbCdtB2pOKPRWQWWHnLQr5GhK9H3CIHWdxj9zUKgjMqaoQQiscDjqGxFxTGnVd5uPcvaI4uym74jog07rlHVPjPvZGXfWJwqhruu6QGrXtxMx5jhA4xBkwrvCOCSMOL1TR6X3vpSV3n8gk79Vac3De/WAxgcUPtoWYsSEmMQaMeGjvq2BQmSFpwbKiId0ky0jVl7jZcvvPZO/Xe79vU7/ZJ2EuFeFGC9aGBTdKET7AuoXawNPCqu+1GRDlDf0uerMGSpzqxJTdp0VjaY7X2SestFoIZrYtpC4hTCobxWKRhkxakhzXqbST6DML4VH/H7mbH32NxqdYqy9NFFzC5WSi3JSyPoYLVMWjam9zAOVaVnAtLKUMs/lJ/K81cmIykbjesqlbvYhSSNVaBVWjbWNX1E3l5nKsswXZjk55p8ywddV56bV9v67bWPHGp17kttU0roT5V1j0rppouxFuTmyF1klsapF1DXM9Swv5hkRW509n5Yvj8XEG40AjcSlbttIUPlZd3Y8qwxyfgWOSbRsz8xMF42zKMwcb8I7N3Nq9WVR6Er5dv1lRz75U4MvYNtGCutupOtO5E9LpOX3cvO8cl50IisUbhqbFkJhlottTm20rM/LXjzvRFU/KWu+to306/99/gKF749uxVbhygAAAABJRU5ErkJggg==") 0 0 no-repeat transparent !important;
}
#smartFilter .slider .blackoutLeft, #smartFilter .slider .blackoutRight {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOBAMAAAA7w+qHAAAAElBMVEUVFRUhISE5OTktLS1BQUFLS0un2z3CAAAAVElEQVQI123IwQmAMAyF4ecGCV2gxHq3ZgEpGaHdfxVf8OLBwBcePyLWTDfsWI1Ghc1hqaKFWWLb3ROX+5UqelfvRf2EavEkXKwkwKYvPhGhT/q7B7CyDshuZuSAAAAAAElFTkSuQmCC") 0 0 repeat-x transparent !important;
height: 14px;
}
#smartFilter .slider ins {
width: 34px;
height: 34px;
top: -10px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAAAiCAMAAACEAWyZAAAAVFBMVEVHcEz09PSCgoJXV1cCAgIBAQHm5uYAAAAAAAAAAACYmJjNzc3Ly8vv7+/X19fk5OTs7Ozw8PD4+Pj////09PTr6+v29vby8vL7+/vExMSoqKhtbW0mb2XFAAAAEXRSTlMA3SAvEBuBAwYKOWeIyYvD9C53QPQAAAKsSURBVEjHxZdtl5sgEIWXACbxLRERafv//2dhYAbQsR+6u+3Fo+6e53C5A6j5+PgPuhd9IxGQx+OZ9Hiw2FcQEXk+VT90XTf0KnAn7CuIwATk1ok1SXS3iHGEj1r9HwljjGcJYFRn1iLTqZYCwnnU6h1PGOesjYcxJwKY2wQGHo6o6VZTQMBYUd4zhDHW7jsc0aslEiOyTTETFQVEbZOqcyRcsKhknTiORU0r1MPn8xrbRMmB8KEqlYwz/kAcfKLTVFfvHmoLPYNBuoMWanwnIvqYqoFTQ7h9Oco6IlJog1lKsHA1OXgkbJsnp7IVsdtlP7e9FA+GW/WPjuGUhxMJzic4VYRdGO22hA7VFZ6XgAoDEVYsI1cR+8I6CZyl+0P1ZwsDh+8VdKN64yzbDBFsoDhNQKTUQ+w1tR8guI0aQu57JEqgnyCKREQJ9AtEkYZcu7SiUPm5gFuly910ZeEmghYwEnPsdIOWiHADf+1zY4QtG2CrjLBlA2yV0ZYibHje0rWrjMyVZuzmuBUpERFx+KB8wZulSjSUtZvmiFYvzUAxSnNERkQsWyrctqU52vAf1Rz1Zb+n+tIzoM/d9GWq8wzgVBNBQbZEUK6+GGnheAmdu9HiYvFWxIYZ2tIBkfeRni+246zzLtHzhVFFbLwSkZ8McmG34yJp38s36/OuCdYnE1i7kU00anqS6fG0eqMagjVCIkfSL8bnpRU9mwOR9l9jdSAYHyIwkpxOO2SSunrbBOIU6EScfCoChyNfZbdDe0ndvD8DkSLRiSGOeaRWx3e51uO7ivMedRM6E/g4C1YXRL0OWqJQchbZR8xSc2ORI+4nMV4RWL/pRCAVMN0P4zwOfbhTzFgiIYdx/FsCvzIBS1KK/Q79LFG+m4N0PF1/WX+O+Je/Jr7999FvKy2W9yC7CnIAAAAASUVORK5CYII=") 0 0 no-repeat transparent;
}
#smartFilter .slider .left {
right: -30px;
}
#smartFilter .slider .right {
left: -30px;
}
#smartFilter .slider .blackoutLeft:before, #smartFilter .slider .blackoutRight:before {
content: none;
}
}
@media (max-width: 700px) {
#catalog .items.productList.table-items .product .tabloid .productTable .productColImage {
width: 40%;
}
.product .picture {
height: 105px;
}
.product .picture img {
/* transform: translateY(-30px); */
}
.productTable .productColImage .youtube_ico {
bottom: 10px;
}
}
@media (max-width: 600px) {
.product .picture {
line-height: 0;
height: 150px;
}
#catalog .items.productList.table-items .product .tabloid .productTable .productColImage {
width: 50%;
}
.product .picture img {
max-width: unset;
max-height: unset;
height: 100%;
width: 100%;
/* transform: translate3d(0, -20px, 0); */
}
.productTable .productColImage .youtube_ico {
bottom: 5px;
}
}
/*28.10.2021*/
/*02.11.2021*/
#smartFilter .paramsBox .rangeSlider > span:not(.irs) {
padding: 4px;
margin-left: 10px;
border: 1px solid #F89E1C;
background-color: #F89E1C;
border-radius: 4px;
color: white;
cursor: pointer;
}
.irs--flat .irs-min, .irs--flat .irs-max {
display: none;
}
.irs--flat .irs-bar {
height: 14px !important;
background: url("images/handlerActive.png") 0 0 no-repeat transparent;
background-color: transparent !important;
}
.irs--flat .irs-line {
background: url("images/handler.png") 0 0 repeat-x transparent;
height: 14px !important;
background-color: transparent !important;
}
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
display: none;
}
.irs--flat .irs-handle {
background: url("images/motionButton.png") 0 0 no-repeat transparent;
cursor: pointer;
height: 29px !important;
width: 29px !important;
z-index: 10;
top: 17px !important;
}
.irs--flat .irs-handle i {
display: none !important;
}
.irs--flat {
height: 54px !important;
background: url("images/uiBg.png") 3px 0 repeat-x transparent;
margin: 24px auto 0;
position: relative;
max-width: 300px;
width: 100%;
}
#smartFilter .slider {
display: none !important;
}
/*02.11.2021*/
/*03.11.2021*/
#smartFilter .paramsBox {
padding: 24px 16px;
}
#smartFilter .rangeSlider input[type="text"] {
width: 58px;
}
/*03.11.2021*/
/*04.11.2021*/
.close-btn {
padding: 4px;
margin-left: 10px;
border-radius: 4px !important;
color: white;
cursor: pointer;
width: 23px;
text-align: center;
}
@media (max-width: 1024px) {
.smartFilter__title {
display: flex;
align-items: center;
}
}
/*04.11.2021*/
/*05.11.2021*/
.catalogLine--fixed-down {
position: fixed;
top: -54px;
left: 0;
right: 0;
background-color: #fff;
z-index: 1111;
transition: all 1s
}
.catalogLine--fixed-up {
top: 54px;
transition: all 1s;
}
.catalog-top {
/*padding-top: 140px;*/
}
/*05.11.2021*/
/*24.11.2021*/
#smartFilter .paramsBox .params {
max-width: 100%;
}
@media (max-width: 800px) {
#slider .sliderContent {
padding-top: 30px;
}
}
@media (max-width: 610px) {
.blog-banner .banner-elem h1 {
max-width: 90%;
max-height: 85px;
}
}
@media (max-width: 500px) {
#slider .sliderContent {
padding-top: 30px;
}
}
@media (max-width: 370px) {
#slider .sliderContent .cButton {
margin-top: 0;
}
}
#right .global-block-container {
display: flex;
justify-content: space-between;
}
.global-information-block {
height: 313px;
overflow: auto;
}
/*24.11.2021*/
.white-text-slider {
color: #ffffff;
}
/*25.11.2021*/
.blog-banner .banner-elem {
height: 478px;
}
@media (max-width: 1600px) {
.blog-banner .banner-elem {
height: 380px;
}
}
@media (max-width: 1400px) {
.blog-banner .banner-elem {
height: 290px;
}
}
/*30.11.2021 бокова форма "Є запитання ?" */
#right .global-block-container {
border-collapse: collapse !important;
table-layout: fixed !important;
display: table !important;
width: 100% !important;
}
/*}*/
/*1.12.2021*/
/*1.12.2021*/
/* 15/12/21 */
#slider ul li span {
background-repeat: no-repeat !important;
background-size: contain !important;
}
@media only screen and (min-width: 1520px) {
#slider ul li span {
height: 534px !important;
}
}
@media only screen and (max-width: 1368px) {
#slider ul li span {
height: 463px !important;
}
}
@media only screen and (max-width: 1280px) {
#slider ul li span {
height: 417px !important;
}
}
@media only screen and (max-width: 1024px) {
#slider ul li span {
height: 463px !important;
}
}
@media only screen and (max-width: 768px) {
#slider ul li span {
height: 341px !important;
}
}
@media only screen and (max-width: 500px) {
#slider ul li span {
height: 192px !important;
}
}
@media only screen and (max-width: 425px) {
#slider ul li span {
height: 191px !important;
}
}
@media only screen and (max-width: 414px) {
#slider ul li span {
height: 185px !important;
}
}
@media only screen and (max-width: 390px) {
#slider ul li span {
height: 174px !important;
}
}
@media only screen and (max-width: 375px) {
#slider ul li span {
height: 167px !important;
}
}
@media only screen and (max-width: 360px) {
#slider ul li span {
height: 160px !important;
}
}
@media only screen and (max-width: 320px) {
#slider ul li span {
height: 141px !important;
}
}
/* 15/12/21 */
.product:hover .tabloid {
z-index: 99 !important;
}
/* NEW DESIGN of MAIN PAGE start*/
/*MAIN SLIDER start*/
#subLeftMenu {
margin: 0;
padding: 5px 24px;
}
.internal__compliter {
display: block;
max-width: 1920px;
margin: 0 auto 0;
/*margin-top: 35px;*/
/*padding: 0 24px;*/
box-sizing: border-box;
}
.slider-wrapper .slick-track {
display: flex;
}
.slider-wrapper.slick-initialized.slick-slide {
height: inherit !important;
}
.slider-wrapper__slide {
width: 100%;
position: relative;
z-index: 1;
height: 395px;
overflow: hidden;
}
.slider-wrapper__slide img {
height: 395px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: transform 1s ease-in-out;
}
.slider-wrapper__slide img:hover {
transform: scale(1.03);
transition: transform 1s ease-in-out;
}
.text-block {
pointer-events: none;
position: absolute;
z-index: 2;
top: 50%;
transform: translateY(-50%);
left: 90px;
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.bigText {
font-size: 36px;
font-weight: 400;
line-height: normal;
}
.mediumTextLight {
font-size: 18px;
padding: 20px 0 0;
}
.mediumTextLight span {
font-weight: bold;
}
.cButton {
font-size: 20px;
line-height: 1.07;
text-decoration: none;
color: #ffffff;
background-color: #f89e1c;
display: flex;
justify-content: center;
align-items: center;
width: 190px;
height: 45px;
transition: background-color .3s;
margin-top: 20px;
}
.img-arrow-slider {
width: 68px;
height: auto;
/*fill: none;*/
fill: rgba(243, 243, 243, 0.5);
transition: background-color .3s;
}
.img-arrow-slider:hover {
fill: #676a6721;
transition: background-color .3s;
}
.arrow-prev,
.arrow-next {
position: absolute;
content: '';
top: 50%;
transform: translateY(-50%);
z-index: 99;
opacity: .5;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.arrow-prev {
left: 0;
}
.arrow-prev:hover,
.arrow-next:hover {
opacity: 1;
transition: all 0.3s ease-in-out;
}
.arrow-next {
right: 0;
transform: rotate(180deg) translateY(50%);
}
.my-dots {
position: absolute;
bottom: 0;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.my-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.my-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.my-dots li button:hover,
.my-dots li button:focus {
outline: none;
}
.my-dots li button:hover:before,
.my-dots li button:focus:before {
opacity: 1;
}
.my-dots li button:hover:before {
border: 1px solid #6D6D6D;
}
.my-dots li button:hover:after {
border: 1px solid #575757;
}
.my-dots li button:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 10px;
height: 10px;
border: 1px solid #575757;
border-radius: 50%;
content: '';
text-align: center;
opacity: .25;
color: black;
}
.my-dots li button:after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
border: 1px solid #575757;
border-radius: 50%;
content: '';
text-align: center;
opacity: 0;
color: black;
}
.my-dots li.slick-active button:before,
.my-dots li.slick-active button:after {
opacity: 1;
}
.my-dots li.slick-active button:before {
background: #6D6D6D;
border: 1px solid #6D6D6D;
}
.my-dots li.slick-active button:hover:before {
background: #575757;
border: 1px solid #575757;
}
.my-dots li.slick-active button:hover:after {
border: 1px solid #575757;
}
.my-dots li.slick-active button:after {
border: 1px solid #6D6D6D;
}
/*MAIN SLIDER end*/
@media all and (max-width: 1920px) {
.internal__compliter {
padding: 0 24px;
}
}
@media all and (max-width: 425px) {
.slider-wrapper__slide img {
height: 100%;
}
}
/*.play {*/
/* position: absolute;*/
/* z-index: 2;*/
/* content: '';*/
/* left: 50%;*/
/* top: 50%;*/
/* transform: translate(-50%, -50%);*/
/* background: #56534e;*/
/* border-radius: 50% / 10%;*/
/* color: #FFFFFF;*/
/* font-size: 2em;*/
/* height: 63px;*/
/* width: 90px;*/
/* padding: 0;*/
/* text-align: center;*/
/* text-indent: 0.1em;*/
/* transition: all 150ms ease-out;*/
/*}*/
/*a:hover .play {*/
/* background: red;*/
/*}*/
/*.play::before {*/
/* background: inherit;*/
/* border-radius: 5% / 50%;*/
/* bottom: 9%;*/
/* content: "";*/
/* left: -5%;*/
/* position: absolute;*/
/* right: -5%;*/
/* top: 9%;*/
/*}*/
/*.play::after {*/
/* position: absolute;*/
/* content: ' ';*/
/* top: 50%;*/
/* transform: translate(-50%, -50%);*/
/* width: 0;*/
/* height: 0;*/
/* border-style: solid;*/
/* border-width: 13.5px 0 13.5px 24px;*/
/* border-color: transparent transparent transparent #ffffff;*/
/*}*/
/*Popular category start*/
.popular__category .items {
display: flex;
flex-wrap: wrap;
border-top: 1px solid #e7e8ea;
border-left: 1px solid #e7e8ea;
}
.popular__category .item {
display: flex;
flex-direction: column;
width: 20%;
height: auto;
float: left;
box-sizing: border-box;
background-color: #ffffff;
border-right: 1px solid #e7e8ea;
border-bottom: 1px solid #e7e8ea;
/*padding: 15px 15px 0;*/
text-align: center;
text-decoration: none;
}
.popular__category .item .a {
display: flex;
margin: 0 auto;
width: 100%;
}
.popular__category .item img {
/*max-width: 100%;*/
/*max-height: 100%;*/
/*margin: 0 auto;*/
max-width: 100%;
max-height: 120px;
min-height: 120px;
margin: 0 auto;
object-fit: contain;
width: 100%;
background-color: #fff;
}
.popular__category .item .item-text {
display: flex;
height: 100%;
/*padding: 20px 10px 15px;*/
padding: 10px 10px 10px;
}
.popular__category .item p {
font-size: 16px;
color: #000000;
margin: 0;
width: 100%;
display: flex;
flex-direction: column;
height: 100%;
}
/*Popular category end*/
/*Popular services start*/
/*.popular__services {*/
/* margin-bottom: 15px;*/
/*}*/
.popular__services .items {
/*display: flex;*/
/*flex-wrap: wrap;*/
border-top: 1px solid #e7e8ea;
border-left: 1px solid #e7e8ea;
position: relative;
}
.popular__services .item {
display: flex;
flex-direction: column;
width: 16.666%;
height: auto;
float: left;
box-sizing: border-box;
background-color: #ffffff;
border-right: 1px solid #e7e8ea;
border-bottom: 1px solid #e7e8ea;
padding: 15px 15px 0;
text-align: center;
text-decoration: none;
}
.popular__services .item .a {
display: flex;
margin: 0 auto;
overflow: hidden;
width: 100%;
}
.popular__services .item img {
/*max-width: 100%;*/
max-width: 276px;
max-height: 100%;
max-height: 190px;
min-height: 190px;
background-color: #fff;
margin: 0 auto;
}
.popular__services .item .item-text {
display: flex;
height: 100%;
padding: 10px 0 10px;
min-height: 42px;
}
.popular__services .item p {
font-size: 16px;
color: #000000;
margin: 0;
width: 100%;
display: flex;
flex-direction: column;
height: 100%;
}
/*Popular services end*/
/*BRANDS start*/
/*#brandList {*/
/* margin-top: 0;*/
/* margin-bottom: 85px;*/
/*}*/
#brandList .items {
border-top: 1px solid #e7e8ea;
}
#brandList .item {
position: relative;
z-index: 1;
width: 16.666%;
height: 135px;
line-height: 135px;
}
#brandList:has(.brandList__wrapper) .item {
position: relative;
z-index: 1;
width: 100%;
height: 135px;
line-height: 135px;
}
#brandList .brandList__wrapper .picture img {
max-height: 100%;
max-width: 100%;
}
#brandList .tabloid {
position: absolute;
content: '';
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
padding: 0;
}
.block-title {
display: flex;
justify-content: flex-start;
align-items: center;
/*padding: 25px 0;*/
padding: 16px 0;
}
.block-title h2 {
display: block;
padding-left: 12px;
font-size: 30px;
line-height: normal;
color: #000000;
margin: 0;
font-weight: 300;
}
.block-title a {
margin: 0 10px 0 45px;
font-size: 14px;
color: #f89e1c;
text-decoration: none;
border-bottom: 1px solid transparent;
max-height: 19px;
transition: .3ms ease-in-out;
}
.look-all {
display: flex;
align-items: center;
margin-top: 5px;
}
.block-title a:hover {
border-bottom: 1px solid #ffa800;
}
.img-arrow-all {
width: 8px;
height: 15px;
fill: #f89e1c;
}
/*BRANDS end*/
/*Blog starts*/
.blog {
margin: 0 auto;
padding: 0 24px;
max-width: 1920px;
}
.blog .items {
display: flex;
flex-wrap: wrap;
border-top: 1px solid #e7e8ea;
border-left: 1px solid #e7e8ea;
}
.blog .item {
display: flex;
flex-direction: column;
width: 16.666%;
height: auto;
float: left;
box-sizing: border-box;
background-color: #ffffff;
border-right: 1px solid #e7e8ea;
border-bottom: 1px solid #e7e8ea;
padding: 15px 15px 0;
text-align: center;
text-decoration: none;
}
.blog .item .a {
display: flex;
margin: 0 auto;
height: 100%;
width: 100%;
}
.blog .item img {
max-width: 100%;
max-height: 100%;
margin: 0 auto;
}
.blog .item .item-text {
display: flex;
height: 100%;
padding: 20px 10px 15px;
}
.blog .item p {
font-size: 16px;
color: #000000;
margin: 0;
width: 100%;
display: flex;
flex-direction: column;
height: 100%;
}
/*Blog end*/
/*News starts*/
.news {
margin: 0 auto 50px;
padding: 0 24px;
max-width: 1920px;
}
.news .items {
display: flex;
flex-wrap: wrap;
border-top: 1px solid #e7e8ea;
border-left: 1px solid #e7e8ea;
}
.news .item {
display: flex;
flex-direction: column;
width: 16.666%;
height: auto;
float: left;
box-sizing: border-box;
background-color: #ffffff;
border-right: 1px solid #e7e8ea;
border-bottom: 1px solid #e7e8ea;
padding: 15px 15px 0;
text-align: center;
text-decoration: none;
}
.news .item .a {
display: flex;
margin: 0 auto;
height: 100%;
width: 100%;
}
.news .item img {
max-width: 100%;
max-height: 100%;
margin: 0 auto;
}
.news .item .item-text {
display: flex;
height: 100%;
padding: 20px 10px 15px;
}
.news .item p {
font-size: 16px;
color: #000000;
margin: 0;
width: 100%;
display: flex;
flex-direction: column;
height: 100%;
}
/*News end*/
#latestReviews {
padding: 0 24px;
margin: 0 auto;
max-width: 1920px;
}
.review-text.shadow:before {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FFFFFF 90%);
}
/*TEXT show/hide start*/
/*SEO BLOCK*/
.seo-block {
text-align: center;
padding: 0 24px;
margin-bottom: 20px;
}
.seo-block .container {
height: 140px;
padding-bottom: 35px;
overflow: hidden;
position: relative;
}
.seo-block .container.open {
height: 100%;
}
.seo-block .container.open:after {
height: 0px;
}
.seo-block .container:after {
content: "";
position: absolute;
bottom: 0px;
left: 0;
right: 0;
height: 80px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #F3F3F3 90%);
transition: all 0.35s;
}
.seo-block .container:before {
content: "";
position: absolute;
bottom: 0px;
left: 0;
right: 0;
height: 40px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #F3F3F3 90%);
transition: all 0.35s;
}
.seo-block .container.open:before {
height: 0px;
}
.seo-block p {
/*font-size: 12px;*/
/*line-height: 20px;*/
/*color: #000;*/
/*margin-bottom: 25px;*/
align-items: center;
text-align: left;
}
.seo-block .inner-title {
font-size: 22px;
font-weight: 500;
color: #000000;
}
.seo-block .h3 {
color: #C0A171;
margin-bottom: 40px;
}
.seo-block .seo-hidden {
display: none;
}
.seo-block .seo-arrow {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0px;
z-index: 2;
font-size: 12px;
line-height: 1;
cursor: pointer;
color: #f99e1c;
}
.seo-block a {
text-decoration-style: double;
/*letter-spacing: 0.02em;*/
/*color: #A38452;*/
/*border-bottom: 1px solid #A38452;*/
}
.seo-block .container.open .seo-arrow {
bottom: px;
}
.seo-block img {
width: auto;
display: table;
margin: 15px;
max-width: 200px;
float: none;
}
.seo-block img:first-child {
margin-left: 0;
}
.seo-block ul, .seo-block ol {
list-style: disc;
padding: revert;
padding: 0 0 0 20px;
}
.seo-block h2,
.seo-block h3,
.seo-block h4,
.seo-block h5 {
margin-bottom: 15px;
margin-top: 31px;
}
.seo-block h2:first-child {
margin-top: 0;
}
.seo-block li img {
max-width: 100px;
margin: 0 0 0 15px;
}
/*.wrapper-text {*/
/* margin: 50px auto;*/
/*}*/
.inner-text {
font-size: 14px;
color: #000000;
}
/*TEXT show/hide end*/
/*Home catalog start*/
.main__tabs {
margin: 0 auto;
padding: 0 24px;
max-width: 1920px;
}
.prefooter__tabs {
margin-bottom: 35px;
}
.main__tabs-wrapper {
display: flex;
flex-direction: column;
}
.prefooter__tabs-wrapper {
display: flex;
flex-direction: column;
}
.main__tabs-wrapper .responsive-tabs .catalog-tab {
border-top: 1px solid #ccc;
cursor: pointer;
font-size: 30px;
color: #111111;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
white-space: nowrap;
}
.prefooter__tabs-wrapper .pre-responsive-tabs .catalog-tab {
border-top: 1px solid #ccc;
cursor: pointer;
font-size: 30px;
color: #111111;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.main__tabs-wrapper .responsive-tabs .active {
background-color: #f89e1c;
color: #ffffff;
}
.prefooter__tabs-wrapper .pre-responsive-tabs .active {
background-color: #f89e1c;
color: #ffffff;
border-left: 1px solid #f89e1c !important;
border-right: 1px solid #f89e1c !important;
border-top: 1px solid #f89e1c !important;
}
.main__tabs-wrapper .responsive-tabs .active + .catalog-content {
display: block;
}
.prefooter__tabs-wrapper .pre-responsive-tabs .active + .catalog-content {
display: block;
height: auto;
}
.main__tabs-wrapper .responsive-tabs .catalog-content {
display: none;
}
.prefooter__tabs-wrapper .pre-responsive-tabs .catalog-content {
display: block;
height: 0;
overflow: hidden;
}
.main__tabs-wrapper .ajaxContainer {
overflow: visible;
}
.main__tabs-wrapper .ajaxContainer .product {
width: 16.66%;
}
.prefooter__tabs-wrapper .product {
width: 16.66%;
}
.main__tabs-wrapper .responsive-tabs-placeholder {
display: none;
}
.prefooter__tabs-wrapper .responsive-tabs-placeholder {
display: none;
}
.main__tabs-wrapper .catalog-tab.active .img-arrow-all {
fill: #ffffff;
transform: rotate(270deg);
}
.prefooter__tabs-wrapper .catalog-tab.active .img-arrow-all {
fill: #ffffff;
transform: rotate(270deg);
}
.main__tabs-wrapper .catalog-tab .img-arrow-all {
fill: #f89e1c;
transform: rotate(90deg);
margin-right: 20px;
}
.prefooter__tabs-wrapper .catalog-tab .img-arrow-all {
fill: #f89e1c;
transform: rotate(90deg);
margin-right: 20px;
}
.product.last .icon img {
margin: 0 auto;
}
.product .label {
z-index: 99;
}
.product .picture img {
padding-top: 0;
margin: 0 auto;
}
/*Home catalog end*/
/*Popular and Visited items start*/
.popular-image {
display: block;
}
.slider-wrapper__slide .product {
width: 100%;
}
#viewedProduct .viewedBtnLeft {
left: 0;
}
#viewedProduct .viewedBtnRight {
right: 0;
}
/*Popular and Visited items end*/
#footerTabsCaption {
background: #f3f3f3;
}
#footerTabsCaption .item a {
color: #000000;
font: normal normal 30px "Roboto", arial, sans-serif;
font-weight: 300;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
margin: 0;
padding: 0;
vertical-align: inherit;
}
.main__tabs-wrapper .responsive-tabs .catalog-tab:first-child {
border-left: 1px solid #e7e8ea;
border-top: 1px solid #e7e8ea;
}
.main__tabs-wrapper .responsive-tabs .catalog-tab {
width: 16.58%;
border-top: 1px solid #e7e8ea;
border-right: 1px solid #e7e8ea;
border-bottom: 1px solid #e7e8ea;
}
@media all and (max-width: 1368px) {
.popular__category .item .item-text {
padding: 10px 5px;
}
.popular__services .item .item-text {
padding: 10px 5px;
}
.blog .item .item-text {
padding: 10px 5px;
}
.news .item .item-text {
padding: 10px 5px;
}
}
@media all and (max-width: 1280px) {
.bigText {
font-size: 26px;
}
.main__tabs-wrapper .responsive-tabs .catalog-tab {
font-size: 24px;
padding: 0 10px;
width: 15.5%;
}
#footerTabsCaption .item a {
font-size: 24px;
}
}
@media all and (min-width: 1025px) {
.pc-image {
display: block;
}
.mobile-image {
display: none;
}
}
@media all and (max-width: 1024px) {
.logo-img-deck {
display: none;
}
.logo-img-mob {
display: block;
}
.logo-img-mob img {
width: 160px;
height: 90px;
margin-left: -30px;
margin-bottom: -20px;
margin-top: -20px;
}
.popular__services .item {
width: 25%;
}
.popular__category .item {
width: 25%;
}
.blog .item {
width: 25%;
}
.news .item {
width: 25%;
}
.main__tabs-wrapper .main__tabs .ajaxContainer .product {
width: 25%;
}
/*#brandList .item {*/
/* width: 25%;*/
/*}*/
.main__tabs-wrapper .ajaxContainer .product {
width: 25%;
}
.pc-image {
display: none;
}
.mobile-image {
display: block;
}
}
/*pre footer tabs start*/
#footerTabsCaption {
padding-top: 50px;
}
#footerTabsCaption .items {
text-align: center;
overflow: hidden;
display: flex;
justify-content: space-around;
}
#footerTabsCaption .item {
width: 50%;
margin-right: 0;
background: #ffffff;
}
#footerTabsCaption .item.chosen {
background: #f99e1c;
}
#footerTabsCaption .item .selected {
border-bottom: none;
}
#footerTabsCaption .item .selected {
color: #ffffff !important;
}
#viewedProduct .wrap,
#topProduct .wrap {
margin: 0;
}
.footer-links-block {
padding-top: 25px;
padding-bottom: 25px;
}
/*pre footer tabs end*/
.footer-links-block a {
color: #f99e1c;
text-decoration: none;
}
.footer-links-block a:hover {
text-decoration: underline;
}
#topProduct .topBtnLeft, #topProduct .topBtnRight,
.slick-main-slider .topBtnLeft, .slick-main-slider .topBtnRight {
z-index: 999;
}
/*review start*/
.show-all-rev,
.show-all-rev.arr-rotate-review {
position: relative;
width: 100%;
color: #999999;
cursor: pointer;
}
.show-all-rev:after,
.show-all-rev.arr-rotate-review:after {
position: absolute;
content: url("/bitrix/templates/dresscode/images/new/icon-arr1.png");
left: 158px;
top: 50%;
transform: translateY(-50%);
z-index: 4;
}
.show-all-rev.arr-rotate-review:after {
transform: rotate(180deg);
top: 7%;
}
.text-answer {
margin-bottom: 35px;
}
span.show-answer span:first-child {
color: #f89e1c;
border-bottom: none;
font-weight: normal;
}
.review-text.shadow:after,
.review-text.opened:after {
display: none;
}
.show-answer__arr,
.show-answer__arr.arr-rotate-shop {
position: relative;
z-index: 1;
}
.show-answer__arr:after {
position: absolute;
content: url("/bitrix/templates/dresscode/images/new/icon-arr2.png");
right: -28px;
top: 50%;
transform: translateY(-50%);
z-index: 4;
}
.show-answer__arr.arr-rotate-shop:after {
transform: rotate(180deg);
top: 7%;
}
.latestReviews__slider {
padding: 0;
}
.latestReviews__slider .slick-arrow.slick-prev {
left: 0;
}
.latestReviews__slider .slick-arrow.slick-next {
right: 0;
}
#topProduct .topBtnLeft,
.slick-main-slider .topBtnLeft {
left: 0;
}
#topProduct .topBtnRight,
.slick-main-slider .topBtnRight {
right: 0;
}
/*review end*/
.latestReviews__item {
padding: 30px 45px 40px;
}
.latestReviews__item .review-date {
bottom: 10px;
}
#headerLine4 #topAuth ul li a:after,
.header__callback .openWebFormModal.link.callBack:after,
#headerLine4 .user-geo-position-value-link:after {
border-bottom: none;
}
#headerLine4 #topAuth ul li a:hover,
#headerLine4 .user-geo-position-value-link:hover::after {
border-bottom: 1px solid #ffa800;
}
.header__callback .openWebFormModal.link.callBack:hover {
text-decoration: underline;
}
/*@media all and (max-width: 2560px) {*/
#main.color_white #left #subLeftMenu {
padding-bottom: 5px;
padding-top: 5px;
line-height: 20px;
}
/*}*/
@media only screen and (max-width: 1800px) {
.btn-simple.btn-micro {
padding: 6px 8px;
max-width: 190px;
}
}
/*Media quaries*/
@media only screen and (min-width: 769px) {
.fancybox-slide {
width: 75% !important;
height: 90% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
left: 50% !important;
}
.fancybox-toolbar {
right: 8% !important;
top: 8% !important;
}
.pc-image {
height: 395px;
object-fit: cover;
}
.main__tabs-wrapper .responsive-tabs .catalog-tab {
float: left;
/*border-top: 0;*/
}
.prefooter__tabs-wrapper .pre-responsive-tabs .catalog-tab {
float: left;
border-top: 0;
width: 50%;
}
.main__tabs-wrapper .responsive-tabs .active + .catalog-content {
display: block !important;
height: 0;
overflow: hidden;
}
.prefooter__tabs-wrapper .pre-responsive-tabs .active + .catalog-content {
display: block !important;
height: 0;
overflow: hidden;
}
.main__tabs-wrapper .responsive-tabs-placeholder {
clear: both;
display: block;
}
.prefooter__tabs-wrapper .responsive-tabs-placeholder {
clear: both;
display: block;
}
.main__tabs-wrapper .catalog-tab.active .img-arrow-all,
.main__tabs-wrapper .catalog-tab .img-arrow-all {
display: none;
}
.prefooter__tabs-wrapper .catalog-tab.active .img-arrow-all,
.prefooter__tabs-wrapper .catalog-tab .img-arrow-all {
display: none;
}
}
@media all and (max-width: 768px) {
#video .items .item {
padding-bottom: 52%;
width: calc(100% - 26px);
margin-bottom: 24px;
}
#video .items .item:last-child {
margin-bottom: 0;
}
.block-title {
padding-bottom: 10px;
}
.popular__category,
.popular__category,
#brandList,
.main__tabs,
.blog,
.news {
margin: 0;
}
.slick-slider {
margin-bottom: 0;
}
.footer-links-block {
padding-top: 20px;
}
#footerTabsCaption {
padding-top: 0;
}
.main__tabs-wrapper .responsive-tabs .catalog-tab:first-child,
.main__tabs-wrapper .responsive-tabs .catalog-tab {
width: auto;
}
.bigText {
font-size: 18px;
}
.block-title {
justify-content: space-between;
align-items: baseline;
}
.block-title a {
padding: 0 10px 0 20px;
}
.mediumTextLight {
font-size: 16px;
}
.cButton {
font-size: 16px;
}
.mediumTextLight {
padding: 15px 0 0;
}
.text-block {
left: 25px;
}
.main__tabs-wrapper .responsive-tabs .catalog-tab {
font-size: 16px;
padding-left: 20px;
color: #f89e1c;
width: auto;
}
.main__tabs-wrapper .responsive-tabs .active {
color: #ffffff;
}
.main__tabs-wrapper .responsive-tabs .catalog-tab {
justify-content: space-between;
}
.main__tabs-wrapper .ajaxContainer .product {
width: 100%;
}
.slider-popular-wrapper .product {
width: 100%;
}
}
@media all and (max-width: 767px) {
/*#brandList .item {*/
/* width: 50%;*/
/*}*/
.oFilter .btn-simple.btn-micro {
min-width: auto;
}
.popular__category .item {
width: 50%;
padding: 10px 5px 0;
}
.popular__category .item p {
font-size: 14px;
}
.popular__services .item {
width: 50%;
padding: 12px 0 0;
}
.popular__services .item p {
font-size: 14px;
}
.blog .item {
width: 50%;
padding: 12px 5 0;
}
.blog .item p {
font-size: 14px;
}
.news .item {
width: 50%;
padding: 12px 5 0;
}
.news .item p {
font-size: 14px;
}
.block-title h2:not(:last-child) {
padding-left: 0;
}
.main__tabs,
.blog,
.news,
#latestReviews {
padding: 0 12px;
}
#footerTabsCaption, #footerTabs {
margin-right: 12px;
margin-left: 12px;
}
#footerTabsCaption {
line-height: 50px;
}
#footerTabsCaption .items {
flex-direction: column;
/*padding: 20px 0;*/
}
#footerTabsCaption .item {
width: auto;
padding: 15px 0;
}
#footerTabsCaption .item:not(:last-child) {
margin-bottom: 0;
}
#footerTabsCaption {
height: auto;
line-height: inherit;
}
/*.news .item:nth-child(n+3),*/
/*.blog .item:nth-child(n+3) {*/
/* display: none;*/
/*}*/
.block-title a {
margin: 0;
}
.text-block {
width: 70%;
}
}
@media all and (max-width: 700px) {
.internal__compliter {
padding: 0 12px;
}
}
@media all and (max-width: 640px) {
.slick-slider.latestReviews__slider .slick-track {
display: flex !important;
}
.slick-slider.latestReviews__slider .slick-list {
display: flex;
height: auto !important;
}
.review-text.shadow {
max-height: 100px !important;
}
}
@media all and (max-width: 500px) {
#catalogLine .oSmartFilter.btn-simple.btn-micro {
width: auto;
}
.blog .item {
padding: 10px 10px 0;
width: 100%;
}
.blog .item .item-text {
padding: 5px 8px;
}
.blog .item img {
width: 100%;
max-height: 100%;
margin: 0 auto;
}
.news .item {
padding: 10px 10px 0;
width: 100%;
}
.news .item .item-text {
padding: 5px 8px;
}
.popular__category .item .item-text {
padding: 5px 8px;
}
.popular__services .item .item-text {
padding: 5px 8px;
}
.seo-block .container {
height: 170px;
}
.latestReviews__item {
padding: 30px 35px 40px;
}
#footerTabsCaption .item a {
font-size: 16px;
}
.block-title h2 {
font-size: 16px;
}
.look-all {
font-size: 11px;
padding-right: 0;
}
.bigText {
font-size: 12px;
}
.mediumTextLight {
font-size: 11px;
padding: 15px 0;
line-height: 15px;
}
.cButton {
width: 96px;
height: 30px;
font-size: 10px;
}
.play {
height: 32px;
width: 45px;
}
.play::after {
border-width: 7px 0 7px 12px;
}
.main__tabs .ajaxContainer .product {
width: 100%;
}
.my-dots {
bottom: -5%;
}
}
@media (min-width: 429px) and (max-width: 430px) {
#right {
margin-top: -15px;
}
.slider-wrapper__slide img {
height: 395px;
}
}
@media all and (max-width: 429px) {
.slider-wrapper__slide img {
height: 220px;
}
.pc-image {
display: none !important;
}
.bigText {
position: relative;
top: 15px;
}
}
/* NEW DESIGN of MAIN PAGE end*/
#leftMenu {
padding: 4px 0 3px 0;
}
#leftMenu .pc img {
max-width: initial;
}
#elementContainer .marker {
min-width: 68.75px;
width: 100%;
background: transparent;
}
.markerContainer {
top: 12px;
}
.markerContainer .marker {
min-width: 75px;
/*background: transparent;*/
}
.markerContainer .marker.deliv-marker {
background: transparent;
}
.markerContainer .marker.deliv-marker img {
width: 77px;
}
#leftMenu li .pc {
padding-left: 20px;
}
#leftMenu li .pc img {
width: 32px;
}
#empty .emptyMenu {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
#leftMenu .pc, #leftMenu .tx {
padding: 4px 8px !important;
}
/*Youtube Page start*/
.tabs__caption {
gap: 10px;
}
.tabs__caption,
.tabs__caption-internal {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
position: relative;
}
.tabs__caption a {
text-decoration: none;
}
.tabs__caption .tabs__caption-item {
font-size: 16px;
padding: 9px 15px;
min-width: 134px;
width: auto;
background: #ffffff;
color: #000000;
position: relative;
border: 1px solid #f3f3f3;
text-align: center;
cursor: pointer;
}
.tabs__caption-title {
padding: 50px 0 20px;
font-size: 18px;
/*border-bottom: 1px solid #f3f3f;*/
}
.tabs__caption .tabs__caption-item:not(.active),
.tabs__caption-internal .tabs__caption-item-internal:not(.active) {
cursor: pointer;
}
.tabs__caption .tabs__caption-item:not(.active):hover {
background: #f89e1c;
}
.tabs__caption .active {
background: #f89e1c;
color: #ffffff;
}
.tabs__content {
display: none;
}
.tabs__content.active:not(:last-child) {
margin-bottom: 50px;
}
.tabs__content.active,
.tabs__content-internal.active {
display: block;
}
.tabs__caption-item-internal .count-svg,
.tabs__caption-item-internal.active .count-number {
display: none;
}
.tabs__caption-item-internal.active .count-svg,
.tabs__caption-item-internal .count-number {
display: block;
}
.tabs__caption-item-internal .count-svg {
color: red;
}
.tabs__caption-item-internal .count-number {
width: 18px;
}
.tabs__caption-item-internal .count-svg {
width: 18px;
}
/* tabs-internal start */
.tabs-internal {
display: flex;
justify-content: space-between;
border: 1px solid #f3f3f3;
}
.tabs__caption-internal {
flex-direction: column;
/*min-width: 425px;*/
/*max-width: 425px;*/
width: 425px;
}
.tabs__content-internal {
display: none;
padding: 0;
width: 100%;
}
.youtube-playlist {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
padding: 34px 30px;
}
.youtube-playlist .youtube-playlist__name {
font-size: 16px;
font-weight: 600;
}
.youtube-playlist .youtube-playlist__count {
font-size: 13px;
font-weight: 300;
color: #888888;
}
.youtube-playlist__files {
overflow-y: scroll;
}
.youtube-playlist__files::-webkit-scrollbar {
width: 5px;
}
/* Track */
.youtube-playlist__files::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* Handle */
.youtube-playlist__files::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(193, 193, 193, 0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.youtube-playlist__files::-webkit-scrollbar-thumb:window-inactive {
background: rgba(193, 193, 193, 0.4);
}
.tabs__content-internal .item {
position: relative;
width: 100%;
overflow: hidden;
padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
.tabs__content-internal .item .main-video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
}
.tabs__caption-internal .tabs__caption-item-internal {
min-height: 98px;
display: flex;
align-items: center;
font-size: 16px;
/*padding: 15px 10px 15px 0;*/
min-width: 134px;
width: auto;
background: #ffffff;
color: #000000;
position: relative;
border: 1px solid #f3f3f3;
text-align: center;
cursor: pointer;
}
.tabs__caption-internal .active {
background: #f1f1f1;
color: #000000;
}
.tabs__caption-internal .tabs__caption-item-internal:not(.active):hover {
background: #f1f1f1;
}
.internal-flex {
display: flex;
flex-wrap: nowrap;
}
.internal-flex__count {
display: flex;
flex-wrap: nowrap;
align-items: center;
padding: 0 5px 0 7px;
}
.internal-flex__image {
padding-right: 10px;
}
.internal-flex__image img {
width: 131px;
object-fit: cover;
height: 75px;
}
.internal-flex__text {
display: flex;
flex-direction: column;
justify-content: space-evenly;
text-align: left;
padding-right: 10px;
}
.flex__text-title {
font-size: 16px;
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
box-orient: vertical;
}
.flex__text-subtitle {
font-size: 13px;
font-weight: 300;
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
box-orient: vertical;
}
.tabs__content-internal iframe {
width: 100%;
height: 100%;
border: none;
}
/* tabs-internal end */
@media screen and (min-width: 1368px) {
.youtube-playlist__files {
height: 300px;
}
}
@media screen and (min-width: 1600px) {
.youtube-playlist__files {
height: 400px;
}
}
@media screen and (min-width: 1792px) {
.youtube-playlist__files {
height: 500px;
}
}
@media screen and (max-width: 1367px) {
.tabs-internal {
flex-direction: column;
margin-bottom: 50px;
}
.tabs__caption-internal {
max-width: 100%;
}
.tabs__content-internal,
.tabs__caption-internal {
width: 100%;
}
.youtube-playlist__files {
min-height: 100px;
height: 100%;
max-height: 300px;
}
}
@media screen and (max-width: 650px) {
.tabs__caption .tabs__caption-item,
.tabs__caption-internal .tabs__caption-item-internal {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
}
@media screen and (min-width: 1920px) {
.youtube-playlist__files {
height: 543px;
}
}
@media screen and (min-width: 2560px) {
.youtube-playlist__files {
height: 568px;
}
}
/*Youtube Page end*/
/* selection*/
.cd-dropdown,
.cd-select {
position: relative;
min-width: 300px;
width: 100%;
margin: 20px auto;
display: block;
}
.cd-dropdown > span {
width: auto;
height: 60px;
line-height: 60px;
color: #999;
font-weight: 700;
font-size: 16px;
background: #fff;
display: block;
padding: 0 50px 0 30px;
position: relative;
cursor: pointer;
}
.cd-dropdown > span:after {
content: '';
background-image: url("/bitrix/templates/dresscode/images/new/youtube-page/youtube-arrow.svg");
background-repeat: no-repeat;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 15px;
text-align: center;
/*font-size: 12px;*/
/*padding: 10px;*/
height: 15px;
/*line-height: 24px;*/
/*border-left: 1px solid #ddd;*/
}
.cd-dropdown.cd-active > span:after {
transform: rotate(180deg);
top: 37%;
}
.cd-dropdown ul {
list-style-type: none;
margin: 0;
padding: 0;
display: block;
position: relative;
}
.cd-dropdown ul li {
display: block;
}
.cd-dropdown ul li span {
width: auto;
background: #fff;
line-height: 60px;
padding: 0 30px 0 30px;
display: block;
color: #bcbcbc;
cursor: pointer;
font-weight: 700;
}
.cd-dropdown > span,
.cd-dropdown ul li span {
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cd-dropdown > span span[class^="icon-"],
.cd-dropdown > span span[class*=" icon-"] {
padding: 0 30px 0 45px;
}
/* Select fallback styling */
.cd-select {
border: 1px solid #ddd;
}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
.main p {
color: #AAA;
padding: 20px 30px 0px 0px;
font-size: 20px;
line-height: 34px;
font-weight: 300;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
/* Header Style */
.codrops-top {
line-height: 24px;
font-size: 11px;
background: #fff;
background: rgba(255, 255, 255, 0.5);
text-transform: uppercase;
z-index: 9999;
position: relative;
box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2);
}
.codrops-top a {
padding: 0px 10px;
letter-spacing: 1px;
color: #333;
display: inline-block;
}
.codrops-top a:hover {
background: rgba(255, 255, 255, 0.8);
color: #000;
}
.codrops-top span.right {
float: right;
}
.codrops-top span.right a {
float: left;
display: block;
}
/* Demo Buttons Style */
.codrops-demos {
float: right;
padding-top: 10px;
}
.codrops-demos a {
display: inline-block;
margin: 10px;
color: #666;
font-weight: 700;
line-height: 30px;
border-bottom: 4px solid transparent;
}
.codrops-demos a:hover {
color: #000;
border-color: #000;
}
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
color: #aaa;
border-color: #aaa;
}
@media screen and (max-width: 730px) {
.fleft {
width: 100%;
float: none;
text-align: center;
}
}
.cd-dropdown > span,
.cd-dropdown ul li:nth-last-child(-n+3) span {
/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);*/
border: 1px solid #f3f3f3;
}
.cd-dropdown ul {
position: absolute;
top: 0px;
width: 100%;
}
.cd-dropdown ul li {
position: absolute;
width: 100%;
}
.cd-active.cd-dropdown > span {
color: #f89e1c;
}
.cd-active.cd-dropdown > span,
.cd-active.cd-dropdown ul li span {
/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);*/
border: 1px solid #f3f3f3;
}
.cd-active.cd-dropdown ul li span {
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
.cd-active.cd-dropdown ul li span:hover {
background: #f3f3f3;
color: #000000;
}
@media screen and (max-width: 767px) {
.tabs__caption {
display: none;
}
.youtube-playlist {
font-size: 13px;
padding: 15px 30px;
}
.tabs__caption-title {
padding-top: 20px;
}
.flex__text-title {
font-size: 12px;
}
.flex__text-subtitle {
font-size: 10px;
}
.internal-flex__image img {
width: 90px;
height: 50px;
}
}
@media screen and (min-width: 768px) {
.mobile-tabs {
display: none;
}
.banner-elem .tb {
height: 180px;
}
}
@media screen and (max-width: 500px) {
.slider-wrapper__slide img {
height: 220px;
}
.internal-flex__count {
padding: 0;
}
.flex__text-title {
margin-bottom: 5px;
}
.flex__text-title,
.flex__text-subtitle {
line-height: normal;
}
.youtube-playlist__files {
height: 200px;
}
}
/*Youtube pagination start*/
.youtube-show-more {
display: block;
text-align: center;
padding: 70px 0;
}
.youtube-show-more a {
font-size: 16px;
padding: 9px 15px;
min-width: 134px;
min-width: 134px;
background: #f89e1c;
color: #ffffff;
position: relative;
border: 1px solid #f3f3f3;
text-align: center;
text-decoration: none;
cursor: pointer;
}
.youtube-show-more a:hover {
background-color: #ffa800;
}
/*Youtube pagination end*/
/*breadcrumbs start*/
#breadcrumbs,
#breadcrumbs ul {
overflow: visible;
}
#breadcrumbs ul li {
position: relative;
}
#breadcrumbs ul li:hover .internal-crumbs {
opacity: 1;
visibility: visible;
}
.internal-crumbs {
opacity: 0;
visibility: hidden;
transition: opacity .5s;
position: absolute;
background: #ffffff;
box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
top: 20px;
left: 0;
width: 100%;
min-width: 170px;
z-index: 99;
padding: 10px;
}
.flex-crumbs {
display: flex;
flex-direction: column;
height: 100%;
}
.flex-crumbs li {
color: #000000;
}
.flex-crumbs li:hover {
color: #888888;
cursor: pointer;
}
/*breadcrumbs end*/
/*breadcrumbs near footer start*/
.articles-links-block {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
/*gap: 15px;*/
margin-bottom: 45px;
}
.articles-links-block span {
margin-right: 15px;
}
.articles-links-block a {
position: relative;
text-decoration: none;
color: #f99e1c;
text-align: center;
padding: 5px 10px;
}
.articles-links-block a:hover {
text-decoration: underline;
}
/*breadcrumbs near footer end*/
/*27.05*/
.articles-links-block span {
display: inline-flex;
align-self: center;
}
.footer-links-block span {
display: inline-flex;
align-self: center;
}
/*27.05*/
/*05.09.2022*/
#appFastBuy .qtyBlock {
margin-bottom: 12px;
}
#appFastBuy .qtyBlock .qty {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
display: inline-block;
text-align: center;
font-size: 12px;
margin: 0 2px;
height: 19px;
width: 40px;
padding: 0 2px;
border: 0;
}
#appFastBuy .qtyBlock .qty {
background-color: #e7e8ea;
color: #000000;
}
#appFastBuy .qtyBlock .qty.error {
border: 1px solid #ff0000;
}
#appFastBuy .qtyBlock .plus,
#appFastBuy .qtyBlock .minus {
vertical-align: middle;
display: inline-block;
height: 19px;
width: 19px;
}
#appFastBuy .qtyBlock .plus,
#appFastBuy .qtyBlock .minus {
background: url(/bitrix/components/dresscode/catalog.item/templates/detail/images/plusMinusElement.png) 0 0 no-repeat #424242;
}
#appFastBuy .qtyBlock .plus {
background-position: 0 -19px;
}
#appFastBuy .qtyBlock .plus:hover {
background-position: -19px -19px;
}
#appFastBuy .qtyBlock .plus:active {
background-position: -38px -19px;
}
#appFastBuy .qtyBlock .minus:hover {
background-position: -19px 0x;
}
#appFastBuy .qtyBlock .minus:active {
background-position: -38px 0px;
}
#appFastBuy .qtyBlock label {
padding-right: 12px;
}
@media (max-width: 576px) {
/* body.is-admin #main {
margin-top: 72px !important;
} */
.bx-auth .forgot-bottom {
display: block;
margin-top: 15px;
}
.btn-simple.btn-micro {
min-width: 160px;
}
.banner-elem .tb {
height: 116px;
}
}
.sc-chat-window--bar {
bottom: 0px !important;
}
.toggle-button {
border-radius: 100px !important;
width: 36px !important;
height: 53px !important;
margin-bottom: 20px;
}
.toggle-button__icon {
margin-right: 10px;
position: absolute;
}
.subTableRow:has(.search_res.visible) #searchOverlap {
display: block;
}
.main__tabs .responsive-tabs .img-arrow-all {
pointer-events: none;
}
@media (max-width: 1024px) {
.mobheader .mobheader__btns .topCompare {
margin-top: 0;
}
.mobheader .mobheader__btns .topCompare a {
width: 48px;
height: 48px;
}
.mobheader .mobheader__btns .topCompare a .icon {
margin-right: 0;
height: 48px;
width: 48px;
pointer-events: none;
}
.mobheader .mobheader__btns .header__callback {
width: 48px;
height: 48px;
padding: 0;
}
.mobheader .mobheader__btns .header__callback a {
width: 48px;
height: 48px;
padding: 0;
}
.mobheader .mobheader__btns .header__callback:before {
transform: translateY(-50%) translateX(-50%);
top: calc(50% - 2px);
left: 50%;
}
.mobheader .mobheader__btns .mobheader__btn.mobheader__search {
padding: 0;
margin: 0;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.mobheader .mobheader__btns .mobheader__btn.mobheader__search img {
margin-bottom: 4px;
pointer-events: none;
}
.mobheader .mobheader__btns #flushMainCartMobile {
width: 48px;
height: 48px;
}
.mobheader .mobheader__btns #flushMainCartMobile .mobheader__btn.mobheader__bag {
padding: 0;
margin: 0;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.mobheader .mobheader__btns #flushMainCartMobile .mobheader__btn.mobheader__bag:before {
top: 0;
right: 0;
}
.mobheader .mobheader__btns #flushMainCartMobile .mobheader__btn.mobheader__bag img {
margin-bottom: 4px;
pointer-events: none;
}
}
#foundation:has(.main_node.eChild.activeDrop) .removedItemsContainer ul.removedItemsList {
display: none !important;
}
#catalogLine select {
border-radius: 4px;
padding: 0 30px 0 10px;
height: 30px;
align-items: center;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(images/arrDown.svg);
background-position: right 7px center;
background-repeat: no-repeat;
background-size: 15px 15px;
background-color: #F8F8F8B2;
font-family: 'Roboto', sans-serif !important;
font-weight: 300;
font-size: 14px;
color: #000;
}
.mobheader-search {
height: 38px;
position: relative;
background-color: #fff;
padding: 8px 0;
}
.mobheader-search .mobheader-search__icon {
height: 24px;
width: 24px;
position: absolute;
left: 16px;
transform: translateY(-50%);
top: 50%;
}
.mobheader-search .mobheader-search__field {
height: 100%;
border-radius: 48px;
padding: 0 16px 0 50px;
width: calc(100% - 64px);
border: 1px solid #e7e8ea;
}
.mobheader-search .mobheader__search-input {
height: 100%;
padding: 0;
border: none;
border-radius: inherit;
}
.mobheader-search .mobheader__result {
background-color: #fff;
}
.mobheader-search .search-sections {
display: none;
}
.mobheader-search .mobheader__result-title {
margin-top: 0;
border-top: none;
line-height: 14px;
padding: 23px 0 15px;
}
body:has(.mobheader-search .mobheader__result #searchResultMobile.visible) {
overflow: hidden !important;
}
.mobheader-search .mobheader__result .items-search.list-items-search {
overflow-y: auto;
padding-top: 0;
height: 100%;
max-height: 320px;
}
.mobheader-search .mobheader__result .searchAllResult {
height: 50px !important;
display: flex !important;
justify-content: center;
align-items: center;
}
.mobheader-search .mobheader__result .searchAllResult span {
padding: 0;
border-bottom: none !important;
line-height: inherit !important;
}
.mobHeader-wishlist a {
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
}
.mobHeader-wishlist a img {
width: 22px;
margin-bottom: 5px;
}
.mainTool.fixed.--only-mob .columnRowWrap .fastBack.changeID,
.mainTool.fixed.--only-mob .columnRowWrap .addCart.changeCart {
height: 40px !important;
line-height: 40px !important;
}
.mobheader .mobHeader-wishlist {
position: relative;
}
.mobheader .mobHeader-wishlist .wishlist-count {
position: absolute;
top: 0;
right: 0;
width: 24px;
height: 24px;
border: 2px solid #ddd;
border-radius: 50%;
background-color: #fff;
font-size: 13px;
line-height: 21px;
text-align: center;
box-sizing: border-box;
color: #d1d1d1;
}
.mobheader .mobHeader-wishlist a.active .wishlist-count {
border-color: #f89e1c;
color: #f89e1c;
}
#upButton {
right: 52px;
bottom: 220px;
}
#bingc-phone-button {
bottom: 111px !important;
right: 40px !important;
}
#kwizbot_widget .toggle-button {
bottom: 20px !important;
right: 32px !important;
}
@media (max-width: 1024px) {
#upButton {
right: 20px;
bottom: 193px;
}
#bingc-phone-button {
bottom: 95px !important;
right: 9px !important;
}
#kwizbot_widget .toggle-button {
bottom: 15px !important;
right: 2px !important;
}
body:has(#catalogElement.item) #bingc-phone-button {
right: 7px !important;
bottom: 232px !important;
}
body:has(#catalogElement.item) #kwizbot_widget .toggle-button {
bottom: 155px !important;
}
body:has(#catalogElement.item) #upButton {
right: 18px;
bottom: 328px;
}
body:has(#catalogElement.item) #footer {
padding-bottom: 136px;
}
}
/* new socials */
.h-socials {
display: flex;
align-items: center;
height: 40px;
}
.h-socials__item {
display: inline-flex;
position: relative;
align-items: center;
justify-content: center;
transition: opacity .3s;
}
.h-socials__item:before {
content: '';
position: absolute;
top: 2px;
right: 2px;
bottom: 2px;
left: 2px;
border-radius: 3px;
background-color: var(--bgColor);
}
.h-socials__item:not(:last-child) {
margin-right: 2px;
}
.h-socials__item:hover {
opacity: .7;
}
.h-socials__item svg {
position: relative;
width: 28px;
height: 28px;
fill: #fff;
}
#brandList .picture {
opacity: 1;
}
/* compare notification */
.topCompare {
position: relative;
}
.av-compare-notification {
display: flex;
position: absolute;
top: 40px;
right: -140px;
z-index: 9999;
justify-content: flex-end;
padding-top: 16px;
pointer-events: none;
}
.av-compare-notification__item {
position: relative;
/*margin-right: 142px;*/
padding: 10px 24px;
border-radius: 3px;
background-color: #F89E1C;
color: #fff;
text-decoration: underline;
white-space: nowrap;
opacity: 0;
transition: opacity .3s;
pointer-events: none;
}
.av-compare-notification__item.is-active {
opacity: .9;
}
.av-compare-notification__item:before {
content: '';
position: absolute;
top: -17px;
left: 36px;
width: 0;
height: 0;
border-left: 20px solid #F89E1C;
border-top: 18px solid transparent;
}
/*@media screen and (max-width: 1490px) {*/
/* .av-compare-notification {*/
/* padding-top: 24px;*/
/* }*/
/*}*/
/*@media screen and (max-width: 1367px) {*/
/* .av-compare-notification {*/
/* padding-top: 32px;*/
/* }*/
/*}*/
/*@media screen and (max-width: 1024px) {*/
/* .av-compare-notification {*/
/* z-index: 99999;*/
/* padding-top: 66px;*/
/* }*/
/* .av-compare-notification__item:before {*/
/* top: auto;*/
/* right: 26px;*/
/* bottom: 100%;*/
/* transform: scaleY(-1);*/
/* }*/
/*}*/
/*@media screen and (max-width: 700px) {*/
/* .av-compare-notification__item {*/
/* margin-right: 154px;*/
/* }*/
/*}*/
#smallElementTools .mainTool .prices-block,
#elementTools .mainTool .prices-block {
padding-top: 0;
display: flex;
flex-direction: column;
row-gap: 6px;
margin-bottom: 10px;
}
#smallElementTools .mainTool .install,
#elementTools .mainTool .install {
font-family: 'Roboto Condensed';
color: #52a91f;
font-size: 15px;
line-height: 18px;
font-weight: 300;
margin-bottom: 24px;
}
#smallElementTools .mainTool .install {
text-align: center;
}
#elementTools .mainTool .install > span:first-of-type,
#smallElementTools .mainTool .install > span:first-of-type {
margin-left: 6px;
}
#smallElementTools .mainTool .columnRowWrap a.fastBack.label.changeID {
color: #000;
}
body.is-admin #foundation > br {
display: none;
}
@media (max-width: 1024px) {
body.is-admin #foundation #main {
margin-top: 0 !important;
}
body.is-admin:has(.mobheader:not(.mob_fix)):has(#foundation .product-nav) #foundation #main {
margin-top: 40px !important;
}
body.is-admin:has(.mobheader.mob_fix):has(#foundation :not(.product-nav)) #foundation #main {
margin-top: 120px !important;
}
body.is-admin:has(.mobheader.mob_fix):has(#foundation .product-nav) #foundation #main {
margin-top: 146px !important;
}
}
@media (max-width: 767px) {
body.is-admin:has(.mobheader.mob_fix):has(#foundation :not(.product-nav)) #foundation #main {
margin-top: 80px !important;
}
body.is-admin:has(.mobheader.mob_fix):has(#foundation .product-nav) #foundation #main {
margin-top: 116px !important;
}
}
@media (max-width: 550px) {
body.is-admin:has(.mobheader.mob_fix):has(#foundation :not(.product-nav)) #foundation #main {
margin-top: 50px !important;
}
body.is-admin:has(.mobheader.mob_fix):has(#foundation .product-nav) #foundation #main {
margin-top: 92px !important;
}
}
@media (max-width: 425px) {
body.is-admin:has(.mobheader.mob_fix):has(#foundation :not(.product-nav)) #foundation #main {
margin-top: 30px !important;
}
body.is-admin:has(.mobheader.mob_fix):has(#foundation .product-nav) #foundation #main {
margin-top: 72px !important;
}
}
@media (max-width: 767px) {
#foundation #main #breadcrumbs {
height: auto !important;
margin-bottom: 20px !important;
}
}
/* catalog 17.09.24 start */
@media screen and (max-width: 1024px) {
#catalogLine .viewList .element:nth-child(2) {
display: none;
}
#catalogLine .viewList .element .table {
padding: 0;
}
#catalog .productList {
display: grid;
grid-template-columns: repeat(3, 1fr);
width: 100%;
padding: 0;
}
#catalog .productList.list-items {
grid-template-columns: 1fr;
}
.product {
width: 100%;
}
}
@media screen and (max-width: 790px) {
#catalog .productList {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 700px) {
#catalog .items.productList.grid-items {
grid-template-columns: repeat(2, 1fr);
}
#catalog .items.productList.grid-items .productTable {
display: flex;
flex-direction: column;
}
#catalog .items.productList.grid-items .productColImage {
width: 100%;
max-width: none;
padding-right: 0;
}
#catalog .items.productList.grid-items .product .picture {
height: 150px;
}
#catalog .items.productList.grid-items .product .picture img {
max-width: 100%;
max-height: 100%;
transform: none;
}
#catalog .items.productList.grid-items .product .label.changeAvailable {
position: absolute;
top: 236px;
right: auto;
left: 14px;
max-width: none;
white-space: nowrap;
}
#catalog .items.productList.grid-items .btn-simple.add-cart {
display: none;
}
#catalog .items.productList.grid-items .product .row {
overflow: visible;
margin: 0;
}
#catalog .items.productList.grid-items .product .label {
float: none;
}
#catalog .items.productList.grid-items .product .label.addCompare, #catalog .items.productList.grid-items .product .label.addWishlist {
display: flex;
position: absolute;
top: 10px;
right: 15px;
justify-content: center;
width: 23px;
height: 16px;
margin: 0;
padding: 0;
font-size: 0;
}
#catalog .items.productList.grid-items .product .label.addCompare .icon, #catalog .items.productList.grid-items .product .label.addWishlist .icon {
margin: 0;
padding: 0;
}
#catalog .items.productList.grid-items .product .label.addWishlist {
top: 43px;
}
#catalog .items.productList.grid-items .product .label.fastBack {
display: flex;
align-items: center;
justify-content: center;
width: auto;
height: 30px;
margin-bottom: 0;
border: 1px solid #E7E8EA;
border-radius: 2px;
color: #000000;
font-weight: 300;
font-size: 13px;
line-height: 18px;
}
#catalog .items.productList.grid-items .product .label.fastBack img {
display: none;
}
#catalog .items.productList.grid-items .product .addCart {
margin-top: 14px;
}
#catalog .items.productList.grid-items .product .name {
margin-bottom: 43px;
}
#catalog .items.productList.grid-items .elementProperties {
display: none;
}
}
@media screen and (max-width: 600px) {
#catalog .productList {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 525px) {
#catalogLine {
display: flex;
height: 32px;
margin-bottom: 20px;
padding: 0;
border: none;
line-height: 32px;
}
#catalogLine .column:last-child {
display: inline-flex;
flex-grow: 1;
justify-content: flex-end;
}
#catalogLine .viewList {
display: flex;
}
#catalogLine .viewList .element {
display: flex;
align-items: center;
}
#catalogLine .viewList .element:not(:first-child) {
margin-left: 2px;
}
#catalogLine select {
padding: 0 22px 0 8px;
}
#catalogLine .oSmartFilter .ico {
padding-right: 6px;
}
.catalogLine--fixed-down {
position: static;
}
}
@media screen and (min-width: 1024px) {
.multi-theme-compact .multi-wrapper {
margin: 42px auto !important;
}
body:has(.mobheader.shadow) .multi-theme-compact .multi-wrapper {
margin: 10px auto !important;
}
}
@media screen and (max-width: 1023px) {
body:has(.multi-header) .mobheader .mobheader-search {
display: none;
}
body:has(.multi-header) #foundation {
padding-top: 20px;
}
}
.subTableColumn .search-sections {
display: none;
}
.verticalBlock.logo-wrap .language-logo {
display: none;
}
#logo a {
display: flex;
}
.multi-theme-compact .multi-wrapper a.multi-title,
.multi-theme-compact .multi-wrapper .multi-title .multi-arrow-rightIcon {
transition: all .2s;
}
.multi-theme-compact .multi-wrapper a.multi-title:hover {
color: #F89E1C !important;
border-bottom: 1px solid #F89E1C !important;
}
.multi-theme-compact .multi-wrapper .multi-title:hover .multi-arrow-rightIcon {
fill: #F89E1C;
}
.multi-theme-compact .multi-wrapper .multi-taxon span {
transition: all .2s;
}
.multi-theme-compact .multi-wrapper .multi-taxon:hover span:first-child {
color: #F89E1C !important;
}
.multi-theme-compact .multi-wrapper .multi-item:hover .multi-content a span {
color: #F89E1C !important;
}
.popular-category-slider a div.a {
justify-content: center;
overflow: hidden;
}
.popular-category-slider a img {
min-height: 190px;
background-color: #fff;
}
.youtube__wrapper {
display: block;
/*min-height: 17vw;*/
}
.youtube-player {
padding-bottom: 53%;
}
.youtube__wrapper .item {
height: auto;
}
@media screen and (max-width: 768px) {
.internal__compliter {
margin: 0 auto 0;
}
}
@media (max-width: 767px) {
.slick-main-slider .main-block__right-text .btn-simple, .main-block__right-text .descr, .youtube__wrapper .item {
display: inherit !important;
}
}
.popular__services-wrapper .items.clearfix.popular-category-slider:not(.slick-initialized) {
display: flex;
overflow: hidden;
}
.popular__services-wrapper .items.clearfix.popular-category-slider:not(.slick-initialized) .item {
width: 16.66%;
min-width: 16.66%;
max-width: 16.66%;
}
@media (max-width: 1500px) {
.popular__services-wrapper .items.clearfix.popular-category-slider:not(.slick-initialized) .item {
width: 20%;
min-width: 20%;
max-width: 20%;
}
}
@media (max-width: 1200px) {
.popular__services-wrapper .items.clearfix.popular-category-slider:not(.slick-initialized) .item {
width: 25%;
min-width: 25%;
max-width: 25%;
}
}
@media (max-width: 960px) {
.popular__services-wrapper .items.clearfix.popular-category-slider:not(.slick-initialized) .item {
width: 33.33%;
min-width: 33.33%;
max-width: 33.33%;
}
}
@media (max-width: 768px) {
.popular__services-wrapper .items.clearfix.popular-category-slider:not(.slick-initialized) .item {
width: 50%;
min-width: 50%;
max-width: 50%;
}
}
/* catalog 17.09.24 end */
#leftMenu .drop {
width: auto;
background-color: #f5f5f5;
}
.cataloglist__wrap:has(.menuLink) {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 12px;
grid-column-gap: 12px;
}
.cataloglist__wrap:has(.menuItems:nth-child(2)) {
grid-template-columns: 1fr 1fr;
}
.cataloglist__wrap:has(.menuItems:nth-child(3)) {
grid-template-columns: 1fr 1fr 1fr;
}
#leftMenu .drop:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: calc(100% + 26px);
height: 100%;
background-color: #f5f5f5;
z-index: -1;
}
#leftMenu .menuItems {
width: 100%;
/*display: grid;*/
/*grid-template-columns: 1fr 1fr 1fr;*/
/*grid-row-gap: 12px;*/
/*grid-column-gap: 12px;*/
background-color: #f5f5f5;
display: flex;
flex-direction: column;
row-gap: 12px;
flex-wrap: wrap;
}
#leftMenu .menuItems li.category {
display: grid;
grid-template-columns: 1fr 3fr;
background-color: #fff;
padding: 12px;
}
#leftMenu .menuItems li.category .category__image a {
padding-right: 12px;
}
#leftMenu .menuItems li.category .category__image img {
max-width: 100px;
min-width: 100px;
width: 100px;
object-fit: contain;
max-height: 100px;
}
#leftMenu .menuItems .category-list_subCategories .menuLink.menuLink-title {
margin-bottom: 8px;
}
#leftMenu .menuItems .category-list_subCategories {
min-width: 240px;
}
@media (max-width: 1600px) {
#leftMenu .menuItems {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 1120px) {
#leftMenu .menuItems .category-list_subCategories {
min-width: 200px;
}
}
#leftMenu .menuItems > li {
margin-top: 0;
}
.b24-widget-button-position-bottom-right {
right: 54px !important;
bottom: 26px !important;
z-index: 200002 !important
}
@media all and (max-width: 1024px) {
.b24-widget-button-position-bottom-right {
right: 25px !important;
bottom: 22px !important;
z-index: 200002 !important
}
body:has(#catalogElement.item) .b24-widget-button-position-bottom-right {
right: 22px !important;
bottom: 165px !important;
}
}
@media (max-width: 1600px) {
.collapsed.hover-menu div.cataloglist__wrap:has(.menuLink) {
padding: 12px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-flow: row;
gap: 12px 12px;
max-width: 800px;
}
.collapsed.hover-menu #leftMenu .cataloglist__wrap .menuItems {
display: contents;
}
.cataloglist__wrap .category {
break-inside: avoid;
}
#leftMenu .drop:after {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
.items.productList.grid-items .clear {
display: none;
}
}
@media only screen and (min-width: 768px) {
.items.productList.table-items + .show_more_desscode_row {
display: block;
}
.items.productList.table-items .clear {
display: inline-block;
}
}
@media all and (max-width: 1024px) {
body #main:has(.product-nav) {
margin-top: 84px !important;
}
/*#main {*/
/* margin-top: 50px;*/
/*}*/
}
/*
.main-slider .text-block {
pointer-events: none;
}
*/
#pictureContainer .pictureSlider.product__slider-main:not(.slick-initialized) .item {
display: none !important;
}
#pictureContainer .pictureSlider.product__slider-main:not(.slick-initialized) .item:first-child {
display: block;
}
.multi-header .multi-input {
font-weight: 300 !important;
}
.multi-theme-compact .multi-wrapper .multi-item .multi-content a span {
font-weight: 300 !important;
transition: all .2s;
}
.multi-results .multi-cell .multi-title span {
font-weight: 300 !important;
}