html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
display: block
}
audio,canvas,progress,video {
display: inline-block;
vertical-align: baseline
}
audio: not([controls]) {
display: none;
height: 0
}
[hidden],template {
display: none
}
a {
background-color: transparent
}
a:active,a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,strong {
font-weight: bold
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
img {
border: 0
}
svg: not(: root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,kbd,pre,samp {
font-family: monospace,monospace;
font-size: 1em
}
button,input,optgroup,select,textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,select {
text-transform: none
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],html input[disabled] {
cursor: default
}
button:: -moz-focus-inner,input:: -moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type="checkbox"],input[type="radio"] {
box-sizing: border-box;
padding: 0
}
input[type="number"]:: -webkit-inner-spin-button,input[type="number"]:: -webkit-outer-spin-button {
height: auto
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box
}
input[type="search"]:: -webkit-search-cancel-button,input[type="search"]:: -webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: bold
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,th {
padding: 0
}
@font-face {
font-family: 'Suisse Intl';
src: url('../fonts/suisseintl-regular.woff2') format('woff2'),url('../fonts/suisseintl-regular.woff') format('woff');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'Suisse Intl';
src: url('../fonts/suisseintl-semibold.woff2') format('woff2'),url('../fonts/suisseintl-semibold.woff') format('woff');
font-weight: bold;
font-style: normal
}
@font-face {
font-family: 'Metronomc';
src: url('../fonts/MetronomC.woff2') format('woff2'),url('../fonts/MetronomC.woff') format('woff');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'Metronomc-bold';
src: url('../fonts/MetronomCBold.woff2') format('woff2'),url('../fonts/MetronomCBold.woff') format('woff');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'Circe';
src: url('../fonts/Circe-Light.woff') format('woff');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'Circe';
src: url('../fonts/Circe-Bold.woff') format('woff');
font-weight: bold;
font-style: normal
}
* {
box-sizing: border-box
}
.grid-container {
margin-right: auto;
margin-left: auto;
padding-left: 10px;
padding-right: 10px
}
@media(max-width: 767px) {
.grid-container {
padding-left: 10px;
padding-right: 10px
}
}
.grid-row {
margin-left: -10px;
margin-right: -10px
}
@media(max-width: 767px) {
.grid-row {
margin-left: -10px;
margin-right: -10px
}
}
.col-xs-1,.col-md-1,.col-lg-1,.col-xl-1,.col-xs-2,.col-md-2,.col-lg-2,.col-xl-2,.col-xs-3,.col-md-3,.col-lg-3,.col-xl-3,.col-xs-4,.col-md-4,.col-lg-4,.col-xl-4,.col-xs-5,.col-md-5,.col-lg-5,.col-xl-5,.col-xs-6,.col-md-6,.col-lg-6,.col-xl-6,.col-xs-7,.col-md-7,.col-lg-7,.col-xl-7,.col-xs-8,.col-md-8,.col-lg-8,.col-xl-8,.col-xs-9,.col-md-9,.col-lg-9,.col-xl-9,.col-xs-10,.col-md-10,.col-lg-10,.col-xl-10,.col-xs-11,.col-md-11,.col-lg-11,.col-xl-11,.col-xs-12,.col-md-12,.col-lg-12,.col-xl-12 {
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px
}
@media(max-width: 767px) {
.col-xs-1,.col-md-1,.col-lg-1,.col-xl-1,.col-xs-2,.col-md-2,.col-lg-2,.col-xl-2,.col-xs-3,.col-md-3,.col-lg-3,.col-xl-3,.col-xs-4,.col-md-4,.col-lg-4,.col-xl-4,.col-xs-5,.col-md-5,.col-lg-5,.col-xl-5,.col-xs-6,.col-md-6,.col-lg-6,.col-xl-6,.col-xs-7,.col-md-7,.col-lg-7,.col-xl-7,.col-xs-8,.col-md-8,.col-lg-8,.col-xl-8,.col-xs-9,.col-md-9,.col-lg-9,.col-xl-9,.col-xs-10,.col-md-10,.col-lg-10,.col-xl-10,.col-xs-11,.col-md-11,.col-lg-11,.col-xl-11,.col-xs-12,.col-md-12,.col-lg-12,.col-xl-12 {
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px
}
}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
float: left
}
.col-xs-12 {
width: 100%
}
.col-xs-11 {
width: 91.66666667%
}
.col-xs-10 {
width: 83.33333333%
}
.col-xs-9 {
width: 75%
}
.col-xs-8 {
width: 66.66666667%
}
.col-xs-7 {
width: 58.33333333%
}
.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 41.66666667%
}
.col-xs-4 {
width: 33.33333333%
}
.col-xs-3 {
width: 25%
}
.col-xs-2 {
width: 16.66666667%
}
.col-xs-1 {
width: 8.33333333%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-pull-11 {
right: 91.66666667%
}
.col-xs-pull-10 {
right: 83.33333333%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-8 {
right: 66.66666667%
}
.col-xs-pull-7 {
right: 58.33333333%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-5 {
right: 41.66666667%
}
.col-xs-pull-4 {
right: 33.33333333%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-2 {
right: 16.66666667%
}
.col-xs-pull-1 {
right: 8.33333333%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-push-12 {
left: 100%
}
.col-xs-push-11 {
left: 91.66666667%
}
.col-xs-push-10 {
left: 83.33333333%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-8 {
left: 66.66666667%
}
.col-xs-push-7 {
left: 58.33333333%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-5 {
left: 41.66666667%
}
.col-xs-push-4 {
left: 33.33333333%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-2 {
left: 16.66666667%
}
.col-xs-push-1 {
left: 8.33333333%
}
.col-xs-push-0 {
left: auto
}
.col-xs-offset-12 {
margin-left: 100%
}
.col-xs-offset-11 {
margin-left: 91.66666667%
}
.col-xs-offset-10 {
margin-left: 83.33333333%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-8 {
margin-left: 66.66666667%
}
.col-xs-offset-7 {
margin-left: 58.33333333%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-5 {
margin-left: 41.66666667%
}
.col-xs-offset-4 {
margin-left: 33.33333333%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-2 {
margin-left: 16.66666667%
}
.col-xs-offset-1 {
margin-left: 8.33333333%
}
.col-xs-offset-0 {
margin-left: 0
}
@media(min-width: 480px) {
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
float: left
}
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-10 {
width: 83.33333333%
}
.col-sm-9 {
width: 75%
}
.col-sm-8 {
width: 66.66666667%
}
.col-sm-7 {
width: 58.33333333%
}
.col-sm-6 {
width: 50%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-4 {
width: 33.33333333%
}
.col-sm-3 {
width: 25%
}
.col-sm-2 {
width: 16.66666667%
}
.col-sm-1 {
width: 8.33333333%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-pull-11 {
right: 91.66666667%
}
.col-sm-pull-10 {
right: 83.33333333%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-8 {
right: 66.66666667%
}
.col-sm-pull-7 {
right: 58.33333333%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-5 {
right: 41.66666667%
}
.col-sm-pull-4 {
right: 33.33333333%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-2 {
right: 16.66666667%
}
.col-sm-pull-1 {
right: 8.33333333%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-push-12 {
left: 100%
}
.col-sm-push-11 {
left: 91.66666667%
}
.col-sm-push-10 {
left: 83.33333333%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-8 {
left: 66.66666667%
}
.col-sm-push-7 {
left: 58.33333333%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-5 {
left: 41.66666667%
}
.col-sm-push-4 {
left: 33.33333333%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-2 {
left: 16.66666667%
}
.col-sm-push-1 {
left: 8.33333333%
}
.col-sm-push-0 {
left: auto
}
.col-sm-offset-12 {
margin-left: 100%
}
.col-sm-offset-11 {
margin-left: 91.66666667%
}
.col-sm-offset-10 {
margin-left: 83.33333333%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-8 {
margin-left: 66.66666667%
}
.col-sm-offset-7 {
margin-left: 58.33333333%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-5 {
margin-left: 41.66666667%
}
.col-sm-offset-4 {
margin-left: 33.33333333%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-2 {
margin-left: 16.66666667%
}
.col-sm-offset-1 {
margin-left: 8.33333333%
}
.col-sm-offset-0 {
margin-left: 0
}
}
@media(min-width: 640px) {
.grid-container {
width: 640px
}
}
@media(min-width: 768px) {
.grid-container {
width: 768px
}
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
float: left
}
.col-md-12 {
width: 100%
}
.col-md-11 {
width: 91.66666667%
}
.col-md-10 {
width: 83.33333333%
}
.col-md-9 {
width: 75%
}
.col-md-8 {
width: 66.66666667%
}
.col-md-7 {
width: 58.33333333%
}
.col-md-6 {
width: 50%
}
.col-md-5 {
width: 41.66666667%
}
.col-md-4 {
width: 33.33333333%
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 16.66666667%
}
.col-md-1 {
width: 8.33333333%
}
.col-md-pull-12 {
right: 100%
}
.col-md-pull-11 {
right: 91.66666667%
}
.col-md-pull-10 {
right: 83.33333333%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-8 {
right: 66.66666667%
}
.col-md-pull-7 {
right: 58.33333333%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-5 {
right: 41.66666667%
}
.col-md-pull-4 {
right: 33.33333333%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-2 {
right: 16.66666667%
}
.col-md-pull-1 {
right: 8.33333333%
}
.col-md-pull-0 {
right: auto
}
.col-md-push-12 {
left: 100%
}
.col-md-push-11 {
left: 91.66666667%
}
.col-md-push-10 {
left: 83.33333333%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-8 {
left: 66.66666667%
}
.col-md-push-7 {
left: 58.33333333%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-5 {
left: 41.66666667%
}
.col-md-push-4 {
left: 33.33333333%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-2 {
left: 16.66666667%
}
.col-md-push-1 {
left: 8.33333333%
}
.col-md-push-0 {
left: auto
}
.col-md-offset-12 {
margin-left: 100%
}
.col-md-offset-11 {
margin-left: 91.66666667%
}
.col-md-offset-10 {
margin-left: 83.33333333%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-8 {
margin-left: 66.66666667%
}
.col-md-offset-7 {
margin-left: 58.33333333%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-5 {
margin-left: 41.66666667%
}
.col-md-offset-4 {
margin-left: 33.33333333%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-2 {
margin-left: 16.66666667%
}
.col-md-offset-1 {
margin-left: 8.33333333%
}
.col-md-offset-0 {
margin-left: 0
}
}
@media(min-width: 960px) {
.grid-container {
width: 960px
}
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
float: left
}
.col-lg-12 {
width: 100%
}
.col-lg-11 {
width: 91.66666667%
}
.col-lg-10 {
width: 83.33333333%
}
.col-lg-9 {
width: 75%
}
.col-lg-8 {
width: 66.66666667%
}
.col-lg-7 {
width: 58.33333333%
}
.col-lg-6 {
width: 50%
}
.col-lg-5 {
width: 41.66666667%
}
.col-lg-4 {
width: 33.33333333%
}
.col-lg-3 {
width: 25%
}
.col-lg-2 {
width: 16.66666667%
}
.col-lg-1 {
width: 8.33333333%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-pull-11 {
right: 91.66666667%
}
.col-lg-pull-10 {
right: 83.33333333%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-8 {
right: 66.66666667%
}
.col-lg-pull-7 {
right: 58.33333333%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-5 {
right: 41.66666667%
}
.col-lg-pull-4 {
right: 33.33333333%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-2 {
right: 16.66666667%
}
.col-lg-pull-1 {
right: 8.33333333%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-push-12 {
left: 100%
}
.col-lg-push-11 {
left: 91.66666667%
}
.col-lg-push-10 {
left: 83.33333333%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-8 {
left: 66.66666667%
}
.col-lg-push-7 {
left: 58.33333333%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-5 {
left: 41.66666667%
}
.col-lg-push-4 {
left: 33.33333333%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-2 {
left: 16.66666667%
}
.col-lg-push-1 {
left: 8.33333333%
}
.col-lg-push-0 {
left: auto
}
.col-lg-offset-12 {
margin-left: 100%
}
.col-lg-offset-11 {
margin-left: 91.66666667%
}
.col-lg-offset-10 {
margin-left: 83.33333333%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-8 {
margin-left: 66.66666667%
}
.col-lg-offset-7 {
margin-left: 58.33333333%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-5 {
margin-left: 41.66666667%
}
.col-lg-offset-4 {
margin-left: 33.33333333%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-2 {
margin-left: 16.66666667%
}
.col-lg-offset-1 {
margin-left: 8.33333333%
}
.col-lg-offset-0 {
margin-left: 0
}
}
@media(min-width: 1224px) {
.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12 {
float: left
}
.col-xl-12 {
width: 100%
}
.col-xl-11 {
width: 91.66666667%
}
.col-xl-10 {
width: 83.33333333%
}
.col-xl-9 {
width: 75%
}
.col-xl-8 {
width: 66.66666667%
}
.col-xl-7 {
width: 58.33333333%
}
.col-xl-6 {
width: 50%
}
.col-xl-5 {
width: 41.66666667%
}
.col-xl-4 {
width: 33.33333333%
}
.col-xl-3 {
width: 25%
}
.col-xl-2 {
width: 16.66666667%
}
.col-xl-1 {
width: 8.33333333%
}
.col-xl-pull-12 {
right: 100%
}
.col-xl-pull-11 {
right: 91.66666667%
}
.col-xl-pull-10 {
right: 83.33333333%
}
.col-xl-pull-9 {
right: 75%
}
.col-xl-pull-8 {
right: 66.66666667%
}
.col-xl-pull-7 {
right: 58.33333333%
}
.col-xl-pull-6 {
right: 50%
}
.col-xl-pull-5 {
right: 41.66666667%
}
.col-xl-pull-4 {
right: 33.33333333%
}
.col-xl-pull-3 {
right: 25%
}
.col-xl-pull-2 {
right: 16.66666667%
}
.col-xl-pull-1 {
right: 8.33333333%
}
.col-xl-pull-0 {
right: auto
}
.col-xl-push-12 {
left: 100%
}
.col-xl-push-11 {
left: 91.66666667%
}
.col-xl-push-10 {
left: 83.33333333%
}
.col-xl-push-9 {
left: 75%
}
.col-xl-push-8 {
left: 66.66666667%
}
.col-xl-push-7 {
left: 58.33333333%
}
.col-xl-push-6 {
left: 50%
}
.col-xl-push-5 {
left: 41.66666667%
}
.col-xl-push-4 {
left: 33.33333333%
}
.col-xl-push-3 {
left: 25%
}
.col-xl-push-2 {
left: 16.66666667%
}
.col-xl-push-1 {
left: 8.33333333%
}
.col-xl-push-0 {
left: auto
}
.col-xl-offset-12 {
margin-left: 100%
}
.col-xl-offset-11 {
margin-left: 91.66666667%
}
.col-xl-offset-10 {
margin-left: 83.33333333%
}
.col-xl-offset-9 {
margin-left: 75%
}
.col-xl-offset-8 {
margin-left: 66.66666667%
}
.col-xl-offset-7 {
margin-left: 58.33333333%
}
.col-xl-offset-6 {
margin-left: 50%
}
.col-xl-offset-5 {
margin-left: 41.66666667%
}
.col-xl-offset-4 {
margin-left: 33.33333333%
}
.col-xl-offset-3 {
margin-left: 25%
}
.col-xl-offset-2 {
margin-left: 16.66666667%
}
.col-xl-offset-1 {
margin-left: 8.33333333%
}
.col-xl-offset-0 {
margin-left: 0
}
}
.grid-container:before,.grid-container:after,.grid-row:before,.grid-row:after {
content: " ";
display: table
}
.grid-container:after,.grid-row:after {
clear: both
}
input,textarea,select {
-webkit-appearance: none;
border-radius: 0
}
.errortext {
color: #f86973
}
.hidden {
display: none !important
}
.clearfix:before,.clearfix:after {
content: "";
display: table
}
.clearfix:after {
clear: both
}
.clear {
clear: both
}
.fl_left {
float: left !important
}
.fl_right {
float: right !important
}
.fl_none {
float: none !important
}
.ul_simple {
list-style: none;
padding-left: 0;
margin-top: 0;
margin-bottom: 10px
}
.dark {
background-color: #19181d;
color: #fff
}
@media(max-width: 767px) {
.small_ninja {
display: none !important
}
}
@media(min-width: 768px) {
.big_ninja {
display: none !important
}
}
a {
outline: 0
}
input,textarea,select {
background-color: transparent
}
html {
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
a,area,button,[role="button"],input,label,select,summary,textarea {
-ms-touch-action: manipulation;
touch-action: manipulation
}
[tabindex="-1"]:focus {
outline: none !important
}
[hidden] {
display: none !important
}
.icon--plus {
width: 11px;
height: 11px
}
.icon--prod-soc {
width: 25px;
height: 25px
}
@media(max-width: 767px) {
.icon--prod-soc {
width: 35px;
height: 35px
}
}
.form-control {
width: 100%;
height: 48px;
padding: 5px 13px 0;
border: 1px solid #19181d;
outline: 0;
line-height: 20px;
color: #19181d;
margin-bottom: 0;
font-size: 12px;
-webkit-appearance: none;
border-radius: 0;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase
}
.form-control:: -webkit-input-placeholder {
color: #19181d;
text-transform: uppercase;
transition: all .2s ease-in-out
}
.form-control: -ms-input-placeholder {
color: #19181d;
text-transform: uppercase;
transition: all .2s ease-in-out
}
.form-control:: placeholder {
color: #19181d;
text-transform: uppercase;
transition: all .2s ease-in-out
}
.form-control:focus:: -webkit-input-placeholder {
color: transparent
}
.form-control:focus: -ms-input-placeholder {
color: transparent
}
.form-control:focus:: placeholder {
color: transparent
}
.form-control--sm {
width: 90px;
text-transform: uppercase
}
.form-control--md {
width: 300px;
text-transform: uppercase
}
.form-control--block {
width: 100%
}
.form-control--promo {
width: 177px
}
.form-control-label {
display: inline-block;
vertical-align: middle;
margin-right: 0px;
}
.form-control-label input {
display: none;
}
.form-control-label > div {
width: 14px; height: 14px;
border: 1px solid black;
position: relative;
cursor: pointer;
display: inline-block;
}
.form-control-label :checked + div:before {
position: absolute;
left: 3px; top: 3px;
width: 6px; height: 6px;
background-color: black;
content: '';
}
.form-control-label.radio-label > div {
width: 12px; height: 12px;
border-radius: 100px;
}
.form-control-label.radio-label :checked + div:before {
border-radius: 100px;
left: 2px; top: 2px;
}
.form-control-label + label {
vertical-align: middle;
}
.form-control-label.radio-label > div + span {
margin-left: 3px;
}
.dark-side .form-control {
border: 1px solid #696969;
color: #fff
}
.dark-side .form-control:: -webkit-input-placeholder {
color: #fff
}
.dark-side .form-control: -ms-input-placeholder {
color: #fff
}
.dark-side .form-control:: placeholder {
color: #fff
}
.form-group {
margin-bottom: 12px
}
.form-group .error-message {
display: none;
margin-top: 10px;
margin-left: 14px;
color: #ff6363
}
.form-group .success-message {
display: none;
margin-top: 10px;
margin-left: 14px;
color: #0c962c
}
.form-group .info-message {
margin-top: 10px;
margin-left: 14px
}
.form-group--inline {
display: inline-block
}
.form-group.error .error-message {
display: block
}
.form-group.error .form-control {
border: 1px solid #ff6363
}
.form-group.success .success-message {
display: block
}
.form-group.success .form-control {
border: 1px solid #4adb92
}
.form-group.disabled .form-control {
opacity: .3;
cursor: default
}
.form-group textarea {
outline: 0;
padding: 10px 13px;
min-height: 115px;
line-height: 20px
}
.form-heading,.heading--middle {
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
text-transform: uppercase;
font-size: 18px;
margin-bottom: 10px;
letter-spacing: .07em
}
.form-heading--lg-gap,.heading--middle--lg-gap {
margi-bottom: 30px
}
.form-msg {
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 15px
}
.heading--middle {
margin-bottom: 3px
}
.btn {
display: inline-block;
border: 0;
outline: 0;
font-family: 'Rubik',sans-serif;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
height: 48px;
vertical-align: middle;
text-align: center;
text-decoration: none;
cursor: pointer;
line-height: 48px;
-webkit-appearance: none;
border-radius: 5px;
width: 100%;
padding: 0 30px;
font-weight: 400;
white-space: nowrap;
transition: color .35s,background-color .35s,border-color .35s
}
.btn-wrapp {
padding: 10px;
margin-top: -10px;
margin-left: -10px;
margin-right: -10px;
margin-bottom: -10px;
text-decoration: none;
display: inline-block
}
.btn-wrapp--block {
display: block
}
.btn-wrapp--fav {
width: 70%
}
.btn-wrapp:hover .btn--primary {
background-color: #333
}
.btn-wrapp:hover .btn--secondary {
color: #7b7b7b;
border-image: url(../img/bdr-image-hover.png);
border-image-slice: 1;
border-image-repeat: repeat
}
.btn-wrapp:hover .btn--link {
text-decoration: underline
}
.btn-wrapp:hover .btn--underlined {
text-decoration: none
}
.btn-wrapp:hover button,.btn-wrapp:hover input[type="submit"],.btn-wrapp:hover input[type="button"] {
background-color: #333
}
.btn--primary {
background-color: #19181d;
color: #fff
}
.btn--primary:hover {
background-color: #333
}
.btn--secondary {
background-color: #fff;
color: #19181d;
border: 1px solid #19181d;
border-image: url(../img/bdr-image.png);
border-image-slice: 1;
border-image-repeat: repeat
}
.btn--secondary:hover {
color: #7b7b7b;
border-image: url(../img/bdr-image-hover.png);
border-image-slice: 1;
border-image-repeat: repeat
}
.btn--danger {
background-color: #fe424a;
color: #fff
}
.btn--info {
background-color: #ececec;
color: #19181d
}
.btn--info-secondary {
background-color: #ececec;
color: #19181d
}
.btn--sm {
height: 36px;
line-height: 36px;
font-size: 10px
}
.btn--sm.btn--secondary {
line-height: 33px
}
.btn--lg {
height: 60px;
line-height: 63px;
font-size: 14px
}
.btn--wide {
font-size: 12px
}
.btn--block {
display: block;
width: 100%
}
.btn--link {
display: inline;
line-height: normal;
background: 0;
text-transform: none;
letter-spacing: normal;
height: auto;
padding: 0;
width: auto;
border-radius: 0
}
.btn--link:hover {
text-decoration: underline
}
.btn--underlined {
text-decoration: underline
}
.btn--underlined:hover {
text-decoration: none
}
.btn--new-address {
text-align: left;
opacity: .75;
transition: opacity .35s;
text-transform: uppercase;
letter-spacing: 1px
}
.btn--new-address .icon--plus {
width: 15px;
height: 15px;
vertical-align: middle
}
.btn--new-address span {
margin-left: 5px;
vertical-align: middle
}
.btn--new-address:hover {
text-decoration: none;
opacity: 1
}
.btn--auth {
display: block;
width: 280px;
margin: -10px auto 0
}
.btn--auth .btn {
line-height: 60px
}
.primary-btn__wrapper button,.primary-btn__wrapper input[type="submit"],.primary-btn__wrapper input[type="button"] {
display: inline-block;
border: 0;
outline: 0;
font-family: 'Rubik',sans-serif;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
height: 48px;
vertical-align: middle;
text-align: center;
text-decoration: none;
cursor: pointer;
line-height: 48px;
-webkit-appearance: none;
border-radius: 5px;
margin-bottom: 10px;
width: 100%;
padding: 0 30px;
font-weight: 400;
white-space: nowrap;
background-color: #000;
color: #fff
}
.primary-btn__wrapper button:hover,.primary-btn__wrapper input[type="submit"]:hover,.primary-btn__wrapper input[type="button"]:hover {
background-color: #333
}
.primary-btn__wrapper button.btn--inline,.primary-btn__wrapper input[type="submit"].btn--inline,.primary-btn__wrapper input[type="button"].btn--inline {
width: auto;
padding: 0 40px
}
.primary-btn__wrapper button.btn--info,.primary-btn__wrapper input[type="submit"].btn--info,.primary-btn__wrapper input[type="button"].btn--info {
background-color: #ececec;
color: #19181d
}
.dark-side .btn--primary {
background: rgba(236,236,236,.3);
color: #fff
}
.dark-side .btn--primary:hover {
background: rgba(236,236,236,.8)
}
.dark-side .btn--secondary {
background-color: #19181d;
color: #fff
}
.dark-side .btn--info {
background: rgba(236,236,236,.3);
color: #fff
}
.dark-side .btn--info:hover {
background: rgba(236,236,236,.8)
}
.dark-side .btn--info-secondary,.dark-side .btn--info-secondary:hover {
background: #fff;
color: #19181d
}
.dark-side .primary-btn__wrapper button,.dark-side .primary-btn__wrapper input[type="submit"],.dark-side .primary-btn__wrapper input[type="button"] {
background: rgba(236,236,236,.3);
color: #fff
}
.dark-side .primary-btn__wrapper button .btn--info,.dark-side .primary-btn__wrapper input[type="submit"] .btn--info,.dark-side .primary-btn__wrapper input[type="button"] .btn--info {
background: rgba(236,236,236,.3);
color: #fff
}
.dark-side .primary-btn__wrapper button .btn--info:hover,.dark-side .primary-btn__wrapper input[type="submit"] .btn--info:hover,.dark-side .primary-btn__wrapper input[type="button"] .btn--info:hover {
background: rgba(236,236,236,.8)
}
.dark-side .primary-btn__wrapper button:hover,.dark-side .primary-btn__wrapper input[type="submit"]:hover,.dark-side .primary-btn__wrapper input[type="button"]:hover {
background: rgba(236,236,236,.8)
}
@media(max-width: 767px) {
.btn-wrapp {
display: block
}
.btn-wrapp--fav {
width: 100%
}
.btn--lg {
font-size: 14px
}
.btn--new-address {
font-weight: 700;
opacity: 1
}
.btn--new-address .icon--plus {
width: 10px;
height: 10px
}
.primary-btn__wrapper .btn--margin-bottom.btn {
margin-bottom: 40px
}
}
.link {
font-family: inherit;
transition: box-shadow .35s,color .35s
}
.link--primary {
color: #19181d;
text-decoration: underline
}
.link--primary:hover {
color: #19181d;
text-decoration: none
}
.link--secondary {
box-shadow: inset 0 -1px 0 0 #19181d;
text-decoration: none;
transition: box-shadow .35s,border-color .35s
}
.link--secondary:hover {
box-shadow: none;
text-decoration: none
}
.link--styled {
text-decoration: none
}
.link--styled:hover {
text-decoration: none;
box-shadow: inset 0 -1px 0 0 #19181d
}
.link--dotted {
text-decoration: none;
border-bottom: 1px dotted #19181d
}
.link--dotted:hover {
text-decoration: none;
border-bottom-color: transparent
}
.link--main-page-slider {
color: #fff;
display: inline-block;
font-weight: 400;
font-size: 26px;
text-transform: uppercase;
margin: 0 auto;
box-shadow: inset 0 -1px 0 0 #fff
}
.dark-side .link--primary {
color: #fff
}
.dark-side .link--primary:hover {
color: #fff
}
.dark-side .link--secondary {
color: #fff;
box-shadow: inset 0 -1px 0 0 #fff
}
.dark-side .link--secondary:hover {
box-shadow: none
}
.dark-side .link--styled {
color: #fff
}
.dark-side .link--styled:hover {
box-shadow: inset 0 -1px 0 0 #fff
}
.dark-side .link--dotted {
color: #fff;
border-bottom: 1px dotted #fff
}
.dark-side .link--dotted:hover {
border-bottom-color: transparent
}
@media(max-width: 767px) {
.link--main-page-slider {
font-size: 16px;
line-height: 22px
}
}
.zoom-tile {
display: -ms-flexbox;
display: flex;
overflow: hidden;
position: relative;
height: 588px;
margin-bottom: 72px;
text-decoration: none
}
.zoom-tile__image {
left: 0;
top: 0;
right: 0;
bottom: 0;
position: absolute;
background-position: center;
transition: transform .5s
}
.zoom-tile__text {
margin: auto;
z-index: 1;
position: relative;
font-size: 20px;
text-transform: uppercase;
letter-spacing: .07em;
font-weight: 400
}
.zoom-tile:hover .zoom-tile__image {
transform: scale(1.2)
}
@media(max-width: 767px) {
.zoom-tile {
height: 300px
}
.zoom-tile: not(.zoom-tile--for-him) {
margin-bottom: 10px
}
.zoom-tile__image {
background-size: cover;
background-position: center top
}
.zoom-tile__image--for-home {
background-position: center
}
.zoom-tile:hover .zoom-tile__image {
transform: none
}
}
.checkbox {
display: -ms-flexbox;
display: flex;
line-height: 18px
}
.checkbox__input {
display: none !important
}
.checkbox__icon {
display: inline-block;
width: 18px;
height: 18px;
cursor: pointer;
vertical-align: top;
margin-right: 10px
}
.checkbox__icon--checked,.checkbox__icon--unchecked--disabled,.checkbox__icon--checked--disabled,.checkbox__icon--error {
display: none
}
.checkbox__label {
vertical-align: middle;
text-transform: uppercase
}
.checkbox__input: checked ~ .checkbox__icon--unchecked {
display: none
}
.checkbox__input: checked ~ .checkbox__icon--checked {
display: inline-block
}
.checkbox__input: disabled ~ .checkbox__icon--unchecked {
display: none
}
.checkbox__input: disabled ~ .checkbox__icon--unchecked--disabled {
display: inline-block
}
.checkbox__input: checked: disabled ~ .checkbox__icon--checked {
display: none
}
.checkbox__input: checked: disabled ~ .checkbox__icon--unchecked--disabled {
display: none
}
.checkbox__input: checked: disabled ~ .checkbox__icon--checked--disabled {
display: inline-block
}
.checkbox.error .checkbox__icon {
display: none
}
.checkbox.error .checkbox__icon--error {
display: inline-block
}
.form-group.disabled .checkbox,.form-group.disabled .radio {
opacity: .3;
cursor: default
}
.form-group.disabled .checkbox__icon,.form-group.disabled .radio__icon {
cursor: default
}
.radio {
display: -ms-flexbox;
display: flex;
line-height: 12px
}
.radio__input {
display: none
}
.radio__icon {
display: inline-block;
vertical-align: top;
width: 13px;
height: 12px;
cursor: pointer;
margin-right: 10px
}
.radio__icon--checked,.radio__icon--unchecked--disabled,.radio__icon--checked--disabled {
display: none
}
.radio__label {
vertical-align: middle
}
.radio__input: checked ~ .radio__icon--unchecked {
display: none
}
.radio__input: checked ~ .radio__icon--checked {
display: inline-block
}
.radio__input: disabled ~ .radio__icon--unchecked {
display: none
}
.radio__input: disabled ~ .radio__icon--unchecked--disabled {
display: inline-block
}
.radio__input: checked: disabled ~ .radio__icon--checked {
display: none
}
.radio__input: checked: disabled ~ .radio__icon--unchecked--disabled {
display: none
}
.radio__input: checked: disabled ~ .radio__icon--checked--disabled {
display: inline-block
}
.error-message {
color: #d94452;
display: none
}
.error .error-message {
display: block
}
@media(max-width: 767px) {
.form-control--md {
width: 100%
}
.form-control--sm {
width: 100%
}
.form-group {
width: 100%
}
}
: root: root: root #informers-container {
position: fixed;
bottom: 0;
width: 100%;
z-index: 10000
}
: root: root: root #informers-container .message {
text-align: center;
padding: 16px 30px;
height: auto;
margin-top: 0;
line-height: inherit;
font-size: inherit;
white-space: inherit
}
: root: root: root #informers-container .message span {
display: inline-block;
background-repeat: no-repeat;
background-size: 18px 18px;
background-position: 0 2px;
text-align: left
}
: root: root: root #informers-container .info {
background-color: #8eb6ff
}
: root: root: root #informers-container .error {
background-color: #ff6676
}
: root: root: root #informers-container .warning {
background-color: #ffae78
}
: root: root: root #informers-container .success {
background-color: #87e2ca
}
.mCustomScrollbar {
-ms-touch-action: none;
touch-action: none
}
.mCustomScrollbar.mCS_no_scrollbar {
-ms-touch-action: auto;
touch-action: auto
}
.mCustomScrollBox {
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: 0;
direction: ltr
}
.mCSB_container {
overflow: hidden;
width: auto;
height: auto
}
.mCSB_inside>.mCSB_container {
margin-right: 30px
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
margin-right: 0;
margin-left: 30px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-left: 0
}
.mCSB_scrollTools {
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0
}
.mCSB_outside+.mCSB_scrollTools {
right: -26px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
right: auto;
left: 0
}
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
left: -26px
}
.mCSB_scrollTools .mCSB_draggerContainer {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
margin: 20px 0
}
.mCSB_scrollTools .mCSB_draggerRail {
width: 2px;
height: 100%;
margin: 0 auto;
border-radius: 16px
}
.mCSB_scrollTools .mCSB_dragger {
cursor: pointer;
width: 100%;
height: 30px;
z-index: 1
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
border-radius: 16px;
text-align: center
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 12px
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 8px
}
.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown {
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer
}
.mCSB_scrollTools .mCSB_buttonDown {
bottom: 0
}
.mCSB_horizontal.mCSB_inside>.mCSB_container {
margin-right: 0;
margin-bottom: 30px
}
.mCSB_horizontal.mCSB_outside>.mCSB_container {
min-height: 100%
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0
}
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: -26px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
margin: 0 20px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 2px;
margin: 7px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 30px;
height: 100%;
left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 12px;
margin: 2px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 8px;
margin: 4px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
right: 0
}
.mCSB_container_wrapper {
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px
}
.mCSB_container_wrapper>.mCSB_container {
padding-right: 30px;
padding-bottom: 30px
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 20px
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 20px
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 0
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 0
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 20px
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
margin-right: 0;
margin-left: 30px
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
padding-right: 0;
box-sizing: border-box
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
padding-bottom: 0;
box-sizing: border-box
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
margin-left: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0
}
.mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight {
transition: opacity .2s ease-in-out,background-color .2s ease-in-out
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out
}
.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox ~ .mCSB_scrollTools {
opacity: 0;
filter: "alpha(opacity=0)";
-ms-filter: "alpha(opacity=0)"
}
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover ~ .mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox ~ .mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)"
}
.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0,0,0,0.4);
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255,255,255,0.75);
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255,255,255,0.85);
filter: "alpha(opacity=85)";
-ms-filter: "alpha(opacity=85)"
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255,255,255,0.9);
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)"
}
.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight {
background-image: url(mCSB_buttons.png);
background-repeat: no-repeat;
opacity: .4;
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 0
}
.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -20px
}
.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -40px
}
.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -56px
}
.mCSB_scrollTools .mCSB_buttonUp:hover,.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover {
opacity: .75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_buttonUp:active,.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active {
opacity: .9;
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)"
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0,0,0,0.15)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0,0,0,0.75)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0,0,0,0.85)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: rgba(0,0,0,0.9)
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px
}
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: #fff;
background-color: rgba(255,255,255,0.1);
border-radius: 1px
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 4px;
background-color: #fff;
background-color: rgba(255,255,255,0.75);
border-radius: 1px
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255,255,255,0.85)
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255,255,255,0.9)
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px 0
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -20px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -40px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -56px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0,0,0,0.1);
border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0,0,0,0.75);
border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0,0,0,0.85)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0,0,0,0.9)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px 0
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -20px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -40px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -56px
}
.mCSB_scrollTools .mCSB_draggerRail {
width: 9px;
background-color: #fff;
background-color: rgba(255,255,255,0.1);
border-radius: 5px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
width: 9px;
background-color: #fff;
background-color: rgba(255,255,255,0.1);
border-radius: 5px
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 9px;
background-color: #fff;
background-color: rgba(255,255,255,0.75);
border-radius: 5px
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 9px;
background-color: #fff;
background-color: rgba(255,255,255,0.75);
border-radius: 5px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 9px;
background-color: #fff;
background-color: rgba(255,255,255,0.75);
border-radius: 5px
}
.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px 0
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px 0
}
.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 6px;
margin: 5px auto
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 6px;
margin: 5px auto
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255,255,255,0.85)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255,255,255,0.9)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px 0
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -20px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -40px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -56px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: #e7e7e7;
background-color: rgba(0,0,0,.1);
border-radius: 5px
}
.mCSB_scrollTools .mCSB_draggerRail {
background-color: #e7e7e7;
background-color: rgba(0,0,0,.1);
border-radius: 5px
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #adadad;
background-color: rgba(0,0,0,.3);
border-radius: 5px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #adadad;
background-color: rgba(0,0,0,.3);
border-radius: 5px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #888;
background-color: rgba(0,0,0,0.4)
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #888;
background-color: rgba(0,0,0,0.4)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #555;
background-color: rgba(0,0,0,0.6)
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #555;
background-color: rgba(0,0,0,0.6)
}
.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px 0
}
.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px 0
}
.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -20px
}
.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -40px
}
.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -56px
}
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255,255,255,0.1)
}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 2px
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 2px;
margin: 7px auto
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0,0,0,0.15)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0,0,0,0.75)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0,0,0,0.85)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0,0,0,0.9)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px
}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255,255,255,0.15)
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
height: 14px
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 14px;
margin: 0 1px
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 14px
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 14px;
margin: 1px 0
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 16px;
height: 16px;
margin: -1px 0
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 4px
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 16px;
width: 16px;
margin: 0 -1px
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 4px;
margin: 6px 0
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 -72px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -92px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -112px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -128px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0,0,0,0.75)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0,0,0,0.15)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0,0,0,0.85)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0,0,0,0.9)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px -72px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -92px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -112px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -128px
}
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
width: 4px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
background-color: transparent;
background-position: center
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
background-image: url("data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
background-repeat: repeat-y;
opacity: .3;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)"
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
height: 4px;
margin: 6px 0;
background-repeat: repeat-x
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px -72px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -92px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -112px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
background-image: url("data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px -72px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -92px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -112px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -128px
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-y;
background-image: linear-gradient(to right,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%)
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-x;
background-image: linear-gradient(to bottom,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%)
}
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
height: 70px
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 70px
}
.mCS-3d.mCSB_scrollTools,.mCS-3d-dark.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)"
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
border-radius: 16px
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
width: 8px;
background-color: #000;
background-color: rgba(0,0,0,0.2);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.5),inset -1px 0 1px rgba(255,255,255,0.2)
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #555
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 8px
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 8px;
margin: 4px 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.5),inset 0 -1px 1px rgba(255,255,255,0.2)
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 8px;
margin: 4px auto
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0,0,0,0.1);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.1)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)"
}
.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
border-radius: 7px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
border-radius: 5px
}
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
right: 1px
}
.mCS-3d-thick.mCSB_scrollTools_vertical,.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
box-shadow: inset 1px 0 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5)
}
.mCS-3d-thick.mCSB_scrollTools_horizontal,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
bottom: 1px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 0 1px 0 rgba(255,255,255,0.4)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #555
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 12px;
width: auto
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #000;
background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-3d-thick-dark.mCSB_scrollTools {
box-shadow: inset 0 0 14px rgba(0,0,0,0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 1px 0 0 rgba(255,255,255,0.4),inset -1px 0 0 rgba(0,0,0,0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #777
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #fff;
background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
right: 0;
margin: 12px 0
}
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: 0;
margin: 0 12px
}
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
left: 0;
right: auto
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent
}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
height: 50px
}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 50px
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255,255,255,0.2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)"
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255,255,255,0.5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0,0,0,0.2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0,0,0,0.5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)"
}
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
width: 6px;
background-color: #000;
background-color: rgba(0,0,0,0.2)
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px
}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 6px;
margin: 5px 0
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 12px
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 12px;
margin: 2px 0
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0,0,0,0.75)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0,0,0,0.85)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0,0,0,0.9)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0,0,0,0.1)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
width: 12px;
background-color: #000;
background-color: rgba(0,0,0,0.2)
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 12px;
margin: 2px 0
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0,0,0,0.75)
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0,0,0,0.85)
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0,0,0,0.9)
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0,0,0,0.1)
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255,255,255,0.2);
box-sizing: border-box
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
border-color: #000;
border-color: rgba(0,0,0,0.2)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255,255,255,0.6)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0,0,0,0.6)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0,0,0,0.75)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0,0,0,0.85)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0,0,0,0.9)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255,255,255,0.75)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255,255,255,0.85)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255,255,255,0.9)
}
.zoomPad {
position: relative;
float: left;
z-index: 99;
cursor: crosshair
}
.zoomPreload {
-moz-opacity: .8;
opacity: .8;
filter: alpha(opacity = 80);
color: #333;
font-size: 12px;
font-family: 'Rubik',Tahoma;
text-decoration: none;
border: 1px solid #CCC;
background-color: white;
padding: 8px;
text-align: center;
background-repeat: no-repeat;
background-position: 43px 30px;
z-index: 110;
width: 90px;
height: 43px;
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 49px
}
.zoomPup {
overflow: hidden;
background-color: #FFF;
-moz-opacity: .6;
opacity: .6;
filter: alpha(opacity = 60);
z-index: 120;
position: absolute;
border: 1px solid #CCC;
z-index: 101;
cursor: crosshair
}
.zoomOverlay {
position: absolute;
left: 0;
top: 0;
background: #FFF;
z-index: 5000;
width: 100%;
height: 100%;
display: none;
z-index: 101
}
.zoomWindow {
position: absolute;
left: 110%;
top: 40px;
background: #FFF;
z-index: 6000;
height: auto;
z-index: 10000;
z-index: 110
}
.zoomWrapper {
position: relative;
border: 1px solid #999;
z-index: 110
}
.zoomWrapperTitle {
display: block;
background: #999;
color: #FFF;
height: 18px;
line-height: 18px;
width: 100%;
overflow: hidden;
text-align: center;
font-size: 10px;
position: absolute;
top: 0;
left: 0;
z-index: 120;
-moz-opacity: .6;
opacity: .6;
filter: alpha(opacity = 60)
}
.zoomWrapperImage {
display: block;
position: relative;
overflow: hidden;
z-index: 110
}
.zoomWrapperImage img {
border: 0;
display: block;
position: absolute;
z-index: 101
}
.zoomIframe {
z-index: -1;
filter: alpha(opacity=0);
-moz-opacity: .80;
opacity: .80;
position: absolute;
display: block
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track,.slick-slider .slick-list {
transform: translate3d(0,0,0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block
}
.slick-track:before,.slick-track:after {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
outline: 0
}
[dir='rtl'] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.slick-slide img {
max-width: 100%
}
.product_main_slider img {
max-width: none !important
}
.zoomWrapper {
border: none !important
}
.slick__slide {
background-size: cover;
background-position: center;
outline: 0;
position: relative
}
.slick__slide-content {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center
}
.slick-dots {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
list-style: none
}
.slick-dots li button {
border-radius: 50%;
background-color: #fff;
border: 0;
width: 10px;
height: 10px;
font-size: 0;
line-height: 0;
outline: 0;
opacity: .3;
padding: 0
}
.slick-dots li.slick-active button {
opacity: 1
}
.slick--jumbotron {
width: 100%
}
.slick--jumbotron__heading {
width: 100%;
text-align: center;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
letter-spacing: 2px;
font-size: 48px;
color: #fff
}
.slick--jumbotron__description {
font-size: 14px;
line-height: 19px;
color: #fff
}
.slick--jumbotron__video {
width: 100%;
height: 700px
}
.slick--jumbotron .slick-dots {
bottom: -60px;
top: auto;
left: 50%;
right: auto;
transform: translate(-50%,0);
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0
}
.slick--jumbotron .slick-dots li button {
position: relative;
width: 28px;
text-align: center;
background: 0;
border-radius: 0;
padding: 10px 0;
height: 30px;
opacity: 1
}
.slick--jumbotron .slick-dots li button:after {
display: inline-block;
content: '';
width: 7px;
height: 7px;
margin: 0 10px;
background: transparent;
border: 1px solid #19181d;
transition: background .55s,border-color .55s,opacity .35s;
border-radius: 50%
}
.slick--jumbotron .slick-dots li:hover button:after {
border-color: #474747;
opacity: .75
}
.slick--jumbotron .slick-dots li.slick-active button:after {
background: #19181d;
border-color: #19181d
}
.slick--jumbotron .slick-arrow {
width: 10%;
max-width: 100px;
height: auto;
position: absolute;
background: 0;
border: 0;
top: 0;
bottom: 0;
outline: 0;
z-index: 1
}
.slick--jumbotron .slick-arrow .icon--jumbotron-arrow {
width: 28px;
height: 28px;
fill: #fff;
opacity: .5;
transition: opacity .55s;
position: absolute;
top: 50%;
margin-top: -15px
}
.slick--jumbotron .slick-arrow:hover .icon--jumbotron-arrow {
opacity: 1
}
.slick--jumbotron .slick-prev {
left: -100px
}
.slick--jumbotron .slick-prev .icon--jumbotron-arrow {
left: 50%;
margin-left: -16px
}
.slick--jumbotron .slick-next {
right: -100px
}
.slick--jumbotron .slick-next .icon--jumbotron-arrow {
right: 50%;
margin-right: -16px
}
.slick--tiles .slick-dots {
bottom: 15px;
top: auto;
left: 50%;
right: auto;
transform: translate(-50%,0);
display: -ms-flexbox;
display: flex;
padding: 0;
margin: 0
}
.slick--tiles .slick-dots li button {
width: 7px;
height: 7px;
margin: 0 7px 0 6px;
background: transparent;
box-shadow: inset 0 0 0 1px #fff,0 1px 2px 0 rgba(0,0,0,.3);
transition: background .55s,box-shadow .55s,opacity .35s;
opacity: .5
}
.slick--tiles .slick-dots li:hover button {
opacity: .75
}
.slick--tiles .slick-dots li.slick-active button {
background: #fff;
opacity: 1
}
.slick--tiles .slick-arrow {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 20%;
height: auto;
position: absolute;
background: 0;
border: 0;
top: 0;
bottom: 0;
outline: 0;
z-index: 1
}
.slick--tiles .slick-arrow .arrow-icon {
width: 24px;
height: 24px;
display: block;
background-repeat: no-repeat;
background-size: 24px 24px;
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.slick--tiles .slick-prev {
left: 0;
-ms-flex-pack: start;
justify-content: flex-start
}
.slick--tiles .slick-prev .arrow-icon {
left: 0;
background-image: url('../img/arrow-left--w.png')
}
.slick--tiles .slick-next {
right: 0;
-ms-flex-pack: end;
justify-content: flex-end
}
.slick--tiles .slick-next .arrow-icon {
right: 0;
background-image: url('../img/arrow-right--w.png')
}
.slick--look {
margin-bottom: 35px
}
.slick--look .slick__slide {
height: 792px
}
.slick--look .slick-dots {
bottom: 20px;
left: 50%;
right: auto;
top: auto;
transform: translateX(-50%);
margin: 0;
padding: 0
}
.slick--look .slick-dots li {
display: inline-block;
margin-right: 10px
}
.slick--prod-main {
margin-bottom: 20px
}
.slick--prod-main .slick-arrow {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: auto;
position: absolute;
background: 0;
border: 0;
top: 0;
bottom: 0;
left: auto;
right: 100%;
outline: 0;
z-index: 1
}
.slick--prod-main .icon--jumbotron-arrow {
width: 34px;
height: 64px;
color: #afafaf
}
.slick--prod-main .slick-next {
right: auto;
left: 100%
}
.slick--prod-nav .prod-nav__img {
max-height: 150px;
padding: 10px;
overflow: hidden;
position: relative
}
.slick--prod-nav .prod-nav__img img {
width: auto;
max-height: 150px;
margin: 0 auto
}
slick--products,.slick--interesting,.retailrocket .slick--interesting {
margin-left: -10px;
margin-right: -10px
}
.slick--products .product__badges,.slick--interesting .product__badges {
left: 20px
}
.slick--products .icon--products-arrow,.slick--interesting .icon--products-arrow {
width: 9px;
height: 12px
}
.slick--products__image-link,.slick--interesting__image-link {
display: block;
margin-bottom: 17px
}
.slick--products__image,.slick--interesting__image {
max-width: 100%
}
.slick--products__title,.slick--interesting__title {
line-height: 20px;
margin-bottom: 5px;
display: block;
cursor: pointer
}
.slick--products__title:hover,.slick--interesting__title:hover {
text-decoration: none
}
.slick--products__price,.slick--interesting__price {
line-height: 20px;
display: -ms-flexbox;
display: flex;
white-space: nowrap
}
.slick--products__price .old-price,.slick--interesting__price .old-price {
margin-right: 15px
}
.slick--products__price .icon--rouble,.slick--interesting__price .icon--rouble {
height: 9px
}
.slick--products .slick__slide,.slick--interesting .slick__slide {
padding: 0 10px
}
.slick--products .slick-arrow,.slick--interesting .slick-arrow {
width: 50px;
height: 50px;
position: absolute;
background: 0;
border: 0;
top: 50%;
margin-top: -72px;
outline: 0
}
.slick--products .slick-prev,.slick--interesting .slick-prev {
left: -42px
}
.slick--products .slick-next,.slick--interesting .slick-next {
right: -42px
}
.slick--products__heading,.slick--interesting__heading {
font-size: 20px;
font-weight: 500;
text-transform: uppercase;
margin: 0 0 40px;
text-align: center
}
.slick--products {
margin-bottom: 65px
}
.slick--interesting,.retailrocket .slick--interesting {
margin-bottom: 10px
}
.slick--interesting .slick-arrow {
margin-top: 17px
}
.slick--product__slide-content {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.slick--product__link {
margin-right: 50px;
border: 1px solid #e8e8e8
}
.slick--product__title {
font-size: 18px;
font-family: 'Suisse Intl',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
line-height: 21px;
color: #252420;
text-transform: uppercase
}
.slick--product__date {
color: #434a54;
font-size: 12px;
line-height: 22px;
margin-bottom: 20px
}
.slick--product__description {
color: #434a54;
font-size: 14px;
line-height: 19px
}
.slick--product .slick-dots li button {
background-color: #e4e4e4;
opacity: 1
}
.slick--product .slick-dots li.slick-active button {
background-color: #fff;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2)
}
.slick--product__slide-content {
padding: 85px 0
}
.slick--product .slick-track {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.slick--look-jumbotron .slick-arrow,.slick--jumbotron--shops .slick-arrow {
height: 50px;
width: 50px;
border: 0;
background: #fff;
position: absolute;
top: 50%;
margin-top: -25px;
z-index: 3;
outline: 0;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
padding: 0
}
.slick--look-jumbotron .slick-prev,.slick--jumbotron--shops .slick-prev {
left: 0
}
.slick--look-jumbotron .slick-next,.slick--jumbotron--shops .slick-next {
right: 0
}
.slick--look-jumbotron .slick-dots,.slick--jumbotron--shops .slick-dots {
bottom: 20px;
left: 50%;
right: auto;
top: auto;
transform: translateX(-50%);
margin: 0;
padding: 0
}
.slick--look-jumbotron .slick-dots li,.slick--jumbotron--shops .slick-dots li {
display: inline-block;
margin-right: 10px
}
.slick--new {
height: 550px
}
.slick--new .slick__slide {
height: 550px;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover
}
.js_thumb_slick .slick-disabled {
visibility: hidden
}
.js_thumb_slick--big .slick-disabled {
visibility: hidden
}
.slick--blogpost {
margin-bottom: 50px
}
.slick--blogpost .icon--jumbotron-arrow {
height: 10px;
width: 10px
}
.slick--blogpost .slick-arrow {
height: 50px;
width: 50px;
border: 0;
background: #fff;
position: absolute;
top: 50%;
margin-top: -25px;
z-index: 3;
outline: 0;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
padding: 0
}
.slick--blogpost .slick-prev {
left: 0
}
.slick--blogpost .slick-next {
right: 0
}
.slick--blogpost .slick-dots {
bottom: -55px;
top: auto;
left: 50%;
right: auto;
transform: translate(-50%,0);
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0
}
.slick--blogpost .slick-dots li button {
position: relative;
width: 28px;
text-align: center;
background: 0;
border-radius: 0;
padding: 10px 0;
height: 30px;
opacity: 1
}
.slick--blogpost .slick-dots li button:after {
display: inline-block;
content: '';
width: 7px;
height: 7px;
margin: 0 10px;
background: transparent;
border: 1px solid #19181d;
transition: background .55s,border-color .55s,opacity .35s;
border-radius: 50%
}
.slick--blogpost .slick-dots li:hover button:after {
border-color: #474747;
opacity: .75
}
.slick--blogpost .slick-dots li.slick-active button:after {
background: #19181d;
border-color: #19181d
}
@media(max-width: 1600px) {
.slick--jumbotron .slick-arrow {
display: none !important
}
}
@media(max-width: 767px) {
.slick--jumbotron .slick-dots {
bottom: -20px;
margin-bottom: 0
}
.slick--jumbotron .slick-dots li button {
width: 21px
}
.slick--jumbotron .slick-dots li button:after {
width: 5px;
height: 5px;
margin: 0 7px 0 6px
}
.slick--jumbotron .slick-arrow {
width: 15%;
padding: 0 8px
}
.slick--jumbotron .slick-arrow .icon--jumbotron-arrow {
width: 14px;
height: 14px;
margin-top: -55px
}
.slick--jumbotron .slick-arrow.slick-prev .icon--jumbotron-arrow {
left: 7px;
margin-left: 0
}
.slick--jumbotron .slick-arrow.slick-next .icon--jumbotron-arrow {
right: 7px;
margin-right: 0
}
.slick--tiles {
margin-bottom: 18px
}
.slick--tiles .slick__tile-image {
display: block;
width: 100%;
height: auto
}
.slick--products .slick-arrow {
bottom: -50px;
top: auto
}
.slick--products .slick-prev {
right: calc(50%+5px)
}
.slick--products .slick-next {
left: calc(50%+5px)
}
.slick--look .slick__slide {
height: 405px
}
.slick--product__image {
margin-right: 0;
margin-bottom: 30px
}
.slick--product__slide-content {
-ms-flex-direction: column;
flex-direction: column;
padding-top: 50px;
padding-bottom: 100px
}
.slick--product .slick-dots {
bottom: 45px;
left: 50%;
right: auto;
top: auto;
transform: translateX(-50%);
margin: 0;
padding: 0
}
.slick--product .slick-dots li {
display: inline-block;
margin-right: 10px
}
.slick--products,.slick--interesting {
margin-left: -5px;
margin-right: -5px
}
.slick--products.slick,.slick--interesting.slick {
opacity: 1
}
.slick--products__heading,.slick--interesting__heading,.retailrocket .slick--interesting__heading {
font-size: 14px;
width: 100%;
padding-top: 30px;
margin-bottom: 30px
}
.slick--products .slick__slide,.slick--interesting .slick__slide {
padding: 0
}
.slick--products .slick-arrow,.slick--interesting .slick-arrow {
display: none
}
.slick--products__image-link,.slick--interesting__image-link {
margin-bottom: 5px
}
.slick--products__title,.slick--interesting__title,.retailrocket .slick--interesting__title {
font-size: 13px;
line-height: 14px;
margin-bottom: 1px
}
.slick--products__price,.slick--interesting__price {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 13px
}
.slick--products__price .old-price,.slick--interesting__price .old-price {
opacity: .75
}
.slick--products__price .old-price::after,.slick--interesting__price .old-price::after {
background: #434a54
}
.slick--products .product__badges,.slick--interesting .product__badges {
left: 5px;
top: 5px
}
.slick--products {
margin: 0 auto;
width: 100%
}
.slick--products .slick__slide {
width: calc((100% - 20px/2) / 2);
padding-bottom: 40px
}
.slick--new {
margin-left: -20px;
margin-right: -20px
}
.product_main_slider img {
max-width: 100% !important
}
.product_section .product_slider .product__badges {
right: 0
}
.slick--product__link {
margin-right: 0;
border: 0
}
.slick--product-mobile {
padding-bottom: 42px;
margin-bottom: 10px
}
.slick--product-mobile .slick-arrow .icon--products-arrow {
width: 9px;
height: 12px
}
.slick--product-mobile .slick-dots {
bottom: 15px;
top: auto;
left: 50%;
right: auto;
transform: translate(-50%,0);
display: -ms-flexbox;
display: flex;
padding: 0;
margin: 0
}
.slick--product-mobile .slick-dots li button {
width: 7px;
height: 7px;
margin: 0 7px 0 6px;
background: transparent;
box-shadow: inset 0 0 0 1px #19181d,0 1px 2px 0 rgba(0,0,0,.3);
transition: background .55s,box-shadow .55s,opacity .35s;
opacity: .5
}
.slick--product-mobile .slick-dots li:hover button {
opacity: .75
}
.slick--product-mobile .slick-dots li.slick-active button {
opacity: 1;
background: #19181d
}
.slick--product-mobile .slick-arrow {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 20%;
height: auto;
position: absolute;
background: 0;
border: 0;
top: 0;
bottom: 0;
outline: 0;
z-index: 1
}
.slick--product-mobile .slick-arrow .arrow-icon {
width: 24px;
height: 24px;
display: block;
background-repeat: no-repeat;
background-size: 24px 24px;
margin-top: -20px
}
.slick--product-mobile .slick-prev {
left: 0;
-ms-flex-pack: start;
justify-content: flex-start
}
.slick--product-mobile .slick-next {
right: 0; left: auto !important;
-ms-flex-pack: end;
justify-content: flex-end
}
.slick--product-mobile .slick__product-mobile-image {
height: auto;
width: 100%
}
.slick--product-mobile .product__badges {
left: 10px;
top: 10px
}
.slick--blogpost.slick .slick-arrow {
height: 30px;
width: 30px;
margin-top: -15px
}
}
.slick {
opacity: 0
}
.slick .slick {
opacity: 1
}
.slick.slick-initialized {
opacity: 1
}
.emmix--simple-big-close,.emmix--simple-close {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%)
}
.emmix--simple-big-close:before,.emmix--simple-big-close:after,.emmix--simple-close:before,.emmix--simple-close:after {
content: "";
position: absolute;
left: -1px;
top: 50%;
height: 1px;
background: #000;
transform: rotate(-45deg);
transition: background .35s
}
.emmix--simple-big-close:after,.emmix--simple-close:after {
transform: rotate(45deg)
}
.emmix--simple-close {
width: 12px;
height: 12px
}
.emmix--simple-close:before,.emmix--simple-close:after {
width: 14px
}
.emmix--simple-big-close {
width: 22px;
height: 22px
}
.emmix--simple-big-close:before,.emmix--simple-big-close:after {
width: 28px
}
.product_acc_list {
margin-bottom: 40px;
border-top: 1px solid #e9e9e9
}
.product_acc_item {
position: relative;
padding: 17px 0 16px;
border-bottom: 1px solid #e9e9e9;
line-height: 1.67;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
letter-spacing: 1px
}
.product_acc_item:before,.product_acc_item:after {
content: "";
display: inline-block;
position: absolute;
right: 0;
top: 35px;
transform: translate(0,-50%);
background: #000;
width: 15px;
height: 1px
}
.product_acc_item:after {
transform: translate(0,-50%) rotate(90deg)
}
.product_acc_item.active:after {
display: none
}
.product_acc_item+.product_acc_item {
margin-top: -1px
}
.product_acc_title {
padding: 0;
font-size: 16px;
line-height: 2.25;
letter-spacing: .1em;
text-transform: uppercase;
cursor: pointer
}
.product_acc_info {
display: none;
padding-top: 8px;
padding-bottom: 18px
}
.product_acc_link {
display: block;
text-align: right;
margin-top: 8px;
text-decoration: underline
}
.product_acc_link:hover {
text-decoration: none
}
.primary_popup {
padding: 65px 160px;
background: rgba(255,255,255,1)
}
.primary_popup.auth-form--shadow {
box-shadow: 0 0 5px 5px rgba(0,0,0,.05)
}
.flex-container {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
.flex-container--vertical {
-ms-flex-direction: column;
flex-direction: column
}
.emmix--popup-content {
position: relative;
box-sizing: border-box;
min-width: 300px;
max-width: 687px;
color: #000
}
.emmix--popup-content a {
color: #000
}
.emmix--popup-content input:: -webkit-input-placeholder {
color: #000
}
.emmix--popup-content input: -ms-input-placeholder {
color: #000
}
.emmix--popup-content input:: placeholder {
color: #000
}
.emmix--popup-content .form-control {
color: #000
}
.emmix--popup-content .btn.btn--primary {
background-color: #19181d
}
.emmix--popup-content .btn.btn--primary:hover {
background-color: #333
}
.emmix--popup-content .primary-title--inside {
padding: 10px 0 46px 2px;
margin: 0;
line-height: 32px;
font-weight: 400;
font-size: 18px;
color: rgba(0,0,0,1);
text-align: center;
text-transform: uppercase;
font-family: 'Rubik',sans-serif;
letter-spacing: .07em
}
.emmix--popup-content.primary-title--small {
text-transform: none;
letter-spacing: normal
}
.emmix--popup-content .primary_input {
height: 35px;
line-height: 30px;
padding-top: 5px;
box-sizing: border-box
}
.emmix--popup-content .btn.btn--primary {
display: block;
max-width: 336px;
width: 260px;
height: 60px;
margin: 0 auto
}
.emmix--popup-content .btn.btn--primary.btn--auth {
margin-top: 15px
}
.primary_popup_wrapper {
background: rgba(0,0,0,.8);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99
}
.primary_popup_wrapper .product-page__image-unzoom {
display: block
}
.primary_popup_wrapper--white {
background: #fff;
overflow: auto
}
.primary_popup_wrapper--white .primary_popup {
position: static;
transform: none;
margin: 0
}
.primary_popup {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin: auto;
transform: translate(-50%,-50%);
margin-right: -50%
}
.primary_popup.primary_popup--long {
min-width: 620px
}
.popup_footer {
padding-top: 12px;
text-align: center
}
.popup_footer .link {
margin-left: 5px
}
.dark-side .popup_footer .primary_link {
color: #000;
margin-left: 5px
}
.popup_close {
position: absolute;
right: 0;
top: 50px
}
.form_columns_wrapper {
min-width: 620px
}
.form_column {
width: 300px;
float: left
}
.first_form_column {
margin-right: 20px
}
.grid-row.emmix--login+.grid-row.emmix--login,.grid-row.emmix--registration+.grid-row.emmix--registration {
margin: 50px 0
}
.checkout__map-popup {
margin: -24px
}
.checkout__map-popup .popup_close {
background: white;
top: 0;
right: 0
}
@media(max-width: 767px) {
.primary_popup {
padding: 65px 60px
}
.form_columns_wrapper {
min-width: 0
}
.form_column {
width: 100%;
margin-right: 0
}
.emmix--registration .emmix--auth-form {
width: 100%;
padding: 30px
}
.emmix--registration .btn.btn--primary {
width: 100%
}
.emmix--popup-content .btn.btn--primary {
width: 100%;
margin-top: 18px
}
.popup_footer {
margin-bottom: 70px
}
}
.message-single {
min-height: 420px;
-ms-flex-align: start;
align-items: flex-start
}
.message-multicontent {
min-height: 420px;
padding-top: 80px
}
.emmix--message {
max-width: 768px;
text-align: center;
min-height: 200px;
margin: 0 auto
}
.emmix--message .message__include-area font {
margin-bottom: 38px;
text-transform: uppercase;
font-size: 14px;
display: block
}
.emmix--message .message__include-area input[type="submit"] {
display: inline-block;
border: 0;
outline: 0;
font-family: 'Rubik',sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
height: 60px;
line-height: 63px;
font-size: 14px;
vertical-align: middle;
text-align: center;
text-decoration: none;
cursor: pointer;
line-height: 48px;
-webkit-appearance: none;
border-radius: 5px;
padding: 0 30px;
font-weight: 400;
white-space: nowrap;
transition: color .35s,background-color .35s,border-color .35s;
background-color: #ececec;
color: #19181d;
min-width: 285px;
width: 300px
}
.emmix--message .message--success_image,.emmix--message .message--warning_image,.emmix--message .message--cart_image {
display: block;
margin: 0 auto
}
.emmix--message .message--success_image img,.emmix--message .message--warning_image img,.emmix--message .message--cart_image img {
display: block;
width: 100%;
height: 100%
}
.emmix--message .message--title {
font-family: 'Rubik',sans-serif;
margin: 6px 0 50px 0;
font-size: 24px;
line-height: 40px;
letter-spacing: .08em;
text-transform: uppercase
}
.emmix--message .message--title--success {
margin-bottom: 35px
}
.emmix--message p {
margin-bottom: 38px;
text-transform: uppercase;
font-size: 14px
}
.emmix--message .btn {
min-width: 285px;
width: 300px
}
.not_found_wrapper {
text-align: center;
margin-bottom: 150px
}
.not_found_title {
font-size: 150px;
letter-spacing: 0;
line-height: 1em;
margin-bottom: 0;
font-weight: 400;
font-family: 'Suisse Intl',Arial,'Helvetica CY','Nimbus Sans L',sans-serif
}
.not_found_label {
margin: 20px 0
}
.icon--success,.icon--error,.icon--warning {
width: 90px;
height: 90px;
margin-bottom: 26px
}
.icon--warning {
fill: #19181d
}
@media(max-width: 767px) {
.message-single {
min-height: 300px
}
.emmix--message {
margin-bottom: 100px
}
.emmix--message .message--title {
font-size: 14px;
line-height: 18px;
letter-spacing: .11em;
padding-top: 39px;
margin-bottom: 39px
}
.emmix--message .message--title--success {
margin-bottom: 39px
}
.emmix--message p {
line-height: 20px;
margin-top: 13px;
margin-bottom: 46px
}
.not_found_title {
font-size: 110px
}
.not_found_title span {
text-align: center;
padding-left: 25px
}
}
/*!*** cart ***!*//*!*** cart item ***!*//*!* info *!*//*!* amount - spinner *!*//*!*width: 45%;
*!*//*!* price *!*//*!* old price *!*//*!*&:after {
*//*!* delete *!*//*!*** promo code ***!*//*!*** total summ ***!*//*!* "pay now" button *!*//*!*** EMMIX cart COMPONENT ***!*//*!* image *!*//*!*overflow: hidden;
*!*//*!* product stuff *!*//*!* amount *!*//*!* size *!*//*!* price *!*//*!* button *!*//*!* order legend *!*//*!* *!*//*!* cart item in different places *!*//*!*** acc: orders ***!*//*!*** other stuff ***!*//*!*padding-bottom: 70px;
*!*//*!*margin-top: 15px;
*//*!*padding-bottom: 30px;
*!*//*!* checkout cart *!*//*!*height: 68px;
*!*//*!* omg sorry for this *!*//*!* very sad code: ( *!*/.user-field {
margin-bottom: 50px
}
.user-field.user-field--sm-padding {
padding-bottom: 30px
}
.user-field__checkout {
padding-top: 13px
}
.user-field__checkout.checkout_cart_total {
margin-right: 0
}
.user-field__checkout-row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 14px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
letter-spacing: 1px;
margin-bottom: 18px
}
.user-field__checkout-row .checkout_cart_total__txt {
text-transform: uppercase;
margin-bottom: 0
}
.user-field__checkout-row span {
white-space: nowrap
}
.user-field__checkout-row.checkout_total {
position: relative;
margin-top: 53px;
margin-bottom: 25px
}
.user-field__checkout-row.checkout_total:before {
content: '';
position: absolute;
left: 0;
top: -28px;
display: block;
width: 100%;
height: 1px;
background-color: #000
}
.user-field__btn {
margin-bottom: 46px;
text-align: center
}
.user-field__btn .btn-wrapp {
display: block
}
.user-field__btn .link {
margin-top: 10px;
display: inline-block
}
.user-field__btn--no-margin {
margin-bottom: 0
}
.breadcrumbs__list {
margin: 0;
padding: 0;
list-style: none;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.breadcrumbs__item {
display: -ms-flexbox;
display: flex;
text-transform: capitalize;
color: #19181d
}
.breadcrumbs__item: not(: last-child):after {
content: '/';
margin-left: 7px;
margin-right: 8px
}
.breadcrumbs__link {
font-size: 12px;
text-decoration: none;
transition: box-shadow .3s
}
.breadcrumbs__link:hover {
text-decoration: none;
box-shadow: inset 0 -1px 0 0 rgba(24,25,29,.45)
}
.breadcrumbs__link--current {
cursor: default
}
.breadcrumbs__link--current:hover {
box-shadow: none
}
.items-per-page__item {
display: inline-block;
vertical-align: top;
padding: 0 2px;
margin-right: 16px;
font-size: 14px;
letter-spacing: 2px;
line-height: 22px;
text-decoration: none;
text-transform: uppercase;
color: #19181d
}
.items-per-page__item.current,.items-per-page__item:hover {
border-bottom: 1px solid #19181d
}
.items-selected {
text-align: center;
line-height: 23px
}
.catalog_pagination {
border-top: 1px solid #19181d;
padding-top: 10px;
margin: 5px 0 20px
}
.catalog_pagination--no-border {
border-top: 0;
margin-top: 0;
padding-top: 0
}
.catalog--sorting-area-top+.catalog_pagination--no-border {
margin-top: -20px
}
.pagination {
display: inline-block;
vertical-align: top;
line-height: 22px;
font-size: 14px;
float: right
}
.pagination ul,.pagination ul li {
list-style: none;
margin: 0;
padding: 0
}
.pagination_arrow {
height: 25px;
width: 25px;
float: left;
cursor: pointer
}
.pagination_arrow_link {
display: block;
height: 100%;
position: relative;
transition: all .2s ease-out
}
.pagination_arrow_link:after {
display: block;
content: "";
height: 7px;
width: 7px;
position: absolute;
left: 1px;
top: 7px;
border: 1px solid #19181d;
border-width: 1px 0 0 1px;
transform: rotate(-45deg);
transition: all .2s ease-out
}
.pagination_arrow_link.next:after {
left: auto;
right: 2px;
top: 6px;
border-width: 0 1px 1px 0
}
.pagination_arrow_link:hover:after {
border-color: #000
}
.pagination_item,.pagination_all {
float: left
}
ul li.pagination_all {
margin-left: 20px
}
.pagination_item .page {
color: #19181d
}
.pagination_item .page.current {
border-bottom: 1px solid #19181d
}
.pagination_item .page:hover {
border-bottom: 1px solid #19181d
}
.pagination_item .page,.pagination_all .page {
display: block;
padding: 0 2px;
margin-right: 16px;
text-decoration: none
}
.pagination_item: nth-last-child(2) .page {
margin-right: 0
}
.pagination_item .page.current,.pagination_item .page.active {
border-bottom: 1px solid #19181d
}
.pagination_all .page {
margin-right: 0;
color: #19181d
}
.pagination_all .page:hover {
border-bottom: 1px solid #19181d
}
.catalog_nav_options {
line-height: 24px
}
.catalog_display_items {
display: inline-block;
position: relative;
padding-right: 14px;
margin-right: 17px;
vertical-align: top
}
.catalog_display_items .item {
display: block;
float: left;
padding: 0 2px;
margin-right: 16px;
font-size: 14px;
letter-spacing: 2px;
line-height: 22px;
text-decoration: none;
text-transform: uppercase;
color: #19181d
}
.catalog_display_items .item.current {
border-bottom: 1px solid #19181d
}
.img-aload {
opacity: 1;
transition: opacity .5s;
//: 300px
}
.circle-loader:before {
content: '';
display: inline-block;
box-sizing: border-box;
width: 80px;
height: 80px;
border-radius: 100%;
border: 5px solid rgba(0,0,0,0.4);
border-top-color: #FFF;
animation: spin 1s infinite linear;
position: absolute;
z-index: 5;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto
}
@keyframes spin {
100% {
transform: rotate(360deg)
}
}
.price_range_wrapper {
margin: 10px 0 20px;
font-size: 13px
}
.price_range_wrapper .price_fields {
margin-top: 21px;
line-height: 24px
}
.price_range_wrapper .price_fields input {
width: 50px;
font-size: 12px;
line-height: 20px;
height: 20px;
margin-left: -3px;
padding: 1px 0 3px;
border: 0;
border-bottom: 1px dashed #ccc;
text-align: center
}
.price_item {
float: left
}
.price_item+.price_item {
margin-left: 11px
}
.price_item+.price_item input {
margin-left: 3px;
margin-right: 4px
}
.btn_ready,.btn_toggle {
display: block;
width: 100%;
position: relative;
text-transform: uppercase;
text-align: center;
margin: 29px 0 0;
padding: 12px 0 2px;
border-top: 2px solid #000
}
.btn_ready span,.btn_toggle span {
display: inline-block;
vertical-align: top;
position: relative;
padding: 0 8px;
cursor: pointer;
font-size: 14px
}
.ui-rangeSlider {
height: 5px;
margin: 0 0 40px
}
.ui-rangeSlider,.ui-rangeSlider-container,.ui-rangeSlider-arrow {
box-sizing: content-box
}
.ui-rangeSlider-container,.ui-rangeSlider-arrow {
height: 5px
}
.ui-rangeSlider-innerBar {
width: 100%;
height: 100%;
overflow: hidden;
background: #fff;
box-shadow: inset 0 0 0 1px #ccc
}
.ui-rangeSlider-bar {
background: #000;
height: 100%;
margin: 0;
cursor: move;
cursor: -webkit-grab;
cursor: grab;
cursor: -moz-grab
}
.ui-rangeSlider-handle {
width: 10px;
height: 20px;
margin-top: -7px;
background: 0;
cursor: col-resize
}
.ui-rangeSlider-label {
padding: 0 3px;
top: 100%;
margin: 7px 0 0;
color: #000;
cursor: col-resize;
font-size: 12px;
font-family: 'CirceWebBold',sans-serif;
white-space: nowrap
}
.price_range_wrapper .ui-rangeSlider-label {
display: none !important
}
.ik_select {
display: inline-block;
font-size: 12px
}
.ik_select_link {
height: 48px;
min-width: 118px;
padding: 1px 28px 0 13px;
position: relative;
line-height: 48px;
font-size: 12px;
color: #000;
border: 1px solid #19181d;
background: #fff;
transition: color .3s,background .3s;
cursor: pointer
}
.ik_select_link .ik_select_link_text {
height: 100%;
text-transform: uppercase
}
.ik_select_link:after {
content: '';
width: 12px;
height: 12px;
background: url(../img/arrow-select.svg) no-repeat;
background-size: 12px;
border: 0;
position: absolute;
top: 50%;
margin-top: -3px;
right: 16px
}
.mCustomScrollBox {
outline: 0
}
.ik_select_link:after {
width: 12px;
height: 12px;
background: url(../img/arrow-select.svg) no-repeat;
background-size: 12px 12px;
border: 0;
top: 50%;
margin-top: -5px;
right: 14px
}
.ik_select_link.ik_select_link_disabled {
opacity: .5;
cursor: default
}
.ik_select_link_text {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.ik_select_dropdown {
margin-top: -1px
}
.ik_select_dropdown ul {
margin: 0;
padding: 0;
list-style: none;
list-style-image: none;
outline: 0
}
.ik_select_dropdown ul li {
padding: 0 12px
}
.ik_select_list {
background: #fff
}
.ik_select_list_inner {
padding: 9px 0 6px 0;
border: 1px solid #19181d
}
.ik_select_option {
display: block;
margin-bottom: 3px;
line-height: 27px;
height: 29px;
transition: all .2s;
overflow: hidden;
cursor: pointer
}
.ik_select_option:first-child {
height: 0;
opacity: 0
}
.ik_select_option_label {
display: inline-block;
line-height: 13px;
font-size: 12px;
color: #434a53;
white-space: normal;
text-transform: none
}
.dark-side .ik_select_link {
color: #fff;
border: 1px solid #696969;
background: #19181d
}
.dark-side .ik_select_link:after {
background: url(../img/arrow-select-white.svg) no-repeat;
background-size: 12px 12px
}
.dark-side .ik_select_list {
background: #19181d
}
.dark-side .ik_select_list_inner {
border: 1px solid #696969
}
.dark-side .ik_select_option_label {
color: #fff
}
.lookbook--products-grid-container .ik_select_link {
color: #000;
border: 1px solid #19181d;
background: #fff
}
.lookbook--products-grid-container .ik_select_link:after {
background: url(../img/arrow-select.svg) no-repeat;
background-size: 12px 12px
}
.lookbook--products-grid-container .ik_select_list {
background: #fff
}
.lookbook--products-grid-container .ik_select_list_inner {
border: 1px solid #19181d
}
.lookbook--products-grid-container .ik_select_option_label {
color: #19181d
}
.lookbook-dd .ik_select_list {
background: #fff
}
.lookbook-dd .ik_select_list_inner {
padding: 9px 0 6px 0;
border: 1px solid #19181d
}
.lookbook-dd .ik_select_option_label {
color: #434a53
}
.js_hasdrop.active .dropdown {
overflow-x: hidden;
overflow-y: auto
}
.ik_select_dropdown {
z-index: 2 !important
}
.catalog--sorting-area {
position: relative;
padding-bottom: 33px;
margin-top: 15px
}
.catalog--sorting-area .breadcrumbs {
padding-top: 8px
}
.catalog--sorting-area .select--latent {
float: right;
margin-right: -24px
}
.catalog--sorting-area-top .breadcrumbs__list {
-ms-flex-pack: center;
justify-content: center
}
.sort_text {
line-height: 30px;
color: #19181d;
font-size: 14px;
text-align: center;
text-transform: uppercase
}
.catalog--grid-wrapper {
margin-bottom: 5px;
margin-left: -10px;
margin-right: -10px
}
.masonry__item.product {
padding: 0 10px 40px
}
.masonry__item .circle-loader .product__image-wrap {
opacity: 0
}
.btn--download-more {
border: 0;
outline: 0;
background: transparent;
text-align: center;
padding: 13px 0 0 0
}
.btn--download-more .icon--download-more {
width: 121px;
height: 127px;
margin-left: -6px;
margin-bottom: 16px
}
.btn--download-more span {
display: block;
color: #19181d;
font-size: 14px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
padding-left: 2px
}
.btn--download-more-blog {
margin-top: 30px
}
.additional--download-more {
display: -ms-flexbox;
display: flex;
text-align: center;
margin: 33px auto 70px
}
.additional--download-more .show_more {
display: block;
text-decoration: none
}
.additional--download-more__text {
font-size: 12px;
line-height: 19px
}
.additional--download-more__text span {
margin: 0 7px
}
.download-more-wrapper {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column;
clear: both
}
.masonry:before,.masonry:after {
content: "";
display: table
}
.masonry:after {
clear: both
}
.masonry__item {
width: 320px;
display: inline-block;
vertical-align: top;
}
.masonry__item-menu {
width: 184px
}
.masonry--blog .masonry__item {
width: 313px
}
@media(max-width: 767px) {
.ik_select_link:after {
background-size: 12px 12px
}
.lookbook--products-grid-container .ik_select_link:after {
background-size: 12px 12px
}
.lookbook-dd {
min-width: calc((100% - 20px - 20px/2) / 2)
}
.masonry {
margin: 0 auto;
width: 100%
}
.masonry__item {
width: calc((100% - 20px/2) / 2)
}
.masonry__item.product {
padding: 0 0 40px
}
.masonry--blog .masonry__item {
width: calc((100% - 20px/2) / 2)
}
.btn--download-more {
padding-top: 9px
}
.btn--download-more .icon--download-more {
width: 80px;
height: 85px;
margin-left: 0;
margin-bottom: 23px
}
.btn--download-more span {
padding-left: 5px
}
.pagination {
display: block;
text-align: center;
float: none;
margin: 10px 0
}
.pagination ul {
display: inline-block
}
}
.user-field {
border: 2px solid #19181d;
padding: 38px 38px 45px;
ƒtop: 29px
}
.user-field__heading {
font-size: 14px;
text-transform: uppercase;
font-family: 'Rubik',sans-serif;
margin: 13px 0;
letter-spacing: 1px
}
.user-field__menu {
font-family: 'Rubik',sans-serif;
font-size: 14px;
text-transform: uppercase;
font-weight: 400;
padding-top: 31px;
margin-bottom: 66px
}
.user-field__menu-item {
margin-bottom: 18px
}
.user-field__menu-item.active .user-field__menu-link {
border-bottom: 2px solid #19181d
}
.user-field__menu-link {
text-decoration: none;
font-size: 14px;
letter-spacing: 1px;
padding: 2px 0
}
.user-field__contacts-txt {
margin-bottom: 5px
}
.user-field__contacts-link {
margin-bottom: 25px;
display: inline-block;
text-decoration: none
}
.user-field__contacts-link: last-child {
line-height: 12px;
box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.55);
margin-bottom: 7px
}
.user-field__promo.page-heading {
font-size: 14px;
text-align: left;
margin: -30px 0 10px
}
h2.acc__heading {
letter-spacing: .08em;
text-align: left
}
h3.acc__heading {
margin-bottom: 24px
}
h3.acc__heading--add-mt {
margin-top: 43px
}
.acc .form-group {
width: 300px;
text-transform: uppercase
}
.acc__user-contacts,.acc .acc__user-password,.acc .acc__user-address {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between
}
.acc__heading {
margin-bottom: 24px;
margin-top: 34px
}
.acc__heading--add-mt {
margin-top: 43px
}
.acc__user-password .form-group: last-child {
padding-left: 319px;
-ms-flex-positive: 1;
flex-grow: 1
}
.acc__user-address .ik {
line-height: 1
}
.acc__user-address .ik_select_link {
width: 300px
}
.acc__user-address .ik_select_dropdown,.acc__user-address .ik_select {
width: 300px !important
}
.acc__user-address .form-group--three-in-row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
.acc__user-address .form-group--three-in-row .form-control {
width: 90px
}
.acc__btns-wrapper {
margin-top: 38px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around
}
.acc__btns-wrapper .btn {
width: 220px;
margin-top: 0
}
.acc__btns-wrapper .btn-wrapp:first-child {
margin-right: 10px
}
.acc__btns-wrapper .btn-wrapp: last-child {
margin-left: 10px
}
.acc__btns-wrapper .btn--info {
line-height: 50px
}
.order_list_table {
display: table;
table-layout: fixed;
width: 100%;
margin-bottom: 32px;
margin-top: 22px
}
.order_list_row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
text-decoration: none;
position: relative;
transition: background-color .45s
}
.order_list_row:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: url('../img/line-separator.svg') 0 -4px repeat
}
.order_list_row.dropped:after {
content: none;
display: none
}
.order_list_row.order_list_header {
cursor: default
}
.order_list_row:hover {
text-decoration: none
}
.order_list_row: not(.order_list_header):hover {
background: #f7f7f7
}
.order_list_col {
display: table-cell;
word-wrap: break-word;
min-width: 25%;
min-height: 40px;
padding: 12px 0;
transition: .2s background ease;
vertical-align: middle
}
.order_list_col:first-child {
padding-left: 5px
}
.order_list_header.order_list_row .order_list_col {
color: #19181d;
background: #fff;
font-size: 12px;
padding: 12px 0
}
.order_list_header.order_list_row .order_list_col:first-child {
padding-left: 5px
}
.order__title {
text-align: center;
text-transform: uppercase;
font-size: 24px;
letter-spacing: .08em;
margin-top: -12px
}
.order-details__text {
margin-bottom: 19px;
line-height: 1.8em
}
.order-details__text: last-child {
margin-bottom: 0
}
.order-details__btn {
margin-top: -4px;
width: 240px;
float: right
}
.acc__order-total.checkout_cart_total {
margin-right: 0;
margin-top: 4px;
padding-left: 28px
}
.acc__order-total.checkout_cart_total .checkout_cart_total__txt {
width: 120px
}
.order-detailed {
display: none;
border-bottom: 1px solid #19181d;
padding-bottom: 52px;
padding-top: 6px
}
.order-detailed .product-row__item: nth-last-of-type(3) {
margin-bottom: 32px
}
.logout__link {
display: inline-block;
margin: 15px 0
}
.addr_wrapper {
position: relative
}
.addr_choosen {
display: block;
width: 100%;
height: 48px;
padding: 1px 28px 0 13px;
position: relative;
line-height: 48px;
font-size: 12px;
color: #000;
border: 1px solid #19181d;
background: #fff;
transition: color .3s,background .3s;
text-transform: uppercase;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer
}
.addr_choosen ~ .btn--new-address {
text-align: right;
margin-top: 20px
}
.addr_choosen:after {
content: '';
width: 12px;
height: 12px;
background: url(../img/arrow-select.svg) no-repeat;
background-size: 12px;
border: 0;
position: absolute;
top: 50%;
margin-top: -3px;
right: 16px
}
.addr_choose {
display: none;
position: absolute;
top: 47px;
left: 0;
vertical-align: top;
width: 100%;
max-width: 100%;
padding: 9px 0 6px 0;
border: 1px solid #19181d;
background: #fff;
z-index: 5
}
.addr_choose.showme {
display: block
}
.addr_choose .addr_item {
position: relative
}
.addr_choose .radio_label {
display: block;
position: relative;
width: 80%;
cursor: pointer;
padding: 5px 12px 4px;
margin-bottom: 3px;
line-height: 20px;
font-size: 12px;
color: #19181d
}
.addr_choose .radio_label.checked {
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400
}
.addr_choose input {
position: absolute;
opacity: 0;
visibility: hidden
}
.add-new-add__form {
padding-bottom: 50px
}
.add-new-add__form .ik_select,.add-new-add__form .ik_select_dropdown {
min-width: 180px
}
.checkout .new_addr {
margin-bottom: 20px
}
.edit_icon {
display: inline-block;
width: 25px;
height: 25px;
position: absolute;
top: 3px;
right: 36px;
cursor: pointer
}
.edit_icon svg {
width: 12px;
height: 12px;
fill: #19181d;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.delete_icon {
display: inline-block;
width: 25px;
height: 25px;
position: absolute;
top: 3px;
right: 10px;
cursor: pointer
}
.delete_icon svg {
width: 12px;
height: 12px;
fill: #19181d;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
opacity: .75
}
.account--wrapper .ik_select,.account--wrapper .ik_select_dropdown {
min-width: 180px
}
.account--wrapper .ik_select_link {
border: 1px solid #ccc
}
.minor_title {
color: #000;
font-family: 'Rubik',sans-serif;
text-transform: uppercase;
font-size: 13px;
margin-bottom: 15px;
letter-spacing: .08em
}
.minor_gutter {
margin-left: -5px;
margin-right: -5px
}
.minor_gutter .col {
padding: 0 5px
}
.col-xs-4.col .form-control {
width: 100%
}
.add-new-add__form .ik_select,.add-new-add__form .ik_select_dropdown {
width: 100% !important
}
.add-new-add__form .grid-row.minor_gutter {
width: auto
}
.add-new-add__form .addr_wrapper {
margin-bottom: 10px
}
.add-new-add__form .addr_choose .radio_label {
width: auto
}
.text-for-empty {
font-size: 18px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: .085em;
margin-top: 34px;
margin-left: 2px
}
@media(max-width: 767px) {
.addr_choosen:after {
background-size: 12px 12px
}
.acc .col-md-12:first-child .acc__heading {
margin-top: 31px
}
.acc h3.acc__heading {
margin-top: 55px;
letter-spacing: .03em
}
.acc .form-group {
width: 100%
}
.acc .ik {
line-height: 0
}
.acc__user-contacts,.acc .acc__user-password,.acc .acc__user-address {
display: block
}
.acc__mobi-nav .user-field__menu {
padding-top: 0;
margin-bottom: 0;
margin-top: -5px
}
.acc__mobi-nav .user-field__menu-item {
position: relative;
margin-bottom: 22px
}
.acc__mobi-nav .user-field__menu-item.active .user-field__menu-link {
color: #19181d;
box-shadow: none;
border: 0
}
.acc__mobi-nav .user-field__menu-item:after {
content: '';
position: absolute;
left: 0;
bottom: -3px;
display: block;
width: 100%;
height: 1px;
background: url('../img/line-separator.svg') 0 -4px repeat;
opacity: .3
}
.acc__mobi-nav .user-field__menu-link {
color: rgba(0,0,0,.5)
}
.acc__mobi-nav .user-field__menu-link:hover {
box-shadow: none;
color: #19181d
}
.acc__user-password .form-group: last-child {
padding-left: 0
}
.acc__user-address .ik_select_link {
width: 100%
}
.acc__user-address .form-group--three-in-row .form-control {
width: auto;
min-width: 30%;
margin-right: 15px
}
.acc__user-address .form-group--three-in-row .form-control: last-child {
margin-right: 0
}
.acc__btns-wrapper {
display: block;
margin: 38px auto 70px
}
.acc__btns-wrapper .btn-wrapp: last-child {
padding: 0;
width: calc(100% - 60px);
margin: 0 auto
}
.acc__btns-wrapper .btn--primary {
margin-left: 0;
letter-spacing: .08em;
padding: 1px 10px;
margin-bottom: 0;
width: 100%
}
.acc__user-address .ik_select_dropdown,.acc__user-address .ik_select {
width: 100% !important
}
.order_list_table {
margin-bottom: 70px
}
.order_list_row .order_list_col {
width: 33.33%
}
.order_list_row: not(.order_list_header):hover .order_list_col {
background: 0
}
.order-detailed {
padding-top: 0;
padding-bottom: 31px;
margin-bottom: 4px
}
.order-detailed .product-row__item: nth-last-of-type(3) {
margin-bottom: 0
}
.order-detailed .product-row__item: nth-last-of-type(3):after {
display: none
}
.order-detailed .acc__order-total.checkout_cart_total {
margin-top: 9px;
margin-bottom: 13px;
padding-left: 0;
padding-top: 17px;
padding-bottom: 0;
border-top-color: #e6e9ed;
border-bottom-color: #e6e9ed
}
.order-detailed .checkout_total {
margin-bottom: 0
}
.order-detailed .checkout_total .checkout_cart_total__txt {
margin-bottom: 20px
}
.order-detailed .checkout_total::before {
background-color: #e6e9ed
}
.order-detailed .order-details {
padding-top: 0
}
.order-detailed .order-details__btn {
float: none;
margin: 16px auto -10px;
display: block
}
.order-detailed__title {
font-size: 12px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
padding-top: 24px;
padding-bottom: 29px;
text-align: center
}
.text-for-empty {
text-align: center;
font-size: 14px;
margin-bottom: 70px
}
}
.blog__filters {
margin-bottom: 20px
}
.blog__filters-scroll.customscroll {
max-height: 173px
}
.blog-grid .product__name {
font-weight: 400;
font-size: 16px;
color: #19181d;
padding-top: 13px;
margin-bottom: 5px
}
.blog-grid .product__date {
font-size: 12px;
font-weight: normal;
color: #afafaf;
margin-bottom: 10px
}
.blog-grid .product__desc {
margin-bottom: 10px
}
.blog-grid .product__category {
margin-bottom: 50px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.blog-grid .product__category-item {
display: inline-block;
font-weight: normal;
padding: 4px 13px;
margin: 3px 4px;
background-color: #19181d;
border-radius: 12px;
color: #fff;
text-transform: lowercase;
font-size: 11px;
text-decoration: none;
cursor: pointer;
transition: all .33s ease
}
.blog-grid .product__category-item:hover {
background-color: rgba(0,0,0,.8)
}
.filter_item {
-ms-flex: 1;
flex: 1;
height: 30px;
position: relative;
margin: 0;
min-width: 0
}
.filter_item .trigger {
width: auto;
height: 30px;
padding: 0 42px 0 15px;
line-height: 30px;
color: #19181d;
cursor: pointer;
z-index: 2
}
.filter_item .trigger:after {
content: '';
width: 10px;
height: 10px;
background: url(../img/arrow-select.svg) no-repeat;
background-size: 10px;
border: 0;
position: absolute;
top: 50%;
margin-top: -4px;
left: 114px
}
.filter_item.active::after {
content: '';
display: block;
width: calc(100% - 2px);
height: 39px;
position: absolute;
top: -11px;
border: 1px solid #19181d;
border-bottom: 0;
z-index: -1
}
.filter_item.active .trigger:after {
transform: rotate(180deg);
top: 10px
}
.filter_item.current .trigger:after {
display: none
}
.filter-clear {
display: none;
padding: 0;
position: absolute;
right: 15px;
top: 8px;
width: 10px;
height: 10px;
background: #fff;
cursor: pointer;
outline: 0;
border: 0;
z-index: 3
}
.filter-clear:before,.filter-clear:after {
content: "";
width: 10px;
height: 1px;
position: absolute;
right: 50%;
top: 50%;
margin-right: -5px;
margin-top: -1px;
background: rgba(0,0,0,1);
transform: rotate(-45deg);
transition: background .35s
}
.filter-clear:after {
transform: rotate(45deg)
}
.filter_item.current .filter-clear {
display: block
}
.filter_item .f_value {
white-space: nowrap;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
color: #19181d;
font-size: 14px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 30px
}
.filter_item .dropdown {
position: absolute;
top: 100%;
left: 0;
min-width: 100%;
margin-top: -1px;
background: #fff;
border: 1px solid transparent;
z-index: 3
}
.filter_item.active .dropdown {
border: 1px solid #19181d;
border-top: 0
}
.filter_item.current .trigger .f_value {
color: #19181d;
text-transform: none;
text-transform: uppercase;
letter-spacing: 1px
}
.toggle-filter-wrapper .filter_item {
margin-bottom: 10px
}
.toggle-filter-wrapper .filter_item .trigger {
background-color: #fff;
box-shadow: inset 0 0 0 1px #19181d
}
.toggle-filter-wrapper .filter_item .check_list {
padding: 15px 13px 5px 15px
}
.customscroll {
max-height: 320px;
overflow-x: hidden;
overflow-y: auto
}
.dropdown {
display: block;
min-width: 100%;
padding: 0;
overflow: hidden;
height: 0;
transition: none
}
.js_hasdrop.active .dropdown {
overflow: visible
}
.drop_content {
display: block;
padding: 15px
}
.drop_content ul {
margin-bottom: 0
}
.drop_content ul li {
margin-bottom: 13px
}
.drop_content ul li: last-child {
margin-bottom: 0
}
@media(max-width: 767px) {
.blog__filters .select--latent {
padding-left: 15px
}
.blog__filters .select--latent .chosen-container .chosen-single {
text-align: left;
padding-left: 14px
}
.blog__filters .select--latent .chosen-container .chosen-drop .chosen-results {
text-align: left;
padding-left: 14px
}
.blog-grid .product__name {
color: #19181d;
line-height: 1.2;
margin-bottom: 8px
}
.blog-grid .product__date {
margin-bottom: 16px
}
.blog-grid .product__category {
margin-bottom: 20px
}
.blog-grid .product__category-item {
background-color: #fff;
color: #19181d
}
.blog-grid .product__category-item:hover {
background-color: #fff
}
.filter_item {
z-index: 11;
margin-bottom: 5px
}
.filter_item .trigger:after {
right: 12px;
left: auto;
background: url('../img/arrow-select-grey.svg') no-repeat;
background-size: 10px
}
.filter_item .filter-clear {
right: 12px
}
.filter_item .filter-clear::before,.filter_item .filter-clear::after {
background-color: rgba(0,0,0,0.5)
}
.filter_item .dropdown {
background-color: #19181d
}
.filter_item.current .trigger .f_value {
color: #000
}
.filter_item.active .dropdown {
background: #fff;
border: 1px solid rgba(0,0,0,0.5);
border-top: 0
}
.filter_item.active::after {
border: 1px solid rgba(0,0,0,0.5)
}
}
.product-page {
padding-top: 10px;
padding-bottom: 80px
}
.product-page .slick-arrow .icon--jumbotron-arrow {
color: #333
}
.product-page .slick-arrow.slick-next {
left: calc(100% - 45px)
}
.product-page .slick-arrow.slick-prev {
left: 0
}
.product-page__info-row {
margin-bottom: 24px
}
.product-page__info-row--sizes {
margin-bottom: 20px
}
.product-page__title {
font-size: 24px;
line-height: 1.5;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
letter-spacing: .15em;
margin-top: 0;
margin-bottom: 11px
}
.product-page__subtitle {
font-size: 16px;
letter-spacing: 1px;
text-transform: uppercase;
color: #afafaf;
margin-bottom: 20px
}
.product-page__price {
display: -ms-flexbox;
display: flex;
font-size: 26px;
line-height: 2.25
}
.product-page__price .rouble {
width: 16px;
height: 26px;
margin: 0 0 0 9px;
display: inline-block
}
.product-page__price .icon--rouble {
width: 16px;
height: 19px;
fill: #19181d
}
.product-page__price .old-price {
margin-right: 17px;
position: relative;
text-decoration: none
}
.product-page__price .old-price .icon--rouble {
fill: #434a54
}
.product-page__price .old-price::after {
content: '';
display: block;
height: 1px;
background-color: #434a54;
position: absolute;
left: -2px;
right: 0;
top: 28px
}
.product-page__btns {
display: -ms-flexbox;
display: flex;
margin-bottom: 36px
}
.product-page__btn-fav {
margin-top: -1px;
font-size: 14px;
letter-spacing: 1.5px;
margin-bottom: 0;
padding-left: 20px
}
.product-page__one-click {
text-align: center;
font-size: 16px;
padding-right: 60px;
cursor: pointer;
margin-bottom: 20px
}
.product-page__one-click .btn {
height: 38px;
line-height: 38px
}
.product-page__article {
margin-bottom: 36px;
color: #afafaf
}
.product-page__brand {
font-size: 11px;
margin-bottom: 23px
}
.product-page__brand .link {
margin-left: 5px
}
.product-page__simple-text {
font-size: 14px;
line-height: 20px;
padding-right: 80px;
margin-bottom: 20px
}
.product-page__socials {
margin-bottom: 20px
}
.product-page__socials-item {
display: inline-block;
margin-right: 15px;
transition: all .35s ease
}
.product-page__socials-item:hover {
opacity: .8
}
.product-page__recommended-items {
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: 0;
column-gap: 0;
-moz-column-width: 140px;
column-width: 140px;
max-width: 320px
}
.product-page__recommended-item {
display: block;
width: 140px;
margin: 15px 0;
transition: opacity .55s
}
.product-page__recommended-item img {
width: 100%;
height: auto
}
.product-page__recommended-item:hover {
opacity: .8
}
.product-page__image {
position: relative;
cursor: pointer
}
.product-page__image-zoom {
width: 44px;
height: 44px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
right: 0
}
.product-page__image-zoom .icon--zoom-product {
width: 14px;
height: 14px;
opacity: .54;
transition: opacity .55s
}
.product-page__image-zoom .icon--close-product {
display: none
}
.product-page__image-zoom:hover .icon--zoom-product,.product-page__image-zoom:hover .icon--close-product {
opacity: 1
}
.product-page__image-unzoom {
display: none;
width: 44px;
height: 44px;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
cursor: pointer
}
.product-page__image-unzoom .icon--close-product {
width: 14px;
height: 14px;
opacity: .54;
transition: opacity .55s
}
.product-page__image-unzoom:hover .icon--close-product {
opacity: 1
}
.product_size {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.product_size__info {
background: #ececec;
padding: 20px 35px;
margin-top: 15px;
display: block;
margin-right: 60px;
color: #19181d
}
.product_size__info-title {
margin: 0 0 15px;
font-weight: 400
}
.product_size__info-shop: not(: last-child) {
margin: 10px 0
}
.product_size__info-amount {
display: table-cell;
width: 65px;
padding-right: 10px
}
.product_size__info-address {
display: table-cell
}
.product_label {
text-transform: uppercase;
line-height: 30px;
font-size: 14px
}
.product_size_thumb {
text-transform: uppercase;
text-align: center;
color: #000;
height: 30px;
padding: 0 6px 0 7px;
border-radius: 2px;
line-height: 30px;
font-size: 14px;
padding-top: 2px;
margin: -2px 2px 0 2px;
cursor: pointer
}
.product_size_thumb.not_avail {
color: #b0b0b0;
cursor: default
}
.product_size_thumb.active {
background-color: #ececec
}
.favorite-toggle {
width: 60px;
height: 60px;
margin-left: 9px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer
}
.favorite-toggle .icon--star {
width: 20px;
height: 18px;
display: block
}
.favorite-toggle .icon--star--full {
display: none
}
.favorite-toggle__text {
display: none
}
.favorite-toggle--is-favorite .icon--star--full {
display: block
}
.favorite-toggle--is-favorite .icon--star--empty {
display: none
}
.wishlist-toggle {
top: -1px;
width: 100%;
height: 48px;
border-radius: 5px;
margin: 0;
padding: 0;
display: inline-block;
position: relative;
}
.wishlist-toggle .icon--star {
width: 20px;
height: 18px;
display: block
}
.wishlist-toggle .icon--star--full {
display: none
}
.wishlist-toggle.added .icon--star--empty {
display: none
}
.wishlist-toggle.added .icon--star--full {
display: block
}
.wishlist-toggle .icon-wrapper {
position: absolute;
top: 50%;
margin-top: -9px;
left: 50%;
margin-left: -10px;
}
main.zoom-zoom {
position: relative
}
main.zoom-zoom .product-page__image {
display: none;
position: absolute;
width: 940px;
right: 10px;
z-index: 99
}
main.zoom-zoom .product-page__image img {
margin: 0 auto;
display: block
}
main.zoom-zoom .product-page__image-zoom {
display: none
}
main.zoom-zoom .product-page__image-unzoom {
display: -ms-flexbox;
display: flex
}
main.zoom-zoom .product-page__image.zoom-right-now {
display: block
}
main.zoom-zoom:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 98
}
.product__delivery .tab-panel {
margin: 0 0 17px;
border-bottom: 1px solid #e5e5e5;
height: 40px;
line-height: 40px
}
.product__delivery .tab-panel__tab {
border: 0;
border-radius: 0;
height: 40px;
line-height: 40px
}
.product__delivery .tab-panel__tab.current {
background: #fff;
box-shadow: 0 -1px 0 0 #000 inset
}
.good-added__popup {
padding: 20px 100px 50px
}
.good-added__title {
font-size: 20px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
letter-spacing: 1px
}
.good-added__cart {
margin-bottom: 29px
}
.good-added__cart .customscroll {
max-height: 285px
}
.good-added__cart .product-row__image-link {
width: 80px;
min-width: 80px
}
.good-added__cart .product-row__amount,.good-added__cart .product-row__summ {
padding-top: 11px
}
.good-added__btns {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
.good-added__btns .btn-wrapp:first-child .btn {
background-color: #fff;
color: #1f1f1f;
border: 1px solid #1f1f1f;
transition: all .4s ease
}
.good-added__btns .btn-wrapp:first-child:hover .btn {
color: #7c7c7c;
border-color: #7c7c7c
}
.slick--prod-seria {
padding: 0 30px;
}
.slick--prod-seria .slick-slide {
margin: 0 5px;
}
.slick--prod-seria .slick-arrow {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: auto;
position: absolute;
background: 0;
border: 0;
top: 0;
bottom: 0;
left: 0;
outline: 0;
z-index: 1;
padding: 0;
}
.slick--prod-seria .slick-arrow.slick-next {
left: auto;
right: 0;
}
.slick--prod-seria .icon--jumbotron-arrow {
width: 34px;
height: 64px;
color: #333;
}
.bl-prod_seria {
padding-top: 20px;
}
.prod-seria > div {
margin: 0px 20px 20px 0;
float: left;
}
.prod-seria > div:nth-child(4n) {
margin-right: 0;
}
.prod-seria img {
width: 100px;
vertical-align: bottom;
}
@media(min-width: 1440px) {
.good-added__cart .customscroll {
max-height: 420px
}
}
@media(max-width: 959px) {
.prod-seria img {
width: 107px;
}
.prod-seria > div:nth-child(4n) {
margin-right: 20px;
}
.prod-seria > div:nth-child(3n) {
margin-right: 0;
}
}
@media(max-width: 767px) {
.bl-prod_seria {
padding-top: 0px;
}
.bl-prod_seria {
margin-bottom: 20px;
}
.prod-seria > div:nth-child(3n) {
margin-right: 20px;
}
.prod-seria > div:nth-child(5n) {
margin-right: 0px;
}
.product-page {
padding-bottom: 0
}
.product-page__info-row: last-child {
margin-bottom: 32px
}
.product-page__info-row--sizes {
margin-bottom: 35px
}
.product-page__title {
font-size: 18px;
margin-top: -1px;
letter-spacing: 1px
}
.product-page__price .rouble {
height: 24px;
position: relative;
top: 0
}
.product-page__price .old-price {
opacity: .75;
margin-right: 14px
}
.product-page__price .old-price .icon-rouble {
height: 15px
}
.product-page__price .old-price::after {
top: 18px
}
.product-page__btns {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
margin-top: -10px;
margin-bottom: 11px
}
.product-page__btns .favorite-toggle {
width: auto;
margin-left: 0
}
.product-page__btns .favorite-toggle__text {
display: inline;
vertical-align: middle;
margin-left: 12px;
letter-spacing: .15em;
text-transform: uppercase
}
.product-page__btn-fav {
padding-top: 1px;
letter-spacing: 1px;
width: 100%
}
.product-page__one-click {
padding-right: 0
}
.product-page__article {
font-size: 12px
}
.product-page__simple-text {
font-size: 12px;
padding-right: 0;
margin: 10px 0
}
.product-page__socials-item {
margin-right: 20px
}
.product_size {
padding-top: 5px
}
.product_size__info {
margin-right: 0
}
.product_label {
font-size: 12px;
line-height: 24px;
width: 100%;
margin-bottom: 8px
}
.product_size_thumb {
font-size: 12px;
height: 24px;
line-height: 24px;
margin: 0 2px;
padding: 0 4px
}
.product_acc_title {
font-size: 12px
}
.product_acc_item:before,.product_acc_item:after {
top: 28px
}
.product__delivery .tab-panel {
margin: 0 0 17px;
height: 40px;
line-height: 40px
}
.product__delivery .tab-panel__tab {
border: 0;
border-radius: 0;
height: 40px;
line-height: 40px;
width: 33.33%
}
.product__delivery .tab-panel__tab:first-child {
margin-right: 0
}
.product__delivery .tab-panel__tab.current {
height: 39px
}
}
@media(max-width: 639px) {
.bl-prod_seria {
}
.prod-seria img {
width: 100%;
}
.prod-seria > div {
width: 18%;
margin-right: 2.25% !important;
}
.prod-seria > div:nth-child(5n) {
margin-right: 0 !important;
}
}
@media(max-width: 540px) {
.prod-seria > div {
width: 23%;
margin-right: 2.33% !important;
}
.prod-seria > div:nth-child(5n) {
margin-right: 2.3% !important;
}
.prod-seria > div:nth-child(4n) {
margin-right: 0 !important;
}
}
@media(max-width: 400px) {
.prod-seria > div {
width: 32%;
margin-right: 2% !important;
margin-bottom: 10px;
}
.prod-seria > div:nth-child(5n),
.prod-seria > div:nth-child(4n) {
margin-right: 2% !important;
}
.prod-seria > div:nth-child(3n) {
margin-right: 0 !important;
}
.slick--prod-seria {
padding: 0 20px;
}
.slick--prod-seria .icon--jumbotron-arrow {
width: 25px;
height: 50px;
}
}
body {
font-size: 12px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
color: #19181d;
line-height: 1.3;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
background: #fff;
font-weight: 400
}
body.dark-side {
background: #19181d;
color: #fff
}
body.dark-side .page-heading {
color: #fff
}
body.dark-side .page-heading--dark {
color: #19181d
}
body.dark-side .link--dark {
color: #fff
}
body.fluid {
min-width: 0
}
b,strong {
font-weight: 400;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif
}
.layout--white-area {
background: #fff;
color: #19181d
}
main {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding-bottom: 170px
}
main.no-padding {
padding-bottom: 0;
z-index: 1
}
main.no-padding+.page-footer>.grid-container:before {
display: none
}
@media(max-width: 767px) {
main {
padding-bottom: 0
}
}
.page-section: not(: last-child) {
margin-bottom: 98px
}
.page-section--darker {
background-color: #f5f5f5
}
.page-section--products {
padding: 85px 0
}
.page-section--interesting {
margin-bottom: 90px
}
.page-section__heading {
font-size: 24px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
text-align: center;
margin-top: 0
}
.page-section__description {
text-align: center;
color: #434a54;
margin-bottom: 50px
}
.page-section--account-profile {
margin-bottom: 140px;
margin-top: 30px
}
.page-section--last {
margin-bottom: -30px
}
.page-heading {
font-size: 24px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
text-align: center
}
.dark-side .page-heading {
color: #fff
}
h1.page-heading {
font-size: 24px;
line-height: 1.5;
margin: 8px 0 23px
}
h1.page-heading--align-left {
text-align: left
}
h2.page-heading {
font-size: 18px
}
h3.page-heading {
font-size: 16px
}
@media(max-width: 767px) {
.page-heading,h1.page-heading {
font-size: 20px;
line-height: normal;
margin-top: 0;
padding-top: 0;
margin-bottom: 15px
}
}
.icon--jumbotron-arrow {
width: 7px;
height: 13px
}
.icon--pagination-arrow {
height: 13px;
width: 7px
}
a {
color: #000;
outline: 0
}
.dark-side a {
color: #fff
}
.social-links--blog-post {
display: inline-block;
vertical-align: top
}
.social-links--blog-post .social-links__icon--facebook {
width: 8px
}
.social-links--blog-post .social-links__icon--vkontakte {
width: 15px
}
.kodix {
color: #19181d;
font-family: 'Metronomc',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-size: 11px
}
.kodix__link {
font-family: 'Metronomc',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
color: #19181d;
text-decoration: none
}
.kodix__link:hover {
color: #19181d;
text-decoration: underline
}
.to-full-site {
display: block;
text-align: center;
line-height: 41px;
text-decoration: none;
font-size: 13px
}
.interactive-image {
position: relative
}
.interactive-image__image {
vertical-align: top;
max-width: 100%;
height: 100%
}
.interactive-image__point {
position: absolute;
width: 31px;
height: 31px;
background-color: #fff;
border-radius: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
cursor: pointer;
opacity: .75
}
.interactive-image__point:hover {
opacity: 1
}
.interactive-image__point--active {
opacity: 1
}
.interactive-image__point-image {
box-sizing: content-box;
border-radius: 50%;
width: 11px;
height: 11px;
border: 10px solid #fff;
z-index: 5;
background-color: #fff
}
.interactive-image__point-image--active {
display: none
}
.interactive-image__popup {
display: none;
position: absolute;
left: 50%;
background-color: #fff;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
padding: 22px 25px 15px;
z-index: 3;
top: -75%;
text-decoration: none
}
.interactive-image__popup--left {
left: auto;
right: 50%
}
.interactive-image__popup--up {
bottom: 0;
top: auto
}
.interactive-image__popup-title {
white-space: nowrap;
font-size: 12px;
color: #434a54;
text-transform: uppercase;
line-height: 19px;
letter-spacing: .07em
}
.interactive-image__popup-price {
white-space: nowrap;
font-weight: 400;
color: #000;
line-height: 21px;
display: inline-block
}
.interactive-image__point--active .interactive-image__point-image--default {
display: none
}
.interactive-image__point--active .interactive-image__point-image--active {
display: block
}
.interactive-image__point--active .interactive-image__popup {
display: block
}
.products {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
.selection-result {
border-top: 1px solid #19181d;
text-align: center;
margin-top: 36px;
margin-bottom: 180px
}
.selection-result__text {
color: #434a54;
line-height: 35px;
font-size: 14px;
margin: 20px 0 30px;
letter-spacing: -0.04em
}
.selection-result__text .icon--rouble {
fill: #434a54
}
.selection-result__number {
margin-left: 9px
}
.selection-result__price {
margin-left: 9px
}
.selection-result__button.btn.btn--info.btn--lg {
width: 300px;
display: block;
margin: 0 auto;
background-color: #ececec;
color: #19181d;
padding: 0
}
.contacts__map #styled_map {
width: 100%;
height: 600px
}
.contact_icon_section {
position: relative;
padding-left: 30px;
margin-bottom: 20px
}
.contact_icon_section a {
color: #434a54
}
.contact_icon_section:before {
content: '';
display: inline-block;
position: absolute;
left: 0;
top: 0
}
.va {
display: table;
height: 68px
}
.va_middle {
display: table-cell;
vertical-align: middle
}
.flex {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.flex .checkout_cart_info {
display: -ms-flexbox;
display: flex;
float: none;
width: auto;
-ms-flex-direction: column;
flex-direction: column
}
.flex .checkout_cart_right {
display: -ms-flexbox;
display: flex;
height: auto;
margin-left: auto;
min-width: 100px;
-ms-flex-pack: end;
justify-content: flex-end
}
.paginator {
position: relative;
margin: 70px 0 110px;
display: -ms-flexbox;
display: flex;
border: 1px solid #e6e9ed;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
height: 45px;
padding: 0 20px
}
.paginator__prev {
text-decoration: none;
color: #000;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.paginator__next {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
color: #000
}
.paginator__prev-label {
margin: 0 15px
}
.paginator__next-label {
margin: 0 15px
}
.social-share {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
margin-right: -50%
}
.social-share__label {
vertical-align: middle;
color: #434a53
}
.emx-catalog-filters.blog-grid--wrapper {
background: #fff;
padding-top: 0;
padding-bottom: 0
}
.checked-badge {
position: absolute;
top: 0;
right: 0;
width: 35px;
height: 35px;
background-color: #000;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer
}
.checked-badge__icon {
fill: #fff
}
.checked-badge__icon--check {
width: 14px;
height: 10px
}
.checked-badge__icon--cross {
width: 11px;
height: 11px;
display: none
}
.product:hover .checked-badge__icon--check {
display: none
}
.product:hover .checked-badge__icon--cross {
display: block
}
.size-select {
width: 220px;
display: block
}
.size-select .ik_select .ik_select_dropdown,.size-select .ik_select .ik_select {
width: 220px !important
}
.size-select .ik_select_link {
width: 220px
}
.icon--pointer {
width: 12px;
height: 16px;
padding: 0 2px
}
.icon--phone {
width: 10px;
height: 16px;
padding: 0 3px
}
.icon--clock {
width: 16px;
height: 16px
}
.icon--email {
width: 16px;
height: 11px
}
.shop-info__row {
margin-bottom: 20px
}
.shop-info__icon {
box-sizing: content-box;
display: inline-block;
vertical-align: top;
margin-right: 20px;
fill: #434a54
}
.shop-info__text {
display: inline-block;
vertical-align: top;
font-weight: 400
}
.shop-info__heading {
font-size: 14px;
margin-top: 35px;
color: #434a54;
font-weight: 400
}
.shop-info__paragraph {
margin-bottom: 17px;
font-size: 14px;
color: #434a54
}
.contacts-grid-row {
margin-top: 57px;
margin-bottom: 57px;
line-height: 20px
}
.contacts__light-text {
font-weight: normal
}
.contacts_table_section {
display: table;
padding-right: 40px
}
.contacts_row {
display: table-row;
font-weight: 400
}
.contacts_cell {
display: table-cell;
padding: 0 20px 20px 0
}
.contacts__map {
height: 600px
}
.page-heading {
text-align: center;
font-family: 'Suisse Intl',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
letter-spacing: .07em;
text-transform: uppercase;
font-size: 48px
}
.page-heading--bold {
font-weight: bold
}
.page-heading--left {
text-align: left
}
.page-heading_h3 {
font-family: 'Suisse Intl',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 18px
}
.txt_center {
text-align: center
}
.btn--save-changes {
width: 282px;
margin-top: 23px
}
.page-search__form {
position: relative;
margin-bottom: 98px
}
.page-search__input {
box-sizing: border-box !important;
height: 48px;
text-transform: uppercase;
padding-left: 13px;
padding-right: 47px;
padding-top: 4px;
border-radius: 0;
border-radius: 0
}
.page-search__submit {
border: 0;
background: transparent;
outline: 0;
position: absolute;
right: 0;
top: 0;
width: 48px;
height: 48px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.page-search__submit-icon {
width: 15px;
height: 15px;
margin-left: 4px
}
.page-search__found,.page-search__not-found {
font-size: 24px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
margin-top: 0;
margin-bottom: 79px;
padding-top: 11px
}
.page-search__query {
box-shadow: 0 2px 0 0 #000;
padding-bottom: 1px
}
.page-search__found .page-search__query {
margin-left: 8px
}
.collection-image {
height: 300px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.collection-name {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
font-size: 48px;
font-family: 'Suisse Intl',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
color: #fff;
font-weight: 400;
text-transform: uppercase;
letter-spacing: .07em;
margin: 75px;
text-align: center;
max-height: 175px;
overflow: hidden
}
.collection-name span {
display: block
}
.collection-name span small {
font-size: 30 px;
opacity: .8
}
.collection-description {
font-size: 14px;
color: #434a54;
text-align: center;
margin-top: 60px
}
.collection-description:after {
content: '';
display: block;
margin: 0 auto;
width: 60px;
height: 1px;
background-color: #e8e8e8;
margin-top: 35px;
margin-bottom: 60px
}
.collections {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 53px
}
.collections__item {
width: 300px;
margin: 0 20px 55px 0;
color: #19181d
}
.collections__item:hover {
color: #19181d
}
.collections__item:nth-child(3n) {
margin-right: 0
}
.collections__image {
display: block;
width: 100%;
height: 450px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 14px
}
.collections__name {
font-size: 14px;
font-family: 'Suisse Intl',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
color: #19181d;
font-weight: 400;
text-transform: uppercase;
line-height: 1.2;
letter-spacing: .07em;
margin-bottom: 7px
}
.collections__name .link {
font-family: 'Metronomc',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
color: #19181d;
text-decoration: none;
color: inherit;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase
}
.collections__name .link:hover {
color: #19181d;
text-decoration: underline
}
.collections__name:hover .link {
color: inherit;
box-shadow: inset 0 -1px 0 #19181d;
text-decoration: none
}
.btn--download-more-collections {
margin-top: 0;
margin-bottom: 128px
}
.promo__input {
margin-right: -5px;
vertical-align: top;
width: 250px
}
.promo__submit {
vertical-align: top;
width: 135px
}
.success_text {
margin-top: 5px;
display: none
}
.error_text {
margin-top: 5px;
display: none
}
.subscribe__email-icon {
width: 144px;
height: 144px
}
.remember-password-wrapper {
margin: 13px 0 18px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between
}
.popup_footer {
margin-top: 44px;
text-transform: uppercase
}
.auth-form-page {
margin-bottom: 50px
}
.old-price {
color: #434a54;
display: inline-block;
font-weight: normal;
position: relative;
margin-right: 6px
}
.old-price .icon--rouble {
fill: #434a54
}
.old-price::after {
content: '';
display: block;
height: 1px;
background: #434a54;
position: absolute;
left: -2px;
right: -2px;
top: 6px
}
.slick--products__price .old-price::after {
top: 10px
}
.popup-content--map {
min-width: 320px;
max-width: 1200px
}
.promo-code_info {
padding-top: 40px;
margin-bottom: 40px
}
.promo-code_row {
display: -ms-flexbox;
display: flex;
margin-top: 8px;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.promo-code_cell {
-ms-flex: 1;
flex: 1;
padding: 7px 10px 5px;
border: 1px solid #ececec
}
.promo-code_cell .discount_icon {
position: absolute;
left: 10px;
top: 6px;
fill: #19181d
}
.promo-code_cell.grey {
width: 160px;
-ms-flex: 0;
flex: 0;
-ms-flex: none;
flex: none;
max-width: 160px;
border-right: 0;
position: relative;
padding-left: 38px
}
.promo-code_cell.bottom-message {
-ms-flex: 100%;
flex: 100%;
position: relative;
padding-left: 38px;
margin-top: -1px;
color: #d94452
}
.icon-lock {
width: 15px;
height: 18px;
fill: #db5662;
position: absolute;
left: 13px;
top: 5px
}
.promo-code_important {
color: #d94452
}
.discount_icon {
width: 18px;
height: 12px
}
.brands-filter {
margin-bottom: 20px;
text-align: center
}
.brands-filter__btn {
height: 30px;
width: 150px;
padding: 0;
border: 1px solid #000;
border-radius: 0;
font-size: 14px;
line-height: 30px;
background-color: #fff
}
.brands-filter__btn:hover,.brands-filter__btn--active {
color: #fff;
background-color: #000
}
body: not(.we_can_click) .brands-filter__btn:hover {
color: #000;
background-color: #fff
}
body: not(.we_can_click) .brands-filter__btn.brands-filter__btn--active {
color: #fff;
background-color: #000
}
.alphabet {
height: 50px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
margin: 0 0 15px -10px
}
.alphabet__letter {
font-family: 'Rubik',sans-serif;
line-height: 50px;
padding: 0 12px;
text-transform: uppercase;
font-size: 13px;
color: #19181d;
font-size: 23px;
letter-spacing: -0.28em;
position: relative;
cursor: pointer;
outline: 0;
text-decoration: none
}
.alphabet__letter:hover {
color: #19181d;
text-decoration: none
}
.alphabet__letter:hover:after {
content: '';
display: block;
position: absolute;
left: 10px;
right: 2px;
bottom: 10px;
height: 1px;
box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.65)
}
.alphabet__letter--long {
letter-spacing: 3px;
margin-right: -9px
}
.alphabet__letter--long:hover:after {
left: 7px;
right: 9px
}
.brand-row {
padding: 25px 0 27px
}
.brand-letter {
font-size: 13px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
text-transform: uppercase;
font-weight: 400;
margin-bottom: 30px;
color: #19181d
}
.link--brand.link-list__link {
color: #19181d;
font-size: 12px;
line-height: 2;
transition: color .5s ease
}
.link--brand.link-list__link span {
padding-bottom: 2px;
transition: box-shadow .55s
}
.link--brand.link-list__link--blur {
color: #ccc
}
.link--brand.link-list__link:hover {
color: #19181d;
text-decoration: none
}
.link--brand.link-list__link:hover span {
box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.65)
}
: root: root: root .brand-select {
width: 100%;
margin: 0
}
: root: root: root .brand-select input {
display: none
}
.brands-container {
padding: 0 80px
}
.brand-promo {
display: block;
margin-top: 41px;
margin-bottom: 210px
}
.brand-promo: last-child {
margin-bottom: 25px
}
.brand-promo__link {
text-decoration: none
}
.brand-promo__link--default {
font-size: 10px;
text-decoration: underline
}
.brand-promo__img {
vertical-align: top
}
.brand-promo__description {
padding: 10px
}
.brand-promo__title {
margin-top: 0;
margin-bottom: 10px;
font-size: 16px;
font-weight: 500;
text-transform: uppercase
}
.brand-descr__header {
margin: 40px 0 70px
}
.brand-descr__header .page-heading {
margin-bottom: 15px
}
.brand-descr__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
margin: 58px 0;
line-height: 20px;
font-size: 14px
}
.brand-descr__wrapper--block {
display: block;
margin: 0
}
.brand-descr__item {
width: 22px;
-ms-flex-positive: 1;
flex-grow: 1
}
.brand-descr__item: last-child {
-ms-flex-positive: 2;
flex-grow: 2
}
.brand-descr__country {
margin-bottom: 20px
}
.brand-descr__image {
position: relative;
height: 300px;
width: 450px;
float: right;
margin-top: 15px
}
.brand-descr__image img {
max-height: 100%
}
.brand-descr__text--margin {
margin-bottom: 15px;
line-height: 1.5em
}
.brand-descr__info {
font-weight: 500;
margin-bottom: 25px;
font-size: 12px;
line-height: 1.5em
}
.brand-descr__btn {
font-weight: 500
}
.slick--look-jumbotron {
display: none;
float: left;
width: 100%
}
.slick--look-jumbotron .slick--products__image-wrapp {
width: 940px;
margin: 0 auto;
text-align: center
}
.slick--look-jumbotron .slick--products__image-item {
width: 460px;
display: inline-block
}
.slick--look-jumbotron .slick--products__image-item: not(: last-child) {
margin-right: 12px
}
.slick--look-jumbotron .collections__name {
font-size: 24px;
margin: 12px auto 81px;
text-align: center
}
.slick--look-jumbotron .slick--products__image-overflow {
width: 460px;
height: 690px;
overflow: hidden;
margin-bottom: 17px;
position: relative
}
.slick--look-jumbotron .slick--products__image-overflow img {
max-width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: auto
}
.slick--look-jumbotron .collections__text {
line-height: 18px;
height: 110px;
overflow: hidden
}
.slick--look-jumbotron .slick-arrow {
background: transparent;
margin-top: -21px;
top: 0;
height: 864px;
width: 10%;
box-shadow: none
}
.slick--look-jumbotron .slick-arrow .icon--jumbotron-arrow {
fill: #fff;
width: 28px;
height: 28px
}
.lookbook__dark-page-section {
height: 864px
}
.lookbook--products-grid-container {
margin-top: 20px
}
.lookbook__page-heading.page-heading {
margin: 68px 0 48px;
font-size: 18px;
letter-spacing: 1px;
position: relative;
left: 4px
}
.lookbook-product__wrapp {
overflow: hidden;
margin-bottom: 40px
}
.lookbook-product__wrapp .product__image {
margin-bottom: 8px
}
.lookbook-product__wrapp .product__name {
font-size: 12px;
margin-bottom: 5px
}
.lookbook-product__wrapp .product__price {
margin-bottom: 17px
}
.lookbook-product__wrapp .size-select .ik_select_link.ik_select_link_novalue .ik_select_link_text {
text-transform: none;
padding-top: 1px
}
.mCSB_scrollTools .mCSB_draggerRail {
background-color: #ececec;
border-radius: 0
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
border-radius: 0
}
.mCSB_1_scrollbar .mCSB_dragger .mCSB_draggerRail {
width: 4px
}
.slick__slide a {
text-decoration: none
}
.rouble {
width: 10px;
height: 10px;
margin: 0 0 0 4px;
display: inline-block
}
.icon--rouble {
width: 10px;
height: 10px;
fill: #19181d
}
@media(max-width: 767px) {
body {
min-width: 320px
}
body.overflow {
overflow: hidden
}
.page-search__form {
margin-bottom: 101px
}
.page-search__found,.page-search__not-found {
font-size: 14px;
padding-top: 52px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 49px
}
.page-search__query {
box-shadow: none
}
.contacts-grid-row {
margin-top: -6px;
margin-bottom: 27px
}
.contacts_table_section {
padding-top: 30px
}
.contacts__map {
height: 0;
padding-top: 100%;
position: relative
}
.contacts__map #styled_map {
width: 100%;
height: 300px;
position: absolute;
top: 0;
left: 0
}
.alphabet {
height: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 0;
margin-top: 12px;
margin-bottom: 40px;
padding-left: 30px;
position: absolute;
right: 20px;
width: 80px;
z-index: 1
}
.alphabet__letter {
padding: 0;
margin: 0 7px 0 8px;
letter-spacing: 2px;
font-weight: 400;
font-size: 24px;
white-space: nowrap;
text-decoration: none;
color: #19181d
}
.alphabet__letter:hover:after {
display: none
}
.link--brand.link-list__link {
color: #19181d
}
.link--brand.link-list__link--blur {
color: #ccc
}
.link--brand.link-list__link:hover {
color: #19181d;
text-decoration: none
}
.link--brand.link-list__link:hover span {
box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.65)
}
.brand-row {
border: 0;
padding: 0
}
.brand-column {
padding-bottom: 32px
}
.brand-column .link--brand {
padding-left: 3px;
font-size: 12px;
padding-right: 100px
}
.brand-letter {
font-size: 14px;
padding-left: 3px;
margin-bottom: 28px;
color: #19181d
}
.brands-container {
padding: 25px
}
.brand-promo {
display: none
}
.brand-descr__header {
margin-top: 0
}
.brand-descr__header .page-heading {
text-align: center;
margin-bottom: 23px
}
.brand-descr__wrapper {
-ms-flex-direction: column;
flex-direction: column;
margin-top: 0;
margin-bottom: 45px;
font-size: 12px
}
.brand-descr__wrapper--block {
margin-bottom: 0
}
.brand-descr__item {
width: auto
}
.brand-descr__country,.brand-descr__year,.brand-descr__creater {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 12px
}
.brand-descr__country>div,.brand-descr__year>div,.brand-descr__creater>div {
margin-left: 8px
}
.brand-descr__image {
float: none;
width: 100%;
height: auto;
margin-bottom: 20px
}
.brand-descr__image img {
width: 100%
}
.not_found_title {
font-size: 110px
}
.not_found_title span {
text-align: center;
padding-left: 25px
}
.collections {
margin-top: 4px;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.collections__item {
width: 100%;
margin-right: 0;
margin-bottom: 61px;
color: #19181d
}
.collections__item:hover {
color: #19181d
}
.collections__image {
margin-bottom: 11px
}
.collections__name {
font-size: 10px;
margin-bottom: 1px;
color: #19181d
}
.slick--look-jumbotron {
float: none;
display: block;
opacity: 1
}
.slick--look-jumbotron .slick--products__image-wrapp {
width: 100%;
margin: 0;
text-align: center
}
.slick--look-jumbotron .slick--products__image {
margin-bottom: 13px
}
.slick--look-jumbotron .slick--products__image-item {
width: calc(100% - 20px);
display: inline-block
}
.slick--look-jumbotron .slick--products__image-item: not(: last-child) {
margin-right: 0
}
.slick--look-jumbotron .collections__name {
font-size: 14px;
margin: 53px auto 50px;
text-align: center;
letter-spacing: .1em
}
.slick--look-jumbotron .collections__text {
text-align: left;
line-height: 16px
}
.slick--look-jumbotron .slick-arrow {
margin-top: -21px;
top: 64px;
box-shadow: none
}
.slick--look-jumbotron .selection-result {
background: transparent;
margin-bottom: 60px
}
.slick--look-jumbotron .selection-result .icon--rouble {
fill: #19181d
}
.slick--look-jumbotron .size-select {
margin-top: 20px;
margin-bottom: 47px;
width: 100%
}
.slick--look-jumbotron .size-select .ik_select,.slick--look-jumbotron .size-select .ik_select_dropdown {
width: 100% !important
}
.slick--look-jumbotron .size-select .ik_select_link {
width: 100%;
height: 36px;
line-height: 32px
}
.slick--look-mobile .slick-slide {
margin-bottom: 4px
}
.slick--look-mobile .slick--products__image-overflow {
width: 100%;
height: 450px;
overflow: hidden;
margin-bottom: 17px;
position: relative
}
.slick--look-mobile .slick--products__image-overflow img {
max-width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: auto
}
.slick--look-mobile .collections__text {
height: auto
}
.slick--look-mobile .slick-dots {
top: 420px
}
.slick--look-mobile .slick-dots li {
margin-right: 13px
}
.slick--look-mobile .slick-dots li button {
background: transparent;
border: 1px solid #d6cec8;
width: 7px;
height: 7px
}
.slick--look-mobile .slick-dots li.slick-active button {
background: #d6cec8
}
.slick--look-mobile .slick-arrow {
top: 0;
height: 100%
}
.slick--look-mobile .slick-arrow .icon--jumbotron-arrow {
width: 10px;
height: 10px
}
.slick--look-mobile .slick-arrow {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 20%;
height: auto;
position: absolute;
background: 0;
border: 0;
top: 0;
bottom: 0;
outline: 0;
z-index: 1
}
.slick--look-mobile .slick-arrow .arrow-icon {
width: 24px;
height: 24px;
display: block;
background-repeat: no-repeat;
background-size: 24px 24px;
margin-top: -108px
}
.slick--look-mobile .slick-prev {
left: 0;
-ms-flex-pack: start;
justify-content: flex-start
}
.slick--look-mobile .slick-prev .arrow-icon {
background-image: url('../img/arrow-left--w.png')
}
.slick--look-mobile .slick-next {
right: 0;
-ms-flex-pack: end;
justify-content: flex-end
}
.slick--look-mobile .slick-next .arrow-icon {
background-image: url('../img/arrow-right--w.png')
}
.lookbook__dark-page-section {
height: auto
}
.lookbook--products-grid-container {
margin-top: 0
}
.lookbook--products-grid-container .mobile-masonry {
padding-left: 10px;
padding-right: 10px
}
.lookbook--products-grid-container .col-xs-6 {
padding: 0;
width: calc((100% - 20px/2 - 20px) / 2)
}
.lookbook-product__wrapp {
overflow: auto;
margin-bottom: 0
}
.lookbook__page-heading.page-heading--dark.page-heading {
margin: -3px 0 49px;
font-size: 14px;
letter-spacing: .07em;
position: relative;
left: 0;
color: #19181d
}
.promo-code_cell .discount_icon {
fill: #19181d
}
.page-section: not(: last-child) {
margin-bottom: 10px
}
.page-section--products {
padding: 70px 0 110px
}
.buy-look {
margin-bottom: 25px
}
.promo__input {
width: 165px
}
.checkout_cart_img {
margin-bottom: 80px
}
.account_menu {
margin-bottom: 60px
}
.account_menu_item {
display: block;
border-bottom: 1px solid #e6e9ed
}
.account_menu_item:hover .account_menu_content,.account_menu_item:active .account_menu_content,.account_menu_item.active .account_menu_content {
border-bottom: 1px solid transparent;
font-weight: 400
}
.shop-info__text {
width: calc(100% - 40px)
}
.paginator {
margin-left: -30px;
margin-right: -30px;
border-left: 0;
border-right: 0;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-top: 40px;
margin-bottom: 60px
}
.social-share {
display: inline-block
}
.social-share .social-links__icon {
padding-left: 9px;
padding-right: 9px
}
.size-select {
position: relative;
margin-bottom: 55px;
top: 0
}
.selection-result {
margin: 0;
z-index: 10;
border-top: 1px solid #19181d;
margin-top: -10px;
padding-top: 24px
}
.selection-result__text {
line-height: normal;
text-align: center;
vertical-align: top;
margin-top: 5px;
color: #19181d;
font-size: 12px;
margin-bottom: 27px
}
.selection-result__button.btn.btn--info.btn--lg {
width: 100%;
background: rgba(236,236,236,.3);
color: #19181d
}
.selection-result__button.btn.btn--info.btn--lg:hover {
background: rgba(236,236,236,.8)
}
.navigation__item--link:hover {
text-decoration: none
}
.login__remember-password .checkbox__label {
font-size: 10px;
margin-top: 2px;
margin-left: -7px;
display: inline-block
}
.icon--rouble {
fill: #19181d
}
.old-price .icon--rouble {
fill: #19181d
}
.old-price:after {
background: #19181d
}
.promo-code_info {
padding-top: 20px
}
.checkout__pay-type {
margin-bottom: 18px;
font-size: 14px
}
}
.go-up--arrow {
display: none;
width: 70px;
height: 70px;
position: fixed;
right: 20px;
top: 70px;
padding: 10px;
background-color: rgba(255,255,255,.45);
background-image: url(../img/arrow-select.svg);
background-repeat: no-repeat;
background-position: center 35px;
background-size: 16px 16px;
transform: rotate(180deg);
text-align: center;
cursor: pointer;
z-index: 99
}
.go-up--arrow-text {
transform: rotate(-180deg)
}
.checkout {
font-size: 12px;
color: #000;
padding-top: 24px
}
.checkout .rules-agreement .checkbox {
display: -ms-flexbox;
display: flex
}
.checkout__h2,.checkout__h3,.checkout__h4 {
width: 100%;
font-family: 'Suisse Intl',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
text-transform: uppercase;
margin-top: 0;
font-weight: bold
}
.checkout__h2 {
font-size: 25px;
margin-bottom: 41px;
letter-spacing: .07em
}
.checkout__h3 {
margin: 0;
font-family: 'Metronomc',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
color: #434a53;
text-transform: none
}
.checkout__h4 {
font-size: 13px;
letter-spacing: .07em
}
.checkout__step--contacts {
padding-top: 30px
}
.checkout__step--payment {
padding-top: 40px
}
.checkout__step--comment {
padding-top: 39px;
padding-bottom: 10px
}
.checkout__small-inputs {
width: 300px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between
}
.checkout__error-message {
color: #d94452;
display: none
}
.checkout__authorization {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between
}
.checkout__authorization-switch-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 22px;
width: 100%
}
.checkout__authorization-switch-wrapper button {
vertical-align: baseline;
text-align: left;
margin-top: 5px;
font-size: 12px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: normal
}
.checkout__remember-password {
margin: 12px 0 12px
}
.checkout__forgot-password {
margin: 15px 0 12px;
text-transform: uppercase
}
.checkout__country-and-city,.checkout__contact-person,.checkout__address-enter {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 35px 0 25px
}
.checkout__address-edit {
padding: 35px 0 25px
}
.checkout__country-and-city {
display: block;
padding-top: 15px
}
.checkout__shipping {
padding: 35px 0 0
}
.checkout__delivery {
padding-bottom: 15px
}
.checkout__edit-step {
padding-right: 10px
}
.checkout__payment {
padding: 40px 0 25px;
margin-bottom: 35px
}
.checkout__payment-text {
margin-top: 11px;
line-height: 20px
}
.checkout__cancel-btn {
margin: 0 46%;
display: block;
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
.checkout__comment {
resize: vertical;
display: block;
width: 100%;
height: 148px;
margin-bottom: 25px;
padding-top: 15px;
padding-bottom: 15px;
text-transform: uppercase;
line-height: 20px
}
.checkout__rules-agreement {
display: inline-block;
vertical-align: top;
line-height: 20px;
width: calc(100% - 36px);
text-transform: uppercase
}
.checkout__continue {
display: block;
width: 280px;
margin: 38px auto 0
}
.checkout__continue .btn {
letter-spacing: -0.02em
}
.checkout_cart_total {
margin-right: 25px;
font-size: 12px;
display: block
}
.checkout_cart_total div {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
.checkout_cart_total__txt {
display: inline-block;
width: 134px;
margin-bottom: 25px
}
.checkout_cart_total--fixes {
margin-right: -2px
}
.checkout_cart_total--fixes div {
margin-left: 105px
}
.checkout_total {
position: relative;
margin-top: 20px;
margin-bottom: 17px
}
.checkout_total:before {
content: '';
position: absolute;
left: 0;
top: -24px;
display: block;
width: 100%;
height: 1px;
background-color: #000
}
@media(min-width: 768px) {
.checkout-nav {
display: -ms-flexbox;
display: flex;
position: absolute;
top: -74px
}
.checkout-nav__item {
width: 295px;
position: relative;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 13px;
height: 40px;
line-height: 42px;
background: #e1e1e1;
color: #fff;
text-align: center;
margin-right: 23px
}
.checkout-nav__item:after {
content: '';
display: inline-block;
position: absolute;
bottom: 0;
right: -38px;
height: 0;
width: 0;
border-left: 38px solid transparent;
border-right: 38px solid transparent;
border-bottom: 40px solid #e1e1e1
}
.checkout-nav__item--current {
background: #000
}
.checkout-nav__item--current:after {
border-bottom: 40px solid #000
}
.checkout-nav__item+.checkout-nav__item {
margin-left: 23px;
width: 260px
}
.checkout-nav__item+.checkout-nav__item:before {
content: '';
display: inline-block;
position: absolute;
bottom: 0;
left: -38px;
height: 0;
width: 0;
border-left: 38px solid transparent;
border-right: 38px solid transparent;
border-top: 40px solid #e1e1e1
}
.checkout-nav__item+.checkout-nav__item--current:before {
border-top: 40px solid #000
}
}
@media(max-width: 767px) {
.checkout-nav {
margin: 30px 0
}
.checkout-nav__item {
margin-bottom: 5px;
font-size: 14px
}
.checkout-nav__item--current {
display: inline-block;
text-decoration: underline
}
}
@media(min-width: 768px) {
.column-wrapper--middle-border {
position: relative;
padding-bottom: 40px;
margin-top: 15px;
margin-bottom: 50px
}
.column-wrapper--middle-border:after {
content: '';
display: inline-block;
position: absolute;
left: 50%;
top: 5px;
bottom: 0;
width: 1px;
background: #19181d
}
.column-wrapper--middle-border.no-padding {
padding-bottom: 0
}
.column-wrapper--middle-border.no-padding:after {
bottom: 15px
}
.column-left--middle--border {
margin-right: 60px
}
.column-right--middle--border {
margin-left: 60px
}
.column-wrapper--top-bottom-border {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 30px 0;
margin-bottom: 15px
}
}
@media(max-width: 767px) {
.column-left--middle--border,.column-right--middle--border {
margin-right: 0;
margin-left: 0;
margin-bottom: 30px
}
}
.checkout-block--gap {
margin-bottom: 30px
}
.checkout-block__wrapper {
padding-top: 30px
}
.form-section {
transition: opacity .3s
}
.form-section--not-active .ik_checkout {
position: relative
}
.form-section--not-active .ik_checkout:after {
content: '';
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.form-social {
margin-top: 40px
}
.form-social--login {
margin: 40px 0 20px;
text-align: center
}
.form-social__soc-link {
display: inline-block;
width: 48px;
height: 48px;
margin-right: 15px
}
.form-social__soc-img {
width: 100%;
height: auto;
transition: all .35s ease-in-out
}
.form-social__soc-img:hover {
opacity: .8
}
.dd_checkout_wide {
width: 400px !important
}
.dd_checkout_extra-wide {
width: 460px !important
}
.tab-panel {
margin: 38px 0 50px 10px;
height: 55px;
display: -ms-flexbox;
display: flex
}
.tab-panel__tab {
display: block;
height: 55px;
width: 280px;
line-height: 57px;
border-radius: 30px;
padding: 0;
border: 1px solid rgba(0,0,0,.3);
font-size: 10px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
background-color: transparent;
text-decoration: none;
text-align: center;
margin: 0 10px
}
.tab-panel__tab.current {
background-color: rgba(153,153,153,.1);
box-shadow: inset -1px 1px 3px 0 rgba(0,0,0,.1);
border: 0
}
.delivery-methods {
display: table;
margin-top: 13px
}
.delivery-methods__method {
display: table-row
}
.delivery-methods__name,.delivery-methods__time,.delivery-methods__price {
display: table-cell;
padding: 7px 0
}
.delivery-methods__name {
width: 297px;
padding-left: 10px
}
.delivery-methods__time {
width: 200px
}
.delivery-methods__price {
font-weight: bold
}
.checkout__pickup-map {
height: 320px;
margin-top: 40px;
margin-bottom: 2px
}
.pickup-points {
padding-top: 1px
}
.pickup-points__point {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding-top: 19px;
padding-bottom: 18px
}
.pickup-points__separator {
width: 100%;
height: 1px;
background: url('../img/line-separator.svg') 0 -4px repeat
}
.pickup-points__radio {
margin-left: 2px
}
.pickup-points__radio .radio {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.pickup-points__radio .radio__icon {
margin-top: -2px
}
.pickup-points__address {
min-width: 272px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 25px;
padding-top: 2px
}
.pickup-points__address-text {
text-decoration: none;
line-height: 20px
}
.pickup-points__address-metro {
line-height: 20px
}
.pickup-points__phone {
-ms-flex: 1;
flex: 1;
text-align: right
}
.payment-methods {
list-style: none;
padding: 0;
margin-top: 22px
}
.payment-methods__method {
margin-bottom: 14px
}
.pickup-points__block {
margin: 10px 0;
line-height: 20px
}
.pickup-points__block .pickup-points__row {
margin-bottom: 5px
}
@media(max-width: 767px) {
.checkout {
padding-top: 0
}
.checkout__step {
padding: 30px 0
}
.checkout__step--contacts {
padding-top: 26px
}
.checkout__step--comment,.checkout__step--delivery {
padding-bottom: 0
}
.checkout__continue {
width: 100%;
margin-top: 38px;
padding: 0
}
.checkout__small-inputs {
width: 100%
}
.checkout__small-inputs .form-group {
width: calc((100% - 2 * 11px)/3)
}
.checkout__step-summary {
max-width: calc(100% - 60px)
}
.checkout__step--comment {
border-bottom: 0;
margin-top: -30px;
margin-bottom: 40px
}
.checkout__step--delivery {
padding-top: 0
}
.checkout__forgot-password {
font-size: 10px
}
.checkout__promo-mobile {
margin-top: 30px
}
.checkout__comment {
margin-bottom: 21px
}
.checkout__rules-agreement {
letter-spacing: -0.1em
}
.checkout__pickup-map {
margin-top: 12px;
margin-bottom: -8px
}
.checkout__pickup-map #styled_map {
height: 300px !important
}
.checkout__authorization {
display: block
}
.checkout__authorization-switch-wrapper {
display: block;
font-size: 14px;
margin: 18px 0 19px
}
.checkout__authorization-switch-wrapper .btn {
font-size: 14px;
letter-spacing: 0;
margin-top: 4px
}
.tab-panel {
display: block;
white-space: nowrap;
margin: 0 0 25px
}
.tab-panel__tab {
display: inline-block;
width: calc(50% - 9px);
border: 1px solid rgba(155,155,155,.3);
color: #9b9b9b;
text-transform: uppercase;
margin: 0;
height: 48px;
line-height: 50px
}
.tab-panel__tab:first-child {
margin-right: 10px
}
.tab-panel__tab.current {
color: #19181d;
background-color: rgba(236,236,236,.3)
}
.delivery-methods__name {
padding-left: 0
}
.delivery-methods__time {
display: none
}
.delivery-methods__price {
width: 75px;
color: #434a53
}
.pickup-points {
display: block
}
.pickup-points__point {
display: block;
padding-top: 21px;
padding-bottom: 18px
}
.pickup-points__address,.pickup-points__time,.pickup-points__phone {
display: block;
border: 0;
padding: 0;
width: auto
}
.pickup-points__address {
min-width: 250px;
margin-left: 26px
}
.pickup-points__time {
margin-left: 35px;
margin-bottom: 10px
}
.pickup-points__phone {
margin-left: 35px
}
.pickup-points__radio .radio {
padding-left: 18px
}
.pickup-points__radio .radio__icon {
margin-right: -10px
}
.checkout_cart_total {
padding: 35px 0 20px;
border-top: 1px solid #e6e9ed;
border-bottom: 1px solid #e6e9ed;
margin-bottom: 36px;
margin-top: 30px;
width: 100%
}
.checkout__country {
margin-bottom: 10px
}
.mobile-checkout--summ {
font-size: 12px;
line-height: 18px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
padding-top: 10px;
margin-bottom: 80px
}
.mobile-checkout--summ .primary-btn__wrapper {
margin-top: 50px
}
.mobile-checkout--summ span {
float: right
}
.mobile-checkout--summ .checkout_cart_total__txt {
float: left;
margin-bottom: 0
}
.form-social--bordered {
margin-top: 35px;
padding-top: 40px;
border-top: 1px solid #000
}
.form-section--bordered {
padding-top: 40px;
margin-top: 40px;
border-top: 1px solid #000
}
.checkout__pay-type {
margin-bottom: 22px;
font-size: 12px;
text-transform: uppercase
}
.checkout__pay-type-wrapp {
margin-top: 18px;
margin-bottom: 4px
}
}
.ik_checkout {
height: 48px
}
.ik_checkout .ik_select {
width: 100% !important
}
.dd_checkout {
width: 300px !important
}
.sticky,.sticky--tile {
position: -webkit-sticky;
position: sticky;
top: 50px
}
.sticky.user-field,.sticky--tile.user-field {
top: 29px
}
.sticky:before,.sticky:after,.sticky--tile:before,.sticky--tile:after {
content: '';
display: table
}
.sticky-friend--wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch
}
@media(max-width: 767px) {
.sticky-friend--wrapper {
display: block;
-ms-flex-align: inherit;
align-items: inherit
}
}
.noUi-target,.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
box-sizing: border-box
}
.noUi-target {
position: relative;
direction: ltr
}
.noUi-base {
width: 100%;
height: 100%;
position: relative;
z-index: 1
}
.noUi-origin {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0
}
.noUi-handle {
position: relative;
z-index: 1
}
.noUi-stacking .noUi-handle {
z-index: 10
}
.noUi-state-tap .noUi-origin {
transition: left .3s,top .3s
}
.noUi-state-drag * {
cursor: inherit !important
}
.noUi-base {
transform: translate3d(0,0,0)
}
.noUi-horizontal {
height: 2px
}
.noUi-horizontal .noUi-handle {
width: 13px;
height: 13px;
left: -6px;
top: -6px
}
.noUi-vertical {
width: 18px
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px
}
.noUi-background {
background: #e7eaed
}
.noUi-connect {
background: #000;
transition: background 450ms
}
.noUi-dragable {
cursor: w-resize
}
.noUi-vertical .noUi-dragable {
cursor: n-resize
}
.noUi-handle {
border-radius: 50%;
background: #000;
cursor: default
}
[disabled].noUi-connect,[disabled] .noUi-connect {
background: #b8b8b8
}
[disabled].noUi-origin,[disabled] .noUi-handle {
cursor: not-allowed
}
img[data-object-fit="contain"] {
object-fit: contain
}
img[data-object-fit="cover"] {
object-fit: cover
}
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.chosen-container * {
box-sizing: border-box
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 9;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff
}
.chosen-container.chosen-with-drop .chosen-drop {
left: 0
}
.chosen-container a {
cursor: pointer
}
.chosen-container .search-choice .group-name,.chosen-container .chosen-single .group-name {
margin-right: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: normal;
color: #999
}
.chosen-container .search-choice .group-name:after,.chosen-container .chosen-single .group-name:after {
content: ": ";
padding-left: 2px;
vertical-align: top
}
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 15px;
height: 25px;
background-color: #fff;
background-clip: padding-box;
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 24px
}
.chosen-container-single .chosen-default {
color: #999
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px
}
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
font-size: 1px
}
.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%
}
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap
}
.chosen-container-single .chosen-search input[type="text"] {
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
font-size: 1em;
font-family: sans-serif;
line-height: normal
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
background-clip: padding-box
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
left: -9999px
}
.chosen-container .chosen-results {
color: #444;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 150px;
-webkit-overflow-scrolling: touch
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
word-wrap: break-word;
-webkit-touch-callout: none
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default
}
.chosen-container .chosen-results li.highlighted {
background-color: #3875d7;
color: #fff
}
.chosen-container .chosen-results li.no-results {
color: #777;
display: list-item;
background: #f4f4f4
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: 400;
cursor: default
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline
}
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 0 5px;
width: 100%;
height: auto !important;
height: 1%;
border: 1px solid #aaa;
background-color: #fff;
background-image: linear-gradient(#eee 1%,#fff 15%);
cursor: text
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 1px 0;
padding: 0;
height: 25px;
outline: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: #999;
font-size: 100%;
font-family: sans-serif;
line-height: normal
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 5px 3px 0;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
max-width: 100%;
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
box-shadow: 0 0 2px white inset,0 1px 0 rgba(0,0,0,0.05);
color: #333;
line-height: 13px;
cursor: default
}
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
font-size: 1px
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
color: #666
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default
}
.chosen-container-active .chosen-single {
border: 1px solid #aaa
}
.chosen-container-active.chosen-with-drop .chosen-single {
box-shadow: 0 1px 0 #fff inset
}
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: 0;
background: transparent
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px
}
.chosen-container-active .chosen-choices {
border: 1px solid #aaa
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
color: #222 !important
}
.chosen-disabled {
opacity: .5 !important;
cursor: default
}
.chosen-disabled .chosen-single {
cursor: default
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default
}
.chosen-rtl {
text-align: right
}
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0
}
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl
}
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px
}
.chosen-rtl .chosen-single div {
right: auto;
left: 3px
}
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px
}
.chosen-rtl .chosen-choices li {
float: right
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
direction: rtl
}
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop {
left: 9999px
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0
}
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: 0
}
.chosen-rtl .chosen-search input[type="text"] {
padding: 4px 5px 4px 20px;
direction: rtl
}
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px
}
.chosen-container {
width: 100% !important;
font-size: 12px
}
.chosen-container-single .chosen-single {
height: 31px;
line-height: 36px;
border: 1px solid #c3c3c3
}
.chosen-container-single .chosen-single div {
width: 31px
}
.chosen-container-single .chosen-single div b {
height: 31px;
position: relative
}
.chosen-container-single .chosen-single div b:after {
content: '';
display: block;
height: 7px;
width: 14px;
position: absolute;
top: 50%;
margin-top: -5px;
right: 8px;
background: svg('select-arrow') 0 0 no-repeat;
transform: rotate(180deg)
}
.chosen-container-active.chosen-with-drop .chosen-single div b:after {
transform: rotate(0)
}
.chosen-container-single .chosen-single {
padding-left: 10px
}
.chosen-container-single .chosen-single abbr {
top: 13px
}
.select--custom .chosen-container-single .chosen-single abbr {
top: 10px
}
.chosen-container-active .chosen-choices {
border: 1px solid #000
}
.chosen-container .chosen-drop {
background: #fff;
border: 1px solid #c3c3c3;
margin-top: -1px
}
.chosen-container .chosen-results {
padding: 0;
margin: 0
}
.chosen-container .chosen-results li.highlighted {
background: #f1f1f1;
color: #000
}
.chosen-container .chosen-results li {
line-height: 20px;
padding: 7px 10px 3px
}
.chosen-container-single .chosen-default {
color: #999
}
: root .chosen-select {
padding-right: 34px;
outline: 0
}
.emx-catalog-sort .chosen-container {
height: 100% !important
}
.emx-catalog-sort .chosen-container-single .chosen-single {
height: 100%
}
.emx-catalog-sort .chosen-container .chosen-drop {
z-index: 2
}
.address-select .chosen-container .chosen-results li {
padding-right: 60px
}
.chosen-container .chosen-results li.result-selected {
font-weight: 400
}
.chosen-results {
overflow: hidden !important;
max-height: none !important
}
.chosen-drop-wrapper {
max-height: 160px;
overflow: hidden
}
.blog .chosen-container-single {
margin-bottom: 15px
}
.select--latent {
min-width: 180px;
position: relative
}
.select--latent .icon--select-arrow,.select--latent .icon--select-arrow--dark {
width: 10px;
height: 6px;
position: absolute;
right: 25px;
top: 11px;
z-index: 1;
transform: rotate(180deg)
}
.select--latent .icon--select-arrow--dark {
display: none;
right: 12px;
top: 10px;
opacity: .5
}
.select--latent .chosen-container-single .chosen-single {
height: 30px;
border: 0;
color: #19181d;
font-size: 14px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
text-align: right;
line-height: 30px;
padding-left: 24px;
position: relative;
z-index: 9;
margin: 0 1px;
background: transparent
}
.select--latent .chosen-container-single .chosen-single span {
margin-right: 40px
}
.select--latent .chosen-container-single .chosen-single div b:after {
z-index: 11
}
.select--latent .chosen-container-single .chosen-drop {
border: 1px solid #19181d;
border-top: 0;
padding-top: 9px;
padding-bottom: 13px
}
.select--latent .chosen-container-single .chosen-drop .chosen-results {
text-align: right
}
.select--latent .chosen-container-single .chosen-drop .chosen-results li {
padding: 6px 23px;
color: #19181d
}
.select--latent .chosen-container-single .chosen-drop .chosen-results li.highlighted {
background: transparent;
color: #19181d
}
.select--latent .chosen-container-single .chosen-drop .chosen-results li.result-selected {
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400
}
.select--latent .chosen-container-single.chosen-with-drop ~ .icon--select-arrow,.select--latent .chosen-container-single.chosen-with-drop ~ .icon--select-arrow--dark {
transform: rotate(0)
}
.select--latent .chosen-container-single.chosen-with-drop:after {
content: '';
height: 41px;
position: absolute;
left: 0;
right: 0;
top: -11px;
border: 1px solid #19181d;
border-bottom: 0
}
.select--latent .icon--select-arrow--dark {
display: none
}
.select--default {
padding: 10px 0;
border: 1px solid #000
}
.select--default .icon--select-arrow,.select--default .icon--select-arrow--dark {
top: 20px
}
.select--default .chosen-container-single .chosen-single {
text-align: left
}
.select--default .chosen-container-single.chosen-with-drop .chosen-drop {
width: auto;
left: -1px;
right: -1px;
margin-top: 10px
}
.select--default .chosen-container-single.chosen-with-drop .chosen-drop .chosen-results {
text-align: left
}
.select--default .chosen-container-single.chosen-with-drop:after {
display: none
}
@media(max-width: 767px) {
.select--default {
padding: 10px
}
}
@media(max-width: 767px) {
.select--default .icon--select-arrow,.select--default .icon--select-arrow--dark {
top: 20px
}
}
.dark-side .select--latent .chosen-container-single .chosen-single {
background: #19181d;
color: rgba(255,255,255,.5);
box-shadow: none
}
.dark-side .select--latent .chosen-container-single .chosen-drop {
background: #19181d;
border-color: #696969
}
.dark-side .select--latent .chosen-container-single .chosen-drop .chosen-results li {
color: #fff
}
.dark-side .select--latent .chosen-container-single .chosen-drop .chosen-results li.highlighted {
color: #fff
}
.dark-side .select--latent .chosen-container-single.chosen-with-drop:after {
border-color: #696969
}
.dark-side .select--latent .icon--select-arrow {
display: none
}
.dark-side .select--latent .icon--select-arrow--dark {
display: block
}
.product {
position: relative
}
.product__image {
display: inline-block;
vertical-align: top;
width: 100%
}
.product__image-wrap {
position: relative;
margin-bottom: 15px
}
.product__sizes {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column;
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
padding: 0 10px;
transition: opacity .2s;
z-index: 3
}
.product__sizes-title {
display: none
}
.product__sizes-value {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center
}
.product__sizes-value span {
padding: 0 6px;
font-family: 'Suisse Intl',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
color: #19181d;
font-size: 14px;
text-transform: uppercase
}
.product__sizes-value span.disabled {
opacity: .3
}
.product__image-wrap:hover:after,.product__image-wrap:hover .product__sizes {
visibility: visible;
opacity: 1
}
.product__name {
font-size: 14px;
color: #19181d;
line-height: 19px;
letter-spacing: 1px;
font-family: Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
margin-bottom: 6px;
cursor: pointer
}
.product__link.product__link--main:hover {
text-decoration: none
}
.product__sizes {
cursor: pointer
}
.product__price {
color: #19181d;
line-height: 20px;
font-size: 12px;
display: inline-block
}
.product__badges {
position: absolute;
top: 10px;
left: 20px;
z-index: 4
}
.product_slider .product__badges {
right: 37px
}
.product__badge {
width: 31px;
height: 30px;
font-size: 7px;
text-align: center;
font-family: 'Suisse Intl',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
padding-left: 2px;
line-height: 32px;
border-radius: 50%;
cursor: default;
margin-bottom: 10px
}
.product .addWishlist {
position: absolute;
right: 15px;
top: 5px;
display: none;
right: 15px;
top: 15px;
background-color: #fff;
width: 28px !important;
height: 28px;
line-height: 28px;
padding: 0px;
border: 1px solid #c2c2c2;
border-radius: 100%;
text-align: center;
}
.product .addWishlist:after {
content: '';
display: inline-block;
background: url(../images/heart-empty-black.svg);
width: 16px;
height: 16px;
position: absolute;
top: 6px;
left: 5px;
}
.product .addWishlist.added {
/* background-size: 65%; */
}
.product .addWishlist.added:after {
background: url(../images/heart-black2.svg);
}
.product:hover .addWishlist {
display: block;
}
.product .removeFromWishlist {
position: absolute;
right: 15px;
top: 5px;
cursor: pointer;
background: url(../images/delete4.png) no-repeat center center;
background-color: background-color: rgba(255,255,255,0.8);
width: 25px;
height: 25px;
z-index: 9999;
position: absolute;
top: 12px; right: 12px;
display: none;
opacity: 1;
filter: alpha(opacity=100);
}
.product .removeFromWishlist:before,
.product .removeFromWishlist:after {
display: none;
}
.product:hover .markerClose .removeFromWishlist {
display: block;
}
.slick-arrow.slick-arrow_product {
padding-top: 50px
}
.slick-arrow.slick-arrow_product .icon--jumbotron-arrow {
width: 20px;
height: 13px
}
.slick-arrow.slick-arrow_product.slick-prev {
float: left
}
.slick-arrow.slick-arrow_product.slick-next {
float: right
}
.product__badge--sale {
color: #fff;
background: #ff6363
}
.product__badge--new {
color: #19181d;
background: #fff
}
.product__link {
display: block;
font-family: 'Metronomc',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
color: #19181d;
text-decoration: none
}
.product__link:hover {
color: #19181d;
text-decoration: underline
}
@media(max-width: 767px) {
.product .old-price {
opacity: .75
}
.product__image-wrap {
margin-bottom: 10px
}
.product__name {
font-size: 10px;
line-height: 14px;
margin-bottom: 1px
}
.product__badges {
left: 15px;
top: 5px
}
.product__sizes-value span {
font-size: 12px
}
}
.product-row-table {
padding-top: 10px;
position: relative;
margin-bottom: 50px
}
.product-row-table--checkout:after {
content: '';
position: absolute;
left: 0;
bottom: 2px;
display: block;
width: 100%;
height: 1px;
background-color: #000
}
.product-row__title {
margin-top: -10px;
margin-bottom: 10px;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px
}
.product-row__item {
display: -ms-flexbox;
display: flex;
position: relative;
padding-top: 20px;
padding-bottom: 20px
}
.product-row__item: not(: last-child):after {
content: '';
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: url('../img/line-separator.svg') 0 -4px repeat
}
.product-row__item--not-av .product-row__image-link,.product-row__item--not-av .product-row__name,.product-row__item--not-av .product-row__article,.product-row__item--not-av .product-row__size,.product-row__item--not-av .product-row__quantity,.product-row__item--not-av .product-row__price,.product-row__item--not-av .product-row__summ,.product-row__item--not-av .product-row__amount {
opacity: .3
}
.product-row__image-link {
display: block;
width: 140px;
min-width: 140px;
margin-right: 20px
}
.product-row__image {
width: 100%;
height: auto
}
.product-row__info {
width: 218px;
min-width: 218px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 11px
}
.product-row__name {
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
color: #19181d;
font-size: 12px;
letter-spacing: 1px;
margin-bottom: 10px;
text-decoration: none
}
.product-row__article,.product-row__size,.product-row__quantity {
margin-bottom: 5px
}
.product-row__price {
display: -ms-flexbox;
display: flex
}
.product-row__price .old_price {
color: #19181d;
margin-right: 15px;
position: relative
}
.product-row__price .old_price .icon--rouble {
fill: #19181d
}
.product-row__price .old_price:after {
content: '';
display: block;
height: 1px;
background: #19181d;
position: absolute;
left: -2px;
right: -2px;
top: 6px
}
.product-row__delete,.product-row__to-cart,.product-row__not-av {
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
color: #19181d;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 20px;
cursor: pointer;
transition: opacity .35s
}
.product-row__delete:hover,.product-row__to-cart:hover,.product-row__not-av:hover {
opacity: .7
}
.product-row__not-av {
cursor: default
}
.product-row__not-av:hover {
opacity: 1
}
.product-row__amount {
width: 36px;
min-width: 36px;
padding-top: 33px;
margin-left: 20px;
margin-right: 20px
}
.product-row__amount-value {
display: block;
text-align: center;
margin-top: 3px
}
.product-row__summ {
padding-top: 36px;
padding-left: 22px;
-ms-flex: 1;
flex: 1
}
.product-row__summ--right {
text-align: right
}
.product-row__item-delete {
position: absolute;
top: 17px;
right: -3px;
width: 30px;
height: 30px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
transition: opacity .35
}
.product-row__item-delete .delete {
width: 9px;
height: 9px;
fill: #19181d
}
.product-row__item-delete:hover {
opacity: .7
}
.howmanyitems {
display: inline-block;
position: relative;
width: 40px;
height: 20px;
padding: 0 10px;
vertical-align: top;
line-height: 20px;
overflow: hidden
}
.howmanyitems input {
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 12px;
color: #000;
padding: 0;
margin: 0;
text-align: center;
vertical-align: top;
border: 0;
outline: 0
}
.howmanyitems .ui-spinner-button {
width: 8px;
height: 20px;
position: absolute;
left: 1px;
top: 0;
text-decoration: none;
background: transparent;
text-align: center;
cursor: pointer;
transition: opacity .35s
}
.howmanyitems .ui-spinner-button.ui-spinner-up {
right: 2px;
left: auto
}
.howmanyitems .ui-spinner-button.ui-spinner-up:before,.howmanyitems .ui-spinner-button.ui-spinner-up:after {
content: "";
display: inline-block;
position: absolute;
right: 0;
top: 8px;
background: #000;
width: 7px;
height: 1px
}
.howmanyitems .ui-spinner-button.ui-spinner-up:after {
width: 1px;
height: 7px;
top: 5px;
right: 3px
}
.howmanyitems .ui-spinner-button.ui-spinner-down:before {
content: "";
display: inline-block;
position: absolute;
right: 0;
top: 8px;
background: #000;
width: 7px;
height: 1px
}
.howmanyitems .ui-spinner-button.ui-spinner-up:hover,.howmanyitems .ui-spinner-button.ui-spinner-down:hover {
opacity: .75
}
.howmanyitems .ui-button-text {
display: none
}
.fav-brands {
margin-bottom: 50px
}
.fav-brands__title {
margin-top: 0;
margin-bottom: 10px;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px
}
.fav-brands__row {
margin: 0 -10px
}
.fav-brands__col {
padding: 10px 0
}
.fav-brands__link {
position: relative
}
.fav-brands__link-delete {
position: absolute;
top: 0;
right: 0;
width: 24px;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
opacity: 0;
transition: opacity .5s linear
}
.fav-brands__link-delete .delete {
width: 50%;
height: 50%
}
.fav-brands__link:hover .fav-brands__link-delete {
opacity: .4
}
.fav-brands__link:hover .fav-brands__link-delete:hover {
opacity: 1
}
@media(max-width: 767px) {
.product-row-table {
padding-top: 27px;
padding-bottom: 20px
}
.product-row-table:after {
display: block;
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: #979797
}
.product-row-table--checkout {
padding-top: 0;
margin-top: -5px;
margin-bottom: 0
}
.product-row__item {
display: block;
padding-top: 10px;
padding-bottom: 10px
}
.product-row__item-delete {
top: 4px;
right: -10px
}
.product-row__item: not(: last-child):after {
opacity: .3
}
.product-row__image-link {
float: left;
width: 60px;
min-width: 60px
}
.product-row__info {
display: block;
width: 100%;
padding-right: 25px;
padding-top: 0;
padding-left: 80px
}
.product-row__name {
display: block;
line-height: 18px;
margin-bottom: 5px
}
.product-row__price {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.product-row__price .old_price {
opacity: .75
}
.product-row__summ {
display: none
}
.product-row__to-cart,.product-row__delete,.product-row__not-av {
padding: 7px 8px 4px;
border-radius: 2px;
display: inline-block;
margin-top: 9px;
margin-bottom: 7px;
opacity: 1;
background: rgba(236,236,236,.8)
}
.product-row__not-av:hover {
background: rgba(236,236,236,.3)
}
.product-row__amount {
padding-top: 9px;
margin-left: 80px;
margin-bottom: 7px
}
.howmanyitems {
border-radius: 3px;
padding: 12px 25px
}
.howmanyitems input {
position: absolute;
left: 16px;
top: 2px
}
.howmanyitems .ui-spinner-button {
left: 7px;
top: 3px
}
.howmanyitems .ui-spinner-button.ui-spinner-up {
right: 6px;
top: 3px
}
.fav-brands__link-delete {
opacity: .4
}
}
.filters__component {
overflow: hidden
}
.filters__component.hey-im-opened {
overflow: visible
}
.filters__component.fixed {
position: fixed;
bottom: 20px;
width: 220px
}
.filters__component.fixed-top {
position: fixed;
top: 20px;
width: 220px
}
.filters__component.bottom {
position: absolute;
bottom: 20px;
width: 220px
}
.filters__block {
background: #fff;
margin-top: 31px;
margin-bottom: 7px;
position: relative;
padding-right: 20px;
z-index: 5
}
.filters__block .smart-separator {
display: block;
position: absolute;
height: 0;
left: 0;
right: 0;
background: #19181d;
opacity: 0;
transition: opacity .75s .35s
}
.filters__block:before {
top: 0
}
.filters__block:after {
bottom: 0
}
.filters__block.opened .smart-separator {
opacity: 1;
height: 1px
}
.filters__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 29px;
padding-bottom: 20px;
overflow: hidden
}
.filters__footer {
clear: both
}
.filters__footer .link {
font-size: 14px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px
}
.filter__title {
font-size: 11px;
text-transform: uppercase;
padding-bottom: 15px
}
.filter__title .icon-wrapper {
position: absolute;
top: 0;
right: -2px;
height: 15px;
width: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.filter__title .icon-wrapper .icon--minus,.filter__title .icon-wrapper .icon--plus {
width: 15px;
height: 15px
}
.filter__title .icon-wrapper .icon--minus {
display: none
}
.filter__list {
display: none;
padding-bottom: 30px
}
.filter__item {
position: relative;
cursor: pointer
}
.filter__item .customscroll {
max-height: 205px
}
.filter__item .noUi-horizontal {
height: 2px
}
.filter__item .noUi-horizontal .noUi-handle {
border-radius: 1px;
background-color: #19181d;
width: 10px;
height: 6px;
top: -2px
}
.filter__item .check_list {
margin-bottom: 0;
padding-left: 1px
}
.filter__item .check_list li {
margin-bottom: 9px
}
.filter__item .check_list li: last-child {
margin-bottom: 0
}
.filter__item .checkbox {
padding-top: 3px;
display: block
}
.filter__item .checkbox__icon {
margin-right: 4px;
margin-top: -2px
}
.filter__item.active .filter__title .icon--plus {
display: none
}
.filter__item.active .filter__title .icon--minus {
display: block
}
.filter__item.default .filter__list {
display: block
}
.filter__item.default .filter__title>.icon-wrapper .icon--plus {
display: none
}
.filter__item.default .filter__title>.icon-wrapper .icon--minus {
display: block
}
.filter__item--clear {
float: left
}
.filter__item--close {
display: -ms-flexbox;
display: flex;
float: right
}
.filter__item--close .icon--close-filter {
width: 11px;
height: 11px;
margin-left: 6px;
margin-right: 1px;
margin-top: 2px
}
.filter__submenu .check_list {
display: none;
margin-bottom: 20px
}
.filter__submenu .checkbox {
padding-left: 9px
}
.filter__submenu .icon-wrapper {
position: absolute;
top: 0;
left: 155px;
height: 15px;
width: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.filter__submenu .icon-wrapper .icon--minus,.filter__submenu .icon-wrapper .icon--plus {
width: 15px;
height: 15px
}
.filter__submenu .icon-wrapper .icon--minus {
display: none
}
.filter__submenu-title {
text-transform: uppercase;
font-size: 13px;
padding-left: 10px;
margin-bottom: 10px;
position: relative
}
.filter__submenu.active .icon--plus {
display: none
}
.filter__submenu.active .icon--minus {
display: block
}
.filter__submenu.default .check_list {
display: block
}
.filter__submenu.default .icon--plus {
display: none
}
.filter__submenu.default .icon--minus {
display: block
}
.filter__color {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 2px;
padding-left: 2px
}
.filter__color input {
display: none
}
.filter__color input: checked ~ .filter__color-item {
box-shadow: 0 0 0 1px #19181d inset;
transform: scale(1.1)
}
.filter__color-item {
cursor: pointer;
display: block;
outline: 0;
border: 0;
width: 18px;
height: 18px;
box-shadow: 0 0 0 1px #888 inset;
margin: 0 8px 6px 0
}
.customscroll {
max-height: 320px
}
.price_range_wrapper {
margin-right: 25px;
font-size: 12px;
letter-spacing: normal;
position: relative
}
.price_range_wrapper .price-input.form-input {
width: 50px;
border: 0;
padding: 3px 0 0;
text-align: right;
line-height: 12px;
height: auto
}
.selected-filter {
display: -ms-flexbox;
display: flex;
margin-right: 12px
}
.selected-filter__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
margin-top: 13px;
margin-bottom: 7px;
padding-top: 26px;
padding-bottom: 10px
}
.selected-filter__wrapper .filters__footer {
padding-top: 21px
}
.selected-filter__wrapper:before,.selected-filter__wrapper:after {
content: '';
display: block;
position: absolute;
height: 1px;
left: 0;
right: 0;
background: #19181d
}
.selected-filter__wrapper:before {
top: 0
}
.selected-filter__wrapper:after {
bottom: 0
}
.selected-filter__area {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.selected-filter__label {
text-transform: uppercase;
margin-right: 7px
}
.selected-filter__text {
margin-right: 5px
}
.selected-filter__clear {
cursor: pointer
}
.selected-filter__clear .icon--clear-filter {
width: 12px;
height: 12px
}
.filters__component.hey-im-opened+.selected-filter__wrapper {
margin-top: 0
}
.filters__component.hey-im-opened+.selected-filter__wrapper:before {
display: none
}
.filters__component.hey-im-opened+.selected-filter__wrapper .filters__footer {
display: none
}
.filters__component.hey-im-opened+.selected-filter__wrapper .selected-filter__area {
padding-bottom: 15px
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
border-radius: 5px;
width: 6px;
background-color: #ececec
}
.mCSB_scrollTools .mCSB_draggerRail {
background: transparent
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0,0,0,0.4)
}
.dark-side .mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent
}
.dark-side .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #19181d
}
.dark-side .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.dark-side .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #19181d
}
@media(min-width: 768px) {
.catalog--sorting-area-top .filter-toggle {
display: -ms-flexbox;
display: flex;
height: 30px;
line-height: 30px;
color: #19181d;
font-size: 14px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
position: absolute;
left: 1px;
top: 0;
cursor: pointer
}
.catalog--sorting-area-top .filter-toggle .icon--plus {
width: 19px;
height: 19px;
margin-top: 4px;
margin-left: 2px
}
.catalog--sorting-area-top .filter-toggle .icon--minus {
width: 19px;
height: 19px;
margin-top: 4px;
margin-left: 2px;
display: none
}
.catalog--sorting-area-top .filters__component.hey-im-opened .filter-toggle .icon--plus {
display: none
}
.catalog--sorting-area-top .filters__component.hey-im-opened .filter-toggle .icon--minus {
display: block
}
.catalog--sorting-area-top .filter__list {
display: block !important;
padding-bottom: 0
}
.catalog--sorting-area-top .filter__title {
cursor: default
}
.catalog--sorting-area-top .filters__form-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row
}
.catalog--sorting-area-top .filters__block {
display: none;
background: #fff;
margin-top: 13px;
margin-bottom: 7px;
position: relative;
padding-right: 0;
z-index: 5
}
.catalog--sorting-area-top .filters__block .smart-separator {
display: block;
position: absolute;
height: 0;
left: 0;
right: 0;
background: #19181d;
opacity: 0;
transition: opacity .75s .35s
}
.catalog--sorting-area-top .filters__block:before {
top: 0
}
.catalog--sorting-area-top .filters__block:after {
bottom: 0
}
.catalog--sorting-area-top .filters__block.opened .smart-separator {
opacity: 1;
height: 1px
}
.catalog--sorting-area-top .filter__item {
-ms-flex: 1;
flex: 1;
padding-left: 20px
}
.catalog--sorting-area-top .filter__item .customscroll {
max-height: 300px
}
.catalog--sorting-area-top .filter__item .noUi-horizontal {
height: 2px
}
.catalog--sorting-area-top .filter__item .noUi-horizontal .noUi-handle {
border-radius: 5px;
background-color: #19181d;
width: 10px;
height: 10px;
top: -4px
}
.catalog--sorting-area-top .filter__item .check_list {
margin-bottom: 0;
padding-left: 1px
}
.catalog--sorting-area-top .filter__item .check_list li {
margin-bottom: 9px
}
.catalog--sorting-area-top .filter__item .check_list li: last-child {
margin-bottom: 0
}
.catalog--sorting-area-top .filter__item .checkbox {
padding-top: 3px;
display: block
}
.catalog--sorting-area-top .filter__item .checkbox__icon {
margin-right: 4px;
margin-top: -2px
}
.catalog--sorting-area-top .filter__item:first-child {
padding-left: 0
}
.catalog--sorting-area-top .filter__item--clear {
float: left
}
.catalog--sorting-area-top .filter__item--close {
display: -ms-flexbox;
display: flex;
float: right
}
.catalog--sorting-area-top .filter__item--close .icon--close-filter {
width: 11px;
height: 11px;
margin-left: 6px;
margin-right: 1px;
margin-top: 2px
}
}
.catalog--sorting-area-top .filter-toggle {
position: absolute;
left: 1px;
top: 0
}
.catalog--sorting-area-top .filters__block {
padding-right: 0
}
@media(max-width: 767px) {
.filter-toggle {
display: -ms-flexbox;
display: flex;
height: 30px;
line-height: 30px;
color: #19181d;
font-size: 14px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer
}
.filter-toggle .icon--plus {
width: 11px;
height: 11px;
margin-top: 4px;
margin-left: 5px
}
.filter-toggle .icon--minus {
width: 11px;
height: 11px;
margin-top: 8px;
margin-left: 5px;
display: none
}
.filters__component.hey-im-opened .filter-toggle .icon--plus {
display: none
}
.filters__component.hey-im-opened .filter-toggle .icon--minus {
display: block
}
.catalog--sorting-area {
padding-bottom: 13px
}
.catalog--sorting-area .select--latent {
margin-right: -8px;
margin-top: -7px;
max-width: 50%;
min-width: 0
}
.filters__sorting {
position: absolute;
right: 14px;
top: 115px
}
.select--latent .chosen-container-single .chosen-single {
background: #fff;
box-shadow: none
}
.select--latent .chosen-container-single .chosen-single span {
margin-right: 30px
}
.select--latent .icon--select-arrow {
right: 12px;
top: 10px;
opacity: .5
}
.select--latent select {
width: 100%;
border: 0;
margin-top: 6px;
margin-bottom: 6px;
font-size: 14px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px
}
.filters__block {
display: none;
margin-bottom: 38px;
margin-top: 0
}
.filters__block .smart-separator {
background-color: #979797;
left: 0;
right: 0
}
.filters__block.opened .smart-separator {
opacity: .3
}
.filters__wrapper {
padding: 0;
display: block
}
.filters__form-wrapper {
display: block
}
.filters__footer {
padding-top: 27px;
padding-bottom: 29px;
-ms-flex-pack: center;
justify-content: center
}
.filter__item {
position: relative;
padding-left: 0
}
.filter__item:after {
content: '';
position: absolute;
left: 0;
bottom: -1px;
display: block;
width: 100%;
height: 1px;
background: url('../img/line-separator.svg') 0 -4px repeat;
opacity: .3
}
.filter__item.active:after {
display: none
}
.filter__item .check_list {
padding-bottom: 3px
}
.filter__item .check_list li {
position: relative
}
.filter__item .check_list li:after {
content: '';
position: absolute;
left: 0;
bottom: -3px;
right: 15px;
display: block;
width: auto;
height: 1px;
background: url('../img/line-separator.svg') 0 -4px repeat;
opacity: .3
}
.filter__title {
font-size: 14px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
padding-bottom: 2px;
padding-top: 20px;
cursor: pointer
}
.filter__title .icon-wrapper {
position: absolute;
top: 0;
right: 0;
height: 40px;
width: 40px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 12px;
padding-left: 18px
}
.filter__title .icon-wrapper .icon--minus {
display: none
}
.filter__list {
display: none;
padding-left: 21px;
padding-top: 28px;
padding-bottom: 8px
}
.filter__submenu .icon-wrapper {
left: 210px
}
.selected-filter__wrapper {
margin-bottom: 37px;
padding-top: 15px;
padding-bottom: 7px
}
.selected-filter__wrapper:before,.selected-filter__wrapper:after {
left: 0;
right: 0;
background: #979797;
opacity: .3
}
.selected-filter__area {
-ms-flex-pack: center;
justify-content: center;
padding: 0 5px 0 35px;
line-height: 18px
}
.selected-filter__clear .icon--clear-filter {
margin-top: 2px;
margin-left: 2px
}
.filters__component.hey-im-opened+.selected-filter__wrapper {
margin-top: -15px;
padding-top: 0
}
.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #696969
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #696969
}
}
.page-header {
min-height: 238px
}
.page-header__logo-area {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
padding: 43px 60px 75px;
position: relative
}
.page-header__logo-area-inner {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
.page-header__nav-area {
position: relative
}
.page-header.with-banner {
min-height: 288px
}
.page-header.with-banner .top-banner {
display: -ms-flexbox;
display: flex
}
.page-header.with-banner .page-header__logo-area {
margin-top: 50px
}
@media(min-width: 768px) {
.page-header__nav-area--hidden {
display: none
}
}
.contacts {
display: -ms-flexbox;
display: flex
}
.contacts__phone {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.contacts__email {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.contacts__phone-number,.contacts__email-address {
margin-right: 35px;
font-family: 'Metronomc',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
color: #19181d;
text-decoration: none;
font-size: 14px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
padding-bottom: 3px;
transition: box-shadow .3s
}
.contacts__phone-number:hover,.contacts__email-address:hover {
color: #19181d;
text-decoration: underline
}
.contacts__phone:hover .contacts__phone-number,.contacts__email:hover .contacts__email-address {
box-shadow: inset 0 -2px 0 0 #19181d;
text-decoration: none
}
.logo-link {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
display: inline-block;
width: 232px;
height: 120px;
font-size: 46px; line-height: 80px;
text-decoration: none;
font-family: corki;
text-transform: uppercase;
color: black !important;
text-decoration: none !important;
}
.logo-link .logo--lg {
width: 194px;
height: 77px;
margin-top: 35px;
fill: #19181d
}
.user-links {
position: relative;
display: -ms-flexbox !important;
display: flex !important;
margin-top: -3px
}
.user-links__wishlist {
margin-right: 20px;
position: relative;
}
.user-links__wishlist a {
text-decoration: none !important;
}
.user-links__wishlist img.mobile {
display: none;
}
.user-links__wishlist #count_wishlist {
position: absolute;
right: 0;
top: 8px;
padding: 0 0px 0 0px;
line-height: 10px;
font-size: 11px;
background-color: white;
}
.user-links__account-link {
font-family: 'Metronomc',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
color: #19181d;
text-decoration: none;
font-size: 14px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
padding-bottom: 3px;
transition: box-shadow .3s
}
.user-links__account-link:hover {
color: #19181d;
text-decoration: underline
}
.user-links__account-link.login {
display: none
}
.user-links__account-links {
margin-right: 25px
}
.user-links__account-links.mobile {
display: none;
}
.user-links__account-links.logged .user-links__account-link.logout {
display: none
}
.user-links__account-links.logged .user-links__account-link.login {
display: block
}
.user-links__account-links:hover .user-links__account-link {
box-shadow: inset 0 -2px 0 0 #19181d;
text-decoration: none
}
.user-links__cart-link {
font-family: 'Metronomc',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
color: #19181d;
text-decoration: none;
font-size: 14px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
display: -ms-flexbox;
display: flex;
transition: box-shadow .3s
}
.user-links__cart-link:hover {
color: #19181d;
text-decoration: underline
}
.user-links__cart-link:hover {
box-shadow: inset 0 -2px 0 0 #19181d;
text-decoration: none
}
.user-links__products-counter {
margin-left: 4px
}
.header-search__toggle {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 35px;
height: 18px;
margin-right: 15px;
cursor: pointer
}
.header-search__toggle-icon {
width: 18px;
height: 15px;
fill: #000;
transition: fill .2s
}
.header-search__form-layout {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(25,24,29,.95);
z-index: 999
}
.header-search__form-layout-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%
}
.header-search__form {
height: 30px;
width: 433px;
position: relative
}
.header-search__input {
width: calc(100% - 40px);
height: 100%;
border: 0;
outline: 0;
padding: 0 10px 3px;
line-height: 30px;
font-size: 24px;
color: #fff;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
background: transparent;
box-shadow: 0 1px 0 0 #fff
}
.header-search__submit {
position: absolute;
right: -12px;
top: 0;
height: 30px;
width: 53px;
padding: 0;
cursor: pointer;
border: 0;
background: transparent;
outline: 0
}
.header-search__submit-icon {
width: 25px;
height: 25px;
margin-left: 14px;
margin-top: 1px
}
.navigation {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-top: 1px;
align-items: center;
}
.navigation--primary {
z-index: 19;
background-color: #fff
}
.navigation__item {
line-height: 50px;
padding: 0 10px;
text-transform: uppercase;
font-size: 14px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px
}
.navigation__item-name {
display: inline;
cursor: pointer;
padding-bottom: 4px;
transition: box-shadow .3s;
z-index: 21;
position: relative
}
.navigation__item-name a {
text-decoration: none
}
.navigation__item-name--sale a {
color: #ff6363
}
.navigation__item--link {
font-family: 'Metronomc',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
color: #19181d;
text-decoration: none;
font-size: 13.8px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.7px;
line-height: 25px;
text-align: center;
}
.navigation__item--link:hover {
color: #19181d;
text-decoration: underline
}
.navigation__item--link:hover {
text-decoration: none
}
.navigation__item:hover .navigation__item-name,.navigation__item.current .navigation__item-name {
box-shadow: inset 0 -2px 0 0 #19181d
}
.navigation__item:hover .navigation__item-name--sale {
box-shadow: inset 0 -2px 0 0 #ff6363
}
.navigation__item--submenu {
cursor: pointer
}
.navigation__item--submenu-big {
position: static
}
.navigation__item--submenu-small {
position: relative
}
.navigation__submenu {
display: none;
position: absolute;
background-color: rgba(255,255,255,.99);
left: 50%;
top: -11px;
transform: translateX(-50%);
width: auto;
padding: 75px 50px 55px;
border: 1px solid #4a4a4a;
cursor: default;
z-index: 20;
line-height: initial
}
.navigation__submenu>.grid-container>.grid-row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center
}
.navigation__submenu--small {
width: auto;
border-left: 1px solid #4a4a4a;
border-right: 1px solid #4a4a4a;
left: -1px;
padding: 20px 40px 20px 20px
}
.navigation__submenu--more-link {
text-transform: none;
letter-spacing: normal;
font-size: 12px;
position: absolute;
margin-top: 25px
}
.navigation__submenu-heading {
display: block;
font-family: 'Metronomc',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
color: #19181d;
text-decoration: none;
font-size: 12px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
color: #19181d;
text-transform: uppercase;
padding-top: 15px;
margin-bottom: 5px;
line-height: 30px;
letter-spacing: 0
}
.navigation__submenu-heading:hover {
color: #19181d;
text-decoration: underline
}
.navigation__submenu-heading-link {
text-decoration: none
}
.navigation__submenu-heading-link:hover {
text-decoration: none
}
.navigation__submenu-heading:hover {
text-decoration: none
}
.navigation__submenu-links {
padding: 0;
margin: 0;
list-style: none;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.navigation__submenu-links li {
line-height: 14px;
padding: 4px 0 5px
}
.navigation__submenu-link {
display: inline;
font-size: 12px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
color: #19181d;
text-transform: none;
text-decoration: none;
padding-bottom: 1px;
letter-spacing: 0;
transition: box-shadow .35s
}
.navigation__submenu-link:hover {
box-shadow: inset 0 -1px 0 0 rgba(25,24,29,.65)
}
.navigation__fixed-logo {
display: none
}
@media(min-width: 768px) {
.navigation__submenu-links--columned {
display: block;
-moz-column-count: 5;
column-count: 5;
-moz-column-width: 172px;
column-width: 172px;
-moz-column-gap: 20px;
column-gap: 20px;
margin-top: 18px
}
.navigation__submenu-links--columned li {
page-break-inside: avoid;
break-inside: avoid
}
}
.navigation__item--submenu:hover .navigation__submenu,.navigation__submenu:hover {
display: block
}
.navigation__submenu--small .navigation__submenu-link {
line-height: 34px;
white-space: nowrap;
font-family: 'Metronomc',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
color: #19181d;
text-decoration: none
}
.navigation__submenu--small .navigation__submenu-link:hover {
color: #19181d;
text-decoration: underline
}
.menu-icon {
display: none
}
.fixed_head .navigation__fixed-logo {
display: block;
position: absolute;
left: 20px;
top: 10px
}
.fixed_head .navigation__fixed-logo .logo {
width: 70px;
height: 20px;
fill: #19181d
}
.fixed_head .navigation--primary {
position: fixed;
/* height: 40px; */
top: 0;
width: 100%;
box-shadow: 0 2px 10px #aeaeae;
background: #fff
}
.fixed_head .navigation--primary .navigation__item {
line-height: 40px;
}
.fixed_head .navigation__submenu {
top: 40px;
padding-top: 15px;
border-top: 0;
box-shadow: 0 6px 10px -4px #aeaeae inset
}
.fixed_head .user-links {
position: fixed;
top: 15px;
right: 20px;
z-index: 20;
position: relative;
}
.fixed_head .user-links__search {
position: absolute;
right: 0;
width: 27px
}
.fixed_head .user-links__account-links {
display: none
}
.fixed_head .user-links__cart-link {
margin-right: 45px
}
.fixed_head.dark-side .navigation__fixed-logo .logo {
fill: #fff
}
.fixed_head.dark-side .navigation--primary {
background-color: #19181d;
box-shadow: 0 4px 8px #000
}
.fixed_head.dark-side .navigation__submenu {
box-shadow: 0 6px 10px -4px #000 inset
}
.dark-side .contacts__phone-number,.dark-side .contacts__email-address,.dark-side .user-links__account-link,.dark-side .user-links__cart-link,.dark-side .navigation__item,.dark-side .navigation__item-name,.dark-side .navigation__item-name a {
color: #fff
}
.dark-side .navigation__item-name--sale a {
color: #ff6363
}
.dark-side .contacts__phone:hover .contacts__phone-number,.dark-side .contacts__email:hover .contacts__email-address,.dark-side .user-links__account-links:hover .user-links__account-link,.dark-side .user-links__cart-link:hover,.dark-side .navigation__item:hover .navigation__item-name,.dark-side .navigation__item.current .navigation__item-name {
box-shadow: inset 0 -2px 0 0 #fff;
text-decoration: none
}
.dark-side .navigation__item:hover .navigation__item-name--sale {
box-shadow: inset 0 -2px 0 0 #ff6363
}
.dark-side .logo-link .logo--lg,.dark-side .header-search__toggle-icon {
fill: #fff
}
.dark-side .navigation--primary {
background: #19181d
}
.dark-side .navigation__submenu {
background-color: rgba(25,24,29,.99)
}
.dark-side .navigation__submenu-link,.dark-side .navigation__submenu-heading {
color: #fff
}
.dark-side .navigation__submenu-link:hover {
box-shadow: inset 0 -1px 0 0 rgba(255,255,255,.65)
}
@media(max-width: 1179px) {
.fixed_head .navigation--primary {
padding-bottom: 3px;
}
.fixed_head .navigation--primary .navigation__item {
line-height: 25px;
}
}
.top-banner {
display: none;
height: 50px;
overflow: hidden;
text-align: center;
background-color: #29282d;
padding: 0 60px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: -50px;
left: 0;
right: 0
}
.top-banner__text {
color: #fff;
text-transform: uppercase;
font-size: 12px
}
.top-banner__close {
position: absolute;
right: 20px;
width: 35px;
height: 35px;
top: 10px;
cursor: pointer
}
.top-banner__close-icon {
width: 10px;
height: 10px;
fill: #525056;
position: relative;
top: 10px
}
@media(max-width: 767px) {
.page-header__nav-area {
display: block;
position: fixed;
top: 50px;
height: 100%;
left: -100%;
right: 0;
width: 100%;
z-index: 10;
overflow: auto;
background: #19181d;
border-top: 0;
transition: all .3s ease-out
}
.page-header__nav-area.open {
display: block;
right: 0;
left: 0;
padding-bottom: 60px;
z-index: 20
}
.navigation {
display: block;
position: static;
z-index: 1000;
background: #19181d
}
.navigation--primary {
padding-top: 27px
}
.navigation__item {
display: block;
box-shadow: inset 0 -1px 0 0 rgba(151,151,151,.3);
margin-right: 10px;
margin-left: 10px;
padding: 0;
color: #fff;
font-size: 24px;
line-height: 34px;
letter-spacing: .07em;
padding-top: 6px
}
.navigation__item:hover {
color: #fff
}
.navigation__item-name {
padding-bottom: 0;
display: block
}
.navigation__item-name a {
color: #fff
}
.navigation__item-name--sale a {
color: #ff6363
}
.navigation__item:hover .navigation__item-name,.navigation__item.current .navigation__item-name {
box-shadow: none
}
.navigation__item.opened {
box-shadow: none
}
.navigation__item--submenu {
position: relative
}
.navigation__item--submenu:hover .navigation__submenu {
display: none
}
.navigation__item--submenu.opened .navigation__submenu {
display: block
}
.navigation__item--submenu {
position: relative;
overflow: hidden
}
.navigation__item--submenu:before,.navigation__item--submenu:after {
content: '';
display: inline-block;
position: absolute;
width: 16px;
height: 2px;
background-repeat: no-repeat;
background-color: #fff;
top: 19px
}
.navigation__item--submenu:before {
transform: rotate(20deg);
right: 24px
}
.navigation__item--submenu:after {
transform: rotate(-20deg);
right: 10px
}
.navigation__item--submenu.opened:before {
transform: rotate(-20deg)
}
.navigation__item--submenu.opened:after {
transform: rotate(20deg)
}
.navigation__submenu {
position: relative;
width: auto;
top: auto;
padding: 10px 0 30px;
border-bottom: 0;
margin-left: 10px;
margin-right: 0;
left: auto;
transform: translateX(0);
background: #19181d;
border: 0
}
.navigation__submenu>.grid-container>.grid-row {
display: block
}
.navigation__submenu>.grid-container>.grid-row .col-md-2 {
position: relative
}
.navigation__submenu>.grid-container>.grid-row .col-md-2:after {
content: '';
position: absolute;
left: 0;
top: 39px;
right: 0;
display: block;
width: auto;
height: 1px;
background: url('../img/line-separator.svg') 0 -4px repeat;
opacity: .3
}
.navigation__submenu-link,.navigation__submenu-heading {
color: #fff
}
.navigation__submenu-link a,.navigation__submenu-heading a {
color: #fff
}
.navigation__submenu-link:hover a,.navigation__submenu-heading:hover a {
color: #fff
}
.navigation__submenu-heading {
position: relative;
font-size: 18px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
padding-top: 10px;
margin-bottom: 0;
cursor: pointer
}
.navigation__submenu-heading:before,.navigation__submenu-heading:after {
content: '';
display: inline-block;
position: absolute;
width: 7px;
height: 7px;
background-repeat: no-repeat;
background-size: 7px 7px;
opacity: .3
}
.navigation__submenu-heading:before {
top: 20px;
right: -2px;
background-image: url('../img/icon--plus-white.svg')
}
.navigation__submenu-heading:after {
display: none;
top: 20px;
right: -2px;
background-image: url('../img/icon--minus-white.svg')
}
.navigation__submenu-heading.opened:before {
display: none
}
.navigation__submenu-heading.opened:after {
display: inline-block
}
.navigation__submenu-links {
display: none;
margin-left: 30px;
padding-top: 12px;
padding-bottom: 18px
}
.navigation__submenu-links li {
margin-bottom: 12px;
position: relative
}
.navigation__submenu-links li:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
right: 0;
display: block;
width: auto;
height: 1px;
background: url('../img/line-separator.svg') 0 -4px repeat;
opacity: .3
}
.navigation__submenu-links--columned {
display: block
}
.navigation__submenu--more-link {
display: none
}
.navigation__submenu-link {
font-size: 14px
}
.navigation__submenu-link:hover {
box-shadow: none
}
.navigation__item--submenu.opened .navigation__item-name {
font-weight: 400
}
.navigation__item--submenu:hover+.navigation__submenu,.navigation__submenu:hover {
display: none
}
.navigation__item--submenu.opened+.navigation__submenu {
box-shadow: none
}
.navigation--secondary {
padding-top: 38px;
margin-bottom: 100px
}
.navigation--secondary .navigation__item {
text-transform: none;
font-size: 14px;
line-height: 30px;
padding-top: 10px
}
.navigation--secondary .navigation__item--submenu:before {
top: 19px
}
.navigation--secondary .navigation__item--submenu:after {
top: 14px
}
.navigation--additional {
padding-top: 37px;
padding-bottom: 155px;
background: #19181d
}
.search--mobile {
padding: 0 10px
}
.search--mobile .mobile-search__form {
position: relative;
overflow: hidden;
height: 50px;
min-width: 50px;
display: -ms-flexbox;
display: flex
}
.search--mobile .mobile-search__input {
display: none;
width: calc(100% - 90px);
padding: 12px 2px 0;
margin-right: 11px;
height: 34px;
border: 0;
outline: 0;
line-height: 34px;
font-size: 14px;
color: #fff;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
background: transparent;
box-shadow: inset 0 -1px 0 0 #fff
}
.search--mobile .mobile-search__submit {
height: 50px;
width: 50px;
padding: 0;
cursor: pointer;
border: 0;
background: transparent;
outline: 0
}
.search--mobile .mobile-search__submit-icon {
width: 16px;
height: 16px;
margin-left: -24px;
margin-top: 2px
}
.contacts--mobile {
display: -ms-flexbox;
display: flex;
background-color: #fff;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 12px 10px 8px
}
.contacts--mobile .contacts__phone-number,.contacts--mobile .contacts__email-address {
color: #19181d;
margin: 0
}
.contacts--mobile .contacts__phone-number:hover,.contacts--mobile .contacts__email-address:hover {
box-shadow: none
}
.page-header {
min-height: 50px
}
.page-header .nav_trigger {
width: 50px;
height: 50px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
cursor: pointer
}
.page-header .nav_trigger .icon--burger-menu {
display: block;
width: 18px;
height: 12px;
margin-left: -10px
}
.page-header .nav_trigger .icon--close-menu {
display: none;
width: 18px;
height: 18px;
margin-left: -10px
}
.page-header .nav_trigger.hey-im-opened .icon--burger-menu {
display: none
}
.page-header .nav_trigger.hey-im-opened .icon--close-menu {
display: block
}
.page-header .user-links__search {
height: 50px;
width: 30px
}
.page-header .header-search__toggle {
height: 50px
}
.page-header .header-search__toggle-icon {
fill: #fff
}
.page-header .header-search__form-layout {
height: 100vh;
padding: 30px
}
.page-header .user-links {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin-top: 0
}
.page-header .user-links__cart-link {
width: 50px;
height: 50px;
position: relative
}
.page-header .user-links__cart-link .user-links__products-counter {
display: none;
font-size: 9px;
height: 17px;
line-height: 19px;
position: absolute;
top: 18px;
left: 25px;
right: 0;
overflow: hidden;
text-overflow: ellipsis
}
.page-header .user-links__cart-link .icon--cart {
width: 17px;
height: 17px;
position: absolute;
top: 18px;
left: 20px
}
.page-header .user-links__cart-link:hover {
box-shadow: none
}
.page-header .user-links__cart-link--full .user-links__products-counter {
display: block
}
.page-header .user-links__cart-link--full .icon--cart {
left: 10px
}
.page-header .user-links__products-counter {
right: 19px;
top: 23px;
color: #fff
}
.page-header.with-banner {
min-height: 100px
}
.page-header.with-banner .page-header__nav-area {
top: 100px
}
.page-header__logo-area {
height: 50px;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 30;
padding: 13px 30px 14px;
transform: translateZ(0);
height: 50px;
background: #19181d;
box-shadow: inset 0 -1px 0 0 rgba(151,151,151,.3)
}
.page-header__logo-area .logo-link {
width: 110px;
height: 43px
}
.page-header__logo-area .logo--lg {
margin-top: 4px;
width: 88px;
height: 35px;
fill: #fff
}
.dark-side .contacts__phone:hover .contacts__phone-number,.dark-side .contacts__email:hover .contacts__email-address,.dark-side .user-links__account-links:hover .user-links__account-link,.dark-side .user-links__cart-link:hover,.dark-side .navigation__item:hover .navigation__item-name,.dark-side .navigation__item.current .navigation__item-name {
box-shadow: none
}
.top-banner {
padding: 2px 40px
}
.top-banner__text {
font-size: 10px
}
.top-banner__close {
right: 5px
}
}
.page-footer {
padding-bottom: 50px;
background-color: #19181d;
color: #fff;
}
.page-footer .footer-row--first {
padding-top: 70px
}
.page-footer .footer-row--third {
position: relative;
top: -37px
}
.page-footer__made {
text-align: right
}
.page-footer__made-link {
color: #fff;
box-shadow: none;
transition: all .23s ease-in-out;
text-decoration: none
}
.page-footer__made-link:hover {
opacity: .7
}
.footer__logo-wrapper {
padding-top: 5px
}
.logo--sm {
width: 106px;
height: 34px
}
.logo--text {
line-height: 18px;
font-size: 9px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: .73em
}
footer .logo--text{
font-family: corki;
font-size: 31px;
letter-spacing: 2px;
}
.address-list__wrapp {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
.address-list__item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
font-size: 12px;
line-height: 20px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 100;
margin-bottom: 20px;
position: relative;
right: -10px
}
.address-list__address {
font-weight: 400
}
.address-list__address,.address-list__metro,.address-list__phone {
min-height: 20px
}
.address-list__phone {
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: normal;
color: #fff;
text-decoration: none;
transition: all .23s ease-in-out
}
.address-list__phone:hover {
opacity: .7
}
.shop-description {
color: #fff;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 100;
font-size: 12px;
line-height: 20px;
margin: 0;
position: relative;
left: -25px
}
.link-list {
list-style: none;
padding: 0;
margin: 0
}
.link-list__link {
display: block;
color: #19181d;
text-decoration: none;
font-size: 12px;
line-height: 2.5
}
.link-list__link:hover {
color: #19181d;
text-decoration: underline
}
.link-list--footer {
padding-top: 16px
}
.link-list--footer .link-list__link {
line-height: 20px;
font-size: 12px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
color: #fff;
transition: opacity .3s
}
.link-list--footer .link-list__link:hover {
text-decoration: none;
opacity: .75
}
.subscribe-form:before,.subscribe-form:after {
content: "";
display: table
}
.subscribe-form:after {
clear: both
}
.subscribe-form-wrapper {
margin-top: -10px
}
.subscribe-form__email {
min-width: 220px;
font-size: 12px;
line-height: 38px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
color: #fff;
border: 0;
background-color: transparent;
box-shadow: 0 1px 0 0 #fff;
padding: 1px 2px 0;
outline: 0;
overflow: hidden;
text-overflow: ellipsis
}
.subscribe-form__email:: -webkit-input-placeholder {
color: #fff
}
.subscribe-form__email: -ms-input-placeholder {
color: #fff
}
.subscribe-form__email:: placeholder {
color: #fff
}
.subscribe-form__submit {
margin-bottom: 0;
margin-top: 15px;
width: 220px
}
.subscribe-form.error .subscribe-form__email {
color: #ff6363;
box-shadow: 0 1px 0 0 #ff6363
}
.copyright {
color: #fff;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 100;
font-size: 12px
}
.copyright span {
font-family: Arial,sans-serif;
opacity: .8;
margin-right: 5px
}
.social__wrapper {
display: -ms-flexbox;
display: flex
}
.social-links {
display: -ms-flexbox;
display: flex;
margin: 15px 0 0
}
.social-links:before,.social-links:after {
content: "";
display: table
}
.social-links:after {
clear: both
}
.social-links__link {
text-decoration: none;
fill: #fff;
margin-left: 4px;
margin-right: 3px;
transition: opacity .3s
}
.social-links__link:hover {
opacity: .55
}
.social-links__icon {
box-sizing: content-box;
padding-left: 12px;
padding-right: 12px;
height: 18px;
display: block
}
.social-links__icon--facebook {
width: 8px
}
.social-links__icon--vkontakte {
width: 18px
}
.social-links__icon--instagram {
width: 16px
}
.social-links__icon--pinterest {
width: 14px
}
.social-links__icon--twitter {
width: 15px
}
.social-links__icon--odnoklassniki {
width: 9px
}
.social-links__icon--mail {
width: 16px
}
.social-links__icon--googleplus {
width: 15px
}
.btn--special {
height: 36px;
line-height: 36px;
padding-top: 1px;
border-radius: 4px;
background-color: rgba(236,236,236,.3);
color: #fff;
font-size: 9px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
transition: color .3s,background .3s;
cursor: pointer
}
.btn--special:hover {
color: #19181d;
background-color: rgba(236,236,236,.9)
}
.subscribe-form.success .btn--special {
background-color: rgba(236,236,236,.1);
cursor: default
}
.subscribe-form.success .btn--special:hover {
color: #fff
}
.subscribe-form.error .btn--special {
background-color: #19181d;
box-shadow: inset 0 0 0 1px #696969;
cursor: default
}
.subscribe-form.error .btn--special:hover {
color: #fff
}
.stretch__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch;
margin-left: 13px
}
.stretch__wrapper>.col-md-6 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
margin-left: -3px
}
@media(max-width: 767px) {
.page-footer .footer-row--first {
padding-top: 25px
}
.page-footer .footer-row--second {
padding-top: 0
}
.page-footer .footer-row--third {
padding-top: 73px;
padding-bottom: 25px;
top: 0
}
.page-footer .address-list__wrapp {
display: block
}
.page-footer .address-list__item {
display: block;
margin-bottom: 14px;
right: 0;
color: #fff;
text-decoration: none
}
.page-footer .address-list__item: last-child {
margin-bottom: 0
}
.page-footer .address-list__metro {
font-weight: 300;
opacity: .9
}
.page-footer .address-list__phone {
display: inline-block;
color: #fff;
text-decoration: none;
font-weight: 300;
opacity: .9
}
.page-footer .footer__logo-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 42px
}
.page-footer .footer__logo-wrapper .logo--text {
margin-top: -2px;
margin-right: 7px
}
.page-footer .link-list--footer {
width: 50%;
margin-right: -4px;
margin-bottom: 40px;
display: inline-block
}
.page-footer .social-links {
margin: 0;
-ms-flex-pack: center;
justify-content: center;
width: 100%
}
.subscribe-form {
-ms-flex-direction: column;
flex-direction: column
}
.subscribe-form .subscribe-mobile--error,.subscribe-form .subscribe-mobile--success {
display: none
}
.subscribe-form-wrapper {
padding-top: 64px;
margin-right: 0
}
.subscribe-form__email {
min-width: 100%;
height: 48px;
border: 1px solid #696969;
box-shadow: none;
padding: 3px 13px 0
}
.subscribe-form__submit {
min-width: 100%;
padding: 0;
margin: 26px 0 54px;
height: 50px;
line-height: 52px;
font-size: 14px;
background: transparent
}
.subscribe-form__submit:hover {
background: transparent;
color: #fff
}
.subscribe-form.error .subscribe-form__email {
color: #fff;
box-shadow: none;
border-color: #ff6363
}
.subscribe-form.error .subscribe-mobile--error {
display: block;
color: #ff6363;
margin-top: 5px
}
.subscribe-form.success .subscribe-mobile--success {
display: block;
margin-top: 5px
}
.dark-side .page-footer>.grid-container {
position: relative
}
.dark-side .page-footer>.grid-container:before {
display: none
}
}
@media(max-width: 330px) {
.link-list--footer .link-list__link {
font-size: 11px
}
}
.msg--empty-cart {
margin-bottom: 75px
}
.msg--empty-cart .page-heading {
letter-spacing: 2px
}
.slick--jumbotron {
margin-top: -10px;
margin-bottom: 152px;
width: 100%;
max-width: 1400px;
margin: -10px auto 152px
}
.slick--jumbotron .slick__slide-content {
position: relative;
height: 700px;
width: 100%;
max-height: 90vh;
overflow: hidden;
margin: 0 auto;
z-index: 9
}
.slick--jumbotron__magic {
height: 100%;
width: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
opacity: 1;
transition: opacity .5s ease
}
.slick--jumbotron__magic img {
display: block;
width: 100%
}
.slick--jumbotron__heading {
font-weight: 500;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 3;
transition: opacity .5s ease
}
.slick--jumbotron__heading-text {
line-height: 30px
}
.slick--jumbotron__description {
position: absolute;
top: 554px;
padding: 0 93px;
max-height: 95px;
overflow: hidden;
width: 960px;
left: 50%;
transform: translateX(-50%)
}
.main-page--jumbotron {
position: relative
}
.main-page--jumbotron-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-position: center center;
background-size: cover
}
.main-page--jumbotron-mask {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.main-page--jumbotron-mask .mask {
display: block;
width: 100%;
height: 100%
}
@media(max-width: 767px) {
.slick--jumbotron {
margin-top: 16px;
margin-bottom: 60px
}
.slick--jumbotron .slick__slide-content {
position: relative;
height: 100%;
width: 100%;
padding: 0 25px;
max-height: none
}
.slick--jumbotron .slick__slide-content:hover .slick--jumbotron__magic {
opacity: 1
}
.slick--jumbotron .slick__slide {
height: auto;
position: relative;
margin-bottom: 0
}
.slick--jumbotron__magic {
position: relative;
top: auto;
left: auto;
width: 100%;
overflow: hidden;
transform: translateX(0);
opacity: 1;
height: 0;
padding-top: 100%
}
.slick--jumbotron__heading {
position: relative;
top: auto;
font-size: 24px;
line-height: 31px;
letter-spacing: 1px;
padding-top: 40px;
padding-left: 0;
padding-right: 0;
padding-bottom: 23px;
margin-left: -15px;
margin-right: -15px;
opacity: 1 !important;
max-height: 130px;
transform: translateY(0);
overflow: hidden;
left: 0;
width: auto;
color: #19181d
}
.slick--jumbotron__description {
display: block !important;
position: relative;
left: auto;
transform: translateX(0);
top: auto;
width: 100%;
padding: 0 10px;
font-size: 12px;
line-height: 20px;
max-height: 140px;
color: #19181d
}
}
.tile__grid--shops {
padding-top: 54px
}
.tile__group {
margin: 100px 0;
position: relative
}
.tile__group:first-child {
margin-top: 0
}
.tile__group: last-child {
margin-bottom: 0
}
.tile__group--low-offset {
margin: 70px 0
}
.tile__item {
height: auto;
margin-bottom: 20px;
position: static
}
.tile__item iframe {
height: 350px;
width: 100%
}
.tile__image {
display: block;
width: 100%
}
.tile__image img {
display: block;
width: 100%;
max-width: 100%;
height: auto
}
.tile__text {
position: absolute;
top: 0;
width: inherit;
bottom: 20px
}
.tile__text .sticky--tile-wrapper {
height: 100%
}
.tile__text .sticky--tile-wrapper .sticky--tile {
top: 60px
}
.tile__text .sticky--tile-wrapper .sticky--tile .linkprimary-link {
text-decoration: none
}
.tile__text--right {
right: -10px
}
.tile__text--left {
left: -10px
}
.tile__item: last-child .tile__text {
padding-left: 10px
}
.tile__title {
font-size: 14px;
line-height: 18px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 500;
letter-spacing: 1px;
color: #19181d;
margin: 0;
padding-top: 1px;
padding-bottom: 23px
}
.tile__desc {
font-size: 12px;
line-height: 20px;
color: #19181d;
padding-bottom: 12px
}
.tile__desc-text {
margin-bottom: 20px
}
.tile__desc-text span {
display: block
}
.tile__desc-text: last-child {
margin-bottom: 0
}
.tile__text-link {
display: inline;
color: #19181d;
box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.5);
transition: box-shadow .55s;
text-decoration: none
}
.tile__text-link:hover {
color: #19181d;
text-decoration: none;
box-shadow: none
}
.tile__primary-link {
display: inline-block;
-ms-flex-item-align: start;
align-self: flex-start;
font-size: 14px;
line-height: 22px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
color: #19181d;
margin-top: 34px;
margin-bottom: 10px;
cursor: pointer;
transition: box-shadow .55s;
box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.5);
text-decoration: none
}
.tile__primary-link:hover {
color: #19181d;
text-decoration: none;
box-shadow: none
}
@media(max-width: 767px) {
.tile__grid--shops {
padding-top: 4px
}
.tile__group {
margin: 69px 0
}
.tile__group: last-child {
margin-bottom: 70px
}
.tile__group--low-offset {
margin: 50px 0
}
.tile__text {
position: relative;
top: auto;
bottom: auto;
padding-top: 11px
}
.tile__text--left,.tile__text--right {
left: auto;
right: auto
}
.tile__item iframe {
height: 168px;
width: 100%
}
.tile__item: last-child .tile__text {
padding-left: 0
}
.tile__title {
color: #19181d
}
.tile__desc {
color: #19181d
}
.tile__primary-link {
margin-top: 24px;
color: #19181d;
box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.5)
}
.tile__primary-link:hover {
color: #19181d
}
.tile__text-link {
color: #19181d;
box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.5)
}
.tile__text-link:hover {
color: #19181d
}
}
.tile__group-title {
margin-bottom: 25px;
font-size: 25px;
font-weight: 500;
text-align: center;
text-transform: uppercase
}
.tile-slick .slick-arrow {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
width: 50px;
height: auto;
border: 0;
background: 0;
outline: 0
}
.tile-slick .slick-arrow .icon--jumbotron-arrow {
width: 30px;
height: 30px;
opacity: .5;
transition: opacity .5s ease
}
.tile-slick .slick-arrow.slick-prev {
left: -50px
}
.tile-slick .slick-arrow.slick-next {
right: -50px
}
.tile-slick .slick-arrow.slick-disabled {
opacity: 0
}
.tile-slick .slick-arrow:hover .icon--jumbotron-arrow {
opacity: 1
}
@media(max-width: 768px) {
.tile-slick .slick-arrow.slick-prev {
left: 0
}
}
@media(max-width: 768px) {
.tile-slick .slick-arrow.slick-next {
right: 0
}
}
.tile-brands__slide {
position: relative;
width: 300px;
margin-right: 20px;
text-decoration: none;
text-align: center
}
.tile-brands__image-wrapper {
height: 190px
}
.tile-brands__image {
width: 100%;
height: 100%
}
.tile-brands__title {
margin-top: 20px;
margin-bottom: 15px;
font-size: 20px;
font-weight: 500;
text-transform: uppercase
}
.tile-brands__desc {
font-size: 12px;
line-height: 20px
}
.tile-items__slide {
position: relative;
margin-right: 20px;
text-decoration: none;
text-align: center
}
.tile-items__image-wrapper {
height: 260px;
margin-bottom: 10px
}
.tile-items__image {
width: 100%;
height: 100%
}
.tile-items__text-left {
float: left;
width: 60%;
text-align: left
}
.tile-items__title {
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 500
}
.tile-items__desc {
font-size: 10px
}
.tile-items__text-right {
float: right;
width: 40%;
text-align: right
}
.tile-items__price-new {
font-size: 12px
}
.tile-items__price-old {
font-size: 10px;
color: #666;
text-decoration: line-through
}
.tile-banner {
height: 200px
}
.tile-banner__image {
width: 100%;
height: 100%
}
.tile-categories__link {
position: relative;
display: block;
margin-bottom: 20px;
color: #fff;
text-decoration: none
}
.tile-categories__link--small .tile-categories__text {
text-align: center
}
.tile-categories__image-wrapper {
height: 256px
}
.tile-categories__image {
width: 100%;
height: 100%
}
.tile-categories__text {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 25px 30px 0;
text-align: left
}
.tile-categories__title {
margin-top: 0;
margin-bottom: 10px;
font-size: 20px;
font-weight: 500;
text-transform: uppercase
}
.tile-categories__desc {
font-size: 14px
}
@media(max-width: 768px) {
.tile__group-title {
font-size: 20px
}
.tile-brands__slide {
margin-right: 0
}
.tile-brands__title {
font-size: 16px
}
.tile-items__slide {
margin-right: 0
}
.tile-items__text-left {
width: 50%;
padding-right: 10px;
text-align: right
}
.tile-items__title {
font-size: 16px
}
.tile-items__desc {
font-size: 12px
}
.tile-items__text-right {
width: 50%;
padding-left: 10px;
font-size: 12px;
text-align: left
}
.tile-items__price-new {
padding-top: 2px;
font-size: 14px
}
.tile-items__price-old {
padding-top: 1px;
font-size: 11px
}
.tile-categories__image-wrapper {
height: auto
}
.tile-categories__title {
font-size: 18px
}
.tile-categories__text {
padding: 10px 15px 0
}
}
@media(max-width: 480px) {
.tile-categories__title {
font-size: 1em
}
.tile-categories__desc {
font-size: 1em
}
}
.popup {
min-width: 325px;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
margin: auto;
transform: translate(-50%,-50%);
margin-right: -50%;
overflow: hidden
}
.popup__wrapper {
background: rgba(0,0,0,.8);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10
}
.popup__close {
width: 57px;
height: 57px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
background-color: rgba(255,255,255,.45);
background-image: url('../images/close.svg');
background-size: 16px 16px;
background-position: center center;
background-repeat: no-repeat;
z-index: 2
}
.popup__inner {
min-width: 367px;
max-width: 700px;
padding: 30px 30px 40px
}
.popup__heading {
font-family: 'Rubik',sans-serif;
margin-top: 25px;
margin-bottom: 30px;
text-align: center
}
.popup__map-wrapper {
height: 540px;
width: 1084px;
padding-left: 275px;
margin: -30px -30px -40px
}
.popup__map-wrapper .gmnoprint {
display: none
}
.popup__map-wrapper img[src^="https: //maps.gstatic.com/mapfiles"] {
display: none !important
}
.popup__pickup-list {
width: 275px;
height: 540px;
position: absolute;
background: #fff;
top: 0;
left: 0;
z-index: 10
}
.popup__pickup-list.customscroll {
max-height: 540px
}
.popup__pickup-item {
padding: 24px;
font-size: 12px;
border-bottom: 1px solid #ccc;
transition: .3s background ease;
color: #19181d;
cursor: pointer
}
.popup__pickup-item:hover {
background: #ececec
}
.popup__pickup-item.active {
background: #ececec;
cursor: default
}
.popup__pickup-name {
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
letter-spacing: .05em;
margin-bottom: 10px
}
.popup__pickup-tel {
margin-top: 10px
}
.popup__pickup-tel .link {
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
color: #19181d
}
.popup--shops .popup__inner {
max-width: 80%
}
@media(max-width: 767px) {
.popup {
left: 0;
right: 0;
top: 0;
bottom: 0;
margin-right: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
transform: translate(0)
}
.popup__wrapper {
background: #fff;
z-index: 99
}
.popup__inner {
position: relative
}
.popup__pickup-list {
display: none
}
.popup__map-wrapper {
padding-left: 0;
height: 100vh;
width: 100vw
}
.popup--shops .popup__inner {
max-width: 100%;
min-width: 100%;
height: 100%;
padding: 0
}
.popup--shops .popup__map-wrapper {
margin: 0
}
}
.landing {
padding: 0;
font-family: Circe,'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif
}
.landing .grid-container {
width: 1140px;
padding-left: 0;
padding-right: 0
}
.landing .grid-row {
margin-right: 0;
margin-left: 0;
margin-bottom: 100px
}
.landing .grid-row--offset-big {
margin-bottom: 128px
}
.landing .grid-row--offset-huge {
margin-bottom: 160px
}
.landing .grid-row--footer {
margin-bottom: 0
}
.landing div[class*='col-'] {
padding-left: 0;
padding-right: 0
}
.landing .flex-row {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between
}
.landing .flex-row>* {
display: block
}
.landing .flex-row--fullfilled>* {
-ms-flex: 1 1 0;
flex: 1 1 0
}
.landing .landing-banner {
position: relative;
text-align: center
}
.landing .landing-banner__description {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
color: #fff
}
.landing .landing-banner__title {
display: block;
max-width: 760px;
margin-top: 0;
margin-bottom: 20px;
font-size: 57px;
line-height: normal;
text-transform: uppercase
}
.landing .landing-banner__text {
display: block;
max-width: 380px;
font-size: 25px;
line-height: 27px
}
.landing .landing-cell {
padding: 0
}
.landing .landing-cell--tall {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 80px;
padding-right: 110px
}
.landing .landing-cell--text-right {
text-align: right
}
.landing .landing-cell--offset-top {
padding-top: 50px
}
.landing .landing-text {
position: relative;
font-size: 25px;
line-height: 35px
}
.landing .landing-text--small {
font-size: 20px
}
.landing .landing-text--title {
font-size: 40px;
font-weight: bold
}
.landing .landing-text--underline::after {
content: '';
display: block;
height: 3px;
position: absolute;
bottom: 5px;
left: 0;
right: 0;
background-color: #000
}
.landing .landing-text--underline-small::after {
content: '';
display: block;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #000
}
.landing .landing-text--tab-right {
margin-left: 50px;
padding-right: 80px
}
.landing .landing-text--tab-left {
margin-left: 50px
}
.landing .landing-text--list-right {
padding-left: 80px;
padding-right: 20px
}
.landing .landing-text--list-left {
padding-left: 20px;
padding-right: 80px
}
.landing .landing-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
min-width: 33%;
text-decoration: none
}
.landing .landing-item__image-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
min-height: 335px;
margin-bottom: 20px
}
.landing .landing-item__image-wrapper--right {
-ms-flex-pack: end;
justify-content: flex-end
}
.landing .landing-item__title {
display: block;
font-size: 20px;
line-height: normal
}
.landing .image-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.landing .image-wrapper--bg {
background-color: #f8f8f8
}
.landing .image-wrapper--left {
-ms-flex-pack: start;
justify-content: flex-start
}
.landing .image-wrapper--left .image-wrapper__image--corner-NW {
padding-top: 65px;
padding-left: 75px;
background-color: #f8f8f8
}
.landing img {
vertical-align: top
}
@media(max-width: 1139px) {
.landing .grid-container {
width: 100%
}
}
@media(max-width: 768px) {
.landing .grid-row {
margin-bottom: 50px
}
}
@media(max-width: 768px) {
.landing .grid-row--offset-big {
margin-bottom: 64px
}
}
@media(max-width: 768px) {
.landing .grid-row--offset-huge {
margin-bottom: 80px
}
}
@media(max-width: 768px) {
.landing .grid-row--footer {
margin-bottom: 0
}
}
@media(max-width: 992px) {
.landing .flex-row {
-ms-flex-direction: column;
flex-direction: column
}
}
@media(max-width: 992px) {
.landing .flex-row>* {
margin-bottom: 40px
}
}
@media(max-width: 992px) {
.landing .flex-row>*.landing-item: not(a) {
-ms-flex-order: -1;
order: -1
}
}
@media(max-width: 992px) {
.landing .flex-row--fullfilled>* {
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media(max-width: 768px) {
.landing .landing-banner__title {
font-size: 28px
}
}
@media(max-width: 768px) {
.landing .landing-banner__text {
font-size: 14px;
line-height: normal
}
}
@media(max-width: 768px) {
.landing .landing-cell {
text-align: center
}
}
@media(max-width: 992px) {
.landing .landing-cell--tall {
padding-left: 20px;
padding-right: 20px
}
}
@media(max-width: 768px) {
.landing .landing-cell--text-right {
text-align: center
}
}
@media(max-width: 768px) {
.landing .landing-cell--offset-top {
padding-top: 30px
}
}
@media(max-width: 768px) {
.landing .landing-text--underline {
border-bottom: 3px solid #000
}
}
@media(max-width: 768px) {
.landing .landing-text--underline::after {
display: none
}
}
@media(max-width: 768px) {
.landing .landing-text--underline-small {
font-weight: bold
}
}
@media(max-width: 992px) {
.landing .landing-text--underline-small::after {
display: none
}
}
@media(max-width: 768px) {
.landing .landing-text--tab-right {
margin-left: 0;
padding-right: 0
}
}
@media(max-width: 768px) {
.landing .landing-text--tab-left {
margin-left: 0
}
}
@media(max-width: 992px) {
.landing .landing-text--list-right {
padding-left: 0;
padding-right: 0
}
}
@media(max-width: 992px) {
.landing .landing-text--list-left {
padding-left: 0;
padding-right: 0
}
}
@media(max-width: 992px) {
.landing .landing-item__image-wrapper {
-ms-flex-pack: center;
justify-content: center;
min-height: 0
}
}
@media(max-width: 992px) {
.landing .landing-item__image-wrapper--right {
-ms-flex-pack: center;
justify-content: center
}
}
@media(max-width: 768px) {
.landing .image-wrapper--left {
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 20px
}
}
@media(max-width: 768px) {
.landing .image-wrapper--left .image-wrapper__image--corner-NW {
padding: 0
}
}
.raw-text h1,.raw-text h2,.raw-text h3 {
text-transform: uppercase;
font-family: Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
color: #19181d;
letter-spacing: .08em
}
.raw-text h4,.raw-text h5,.raw-text h6 {
font-family: Arial,'Helvetica CY','Nimbus Sans L',sans-serif;
font-weight: 400;
color: #19181d;
letter-spacing: .08em
}
.dark-side .raw-text h1,.dark-side .raw-text h2,.dark-side .raw-text h3,.dark-side .raw-text h4,.dark-side .raw-text h5,.dark-side .raw-text h6 {
color: #fff
}
.raw-text h1 {
font-size: 24px
}
.raw-text h2 {
font-size: 18px
}
.raw-text h3 {
font-size: 14px
}
.raw-text h4 {
font-size: 14px
}
.raw-text h5 {
font-size: 12px
}
.raw-text h6 {
font-size: 10px
}
.raw-text p {
margin-top: 30px;
margin-bottom: 30px;
line-height: 20px
}
.raw-text p,.raw-text span {
color: #19181d;
font-size: 12px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif
}
.dark-side .raw-text p,.dark-side .raw-text span {
color: #fff
}
.raw-text ul {
list-style: none;
padding-left: 25px
}
.raw-text li {
color: #19181d;
font-size: 12px;
position: relative;
line-height: 20px;
font-family: 'Rubik',Arial,'Helvetica CY','Nimbus Sans L',sans-serif
}
.raw-text li:before {
content: '•';
position: absolute;
left: -25px;
color: #19181d
}
.dark-side .raw-text li {
color: #fff
}
.dark-side .raw-text li:before {
color: #fff
}
.raw-text a {
color: #19181d;
text-decoration: none
}
.raw-text a:hover {
color: #19181d;
text-decoration: underline
}
.dark-side .raw-text a {
color: #fff
}
.dark-side .raw-text a:hover {
color: #fff
}
figure {
margin-left: 0;
margin-right: 0
}
img {
max-width: 100%
}
figcaption {
font-size: 14px;
color: #19181d;
font-style: italic
}
.dark-side figcaption {
color: #fff
}
@media print {
*,*:before,*:after,*:first-letter ,*:first-line {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important
}
a,a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
abbr[title]:after {
content: " (" attr(title) ")"
}
a[href^="#"]:after,a[href^="javascript: "]:after {
content: ""
}
pre,blockquote {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr,img {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
p,h2,h3 {
orphans: 3;
widows: 3
}
h2,h3 {
page-break-after: avoid
}
}