/* Start:/local/templates/dresscode_lk/fonts/roboto/roboto.css?17883539053676*/
@font-face {
font-family: 'Roboto';
src: url('/local/templates/dresscode_lk/fonts/roboto/roboto-bold.eot');
src: url('/local/templates/dresscode_lk/fonts/roboto/roboto-bold.eot?#iefix') format('embedded-opentype'),
url('/local/templates/dresscode_lk/fonts/roboto/roboto-bold.woff') format('woff'),
url('/local/templates/dresscode_lk/fonts/roboto/roboto-bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'robotobold';
src: url('/local/templates/dresscode_lk/fonts/roboto/roboto-bold.eot');
src: url('/local/templates/dresscode_lk/fonts/roboto/roboto-bold.eot?#iefix') format('embedded-opentype'),
url('/local/templates/dresscode_lk/fonts/roboto/roboto-bold.woff') format('woff'),
url('/local/templates/dresscode_lk/fonts/roboto/roboto-bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('/local/templates/dresscode_lk/fonts/roboto/roboto-medium.eot');
src: url('/local/templates/dresscode_lk/fonts/roboto/roboto-medium.eot?#iefix') format('embedded-opentype'),
url('/local/templates/dresscode_lk/fonts/roboto/roboto-medium.woff') format('woff'),
url('/local/templates/dresscode_lk/fonts/roboto/roboto-medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'robotomedium';
src: url('/local/templates/dresscode_lk/fonts/roboto/roboto-medium.eot');
src: url('/local/templates/dresscode_lk/fonts/roboto/roboto-medium.eot?#iefix') format('embedded-opentype'),
url('/local/templates/dresscode_lk/fonts/roboto/roboto-medium.woff') format('woff'),
url('/local/templates/dresscode_lk/fonts/roboto/roboto-medium.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'roboto_condensedlight';
src: url('/local/templates/dresscode_lk/fonts/roboto/robotocondensed-light.eot');
src: url('/local/templates/dresscode_lk/fonts/roboto/robotocondensed-light.eot?#iefix') format('embedded-opentype'),
url('/local/templates/dresscode_lk/fonts/roboto/robotocondensed-light.woff') format('woff'),
url('/local/templates/dresscode_lk/fonts/roboto/robotocondensed-light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'roboto_cnregular';
src: url('/local/templates/dresscode_lk/fonts/roboto/roboto-condensed.eot');
src: url('/local/templates/dresscode_lk/fonts/roboto/roboto-condensed.eot?#iefix') format('embedded-opentype'),
url('/local/templates/dresscode_lk/fonts/roboto/roboto-condensed.woff') format('woff'),
url('/local/templates/dresscode_lk/fonts/roboto/roboto-condensed.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('/local/templates/dresscode_lk/fonts/roboto/roboto-light.eot');
src: url('/local/templates/dresscode_lk/fonts/roboto/roboto-light.eot?#iefix') format('embedded-opentype'),
url('/local/templates/dresscode_lk/fonts/roboto/roboto-light.woff') format('woff'),
url('/local/templates/dresscode_lk/fonts/roboto/roboto-light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'roboto_ltregular';
src: url('/local/templates/dresscode_lk/fonts/roboto/roboto-light.eot');
src: url('/local/templates/dresscode_lk/fonts/roboto/roboto-light.eot?#iefix') format('embedded-opentype'),
url('/local/templates/dresscode_lk/fonts/roboto/roboto-light.woff') format('woff'),
url('/local/templates/dresscode_lk/fonts/roboto/roboto-light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('/local/templates/dresscode_lk/fonts/roboto/roboto-regular.eot');
src: url('/local/templates/dresscode_lk/fonts/roboto/roboto-regular.eot?#iefix') format('embedded-opentype'),
url('/local/templates/dresscode_lk/fonts/roboto/roboto-regular.woff') format('woff'),
url('/local/templates/dresscode_lk/fonts/roboto/roboto-regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'robotoregular';
src: url('/local/templates/dresscode_lk/fonts/roboto/roboto-regular.eot');
src: url('/local/templates/dresscode_lk/fonts/roboto/roboto-regular.eot?#iefix') format('embedded-opentype'),
url('/local/templates/dresscode_lk/fonts/roboto/roboto-regular.woff') format('woff'),
url('/local/templates/dresscode_lk/fonts/roboto/roboto-regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('/local/templates/dresscode_lk/fonts/roboto/roboto-thin.eot');
src: url('/local/templates/dresscode_lk/fonts/roboto/roboto-thin.eot?#iefix') format('embedded-opentype'),
url('/local/templates/dresscode_lk/fonts/roboto/roboto-thin.woff') format('woff'),
url('/local/templates/dresscode_lk/fonts/roboto/roboto-thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'roboto_thregular';
src: url('/local/templates/dresscode_lk/fonts/roboto/roboto-thin.eot');
src: url('/local/templates/dresscode_lk/fonts/roboto/roboto-thin.eot?#iefix') format('embedded-opentype'),
url('/local/templates/dresscode_lk/fonts/roboto/roboto-thin.woff') format('woff'),
url('/local/templates/dresscode_lk/fonts/roboto/roboto-thin.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/* End */
/* Start:/local/templates/dresscode_lk/style.css?178835390530235*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
* {
box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
/*ol,*/
/*ul {*/
/* list-style: none;*/
/*}*/
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input {
outline: none;
}
:root {
--error: #db5234;
--primary-default: #72c2f8;
--primary-hover: #94d4ff;
--primary-cliced: #39affe;
--secondary-hover: #f19553;
--secondary-clicked: #e66f19;
--secondary-default: #e5833c;
--tertiary-default: #10c44d;
--text-white: #fff;
--text-black: #1f1f1f;
--text-grey: #757575;
--text-hover: #d3d3d3;
--text-disable: #8d8d8d;
--text-grey-2: #514f4f;
--surface-bg-for-play-video: rgba(117, 117, 117, 0.8);
--surface-white: #fff;
--surface-grey-d: #595959;
--surface-black: #2b2b2b;
--surface-grey-l: #f4f4f4;
--surface-grey-m: #757575;
--surface-sale: #f15f30;
--surface-promotion: #fde14e;
--surface-disable: #d5d5d5;
--surface-background-for-extra-elements: #f3fafe;
--surface-price: #f9f9f9;
--surface-hover: rgba(110, 193, 249, 0.06);
--border-for-border: #e7e5e5;
--border-dark: #2b2b2b;
--border-input: #e6e6e6;
--icons-disable: #d0d0d0;
--icons-white: #fff;
--icons-black: #2b2b2b;
--icons-primary-blue: #4daceb;
--icons-grey: #595959;
--price-main: #10c44d;
--price-sale: #f15f30;
--border-for-border-input: #f4f4f4;
--font-family: "Roboto", sans-serif;
--second-family: "Inter", sans-serif;
--third-family: "Manrope", sans-serif;
--font3: "Rostelecom Basis", sans-serif;
}
.main-bread-crumbs {
padding: 25px 0;
overflow: auto;
}
@media (max-width: 768px) {
.main-bread-crumbs {
padding: 5px 0 10px;
margin-bottom: 20px;
}
}
.main-description_block {
padding: 16px;
margin-bottom: 25px;
border-radius: 8px;
}
.main-description_block p {
font-family: var(--second-family);
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: var(--text-black);
}
.main-description_block.__1 {
background: #f0f8ef;
}
.main-description_block.__2 {
background: #fff4f4;
}
.main-description_content {
font-family: var(--second-family);
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: var(--text-grey-2);
}
.main-description_content ul {
padding-left: 30px;
margin-bottom: 24px;
}
.main-description_content ul li {
list-style: disc;
}
.main-description_content p {
margin-bottom: 24px;
}
.main-description_content h3 {
font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
line-height: 100%;
color: var(--text-black);
margin-bottom: 24px;
}
.main-footer {
background: var(--surface-grey-d);
padding: 32px 0;
}
@media (max-width: 768px) {
.main-footer {
padding-left: 10px;
padding-right: 10px;
}
}
.main-footer_row {
display: flex;
justify-content: space-between;
}
@media (min-width: 1200px) {
.main-footer_row {
margin-right: 50px;
}
}
@media (max-width: 768px) {
.main-footer_row {
margin: 0 -10px;
}
}
@media (max-width: 768px) {
.main-footer_row {
flex-wrap: wrap;
flex-direction: column-reverse;
}
}
@media (max-width: 1200px) {
.main-footer_col {
width: 25%;
padding: 0 10px;
}
}
@media (max-width: 768px) {
.main-footer_col {
width: 100%;
margin-bottom: 16px;
}
}
.main-footer_title {
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
line-height: 100%;
color: var(--text-white);
margin-bottom: 30px;
}
@media (max-width: 1200px) {
.main-footer_title {
font-size: 18px;
}
}
@media (max-width: 768px) {
.main-footer_title {
margin-bottom: 0;
display: flex;
align-items: center;
}
}
.main-footer_title:after {
content: '';
background: url(/local/templates/dresscode_lk/images/2024/arrow12.svg) no-repeat center center;
width: 24px;
height: 24px;
display: none;
margin-left: 2px;
}
@media (max-width: 768px) {
.main-footer_title:after {
display: block;
}
}
.main-footer_title.active:after {
transform: rotate(180deg);
}
@media (max-width: 768px) {
.main-footer_list {
display: none;
padding-top: 6px;
}
}
@media (max-width: 768px) {
.main-footer_list.active {
display: block;
}
}
.main-footer_list li {
margin-bottom: 12px;
display: block;
}
.main-footer_list a {
font-family: var(--font-family);
font-weight: 500;
font-size: 13px;
line-height: 100%;
color: var(--text-white);
text-decoration: none;
}
@media (max-width: 1200px) {
.main-footer_list a {
font-size: 12px;
}
}
.main-footer-bottom {
background: var(--surface-black);
padding: 32px 0;
}
@media (max-width: 768px) {
.main-footer-bottom {
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 480px) {
.main-footer-bottom {
margin-bottom: 60px;
}
}
.main-footer-bottom_row {
display: flex;
}
@media (max-width: 768px) {
.main-footer-bottom_row {
display: block;
}
}
.main-footer-bottom_col:nth-child(2) {
padding-left: 20px;
}
@media (max-width: 768px) {
.main-footer-bottom_col:nth-child(2) {
padding-left: 0;
padding-top: 12px;
}
}
.main-footer-bottom_col:nth-child(3) {
margin-left: auto;
}
.main-footer-bottom_logo {
margin-bottom: 16px;
display: block;
}
.main-footer-bottom_description {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: var(--text-grey);
margin-bottom: 16px;
}
.main-footer-bottom_socials {
display: flex;
align-items: center;
list-style: none;
}
.main-footer-bottom_socials a {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 8px;
}
.main-footer-bottom_blocks {
display: flex;
margin-bottom: 60px;
}
@media (max-width: 1200px) {
.main-footer-bottom_blocks {
display: block;
margin-bottom: 20px;
}
}
@media (max-width: 768px) {
.main-footer-bottom_blocks {
display: none;
}
}
@media (max-width: 768px) and (max-width: 768px) {
.main-footer-bottom_blocks.__clone {
display: block;
}
}
.main-footer-bottom_block {
display: flex;
align-items: center;
margin-right: 32px;
}
@media (max-width: 1200px) {
.main-footer-bottom_block {
margin-right: 0;
margin-bottom: 20px;
}
}
.main-footer-bottom_block:last-child {
margin-right: 0;
}
.main-footer-href-icon{
display: block;
color: white !important;
font-weight: bolder !important;
}
.main-footer-bottom_icon {
width: 42px;
height: 42px;
border: 1px solid var(--border-for-border);
border-radius: 4px;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 16px;
box-sizing: border-box;
}
.main-footer-bottom_block-text p {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: var(--text-white);
}
.main-footer-bottom_block-text a {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: var(--primary-default);
text-decoration: none;
}
.main-footer-bottom_icos {
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.main-footer-bottom_icos {
display: none;
}
.main-footer-bottom_icos.__clone {
display: block;
}
}
.main-footer-bottom_icos img {
margin-right: 10px;
}
.main-footer-bottom_links li {
margin-bottom: 16px;
display: block;
}
.main-footer-bottom_links a {
font-family: var(--font-family);
font-weight: 500;
font-size: 13px;
line-height: 100%;
color: var(--text-grey);
text-decoration: none;
}
.main-footer-bottom_links a:hover {
color: #fff;
}
.slick-header {
position: sticky;
top: 0;
background-color: white;
z-index: 98;
}
.main-header {
padding: 16px 0;
border-bottom: 1px solid var(--border-for-border);
}
@media (max-width: 1200px) {
.main-header {
display: none;
}
}
.main-header_row {
display: flex;
align-items: center;
position: relative;
}
.main-header_logo {
width: 242px;
}
.main-header_logo img {
height: 37px;
}
.main-header_tels {
margin-right: 30px;
}
.main-header_tels a {
display: block;
text-decoration: underline !important;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 134%;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #F4F4F4;
}
.top-header_rate {
color: #FFFFFF;
}
.main-header_buttons {
margin-left: auto;
display: flex;
align-items: center;
margin-right: 40px;
}
.main-header_auth-btn {
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: var(--text-white);
background: var(--secondary-default);
padding: 8px 15px;
border-radius: 4px;
text-decoration: none;
display: flex;
align-items: center;
}
.main-header_auth-btn-auth {
background-color: #FFFFFF;
border: 1px solid #E5833C;
border-radius: 4px;
}
.main-header_auth-btn-auth span {
color: #E5833C;
}
.main-header_auth-btn span {
margin-left: 6px;
}
@media (max-width: 600px) {
.main-header_auth-btn.__clone {
display: none;
}
.js-open-profile_popup.__clone {
display: none;
}
}
@media (max-width: 600px) {
.main-header_buttons {
display: none;
}
}
@media (max-width: 1200px) {
.main-header_buttons {
margin-left: 24px;
}
}
.main-nav {
padding: 16px 0;
}
@media (max-width: 1200px) {
.main-nav {
display: none;
}
}
.main-nav_catalog-btn {
padding: 10px 20px 10px 52px;
background: var(--primary-default) url(/local/templates/dresscode_lk/images/2024/ico-4.svg) left 25px center no-repeat;
border-radius: 4px;
margin-right: 47px;
text-decoration: none;
color: #fff;
box-sizing: border-box;
height: 42px;
}
.main-wrapper {
max-width: 1680px;
padding: 0 18px;
margin: 0 auto;
}
.top-header {
background: var(--surface-black);
padding: 16px 0;
z-index: 1;
position: relative;
}
@media (max-width: 1200px) {
.top-header {
display: none;
}
}
.top-header_row {
display: flex;
align-items: center;
}
.top-header_buttons {
display: flex;
background: var(--surface-grey-d);
border-radius: 4px;
align-items: center;
margin-right: 24px;
font-family: var(--font-family);
}
@media (max-width: 768px) {
.top-header_buttons.__clone {
display: none;
}
}
.top-header_buttons a {
padding: 10px;
text-decoration: none;
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: var(--text-white);
min-width: 84px;
text-align: center;
border-radius: 4px;
box-sizing: border-box;
}
.top-header_buttons a.active {
box-shadow: 5px 0 4px 0 rgba(0, 0, 0, 0.25);
background: var(--text-white);
border-radius: 4px;
color: var(--primary-default);
}
.top-header_buttons p {
padding: 10px;
text-decoration: none;
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: var(--text-white);
min-width: 84px;
text-align: center;
border-radius: 4px;
box-sizing: border-box;
}
.top-header_buttons p.active {
box-shadow: 5px 0 4px 0 rgba(0, 0, 0, 0.25);
background: var(--text-white);
border-radius: 4px;
color: var(--primary-default);
}
.top-header_text-1 {
font-weight: 500;
font-size: 13px;
line-height: 100%;
color: var(--text-white);
margin-right: 32px;
font-family: var(--font-family);
}
.top-header_list {
display: flex;
align-items: center;
margin-right: auto;
list-style: none;
}
.top-header_list li {
margin-right: 25px;
position: relative;
}
.top-header_list li:last-child {
margin-right: 0;
}
.top-header_list a {
font-family: var(--second-family);
font-weight: 400;
font-size: 16px;
color: var(--text-white);
display: flex;
align-items: center;
text-decoration: none;
position: relative;
z-index: 100;
}
@media (max-width: 1300px) {
.top-header_list a {
font-size: 14px;
text-align: center;
}
}
.top-header_list a:not(.not_parent):after {
content: '';
background: url(/local/templates/dresscode_lk/images/2024/im-arrrow.svg) no-repeat center center;
width: 24px;
height: 24px;
}
.top-header_list a:hover {
color: var(--primary-default);
}
.top-header_list a:hover:after {
content: '';
background: url(/local/templates/dresscode_lk/images/2024/im-arrrow-hover.svg) no-repeat center center;
}
.top-header_list-wrap {
position: absolute;
top: 0;
padding-top: 45px;
left: 0;
display: none;
width: 348px;
z-index: 99;
}
.top-header_list ul {
padding: 16px;
background: var(--text-white);
box-shadow: 0 13px 39px 0 rgba(4, 14, 33, 0.03), 0 100px 315px 0 rgba(4, 14, 33, 0.06);
list-style: none;
}
.top-header_list ul li {
margin-right: 0;
margin-bottom: 16px;
}
.top-header_list ul li:last-child {
margin-bottom: 0;
}
.top-header_list ul li a {
border-bottom: 1px solid rgba(238, 238, 238, 0.14);
padding: 9px 8px;
display: block;
font-size: 13px;
line-height: 100%;
color: var(--text-black);
transition: 0.3s;
}
.top-header_list ul li a:hover {
color: #72c2f8;
}
.top-header_list ul li a:hover {
color: #72c2f8;
}
.top-header_list ul li:last-child a {
border-bottom: none;
}
li:hover .top-header_list-wrap {
display: block;
}
.top-header_socials {
display: flex;
align-items: center;
list-style: none;
}
.top-header_socials a {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 8px;
}
.mobile-menu {
display: none;
}
@media (max-width: 1200px) {
.mobile-menu {
display: block;
padding-top: 74px;
}
}
@media (max-width: 768px) {
.mobile-menu {
padding-top: 58px;
}
}
.mobile-menu_top {
background: var(--surface-black);
padding: 16px 0;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999;
}
.mobile-menu_top_row {
display: flex;
justify-content: space-between;
align-items: center;
}
.mobile-menu_logo {
display: block;
width: 252px;
}
.mobile-menu_logo img {
height: 28px;
}
@media (max-width: 768px) {
.mobile-menu_logo {
width: 182px;
}
}
.mobile-menu_buttons {
display: flex;
}
.mobile-menu_button {
margin-right: 7px;
border: 1px solid var(--icons-disable);
border-radius: 4px;
padding: 4px;
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
@media (max-width: 480px) {
.mobile-menu_bottom {
padding: 5px 0 !important;
margin-top: 31px !important;
}
}
.mobile-menu_button:last-child {
margin-right: 0;
}
.mobile-menu_button img {
box-sizing: border-box;
}
.mobile-menu_bottom {
padding: 12px 0;
}
.mobile-menu_bottom_row {
display: flex;
justify-content: space-between;
align-items: center;
}
.mobile-menu_hamb {
border: 1px solid var(--icons-primary-blue);
border-radius: 4px;
padding: 4px;
width: 42px;
height: 42px;
display: none;
align-items: center;
justify-content: center;
margin-right: 14px;
}
.mobile-menu_hamb-plan {
border: 1px solid var(--icons-primary-blue);
border-radius: 4px;
padding: 4px;
width: 42px;
height: 42px;
display: none;
align-items: center;
justify-content: center;
margin-right: 14px;
}
@media (max-width: 1200px) and (min-width: 769px){
.mobile-menu_hamb-plan {
display: flex;
}
}
@media (max-width: 768px){
.mobile-menu_hamb {
display: flex;
}
}
.mobile-menu_search {
width: 0;
flex-grow: 1;
}
.mobile-menu_search .main-header_search {
width: auto;
margin-right: 0;
}
.bottom-block {
position: fixed;
background: var(--surface-black);
bottom: 0;
left: 0;
right: 0;
display: none;
padding: 10px 0;
z-index: 999;
}
@media (max-width: 480px) {
.bottom-block {
display: block;
}
}
.bottom-block_row {
display: flex;
}
.bottom-block_col {
width: 25%;
text-align: center;
}
.bottom-block_ico {
width: 22px;
height: 22px;
margin: 0 auto 6px;
}
.bottom-block_text {
font-family: var(--font-family);
font-weight: 400;
font-size: 10px;
line-height: 120%;
color: var(--text-white);
margin-left: 10px;
bottom: -5px;
position: relative;
}
.bottom-block_text-blue{
color: #4DACEB;
}
#flushFooterwishlist {
position: relative;
}
.footer_wish_list_counter {
position: absolute;
top: -2px;
left: 15px;
width: 16px;
height: 16px;
background-color: #DB5234;
border-radius: 28px;
color: wheat;
font-size: 12px;
text-align: center;
line-height: normal;
z-index: 100;
}
#flushFooterCartC {
position: relative;
}
.footer_cart_counter {
position: absolute;
top: -2px;
left: 15px;
width: 16px;
height: 16px;
background-color: #DB5234;
border-radius: 28px;
color: wheat;
font-size: 12px;
text-align: center;
line-height: normal;
z-index: 100;
}
.mobile-nav {
position: fixed;
z-index: 999;
top: 74px;
bottom: 0px;
left: 0;
right: 0;
display: none;
background: var(--surface-grey-l);
}
@media (max-width: 480px) {
.mobile-nav {
bottom: 60px;
}
}
.mobile-nav.active {
display: block;
overflow: scroll;
}
.mobile-nav_top {
border-bottom: 1px solid var(--surface-bg-for-play-video);
margin-bottom: 12px;
padding: 20px 0;
}
.mobile-nav_top_row {
display: flex;
justify-content: space-between;
align-items: center;
}
.mobile-nav_close {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.mobile-nav_links a {
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
line-height: 140%;
color: var(--text-black);
margin-left: 9px;
border-left: 1px solid var(--text-black);
padding-left: 9px;
text-decoration: none;
}
.mobile-nav_links a:first-child {
border-left: none;
}
.mobile-nav_text {
font-family: var(--font-family);
font-weight: 400;
font-size: 10px;
line-height: 120%;
text-align: center;
color: var(--surface-grey-d);
margin-bottom: 12px;
}
.mobile-nav_button {
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: var(--text-white);
border-radius: 4px;
width: 100%;
padding: 12px 0;
text-align: center;
background: #72C2F8;
display: block;
text-decoration: none;
margin-bottom: 12px;
}
.mobile-nav_button:active {
background: #39AFFE;
}
.mobile-nav_list {
margin: 0 -18px;
padding: 0 18px;
background: var(--surface-grey-l);
}
.mobile-nav_list_tab {
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
line-height: 140%;
color: var(--text-black);
padding: 8px;
display: block;
text-decoration: none;
}
.has-elements {
background: url(/local/templates/dresscode_lk/images/2024/ico-arrow-2.svg) no-repeat right center;
}
.mobile-nav_list_element {
border-bottom: 1px solid rgba(68, 83, 113, 0.15);
list-style: none;
}
.mobile-nav_list_sub {
display: none;
margin-left: 30px;
list-style: none;
}
.mobile-nav_list_sub a {
text-decoration: none;
font-size: 15px;
font-weight: 400;
}
.mobile-nav_list_sub li {
margin-bottom: 7px;
}
.mobile-nav_list li.active .mobile-nav_list_tab{
color: var(--icons-primary-blue);
background: url(/local/templates/dresscode_lk/images/2024/ico-arrow-3.svg) no-repeat right center;
}
.mobile-nav_list li.active .mobile-nav_list_sub {
display: block;
}
.product-form {
border: 1px solid var(--border-for-border);
padding: 32px;
width: 508px;
margin: 0 auto;
background: #fff;
display: none;
}
.product-form_title {
background: var(--surface-black);
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
line-height: 100%;
color: var(--text-white);
padding: 12px 0;
margin-bottom: 24px;
text-align: center;
}
.product-form_image {
margin-bottom: 8px;
text-align: center;
}
.product-form_image img {
width: 80px;
}
.product-form_heading {
font-family: var(--second-family);
font-weight: 400;
font-size: 16px;
line-height: 160%;
text-align: center;
color: var(--text-black);
margin-bottom: 24px;
}
.product-form_text {
font-family: var(--second-family);
font-weight: 500;
font-size: 18px;
text-align: center;
color: var(--text-black);
margin-bottom: 24px;
}
.product-form_group {
margin-bottom: 12px;
}
.product-form_input-group {
position: relative;
}
.product-form_input {
font-family: var(--second-family);
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: var(--text-grey);
background: var(--text-white);
padding: 11px 16px;
border: 1px solid var(--border-input);
border-radius: 6px;
width: 100%;
}
.product-form_input-group.__error .product-form_input {
border-color: var(--error);
color: var(--error);
}
.product-form_close {
position: absolute;
width: 24px;
height: 24px;
top: 50%;
transform: translateY(-50%);
right: 16px;
background: url(/img/close-btn.svg) no-repeat center center;
cursor: pointer;
}
.product-form_error-text {
display: none;
margin-top: 4px;
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 100%;
color: var(--error);
}
.__error .product-form_error-text {
display: block;
}
.product-form_check.__error label {
color: red;
}
.product-form_area {
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
background: var(--text-white);
border: 1px solid var(--border-input);
border-radius: 6px;
padding: 6px 16px;
width: 100%;
height: 124px;
min-height: 100px;
resize: none;
outline: none;
font-family: var(--second-family);
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: var(--text-grey);
}
.product-form_area-info {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 100%;
text-align: right;
color: var(--text-grey);
}
.product-form_check {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.product-form_check label {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: var(--text-grey);
}
.product-form_checkbox {
margin-right: 8px;
}
.product-form_buttons {
display: flex;
justify-content: space-between;
margin-bottom: 12px;
}
.product-form_button {
max-width: 380px;
flex-grow: 1;
background: var(--primary-cliced);
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: var(--text-white);
border-radius: 4px;
padding: 10px 24px;
height: 44px;
cursor: pointer;
margin-right: 10px;
transition: 0.3s;
border: 1px solid transparent;
}
.product-form_button:hover {
background: var(--primary-hover);
}
.product-form_button:active,
.product-form_button.active {
background: var(--text-white);
border: 1px solid var(--primary-default);
color: var(--icons-primary-blue);
}
.product-form_button-2 {
max-width: 380px;
flex-grow: 1;
border-radius: 4px;
padding: 10px 24px;
height: 44px;
cursor: pointer;
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: var(--text-grey);
border: 1px solid var(--surface-black);
background: none;
margin-left: 10px;
transition: 0.3s;
}
.product-form_button-2:hover {
color: var(--text-grey);
}
.product-form_button-2:active {
border: 1px solid var(--surface-black);
}
.product-form_info {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: var(--text-grey);
}
.product-form-form {
display: none;
}
.form-open .product-form-success {
display: none;
}
.form-open .product-form-form {
display: block;
}
.mobile {
display: none;
}
.mobile_socials{
margin-top: 12px;
margin-bottom: 10px;
position: relative;
top: 20%;
}
.mobile_socials a {
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
}
.mobile_socials a:first-child {
margin-bottom: 6px;
}
.mobile_socials span {
text-decoration: underline;
}
@media (max-width: 768px) {
.mobile {
display: block !important;
}
}
.no_scroll{
overflow: hidden;
}
.header-block {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 98;
background: #fff;
}
body.__padding {
/*padding-top: 143px !important;*/
}
@media (max-width: 1200px) {
body.__padding {
padding-top: 0 !important;
}
}
#panel {
z-index: 10000 !important;
top: 60px;
position: absolute !important;
width: 100%;
}
.hints {
z-index: 10000;
position: relative;
}
.mobile-nav_list_tab_roznica {
color: #4DACEB;
background: url(/local/templates/dresscode_lk/images/2024/ico-arrow-3.svg) no-repeat right center;
}
.catalog-block {
position: absolute;
top: 100%;
left: 290px;
margin-top: 4px;
display: none;
z-index: 100;
}
.catalog-block.active {
display: block;
}
.catalog-block_list {
box-shadow: 0 13px 39px 0 rgba(4, 14, 33, 0.03), 0 100px 315px 0 rgba(4, 14, 33, 0.06);
background: var(--text-white);
width: 385px;
padding: 32px 16px;
position: relative;
list-style: none;
}
.catalog-block_list > li {
margin-bottom: 12px;
padding: 0 16px;
}
.catalog-block_list > li:last-child {
margin-bottom: 0;
}
.catalog-block_list > li > a {
display: flex;
align-items: center;
text-decoration: none;
font-family: var(--font-family);
font-weight: 500;
font-size: 13px;
line-height: 100%;
color: var(--text-black);
background: url(/local/templates/dresscode_lk/images/2024/arrow13.svg) right 10px center no-repeat;
}
.catalog-block_list > li > a.active {
color: var(--primary-default);
background: url(/local/templates/dresscode_lk/images/2024/arrow14.svg) right 10px center no-repeat;
}
.catalog-block_image {
margin-right: 8px;
height: 49px;
}
.catalog-block_image img:last-child {
display: none;
}
.catalog-block_list > li > a.active .catalog-block_image img:first-child {
display: none;
}
.catalog-block_list > li > a.active .catalog-block_image img:last-child {
display: block;
}
.catalog-block_inner {
position: absolute;
left: 100%;
padding: 16px;
box-shadow: 0 13px 39px 0 rgba(4, 14, 33, 0.03), 0 100px 315px 0 rgba(4, 14, 33, 0.06);
background: var(--text-white);
width: 345px;
top: 0;
display: none;
list-style: none;
}
.catalog-block_inner.active {
display: block;
}
.catalog-block_inner ul li {
margin-bottom: 12px;
list-style: none;
}
.catalog-block_inner ul li:last-child {
margin-bottom: 0;
}
.catalog-block_inner ul a {
padding: 9px 8px;
display: flex;
font-family: var(--font-family);
font-weight: 400;
font-size: 13px;
line-height: 100%;
color: var(--text-black);
text-decoration: none;
}
.catalog-block_inner ul a:hover {
color: var(--primary-default);
}
.catalog-block_inner ul a span {
flex-shrink: 0;
margin-left: auto;
padding-left: 10px;
color: var(--primary-default);
}
.catalog-block_inner-link {
font-family: var(--font-family);
font-weight: 500;
font-size: 13px;
line-height: 100%;
text-decoration: underline;
text-decoration-skip-ink: none;
color: var(--primary-default);
padding: 10px 8px;
display: block;
}
.catalog-block_inner-link:hover {
text-decoration: none;
}
.mobile-nav-plan {
display: none;
}
.mobile-nav-plan.active {
display: block;
width: 320px;
position: absolute;
z-index: 999;
background: var(--surface-grey-l);
left: 20px;
}
.text_blue {
color: #4DACEB;
}
.profile_popup {
position: absolute;
top: 45px;
right: 0;
width: 135px;
height: 95px;
background-color: #FFFFFF;
border: 1px solid #E6E6E6;
border-radius: 4px;
z-index: 1000;
display: none;
flex-direction: column;
gap: 12px;
padding: 16px;
}
.profile_popup.active {
display: flex;
}
.profile_popup a:last-child {
color: #E5833C;
}
.profile_popup a:hover {
color: #4DACEB;
}
.profile_popup a {
text-decoration: none;
color: #313131;
font-weight: 300;
font-size: 13px;
line-height: 100%;
}
.main-nav_inner-list.active ul {
list-style: none;
}
.orange {
color: #E5833C;
}
/* End */
/* Start:/local/templates/dresscode_lk/themes/white/arctic/style.min.css?178835390535514*/
body.index{background-color:#f3f3f3;}#subHeaderLine.color_theme,#headerLine .headerLineTools .callBack,#subHeaderLine.color_theme #subMenu .removedItemsContainer .removedItemsList,#headerLine2 .callBack,#headerLine3 .callBack,#headerLine2.color_theme #subMenu .removedItemsContainer .removedItemsList,#headerLine3.color_theme #subMenu .removedItemsContainer .removedItemsList,#headerLine4.color_theme #subMenu .removedItemsContainer .removedItemsList,#subHeader8.color_theme #subMenu .removedItemsContainer .removedItemsList,#headerLayout.color_theme,#headerLine.color_theme,#topHeader.color_theme,#topHeader2.color_theme,#subHeader2.color_theme,#subHeader3.color_theme,#subHeader4.color_theme,#subHeader5.color_theme,#subHeader6.color_theme,#subHeader7.color_theme,#subHeader8.color_theme,#headerLine2.color_theme,#headerLine3.color_theme,#headerLine4.color_theme,#subHeader.color_theme,#subHeader.color_black #headerTools .cart ins.active,#subHeader2 .topCompare .text.active,#subHeader2 .topWishlist .text.active,#subHeader2 .cart .heading.active,#subHeader2.color_black .cart .heading.active,#subHeader4.color_theme #subMenu .removedItemsContainer .removedItemsList,#subHeader4.color_theme .topWishlist .value,#subHeader4.color_theme .topCompare .value,#subHeader4.color_theme .cart .count,#subHeader5.color_theme #subMenu .removedItemsContainer .removedItemsList,#subHeader5.color_theme .topWishlist .value,#subHeader5.color_theme .topCompare .value,#subHeader5.color_theme .cart .count,#subHeader6.color_theme .topWishlist .value,#subHeader6.color_theme .topCompare .value,#subHeader6.color_theme .cart .count,#subHeader7.color_theme .topWishlist .value,#subHeader7.color_theme .topCompare .value,#subHeader7.color_theme .cart .count,#subHeader8.color_theme .cart .count,#footer.variant_2 #leftFooter,#footer.variant_3 #rightFooter,#footer.variant_4 #leftFooter,#footer.variant_8 #rightFooter,#footerLine.color_theme{background-color:#3498db}#subHeader.color_black #headerTools .cart ins.active:hover,#headerLine .headerLineTools .callBack:hover,#headerLine2 .callBack:hover,#footer.variant_4 #rightFooter,#footer.variant_4 #footerBottom{background-color:#2395e1}#subHeader.color_black #headerTools .tools .link,#subHeader2 #topCallback .link,#subHeader3 .cart .total,#subHeader3.color_theme .cart .active .count,#subHeader6 .cart .total,#subHeader6 .cart .active .count,#subHeader7 .cart .active .total,#subHeader7 .firstPhones .callBack,#subHeader4 #subMenu li .selected,#subHeader8 #subMenu li .selected,#subHeader5 .cart .heading .total,#headerLine #topAuth ul li a,#headerLine .user-geo-position-value-link,#headerLine2 .user-geo-position-value-link,#headerLine2 #subMenu li .selected,#headerLine2.color_black #subMenu li .selected,#headerLine3 #subMenu li .selected,#headerLine3.color_black #subMenu li a.selected,#headerLine4 #subMenu li .selected,#footerLine.color_white .item .callback,#footer.variant_5 #leftFooter .heading,#footer.variant_5 #rightFooter .email a,#footer.variant_5 #leftFooter .selected,#footer.variant_6 #leftFooter .heading,#footer.variant_6 #rightFooter .email a,#footer.variant_6 #leftFooter .selected,#footer.variant_7 #leftFooter .heading,#footer.variant_7 #rightFooter .email a,#footer.variant_7 #leftFooter .selected,#footer.variant_8 #leftFooter .heading,#footer.variant_8 #leftFooter .selected{color:#3498db}#footerLine.color_white .item .compare.active,#footerLine.color_white .item .wishlist.active,#footerLine.color_white .item .cart.active,#footerLine.color_white .item .compare.active .mark,#footerLine.color_white .item .wishlist.active .mark,#footerLine.color_white .item .cart.active .mark,#footerLine.color_theme .item .compare.active .mark,#footerLine.color_theme .item .wishlist.active .mark,#footerLine.color_theme .item .cart.active .mark{color:#3498db!important}#headerLine4.color_black #subMenu li a:hover,#headerLine4.color_black #subMenu li .selected{color:#3498db!important}#headerLine #topAuth ul li a:hover,#topHeader.color_default #topMenu li a:hover,#topHeader.color_default #topMenu li .selected,#topHeader.color_default #topService > li > a:hover,#topHeader.color_default .user-geo-position-value-link:hover,#subHeader.color_black #headerTools .tools .link:hover,#subHeader2 #topCallback .link:hover,#subHeader4 #subMenu li a:hover,#subHeader8 #subMenu li a:hover,#subHeader5 .cart .heading:hover .total,#subHeader6 .cart .heading:hover .total,#subHeader7 .firstPhones .callBack:hover,#headerLine .user-geo-position-value-link:hover,#headerLine .user-geo-position-value-link:hover,#headerLine2 .user-geo-position-value-link:hover,#headerLine2 #topAuth > ul li a:hover,#headerLine2 #subMenu li a:hover,#headerLine3 #subMenu li a:hover,#headerLine4 #subMenu li a:hover,#headerLine2.color_black #topAuth > ul li a:hover,#headerLine2.color_black #subMenu li a:hover,#headerLine3.color_black #topAuth > ul li a:hover,#headerLine3.color_black #subMenu li a:hover
#headerLine4.color_black #subMenu li a:hover,#footerLine.color_white .item .callback:hover,#footer.variant_5 #leftFooter a:hover,#footer.variant_5 #rightFooter .email a:hover,#footer.variant_6 #leftFooter a:hover,#footer.variant_6 #rightFooter .email a:hover,#footer.variant_7 #leftFooter a:hover,#footer.variant_7 #rightFooter .email a:hover,#footer.variant_8 #leftFooter a:hover{color:#2395e1}#headerLine.color_theme .headerLineTools .callBack,#headerLine2.color_theme .callBack,#subHeader6.color_theme .callBack{background-color:#2395e1}#subHeader3 .cart .order.active,#subHeader6 .subPhones .callBack{border:1px solid #3498db;color:#3498db}#subHeader6 .subPhones .callBack:hover{border:1px solid #2395e1}#subHeader4 .topCompare .active .value,#subHeader4 .topWishlist .active .value,#subHeader4 .cart .active .count,#subHeader4.color_black .topCompare .active .value,#subHeader4.color_black .topWishlist .active .value,#subHeader4.color_black .cart .active .count,#subHeader5 .topCompare .active .value,#subHeader5 .topWishlist .active .value,#subHeader5 .cart .active .count,#subHeader6 .topCompare .active .value,#subHeader6 .topWishlist .active .value,#subHeader6 .cart .active .count,#subHeader7 .topCompare .active .value,#subHeader7 .topWishlist .active .value,#subHeader7 .cart .active .count,#subHeader8 .cart .active .count{border:2px solid #3498db;color:#3498db}#subHeader3 .cart .active .count,#subHeader3.color_theme .cart .active .count,#subHeader3.color_black .cart .active .count{background-color:#3498db}#subHeader3 .user-geo-position-value-link,#subHeader6 .user-geo-position-value-link,#subHeader6 #topAuth > ul li a,#subHeader6 #topAuth > ul li:first-child:after,#subHeader6 .subPhones .callBack,#subHeader8 .telephoneContainer .callBack,#subHeader3 #topToolsLeft a,#headerLine4 .user-geo-position-value-link,#headerLine4 #topAuth ul li a{color:#3498db}#subHeader3 .user-geo-position-value-link:hover,#subHeader6 .user-geo-position-value-link:hover,#subHeader3 #topToolsLeft a:hover,#subHeader6 #topAuth > ul li a:hover,#subHeader6 .subPhones .callBack:hover,#subHeader8 .telephoneContainer .callBack:hover,#headerLine4 .user-geo-position-value-link:hover,#headerLine4 #topAuth ul li a:hover{color:#2395e1}#subHeader3 #topToolsLeft a:after,#subHeader3 .user-geo-position-value-link:after,#headerLine .user-geo-position-value-link:after,#headerLine #topAuth ul li a:after,#headerLine2 .user-geo-position-value-link:after,#subHeader6 #topAuth ul li a:after,#subHeader6 .user-geo-position-value-link:after,#subHeader7 .firstPhones .callBack:after,#subHeader8 .telephoneContainer .callBack:after,#headerLine4 .user-geo-position-value-link:after,#headerLine4 #topAuth ul li a:after{border-bottom:1px dashed #3498db}#subHeader3 #topToolsLeft a:after:hover,#subHeader3 .user-geo-position-value-link:after:hover,#headerLine .user-geo-position-value-link:after:hover,#headerLine #topAuth ul li a:after:hover,#headerLine2 .user-geo-position-value-link:after:hover,#subHeader6 #topAuth ul li a:after:hover,#subHeader6 .user-geo-position-value-link:after:hover,#subHeader7 .firstPhones .callBack:after:hover,#subHeader8 .telephoneContainer .callBack:after:hover,#headerLine4 .user-geo-position-value-link:after:hover,#headerLine4 #topAuth ul li a:after:hover{border-bottom:1px dashed #2395e1}@media all and (max-width: 800px){#subHeader6 .user-geo-position-value-link{background-color:#2395e1}}@media all and (max-width: 420px){#headerLine4.color_theme #geoPosition.color_default .user-geo-position-value-link{color:#2395e1}#headerLine4.color_theme #geoPosition.color_default .user-geo-position-value-link:after{border-color:#2395e1}}#topHeader{border-bottom:1px solid #404040;background:#3a3a3a}#topService{color:#ccc;border-left:1px solid #313131}#topService li{border-right:1px solid #313131}#topService li a{color:#ccc}#topService li:hover a:hover{color:#2395e1}#topService li a:focus{color:#1f7ab5}#topService .selected{color:#2395e1}#subHeader{background:#fff;border-bottom:1px solid #eaeaea}#logo{border-left:1px solid #f6f6f6;border-right:1px solid #f6f6f6}#topHeading{border-right:1px solid #f6f6f6}#topHeading p{color:#000}#headerTools{border-right:1px solid #f6f6f6}#headerTools .tools .heading{color:#000}#headerTools .tools .link{color:#3498db}#headerTools .tools .link:hover{color:#2395e1}#headerTools .tools li{border-left:1px solid #f6f6f6}#headerTools .text{color:#000}#headerTools .telephone .icon{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/callbackHead.png) 0 0 no-repeat transparent}#headerTools .telephone .icon:hover{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/callbackHead.png) -35px 0 no-repeat transparent}#headerTools .search .icon{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/searchHead.png) 0 0 no-repeat transparent}#headerTools .search .icon:hover{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/searchHead.png) -35px 0 no-repeat transparent}#headerTools .wishlist .icon{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/wishlistHead.png) 0 0 no-repeat transparent}#headerTools .wishlist .icon.active{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/wishlistHead.png) -36px 0 no-repeat transparent}#headerTools .wishlist .icon.active:hover{background-position:-72px 0}#headerTools .compare .icon{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/compareHead.png) 0 0 no-repeat transparent}#headerTools .compare .icon.active{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/compareHead.png) -35px 0 no-repeat transparent}#headerTools .compare .icon.active:hover{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/compareHead.png) -70px 0 no-repeat transparent}#headerTools .cart .icon{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/cartHead.png) 0 0 no-repeat transparent}#headerTools .cart .icon.active{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/cartHead.png) -44px 0 no-repeat transparent}#headerTools .cart .icon.active:hover{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/cartHead.png) -88px 0 no-repeat transparent}#headerTools .cart ins{background:#f6f6f6;color:#888}#headerTools .cart ins.active{color:#2395e1}#changeYouCity{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/modalBg.png) 0 0 repeat #232323}#changeYouCity .heading{color:#2395e1}#changeYouCity .list li a{color:#000}#changeYouCity .list li a:hover{color:#2395e1}#changeYouCity #cityClose{background:rgba(0,0,0,0.1);border:1px solid #000;color:#fff}#changeYouCity #cityClose:hover{color:#2395e1}#changeYouCity #cityClose ins{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/exit.png) 0 0 no-repeat transparent}#changeYouCity #cityClose:hover ins{background-position:-11px 0}#changeYouCity #cityClose:active ins{background-position:-22px 0}#left .heading{color:#fff}#left .opener{background:#3498db}#left .heading ins{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/iconMenu.png) 0 50% no-repeat transparent}#left .sideBlock .heading{background-color:#2b2b2b}#left #subscribe .sideBlockContent{border:1px solid #e7e8ea}#left #leftMenu .menuItems a:hover span{color:#3498db!important}#main.color_white #subLeftMenu a:hover{color:#3498db!important}#main.color_white #leftMenu .menuItems a:hover{color:#3498db!important}#left #subscribe .copy{color:#888}#brandSearch td{border-left:1px solid #313131;background:#424242;color:#fff}#brandSearch td a{color:#fff}#brandSearch td:hover a{color:#2395e1}#brandSearch a{color:#000}#slider ol li{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/slideButton.png) 0 0 no-repeat transparent}#slider ol li:hover{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/slideButton.png) -18px 0 no-repeat transparent}#slider ol li:active{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/slideButton.png) -36px 0 no-repeat transparent}#slider ol li.selected{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/slideButton.png) -54px 0 no-repeat transparent}#slider ol li.selected:hover{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/slideButton.png) -72px 0 no-repeat transparent}#slider ol li.selected:active{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/slideButton.png) -90px 0 no-repeat transparent}#popCats .sideBlockContent{border:1px solid #e7e8ea;background-color:#fff}#popCats li span,#popCats li a{background-color:#e7e8ea;color:#000}#popCats li a:hover{background-color:#2395e1;border-color:#3498db;color:#fff}#collectionList .collection .wrap{border:1px solid #ccc;background-color:#fff}#collectionList .collection .heading{background-color:#fff;color:#000}#collectionList .goTo{border:1px solid #ccc;background-color:#f7f7f7;color:#000}#collectionList .goTo:hover{background-color:#2395e1;border-color:#3498db;color:#fff}#right .heading{background:#2b2b2b;color:#fff}#footer{background-color:#f9f9f9}#catalogLine{border:1px solid #e7e8ea}#catalogLine select{border:1px solid #e7e8ea;color:#888}#catalogLine .viewList .element a{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/catalogView.png) 0 0 no-repeat transparent}#leftFooter{background:#2b2b2b}#leftFooter .heading{border-bottom:1px solid #3e3e3e;color:#fff}#leftFooter ul li{border-top:1px solid #313131}#leftFooter a{color:#999}#leftFooter a:hover{color:#3498db}#leftFooter .selected{color:#3498db}#rightFooter{background:#202020}#rightFooter .list li{color:#888}#rightFooter .email a{color:#fff}#rightFooter p{color:#888}#rightFooter .hr{border-top:1px solid #575757}#rightFooter .telephone{color:#3498db}#rightFooter .email{color:#fff}#rightFooter .showMap{color:#3498db}#rightFooter .showMap:hover{color:#2395e1}#footerBottom{border-top:3px solid #101010;background:#191919;color:#fff}#appBasketContainer{box-shadow:1px 1px 12px rgba(60,60,60,0.3);background-color:#fff}#appBasket .heading{background-color:#424242;color:#fff}#appBasket .close{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/exit.png) 0 0 no-repeat transparent}#appBasket .close:hover{background-position:0 -21px}#appBasket .close:active{background-position:0 -42px}#appBasket .markerContainer .marker{background-color:#424242;color:#fff}#appBasket .name{color:#000}#appBasket .name:hover{color:#3498db}#appBasket .price{color:#000}#appBasket .price .discount{color:#888}#appBasket .plus,#appBasket .minus{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/plusMinus.png) 0 0 no-repeat #424242}#appBasket .plus{background-position:0 -19px}#appBasket .plus:hover{background-position:-19px -19px}#appBasket .plus:active{background-position:-38px -19px}#appBasket .minus:hover{background-position:-19px 0x}#appBasket .minus:active{background-position:-38px 0}#appBasket .qty{background-color:#e7e8ea;color:#000}#appBasket .sum{background-color:#fbfbfb}#appBasket .sum .discount{color:#888}#appBasket .lower{background-color:#424242}#appBasket .lower .tools .icon{border-right:1px solid #4c4c4c}#appBasket .lower .tools .icon:hover{background:#2b2b2b}#appBasket .lower .tools .continue{border-right:1px solid #4c4c4c}#appBasket .lower .tools .continue a,#appBasket .lower .tools .goToBasket a{color:#fff}#appBasket .lower .tools .goToBasket{background-color:#3498db}#appBasket .lower .tools .goToBasket:hover{background-color:#2395e1}#appBasket .lower .tools .continue:hover{background:#2b2b2b}#appFastBuyContainer .heading{background-color:#424242;color:#fff}#appFastBuyContainer input{background-color:#f3f3f3;color:#000}#appFastBuyContainer textarea{background-color:#f3f3f3}#appFastBuyContainer input:focus,#appFastBuyContainer textarea:focus{background-color:#e9e9e9}#appFastBuyContainer input.error,#appFastBuyContainer textarea.error{border:1px solid red}#appFastBuyContainer #fastBuyFormSubmit{background-color:#3498db;color:#fff}#appFastBuyContainer #fastBuyFormSubmit:hover{background-color:#2395e1}#appFastBuyContainer #fastBuyFormSubmit.loading{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/loading.gif) 24px 50% no-repeat #2395e1!important}#fastBuyResult #fastBuyResultClose{background-color:#3498db;color:#fff}#fastBuyResult #fastBuyResultClose:hover{background-color:#2395e1}#appFastBuyContainer .marker{background-color:#424242;color:#fff}#appFastBuyContainer .name{color:#000}#appFastBuyContainer .name:hover{color:#3498db}#appFastBuyContainer .price{color:#000}#appFastBuyContainer .price .discount{color:#888}#appFastView .appFastViewExit,#fastViewStores .fastViewStoresExit{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/exit.png) 0 0 no-repeat transparent}#appFastView .appFastViewExit:hover,#fastViewStores .fastViewStoresExit:hover{background-position:0 -21px}#appFastView .appFastViewExit:active,#fastViewStores .fastViewStoresExit:active{background-position:0 -42px}#appProductPriceVariant .appPriceVariantExit{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/exit2.png) 0 0 no-repeat transparent}#appProductPriceVariant .appPriceVariantExit:hover{background-position:0 -21px}#appProductPriceVariant .appPriceVariantExit:active{background-position:0 -42px}#footerTabsCaption{border-top:1px solid #e7e8ea;background-color:#f9f9f9}#footerTabsCaption .item a{color:#888}#footerTabsCaption .item .selected{border-bottom:1px dashed #000;color:#000}#footerTabsCaption .item .selected:hover{color:#000}#footerTabsCaption .item a:hover{color:#3498db}#footerTabs{background-color:#f9f9f9}#footerLine{background-color:#2b2b2b;border-top:2px solid #202020;box-shadow:1px 1px 12px #000}#footerLine .item .callback{color:#3498db}#footerLine .item .wishlist .icon{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/wishlistFooterMin.png) 0 0 no-repeat}#footerLine .item .cart .icon{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/cartFooterMin.png) 0 0 no-repeat}#footerLine .item .wishlist.active .icon{background-position:-21px 0}#footerLine .item .wishlist.active:hover .icon{background-position:-42px}#footerLine .item .cart.active .icon{background-position:-26px 0}#footerLine .item .cart.active:hover .icon{background-position:-52px}#footerLine .item .callback .icon{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/callbackFooterMin.png) 0 0 no-repeat}#footerLine .item .callback:hover{color:#2395e1}#footerLine .callback:hover .icon{background-position:-21px 0}#footerLine .item .compare .mark,#footerLine .item .wishlist .mark,#footerLine .item .cart .mark{background-color:#313131;color:#888}#footerLine .item .compare .icon{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/compareFooterMin.png) 0 0 no-repeat}#footerLine .item .compare.active .icon{background-position:-21px 0}#footerLine .item .compare.active:hover .icon{background-position:-42px}#footerLine .item .compare:hover,#footerLine .item .wishlist:hover,#footerLine .item .cart:hover{color:#888}#footerLine .item .compare.active,#footerLine .item .wishlist.active,#footerLine .item .cart.active,#footerLine .item .compare.active .mark,#footerLine .item .wishlist.active .mark,#footerLine .item .cart.active .mark{color:#3498db}#footerLine .item .compare.active:hover,#footerLine .item .wishlist.active:hover,#footerLine .item .cart.active:hover,#footerLine .item .compare.active:hover .mark,#footerLine .item .wishlist.active:hover .mark,#footerLine .item .cart.active:hover .mark{color:#2395e1}#footerLine .item a{color:#888}#footerLine .item a:hover{color:#fff}#authMenu{border-bottom:1px solid #e7e8ea}#authMenu li a{color:#000}#authMenu li a:hover{color:#3498db}#authMenu li .selected{border-bottom:1px dashed #000}#authMenu li .selected:hover{color:#000}#empty .emptyWrapper{border-bottom:1px solid #e7e8ea}#empty p a{border-bottom:1px dashed #000}#empty p a:hover{border-bottom:1px dashed #3498db}#empty a{color:#000}#empty a:hover{color:#3498db}#empty .back{border-bottom:1px dashed #3498db;color:#3498db}#empty .back:hover{color:#2395e1}.product.last{background:#f9f9f9}.product .tabloid{background-color:#fff}.product .marker{background-color:#424242;color:#fff}.product .name{color:#000}.product .name:hover{color:#3498db}.product .price{color:#000}.product .price .discount{color:#888}.product .addCart{background:#3498db;color:#fff}.product .addCart:hover{background-color:#2395e1}.product .label{color:#717171}.product .label:hover{color:#000}.product .skuPropertyName{color:#888}.product .skuProperty .selected .skuPropertyLink{border:1px solid #3498db}.product .skuPropertyLink{border:1px solid #ddd;color:#000}.product:hover .tabloid{background:#fff;background:-moz-linear-gradient(top,#fff 50%,#f9fafc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(100%,#f9fafc));background:-webkit-linear-gradient(top,#fff 50%,#f9fafc 100%);background:-o-linear-gradient(top,#fff 50%,#f9fafc 100%);background:-ms-linear-gradient(top,#fff 50%,#f9fafc 100%);background:linear-gradient(to bottom,#fff 50%,#f9fafc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f9fafc',GradientType=0);box-shadow:1px 1px 6px rgba(0,0,0,0.2);border-bottom:1px solid #ccc}.product.last .showMore{color:#000}.product.last .showMore:hover{color:#3498db}.addCart.added{background:#2b2b2b!important}.addCart.added:hover{background:#3b3b3b!important}.sideBlock .heading{background-color:#424242}.heading.collapsed{color:#fff}.heading.collapsed ins{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/iconMenu.png) 50% 50% no-repeat #3498db;border-right:1px solid #3498db}.heading.orange{background:#3498db}.mfeedback input,.mfeedback textarea{background-color:#f3f3f3;color:#000}.mfeedback input:focus,.mfeedback textarea:focus{background-color:#eee}.mfeedback input[type="submit"]{background-color:#3498db;color:#fff}.mfeedback input[type="submit"]:hover{background-color:#2395e1}.bx-auth .alert{border:1px solid #e7e8ea;background-color:#f3f3f3}.bx-auth .alert.alert-danger{border:1px solid red;background-color:#fff}.bx-auth .alert.small{color:#000}.bx-authform-label-container{color:#333}.bx-auth .registerText{border-bottom:1px solid #e7e8ea}.bx-auth input.error{border:1px solid red!important}.bx-auth input[type="text"],.bx-auth input[type="password"]{background-color:#f3f3f3}.bx-auth input[type="text"]:focus,.bx-auth input[type="password"]:focus{background-color:#eee}.bx-auth .submit,.popup-window .btn{background:#3498db;color:#fff}.bx-auth .submit:hover,.popup-window .btn:hover{background:#2395e1}.bx-auth .clear{border:1px solid #e7e8ea;color:#000}.bx-auth .clear:hover{border:1px solid #ccc}.bx-auth .forgot,.bx-auth .registerLink{color:#000}.bx-auth .forgot:hover,.bx-auth .registerLink:hover{color:#3498db}.blackLink,.backToIndexPage{color:#000}.blackLink:hover,.backToIndexPage:hover{color:#3498db}.sn li:first-child{border-left:1px solid #313131}.sn li{border-right:1px solid #313131}div[id^="wait_comp_"]{border:1px solid #e7e8ea!important;background-color:#fff!important}.contactList a{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-decoration:none;color:#000}.contactList a:hover{color:#3498db}@media all and (max-width: 1200px){#catalogLineList .column:last-child{background-color:#f9f9f9}}@media all and (max-width: 700px){.copyright{border-left:1px solid #313131;border-right:1px solid #313131}}#ORDER_CONFIRM_BUTTON{background:#2395e1!important}.addCart.disabled{background-color:#ccc!important;border:1px solid #e7e8ea}.sale_order_full_table input[name="BuyButton"],.sale_order_full_table input[type="submit"]{background-color:#3498db;color:#fff}.sale_order_full_table input[name="BuyButton"]:hover,.sale_order_full_table input[type="submit"]:hover{background-color:#2395e1}#breadcrumbs{color:#999}#breadcrumbs ul li a{color:#000}#breadcrumbs ul li a:hover{color:#888}#breadcrumbs .arrow{color:#888}#catalogSection .sectionItems .item:first-child{border-top:1px solid #e7e8ea}#catalogSection .sectionItems .item{border-bottom:1px solid #e7e8ea;border-right:1px solid #e7e8ea;border-left:1px solid #e7e8ea}#catalogSection .sectionItems .item .itemContainer .bigPicture .marker{background-color:#424242;color:#fff}#catalogSection .sectionItems .item .itemContainer .bigTitle{color:#000}#catalogSection .sectionItems .item .itemContainer .bigTitle:hover{color:#3498db}#catalogSection .sectionItems .item .itemContainer .description{color:#888}#catalogSection .sectionItems .item .itemContainer .sectionList .section a{border-bottom:1px solid #e7e8ea;color:#000}#catalogSection .sectionItems .item .itemContainer .sectionList .section a:hover{border-bottom:1px solid #e7e8ea;color:#888}#sectionList .tabloid{border:1px solid #e7e8ea;background:#fff}#sectionList .tabloid .name{color:#000}#sectionList .tabloid .name:hover{color:#2395e1}#sectionList .tabloid .marker{background-color:#424242;color:#fff}#sectionList .item:hover .tabloid{box-shadow:1px 1px 12px rgba(0,0,0,0.1);border:1px solid #ddd}#sectionList .element .name:hover{color:#2395e1}#nextSection{border-right:1px solid #e7e8ea;border-left:1px solid #e7e8ea;border-top:1px solid #e7e8ea}#nextSection .title{background-color:#f3f3f3}#nextSection li,#nextSection .title{border-bottom:1px solid #e7e8ea}#nextSection li a{color:#000}#nextSection li a:hover,#nextSection li .selected{color:#2395e1}#nextSection li .cnt{color:#888}#elementSmallNavigation .tab{border-right:1px solid #e7e8ea}#elementSmallNavigation .tab.active a{color:#3498db}#elementSmallNavigation .tab.active span{border-bottom:1px dashed #3498db}#elementTools .addCart,#smallElementTools .addCart{background:#3498db}#elementTools .addCart:hover,#smallElementTools .addCart:hover{background-color:#2395e1}#elementContainer .elementSkuProperty .selected .elementSkuPropertyLink{border:1px solid #3498db}.elementProperties a:hover{color:#3498db}#elementProperties .stats a:hover{color:#3498db}#files .item .info .name:hover{color:#3498db}#catalogReviews .heading .reviewAddButton:hover{border-color:#3498db;color:#3498db}#showallReviews:hover{color:#3498db}#catalogElement #newReview .usedSelect li a.selected{background:#3498db}#catalogElement #newReview .submit{background:#3498db}#catalogElement #newReview .submit:hover{background:#2395e1}#set .setTools .addCart{background:#3498db}#set .setTools .addCart:hover{background-color:#2395e1}#set .setElement .name:hover{color:#3498db}#setWindowPrice .addCart{background:#3498db}#setWindowPrice .addCart:hover{background-color:#2395e1}#catalogLineList .name:hover{color:#3498db}#catalogLineList .addCart{background:#3498db}#catalogLineList .addCart:hover{background-color:#2395e1}#catalogLineList .skuProperty .selected .skuPropertyLink{border:1px solid #3498db}#catalogLineList .prop a:hover{color:#3498db}#catalogTableList .name:hover{color:#2395e1}#catalogTableList .addCart,#catalogTableList .more{background-color:#3498db}#catalogTableList .addCart:hover,#catalogTableList .more:hover{background-color:#2395e1}#smartFilter .showALL{color:#3498db}#smartFilter .showALL:hover{color:#2395e1}#smartFilter .radio label:hover,#smartFilter .checkbox label:hover{color:#3498db}#smartFilter .dropdownList .selected,#smartFilter .dropdownList .item:hover{background-color:#2395e1}#smartFilter .handler{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/handlerActive.png) 0 0 no-repeat transparent}#set_filter{background-color:#3498db}#set_filter:hover{background-color:#2395e1}#smartFilter .checkboxList .selected .icon,#smartFilter .dropdown .selected .icon{border-color:#3498db}#smartFilter .hint{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/question.png) 0 0 no-repeat transparent}#smartFilter .hintValue .close{color:#3498db}#smartFilter .hintValue .close:hover{color:#2395e1}#smartFilter input[type="submit"],#smartFilter input[type="reset"],#smartFilter button{border:1px solid #3498db;background-color:#3498db}#smartFilter input[type="submit"]:hover,#smartFilter button:hover{background-color:#2395e1}#modef{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/modef.png) 0 0 no-repeat}#topMenu li a:hover{color:#2395e1}#topMenu li .selected{color:#2395e1}#topMenu .bar > a{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/menuMore.png) 0 50% no-repeat transparent}#topMenu .bar > a:hover,#topMenu .bar.active > a{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/menuMore.png) -21px 50% no-repeat transparent}#topMenu .sub li:hover a{color:#2395e1}#personalMenu li a:hover{color:#3498db}#subLeftMenu .selected a{color:#2395e1}#newsDetail .more{background:#3498db}#newsDetail .more:hover{background-color:#2395e1}#newsContainer .column .item .title a:hover{color:#3498db}#newsContainer .column .item .more{background:#3498db}#newsContainer .column .item .more:hover{background-color:#2395e1}#newsContainer .column .item .title a:hover{color:#3498db}#newsContainer .column .item .more{background:#3498db}#newsContainer .column .item .more:hover{background-color:#2395e1}.backToList:hover{color:#3498db}#brandList .name:hover{color:#2395e1}#newsContainer .column .item .title a:hover{color:#3498db}#newsContainer .column .item .more{background:#3498db}#newsContainer .column .item .more:hover{background-color:#2395e1}#collectionBlock .name:hover{color:#2395e1}#collectionBlock .link{color:#2395e1}#newsBlock .newsTitle:hover{color:#3498db}#serviceBlock .name:hover{color:#2395e1}#serviceBlock .link{color:#2395e1}.bx_my_order_cancel a:hover{color:#3498db}.bx_my_order_cancel input[type="submit"]{background:#3498db}.bx_my_order_cancel input[type="submit"]:hover{background:#2395e1}.bx_my_order_cancel input[type="submit"]:active{background:#2395e1}input[name="BuyButton"]{background-color:#3498db}.bx_my_order_switch .bx_mo_link:hover{color:#3498db}#subscribeEdit a:hover{color:#3498db}#subscribeEdit .submit{background:#3498db}#subscribeEdit .submit:hover{background:#2395e1}#subscribe .submit{background-color:#2395e1}#subscribe .submit:hover{background-color:#2395e1}.bx-pagination .bx-pagination-container ul li.bx-active span{background:#3498db;color:#fff}#brandList .name:hover{color:#2395e1}#brandList .last .showMore:hover{color:#2395e1}#brandList .last .ps:hover{color:#2395e1}#homeCatalog .caption.selected{background-color:#3498db}#mainProfile .profileSettings .heading{color:#3498db}#mainProfile .profileSettings .submit{background:#3498db}#mainProfile .profileSettings .submit:hover{background:#2395e1}#main input[name="BuyButton"],#main input[type="submit"]{background-color:#3498db}#main input[name="BuyButton"]:hover,#main input[type="submit"]:hover{background-color:#2395e1}#newOrder{background-color:#3498db}#newOrder:hover{background-color:#2395e1}#orderSuccess a{color:#3498db}#orderSuccess a:hover{color:#2395e1}#personalCart #basketView .item a{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/cartView.png) 0 0 no-repeat transparent}#personalCart #tabsControl .item a:hover{color:#3498db}#personalCart #tabsControl .item .selected:hover{border-bottom:1px dashed #3498db}#personalCart .productTable .clear a:hover{color:#3498db}#personalCart .productTable .name a:hover{color:#3498db}#orderMake{background-color:#3498db}#orderMake:hover{background-color:#2395e1}.orderLoad{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/orderLoad.gif) 24px 50% no-repeat #3498db!important}#wishlist .prop a:hover{color:#2395e1}#popSection .name:hover{color:#3498db}#popSection .last .showMore:hover{color:#3498db}#popSection .last .ps:hover{color:#3498db}#storesList .storesListTableLink,#storeDetail .storesMoreLink{color:#3498db}#storeDetail .showByMapLink{color:#000}#storesList .storesListTableLink:hover,#storesList .storesListTableMailLink:hover,#storeDetail .storesMoreLink:hover,#storeDetail .showByMapLink:hover{color:#2395e1}#complect .complectListItemLink{color:#000}#complect .complectListItemLink:hover{color:#2395e1}#complect .complectResultEconomyValue{color:#ff305c}#appFastView .addCart,#geo-location-window .geo-location-window-button{background:#3498db}#appFastView .addCart:hover,#geo-location-window .geo-location-window-button:hover{background-color:#2395e1}#geo-location-window .geo-location-window-list-item .selected span{border-bottom:1px dashed #3498db;color:#3498db}#geo-location-window .geo-location-window-list-item a:hover{color:#3498db}.information-feedback,.shop-review-top-new-button{border:1px solid #3498db;color:#3498db}.information-feedback:hover,.shop-review-top-new-button:hover{border:1px solid #ff7300;color:#ff7300}.webFormTools input[type="submit"]{background-color:#3498db}.webFormTools input[type="submit"]:hover{background-color:#2395e1}#bx-soa-order-form .bx-blue .btn.btn-default{background-color:#3498db;color:#fff}#bx-soa-order-form textarea{outline:none}#bx-soa-order-form a{color:#3498db}#bx-soa-order-form a:hover{color:#3498db}#bx-soa-order-form .bx-sls .quick-location-tag,.bx-slst .quick-location-tag{color:#23527c}#bx-soa-order-form .bx-blue .btn.btn-default:hover{background-color:#2395e1}#appProductPriceVariant .linkMore{background:#3498db}#appProductPriceVariant .linkMore:hover{background-color:#2395e1}#requestPrice #requestPriceSubmit,#requestPrice #requestPriceResultClose,#compareBlock .leftTools .all,#compareTools .hide,#scrollTable .addCart,#scrollTable .addSku,#specialProduct .specialTimeItem,#specialProduct .more,#slider .sliderContent .cButton{background-color:#3498db}#requestPrice #requestPriceSubmit:hover,#requestPrice #requestPriceResultClose:hover,#compareBlock .leftTools .all:hover,#compareTools .hide:hover,#scrollTable .addCart:hover,#specialProduct .more:hover,#slider .sliderContent .cButton:hover{background-color:#2395e1}#requestPrice .productNameBlock .productUrl:hover,#scrollTable a.name:hover{color:#2395e1}#requestPrice #requestPriceSubmit.loading{background:url(/local/templates/dresscode_lk/themes/white/arctic/images/loading.gif) 24px 50% no-repeat #2395e1!important}#slider .sliderContent .bigTextColor,#slider .sliderContent .mediumTextColor,#slider .sliderContent .smallTextColor,#slider .sliderContent .bigTextLightColor{color:#3498db}.btn-simple{background:#3498db;border-color:#3498db}.btn-simple:hover{background:#2395e1;border-color:#2395e1}.btn-simple.btn-border{background:transparent;border-color:#3498db;color:#3498db}.btn-simple.btn-border:hover{color:#2395e1;border-color:#2395e1}.active-link:hover{color:#3498db;border-color:#3498db}.inactive-link:hover{color:#3498db}.text-link:hover{color:#3498db}.tiles-list .h3:hover{color:#3498db}.tiles-list .tile-wrap:first-child .h3:hover{color:#3498db}.theme-color{color:#3498db;border-color:#3498db}body .theme-color-hover{transition:all .2s ease-in-out}body .theme-color-hover:hover{color:#3498db}.other-news .name:hover{color:#3498db}.big-text-link:hover{color:#3498db}.link-dashed:hover{color:#3498db;border-color:#3498db}.theme-link-dashed{color:#3498db;border-color:#3498db}.theme-link-dashed:hover{color:#2395e1;border-color:#2395e1}.new-list-items .active-link:hover{color:#2395e1;border-color:#2395e1}.delivery-modal .active-link:hover{color:#2395e1;border-color:#2395e1}.tabs-wrap .tab-btn-link.active{border-color:#3498db;background-color:#3498db;color:#fff}.tabs-wrap .tab-btn-link.active:hover{border-color:#3498db;background-color:#3498db;color:#fff}.tabs-wrap .tab-btn-link:hover{border-color:#3498db;color:#3498db}.tabs-wrap .tab-dashed-link:hover{color:#3498db}.bindAction a:hover{color:#2395e1}#catalogElement .dropdownList .selected,#catalogElement .dropdownList .item:hover{background-color:#2395e1}.smallSpecialTime .specialTimeItem{background:#3498db}.productSpecialTime .specialTimeItem{background:#3498db}.fastSpecialTime .specialTimeItem{background:#3498db}#skuOffersTable .offersTable .basket .addCart{background-color:#3498db}#skuOffersTable .offersTable .basket .addCart:hover{background-color:#2395e1}#elementContainer .bindActionImage .image{background-image:url(/local/templates/dresscode_lk/themes/white/arctic/images/action.png)}#elementContainer .wishCompWrap .elem.added{border-color:#3498db;background:#3498db}#elementContainer .wishCompWrap .elem.added:hover{border-color:#2395e1;background:#2395e1}::selection{background:#eca712;color:#fff}::-moz-selection{background:#eca712;color:#fff}::-webkit-selection{background:#eca712;color:#fff}
/* End */
/* Start:/local/templates/dresscode_lk//js/OwlCarousel2-2.3.4/assets/owl.carousel.min.css?17883539053351*/
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/dresscode_lk//js/OwlCarousel2-2.3.4/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */
/* Start:/local/templates/dresscode_lk//js/OwlCarousel2-2.3.4/assets/owl.theme.default.min.css?17883539051013*/
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* End */
/* Start:/local/templates/dresscode_lk/js/magnific-popup/magnific-popup.css?17883539056951*/
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
/* End */
/* Start:/local/templates/dresscode_lk/site.css?1788353905350775*/
* {
outline: none !important;
color: inherit;
font-family: inherit;
}
div {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* SETTINGS begin */
/* SETTINGS end */
/* COLORS begin */
/* COLORS end */
/* SITE begin */
/* SITE end */
.fr {
font-family: 'Roboto', sans-serif;
}
/* BLOCK begin */
/* BLOCK end */
/* TEXT begin */
/* TEXT end */
/* ELEMENTS begin */
::-moz-selection {
background: #335bab;
color: #fff;
}
::selection {
background: #335bab;
color: #fff;
}
::-moz-selection {
background: #335bab;
color: #fff;
}
/* ELEMENTS end */
/* FORM EVENTS */
/* FORM FIELD PLACEHOLDERS */
html {
font-size: 16px;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
max-width: 100%;
}
body.s-body {
display: block;
position: relative;
margin: 0 auto;
padding: 0;
overflow-x: hidden;
width: 100%;
min-width: 320px;
max-width: 100%;
min-height: 100%;
cursor: default;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}
a[href^="tel:"] {
text-decoration: none;
}
.s-body {
font-family: 'Roboto', sans-serif;
/* main page's elements */
/*.product .price .priceIcon { display: none; }*/
/* cross browser fixes - begin */
/* cross browser fixes - end */
/* POPUPs - begin */
/* POPUPs - end */
/* header */
/* .s-top-line - begin */
/* .s-top-line - end */
/* .s-header - begin */
/* .s-header - end */
/* footer */
/* .s-btn - begin */
/* .s-btn - end */
}
.s-body #main h1,
.s-body #main .h1 {
font-weight: 300;
}
.s-body #right {
padding-bottom: 30px;
}
.s-body #mainProfile .profileSettings .submit {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.s-body [data-sticky=Y] {
position: -webkit-sticky;
position: sticky;
top: 184px;
}
.s-body #elementTools[data-sticky=Y] {
position: -webkit-sticky;
position: sticky;
}
.s-body #elementNavigation[data-sticky=Y] {
position: -webkit-sticky;
position: sticky;
}
.s-body .tablet-hint {
display: none;
}
.s-body .btn-simple.btn-medium {
padding: 15px 24px 16px;
}
.s-body .s-brand-list__items {
margin: 23px auto 0;
border-top: 1px solid #E7E8EA;
}
.s-body #brandList .item {
height: 120px;
line-height: 120px;
}
.s-body #brandList .picture {
height: 96px;
line-height: 96px;
}
.s-body #left.hide {
display: none;
}
.s-body .product .rating {
display: none;
}
.s-body .product .markerContainer {
left: 18px;
top: 18px;
}
.s-body .product .marker a {
text-decoration: none;
color: #fff;
}
.s-body .product .price {
font-size: 17px;
}
.s-body .product .price.getPricesWindow {
margin-top: 0;
}
.s-body #breadcrumbs ul li a {
color: #3498DB;
-webkit-transition: color 0.3s ease-in;
-o-transition: color 0.3s ease-in;
-moz-transition: color 0.3s ease-in;
transition: color 0.3s ease-in;
}
.s-body #breadcrumbs ul li a:hover {
color: #000;
-webkit-transition: color 0.4s ease-out;
-o-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
transition: color 0.4s ease-out;
}
.s-body #breadcrumbs .arrow {
display: inline-block;
position: relative;
vertical-align: baseline;
margin: 0 11px;
padding: 0;
top: 3px;
width: 5px;
height: 5px;
background: #808080;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: none;
font-size: 0;
}
.s-body .s-for-fullscreen-sliders {
display: block;
position: relative;
width: 100%;
height: auto;
max-width: 100%;
overflow: hidden;
margin: 0 auto;
}
.s-body .s-catalog-columns {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.s-body .s-catalog-columns__col {
display: block;
width: auto;
height: auto;
margin: 0;
padding: 0;
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
position: relative;
}
.s-body .s-catalog-columns__col--first {
min-width: 215px;
max-width: 340px;
width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
}
.s-body .s-catalog-columns__col--last {
-webkit-box-flex: 4;
-webkit-flex: 4 auto;
-moz-box-flex: 4;
-ms-flex: 4 auto;
flex: 4 auto;
width: 100%;
}
.s-body .s-catalog-columns__col--product {
width: 100%;
padding: 0 30px 0 0;
-webkit-box-flex: 4;
-webkit-flex: 4 auto;
-moz-box-flex: 4;
-ms-flex: 4 auto;
flex: 4 auto;
}
.s-body .s-catalog-columns__col--purchase {
min-width: 235px;
max-width: 310px;
width: 25%;
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
padding-left: 30px;
}
.s-body .s-catalog-columns__col--product-image {
width: 35%;
min-width: 35%;
max-width: 35%;
padding: 0 34px 0 0;
}
.s-body .s-catalog-columns__col--product-info {
width: 50%;
min-width: 40%;
max-width: 50%;
}
.s-body #elementContainer .brandImage {
margin: 0;
}
.s-body .s-product-pictures {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100;
height: auto;
}
.s-body .s-product-pictures__item {
display: block;
width: auto;
height: auto;
padding: 0;
margin: 0;
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
}
.s-body .s-product-pictures__item.image {
width: 100%;
min-width: 340px;
max-width: 434px;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.s-body .s-product-pictures__item.gallery {
width: 71px;
min-width: 71px;
max-width: 71px;
padding: 0 15px 0 0;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.s-body #elementContainer .marker {
font-size: 12px;
padding: 5px 6px;
margin-bottom: 6px;
}
.s-body .markerContainer {
position: absolute;
z-index: 2;
}
.s-body #elementContainer #moreImagesCarousel .slideBox .item {
width: 71px;
height: 71px;
margin: 0 3px 0 0;
}
.s-body .s-product-pictures__gallery {
-webkit-transform: rotateZ(90deg) translateX(-12px) translateY(-76px);
-moz-transform: rotateZ(90deg) translateX(-12px) translateY(-76px);
-ms-transform: rotate(90deg) translateX(-12px) translateY(-76px);
-o-transform: rotateZ(90deg) translateX(-12px) translateY(-76px);
transform: rotateZ(90deg) translateX(-12px) translateY(-76px);
width: 300px;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
}
.s-body #elementContainer #moreImagesCarousel .slideBox .item a {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
}
.s-body #elementContainer #pictureContainer .item a img {
max-width: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.s-body .s-product-content-row {
margin-bottom: 20px;
}
.s-body .s-product-header-row h1 {
margin-bottom: 14px;
}
.s-body #knowledge_base .heading,
.s-body #related .heading,
.s-body #similar .heading,
.s-body #analogs .heading{
display: block;
margin: 27px auto 15px;
font-size: 23px;
line-height: 1.2;
font-weight: 600;
color: #2B2B2B;
background: none;
padding: 0;
text-transform: none;
border: none;
width: 100%;
height: auto;
letter-spacing: initial;
}
.s-body #similar .product {
width: 100%;
}
.s-body .items.productList {
margin: 15px auto 20px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.s-body .items.productList .product {
width: 25%;
}
.s-body .s-product-content-row .tabs-links {
display: none;
}
.s-body .s-product-content-row .tabs-wrap .tab-content {
display: block;
margin: 20px auto 20px;
}
.s-body .s-product-content-row #elementContainer #detailText,
.s-body .s-product-content-row #elementProperties {
padding: 0;
font-size: inherit;
}
.s-body .link-to-page-anchor {
display: inline-block;
margin: 20px 0 0 0;
color: #3498DB;
text-decoration: underline;
}
.s-body #video {
margin: 30px auto 37px;
}
.s-body #video .wrap {
padding: 0;
}
.s-body #elementTools.fixed .fixContainer {
margin-top: 0;
background: none;
padding-right: 45px;
}
.s-body #elementTools.fixed .fixContainer,
.s-body #elementNavigation.fixed .tabs {
top: 190px;
width: 18%;
min-width: 215px;
max-width: 340px;
z-index: 0;
}
.s-body #elementContainer #pictureContainer .pictureSlider .item {
padding: 0;
}
.s-body #elementContainer .headingBox .moreProperties {
/*display: none;*/
}
.s-body #elementContainer .wishCompWrap {
display: none;
}
.s-body #elementTools {
width: 100%;
padding: 0;
}
.s-body #elementNavigation {
background: #fff;
width: 100%;
padding-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.s-body #elementTools {
background: #fff;
}
.s-body .changePropertiesNoGroup {
margin-top: 0;
}
.s-body #catalogElement {
border: none;
}
.s-body .elementNavigation__tabs {
background: #F2F8FF;
padding: 10px 0 10px 18px;
}
@media (min-width: 1199px) {
.s-body .elementNavigation__tabs {
top: 20px;
position: relative;
margin-bottom: 20px;
}
}
.s-body #elementContainer .headingBox .heading {
display: table-cell;
background: none;
margin: 15px auto 15px;
width: 100%;
height: auto;
padding: 0;
font-size: 19px;
line-height: 1.1;
font-weight: 300;
color: #2b2b2b;
}
.s-body #elementContainer .elementProperties .propertyTable {
font-size: 14px;
line-height: 1.2;
font-weight: 300;
color: #2b2b2b;
margin: 5px 0 10px;
}
.s-body #elementNavigation .tabs a {
display: block;
padding: 9px 15px 9px 20px;
margin: 0;
font-size: 14px;
line-height: 1.1;
font-weight: 400;
color: #2B2B2B;
background: transparent;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.s-body #elementNavigation .tabs .tab:hover a,
.s-body #elementNavigation .tabs .tab.active a {
background: #fff;
color: #3498DB;
}
.s-body .catalog-element-back {
display: block;
width: 100%;
height: auto;
float: left;
}
.s-body .catalog-element-back-link {
display: inline-block;
position: relative;
width: 100%;
height: auto;
padding: 13px 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
line-height: 1;
font-weight: 400;
color: #000;
background: #fff;
text-decoration: none;
border: 1px solid #E7E8EA;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.s-body .catalog-element-back-link .s-arrow-left {
display: inline-block;
width: 5px;
height: 8px;
margin: 0 8px 0 0;
padding: 0;
position: relative;
vertical-align: middle;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAABHNCSVQICAgIfAhkiAAAAGdJREFUCFtdzbERgCAMBVD/BK5gyVE5gozgBm7mKDoCFZcyI1DRhXhBKDRd3r/kY+rjvV8BXCKyw2yAqtq+4Q8ppWiYAcwiEojotkvDA8CpqrGUEpg5j5+foGEva0Gt9W0f45xbiIgfLEk2qh6/O9EAAAAASUVORK5CYII=');
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
background-position: 50% 50%;
}
.s-body .catalog-element-back-link:hover {
background: #e5e5e5;
-webkit-transition: background-color 0.4s;
-o-transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.s-body .s-files-list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-directon: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.s-body #files {
margin-top: 15px;
}
.s-body #files .wrap {
padding: 0;
}
.s-body #files .s-files-list__item.item,
.s-body .s-files-list .s-files-list__item.item,
.s-body .s-files-list__item.item,
.s-body .s-files-list__item {
display: block;
width: 50%;
min-width: 50%;
max-width: 50%;
margin: 0;
padding: 0 20px 20px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: auto;
overflow: initial;
}
#knowledge_base .icon span {
position: absolute;
left: 22px;
top: 41px;
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
color: white;
}
.s-body #files .s-files-list__item.item:nth-child(4n),
.s-body .s-files-list .s-files-list__item.item:nth-child(4n),
.s-body .s-files-list__item.item:nth-child(4n),
.s-body .s-files-list__item:nth-child(4n) {
padding-right: 0;
}
.s-body #files .s-files-list__item.item .tb,
.s-body .s-files-list .s-files-list__item.item .tb,
.s-body .s-files-list__item.item .tb,
.s-body .s-files-list__item .tb {
display: block;
width: 100%;
height: auto;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 14px;
border: 1px solid #EDEDED;
}
.s-body #files .s-files-list__item.item .tbr,
.s-body .s-files-list .s-files-list__item.item .tbr,
.s-body .s-files-list__item.item .tbr,
.s-body .s-files-list__item .tbr {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.s-body #files .s-files-list__item.item .tbr .icon,
.s-body .s-files-list .s-files-list__item.item .tbr .icon,
.s-body .s-files-list__item.item .tbr .icon,
.s-body .s-files-list__item .tbr .icon {
width: 50%;
min-width: 44px;
max-width: 44px;
-webkit-box-flex: 1;
-webkit-flex: 1 44px;
-moz-box-flex: 1;
-ms-flex: 1 44px;
flex: 1 44px;
}
.s-body #files .s-files-list__item.item .tbr .info,
.s-body .s-files-list .s-files-list__item.item .tbr .info,
.s-body .s-files-list__item.item .tbr .info,
.s-body .s-files-list__item .tbr .info {
width: 100%;
min-width: 100px;
max-width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
padding: 0 0 0 15px;
}
@media only screen and (min-width: 1200px) {
.s-body #knowledge_base .s-files-list__item.item {
width: 25%;
min-width: 25%;
max-width: 25%;
}
}
.s-body #files .s-files-list__item.item .tbr .name,
.s-body .s-files-list .s-files-list__item.item .tbr .name,
.s-body .s-files-list__item.item .tbr .name,
.s-body .s-files-list__item .tbr .name {
display: block;
width: 100%;
height: auto;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
margin: 0;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 1.2;
font-weight: 600;
color: 000;
text-decoration: none;
}
.s-body #files .s-files-list__item.item .tbr .parentName,
.s-body .s-files-list .s-files-list__item.item .tbr .parentName,
.s-body .s-files-list__item.item .tbr .parentName,
.s-body .s-files-list__item .tbr .parentName {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
margin: 5px 0 0;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 1.2;
font-weight: 300;
color: 000;
text-decoration: none;
text-transform: uppercase;
}
.s-body .s-filters {
display: none;
margin: 20px auto 20px;
padding: 0;
}
/*not used*/
/*
.s-body .s-filters #smartFilter span.heading {
margin-bottom: 0;
}
.s-body .s-filters #smartFilterForm {
display: none;
}
.s-body .s-filters #smartFilter {
border: none;
margin-top: 0;
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: none;
}
.s-body .s-filters #smartFilter .params.collapsed {
margin-top: 0;
opacity: 1;
max-height: none;
}
.s-body .s-filters #smartFilter .propExpander {
display: none;
}
.s-body .s-filters .s-form {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
}
.s-body .s-filters #smartFilter .paramsBox,
.s-body .s-filters .paramsBox {
display: block;
position: relative;
width: 20%;
height: auto;
min-width: 20%;
max-width: 20%;
padding: 15px 17px;
background: #fff;
border: none;
border-right: 1px solid #E3E3E5;
border-bottom: 1px solid #E3E3E5;
}
.s-body .s-filters #smartFilter .paramsBox:before,
.s-body .s-filters .paramsBox:before {
content: '';
display: block;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 100%;
height: 1px;
position: absolute;
left: 0;
top: -1px;
background: #E3E3E5;
}
.s-body .s-filters #smartFilter .paramsBox:after,
.s-body .s-filters .paramsBox:after {
content: '';
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 1px;
height: 100%;
position: absolute;
left: -1px;
top: 0;
background: #E3E3E5;
}
.s-body .s-filters #smartFilter .paramsBoxTitle {
margin-bottom: 15px;
}
.s-body .s-filters #set_filter {
display: inline-block;
height: 48px;
line-height: 48px;
width: auto;
padding: 0 25px;
font-size: 14px;
font-weight: 400;
color: #fff;
text-align: center;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.s-body .s-filters #set_filter:hover {
background: #E7E8EA;
color: #3498DB;
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.s-body .s-filters #del_filter {
display: inline-block;
height: 48px;
line-height: 48px;
width: auto;
padding: 0 25px;
background: #E7E8EA;
font-size: 14px;
font-weight: 400;
color: #000;
text-align: center;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.s-body .s-filters #del_filter:hover {
background: #000;
color: #fff;
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.s-body .s-filters #smartFilterControls li:last-child,
.s-body .s-filters #smartFilterControls li {
width: auto;
float: none;
display: inline-block;
margin-right: 20px;
}
.s-body .s-filters #smartFilterControls {
margin: 15px auto 0;
padding: 0;
text-align: left;
width: 100%;
height: auto;
}
.s-body .s-filters .s-cross {
margin-right: 10px;
}
*/
.s-body #catalogLine {
height: 50px;
line-height: 50px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-color: #E7E8EA;
}
.s-body select {
background: #F8F8F8;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #E7E8EA;
}
.s-body #catalogLine select {
font-size: 11px;
padding: 0 9px;
}
.s-body #catalogLine .label {
color: #000;
font-weight: 300;
}
.s-body #catalogLine .column {
margin-left: 12px;
margin-right: 20px;
}
.s-body #catalogLine .column:first-child {
margin-left: 0;
}
.s-body .bx-pagination .bx-pagination-container ul li {
margin-left: 1px;
margin-right: 1px;
}
.s-body .bx-pagination .bx-pagination-container ul li span {
padding-top: 1px;
}
.s-body .bx-pagination .bx-pagination-container ul li.bx-pag-next {
margin-left: 7px;
}
.s-body .bx-pagination .bx-pagination-container ul li.bx-pag-prev {
margin-right: 7px;
}
.s-body .bx-pagination .bx-pagination-container ul li.bx-pag-next span,
.s-body .bx-pagination .bx-pagination-container ul li.bx-pag-prev span {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-color: #E7E8EA;
padding-top: 1px;
}
.s-body .s-product__actions {
margin: 20px 0 10px 0;
}
.s-body .s-float-footer {
display: none;
}
.s-body .s-catalog-menu {
display: block;
width: 100%;
height: auto;
margin: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
margin: 0 auto;
padding: 0;
}
.s-body .s-catalog-menu--next {
margin-top: 36px;
border-top: 1px solid #E3E3E5;
}
.s-body .s-catalog-menu__item {
display: block;
width: 100%;
height: auto;
margin: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
margin: 0 auto;
padding: 0;
border-bottom: 1px solid #E3E3E5;
}
.s-body .s-catalog-menu__item.active > .s-catalog-menu__sub-item {
display: block;
margin: 0 auto;
padding: 10px 0 16px 0;
border-top: 1px solid #E3E3E5;
}
.s-body .s-catalog-menu__item__link {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
padding: 15px 11px;
font-size: 14px;
line-height: 1.2;
/* font-weight: 700;*/
color: #000;
text-align: left;
text-decoration: none;
}
.s-body .s-catalog-menu__item__link.active {
color: #3498DB;
background: #f5f5f5;
}
.s-body .s-catalog-menu__item__link .s-counter {
display: inline-block;
font-weight: 700;
color: #3498DB;
text-decoration: none;
}
.s-body a.s-catalog-menu__item__link {
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.s-body a.s-catalog-menu__item__link:hover {
color: #3498DB;
background: #f5f5f5;
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.s-body a.s-catalog-menu__item__link.active {
color: #3498DB;
background: #f5f5f5;
}
.s-body .s-catalog-menu__sub-item {
display: none;
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
}
.s-body .s-catalog-menu__subsub-item {
display: none;
width: 100%;
height: auto;
margin: 0 auto;
padding: 4px 0 4px 38px;
}
.s-body .s-catalog-menu__item__name {
margin-right: 8px;
}
.s-body .s-catalog-menu__sub__link__name {
margin-right: 8px;
}
.s-body .s-catalog-menu__sub__link {
display: inline-block;
width: 100%;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 6px 12px 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 14px;
line-height: 1.2;
font-weight: 300;
color: #000;
text-decoration: none;
-webkit-transition: background-color 0.3s, color 0.3s;
-o-transition: background-color 0.3s, color 0.3s;
-moz-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.s-body .s-catalog-menu__sub__link .s-counter {
display: inline-block;
font-weight: 300;
color: #3498DB;
text-decoration: none;
}
.s-body .s-catalog-menu__sub__link:hover {
background: #2B2B2B;
color: #fff;
-webkit-transition: background-color 0.3s, color 0.3s;
-o-transition: background-color 0.3s, color 0.3s;
-moz-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.s-body .s-catalog-menu__sub__link:hover .s-counter {
color: #fff;
}
.s-body .s-catalog-menu__sub__item {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
margin: 2px auto;
}
.s-body .s-catalog-menu__sub__item.active > .s-catalog-menu__sub__link {
background: #2B2B2B;
color: #fff;
}
.s-body .s-catalog-menu__sub__item.active > .s-catalog-menu__sub__link .s-counter {
color: #fff;
}
.s-body .s-catalog-menu__sub__item.active > .s-catalog-menu__subsub-item {
display: block;
}
.s-body .s-catalog-list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 32px auto 6px;
padding: 0;
}
.s-body .s-catalog-list__item {
display: block;
width: auto;
height: auto;
position: relative;
margin: 0 20px 17px 0;
padding: 19px 22px;
width: -webkit-calc(33.33% - 15px);
width: -moz-calc(33.33% - 15px);
width: calc(33.33% - 15px);
min-width: -webkit-calc(33.33% - 15px);
min-width: -moz-calc(33.33% - 15px);
min-width: calc(33.33% - 15px);
max-width: -webkit-calc(33.33% - 15px);
max-width: -moz-calc(33.33% - 15px);
max-width: calc(33.33% - 15px);
-webkit-box-flex: 1;
-webkit-flex: 1 33.31%;
-moz-box-flex: 1;
-ms-flex: 1 33.31%;
flex: 1 33.31%;
min-height: 260px;
background: #F4F4F4;
border: 1px solid #EDEDED;
}
.s-body .s-catalog-list__item:nth-child(3n) {
margin-right: 0;
}
.s-body .s-catalog-list__item__picture {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 40%;
height: 100%;
position: absolute;
right: 0;
top: 0;
z-index: 0;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
background-color: transparent;
background-position: 100% 50%;
}
.s-body a.s-catalog-list__name {
text-decoration: none;
color: inherit;
}
.s-body .s-catalog-list__name {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
font-size: 14px;
line-height: 1.2;
font-weight: 700;
color: #000;
margin: 0 0 12px;
}
.s-body .s-catalog-list__list {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
margin: 0 auto;
padding: 0 30% 0 0;
}
.s-body .s-catalog-list__list__item {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
margin: 12px 0;
font-size: 14px;
line-height: 1.2;
font-weight: 300;
color: #000;
text-decoration: none;
}
.s-body .s-catalog-list__list__item:first-child {
margin-top: 0;
}
.s-body .s-catalog-list__list__item:last-child {
margin-bottom: 0;
}
.s-body a.s-catalog-list__list__item {
text-decoration: none;
color: #000;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.s-body a.s-catalog-list__list__item:hover {
color: #3498DB;
text-decoration: underline;
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.s-body .s-catalog-list__count {
display: inline-block;
margin: 0 0 0 5px;
font-size: 14px;
font-weight: 300;
color: #3498DB;
}
.s-body .s-catalog-list__link {
display: -moz-inline-stack;
display: inline-block;
width: auto;
height: auto;
margin: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
zoom: 1;
*display: inline;
_height: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
margin: 12px 0 0;
padding: 0;
text-decoration: none;
font-size: 14px;
line-height: 1;
font-weight: 600;
color: #3498DB;
}
.s-body a.s-catalog-list__link {
color: #3498DB;
text-decoration: none;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.s-body a.s-catalog-list__link:hover {
color: #000;
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.s-body #homeCatalog {
margin-top: 20px;
}
.s-body #homeCatalog .captionList {
height: 50px;
line-height: 50px;
}
.s-body #homeCatalog .caption a {
font-weight: 300;
}
.s-body #homeCatalog .ajaxContainer {
margin-top: 20px;
}
.s-body #topProduct .productList {
margin-top: 14px;
}
.s-body #viewedProduct .productList {
margin-top: 14px;
}
.s-body .s-benefits__list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
height: auto;
position: relative;
border: none;
margin: 25px auto 50px;
padding: 0;
font-family: 'Roboto', sans-serif;
}
.s-body .s-benefits__item {
display: block;
width: 25%;
height: 155px;
position: relative;
border: 1px solid #3498DB;
margin: 0;
padding: 29px 18px 10px;
-webkit-transition: background 0.4s ease-out;
-o-transition: background 0.4s ease-out;
-moz-transition: background 0.4s ease-out;
transition: background 0.4s ease-out;
background: #fff;
/*flex: 1 0 25%;*/
margin-top: -1px;
margin-left: -1px;
}
.s-body .s-benefits__item .s-svg {
margin-right: 7px;
}
.s-body .s-benefits__item .s-svg svg {
fill: #3498DB;
}
.s-body .s-benefits__item:hover {
background: #3498DB;
-webkit-transition: background 0.3s ease-in;
-o-transition: background 0.3s ease-in;
-moz-transition: background 0.3s ease-in;
transition: background 0.3s ease-in;
}
.s-body .s-benefits__item:hover .s-benefits__item__title {
color: #fff;
-webkit-transition: color 0.3s ease-in;
-o-transition: color 0.3s ease-in;
-moz-transition: color 0.3s ease-in;
transition: color 0.3s ease-in;
}
.s-body .s-benefits__item:hover .s-benefits__item__text {
color: #fff;
-webkit-transition: color 0.3s ease-in;
-o-transition: color 0.3s ease-in;
-moz-transition: color 0.3s ease-in;
transition: color 0.3s ease-in;
}
.s-body .s-benefits__item:hover .s-svg svg {
fill: #fff;
}
.s-body .s-benefits__item:nth-child(1),
.s-body .s-benefits__item:nth-child(2),
.s-body .s-benefits__item:nth-child(3),
.s-body .s-benefits__item:nth-child(4) {
margin-top: 0;
}
.s-body .s-benefits__item:nth-child(4n+1) {
margin-left: 0;
}
.s-body .s-benefits__item__title {
display: block;
width: 100%;
height: auto;
margin: 0 auto 10px;
padding: 0;
font-size: 16px;
line-height: 1.2;
font-weight: 700;
color: #000;
text-align: center;
-webkit-transition: color 0.4s ease-out;
-o-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
transition: color 0.4s ease-out;
}
.s-body .s-benefits__item__title .s-svg {
position: relative;
top: -2px;
}
.s-body .s-benefits__item__text {
display: block;
width: 100%;
height: auto;
margin: 10px auto 0;
padding: 0;
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #808080;
text-align: center;
-webkit-transition: color 0.4s ease-out;
-o-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
transition: color 0.4s ease-out;
}
.s-body .s-your-manager {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 34px auto 0;
}
.s-body .s-your-manager__item {
display: block;
width: 20%;
min-width: 20%;
max-width: 20%;
-webkit-box-flex: 1;
-webkit-flex: 1 20%;
-moz-box-flex: 1;
-ms-flex: 1 20%;
flex: 1 20%;
font-family: 'Roboto', sans-serif;
}
.s-body .s-your-manager__icon {
display: block;
text-align: center;
margin: 0 auto;
padding: 0 18px;
}
.s-body .s-your-manager__title {
display: block;
text-align: center;
margin: 17px auto 11px;
padding: 0 18px;
font-size: 16px;
line-height: 1.2;
font-weight: 700;
color: #000;
}
.s-body .s-your-manager__text {
display: block;
text-align: center;
margin: 11px auto 0;
padding: 0 18px;
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #808080;
}
.s-body #elementTools .price .oldPriceLabel.right,
.s-body #smallElementTools .price .oldPriceLabel.right {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.1;
font-weight: 300;
color: #2B2B2B;
float: left;
}
.s-body #elementTools .price .oldPriceLabel,
.s-body #smallElementTools .price .oldPriceLabel {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.1;
font-weight: 300;
color: #2B2B2B;
float: left;
margin-right: 5px;
}
.s-body #elementTools .price .oldPriceLabel .economy,
.s-body #smallElementTools .price .oldPriceLabel .economy {
font-weight: 700;
color: #FF5F0C;
}
.s-body #elementTools .priceBlock,
.s-body #smallElementTools .priceBlock {
display: block;
width: 100%;
height: auto;
margin: 0 auto 12px;
zoom: 1;
}
.s-body #elementTools .priceBlock:after,
.s-body #smallElementTools .priceBlock:after {
content: ' ';
display: block;
font-size: 0;
width: 100%;
height: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
margin: 0;
padding: 0;
clear: both;
visibility: hidden;
}
.s-body .price .discount span,
.s-body #catalog .price .discount span,
.s-body #catalogElement .price .discount span {
color: #2B2B2B;
}
.s-body s.discount {
display: inline-block;
position: relative;
text-decoration: none;
}
.s-body s.discount:after {
content: '';
display: block;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 100%;
height: 1px;
background: #FF5F0C;
position: absolute;
left: -1px;
top: 50%;
-webkit-transform: rotateZ(-5deg);
-moz-transform: rotateZ(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotateZ(-5deg);
transform: rotateZ(-5deg);
}
.s-body #elementTools .priceIcon,
.s-body #smallElementTools .priceIcon {
margin-right: 6px;
}
.s-body .getPricesWindow .priceIcon {
width: 25px;
height: 25px;
margin-top: -5px;
background: none;
border: none;
}
.s-body #elementTools .price,
.s-body #smallElementTools .price {
font-size: 23px;
line-height: 1.2;
color: #2B2B2B;
margin-bottom: 8px;
}
.s-body .product-availability {
margin-top: 8px;
}
.s-body .inStock {
color: #619B3F;
}
.s-body #elementTools .label,
.s-body #smallElementTools .label {
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.1;
font-weight: 300;
color: inherit;
}
.s-body #elementTools .row img,
.s-body #smallElementTools .row img {
padding-right: 9px;
}
.s-body .basketQty,
.s-body .s-product-counter {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
margin: 20px auto 15px;
line-height: 33px;
vertical-align: middle;
}
.s-body .basketQty input.qty,
.s-body .s-product-counter input.qty {
display: inline-block;
width: 37px;
height: 33px;
border: 1px solid #E7E8EA;
background: #F8F8F8;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 16px;
line-height: 33px;
text-align: center;
color: #8B8B8B;
font-weight: 400;
vertical-align: middle;
}
.s-body .basketQty .minus,
.s-body .s-product-counter .minus,
.s-body .basketQty .plus,
.s-body .s-product-counter .plus {
display: inline-block;
position: relative;
margin: 0 5px;
width: 33px;
height: 33px;
vertical-align: middle;
line-height: 33px;
background: #EFF0F1;
text-align: center;
font-weight: 400;
color: #000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-decoration: none;
cursor: pointer;
-webkit-transition: background 0.7s, color 0.4s;
-o-transition: background 0.7s, color 0.4s;
-moz-transition: background 0.7s, color 0.4s;
transition: background 0.7s, color 0.4s;
}
.s-body .basketQty .minus:hover,
.s-body .s-product-counter .minus:hover,
.s-body .basketQty .plus:hover,
.s-body .s-product-counter .plus:hover {
background: #3498DB;
color: #fff;
-webkit-transition: background 0.4s, color 0.3s;
-o-transition: background 0.4s, color 0.3s;
-moz-transition: background 0.4s, color 0.3s;
transition: background 0.4s, color 0.3s;
}
.s-body .basketQty .minus,
.s-body .s-product-counter .minus {
font-size: 28px;
line-height: 29px;
}
.s-body .basketQty .plus,
.s-body .s-product-counter .plus {
font-size: 20px;
line-height: 33px;
}
.s-body .basketQty .qtyBlock .label,
.s-body .s-product-counter .qtyBlock .label {
font-size: 14px;
line-height: 33px;
font-weight: 300;
color: #000;
margin-right: 9px;
}
.s-body .basketQty {
margin: 0;
width: 126px;
}
.s-body #personalCart input.qty {
display: inline-block;
width: 37px;
height: 33px;
border: 1px solid #E7E8EA;
background: #F8F8F8;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 16px;
line-height: 33px;
text-align: center;
color: #8B8B8B;
font-weight: 400;
vertical-align: middle;
}
.s-body #personalCart .minus,
.s-body #personalCart .plus {
display: inline-block;
position: relative;
margin: 0 2px;
width: 33px;
height: 33px;
vertical-align: middle;
line-height: 33px;
background: #EFF0F1;
text-align: center;
font-weight: 400;
color: #000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-decoration: none;
cursor: pointer;
-webkit-transition: background 0.7s, color 0.4s;
-o-transition: background 0.7s, color 0.4s;
-moz-transition: background 0.7s, color 0.4s;
transition: background 0.7s, color 0.4s;
}
.s-body #personalCart .minus:hover,
.s-body #personalCart .plus:hover {
background: #3498DB;
color: #fff;
-webkit-transition: background 0.4s, color 0.3s;
-o-transition: background 0.4s, color 0.3s;
-moz-transition: background 0.4s, color 0.3s;
transition: background 0.4s, color 0.3s;
}
.s-body #personalCart .minus {
font-size: 28px;
line-height: 29px;
}
.s-body #personalCart .minus:after {
content: '-';
display: inline;
text-align: center;
font-size: 28px;
line-height: 29px;
color: inherit;
}
.s-body #personalCart .plus {
font-size: 20px;
line-height: 33px;
}
.s-body #personalCart .plus:after {
content: '+';
display: inline;
text-align: center;
font-size: 24px;
line-height: 32px;
color: inherit;
}
.s-body #elementTools .s-product-counter .qtyBlock .label {
font-size: 14px;
line-height: 33px;
font-weight: 300;
color: #000;
margin-right: 6px;
}
.s-body #elementTools .columnRowWrap .addCart,
.s-body #smallElementTools .addCart {
margin: 15px auto 15px;
padding: 0;
text-align: center;
line-height: 54px;
width: 100%;
height: 54px;
background: #3498DB;
font-size: 16px;
font-weight: 400;
color: #fff;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.s-body #elementTools .addCart:hover,
.s-body #smallElementTools .addCart:hover {
background: #FF5F0C;
}
.s-body #elementTools .columnRowWrap .addCart .icon,
.s-body #smallElementTools .addCart .icon {
padding-right: 10px;
}
.s-body .s-product-favorites {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
margin: 15px auto 14px;
}
/*.s-body .s-product-favorites .addWishlist, .s-body .s-product-favorites .addCompare, .s-body .s-product-favorites .addPrint {*/
.s-body .s-product-favorites a.elem {
font-size: 14px;
line-height: 17px;
font-weight: 300;
color: #2B2B2B;
padding: 0;
text-decoration: none;
margin: 0;
}
.s-body .s-product-favorites .addWishlist .icon {
display: none !important;
}
.s-body .s-product-favorites a.elem .s-label{
/*.addWishlist .s-label, .s-body .s-product-favorites .addCompare .s-label, .s-product-favorites .addPrint .s-label {*/
text-decoration: none;
border-bottom: 1px dotted #2B2B2B;
padding: 0;
}
.s-body .s-product-favorites .addWishlist.added:before {
background: url('/local/templates/dresscode_lk/svg/heart-red.svg') 50% 50% no-repeat;
}
/*.s-body .s-product-favorites .addWishlist:hover .s-label, .s-body .s-product-favorites .addCompare:hover .s-label {*/
.s-body .s-product-favorites a.elem:hover .s-label{
border-bottom: none;
}
.s-body .s-product-delivery {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
margin: 14px auto 0;
}
.s-body .s-product-delivery .solveDelivery {
font-size: 16px;
line-height: 17px;
font-weight: 300;
color: #3498DB;
padding: 0;
text-decoration: none;
margin: 0;
}
.s-body .s-product-delivery .solveDelivery .text {
text-decoration: underline;
color: inherit;
}
.s-body .s-product-delivery .solveDelivery .icon {
display: inline-block;
width: 24px;
height: 17px;
margin-right: 10px;
vertical-align: baseline;
position: relative;
top: 0;
}
.s-body .s-product-delivery .solveDelivery .icon svg {
width: 100%;
height: auto;
max-width: 100%;
}
.s-body .s-product-delivery .solveDelivery:hover {
color: #000;
}
.s-body .s-product-delivery .solveDelivery:hover .icon {
text-decoration: none;
}
.s-body .s-product-carousel .productList {
/*
border-top: 1px solid #e7e8ea;
border-bottom: 1px solid #e7e8ea;
*/
border-bottom: none;
}
.s-body .s-product-carousel .productList li {
border-top: 1px solid #e7e8ea;
border-bottom: 1px solid #e7e8ea;
}
.s-body .s-product-carousel .productList li .product {
border-bottom: none;
}
.s-body .s-product-carousel ul li {
display: inline-block;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 1px;
}
.s-body #topProduct .productList > li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 1px;
}
.s-body #similar .s-product-carousel > div {
/*border-right: 1px solid #e7e8ea;*/
}
.s-body #personalCart #tabsControl .item .selected {
border-bottom: none;
}
.s-body #personalCart #basketTopLine {
margin: 20px 0;
padding: 0 8px 0 20px;
height: auto;
background: #fff;
border: 1px solid #E7E8EA;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.s-body #personalCart #basketView {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: auto;
height: 50px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 13px;
font-weight: 300;
}
.s-body #personalCart #tabsControl {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 10px 15px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: auto;
height: auto;
text-transform: none;
}
.s-body #personalCart #tabsControl > .item {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
height: auto;
text-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
text-transform: none;
margin: 0;
}
.s-body #personalCart #tabsControl .item--first {
padding-right: 28px;
}
.s-body #personalCart #tabsControl .item-order {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin: 0;
padding: 0;
}
.s-body #personalCart #tabsControl .item-order a {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #3498DB;
padding: 0 38px;
font-family: 'Roboto', sans-serif;
font-size: 15px;
line-height: 1.2;
font-weight: 300;
color: #fff;
text-transform: none;
text-decoration: none;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.s-body #personalCart #tabsControl .item-order a > span {
color: inherit;
text-decoration: inherit;
}
.s-body #personalCart #tabsControl .item-order a:hover {
background: #FF5F0C;
-webkit-transition: background-color 0.4s;
-o-transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.s-body .s-cart-text {
font-size: 13px;
line-height: 1.2;
font-weight: 300;
color: #2B2B2B;
text-transform: none;
}
.s-body #personalCart #basketView .item {
margin-right: 4px;
}
.s-body #personalCart #basketView .item:first-child {
margin-right: 12px;
}
.s-body #personalCart #tabsControl .item a.s-cart__offers__link,
.s-body .s-cart__offers__link {
display: inline-block;
position: relative;
padding: 0 34px;
font-family: 'Roboto', sans-serif;
font-size: 15px;
line-height: 50px;
font-weight: 300;
color: #FF5F0C;
text-decoration: none;
text-transform: none;
vertical-align: middle;
height: 50px;
-webkit-transition: background-color 0.4s, color 0.4s;
-o-transition: background-color 0.4s, color 0.4s;
-moz-transition: background-color 0.4s, color 0.4s;
transition: background-color 0.4s, color 0.4s;
}
.s-body #personalCart #tabsControl .item a.s-cart__offers__link span,
.s-body .s-cart__offers__link span {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
color: inherit;
vertical-align: middle;
}
.s-body #personalCart #tabsControl .item a.s-cart__offers__link .s-svg,
.s-body .s-cart__offers__link .s-svg {
margin-right: 5px;
vertical-align: baseline;
position: relative;
top: 7px;
}
.s-body #personalCart #tabsControl .item a.s-cart__offers__link:hover,
.s-body .s-cart__offers__link:hover {
background: #FF5F0C;
color: #fff;
-webkit-transition: background-color 0.3s, color 0.3s;
-o-transition: background-color 0.3s, color 0.3s;
-moz-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.s-body #personalCart #tabsControl .item a.s-cart__offers__link:hover .s-svg,
.s-body .s-cart__offers__link:hover .s-svg {
fill: #fff;
}
.s-body #personalCart #tabsControl .item a.s-cart__offers__link.selected,
.s-body .s-cart__offers__link.selected {
background: #FF5F0C;
color: #fff;
cursor: default;
}
.s-body #personalCart #tabsControl .item a.s-cart__offers__link.selected .s-svg,
.s-body .s-cart__offers__link.selected .s-svg {
fill: #fff;
}
.s-body #personalCart .productTable th {
font-family: 'Roboto', sans-serif;
font-size: 13px;
line-height: 1.2;
font-weight: 300;
color: #000;
padding: 10px 10px 10px 20px;
background: #F8F8F8;
border-top: 1px solid #E7E8EA;
border-bottom: 1px solid #E7E8EA;
text-align: left;
}
.s-body #personalCart .productTable th:first-child {
border-left: 1px solid #E7E8EA;
position: relative;
}
.s-body #personalCart .productTable th:first-child:before {
content: '';
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 5px;
height: 5px;
background: url('/local/templates/dresscode_lk/images/2019/cart-table-corners.png') 0 0 no-repeat;
position: absolute;
left: -1px;
top: -1px;
z-index: 2;
}
.s-body #personalCart .productTable th:first-child:after {
content: '';
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 5px;
height: 5px;
background: url('/local/templates/dresscode_lk/images/2019/cart-table-corners.png') 0 100% no-repeat;
position: absolute;
left: 0;
bottom: -1px;
z-index: 2;
}
.s-body #personalCart .productTable th:last-child {
border-right: 1px solid #E7E8EA;
position: relative;
padding-right: 30px;
}
.s-body #personalCart .productTable th:last-child:before {
content: '';
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 5px;
height: 5px;
background: url('/local/templates/dresscode_lk/images/2019/cart-table-corners.png') 100% 0 no-repeat;
position: absolute;
right: -1px;
top: -1px;
z-index: 2;
}
.s-body #personalCart .productTable th:last-child:after {
content: '';
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 5px;
height: 5px;
background: url('/local/templates/dresscode_lk/images/2019/cart-table-corners.png') 100% 100% no-repeat;
position: absolute;
right: 0;
bottom: -1px;
z-index: 2;
}
.s-body #personalCart .productTable td {
font-family: 'Roboto', sans-serif;
font-size: 13px;
line-height: 1.2;
font-weight: 300;
color: #000;
padding: 9px 10px 12px 20px;
background: #fff;
border-color: #E7E8EA;
text-align: left;
}
.s-body #personalCart .productTable td.name {
font-size: 12px;
}
.s-body #personalCart .productTable .sum {
font-size: 15px;
}
.s-body #personalCart .productTable .price {
font-weight: 600;
}
.s-body #personalCart .productTable .price .discount {
font-weight: 300;
}
.s-body #personalCart .productTable .price,
.s-body #personalCart .productTable .price-discount {
font-size: 15px;
}
.s-body #personalCart .productTable .noneStock {
margin: 5px 0 0 0;
}
.s-body #personalCart .productTable .onOrder,
.s-body #personalCart .productTable .outOfStock,
.s-body #personalCart .productTable .noneStock,
.s-body #personalCart .productTable .inStock {
font-size: 13px;
}
.s-body .s-cart-bottom-line {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: left;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: left;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
height: auto;
margin: 16px auto 50px;
flex-wrap: wrap;
}
.s-body .s-cart-bottom-line .flex-cart {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.s-body .s-cart-bottom-line .cart-registration {
padding-left: 20px;
}
.s-body .s-cart-bottom-line .cart-registration > a {
margin-left: 4px;
}
.s-body .s-cart-bottom-line .flex-cart--first {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.s-body .s-cart-bottom-line .flex-cart--last {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.s-body .s-cart-bottom-line .flex-cart--calc {
width: 100%;
position: relative;
margin: 10px auto;
display: block;
}
.s-body .s-cart-bottom-line #newOrder {
margin: 0 20px 0 0;
width: 254px;
height: 54px;
font-family: 'Roboto', sans-serif;
font-size: 15px;
line-height: 50px;
font-weight: 400;
color: #fff;
text-align: center;
background: #d60419;
-webkit-transition: background-color 0.4s;
-o-transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.s-body .s-cart-bottom-line #newOrder img {
display: none;
}
.s-body .s-cart-bottom-line #newOrder:hover {
background: #FF5F0C;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.s-body .s-cart-bottom-line .bottom a {
width: 254px;
height: 54px;
font-size: 15px;
line-height: 50px;
font-weight: 400;
color: #fff;
text-align: center;
text-decoration:none;
margin:0 20px 0 0;
border-radius: 4px;
-webkit-transition: background-color 0.4s;
-o-transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.s-body .s-cart-bottom-line .bottom a:hover {
background: #FF5F0C;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.s-body .s-cart-bottom-line .item-delay a {
background-color: #3498db;
}
.s-body .s-cart-bottom-line .item-spec a {
background-color: #3498db;
}
.s-body .s-icon-delete {
text-align: center;
display: inline-block;
width: 18px;
height: 18px;
background: url('/local/templates/dresscode_lk/images/delete.png') 0 0 no-repeat;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
background-size: 100% 100%;
vertical-align: middle;
}
.s-body .all-clear {
display: inline-block;
width: auto;
height: auto;
font-family: 'Roboto', sans-serif;
font-size: 13px;
line-height: 2.5;
font-weight: 600;
color: #000;
text-decoration: none;
text-transform: none;
}
.div-all-clear{
text-align: right;
}
.s-body .all-clear .s-icon-delete {
margin-right: 10px;
position: relative;
top: -2px;
}
.s-body #personalCart .orderLine {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding: 5px 0;
height: auto;
}
.s-body #personalCart .orderLine #coupon {
display: block;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-left: 20px;
width: 50%;
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
text-align: left;
}
.s-body #personalCart .orderLine #sum {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding-right: 90px;
width: 50%;
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
font-family: 'Roboto', sans-serif;
font-size: 15px;
line-height: 1.2;
font-weight: 300;
color: #000;
}
.s-body #personalCart .orderLine #sum .sum-total-qty {
text-align: left;
}
.s-body #personalCart .orderLine #sum .sum-total {
text-align: right;
}
.s-body #personalCart .orderLine .label {
margin-right: 7px;
}
.s-body #personalCart .orderLine .price {
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: 600;
}
.s-body #personalCart #coupon .couponField {
width: 500px;
height: 54px;
line-height: 50px;
padding: 0 22px;
border: 1px solid #D1D1D1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: 300;
color: #808080;
}
.s-body #personalCart #coupon .couponActivate {
width: 145px;
height: 54px;
line-height: 50px;
background: #808080;
border-color: #808080;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: 400;
color: #fff;
margin-left: -10px;
}
.s-body #personalCart #coupon .couponActivate:hover {
background: #000;
}
.s-body #personalCart .orderLine {
border-top: none;
}
.s-body .s-product-container--large .product {
/*height: 400px;*/
}
.s-body .s-product-container--large .product .price {
margin-bottom: 0;
}
.s-body .s-product-container--large .product .name {
/*max-height: 38px;*/
overflow: hidden;
}
.s-body .s-product-container--large .product .tabloid {
background: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
position: relative;
border: none;
height: auto;
}
.s-body .s-product-container--large .product:hover .tabloid {
background: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
position: relative;
border: none;
height: auto;
}
.s-body .s-product-container--large .product-optional-availability {
margin-top: 0;
}
.s-body .product-optional-availability {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-body .product-optional-availability {
margin-top: 15px;
}
.s-body .product-optional-availability .label {
display: block;
height: auto;
-webkit-box-flex: 1;
-webkit-flex: 1 50%;
-moz-box-flex: 1;
-ms-flex: 1 50%;
flex: 1 50%;
width: 50%;
min-width: 50%;
/*max-width: 50%;*/
}
.s-body .product-optional-availability .label:first-child {
text-align: left;
}
.s-body .product-optional-availability .label:nth-child(2n) {
text-align: right;
}
.s-body .product-mobile-optional {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-body .product-mobile-optional {
width: 100%;
}
.s-body .product-mobile-optional .s-product-favorites {
max-height: 23px;
-webkit-box-flex: 1;
-webkit-flex: 1 50%;
-moz-box-flex: 1;
-ms-flex: 1 50%;
flex: 1 50%;
width: 50%;
min-width: 50%;
max-width: 50%;
}
.s-body .product-mobile-optional .product .label {
max-height: 23px;
position: relative;
margin-top: -2px;
}
.s-body .product-mobile-optional .label:nth-child(2n) {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
-webkit-box-flex: 1;
-webkit-flex: 1 100%;
-moz-box-flex: 1;
-ms-flex: 1 100%;
flex: 1 100%;
width: 100%;
min-width: 100%;
max-width: 100%;
text-align: left;
padding: 8px 0 0 0;
}
.s-body .product-mobile-optional .label:nth-child(3n),
.s-body .product-mobile-optional .label:nth-child(2n):last-child {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-box-flex: 1;
-webkit-flex: 1 49%;
-moz-box-flex: 1;
-ms-flex: 1 49%;
flex: 1 49%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 49%;
min-width: 49%;
max-width: 49%;
text-align: left;
padding: 0;
/*padding-left: 35px;*/
position: relative;
top: -2px;
}
.s-body .product-mobile-optional .label:nth-child(3n) > img.icon,
.s-body .product-mobile-optional .label:nth-child(2n):last-child > img.icon {
/*position: absolute;*/
left: 0;
top: 3px;
margin-top: 0 !important;
left: 10px;
}
.s-body .product-mobile-optional .label.inStock:nth-child(2n),
.s-body .product-mobile-optional .label.inStock:nth-child(3n),
.s-body .product-mobile-optional .label.inStock:nth-child(2n):last-child {
top: 0;
}
.s-body #catalogLineList .marker a {
text-decoration: none;
}
.s-body #elementTools .row.product-availability .label {
display: block;
margin: 13px 0 6px;
}
.s-body #elementTools .row.product-availability .avaible-type-preorder .label {
text-indent: -26px;
padding-left: 26px;
}
.s-body #catalogTableList .column .optional {
text-align: left;
}
.s-body #leftFooter .heading a {
text-decoration: none;
font-weight: inherit;
color: inherit;
font-size: inherit;
line-height: inherit;
}
.s-body #leftFooter .heading .s-svg--arrow-down {
display: none;
position: absolute;
right: -2px;
top: 46%;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotateZ(90deg) translateY(-50%);
-moz-transform: rotateZ(90deg) translateY(-50%);
-ms-transform: rotate(90deg) translateY(-50%);
-o-transform: rotateZ(90deg) translateY(-50%);
transform: rotateZ(90deg) translateY(-50%);
width: 15px;
height: 15px;
margin: 0;
padding: 0;
vetical-align: baseline;
}
.s-body #leftFooter .heading .s-svg--arrow-down svg {
fill: #fff;
}
.s-body #leftFooter .heading:hover .s-svg--arrow-down svg {
fill: #3498DB;
}
.s-body #leftFooter .heading.open .s-svg--arrow-down {
top: 33%;
right: 2px;
-webkit-transform: rotateZ(-90deg) translateY(-50%);
-moz-transform: rotateZ(-90deg) translateY(-50%);
-ms-transform: rotate(-90deg) translateY(-50%);
-o-transform: rotateZ(-90deg) translateY(-50%);
transform: rotateZ(-90deg) translateY(-50%);
}
.s-body .s-catalog-open-btn.active {
background: #000;
}
.s-body .s-add-cart-icon .s-label {
display: none !important;
}
.s-body .product .label.addWishlist.s-add-cart-icon--product,
.s-body .product .label.addWishlist.s-add-cart-icon--product span,
.s-body .s-add-cart-icon--product {
text-decoration: none;
}
.s-body .s-add-cart-icon--product span {
text-decoration: none;
}
.s-body .s-add-cart-icon.s-add-cart-icon--product .s-label,
.s-body .s-add-cart-icon--product .s-label {
display: inline !important;
}
.s-body .product .label {
width: 50%;
/*text-align: right;*/
}
.s-body .product .avaible-type-preorder .label {
text-indent: -22px;
padding-left: 22px;
width: 100%;
}
.s-body .product .price .discount {
overflow: hidden;
height: auto;
display: inline-block;
width: auto;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.s-body .product .price .discount + .price-val {
margin-left: 4px;
}
.s-body .img-loading {
vertical-align: middle;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
margin-right: 8px;
}
.s-body .img-loading img {
position: relative;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: spin 2s linear infinite;
-moz-animation: spin 2s linear infinite;
-o-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
.s-body #subHeader2 #searchResult {
width: 2500px;
width: 100vw;
max-width: 97%;
left: 50%;
position: fixed;
-webkit-transform: translateX(-50%) translateY(30px);
-moz-transform: translateX(-50%) translateY(30px);
-ms-transform: translateX(-50%) translateY(30px);
-o-transform: translateX(-50%) translateY(30px);
transform: translateX(-50%) translateY(30px);
}
.s-body .s-main-slider__item {
width: 940px;
}
.s-body .s-main-slider {
margin: 0 auto !important;
background: transparent;
overflow: hidden;
height: 0;
}
.s-body .s-main-slider.owl-loaded {
overflow: auto;
height: auto;
}
.s-body .s-benefits__item__title .s-svg {
height: 20px;
}
.s-body .s-rounded-btn--blue .s-svg--catalog {
height: 16px;
vertical-align: baseline;
}
.s-body .s-header__column .s-svg--catalog {
height: 20px;
vertical-align: baseline;
}
.s-body .s-modal-menu > li > span.active .s-svg--arrow-down,
.s-body .s-modal-menu > li > a.active .s-svg--arrow-down {
right: 14px;
}
.s-body .product .getFastView,
.s-body #catalogLineList .picture .getFastView,
.s-body #specialProduct .productItem .getFastView {
font-size: 15px;
}
.s-body .flex .flex-col .flex-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: -webkit-calc(100% - 10px);
width: -moz-calc(100% - 10px);
width: calc(100% - 10px);
padding: 30px 24px;
border: 1px solid #e7e8ea;
}
.s-body .flex .flex-col .flex-item.flex-stretch {
margin-top: 20px;
}
.s-body .flex .flex-col {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: "~calc(50% - 10px)";
padding: 0;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-body .flex .flex-col {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
padding: 0;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-body .detail-text-wrap *:last-child {
margin-bottom: 0;
}
.s-body .information-item-icon {
padding-right: 24px;
width: 42px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.s-body .global-information-block {
width: 320px;
}
.s-body .global-information-block-hide-scroll-cn {
width: 270px;
}
.s-body #appSimplePopup,
.s-body #appOnstockVariant {
width: 320px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
z-index: 1001;
text-align: left;
}
.s-body #appSimplePopup:before,
.s-body #appOnstockVariant:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.1);
z-index: 1;
}
.s-body #appSimplePopup .appSimplePopupCont,
.s-body #appOnstockVariant .appSimplePopupCont,
.s-body #appSimplePopup .appOnstockVariantCont,
.s-body #appOnstockVariant .appOnstockVariantCont {
padding: 25px 45px 25px 25px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
background: #fff;
z-index: 2;
text-align: left;
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.s-body #appSimplePopup .appSimplePopupExit,
.s-body #appOnstockVariant .appSimplePopupExit,
.s-body #appSimplePopup .appOnstockVariantExit,
.s-body #appOnstockVariant .appOnstockVariantExit {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 30px;
height: 30px;
background: #fff;
z-index: 3;
position: absolute;
right: 15px;
top: 15px;
}
.s-body #appSimplePopup .appSimplePopupExit:before,
.s-body #appOnstockVariant .appSimplePopupExit:before,
.s-body #appSimplePopup .appOnstockVariantExit:before,
.s-body #appOnstockVariant .appOnstockVariantExit:before {
content: '';
display: block;
width: 100%;
height: 1px;
background: #000;
position: absolute;
left: 0;
top: 4px;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotateZ(45deg);
transform: rotateZ(45deg);
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.s-body #appSimplePopup .appSimplePopupExit:after,
.s-body #appOnstockVariant .appSimplePopupExit:after,
.s-body #appSimplePopup .appOnstockVariantExit:after,
.s-body #appOnstockVariant .appOnstockVariantExit:after {
content: '';
display: block;
width: 100%;
height: 1px;
background: #000;
position: absolute;
left: 0;
bottom: 4px;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transform: rotateZ(-45deg);
-moz-transform: rotateZ(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.s-body #appSimplePopup .appSimplePopupExit:hover:before,
.s-body #appOnstockVariant .appSimplePopupExit:hover:before,
.s-body #appSimplePopup .appOnstockVariantExit:hover:before,
.s-body #appOnstockVariant .appOnstockVariantExit:hover:before,
.s-body #appSimplePopup .appSimplePopupExit:hover:after,
.s-body #appOnstockVariant .appSimplePopupExit:hover:after,
.s-body #appSimplePopup .appOnstockVariantExit:hover:after,
.s-body #appOnstockVariant .appOnstockVariantExit:hover:after {
background: #3498DB;
-webkit-transition: background-color 0.4s;
-o-transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.s-body #appSimplePopup .appSimplePopupEdit:before{
content: '';
height: 20px;
width: 20px;
position: absolute;
background: url('/local/templates/dresscode_lk/images/edit20.png') 50% 50% no-repeat;
bottom: 5px;
right: 5px;
}
.s-body .item.product:hover .addCart {
/*margin-top: 5px;*/
}
.s-body .product .name {
/*height: 42px;*/
line-height: 42px;
}
.s-body .s-discount-wrapper {
display: block;
width: 100%;
height: auto;
}
.s-body .product .price.getPricesWindow, #card-analog .product .price.getPricesWindow {
height: auto;
font-size: 15px;
display: flex;
flex-direction: column;
justify-content: center;
}
#card-analog .product .price.getPricesWindow {
font-weight:600;
}
.s-body #catalogLineList .label.inStock,
.s-body #elementTools .label.inStock,
.s-body #smallElementTools .label.inStock,
.s-body .product .label.inStock,
.s-body #catalogLineList .label.onOrder,
.s-body #elementTools .label.onOrder,
.s-body #smallElementTools .label.onOrder,
.s-body .product .label.onOrder,
.s-body #catalogLineList .label.outOfStock,
.s-body #elementTools .label.outOfStock,
.s-body #smallElementTools .label.outOfStock,
.s-body .product .label.outOfStock {
text-decoration: underline;
}
.s-body .product-availability .inStock,
.s-body .product-availability .onOrder,
.s-body .product-availability .outOfStock {
text-decoration: underline;
}
.s-body .inStock,
.s-body .onOrder,
.s-body .outOfStock {
text-decoration: underline;
}
.s-body .product:hover .price.getPricesWindow {
margin-bottom: 0;
}
.s-body .product:hover .addCart {
/* margin-top: 0;*/
}
.s-body #catalogLineList .price .discount {
position: relative;
top: auto;
right: auto;
}
.s-body .items.productList .product .btn-simple.add-cart {
width: 100%;
padding: 15px 0 15px;
margin: 8px auto 0;
}
.s-body #appZoomWindow {
z-index: 100 !important;
}
.s-body .s-top-line {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: auto;
height: auto;
margin: 0 auto;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
min-height: 28px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #2B2B2B;
font-family: 'Roboto', sans-serif;
}
.s-body .s-top-line__container {
display: block;
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
background: #2B2B2B;
}
.s-body .s-top-line__item {
display: block;
position: relative;
width: auto;
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
}
.s-body .s-top-line__item--buttons {
text-align: left;
}
.s-body .s-top-line__item--menus {
text-align: right;
}
.s-body .s-top__tabs {
display: inline-block;
height: 24px;
margin: 0 0 0 24px;
position: relative;
top: 4px;
background: #595959;
width: auto;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-top-right-radius: 6px;
font-size: 0;
}
.s-body .s-top__tabs__item {
display: inline-block;
width: auto;
height: 100%;
margin: 0;
padding: 6px 10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: transparent;
color: #fff;
-webkit-transition: background-color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58), color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
-o-transition: background-color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58), color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
-moz-transition: background-color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58), color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
transition: background-color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58), color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-top-right-radius: 6px;
font-size: 14px;
line-height: 1;
font-weight: 400;
}
.s-body .s-top__tabs__item:hover,
.s-body .s-top__tabs__item.hover,
.s-body .s-top__tabs__item.active {
padding: 6px 10px 0;
background: #fff;
color: #3498DB;
}
.s-body .s-top__tabs__item.active {
cursor: default;
padding: 6px 18px 0;
}
.s-body .s-top__tabs__item:hover,
.s-body .s-top__tabs__item.hover {
-webkit-transition: background-color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39), color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
-o-transition: background-color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39), color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
-moz-transition: background-color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39), color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
transition: background-color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39), color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
}
.s-body a.s-top__tabs__item {
text-decoration: none;
}
.s-body .s-top__menus {
display: inline-block;
height: 24px;
margin: 0 24px 0 0;
position: relative;
top: 4px;
background: transparent;
width: auto;
font-size: 0;
}
.s-body .s-top__menus__ul {
display: inline-block;
text-align: right;
width: auto;
height: auto;
margin: 0;
padding: 0;
}
.s-body .s-top__menus__ul .s-icon--arrow {
margin: 0 5px;
}
.s-body .s-top__menus__ul li {
display: inline-block;
position: relative;
list-style: none;
font-family: inherit;
font-size: 14px;
line-height: 1;
font-weight: 400;
}
.s-body .s-top__menus__ul li a {
color: #fff;
text-decoration: none;
}
.s-body .s-top__menus__li {
margin: 0;
padding: 0;
margin-left: 36px;
}
.s-body .s-top__menus__li > .s-top__menus__li__a,
.s-body .s-top__menus__li > a {
-webkit-transition: color 0.4s cubic-bezier(0, 0.5, 0.65, 0.58);
-o-transition: color 0.4s cubic-bezier(0, 0.5, 0.65, 0.58);
-moz-transition: color 0.4s cubic-bezier(0, 0.5, 0.65, 0.58);
transition: color 0.4s cubic-bezier(0, 0.5, 0.65, 0.58);
}
.s-body .s-top__menus__li > .s-top__menus__li__a .s-icon--arrow:before,
.s-body .s-top__menus__li > a .s-icon--arrow:before,
.s-body .s-top__menus__li > .s-top__menus__li__a .s-icon--arrow:after,
.s-body .s-top__menus__li > a .s-icon--arrow:after {
background: #fff;
}
.s-body .s-top__menus__li > .s-top__menus__li__a:hover,
.s-body .s-top__menus__li > a:hover {
color: #3498DB;
-webkit-transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
-o-transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
-moz-transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
}
.s-body .s-top__menus__li > .s-top__menus__li__a:hover .s-icon--arrow,
.s-body .s-top__menus__li > a:hover .s-icon--arrow {
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotateZ(180deg);
transform: rotateZ(180deg);
top: -2px;
}
.s-body .s-top__menus__li > .s-top__menus__li__a:hover .s-icon--arrow:before,
.s-body .s-top__menus__li > a:hover .s-icon--arrow:before,
.s-body .s-top__menus__li > .s-top__menus__li__a:hover .s-icon--arrow:after,
.s-body .s-top__menus__li > a:hover .s-icon--arrow:after {
background: #3498DB;
}
.s-body .s-top__menus__li:hover {
color: #3498DB;
-webkit-transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
-o-transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
-moz-transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
}
.s-body .s-top__menus__li:hover > .s-top__menus__li__a,
.s-body .s-top__menus__li:hover > a {
color: #3498DB;
-webkit-transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
-o-transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
-moz-transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
}
.s-body .s-top__menus__li:hover .s-icon--arrow {
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotateZ(180deg);
transform: rotateZ(180deg);
top: -2px;
}
.s-body .s-top__menus__li:hover .s-icon--arrow:before,
.s-body .s-top__menus__li:hover .s-icon--arrow:after {
background: #3498DB;
}
.s-body .s-top__menus__li:hover .s-top__menus__dropdown {
display: block;
}
.s-body .s-top__menus__dropdown__wrapper {
margin: 0;
padding: 0;
}
.s-body .s-top__menus__dropdown__wrapper li {
display: block;
list-style: none;
position: relative;
margin: 10px 0;
}
.s-body .s-top__menus__dropdown__wrapper a {
color: #fff;
text-decoration: none;
-webkit-transition: color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
-o-transition: color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
-moz-transition: color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
transition: color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
}
.s-body .s-top__menus__dropdown__wrapper a:hover {
color: #3498DB;
-webkit-transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
-o-transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
-moz-transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
}
.s-body .s-top__menus__dropdown {
width: 180px;
height: auto;
display: none;
position: absolute;
right: 30px;
top: 220px;
padding: 19px 0 0 0;
z-index: 50;
background: transparent;
}
.s-body .s-top__menus__dropdown .s-top__menus__dropdown__wrapper {
display: block;
width: 100%;
height: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
padding: 3px 18px 5px;
background: #2B2B2B;
}
.s-body .s-top__menus__dropdown .s-top__menus__dropdown__wrapper:before {
content: '';
display: block;
position: absolute;
right: 40px;
top: -9px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 9px 9px 9px;
border-color: transparent transparent #2B2B2B transparent;
}
.s-body .s-header {
display: block;
width: 100%;
height: auto;
margin: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
padding: 0;
background: #fff;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.s-body .s-header__wrapper {
display: block;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 100%;
height: 70px;
}
.s-body .s-header__wrapper > .limiter {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 70px;
}
.s-body .s-header__row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: auto;
height: auto;
margin: 0 auto;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
height: 40px;
}
.s-body .s-header__column {
display: block;
width: auto;
height: auto;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.s-body .s-header__menu__container {
display: block;
position: relative;
width: 100%;
height: 37px;
margin: 0 auto;
padding: 0 24px;
background: #fff;
text-align: center;
border: 1px solid #D6D6D6;
}
.s-body .s-header__menu {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: auto;
height: 100%;
margin: 0 auto;
padding: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0;
}
.s-body .s-header__menu > .selected.s-header__menu__item {
color: #3498DB;
}
.s-body .s-header__menu > .selected.s-header__menu__item .s-svg svg {
fill: #3498DB;
}
.s-body .s-header__menu__item {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0 7px;
padding: 0 25px 0;
height: 35px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
line-height: 1;
font-weight: 400;
color: #2B2B2B;
text-align: center;
text-decoration: none;
-webkit-transition: color 0.4s cubic-bezier(0, 0.5, 0.65, 0.58);
-o-transition: color 0.4s cubic-bezier(0, 0.5, 0.65, 0.58);
-moz-transition: color 0.4s cubic-bezier(0, 0.5, 0.65, 0.58);
transition: color 0.4s cubic-bezier(0, 0.5, 0.65, 0.58);
}
.s-body .s-header__menu__item:first-child {
margin-left: 0;
}
.s-body .s-header__menu__item .s-svg {
margin-right: 15px;
fill: #fff;
}
.s-body .s-header__menu__item .s-svg svg {
fill: #fff;
}
.s-body a.s-header__menu__item:hover {
color: #3498DB;
-webkit-transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
-o-transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
-moz-transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
}
.s-body a.s-header__menu__item:hover .s-svg svg {
fill: #3498DB;
}
.s-body .s-header__menu__item--blue {
color: #3498DB;
}
.s-body a.s-header__menu__item--blue:hover {
color: #2B2B2B;
}
.s-body .s-header__menu__item--catalog {
color: #fff;
min-width: 100px;
background: #3498DB;
}
.s-body .s-header__menu__item--catalog .s-svg {
height: 20px;
}
.s-body .s-header__menu__item--catalog.active {
background: #2B2B2B;
}
.s-body a.s-header__menu__item--catalog:hover {
color: #3498DB;
background: #fff;
}
.s-body #subHeader2 {
border-top: none;
border-bottom: none;
background-color: #fff;
}
.s-body #logo {
max-height: 70px;
line-height: 70px;
}
.s-body #subHeader2 #topCallback {
line-height: 70px;
}
.s-body #subHeader2 #logo img {
height: 40px;
width: auto;
}
.s-body .s-logo {
position: relative;
max-height: 42px;
line-height: 40px;
float: left;
z-index: 66;
overflow: hidden;
}
.s-body .s-logo > span {
display: block;
position: relative;
line-heigh: 40px;
}
.s-body .s-logo img {
vertical-align: middle;
max-width: 100%;
}
.s-body .s-logo__text {
position: relative;
padding: 0 16px;
height: 40px;
max-height: 40px;
line-height: 40px;
float: left;
z-index: 66;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
font-size: 12px;
line-height: 1.2;
font-weight: 400;
color: #808080;
}
.s-body .s-body .s-header__wrapper #subHeader2 .subTableColumn {
width: auto;
}
.s-body .s-header__column--logo {
width: 280px;
min-width: 280px;
max-width: 280px;
}
.s-body .s-header__column--logo-text {
width: 200px;
min-width: 200px;
max-width: 200px;
}
.s-body .s-header__column--telephone {
width: 225px;
min-width: 225px;
max-width: 225px;
}
.s-body .s-header__column--email {
width: 225px;
min-width: 225px;
max-width: 225px;
}
.s-body .s-header__column--search {
min-width: 250px;
width: 100%;
max-width: 640px;
}
.s-body .s-header__column--catalog {
display: none;
}
.s-body .s-header__column--mobile-menu {
display: none;
}
.s-body .s-header__column--mobile-home {
display: none;
}
.s-body .s-header__column--search-mobile {
display: none;
min-width: 70px;
width: 100%;
max-width: 100px;
}
.s-body .s-header__column--search-mobile .s-svg--search svg {
stroke: none;
}
.s-body .s-header__column--last {
min-width: 390px;
max-width: 450px;
text-align: right;
font-size: 0;
}
.s-body #subHeader2 #topCallback .icon {
width: 40px;
height: 40px;
border: 1px solid #D0D0D0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-image: none;
position: relative;
}
.s-body #subHeader2 #topCallback .icon .s-svg {
width: 16px;
height: 16px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.s-body #subHeader2 #topCallback .icon svg {
fill: #3498DB;
stroke: #3498DB;
width: 16px;
height: 16px;
}
.s-body #subHeader2 #topCallback .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-direction: row;
-webkit-box-align: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: space-between;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-moz-box-pack: justify;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.s-body #subHeader2 #topCallback .wrap > .icon {
width: 40px;
}
.s-body #subHeader2 #topCallback .wrap > .nf {
width: 185px;
padding: 0 0 0 10px;
margin: 0;
}
.s-body #subHeader2 #topCallback .heading {
font-size: 16px;
color: #000;
}
.s-body #subHeader2 #topCallback .link {
font-size: 14px;
color: #3498DB;
}
.s-body #subHeader2 #topCallback {
padding: 0;
}
.s-body .s-header__search {
width: 100%;
height: 40px;
font-size: 0;
}
.s-body #topSearch2 .searchContainerInner {
height: 40px;
border: 1px solid #3498DB;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.s-body #topSearch2 #searchQuery {
background: none;
padding: 0 55px 0 1px;
height: 40px;
}
.s-body #topSearch_mob #searchQuery_mob {
background: none;
padding: 0 55px 0 1px;
border: none;
}
.s-body #topSearch2 .searchContainer {
line-height: 40px;
}
.s-body #topSearch2 .searchContainer {
height: 40px;
}
.s-body #topSearch2 #goSearch {
width: 60px;
height: 40px;
background: #3498DB url('/local/templates/dresscode_lk/svg/search-icon.svg') 50% 50% no-repeat;
-webkit-background-size: 16px 16px;
-moz-background-size: 16px 16px;
background-size: 16px 16px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0;
margin: 0;
position: relative;
top: -1px;
right: -2px;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.s-body #topSearch2 #goSearch:hover {
background: #196090 url('/local/templates/dresscode_lk/svg/search-icon.svg') 50% 50% no-repeat;
-webkit-background-size: 16px 16px;
-moz-background-size: 16px 16px;
background-size: 16px 16px;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.s-body #topSearch2 .searchColumn:last-child {
width: 60px;
}
.s-body .wishlist .s-svg {
width: 19px;
height: 17px;
}
.s-body .wishlist .s-svg svg {
fill: #808080;
stroke: #808080;
}
.s-body .wishlist.active .s-svg svg,
.s-body .wishlist:hover .s-svg svg {
fill: #3498DB;
stroke: #3498DB;
}
.s-body .wishlist.empty .s-icon__number {
background: #808080;
color: #fff;
}
.s-body .wishlist.full .s-icon__number {
background: #3498DB;
color: #fff;
}
.s-body #subHeader2 .cart {
margin-top: 0;
margin-right: 15px;
}
.s-body .topWishlist {
margin-right: 10px;
}
.s-body #footerTabsCaption {
margin-top: 0;
border-top: none;
}
.s-body #footerTabsCaption,
.s-body #footerTabs,
.s-body #footer {
background: #2B2B2B;
}
.s-body #rowFooter {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.s-body #leftFooter {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #2B2B2B;
padding: 26px 24px 40px;
}
.s-body #rightFooter {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #202020;
padding: 40px 24px 40px;
}
.s-body #rightFooter .footerRow,
.s-body #leftFooter .footerRow {
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.s-body #rightFooter .column,
.s-body #leftFooter .column {
float: none;
display: block;
width: 25%;
min-width: 25%;
max-width: 25%;
float: 1 25%;
}
.s-body #leftFooter .heading {
font-size: 19px;
line-height: 1.2;
font-weight: 200;
color: #fff;
margin: 0 0 16px;
padding: 0;
border-bottom: none;
}
.s-body #leftFooter ul li {
border: none;
}
.s-body #leftFooter .footerMenu a {
padding: 4px 0;
display: block;
font-size: 16px;
line-height: 1.1;
font-weight: 400;
color: #fff;
}
.s-body #leftFooter .footerMenu a:hover {
color: #3498DB;
}
.s-body .s-product-carousel .topBtnLeft,
.s-body #topProduct .topBtnLeft,
.s-body .s-product-carousel .topBtnRight,
.s-body #topProduct .topBtnRight {
background: url('/local/templates/dresscode_lk/images/2019/slideArrowSmall.png') 0 0 no-repeat transparent;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
height: 70px;
width: 35px;
z-index: 22;
top: 50%;
}
.s-body .s-product-carousel .topBtnRight,
.s-body #topProduct .topBtnRight {
background-position: 0 -70px;
}
.s-body .s-product-carousel .topBtnLeft {
left: 0;
}
.s-body #topProduct .topBtnLeft {
left: 24px;
}
.s-body .s-product-carousel .topBtnRight {
right: 0;
}
.s-body #topProduct .topBtnRight {
right: 24px;
}
.s-body .product .name {
font-weight: 300;
}
.s-body .product .price {
margin-bottom: 0;
}
.s-body .product {
height: 360px;
}
.s-body #rightFooter .logo img {
width: 150px;
}
.s-body #rightFooter .logo + p {
margin: 15px 0;
font-size: 12px;
line-height: 1.4;
font-weight: 400;
color: #747474;
}
.s-body .law {
display: block;
border: none;
padding: 0;
}
.s-body .law > a {
display: block;
margin: 0 0 15px;
font-size: 14px;
line-height: 1.2;
font-weight: 400;
color: #838383;
text-decoration: none;
-webkit-transition: color 0.4s cubic-bezier(0, 0.5, 0.65, 0.58);
-o-transition: color 0.4s cubic-bezier(0, 0.5, 0.65, 0.58);
-moz-transition: color 0.4s cubic-bezier(0, 0.5, 0.65, 0.58);
transition: color 0.4s cubic-bezier(0, 0.5, 0.65, 0.58);
}
.s-body .law > a:hover {
display: block;
margin: 0 0 15px;
font-size: 14px;
line-height: 1.2;
font-weight: 400;
color: #fff;
text-decoration: none;
-webkit-transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
-o-transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
-moz-transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
}
.s-body #rightFooter .telephone {
margin-bottom: 15px;
}
.s-body .s-footer-text {
display: block;
margin: 15px 0 0 0;
padding: 0;
font-size: 16px;
line-height: 1.2;
font-weight: 400;
color: #fff;
}
.s-body .s-footer-text a {
color: #3498DB;
text-decoration: none;
-webkit-transition: color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
-o-transition: color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
-moz-transition: color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
transition: color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
}
.s-body .s-footer-text a:hover {
color: #fff;
-webkit-transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
-o-transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
-moz-transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
transition: color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
}
.s-body .s-limiter {
max-width: 1190px;
margin-left: auto;
margin-right: auto;
}
.s-body .s-svg {
display: inline-block;
position: relative;
width: auto;
height: auto;
vertical-align: middle;
}
.s-body .s-svg svg {
max-width: 100%;
height: auto;
}
.s-body .s-svg img {
vertical-align: baseline;
}
.s-body .s-svg--double .img-def {
opacity: 1;
}
.s-body .s-svg--double .img-alt {
opacity: 0;
}
.s-body .s-svg--heart {
width: 19px;
height: 18px;
}
.s-body .s-svg--question {
width: 25px;
height: 25px;
vertical-align: baseline;
}
.s-body .s-svg--offers {
width: 24px;
height: 24px;
vertical-align: baseline;
fill: #FF5F0C;
}
.s-body .s-svg--tick {
width: 14px;
height: 14px;
vertical-align: baseline;
}
.s-body .s-svg--tick-white {
width: 14px;
height: 14px;
vertical-align: baseline;
fill: #fff;
}
.s-body .s-svg--tick-blue {
width: 14px;
height: 14px;
vertical-align: baseline;
fill: #3498DB;
}
.s-body .s-svg--bitpicture {
width: 54px;
height: 48px;
vertical-align: middle;
}
.s-body .s-svg .svg-black {
fill: #111;
}
.s-body .s-svg .svg-blue {
fill: #3498DB;
}
.s-body .s-svg .svg-white {
fill: #fff;
}
.s-body .s-svg .svg-red {
fill: #EB2800;
}
.s-body .s-svg--user {
width: 20px;
height: 20px;
vertical-align: baseline;
fill: #3498DB;
stroke: #3498DB;
}
.s-body .s-svg--home {
width: 34px;
height: 30px;
fill: #808080;
}
.s-body .s-svg--home svg {
fill: inherit;
}
.s-body .iconsMobile .s-svg--wishlist {
width: 25px;
height: 23px;
}
.s-body .iconsMobile.iconsLeft .s-svg--wishlist {
fill: #3498DB;
}
.s-body .s-svg--wishlist {
width: 18px;
height: 21px;
fill: #808080;
}
.s-body .addWishlist .s-svg--wishlist, .s-body .addCompare .s-svg--wishlist, .s-body .addPrint .s-svg--wishlist, .s-body .addShare .s-svg--wishlist, .s-body .askQuestion .s-svg--wishlist {
margin-right: 7px;
-webkit-transition: fill 0.3s;
-o-transition: fill 0.3s;
-moz-transition: fill 0.3s;
transition: fill 0.3s;
}
.s-body .addPrint .s-svg--wishlist {
margin-right: 11px;
}
.s-body .addWishlist:hover .s-svg--wishlist, .s-body .addCompare:hover .s-svg--wishlist, .s-body .addShare:hover .s-svg--wishlist, .s-body .askQuestion:hover .s-svg--wishlist, .s-body .addPrint:hover .s-svg--wishlist {
fill: #EB2800;
-webkit-transition: fill 0.4s;
-o-transition: fill 0.4s;
-moz-transition: fill 0.4s;
transition: fill 0.4s;
}
/*
.s-body .addCompare:hover .s-svg--wishlist {
fill: #EB2800;
-webkit-transition: fill 0.4s;
-o-transition: fill 0.4s;
-moz-transition: fill 0.4s;
transition: fill 0.4s;
}
.addCompare span {
top: -1px;
}*/
.s-body .addWishlist.added .s-svg--wishlist, .s-body .addCompare.added .s-svg--wishlist {
fill: #EB2800;
}
.s-body .addWishlist.s-add-cart-icon .s-svg--wishlist {
width: 28px;
height: 26px;
}
.s-body .s-flat-btn {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
height: auto;
padding: 17px;
position: relative;
border: 1px solid #ededed;
background: #fff;
font-family: 'Roboto', sans-serif;
font-size: 15px;
line-height: 1.2;
font-weight: 700;
color: #3498DB;
}
.s-body .s-flat-btn.active {
background: #dfeef9;
}
.s-body .s-flat-btn.active:after {
content: '';
display: block;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 100%;
height: 3px;
background: #3498DB;
position: absolute;
bottom: 0;
left: 0;
}
.s-body .s-flat-btn__left {
-webkit-box-flex: 1;
-webkit-flex: 1 1 60%;
-moz-box-flex: 1;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
width: 60%;
}
.s-body .s-flat-btn__right {
-webkit-box-flex: 1;
-webkit-flex: 1 1 40%;
-moz-box-flex: 1;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
width: 40%;
}
.s-body .s-flat-btn--w100 {
width: 100%;
}
.s-body .s-icon {
display: inline-block;
position: relative;
width: auto;
height: auto;
vertical-align: middle;
}
.s-body .s-icon--catalog {
width: 17px;
height: 17px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABHNCSVQICAgIfAhkiAAAAKNJREFUOE/Fk1ENwkAQRN8qoBJwAHVQCTgoKAAHXB3UAg6QQCXgABSAgyXzsSR8dq8J+3fJzWR2Z8bcvQBn8nMwd3dgAm4Jng7YBMlgZlI0a2ILkbyB1Sz07+e7SLbAroLkahXgL1RK9kBfQXaJwz6BR4JoDfii7rwqlJiUyJlTYpWAlMXcUXSPQJNQo6AOkVg9/u+OWqwGZ1vcRmLHZAkV0vIBmM5a70FInJsAAAAASUVORK5CYII=');
background-repeat: none;
background-position: 50% 50%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100%;
background-size: 100%;
background-color: transparent;
}
.s-body .s-icon--arrow {
width: 7px;
height: 5px;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.s-body .s-icon--arrow:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 5px;
height: 1px;
background: #fff;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateZ(40deg);
-moz-transform: rotateZ(40deg);
-ms-transform: rotate(40deg);
-o-transform: rotateZ(40deg);
transform: rotateZ(40deg);
}
.s-body .s-icon--arrow:after {
content: '';
display: block;
position: absolute;
right: 0;
top: 0;
width: 5px;
height: 1px;
background: #fff;
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: rotateZ(-40deg);
-moz-transform: rotateZ(-40deg);
-ms-transform: rotate(-40deg);
-o-transform: rotateZ(-40deg);
transform: rotateZ(-40deg);
}
.s-body .s-icon--arrow.white:before,
.s-body .s-icon--arrow.white:after {
background: #fff;
}
.s-body .s-icon--arrow.blue:before,
.s-body .s-icon--arrow.blue:after {
background: #3498DB;
}
.s-body .s-icon--arrow.black:before,
.s-body .s-icon--arrow.black:after {
background: #000;
}
.s-body .s-icon__number {
display: inline-block;
position: absolute;
margin: 0;
padding: 0 4px;
top: -5px;
left: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: auto;
height: 15px;
font-size: 12px;
line-height: 15px;
text-align: center;
font-weight: 700;
color: #fff;
background: #808080;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.s-body .s-arrow {
display: inline-block;
position: relative;
line-height: 1;
margin: 0 0 0 4px;
width: 5px;
height: 8px;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: transparent;
-webkit-background-size: auto auto;
-moz-background-size: auto;
background-size: auto;
}
.s-body .s-arrow--right-blue {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAABHNCSVQICAgIfAhkiAAAAHdJREFUCFtjNJ5x6wIDA8P5sxlqiQxQwGg8/dYCRkbG+P8M/xfAJBhBkugSYEGIxO0HjIwM8v8YGQrBgkYzbxcw/Wfo/8/w/+JfdlYHRqPptxKYGBnnwwQuJCp+YDSecfsDA8P/ByAVIAGQTkaD+fcFQAyYAIgNAMfyM93XFsxzAAAAAElFTkSuQmCC');
}
.s-body .s-arrow--down-blue {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAABHNCSVQICAgIfAhkiAAAAHdJREFUCFtjNJ5x6wIDA8P5sxlqiQxQwGg8/dYCRkbG+P8M/xfAJBhBkugSYEGIxO0HjIwM8v8YGQrBgkYzbxcw/Wfo/8/w/+JfdlYHRqPptxKYGBnnwwQuJCp+YDSecfsDA8P/ByAVIAGQTkaD+fcFQAyYAIgNAMfyM93XFsxzAAAAAElFTkSuQmCC');
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotateZ(90deg);
-moz-transform: rotateZ(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
.s-body .s-arrow--up-blue {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAABHNCSVQICAgIfAhkiAAAAHdJREFUCFtjNJ5x6wIDA8P5sxlqiQxQwGg8/dYCRkbG+P8M/xfAJBhBkugSYEGIxO0HjIwM8v8YGQrBgkYzbxcw/Wfo/8/w/+JfdlYHRqPptxKYGBnnwwQuJCp+YDSecfsDA8P/ByAVIAGQTkaD+fcFQAyYAIgNAMfyM93XFsxzAAAAAElFTkSuQmCC');
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
top: -2px;
}
.s-body .s-cross {
display: inline-block;
position: relative;
line-height: 1;
margin: 0;
width: 15px;
height: 15px;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: transparent;
-webkit-background-size: auto auto;
-moz-background-size: auto;
background-size: auto;
}
.s-body .s-cross--red {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAPJJREFUKFONk00OAUEUhOuJsHUDsWCNvsBsmCVOgBs4AjdwA27AmgUHEGFrJBzBHlPSE8ZoPT+z60y+evWqusVrqxvJUW29nyPDd3HqpUcxvxDwKKdWcyC53Iy+P0wT0OC9kN8IWCGfjuhhWQRMsLY+HAI4TcAGaiaEkwQ8Vy1BONqqnvgZ+AMHAm01F5H+J4PgDHRN8G9yuMJbAMAWZMMGxsL6h+eqKyBlEJPqaje2tfhnO7QOdCHYAtKJq9G+c2RHM4Oog9+0Y8KJE/j2nJCqrYUwsKQ6ojZNB5IVNGsUsif69tB/jqM3J+1xnV01JXh9AdG21N7J4fKGAAAAAElFTkSuQmCC');
}
.s-body .s-text-dropdown {
display: block;
position: relative;
cursor: pointer;
font-size: 14px;
line-height: 1;
font-weight: 500;
color: #3498DB;
-webkit-transition: color 0.4s;
-o-transition: color 0.4s;
-moz-transition: color 0.4s;
transition: color 0.4s;
}
.s-body .s-text-dropdown .s-arrow {
margin-left: 7px;
}
.s-body .s-text-dropdown .s-text-closed {
display: inline-block;
}
.s-body .s-text-dropdown .s-text-opened {
display: none;
}
.s-body .s-text-dropdown.active {
margin-bottom: 20px;
}
.s-body .s-text-dropdown.active .s-text-closed {
display: none;
}
.s-body .s-text-dropdown.active .s-text-opened {
display: inline-block;
}
.s-body .s-text-dropdown:hover {
color: #000;
-webkit-transition: color 0.3s;
-o-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.s-body .image-hover-zoom {
overflow: hidden;
}
.s-body .image-hover-zoom img {
position: relative;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.s-body .image-hover-zoom:hover img {
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-ms-transform: scale(1.03);
-o-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: all 1.7s ease-out;
-o-transition: all 1.7s ease-out;
-moz-transition: all 1.7s ease-out;
transition: all 1.7s ease-out;
}
.s-body .btn-medium {
padding: 17px 28px 18px;
}
.s-body .btn-simple {
display: inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #3498DB;
color: #fff;
text-align: center;
border-color: transparent;
font-size: 16px;
line-height: 1;
font-weight: 400;
text-decoration: none;
-webkit-transition: background 0.3s ease-in, color 0.3s ease-in;
-o-transition: background 0.3s ease-in, color 0.3s ease-in;
-moz-transition: background 0.3s ease-in, color 0.3s ease-in;
transition: background 0.3s ease-in, color 0.3s ease-in;
}
.s-body .btn-simple a {
font-size: 16px;
line-height: 1;
font-weight: 400;
text-decoration: none;
color: inherit;
}
.s-body .btn-simple:hover {
background: #fff;
color: #3498DB;
border-color: #3498DB;
-webkit-transition: background 0.4s ease-out, color 0.4s ease-out;
-o-transition: background 0.4s ease-out, color 0.4s ease-out;
-moz-transition: background 0.4s ease-out, color 0.4s ease-out;
transition: background 0.4s ease-out, color 0.4s ease-out;
}
.s-body .btn-small {
display: inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px 18px;
background: #3498DB;
color: #fff;
text-align: center;
border-color: transparent;
font-size: 15px;
line-height: 1.1;
font-weight: 400;
text-decoration: none;
-webkit-transition: background 0.3s ease-in, color 0.3s ease-in;
-o-transition: background 0.3s ease-in, color 0.3s ease-in;
-moz-transition: background 0.3s ease-in, color 0.3s ease-in;
transition: background 0.3s ease-in, color 0.3s ease-in;
}
.s-body .btn-small a {
font-size: 15px;
line-height: 1.1;
font-weight: 400;
text-decoration: none;
color: inherit;
}
.s-body .btn-small:hover {
background: #fff;
color: #3498DB;
border-color: #3498DB;
-webkit-transition: background 0.4s ease-out, color 0.4s ease-out;
-o-transition: background 0.4s ease-out, color 0.4s ease-out;
-moz-transition: background 0.4s ease-out, color 0.4s ease-out;
transition: background 0.4s ease-out, color 0.4s ease-out;
}
.s-body .btn--green {
background: #619B3F;
color: #fff;
}
.s-body .btn--green:hover {
color: #619B3F;
border-color: #619B3F;
}
.s-body .btn--orange {
background: #eb5b00;
color: #fff;
}
.s-body .btn--orange:hover {
color: #eb5b00;
border-color: #eb5b00;
}
.s-body .btn-with-icon {
padding-left: 14px;
}
.s-add-cart-container .iconsMobile {
position: absolute;
top: 10px;
right: 40px;
z-index: 2;
padding: 7px 0px 7px 7px;
}
.s-add-cart-container .iconsMobile .prod-item-wishlist-empty {
top: 9px;
left: 9px;
}
.s-body .s-krest {
display: inline-block;
width: 24px;
height: 24px;
position: relative;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotateZ(45deg);
transform: rotateZ(45deg);
vertical-align: middle;
}
.s-body .s-krest:before {
content: '';
display: block;
width: 100%;
height: 1px;
background: black;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.s-body .s-krest:after {
content: '';
display: block;
width: 1px;
height: 100%;
background: black;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.s-body .s-krest--red:before {
background: #db4734;
}
.s-body .s-krest--red:after {
background: #db4734;
}
.s-body .s-input-text {
display: inline-block;
width: auto;
height: 33px;
border: 1px solid #E7E8EA;
background: #F8F8F8;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 16px;
line-height: 33px;
text-align: center;
color: #8B8B8B;
font-weight: 400;
vertical-align: middle;
}
.s-body .s-input-text:focus {
color: #000;
border-color: #3498DB;
}
.s-body .s-input-text--w100 {
width: 100px;
}
.s-body .s-input-text--size2 {
height: 37px;
font-size: 22px;
line-height: 37px;
}
.s-body .s-a-btn {
text-decoration: none;
vertical-align: middle;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.s-body .s-a-btn .s-krest {
margin-left: 5px;
}
.s-body .s-a-btn:hover {
opacity: 0.65;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.s-body .s-btn-with-icon {
display: inline-block;
position: relative;
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 15px;
line-height: 1.2;
font-weight: 400;
color: #000;
vertical-align: middle;
text-decoration: none;
-webkit-transition: color 0.4s ease-out;
-o-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
transition: color 0.4s ease-out;
}
.s-body .s-btn-with-icon .s-icon--cross {
margin-right: 15px;
}
.s-body .s-btn-with-icon:hover {
color: #3498DB;
-webkit-transition: color 0.4s ease-out;
-o-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
transition: color 0.4s ease-out;
}
.s-body .s-btn-with-icon:hover .s-icon--cross {
background: #3498DB;
border-color: #3498DB;
-webkit-transition: background-color 0.4s ease-out, border 0.4s ease-out;
-o-transition: background-color 0.4s ease-out, border 0.4s ease-out;
-moz-transition: background-color 0.4s ease-out, border 0.4s ease-out;
transition: background-color 0.4s ease-out, border 0.4s ease-out;
}
.s-body .s-btn-with-icon:hover .s-icon--cross:before {
background: #fff;
-webkit-transition: background-color 0.4s ease-out;
-o-transition: background-color 0.4s ease-out;
-moz-transition: background-color 0.4s ease-out;
transition: background-color 0.4s ease-out;
}
.s-body .s-btn-with-icon:hover .s-icon--cross:after {
background: #fff;
-webkit-transition: background-color 0.4s ease-out;
-o-transition: background-color 0.4s ease-out;
-moz-transition: background-color 0.4s ease-out;
transition: background-color 0.4s ease-out;
}
.s-body .s-icon--cross {
display: inline-block;
width: 40px;
height: 40px;
position: relative;
vertical-align: middle;
padding: 0;
border: 2px solid #000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: background-color 0.4s ease-out, border 0.4s ease-out;
-o-transition: background-color 0.4s ease-out, border 0.4s ease-out;
-moz-transition: background-color 0.4s ease-out, border 0.4s ease-out;
transition: background-color 0.4s ease-out, border 0.4s ease-out;
}
.s-body .s-icon--cross:before {
content: '';
display: block;
width: 60%;
height: 2px;
background: #3498DB;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
-webkit-transition: background-color 0.4s ease-out;
-o-transition: background-color 0.4s ease-out;
-moz-transition: background-color 0.4s ease-out;
transition: background-color 0.4s ease-out;
}
.s-body .s-icon--cross:after {
content: '';
display: block;
width: 2px;
height: 60%;
background: #3498DB;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
-webkit-transition: background-color 0.4s ease-out;
-o-transition: background-color 0.4s ease-out;
-moz-transition: background-color 0.4s ease-out;
transition: background-color 0.4s ease-out;
}
.s-body .img-contain {
-o-object-fit: contain;
object-fit: contain;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.s-body .img-cover {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.s-body .s-blue-box {
display: block;
margin: 25px auto 0;
padding: 10px 0 20px 0;
width: 100%;
height: auto;
background: #F2F8FF;
}
.s-body .s-blue-box > div {
position: relative;
z-index: 1;
}
.s-body .s-black-box {
display: block;
margin: 25px auto 0;
padding: 10px 0 20px 0;
width: 100%;
height: auto;
background: #2B2B2B;
}
.s-body .s-black-box > div {
position: relative;
z-index: 1;
}
.s-body .s-box-p--default {
padding-top: 30px;
padding-bottom: 50px;
}
.s-body .s-white-block {
display: block;
position: relative;
background: #fff;
margin: 30px auto 0;
padding: 26px 15px 30px;
border: 1px solid #E7E8EA;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.s-body .s-black-footer {
position: relative;
}
.s-body .s-black-footer:after {
content: '';
display: block;
width: 100%;
height: 260px;
margin: 0 auto;
position: absolute;
left: 0;
bottom: 0;
background: #2B2B2B;
z-index: 0;
}
.s-body .s-bottom-border:after {
content: '';
display: block;
height: auto;
margin: 0;
padding: 0;
left: auto;
top: auto;
right: auto;
bottom: auto;
text-align: left;
vertical-align: top;
width: 100%;
height: 1px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.s-body .s-border-color--default:after {
background: #E3E3E5;
}
.s-body .s-p-r--0i {
padding-right: 0 !important;
}
.s-body .s-p-r--0 {
padding-right: 0;
}
.s-body .s-p-l--0i {
padding-left: 0 !important;
}
.s-body .s-p-l--0 {
padding-left: 0;
}
.s-body .s-p-r--30 {
padding-right: 30px;
}
.s-body .s-p-l--30 {
padding-left: 30px;
}
.s-body .s-m-r--15i {
margin-right: 15px !important;
}
.s-body .s-m-r--15 {
margin-right: 15px;
}
.s-body .s-m-r--10i {
margin-right: 10px !important;
}
.s-body .s-m-r--10 {
margin-right: 10px;
}
.s-body .s-m-t--0 {
margin-top: 0;
}
.s-body .s-m-t--0i {
margin-top: 0 !important;
}
.s-body .s-m-b--0 {
margin-bottom: 0;
}
.s-body .s-m-b--0i {
margin-bottom: 0 !important;
}
.s-body .s-m-b-20 {
margin-bottom: 20px;
}
.s-body .s-m-b-20i {
margin-bottom: 20px !important;
}
.s-body .s-w-100i {
width: 100% !important;
}
.s-body .s-w-100 {
width: 100%;
}
.s-body .s-fs-0 {
font-size: 0;
}
.s-body .s-row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
height: auto;
vertical-align: top;
}
.s-body .s-row--wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-body .s-col {
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
vertical-align: top;
position: relative;
}
.s-body .s-row--m-8 {
margin-top: 8px;
margin-bottom: 8px;
}
.s-body .s-row--p-8 {
padding-top: 8px;
padding-bottom: 8px;
}
.s-body .s-row--pt-0 {
padding-top: 0;
}
.s-body .s-row--pb-24 {
padding-bottom: 24px;
}
.s-body .s-col--1-1 {
width: 100%;
min-width: 100%;
max-width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1 100%;
-moz-box-flex: 1;
-ms-flex: 1 100%;
flex: 1 100%;
}
.s-body .s-col--1-2 {
width: 50%;
min-width: 50%;
max-width: 50%;
-webkit-box-flex: 1;
-webkit-flex: 1 50%;
-moz-box-flex: 1;
-ms-flex: 1 50%;
flex: 1 50%;
}
.s-body .s-col--1-3 {
width: 33.331%;
min-width: 33.331%;
max-width: 33.331%;
-webkit-box-flex: 1;
-webkit-flex: 1 33.331%;
-moz-box-flex: 1;
-ms-flex: 1 33.331%;
flex: 1 33.331%;
}
.s-body .s-col--1-4 {
width: 25%;
min-width: 25%;
max-width: 25%;
-webkit-box-flex: 1;
-webkit-flex: 1 25%;
-moz-box-flex: 1;
-ms-flex: 1 25%;
flex: 1 25%;
}
.s-body .s-col--p-8 {
padding-left: 8px;
padding-right: 8px;
}
.s-body .s-col--p-8:first-child {
padding-left: 0;
}
.s-body .s-col--p-8:last-child {
padding-right: 0;
}
.s-body .s-col--p-10 {
padding-left: 10px;
padding-right: 10px;
}
.s-body .s-col--p-10:first-child {
padding-left: 0;
}
.s-body .s-col--p-10:last-child {
padding-right: 0;
}
.s-body .s-col--p-20 {
padding-left: 20px;
padding-right: 20px;
}
.s-body .s-col--p-20:first-child {
padding-left: 0;
}
.s-body .s-col--p-20:last-child {
padding-right: 0;
}
.s-body .s-col--p-40 {
padding-left: 40px;
padding-right: 40px;
}
.s-body .s-col--p-40:first-child {
padding-left: 0;
}
.s-body .s-col--p-40:last-child {
padding-right: 0;
}
.s-body h1,
.s-body .h1,
.s-body h2,
.s-body .h2,
.s-body h3,
.s-body .h3,
.s-body h4,
.s-body .h4,
.s-body h5,
.s-body .h5,
.s-body h6,
.s-body .h6 {
font-family: 'Roboto', sans-serif;
}
.s-body .s-t-small {
display: block;
margin: 8px 0 0 0;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 1.1;
font-weight: 400;
color: #8b8b8b;
}
.s-body .s-p-small {
display: block;
position: relative;
margin: 8px 0 0;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 1.4;
font-weight: 400;
color: #2B2B2B;
}
.s-body .h1 + .s-p-small {
margin-top: -15px;
}
.s-body .s-text-block {
margin: 30px auto 35px;
}
.s-body .s-text-block .h1,
.s-body .s-text-block .h2,
.s-body .s-text-block .h3,
.s-body .s-text-block .h4,
.s-body .s-text-block .h5,
.s-body .s-text-block .h6 {
font-family: 'Roboto', sans-serif;
line-height: 1.25;
color: #2B2B2B;
font-weight: 700;
}
.s-body .s-text-block .h1:first-child,
.s-body .s-text-block .h2:first-child,
.s-body .s-text-block .h3:first-child,
.s-body .s-text-block .h4:first-child,
.s-body .s-text-block .h5:first-child,
.s-body .s-text-block .h6:first-child {
margin-top: 0;
}
.s-body .s-text-block h1,
.s-body .s-text-block .h1 {
font-size: 23px;
margin-top: 30px;
margin-bottom: 20px;
}
.s-body .s-text-block h2,
.s-body .s-text-block .h2 {
font-size: 21px;
margin-top: 24px;
margin-bottom: 20px;
}
.s-body .s-text-block h3,
.s-body .s-text-block .h3 {
font-size: 18px;
margin-top: 20px;
margin-bottom: 16px;
}
.s-body .s-text-block h4,
.s-body .s-text-block .h4 {
font-size: 16px;
margin-top: 20px;
margin-bottom: 16px;
}
.s-body .s-text-block h5,
.s-body .s-text-block .h5 {
font-size: 14px;
margin-top: 16px;
margin-bottom: 10px;
}
.s-body .s-text-block h6,
.s-body .s-text-block .h6 {
font-size: 12px;
margin-top: 16px;
margin-bottom: 10px;
}
.s-body .s-text-block p {
margin-top: 16px;
margin-bottom: 24px;
font-size: 16px;
line-height: 1.4;
font-weight: 400;
color: #808080;
}
.s-body .s-text-block ul,
.s-body .s-text-block ol {
margin: 16px 0 24px;
}
.s-body .s-text-block ul li,
.s-body .s-text-block ol li {
font-size: 16px;
line-height: 1.4;
font-weight: 400;
color: #808080;
}
.s-body .s-text-styles {
font-size: 16px;
line-height: 1.4;
font-weight: 400;
color: #808080;
}
.s-body .s-text-styles .h1,
.s-body .s-text-styles .h2,
.s-body .s-text-styles .h3,
.s-body .s-text-styles .h4,
.s-body .s-text-styles .h5,
.s-body .s-text-styles .h6 {
font-family: 'Roboto', sans-serif;
line-height: 1.2;
color: #2B2B2B;
font-weight: 700;
letter-spacing: normal;
}
.s-body .s-text-styles .h1:first-child,
.s-body .s-text-styles .h2:first-child,
.s-body .s-text-styles .h3:first-child,
.s-body .s-text-styles .h4:first-child,
.s-body .s-text-styles .h5:first-child,
.s-body .s-text-styles .h6:first-child {
margin-top: 0;
}
.s-body .s-text-styles h1,
.s-body .s-text-styles .h1 {
font-size: 25px;
margin-top: 25px;
margin-bottom: 20px;
}
.s-body .s-text-styles h2,
.s-body .s-text-styles .h2 {
font-size: 23px;
margin-top: 23px;
margin-bottom: 20px;
}
.s-body .s-text-styles h3,
.s-body .s-text-styles .h3 {
font-size: 21px;
margin-top: 21px;
margin-bottom: 16px;
}
.s-body .s-text-styles h4,
.s-body .s-text-styles .h4 {
font-size: 18px;
margin-top: 18px;
margin-bottom: 16px;
}
.s-body .s-text-styles h5,
.s-body .s-text-styles .h5 {
font-size: 16px;
margin-top: 16px;
margin-bottom: 10px;
}
.s-body .s-text-styles h6,
.s-body .s-text-styles .h6 {
font-size: 13px;
margin-top: 16px;
margin-bottom: 10px;
}
.s-body .s-text-styles p {
margin-top: 16px;
margin-bottom: 24px;
font-size: 16px;
line-height: 1.4;
font-weight: 400;
color: #808080;
}
.s-body .text-white {
color: #fff;
}
.s-body .text-blue {
color: #3498DB !important;
}
.s-body .text-center {
text-align: center;
}
.s-body .text-left {
text-align: left;
}
.s-body .text-right {
text-align: right;
}
.s-body .s-section {
margin-top: 34px;
margin-bottom: 34px;
}
.s-body .owl-carousel--dots {
margin-bottom: 70px;
}
.s-body .owl-stage {
z-index: 1;
}
.s-body .owl-stage-outer {
z-index: 1;
}
.s-body .owl-loaded {
position: relative;
}
.s-body .owl-drag {
height: 0;
overflow: hidden;
}
.s-body .owl-drag.owl-loaded {
height: auto;
overflow: initial;
}
.s-body .owl-nav {
position: static;
top: 0;
left: 0;
width: 0;
height: 0;
z-index: 1;
}
.s-body .owl-nav .owl-prev {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 29px;
height: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: absolute;
left: -15px;
top: 0;
background: #E7E8EA;
z-index: 30;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
cursor: pointer;
border: none;
-webkit-appearance: none;
left: 50%;
-webkit-transform: translateX(-515px);
-moz-transform: translateX(-515px);
-ms-transform: translateX(-515px);
-o-transform: translateX(-515px);
transform: translateX(-515px);
}
.s-body .owl-nav .owl-prev > span {
display: none;
}
.s-body .owl-nav .owl-prev:after {
content: '';
display: block;
width: 15px;
height: 15px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
background: url('/local/templates/dresscode_lk/images/2019/owl-buttons.png') no-repeat;
background-position: 0 -15px;
-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
background-size: 30px 30px;
}
.s-body .owl-nav .owl-prev.disabled {
cursor: default;
background: #E7E8EA;
}
.s-body .owl-nav .owl-prev.disabled:after {
background-position: 0 -15px;
}
.s-body .owl-nav .owl-prev.disabled:hover {
background: #E7E8EA;
}
.s-body .owl-nav .owl-prev.disabled:hover:after {
background-position: 0 -15px;
}
.s-body .owl-nav .owl-prev:hover {
background: #2B2B2B;
-webkit-transition: background-color 0.4s;
-o-transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.s-body .owl-nav .owl-prev:hover:after {
background-position: 0 0;
}
.s-body .owl-nav .owl-next {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 29px;
height: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: absolute;
right: -15px;
top: 0;
background: #E7E8EA;
z-index: 30;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
cursor: pointer;
border: none;
-webkit-appearance: none;
right: 50%;
-webkit-transform: translateX(515px);
-moz-transform: translateX(515px);
-ms-transform: translateX(515px);
-o-transform: translateX(515px);
transform: translateX(515px);
}
.s-body .owl-nav .owl-next > span {
display: none;
}
.s-body .owl-nav .owl-next:after {
content: '';
display: block;
width: 15px;
height: 15px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
background: url('/local/templates/dresscode_lk/images/2019/owl-buttons.png') no-repeat;
background-position: -15px -15px;
-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
background-size: 30px 30px;
}
.s-body .owl-nav .owl-next.disabled {
cursor: default;
background: #E7E8EA;
}
.s-body .owl-nav .owl-next.disabled:after {
background-position: -15px -15px;
}
.s-body .owl-nav .owl-next.disabled:hover {
background: #E7E8EA;
}
.s-body .owl-nav .owl-next.disabled:hover:after {
background-position: -15px -15px;
}
.s-body .owl-nav .owl-next:hover {
background: #2B2B2B;
-webkit-transition: background-color 0.4s;
-o-transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.s-body .owl-nav .owl-next:hover:after {
background-position: -15px 0;
}
.s-body .owl-dots {
display: block;
width: 100%;
height: auto;
position: absolute;
bottom: -48px;
left: 0;
z-index: 1;
text-align: center;
}
.s-body .owl-dots .owl-dot {
display: inline-block;
width: 14px;
height: 14px;
position: relative;
margin: 0 5px;
padding: 0;
background: #808080;
cursor: pointer;
border: none;
-webkit-appearance: none;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.s-body .owl-dots .owl-dot.active,
.s-body .owl-dots .owl-dot.hover,
.s-body .owl-dots .owl-dot:hover {
background: #3498DB;
-webkit-transition: background-color 0.4s;
-o-transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.s-body .s-rounded-box {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-direction: row;
-webkit-box-align: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: space-between;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-moz-box-pack: justify;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.s-body .s-rounded-box > .s-rounded-icon {
width: 40px;
}
.s-body .s-rounded-box > .s-rounded-text {
width: 180px;
padding: 0 0 0 10px;
margin: 0;
}
.s-body .s-rounded-box--footer {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.s-body .s-rounded-box--footer > .s-rounded-icon {
width: 52px;
height: 52px;
background: #3498DB;
border-color: #3498DB;
-webkit-transition: background-color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
-o-transition: background-color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
-moz-transition: background-color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
transition: background-color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
}
.s-body .s-rounded-box--footer > .s-rounded-icon .s-svg {
width: 19px;
height: auto;
}
.s-body .s-rounded-box--footer > .s-rounded-icon svg {
fill: #fff;
stroke: #fff;
width: 100%;
height: auto;
}
.s-body .s-rounded-box--footer > .s-rounded-icon:hover {
background: #fff;
-webkit-transition: background-color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
-o-transition: background-color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
-moz-transition: background-color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
transition: background-color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
}
.s-body .s-rounded-box--footer > .s-rounded-icon:hover svg {
fill: #3498DB;
stroke: #3498DB;
}
.s-body .s-rounded-box--footer > .s-rounded-text {
width: 185px;
padding: 0 0 0 17px;
margin: 0;
}
.s-body .s-rounded-box--footer > .s-rounded-text .heading {
font-size: 16px;
line-height: 1.2;
}
.s-body .s-rounded-box--footer > .s-rounded-text .heading a {
color: #3498DB !important;
text-decoration: none;
}
.s-body .s-rounded-box--footer > .s-rounded-text .text {
font-size: 14px;
line-height: 1.2;
color: #fff;
}
.s-body .s-rounded-box--footer > .s-rounded-text .text a {
color: #3498DB;
text-decoration: none;
}
.s-body .s-rounded-box--footer > .s-rounded-text .link {
color: #3498DB;
text-decoration: none;
font-size: 14px;
line-height: 1.2;
}
.s-body .s-rounded-box--footer .s-footer-phone-links .heading {
color: #fff;
}
.s-body .s-rounded-box--footer .s-footer-phone-links .heading a {
color: #fff !important;
text-decoration: none;
}
.s-body .s-rounded-text {
display: inline-block;
vertical-align: middle;
width: 185px;
padding: 0 0 0 10px;
margin: 0;
}
.s-body .s-rounded-text .heading {
font-size: 16px;
line-height: 1.2;
}
.s-body .s-rounded-text .heading a {
color: #3498DB;
text-decoration: none;
}
.s-body .s-rounded-text .text {
font-size: 14px;
line-height: 1.2;
}
.s-body .s-rounded-text .text a {
color: #3498DB;
text-decoration: none;
}
.s-body .s-rounded-text .link {
color: #3498DB;
text-decoration: none;
font-size: 14px;
line-height: 1.2;
}
.s-body .s-rounded-icon {
display: inline-block;
width: 40px;
height: 40px;
border: 1px solid #D0D0D0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-image: none;
position: relative;
vertical-align: middle;
}
.s-body .s-rounded-icon .s-svg {
width: 16px;
height: 16px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.s-body .s-rounded-icon svg {
fill: #3498DB;
stroke: #3498DB;
width: 16px;
height: 16px;
}
.s-body .s-rounded-btn {
display: inline-block;
position: relative;
padding: 0 13px;
width: auto;
height: 40px;
border: 1px solid #D0D0D0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-image: none;
vertical-align: middle;
color: #000;
font-size: 14px;
line-height: 40px;
font-weight: 400;
text-align: center;
-webkit-transition: background 0.3s cubic-bezier(0, 0.5, 0.65, 0.58), color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
-o-transition: background 0.3s cubic-bezier(0, 0.5, 0.65, 0.58), color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
-moz-transition: background 0.3s cubic-bezier(0, 0.5, 0.65, 0.58), color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
transition: background 0.3s cubic-bezier(0, 0.5, 0.65, 0.58), color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
}
.s-body .s-rounded-btn > span {
color: inherit;
text-decoration: none;
}
.s-body a.s-rounded-btn {
color: #3498DB;
text-decoration: none;
}
.s-body a.s-rounded-btn:hover {
background-color: #3498DB;
border-color: #3498DB;
color: #fff;
-webkit-transition: background 0.4s cubic-bezier(0, 0.6, 0.43, 0.39), color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
-o-transition: background 0.4s cubic-bezier(0, 0.6, 0.43, 0.39), color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
-moz-transition: background 0.4s cubic-bezier(0, 0.6, 0.43, 0.39), color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
transition: background 0.4s cubic-bezier(0, 0.6, 0.43, 0.39), color 0.4s cubic-bezier(0, 0.6, 0.43, 0.39);
}
.s-body .s-rounded-btn--mobile {
display: none;
}
.s-body a.s-rounded-btn--blue,
.s-body .s-rounded-btn--blue {
color: #fff;
text-decoration: none;
background: #3498DB;
border-color: #3498DB;
}
.s-body a.s-rounded-btn--blue svg,
.s-body .s-rounded-btn--blue svg {
fill: #fff;
}
.s-body a.s-rounded-btn--blue:hover,
.s-body .s-rounded-btn--blue:hover {
background: #fff;
color: #3498DB;
border-color: #3498DB;
}
.s-body a.s-rounded-btn--blue:hover svg,
.s-body .s-rounded-btn--blue:hover svg {
fill: #3498DB;
}
.s-body a.s-rounded-btn--black,
.s-body .s-rounded-btn--black {
color: #fff;
text-decoration: none;
background: #000;
border-color: #000;
}
.s-body a.s-rounded-btn--black svg,
.s-body .s-rounded-btn--black svg {
fill: #fff;
}
.s-body a.s-rounded-btn--black:hover,
.s-body .s-rounded-btn--black:hover {
background: #fff;
color: #000;
border-color: #000;
}
.s-body a.s-rounded-btn--black:hover svg,
.s-body .s-rounded-btn--black:hover svg {
fill: #000;
}
.s-body .s-btn {
display: inline-block;
position: relative;
padding: 0 18px;
width: auto;
height: 40px;
border: 1px solid #808080;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-image: none;
vertical-align: middle;
color: #808080;
cursor: pointer;
font-size: 14px;
line-height: 40px;
font-weight: 400;
text-align: center;
-webkit-transition: background 0.3s cubic-bezier(0, 0.5, 0.65, 0.58), color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
-o-transition: background 0.3s cubic-bezier(0, 0.5, 0.65, 0.58), color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
-moz-transition: background 0.3s cubic-bezier(0, 0.5, 0.65, 0.58), color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
transition: background 0.3s cubic-bezier(0, 0.5, 0.65, 0.58), color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
}
.s-body .s-btn > span {
color: inherit;
text-decoration: none;
}
.s-body .s-btn-small {
display: inline-block;
position: relative;
padding: 0 18px;
width: auto;
height: 24px;
border: 1px solid #3498DB;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-image: none;
background: #3498DB;
vertical-align: middle;
color: #fff;
cursor: pointer;
font-size: 12px;
line-height: 24px;
font-weight: 400;
text-align: center;
margin-bottom: 3px;
-webkit-transition: background 0.3s cubic-bezier(0, 0.5, 0.65, 0.58), color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
-o-transition: background 0.3s cubic-bezier(0, 0.5, 0.65, 0.58), color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
-moz-transition: background 0.3s cubic-bezier(0, 0.5, 0.65, 0.58), color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
transition: background 0.3s cubic-bezier(0, 0.5, 0.65, 0.58), color 0.3s cubic-bezier(0, 0.5, 0.65, 0.58);
}
.s-body .s-btn-small > span {
color: inherit;
text-decoration: none;
}
.s-body .s-btn-small.active {
margin-bottom: 3px;
}
.s-body .s-btn--blue {
background: #3498DB;
color: #fff;
border-color: #3498DB;
}
.s-body .s-btn--blue:hover {
background: #fff;
color: #000;
}
.s-body .s-btn--white {
background: #fff;
color: #3498DB;
border-color: #3498DB;
}
.s-body .s-btn--white:hover {
background: #3498DB;
color: #fff;
}
.s-body .s-btn--white.red:hover {
background: #d60419;
color: #fff;
}
.s-body .s-btn--cart {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #3498DB;
border-color: #3498DB;
color: #fff;
padding: 0;
text-decoration: none;
line-height: 40px;
}
.s-body .s-btn--cart .s-svg--cart {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 44px;
min-width: 40px;
max-width: 46px;
-webkit-box-flex: 1;
-webkit-flex: 1 44px;
-moz-box-flex: 1;
-ms-flex: 1 44px;
flex: 1 44px;
padding: 0 0 0 15px;
}
.s-body .s-btn--cart .s-svg--cart svg {
fill: #fff;
stroke: #fff;
}
.s-body .s-btn--cart .s-btn--text {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
-webkit-box-flex: 1;
-webkit-flex: 1 100%;
-moz-box-flex: 1;
-ms-flex: 1 100%;
flex: 1 100%;
vertical-align: middle;
padding: 0 12px 0 7px;
text-align: left;
font-size: 14px;
line-height: 1.2;
font-weight: 400;
text-decoration: none;
}
.s-body .s-btn--cart .s-btn--text > span {
display: block;
}
.s-body .s-btn--cart .s-icon__number {
display: inline-block;
position: absolute;
margin: 0;
padding: 0 4px;
top: -5px;
left: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: auto;
height: 15px;
font-size: 12px;
line-height: 16px;
text-align: center;
font-weight: 700;
color: #3498DB;
border: 1px solid #3498DB;
background: #fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.s-body .s-btn--cart.hover,
.s-body .s-btn--cart:hover {
background: #fff;
}
.s-body .s-btn--cart.hover .s-btn--text,
.s-body .s-btn--cart:hover .s-btn--text {
color: #3498DB;
}
.s-body .s-btn--cart.hover .s-svg--cart svg,
.s-body .s-btn--cart:hover .s-svg--cart svg {
fill: #3498DB;
stroke: #3498DB;
}
.s-body .s-heading--catalog {
display: flex;
align-items: center;
width: 100%;
height: 60px;
line-height: 60px;
margin: 0 auto;
padding: 0 35px 0 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-color: transparent;
text-align: left;
background: #3498DB;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
font-weight: 300;
color: #fff;
}
.s-body .s-btn--catalog {
width: 100%;
height: 60px;
line-height: 60px;
margin: 0 auto;
padding: 0 35px 0 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-color: transparent;
text-align: left;
background: #3498DB;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
font-weight: 300;
color: #fff;
text-decoration: none;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.s-body .s-btn--catalog .s-svg {
fill: #fff;
position: absolute;
right: 20px;
top: 57%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.s-body .s-btn--catalog.s-no-btn {
cursor: default !important;
background: #3498DB !important;
color: #fff !important;
}
.s-body .s-btn--catalog.s-no-btn .s-svg {
fill: #fff !important;
}
.s-body .s-btn--catalog:hover {
background: #E7E8EA;
color: #3498DB;
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.s-body .s-btn--catalog:hover .s-svg {
fill: #3498DB;
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
100% {
-webkit-transform: rotate(720deg);
transform: rotate(720deg);
}
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(3deg);
transform: rotate(3deg);
}
100% {
-moz-transform: rotate(720deg);
transform: rotate(720deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(3deg);
transform: rotate(3deg);
}
100% {
-o-transform: rotate(720deg);
transform: rotate(720deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
transform: rotate(3deg);
}
100% {
-webkit-transform: rotate(720deg);
-moz-transform: rotate(720deg);
-o-transform: rotate(720deg);
transform: rotate(720deg);
}
}
@-webkit-keyframes blink-opacity {
0% {
opacity: 1;
}
60% {
opacity: 0.75;
}
100% {
opacity: 1;
}
}
@-moz-keyframes blink-opacity {
0% {
opacity: 1;
}
60% {
opacity: 0.75;
}
100% {
opacity: 1;
}
}
@-o-keyframes blink-opacity {
0% {
opacity: 1;
}
60% {
opacity: 0.75;
}
100% {
opacity: 1;
}
}
@keyframes blink-opacity {
0% {
opacity: 1;
}
60% {
opacity: 0.75;
}
100% {
opacity: 1;
}
}
.s-form--width {
max-width: 900px;
}
.s-form--center {
margin-left: auto;
margin-right: auto;
}
.s-form-field {
display: inline-block;
width: 100%;
height: auto;
position: relative;
min-height: 54px;
margin: 0;
padding: 0;
background: #FAFAFA;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #D1D1D1;
}
.s-form-field textarea,
.s-form-field input {
display: block;
position: relative;
width: 100%;
height: 54px;
margin: 0 auto;
padding: 0;
background: transparent;
border: none;
-webkit-appearance: none;
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.2;
font-weight: 300;
color: #2B2B2B;
padding: 18px 21px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.s-form-field textarea {
min-height: 108px;
resize: none;
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.2;
font-weight: 300;
color: #2B2B2B;
padding: 18px 21px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.s-form-field.s-form--m-b-8 {
margin-bottom: 8px;
}
.s-form-field.s-form--m-b-11 {
margin-bottom: 11px;
}
.s-form-field.s-form--m-b-14 {
margin-bottom: 14px;
}
.s-form-field.s-form--m-r-10 {
margin-right: 10px;
}
.s-form-field.s-form--m-r-13 {
margin-right: 13px;
}
.s-form-field.s-form--m-r-15 {
margin-right: 15px;
}
.s-form-field.s-form--m-r-20 {
margin-right: 20px;
}
.s-form-field.i-radio.s-form--text-def .s-form-field__icon,
.s-form-field.i-checkbox.s-form--text-def .s-form-field__icon,
.s-form-field.s-form--text-def .s-form-field__icon {
top: 0;
}
.s-form-field.i-radio.s-form--text-def .s-form-field__label,
.s-form-field.i-checkbox.s-form--text-def .s-form-field__label,
.s-form-field.s-form--text-def .s-form-field__label {
font-size: 14px;
line-height: 1.2;
font-weight: 400;
color: #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.s-form-field.i-radio.s-form--text-normal .s-form-field__icon,
.s-form-field.i-checkbox.s-form--text-normal .s-form-field__icon,
.s-form-field.s-form--text-normal .s-form-field__icon {
top: 0;
}
.s-form-field.i-radio.s-form--text-normal .s-form-field__label,
.s-form-field.i-checkbox.s-form--text-normal .s-form-field__label,
.s-form-field.s-form--text-normal .s-form-field__label {
font-size: 14px;
line-height: 1.2;
font-weight: 400;
color: #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.s-form-field.special-field {
display: none !important;
}
.s-form-field.require,
.s-form-field.required,
.s-form-field.invalid,
.s-form-field.error {
border-color: #FF7777;
}
.s-form-field.require textarea,
.s-form-field.required textarea,
.s-form-field.invalid textarea,
.s-form-field.error textarea,
.s-form-field.require input,
.s-form-field.required input,
.s-form-field.invalid input,
.s-form-field.error input {
color: #e71d32;
}
.s-form-field.require.i-radio .s-form-field__icon,
.s-form-field.required.i-radio .s-form-field__icon,
.s-form-field.invalid.i-radio .s-form-field__icon,
.s-form-field.error.i-radio .s-form-field__icon,
.s-form-field.require.i-checkbox .s-form-field__icon,
.s-form-field.required.i-checkbox .s-form-field__icon,
.s-form-field.invalid.i-checkbox .s-form-field__icon,
.s-form-field.error.i-checkbox .s-form-field__icon,
.s-form-field.require .s-form-field__icon,
.s-form-field.required .s-form-field__icon,
.s-form-field.invalid .s-form-field__icon,
.s-form-field.error .s-form-field__icon {
border-color: #FF7777;
}
.s-form-field.require.i-file .s-form-field__label,
.s-form-field.required.i-file .s-form-field__label,
.s-form-field.invalid.i-file .s-form-field__label,
.s-form-field.error.i-file .s-form-field__label {
background: #FF7777;
}
.s-form-field.require.i-file .s-form-field__text,
.s-form-field.required.i-file .s-form-field__text,
.s-form-field.invalid.i-file .s-form-field__text,
.s-form-field.error.i-file .s-form-field__text {
color: #e71d32;
}
.s-form--m-b-8i {
margin-bottom: 8px !important;
}
.s-form--m-b-8 {
margin-bottom: 8px;
}
.s-form--wa {
width: auto;
}
.s-form-field.i-file,
.i-file {
background: transparent;
border-color: transparent;
padding: 0;
overflow: hidden;
}
.s-form-field.i-file > label,
.i-file > label {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 54px;
position: relative;
margin: 0;
padding: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.s-form-field.i-file > label .s-form-field__label,
.i-file > label .s-form-field__label {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
margin: 0;
padding: 0 0 0 17px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
line-height: 1.3;
font-weight: 400;
text-align: left;
color: #fff;
background: #BABABA;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
width: 35%;
min-width: 35%;
max-width: 35%;
-webkit-transition: background-color 0.4s;
-o-transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.s-form-field.i-file > label .s-form-field__text,
.i-file > label .s-form-field__text {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
margin: 0;
padding: 10px 16px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
line-height: 1.2;
font-weight: 400;
text-align: left;
color: #808080;
-webkit-box-flex: 2;
-webkit-flex: 2 auto;
-moz-box-flex: 2;
-ms-flex: 2 auto;
flex: 2 auto;
width: 65%;
min-width: 65%;
max-width: 65%;
}
.s-form-field.i-file > label .s-form-field__text .default-text,
.i-file > label .s-form-field__text .default-text {
display: inline;
}
.s-form-field.i-file > label .s-form-field__text .loading-text,
.i-file > label .s-form-field__text .loading-text {
display: none;
}
.s-form-field.i-file > label .s-form-field__file-ready,
.i-file > label .s-form-field__file-ready {
display: none;
}
.s-form-field.i-file input[type=file],
.i-file input[type=file] {
display: block;
width: 35%;
height: 100%;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
opacity: 0.01;
border: none;
-webkit-appearance: none;
}
.s-form-field.i-file:hover > label .s-form-field__label,
.i-file:hover > label .s-form-field__label {
background: #2B2B2B;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.s-form-field.i-file.ready > label .s-form-field__text,
.i-file.ready > label .s-form-field__text,
.s-form-field.i-file.loaded > label .s-form-field__text,
.i-file.loaded > label .s-form-field__text {
display: none;
}
.s-form-field.i-file.ready > label .s-form-field__file-ready,
.i-file.ready > label .s-form-field__file-ready,
.s-form-field.i-file.loaded > label .s-form-field__file-ready,
.i-file.loaded > label .s-form-field__file-ready {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: auto;
position: relative;
margin: 0;
padding: 8px 45px 8px 8px;
margin: 0 0 0 16px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #FAFAFA;
border: 1px solid #D1D1D1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
word-break: break-all;
}
.s-form-field.i-file.ready > label .s-form-field__file-ready .file-tick,
.i-file.ready > label .s-form-field__file-ready .file-tick,
.s-form-field.i-file.loaded > label .s-form-field__file-ready .file-tick,
.i-file.loaded > label .s-form-field__file-ready .file-tick {
display: inline;
vertical-align: middle;
padding: 0 9px 0 8px;
}
.s-form-field.i-file.ready > label .s-form-field__file-ready .file-tick img,
.i-file.ready > label .s-form-field__file-ready .file-tick img,
.s-form-field.i-file.loaded > label .s-form-field__file-ready .file-tick img,
.i-file.loaded > label .s-form-field__file-ready .file-tick img {
vertical-align: middle;
}
.s-form-field.i-file.ready > label .s-form-field__file-ready .file-name,
.i-file.ready > label .s-form-field__file-ready .file-name,
.s-form-field.i-file.loaded > label .s-form-field__file-ready .file-name,
.i-file.loaded > label .s-form-field__file-ready .file-name {
font-size: 16px;
line-height: 1;
font-weight: 400;
color: #808080;
text-decoration: none;
}
.s-form-field.i-file.ready > label .s-form-field__file-ready .file-remove,
.i-file.ready > label .s-form-field__file-ready .file-remove,
.s-form-field.i-file.loaded > label .s-form-field__file-ready .file-remove,
.i-file.loaded > label .s-form-field__file-ready .file-remove {
display: inline-block;
width: 37px;
height: 37px;
position: absolute;
right: 8px;
top: 8px;
margin: 0;
padding: 0;
cursor: pointer;
background: #BABABA;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
vertical-align: middle;
z-index: 2;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.s-form-field.i-file.ready > label .s-form-field__file-ready .file-remove:hover,
.i-file.ready > label .s-form-field__file-ready .file-remove:hover,
.s-form-field.i-file.loaded > label .s-form-field__file-ready .file-remove:hover,
.i-file.loaded > label .s-form-field__file-ready .file-remove:hover {
background: #000;
-webkit-transition: background-color 0.4s;
-o-transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.s-form-field.i-file.ready > label .s-form-field__file-ready .file-remove img,
.i-file.ready > label .s-form-field__file-ready .file-remove img,
.s-form-field.i-file.loaded > label .s-form-field__file-ready .file-remove img,
.i-file.loaded > label .s-form-field__file-ready .file-remove img {
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.s-form-field.i-file.ready:hover > label .s-form-field__label,
.i-file.ready:hover > label .s-form-field__label,
.s-form-field.i-file.loaded:hover > label .s-form-field__label,
.i-file.loaded:hover > label .s-form-field__label {
background: #BABABA;
}
.s-form-field.i-file.load > label .s-form-field__label,
.i-file.load > label .s-form-field__label,
.s-form-field.i-file.loading > label .s-form-field__label,
.i-file.loading > label .s-form-field__label {
background: #2B2B2B;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.s-form-field.i-file.load > label .s-form-field__text .default-text,
.i-file.load > label .s-form-field__text .default-text,
.s-form-field.i-file.loading > label .s-form-field__text .default-text,
.i-file.loading > label .s-form-field__text .default-text {
display: none;
}
.s-form-field.i-file.load > label .s-form-field__text .loading-text,
.i-file.load > label .s-form-field__text .loading-text,
.s-form-field.i-file.loading > label .s-form-field__text .loading-text,
.i-file.loading > label .s-form-field__text .loading-text {
display: inline;
}
.s-form-field.i-checkbox,
.i-checkbox,
.s-form-field.i-radio,
.i-radio {
min-height: 0;
background: transparent;
border-color: transparent;
}
.s-form-field.i-checkbox > label,
.i-checkbox > label,
.s-form-field.i-radio > label,
.i-radio > label {
display: block;
width: 100%;
height: auto;
padding: 0 0 0 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.s-form-field.i-checkbox input,
.i-checkbox input,
.s-form-field.i-radio input,
.i-radio input {
width: 0;
height: 0;
overflow: hidden;
opacity: 0;
left: 0;
top: 0;
position: absolute;
}
.s-form-field.i-checkbox .s-form-field__icon,
.i-checkbox .s-form-field__icon,
.s-form-field.i-radio .s-form-field__icon,
.i-radio .s-form-field__icon {
display: block;
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: 2px;
background: #fff;
border: 1px solid #D1D1D1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.s-form-field.i-checkbox .s-form-field__icon:hover,
.i-checkbox .s-form-field__icon:hover,
.s-form-field.i-radio .s-form-field__icon:hover,
.i-radio .s-form-field__icon:hover {
background: #D1D1D1;
}
.s-form-field.i-checkbox .s-form-field__label,
.i-checkbox .s-form-field__label,
.s-form-field.i-radio .s-form-field__label,
.i-radio .s-form-field__label {
display: inline;
vertical-align: middle;
font-family: 'Roboto', sans-serif;
font-size: 13px;
line-height: 1.2;
font-weight: 400;
color: #696969;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.s-form-field.i-checkbox .s-form-field__label a,
.i-checkbox .s-form-field__label a,
.s-form-field.i-radio .s-form-field__label a,
.i-radio .s-form-field__label a {
color: #3498DB;
text-decoration: underline;
}
.s-form-field.i-checkbox .s-form-field__label a:hover,
.i-checkbox .s-form-field__label a:hover,
.s-form-field.i-radio .s-form-field__label a:hover,
.i-radio .s-form-field__label a:hover {
color: #000;
text-decoration: none;
}
.s-form-field.i-checkbox input:checked + .s-form-field__icon,
.i-checkbox input:checked + .s-form-field__icon,
.s-form-field.i-radio input:checked + .s-form-field__icon,
.i-radio input:checked + .s-form-field__icon {
border-color: #3498DB;
background: #3498DB url('/local/templates/dresscode_lk/svg/tick-white.svg') 50% 50% no-repeat;
}
.s-form-field.i-checkbox input[disabled] + .s-form-field__icon,
.i-checkbox input[disabled] + .s-form-field__icon,
.s-form-field.i-radio input[disabled] + .s-form-field__icon,
.i-radio input[disabled] + .s-form-field__icon {
background: #eaeaea;
cursor: default;
border-color: #fff;
}
.s-form-field.i-checkbox input[disabled] + .s-form-field__icon + .s-form-field__label,
.i-checkbox input[disabled] + .s-form-field__icon + .s-form-field__label,
.s-form-field.i-radio input[disabled] + .s-form-field__icon + .s-form-field__label,
.i-radio input[disabled] + .s-form-field__icon + .s-form-field__label {
color: #d5d5d5;
}
.s-form-field.i-checkbox.s-form--icon-rounded .s-form-field__icon,
.i-checkbox.s-form--icon-rounded .s-form-field__icon,
.s-form-field.i-radio.s-form--icon-rounded .s-form-field__icon,
.i-radio.s-form--icon-rounded .s-form-field__icon {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.sale-order-history-link {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.information-item-icon {
width: 55px;
}
.s-mainProfile .profileSettings textarea,
#s-mainProfile .profileSettings textarea,
#mainProfile .profileSettings textarea {
resize: none;
}
.s-mainProfile .profileSettings textarea,
#s-mainProfile .profileSettings textarea,
#mainProfile .profileSettings textarea,
.s-mainProfile .profileSettings input,
#s-mainProfile .profileSettings input,
#mainProfile .profileSettings input,
.s-mainProfile .profileSettings input[type=text],
#s-mainProfile .profileSettings input[type=text],
#mainProfile .profileSettings input[type=text] {
background: #fff;
border: 1px solid #3498DB;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
min-width: 180px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 48px;
padding: 0 12px;
font: 300 14px/1.3 'Roboto', sans-serif;
}
.s-mainProfile .profileSettings input[type=checkbox],
#s-mainProfile .profileSettings input[type=checkbox],
#mainProfile .profileSettings input[type=checkbox],
.s-mainProfile .profileSettings input[type=radio],
#s-mainProfile .profileSettings input[type=radio],
#mainProfile .profileSettings input[type=radio] {
width: 16px;
height: 16px;
min-width: 0;
padding: 0;
vertical-align: middle;
}
.s-form--styles .webFormItemField textarea {
resize: none;
}
.s-form--styles .webFormItemField textarea,
.s-form--styles .webFormItemField input,
.s-form--styles .webFormItemField input[type=text] {
background: #fff;
border: 1px solid #3498DB;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
min-width: 180px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 48px;
padding: 0 12px;
font: 300 14px/1.3 'Roboto', sans-serif;
}
.s-form--styles .webFormItemField1 textarea,
.s-form--styles .webFormItemField1 input,
.s-form--styles .webFormItemField1 input[type=text] {
background: #f3f3f3;
min-width: 180px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 48px;
padding: 0 12px;
font: 300 14px/1.3 'Roboto', sans-serif;
}
.s-form--styles .webFormItemField input[type=checkbox],
.s-form--styles .webFormItemField input[type=radio] {
width: 16px;
height: 16px;
min-width: 0;
padding: 0;
vertical-align: middle;
}
.s-form--styles .webFormItemField textarea,
.s-form--styles .webFormItemField input,
.s-form--styles .webFormItemField input[type=text] {
border-color: #3498DB;
}
.s-form--styles .webFormItemField1 input[type=checkbox],
.s-form--styles .webFormItemField1 input[type=radio] {
width: 16px;
height: 16px;
min-width: 0;
padding: 0;
vertical-align: middle;
}
.s-form--styles .webFormItemField1 textarea,
.s-form--styles .webFormItemField1 input,
.s-form--styles .webFormItemField1 input[type=text] {
width: 420px;
background: #fff;
border: 1px solid #3498DB;
border-color: #3498DB;
}
.s-form--styles .webFormItemField1 textarea {
padding-top: 16px;
padding-bottom: 16px;
min-height: 207px;
}
.s-form--styles .webFormItemField textarea {
padding-top: 16px;
padding-bottom: 16px;
min-height: 151px;
}
.s-form--styles .webFormItemField1 input[type=checkbox],
.s-form--styles .webFormItemField1 input[type=radio] {
width: 16px;
height: 16px;
min-width: 0;
padding: 0;
vertical-align: middle;
}
.s-form--styles .webFormItemField input[type=checkbox],
.s-form--styles .webFormItemField input[type=radio] {
width: 16px;
height: 16px;
min-width: 0;
padding: 0;
vertical-align: middle;
}
.s-form--styles textarea {
resize: none;
}
.s-form--styles textarea,
.s-form--styles input,
.s-form--styles input[type=text] {
background: #fff;
border: 1px solid #3498DB;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
min-width: 180px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 48px;
padding: 0 12px;
font: 300 14px/1.3 'Roboto', sans-serif;
}
.s-form--styles input[type=checkbox],
.s-form--styles input[type=radio] {
width: 16px;
height: 16px;
min-width: 0;
padding: 0;
vertical-align: middle;
}
.s-form--styles textarea,
.s-form--styles input,
.s-form--styles input[type=text] {
border-color: #3498DB;
}
.s-form--styles textarea {
padding-top: 16px;
padding-bottom: 16px;
min-height: 207px;
}
.s-form--styles input[type=checkbox],
.s-form--styles input[type=radio] {
width: 16px;
height: 16px;
min-width: 0;
padding: 0;
vertical-align: middle;
}
.information-feedback,
.bx-auth .submit {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.subscribe-form-item-list {
padding-left: 0;
}
.subscribe-form-item-list li {
list-style: none;
}
.subscribe-form-item {
max-width: 100%;
width: 500px;
margin-bottom: 10px;
}
.subscribe-form-item textarea {
resize: none;
}
.subscribe-form-item textarea,
.subscribe-form-item input,
.subscribe-form-item input[type=text] {
background: #fff;
border: 1px solid #3498DB;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
min-width: 180px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 48px;
padding: 0 12px;
font: 300 14px/1.3 'Roboto', sans-serif;
}
.subscribe-form-item input[type=checkbox],
.subscribe-form-item input[type=radio] {
width: 16px;
height: 16px;
min-width: 0;
padding: 0;
vertical-align: middle;
}
.s-form--color-circle {
display: inline-block;
width: 52px;
height: 52px;
position: relative;
border: 1px solid #e7e8ea;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.s-form--color-circle .s-form--color-circle__color {
display: inline-block;
width: 40px;
height: 40px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
border: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #f11212;
}
.s-float-header {
display: block;
width: 100%;
width: 100vw;
height: auto;
margin: 0 auto;
padding: 0;
z-index: 100;
position: fixed;
left: 0;
top: 0;
}
.s-float-header.active {
position: fixed;
top: 0;
left: 0;
}
.s-float-menu {
display: block;
height: auto;
margin: 0;
padding: 0;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 100%;
height: 0;
position: relative;
z-index: 70;
position: fixed;
left: 0;
top: 0;
-webkit-transition: max-height 0.9s ease-in;
-o-transition: max-height 0.9s ease-in;
-moz-transition: max-height 0.9s ease-in;
transition: max-height 0.9s ease-in;
}
.s-float-menu:before {
content: '';
display: block;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.57);
z-index: 0;
height: 0;
overflow: hidden;
-webkit-transition: height 0.3s ease-out;
-o-transition: height 0.3s ease-out;
-moz-transition: height 0.3s ease-out;
transition: height 0.3s ease-out;
}
.s-float-menu .s-cat-popup {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.2s ease-in;
-o-transition: max-height 0.2s ease-in;
-moz-transition: max-height 0.2s ease-in;
transition: max-height 0.2s ease-in;
}
.s-float-menu.active {
height: auto;
}
.s-float-menu.active .s-cat-popup {
max-height: none;
max-height: 100vh;
-webkit-transition: max-height 0.4s ease-in 0.3s;
-o-transition: max-height 0.4s ease-in 0.3s;
-moz-transition: max-height 0.4s ease-in 0.3s;
transition: max-height 0.4s ease-in 0.3s;
}
.s-float-menu.active:before {
height: 100%;
-webkit-transition: height 0.4s ease-in;
-o-transition: height 0.4s ease-in;
-moz-transition: height 0.4s ease-in;
transition: height 0.4s ease-in;
}
.s-cat-popup {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: auto;
max-height: 100vh;
background: #F2F8FF;
z-index: 1;
}
.s-cat-popup:after {
content: '';
display: block;
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 100%;
background: #fff;
z-index: 1;
}
.s-cat-menu {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
height: auto;
position: relative;
font-family: 'Roboto', sans-serif;
}
.s-cat-menu__left {
display: block;
position: relative;
padding: 30px 0 45px;
width: 350px;
height: auto;
background: #F2F8FF;
-webkit-box-flex: 1;
-webkit-flex: 1 350px;
-moz-box-flex: 1;
-ms-flex: 1 350px;
flex: 1 350px;
min-width: 120px;
max-width: 350px;
z-index: 2;
}
.s-cat-menu__right {
display: block;
position: relative;
padding: 30px 24px 45px;
width: 100%;
height: auto;
background: #fff;
-webkit-box-flex: 3;
-webkit-flex: 3 auto;
-moz-box-flex: 3;
-ms-flex: 3 auto;
flex: 3 auto;
max-width: 100%;
z-index: 2;
}
.s-cat-menu__item {
display: block;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
padding: 10px 15px;
margin: 5px 0;
width: 100%;
height: auto;
background: transparent;
border: none;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
font-size: 16px;
line-height: 1.2;
font-weight: 400;
color: #2B2B2B;
}
.s-cat-menu__item.active {
background: #fff;
}
a.s-cat-menu__item {
text-decoration: none;
color: #2B2B2B;
-webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;
-o-transition: background-color 0.3s ease-in, color 0.3s ease-in;
-moz-transition: background-color 0.3s ease-in, color 0.3s ease-in;
transition: background-color 0.3s ease-in, color 0.3s ease-in;
}
a.s-cat-menu__item:hover {
background: #fff;
-webkit-transition: background-color 0.4s ease-out, color 0.4s ease-out;
-o-transition: background-color 0.4s ease-out, color 0.4s ease-out;
-moz-transition: background-color 0.4s ease-out, color 0.4s ease-out;
transition: background-color 0.4s ease-out, color 0.4s ease-out;
}
a.s-cat-menu__item.active {
background: #fff;
}
.s-cat-menu__inner {
-webkit-columns: 3 auto;
-moz-columns: 3 auto;
columns: 3 auto;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
-webkit-column-fill: auto;
-moz-column-fill: auto;
column-fill: auto;
height: 100%;
display: none;
/*column-rule: solid 1px #D6D6D6;*/
}
.s-cat-menu__inner.active {
display: block;
}
.s-cat-menu__inner:before {
content: '';
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 1px;
height: 100%;
background: #D6D6D6;
position: absolute;
left: 33.2%;
top: 0;
z-index: 0;
}
.s-cat-menu__inner:after {
content: '';
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 1px;
height: 100%;
background: #D6D6D6;
position: absolute;
left: 66.5%;
top: 0;
z-index: 0;
}
.s-cat-menu__inner__item {
display: inline-block;
position: relative;
width: 100%;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 8px 30px 8px 0;
margin: 0;
font-size: 14px;
line-height: 1.2;
font-weight: 300;
color: #2B2B2B;
zoom: 1;
-webkit-transition: background-color 0.3s ease-in;
-o-transition: background-color 0.3s ease-in;
-moz-transition: background-color 0.3s ease-in;
transition: background-color 0.3s ease-in;
}
.s-cat-menu__inner__item:after {
content: ' ';
display: block;
font-size: 0;
width: 100%;
height: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
margin: 0;
padding: 0;
clear: both;
visibility: hidden;
}
.s-cat-menu__inner__item .s-counter {
display: block;
width: auto;
height: auto;
position: absolute;
right: 0;
top: 8px;
color: #3498DB;
}
.s-cat-menu__inner__item.bold {
font-weight: 700;
}
.s-cat-menu__inner__item.bold .s-counter {
font-weight: 700;
}
.s-cat-menu__inner__item:hover {
color: #3498DB;
-webkit-transition: color 0.4s ease-out;
-o-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
transition: color 0.4s ease-out;
}
a.s-cat-menu__inner__item {
text-decoration: none;
color: #2B2B2B;
}
a.s-cat-menu__inner__item:hover {
color: #3498DB;
}
.s-body .modal-search #topSearch2 .searchContainerInner,
.modal-search #topSearch2 .searchContainerInner {
height: 70px;
overflow: hidden;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.s-body .modal-search #topSearch2 .searchContainer,
.modal-search #topSearch2 .searchContainer {
height: 70px;
background: #fff;
}
.s-body .modal-search #topSearch2 #searchQuery,
.modal-search #topSearch2 #searchQuery {
height: 70px;
font-size: 18px;
}
.s-body .modal-search #topSearch2 .searchColumn:last-child,
.modal-search #topSearch2 .searchColumn:last-child {
width: 70px;
}
.s-body .modal-search #topSearch2 #goSearch,
.modal-search #topSearch2 #goSearch {
width: 70px;
height: 70px;
-webkit-background-size: 24px 24px;
-moz-background-size: 24px 24px;
background-size: 24px 24px;
}
.modal-div {
display: none;
width: 100%;
height: auto;
position: fixed;
left: 150%;
top: 0;
z-index: 105;
}
.modal-div.active {
display: block;
}
.modal-div__wrapper {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
padding: 0 14px;
}
.modal-div__close {
display: inline-block;
width: 55px;
height: 60px;
position: absolute;
right: 0;
top: -60px;
background: transparent;
text-align: center;
cursor: pointer;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.modal-div__close svg {
fill: #fff;
position: relative;
top: 3px;
}
.modal-div__close .s-svg {
width: 30px;
height: 30px;
position: absolute;
vertical-align: baseline;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
top: 50%;
left: 50%;
}
.modal-div__close:hover {
background: #fff;
-webkit-transition: background-color 0.4s;
-o-transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.modal-div__close:hover svg {
fill: #3498DB;
}
.s-modal {
display: none;
width: auto;
height: auto;
position: fixed;
left: -150%;
top: 0;
z-index: 105;
}
.s-modal__back {
display: block;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.46);
position: fixed;
left: -150%;
top: 0;
z-index: 99;
-webkit-transition: left 0.7s ease-in 0.3s;
-o-transition: left 0.7s ease-in 0.3s;
-moz-transition: left 0.7s ease-in 0.3s;
transition: left 0.7s ease-in 0.3s;
}
.s-modal__wrapper {
display: block;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
}
.s-modal__content {
display: block;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 100%;
height: auto;
padding: 23px 20px;
}
.s-modal--menu {
width: 100%;
height: 100%;
left: 0;
top: -150%;
max-width: 392px;
-webkit-transition: top 0.5s ease-in;
-o-transition: top 0.5s ease-in;
-moz-transition: top 0.5s ease-in;
transition: top 0.5s ease-in;
background: #202020;
padding: 0;
}
.s-modal--menu.active {
display: block;
}
.s-modal--open .s-modal__back {
left: 0;
top: 0;
-webkit-transition: left 0.5s ease-in;
-o-transition: left 0.5s ease-in;
-moz-transition: left 0.5s ease-in;
transition: left 0.5s ease-in;
}
.s-modal--open .s-modal--menu {
left: 0;
top: 0;
-webkit-transition: top 0.7s ease-out 0.3s;
-o-transition: top 0.7s ease-out 0.3s;
-moz-transition: top 0.7s ease-out 0.3s;
transition: top 0.7s ease-out 0.3s;
}
.s-modal--open .modal-div {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: top 0.7s ease-out 0.3s;
-o-transition: top 0.7s ease-out 0.3s;
-moz-transition: top 0.7s ease-out 0.3s;
transition: top 0.7s ease-out 0.3s;
}
.s-modal-menu {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
}
.s-modal-menu > li {
display: block;
width: 100%;
height: auto;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
padding: 0;
margin: 0;
background: #2B2B2B;
border-bottom: 2px solid #8F8F8F;
}
.s-modal-menu > li > span,
.s-modal-menu > li > a {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
padding: 16px 34px 16px 20px;
font-family: 'Roboto', sans-serif;
font-size: 22px;
line-height: 1.2;
font-weight: 300;
color: #fff;
text-decoration: none;
}
.s-modal-menu > li > a:hover {
color: #3498DB;
}
.s-modal-menu > li:first-child {
border-top: 1px solid #5F5F5F;
}
.s-modal-menu > li .open + .s-modal-menu__inner {
display: block;
}
.s-modal-menu > li .s-svg--arrow-down {
position: absolute;
right: 18px;
top: 38%;
-webkit-transform: rotateZ(90deg) translateY(-50%);
-moz-transform: rotateZ(90deg) translateY(-50%);
-ms-transform: rotate(90deg) translateY(-50%);
-o-transform: rotateZ(90deg) translateY(-50%);
transform: rotateZ(90deg) translateY(-50%);
width: 9px;
height: 15px;
}
.s-modal-menu > li .s-svg--arrow-down svg {
fill: #fff;
}
.s-modal-menu > li > span.active + .s-modal-menu__inner,
.s-modal-menu > li > a.active + .s-modal-menu__inner {
display: block;
}
.s-modal-menu > li > span.active .s-svg--arrow-down,
.s-modal-menu > li > a.active .s-svg--arrow-down {
-webkit-transform: rotateZ(-90deg) translateY(-50%);
-moz-transform: rotateZ(-90deg) translateY(-50%);
-ms-transform: rotate(-90deg) translateY(-50%);
-o-transform: rotateZ(-90deg) translateY(-50%);
transform: rotateZ(-90deg) translateY(-50%);
}
.s-modal-menu > li > span.active .s-svg--arrow-down svg,
.s-modal-menu > li > a.active .s-svg--arrow-down svg {
fill: #3498DB;
}
.s-modal-menu__inner {
display: none;
position: relative;
margin: 0;
padding: 0 0px 20px 0px;
width: 100%;
height: auto;
}
.s-modal-menu__inner > li {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #5F5F5F;
}
.s-modal-menu__inner > li:last-child {
border-bottom: 0px solid #5F5F5F;
}
.s-modal-menu__inner > li > span,
.s-modal-menu__inner > li > a {
font-family: 'Roboto', sans-serif;
font-weight: 400;
color: #fff;
text-decoration: none;
padding: 12px 34px 14px 20px;
font-size: 18px;
line-height: 1.2;
height: auto;
display: block;
}
.s-modal-menu__inner > li.lvl2 {
margin-bottom: 5px;
border-bottom: 1px solid #5F5F5F;
height: auto;
}
.s-modal-menu__inner > li.lvl3 {
margin-bottom:5px;
}
.s-modal-menu__inner > li.lvl2 > a {
font-weight: 100;
display: block;
height: auto;
padding: 6px 34px 12px 40px;
font-size: 18px;
line-height: 1.2;
}
.s-modal-menu__inner > li.lvl3 > a {
font-size: 15px;
font-weight: 100;
}
.s-modal-menu__inner > li > a.selected {
color:#3498DB;
}
.s-modal-menu__inner > li > a:hover {
color: #3498DB;
}
.s-modal__mobile__block {
display: none;
}
.s-modal__mobile__block.white {
background: #fff;
}
.s-modal__mobile__block.std {
padding-top: 28px;
padding-bottom: 28px;
}
.s-modal__mobile__block .s-header__column--logo {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
height: 85px;
}
.s-modal__mobile__block .s-header__column--logo-text {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
height: 85px;
}
.s-modal__close {
display: inline-block;
width: 55px;
height: 60px;
position: absolute;
right: -55px;
top: 0;
background: #3498DB;
text-align: center;
cursor: pointer;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.s-modal__close svg {
fill: #fff;
position: relative;
top: 3px;
}
.s-modal__close .s-svg {
width: 30px;
height: 30px;
position: absolute;
vertical-align: baseline;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
top: 50%;
left: 50%;
}
.s-modal__close:hover {
background: #fff;
-webkit-transition: background-color 0.4s;
-o-transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.s-modal__close:hover svg {
fill: #3498DB;
}
.s-body #catalog .s-text-dropdown {
background: #d60419;
color: #fff;
border-color: #d60419;
}
.s-body #catalog .s-text-dropdown .s-arrow--up-blue,
.s-body #catalog .s-text-dropdown .s-arrow--down-blue {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAFG9gWtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGlJREFUeNpi+P///wWAAGIAEgwAAcQIIoBAACCAwDwmIOs/QADBhEAEI0jkAxALgkQAAgikZj5MHSMQzwcxLgCxIUjqAkgKIMBAjAX/IQCsFiYIww+gkgUgTgKUA9IqAHOPAAMEfIDSDAB+0ll9TEIUxwAAAABJRU5ErkJggg==');
}
.s-body #catalog .s-text-dropdown:hover {
background: #fff;
color: #d60419;
}
.s-body #catalog .s-text-dropdown:hover .s-arrow--up-blue,
.s-body #catalog .s-text-dropdown:hover .s-arrow--down-blue {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAFG9gWtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG5JREFUeNpiuMYieQEggBiABANAADGCCCAQAAggMI8JyPoPEEAwof9AzAgS+QDEgiARgAACqZkPU8cIxPNBjAtAbAhiJACxAUCAgXQvADLigRhEJ4L0wWRBehyhRhfABP8jWTEBpF2AAQI+QGkGAO+2F095GADDAAAAAElFTkSuQmCC');
}
.s-body #catalog .s-text-dropdown.active {
background: #fff;
color: #d60419;
}
.s-body #catalog .s-text-dropdown.active .s-arrow--up-blue,
.s-body #catalog .s-text-dropdown.active .s-arrow--down-blue {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAFG9gWtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG5JREFUeNpiuMYieQEggBiABANAADGCCCAQAAggMI8JyPoPEEAwof9AzAgS+QDEgiARgAACqZkPU8cIxPNBjAtAbAhiJACxAUCAgXQvADLigRhEJ4L0wWRBehyhRhfABP8jWTEBpF2AAQI+QGkGAO+2F095GADDAAAAAElFTkSuQmCC');
}
.s-body .s-filters .s-text-dropdown .s-text-closed,
.s-body .s-filters .s-text-dropdown .s-text-opened {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
line-height: 60px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #ffffff;
height: 60px;
font-size: 18px;
text-align: center;
text-decoration: none;
margin-top: 16px;
margin-bottom: 12px;
background-color: #3498db;
padding: 0 20px;
}
.s-body .s-arrow--down-white,
.s-body .s-arrow--up-white {
display: inline-block;
position: relative;
vertical-align: middle;
width: 10px;
height: 7px;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.s-body .s-arrow--up-white {
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotateZ(180deg);
transform: rotateZ(180deg);
top: -2px;
}
.s-body .s-arrow--down-white:before,
.s-body .s-arrow--up-white:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 7px;
height: 1px;
background: #fff;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateZ(40deg);
-moz-transform: rotateZ(40deg);
-ms-transform: rotate(40deg);
-o-transform: rotateZ(40deg);
transform: rotateZ(40deg);
}
.s-body .s-arrow--down-white:after,
.s-body .s-arrow--up-white:after {
content: '';
display: block;
position: absolute;
right: 0;
top: 0;
width: 7px;
height: 1px;
background: #fff;
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: rotateZ(-40deg);
-moz-transform: rotateZ(-40deg);
-ms-transform: rotate(-40deg);
-o-transform: rotateZ(-40deg);
transform: rotateZ(-40deg);
}
@media screen and (min-width: 1921px) {
.s-body #catalogElement .product {
width: 100%;
}
}
@media screen and (max-width: 1921px) {
.s-body #catalogElement .product {
width: 100%;
}
}
@media screen and (max-width: 1800px) {
.product .price .discount {
display: inline-block;
width: auto;
}
.s-product-carousel .product {
width: 100%;
}
.s-body #elementContainer #moreImagesCarousel.show .controls {
display: none;
}
#basketProductList .product:hover .tabloid,
#basketProductListCalc .product:hover .tabloid {
position: relative;
}
#basketProductList .product,
#basketProductListCalc .product {
height: auto;
}
#basketProductList .product .basketQty,
#basketProductListCalc .product .basketQty {
width: 100%;
}
.tablet-br {
display: block;
width: 100%;
}
}
@media screen and (max-width: 1630px) {
.s-body .s-product-pictures {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.s-body .s-product-pictures__item.gallery {
width: 340px;
min-width: 340px;
max-width: 340px;
width: 100%;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.s-body .s-product-pictures__item.image {
width: 340px;
min-width: 340px;
max-width: 340px;
width: 100%;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.s-body .s-product-pictures__gallery {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
width: 340px;
}
.s-body #elementContainer #moreImagesCarousel .slideBox .item {
width: 75px;
height: 75px;
}
.s-body #elementContainer #moreImagesCarousel .controls {
display: none;
}
#elementContainer #moreImagesCarousel {
padding-top: 14px;
}
#elementContainer #moreImagesCarousel .carouselWrapper {
width: 100%;
}
#elementContainer #moreImagesCarousel .slideBox {
height: 75px;
}
.s-body #elementContainer #moreImagesCarousel .slideBox .item a {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
width: 100%;
height: 100%;
}
.s-body #elementContainer #moreImagesCarousel .slideBox .item a img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.s-body .s-catalog-columns__col--product-image {
min-width: 370px;
}
}
@media screen and (max-width: 1550px) {
.s-body .s-header__column--logo-text {
display: none;
}
.s-body .s-header__column--telephone {
padding-left: 25px;
}
.s-body .s-header__column--email {
width: 200px;
min-width: 200px;
max-width: 200px;
}
.s-body .s-header__column--last {
min-width: 380px;
}
.s-body .topWishlist {
margin-right: 10px;
}
.s-body #subHeader2 .cart {
margin-right: 10px;
}
.s-body .s-btn--cart .s-icon__number {
line-height: 14px;
}
.s-body .s-icon__number {
line-height: 15px;
}
.s-body .s-catalog-columns__col--first {
min-width: 190px;
width: 30%;
max-width: 210px;
}
.s-body .s-catalog-columns__col--last.s-p-l--30 {
padding-left: 20px;
}
.s-body #personalCart #coupon .couponField {
width: 60%;
}
.s-body #personalCart .orderLine #sum {
padding-right: 50px;
}
.s-body.s-hide-left #right {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 1500px) {
.s-body .global-information-block,
.s-body .global-information-block.fixed .global-information-block-hide-scroll-cn {
width: 320px !important;
}
}
@media screen and (max-width: 1380px) {
.s-body .s-rounded-box > .s-rounded-text {
width: 155px;
}
}
@media screen and (max-width: 1300px) {
.s-body .items.productList .product {
width: 33.33333%;
}
}
@media screen and (max-width: 1280px) {
.s-body .s-header__menu {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.s-body .s-header__column--logo {
width: 127px;
min-width: 127px;
max-width: 127px;
}
.s-body .s-header__column--email {
width: 200px;
min-width: 200px;
max-width: 200px;
}
.s-body #topSearch2 #goSearch {
width: 44px;
}
.s-body #topSearch2 .searchColumn:last-child {
width: 44px;
}
.s-body .s-btn--cart .s-btn--text {
padding-left: 4px;
}
#brandList .item,
#popSection .item {
width: 20%;
}
#brandList .picture img {
max-height: 70%;
}
.s-body .s-white-block h1,
.s-body .s-white-block .h1 {
font-size: 23px;
}
.s-body .s-header__column--email {
display: none;
}
.s-body .owl-nav {
display: none;
}
/* product list - begin */
.s-body .s-filters #smartFilter .paramsBox,
.s-body .s-filters .paramsBox {
width: 33.331%;
min-width: 33.331%;
max-width: 33.331%;
-webkit-box-flex: 1;
-webkit-flex: 1 33.331%;
-moz-box-flex: 1;
-ms-flex: 1 33.331%;
flex: 1 33.331%;
}
.s-body .items.productList .product,
.s-body .items.productList .product .tabloid {
height: auto;
}
.s-body .items.productList .product:hover .tabloid {
position: relative;
}
.s-body .s-add-cart-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-moz-box-align: baseline;
-ms-flex-align: baseline;
/*align-items: stretch;*/
align-items: baseline;
}
.s-body .s-add-cart-container .addCart.s-add-cart-btn {
padding: 0;
margin: 0;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
height: 43px;
line-height: 43px;
-webkit-box-flex: 4;
-webkit-flex: 4 auto;
-moz-box-flex: 4;
-ms-flex: 4 auto;
flex: 4 auto;
width: 43px;
min-width: 43px;
max-width: 43px;
}
.s-body .s-add-cart-container .s-add-cart-icon {
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
width: 20%;
min-width: 20%;
max-width: 20%;
}
.s-body .s-add-cart-container .s-add-cart-icon .s-svg {
width: 25px;
height: 23px;
fill: #808080;
stroke: #808080;
top: 10px;
}
.s-body .s-add-cart-container .s-add-cart-icon .s-svg svg {
width: 100%;
height: auto;
max-width: 100%;
vertical-align: baseline;
}
.s-body .s-add-cart-container a.s-add-cart-icon:hover .s-svg {
fill: #FF9A00;
stroke: #FF9A00;
}
/* product list - end */
.s-body .s-catalog-columns__col--product {
width: 100%;
min-width: 100%;
max-width: 100%;
}
.s-body .s-catalog-columns__col--purchase {
display: none;
}
.s-body .s-catalog-columns#browse .s-catalog-columns__col--purchase {
display: block;
}
.s-body .basketQty,
.s-body .s-product-counter .qtyBlock {
display: block !important;
}
.s-body #elementTools.fixed .fixContainer,
.s-body #elementNavigation.fixed .tabs {
min-width: 205px;
max-width: 205px;
}
.s-body #elementTools.fixed .fixContainer {
position: relative;
top: auto;
padding: 0;
}
.s-body #elementNavigation {
position: -webkit-sticky;
position: sticky;
top: 190px;
}
.s-body #files .s-files-list__item.item,
.s-body .s-files-list .s-files-list__item.item,
.s-body .s-files-list__item.item,
.s-body .s-files-list__item {
width: 320px;
min-width: 320px;
max-width: 320px;
}
.s-body #right {
padding-right: 24px;
}
.s-body #elementTools .price,
.s-body #smallElementTools .price {
font-size: 19px;
}
.s-body .s-main-slider__item {
width: auto;
}
body.s-body .product .price.getPricesWindow {
margin-bottom: 0;
}
}
@media screen and (max-width: 1250px) {
.s-body .s-limiter {
padding: 0 24px;
max-width: 100%;
}
.s-body .s-catalog-columns__col--first {
width: 125px;
min-width: 125px;
max-width: 125px;
}
.s-body #elementNavigation .tabs a {
font-size: 12px;
padding: 10px 22px 10px 15px;
text-align: center;
}
.s-body .elementNavigation__tabs {
padding: 12px 0 12px 6px;
margin-left: -24px;
}
.s-body .s-catalog-columns.s-product-header-row .s-catalog-columns__col--last.s-p-l--30 {
padding-left: 0;
width: 100%;
}
.s-body .s-catalog-columns.s-product-header-row .s-catalog-columns__col--first {
display: none;
}
.s-body #elementTools.fixed .fixContainer,
.s-body #elementNavigation.fixed .tabs {
min-width: 149px;
max-width: 149px;
width: 149px;
}
.s-body .s-catalog-columns__col--product-info {
min-width: 30%;
max-width: 65%;
width: 65%;
}
}
@media screen and (max-width: 1150px) {
.s-body #subHeader2 {
height: 107px;
}
/* .productTable - begin */
.s-body #personalCart .productTable {
width: 100%;
}
.s-body #personalCart .productTable thead {
display: none;
}
.s-body #personalCart .productTable tbody {
display: block;
position: relative;
width: 100%;
height: auto;
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.s-body #personalCart .productTable tbody tr {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
width: 100%;
height: auto;
margin: 0;
padding: 17px 23px 17px 240px;
min-height: 204px;
border-bottom: 1px solid #E7E8EA;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-left: 1px solid #E7E8EA;
border-right: 1px solid #E7E8EA;
}
.s-body #personalCart .productTable tbody tr:first-child {
border-top: 1px solid #E7E8EA;
}
.s-body #personalCart .productTable tbody td {
display: block;
width: auto;
height: auto;
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: none;
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-moz-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
position: relative;
}
.s-body #personalCart .productTable tbody .table-product__td--del {
position: absolute;
width: 21px;
height: 21px;
right: 23px;
top: 18px;
z-index: 10;
}
.s-body #personalCart .productTable tbody .table-product__td--img {
position: absolute;
width: 190px;
height: 170px;
left: 23px;
top: 18px;
z-index: 1;
}
.s-body #personalCart .productTable tbody .table-product__td--img .pic {
width: 100%;
height: 170px;
}
.s-body #personalCart .productTable tbody .table-product__td--img .pic img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: none;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.s-body #personalCart .productTable tbody .table-product__td--avail {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-moz-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
padding: 0 0 14px;
width: 100%;
min-width: 100%;
max-width: 100%;
}
.s-body #personalCart .productTable tbody .table-product__td--name {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding: 0 0 20px;
width: 100%;
min-width: 100%;
max-width: 100%;
font-size: 14px;
}
.s-body #personalCart .productTable tbody .table-product__td--art {
display: none;
}
.s-body #personalCart .productTable tbody .table-product__td--discount {
display: none;
}
.s-body #personalCart .productTable tbody .table-product__td--price {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
-webkit-box-flex: 1;
-webkit-flex: 1 35%;
-moz-box-flex: 1;
-ms-flex: 1 35%;
flex: 1 35%;
width: 35%;
min-width: 35%;
max-width: 35%;
line-height: 36px;
padding: 0 0 14px;
}
.s-body #personalCart .productTable tbody .table-product__td--price .price {
line-height: 1;
}
.s-body #personalCart .productTable tbody .table-product__td--price .price .discount {
display: inline-block;
margin: 0 0 2px;
width: auto;
}
.s-body #personalCart .productTable tbody .table-product__td--qty {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-moz-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
-webkit-box-flex: 1;
-webkit-flex: 1 30%;
-moz-box-flex: 1;
-ms-flex: 1 30%;
flex: 1 30%;
width: 30%;
min-width: 30%;
max-width: 30%;
line-height: 36px;
padding: 0 0 14px;
}
.s-body #personalCart .productTable tbody .table-product__td--sum {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-moz-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
-webkit-box-flex: 1;
-webkit-flex: 1 35%;
-moz-box-flex: 1;
-ms-flex: 1 35%;
flex: 1 35%;
width: 35%;
min-width: 35%;
max-width: 35%;
line-height: 36px;
padding: 0 0 14px;
}
.s-body #personalCart .productTable tbody .tablet-hint {
position: absolute;
bottom: 0;
left: 0;
}
.s-body #personalCart .productTable .inStock {
font-size: 14px;
}
.s-body #personalCart .productTable .getStoresWindow.inStock span {
border-bottom: none !important;
}
.s-body #personalCart .orderLine {
margin-bottom: 23px;
}
.tablet-br {
display: block;
width: 100%;
}
.s-body .tablet-hint {
display: block;
font-size: 13px;
line-height: 1;
font-weight: 300;
color: #000;
}
/* .productTable - end */
#subHeader2 #searchResult {
left: 50% !important;
top: 102px !important;
}
}
@media screen and (max-width: 1100px) {
.s-body .s-catalog-columns#browse .s-catalog-columns__col--purchase {
display: none;
}
.s-body #elementTools.fixed .fixContainer,
.s-body #elementNavigation.fixed .tabs {
top: 0;
position: relative;
}
.s-body #smallElementTools {
padding: 18px 0 0 0;
}
.s-body .smallElementToolsContainer {
border: none;
margin-bottom: 0;
padding: 0;
}
}
@media screen and (max-width: 1050px) {
.s-body .s-top__menus__li {
margin-left: 7px;
}
.s-body .s-top__menus__ul li {
font-size: 13px;
}
}
@media screen and (max-width: 1024px) {
.s-body #subHeader2 {
height: 115px;
}
.s-body .s-top-line {
min-height: 37px;
}
.s-body .s-top__tabs {
top: 7px;
height: 30px;
}
.s-body .s-top__menus {
top: 7px;
margin-right: 0;
}
.s-body .s-top__tabs__item:hover,
.s-body .s-top__tabs__item.hover,
.s-body .s-top__tabs__item.active,
.s-body .s-top__tabs__item {
padding: 8px 12px;
}
.s-body .s-header__column--logo {
width: 147px;
min-width: 147px;
max-width: 147px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.s-body .s-header__wrapper > .limiter,
.s-body .s-header__wrapper {
height: 78px;
}
.s-body .s-logo {
max-height: 43px;
}
.s-body .s-rounded-icon,
.s-body .s-rounded-box > .s-rounded-icon {
width: 52px;
height: 52px;
min-width: 52px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.s-body .s-rounded-icon .s-svg,
.s-body .s-rounded-box > .s-rounded-icon .s-svg,
.s-body .s-rounded-icon svg,
.s-body .s-rounded-box > .s-rounded-icon svg {
width: 20px;
height: 20px;
}
.s-body .s-header__row {
height: 52px;
}
.s-body .s-rounded-box > .s-rounded-text {
padding-top: 4px;
}
.s-body .s-header__column--search {
display: none;
}
.s-body .s-header__column--search-mobile {
display: none;
}
.s-body .s-btn--cart .s-icon__number,
.s-body .s-icon__number {
font-size: 14px;
top: -7px;
height: 18px;
line-height: 17px;
}
.s-body .s-btn {
height: 50px;
}
.s-body .s-btn--cart {
line-height: 48px;
min-width: 175px;
}
.s-body .s-btn--cart .s-btn--text {
padding-left: 10px;
}
.s-body .s-rounded-btn {
height: 50px;
line-height: 48px;
}
.s-body .s-header__column--last {
max-width: 380px;
min-width: 380px;
}
.s-body .s-header__column--logo-text {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100px;
min-width: 100px;
max-width: 100px;
}
.s-body .s-logo__text {
padding: 0;
}
.s-body .s-header__column--search-mobile {
width: 52px;
min-width: 52px;
max-width: 52px;
}
.s-body .s-rounded-box > .s-rounded-text {
width: 160px;
}
.s-body .s-header__column--telephone {
min-width: 210px;
width: 50%;
max-width: 210px;
padding-left: 0;
}
.s-body .s-main-slider .owl-nav {
display: none;
}
.s-body .s-main-slider .owl-item {
padding: 0;
}
.s-body .btn-simple.btn-medium {
padding: 17px 24px;
}
.s-body .h1 {
font-weight: 700;
}
.s-body .s-benefits__item {
width: 33.331%;
}
.s-body .s-benefits__item:nth-child(4) {
margin-top: -1px;
}
.s-body .s-benefits__item:nth-child(4n+1) {
margin-left: -1px;
}
.s-body .s-benefits__item:nth-child(3n+1) {
margin-left: 0;
}
.s-body .s-white-block h1,
.s-body .s-white-block .h1 {
font-weight: 400;
}
.s-body .s-your-manager__item {
width: 33.331%;
min-width: 33.331%;
max-width: 33.331%;
margin: 0 0 40px;
}
.s-body .s-your-manager__text {
padding: 0 40px;
}
.s-body #leftFooter .footerMenu a {
margin: 4px 0;
line-height: 1.4;
}
/* product list - begin */
.s-body #main #smartFilter {
width: 100%;
position: relative;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin-top: 0;
visibility: visible;
opacity: 1;
pointer-events: all;
}
.s-body #catalogLine .oFilter {
display: none !important;
}
.s-body #left > br {
display: none;
}
.s-body .s-btn--catalog {
line-height: 48px;
}
/* product list - end */
.s-body .product .picture {
height: 230px;
line-height: 230px;
}
}
@media screen and (max-width: 980px) {
.s-body .s-catalog-list__item {
-webkit-box-flex: 1;
-webkit-flex: 1 49.91%;
-moz-box-flex: 1;
-ms-flex: 1 49.91%;
flex: 1 49.91%;
margin: 0 14px 13px 0;
width: -webkit-calc(50% - 8px);
width: -moz-calc(50% - 8px);
width: calc(50% - 8px);
min-width: -webkit-calc(50% - 8px);
min-width: -moz-calc(50% - 8px);
min-width: calc(50% - 8px);
max-width: -webkit-calc(50% - 8px);
max-width: -moz-calc(50% - 8px);
max-width: calc(50% - 8px);
}
.s-body .s-catalog-list__item:nth-child(2n+1):last-child {
width: 100%;
min-width: 100%;
max-width: 100%;
}
.s-body .s-catalog-list__item:nth-child(3n) {
margin-right: 14px;
}
.s-body .s-catalog-list__item:nth-child(2n) {
margin-right: 0;
}
.s-body .s-catalog-list__list__item {
margin: 17px 0;
}
.s-body .s-catalog-list__name {
margin: 0 0 21px;
}
.s-body .product-mobile-optional {
display:none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.s-body .product-mobile-optional .s-product-favorites {
width: 100%;
min-width: 100%;
max-width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1 100%;
-moz-box-flex: 1;
-ms-flex: 1 100%;
flex: 1 100%;
}
.s-body .product-mobile-optional .label,
.s-body .product-mobile-optional .label:nth-child(3n),
.s-body .product-mobile-optional .label:nth-child(2n):last-child,
.s-body .product-mobile-optional .label:nth-child(2n) {
width: 100%;
min-width: 100%;
max-width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1 100%;
-moz-box-flex: 1;
-ms-flex: 1 100%;
flex: 1 100%;
}
.s-body .product-mobile-optional .label:nth-child(2n) {
padding-top: 0;
}
}
@media screen and (max-width: 950px) {
.s-body .s-top__menus__li {
margin-left: 4px;
}
.s-body .s-top__menus__ul li {
font-size: 11px;
}
}
@media screen and (max-width: 940px) {
.s-body .s-btn--cart .s-btn--text {
display: none;
}
.s-body .s-btn--cart {
min-width: 52px;
}
.s-body .s-btn--cart .s-svg--cart {
padding-left: 17px;
}
.s-body .s-rounded-btn--mobile {
display: inline-block;
}
.s-body .s-rounded-btn--mobile .s-svg--user {
top: 5px;
}
.s-body .s-rounded-btn--mobile:hover .s-svg--user {
fill: #fff;
stroke: #fff;
}
.s-body .s-rounded-btn--desktop {
display: none;
}
.s-body .s-rounded-icon .s-svg,
.s-body .s-rounded-box > .s-rounded-icon .s-svg,
.s-body .s-rounded-icon svg,
.s-body .s-rounded-box > .s-rounded-icon svg {
width: 23px;
height: 23px;
}
.s-body .s-header__column--last {
width: 200px;
min-width: 200px;
max-width: 200px;
}
.s-body .s-header__column--telephone .s-rounded-btn--mobile {
display: none;
}
}
@media screen and (max-width: 880px) {
.s-body .s-top-line__item--menus {
display: none;
}
.s-body .s-header__menu__container {
display: none;
}
.s-body .s-header__column--telephone {
display: none;
}
.s-body .s-header__column--catalog {
display: block;
width: 130px;
min-width: 130px;
max-width: 130px;
}
.s-body #subHeader2 {
height: 78px;
}
.s-body .s-header__column--logo-text {
width: 100%;
max-width: 200px;
}
.s-body .s-header__column--mobile-menu {
display: block;
width: 76px;
min-width: 76px;
max-width: 76px;
}
.s-body .s-header__column .s-svg--catalog {
top: 3px;
}
.s-body .s-rounded-btn--blue .s-svg--catalog {
margin-right: 7px;
}
.s-body .s-header__column--last {
width: 245px;
min-width: 205px;
max-width: 245px;
}
.s-body #rightFooter .column--phone {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 50%;
min-width: 50%;
max-width: 50%;
}
.s-body #rightFooter .column--email {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 50%;
min-width: 50%;
max-width: 50%;
}
.s-body #rightFooter .column--logo {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: 50%;
min-width: 50%;
max-width: 50%;
margin-top: 40px;
}
.s-body #rightFooter .column--text {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-moz-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
width: 50%;
min-width: 50%;
max-width: 50%;
margin-top: 40px;
}
.s-body #rightFooter .footerRow {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-body #rightFooter .logo img {
width: 238px;
}
.s-body #rightFooter .logo + p {
font-size: 14px;
}
.s-body .law {
margin-bottom: 50px;
}
#bottomSocial .topSoc {
zoom: 1.5;
}
.s-body .law > a {
font-size: 17px;
}
.s-body .law > a:hover {
font-size: 17px;
}
.s-body .s-rounded-box--footer > .s-rounded-text .heading,
.s-body .s-footer-text {
font-size: 20px;
}
.s-body .s-rounded-box--footer > .s-rounded-text .link,
.s-body .s-rounded-box--footer > .s-rounded-text .text {
font-size: 17px;
}
.s-body #rightFooter .logo + p {
margin-top: 20px;
}
.s-body .s-rounded-box--footer > .s-rounded-icon {
width: 66px;
height: 66px;
}
.s-body .s-rounded-box--footer .s-rounded-icon .s-svg,
.s-body .s-rounded-box--footer .s-rounded-box > .s-rounded-icon .s-svg,
.s-body .s-rounded-box--footer .s-rounded-icon svg,
.s-body .s-rounded-box--footer .s-rounded-box > .s-rounded-icon svg {
width: 25px;
height: 25px;
}
.s-body .s-rounded-box > .s-rounded-text {
padding-top: 9px;
}
.s-body #leftFooter .footerRow {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: unset;
}
.s-body #leftFooter .column {
width: 100%;
min-width: 100%;
max-width: 100%;
position: relative;
padding-right: 0;
/*border-bottom: 1px solid #5F5F5F;*/
}
.s-body #leftFooter .column:after {
content: '';
display: block;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 1px;
background: #5F5F5F;
position: absolute;
left: 0;
bottom: 0;
margin: 0 -24px;
padding: 0 24px;
}
.s-body .s-benefits__item {
height: auto;
}
.s-body #leftFooter .heading {
display: block;
position: relative;
width: 100%;
height: auto;
font-size: 25px;
padding: 13px 0 18px;
cursor: pointer;
}
.s-body #leftFooter .heading:hover {
color: #3498DB;
}
.s-body #leftFooter .heading .s-svg--arrow-down {
display: inline-block;
}
.s-body #leftFooter .footerMenu a {
font-size: 19px;
}
.s-body #leftFooter ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-width: 50%;
-moz-column-width: 50%;
column-width: 50%;
overflow: hidden;
max-height: 0;
padding-bottom: 0;
-webkit-transition: max-height 0.3s, padding-bottom 0.3s;
-o-transition: max-height 0.3s, padding-bottom 0.3s;
-moz-transition: max-height 0.3s, padding-bottom 0.3s;
transition: max-height 0.3s, padding-bottom 0.3s;
}
.s-body #leftFooter .heading.open + ul {
padding-bottom: 30px;
max-height: none;
-webkit-transition: max-height 0.4s, padding-bottom 0.4s;
-o-transition: max-height 0.4s, padding-bottom 0.4s;
-moz-transition: max-height 0.4s, padding-bottom 0.4s;
transition: max-height 0.4s, padding-bottom 0.4s;
}
#footer {
padding-top: 0;
}
.s-body #leftFooter .heading {
margin: 0 auto;
}
.s-body #leftFooter {
padding-top: 0;
padding-bottom: 0;
}
.s-cat-menu__left {
width: 200px;
max-width: 200px;
min-width: 200px;
-webkit-box-flex: 1;
-webkit-flex: 1 200px;
-moz-box-flex: 1;
-ms-flex: 1 200px;
flex: 1 200px;
}
.s-body #browse.s-catalog-columns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.s-body #browse.s-catalog-columns .s-catalog-columns__col--product-image,
.s-body #browse.s-catalog-columns .s-catalog-columns__col--product-info {
width: 100%;
min-width: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.s-body #browse.s-catalog-columns .s-catalog-columns__col--product-image {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.s-body #browse.s-catalog-columns .s-catalog-columns__col--product-info {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.s-body #browse.s-catalog-columns .s-catalog-columns__col--purchase {
display: block;
width: 100%;
min-width: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.s-body #browse.s-catalog-columns .s-catalog-columns__col--purchase #elementTools.fixed .fixContainer {
width: 100%;
min-width: 100%;
max-width: 100%;
}
.s-body #smallElementTools {
display: none;
}
.s-body #elementTools {
padding: 18px 0 0 0;
}
.s-body #leftFooter .column:last-child {
display: block;
}
.s-body .s-rounded-box > .s-rounded-text {
width: 210px;
}
.s-body #right {
padding-right: 0;
}
.s-body .s-product-pictures__item.image {
width: -webkit-calc(100% - 100px);
width: -moz-calc(100% - 100px);
width: calc(100% - 100px);
min-width: -webkit-calc(100% - 100px);
min-width: -moz-calc(100% - 100px);
min-width: calc(100% - 100px);
max-width: -webkit-calc(100% - 100px);
max-width: -moz-calc(100% - 100px);
max-width: calc(100% - 100px);
}
.s-body .s-product-pictures__item.gallery {
width: 100px;
min-width: 100px;
max-width: 100px;
}
.s-body .s-product-pictures {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.s-body .s-product-pictures__gallery {
width: 500px;
-webkit-transform: rotateZ(90deg) translateX(0) translateY(-113px);
-moz-transform: rotateZ(90deg) translateX(0) translateY(-113px);
-ms-transform: rotate(90deg) translateX(0) translateY(-113px);
-o-transform: rotateZ(90deg) translateX(0) translateY(-113px);
transform: rotateZ(90deg) translateX(0) translateY(-113px);
}
.s-body #elementContainer #moreImagesCarousel .slideBox .item a {
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
}
.s-body #elementContainer #moreImagesCarousel .slideBox .item a {
width: 75px;
height: 75px;
width: 75px !important;
}
.s-body #elementContainer #moreImagesCarousel .slideBox .item {
margin: 0;
}
#elementContainer .brandImageWrap {
border-top: none;
}
.s-body .changePropertiesNoGroup {
display: block;
}
.s-body .s-catalog-columns__col--product {
padding-right: 0;
}
.s-body #files .s-files-list__item.item,
.s-body .s-files-list .s-files-list__item.item,
.s-body .s-files-list__item.item,
.s-body .s-files-list__item {
width: 290px;
min-width: 290px;
max-width: 290px;
}
.s-body .basketQty,
.s-body .s-product-counter {
width: 138px;
display: inline-block;
margin: 13px auto 15px;
}
.s-body .basketQty .label,
.s-body .s-product-counter .label {
display: none;
}
.s-body #elementTools .mainTool .s-product-favorites {
display: none;
}
.s-body #elementTools .mainTool .columnRowWrap {
width: 175px;
display: inline-block;
}
.s-body #elementTools .mainTool .s-product-delivery {
display: inline-block;
width: 210px;
margin: 24px auto 15px 15px;
line-height: 33px;
}
.s-body #elementTools .price {
display: inline-block;
width: 49%;
}
.s-body #elementTools .mainTool .product-availability {
display: inline-block;
width: 49%;
}
.s-body #personalCart .orderLine #sum {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 0 0 45px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.s-body #personalCart .orderLine {
padding: 16px 24px;
margin: 17px auto 24px;
border: 1px solid #E7E8EA;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.s-body #personalCart .orderLine #coupon {
padding: 0;
margin: 0 auto;
}
.s-body #personalCart #coupon .couponField {
width: 54%;
}
.s-body #personalCart #tabsControl .item--first {
display: none;
}
.s-body #personalCart #basketTopLine {
padding: 0;
}
.s-body #personalCart #basketTopLine {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
#personalCart #basketView {
margin-top: 0;
}
}
@media screen and (max-width: 768px) {
.s-body .owl-dots .owl-dot {
margin: 0 15px;
}
.limiter .s-limiter {
padding-left: 0;
padding-right: 0;
}
.s-body .s-logo__text {
padding: 0 0 0 7px;
}
.s-body .s-header__column--last {
min-width: 180px;
}
.s-body #subHeader2 .topWishlist,
.s-body #subHeader2 .topCompare,
.s-body #subHeader2 .cart {
margin-right: 6px;
}
.s-body .s-header__column--search-mobile {
padding-right: 6px;
width: 58px;
min-width: 58px;
max-width: 58px;
}
.s-body a.s-rounded-btn--blue,
.s-body .s-rounded-btn--blue {
padding: 0 8px;
}
.s-body .s-header__column--catalog {
min-width: 106px;
}
.s-body .s-header__column--logo-text {
min-width: 110px;
}
.s-body .s-rounded-btn--mobile {
padding: 0 15px;
}
.s-body .s-cat-popup .s-limiter {
padding: 0;
}
.s-body .s-cat-menu__left {
padding: 0;
min-width: 120px;
max-width: 120px;
}
.s-body .s-cat-menu__right {
padding: 23px 19px;
}
.s-body .s-cat-menu__item {
padding: 19px 10px 18px 20px;
margin: 0;
font-family: 'Roboto', sans-serif;
font-size: 12px;
text-align: center;
font-weight: 600;
line-height: 1.3;
border-bottom: 1px solid #D6D6D6;
border-right: 1px solid #D6D6D6;
}
.s-body a.s-cat-menu__item.active {
background: #3498DB;
color: #fff;
}
.s-body .s-cat-menu__inner {
-webkit-columns: 2 auto;
-moz-columns: 2 auto;
columns: 2 auto;
}
.s-body .s-cat-menu__inner:before {
left: 49.9%;
}
.s-body .s-cat-menu__inner:after {
display: none;
content: none;
}
#viewedProduct .wrap,
#topProduct .wrap {
margin: 0;
}
.s-body #viewedProduct .viewedBtnLeft,
.s-body #viewedProduct .viewedBtnRight,
.s-body #topProduct .topBtnRight,
.s-body #topProduct .topBtnLeft {
display: none !important;
}
.s-body .__ #homeCatalog .productList {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
height: auto;
}
.s-body .__ #homeCatalog .productList .product {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
position: relative;
margin: 0 auto;
padding: 28px 30px 32px;
}
.s-body .__ #homeCatalog .productList .product .tabloid {
height: auto;
overflow: initial;
padding: 0;
width: 100%;
border: none !important;
}
.s-body .__ #homeCatalog .productList .product:hover .tabloid {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
position: relative;
background: #fff;
border-bottom: none;
}
.s-body .__ #homeCatalog .productList .productTable {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
position: relative;
margin: 0;
padding: 0;
}
.s-body .__ #homeCatalog .productList .productColImage {
display: block;
margin: 0;
padding: 0 27px 0 0;
width: 210px;
min-width: 210px;
max-width: 210px;
-webkit-box-flex: 1;
-webkit-flex: 1 210px;
-moz-box-flex: 1;
-ms-flex: 1 210px;
flex: 1 210px;
}
.s-body .__ #homeCatalog .productList .productColText {
display: block;
margin: 0;
padding: 0;
width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
}
.s-body .__ #homeCatalog .productList .product .picture {
width: 180px;
height: 160px;
}
.s-body .__ #homeCatalog .productList .product .picture img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: none;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
vertical-align: top;
}
.s-body .__ #homeCatalog .productList .product .markerContainer {
top: -10px;
left: -14px;
}
.s-body .__ #homeCatalog .productList .product .row {
margin: 0;
overflow: initial;
}
.s-body .__ #homeCatalog .productList .product .name {
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 1.3;
font-weight: 300;
color: #000;
margin: 0 0 15px;
height: auto;
}
.s-body .__ #homeCatalog .productList .product .price {
font-family: 'Roboto', sans-serif;
font-size: 17px;
line-height: 1;
font-weight: 700;
color: #000;
min-height: 0;
margin: 0 0 40px;
height: auto;
}
.s-body .__ #homeCatalog .productList .product .addCart {
display: inline-block;
position: relative;
margin: 0;
width: 160px;
height: 43px;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 43px;
font-weight: 400;
color: #fff;
}
.s-body .__ #homeCatalog .productList .product .optional {
display: none !important;
}
.s-body .__ #homeCatalog .productList .product-mobile-optional {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: baseline;
width: 260px;
}
.s-body .__ #homeCatalog .productList .product .label {
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
}
.s-body .__ #homeCatalog .productList .s-product-favorites {
width: 140px;
margin-left: 20px;
}
.s-body .__ #homeCatalog .productList .s-product-favorites .addWishlist {
font-size: 14px;
}
.s-body .__ #homeCatalog .productList .product .label {
width: 120px;
display: inline-block;
position: relative;
top: 21px;
line-height: 1;
}
.s-body .__ #homeCatalog .productList .tabloid {
position: relative;
}
.s-body #topProduct .wrap,
.s-body #viewedProduct .wrap {
margin: 0 auto;
padding: 0;
}
/* product list - begin */
.s-body .items.productList .product {
width: 33.331%;
}
.s-body .s-filters #smartFilter .paramsBox,
.s-body .s-filters .paramsBox {
width: 49.991%;
min-width: 49.991%;
max-width: 49.991%;
-webkit-box-flex: 1;
-webkit-flex: 1 49.991%;
-moz-box-flex: 1;
-ms-flex: 1 49.991%;
flex: 1 49.991%;
}
/* product list - end */
.s-body .s-header__column--mobile-menu .s-svg {
vertical-align: middle;
}
.s-body a.s-rounded-btn--black svg,
.s-body .s-rounded-btn--black svg {
vertical-align: baseline;
position: relative;
top: -12px;
}
}
@media screen and (max-width: 700px) {
.s-body .productTable {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.s-body .productColImage {
width: 100%;
padding-right: 0;
display: block;
}
.s-body .product .picture {
height: 230px;
line-height: 230px;
}
.s-body .product .name {
height: 68px;
}
.s-body .slideBox.productList .product .name {
height: 38px;
}
.s-body .product .getPricesWindow .priceIcon {
display: inline-block;
}
.s-body .items.productList .product {
height: auto;
width: 50%;
}
}
@media screen and (max-width: 650px) {
.webFormItemsColumn {
display: block;
width: 100%;
padding: 0 10px 0 0;
}
}
/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media screen and (max-width: 750px) {
body.s-body .flex .flex-col {
width: 100%;
}
body.s-body .flex .flex-col .flex-item {
width: 100%;
}
}
@media screen and (max-width: 640px) {
.s-body .s-catalog-columns__col--first {
display: none;
}
.s-body .s-form .s-col--1-2.s-col--p-8 {
padding-top: 8px;
padding-bottom: 8px;
}
body.s-body .flex-office-detail .flex-col.col-right {
padding-right: 0;
padding-left: 0;
width: 100%;
}
body.s-body .flex-office-detail .flex-col.col-left {
padding-right: 0;
padding-left: 0;
width: 100%;
}
body.s-body .flex-office-detail {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media screen and (max-width: 480px) {
.s-body #rightFooter,
.s-body #leftFooter {
padding-left: 14px;
padding-right: 14px;
}
.s-body .s-header__column--last {
min-width: 0;
}
.s-body .product .productTable {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.s-body .product .picture {
height: auto;
line-height: 1;
margin: 0 auto 25px;
}
.s-body .product .productColImage {
width: 100%;
min-width: 100%;
max-width: 100%;
padding-right: 0;
display: flex;
}
.s-body .product .productColText {
min-width: 0;
max-width: 100%;
width: 100%;
}
.s-body .product .picture img {
max-width: 100%;
max-height: 100%;
width: auto;
height: 200px;
display: block;
margin: 0 auto;
position: relative;
}
.s-body .product .tabloid {
padding: 10px 10px 19px;
}
.s-body .s-top-line {
height: 44px;
}
.s-body .s-top__tabs__item:hover,
.s-body .s-top__tabs__item.hover,
.s-body .s-top__tabs__item.active,
.s-body .s-top__tabs__item {
font-size: 18px;
}
.s-body .s-header__column--mobile-menu .s-svg {
top: 13px;
}
.s-body .s-top__tabs {
height: 37px;
top: 8px;
}
.s-body .s-header__column--logo {
width: 165px;
max-width: 165px;
min-width: 165px;
width: 70%;
max-width: 225px;
}
.s-body .s-logo {
max-height: 54px;
}
.s-body .s-header__column--mobile-home {
display: none;
}
.s-body .s-logo img {
width: 152px;
}
.s-body .s-float-footer {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: fixed;
bottom: 0;
left: 0;
background: #fff;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 70px;
z-index: 110;
-webkit-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
}
.s-body .s-header__column--logo-text {
display: none;
}
.s-body .s-header__column--catalog {
display: none;
}
.s-body .s-header__wrapper > .limiter,
.s-body .s-header__wrapper {
height: 74px;
}
.s-body .limiter {
padding: 0 14px;
}
.s-body .s-header__column--mobile-menu a.s-rounded-btn--black,
.s-body .s-header__column--mobile-menu .s-rounded-btn--black {
/*background: transparent; border-color: transparent; padding: 0;*/
}
.s-body .s-header__column--mobile-menu .s-svg {
width: 28px;
height: 30px;
fill: #fff;
}
.s-body .s-header__column--mobile-menu .s-svg svg {
fill: inherit;
width: 100%;
height: auto;
}
.s-body #subHeader2 .cart {
position: absolute;
width: 65px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
min-width: 0;
max-width: none;
}
.s-body .s-modal--menu {
max-width: 425px;
}
.s-body .s-header__column--search-mobile {
display: block;
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-moz-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.s-body .s-header__column--search-mobile .s-rounded-icon,
.s-body .s-header__column--search-mobile .s-rounded-box > .s-rounded-icon {
background: transparent;
border-color: transparent;
padding: 0;
}
.s-body .s-header__column--search-mobile .s-svg {
width: 30px;
height: 30px;
fill: #808080;
}
.s-body .s-header__column--search-mobile .s-svg svg {
fill: inherit;
width: 100%;
height: auto;
}
.s-body .s-header__column--search-mobile .s-svg svg path {
fill: inherit;
}
.s-body .s-header__column--telephone {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
min-width: 120px;
width: 40%;
max-width: 160px;
text-align: right;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.s-body .s-header__column--telephone .s-rounded-btn--mobile {
display: block;
border: none;
padding: 0 0 0 60px;
}
.s-body .s-header__column--telephone .s-rounded-btn--mobile .s-svg--user {
top: 9px;
width: 34px;
height: 34px;
}
.s-body .s-header__column--telephone .s-rounded-btn--mobile svg {
width: 100%;
height: auto;
}
.s-body .s-header__column--telephone .s-rounded-box > .s-rounded-icon {
border: none;
}
.s-body .s-header__column--telephone .s-rounded-box > .s-rounded-text {
display: none;
}
.s-body .s-header__column--telephone .s-rounded-box > .s-rounded-icon .s-svg {
width: 33px;
height: 30px;
}
.s-body .s-header__column--telephone .s-rounded-box > .s-rounded-icon .s-svg svg {
width: 100%;
height: auto;
}
.s-body .s-header__row {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.s-body .s-rounded-btn--mobile {
display: none;
}
.s-body .s-top__tabs {
margin-left: 0;
}
.s-body #subHeader2 .topWishlist,
.s-body #subHeader2 .topCompare {
width: auto;
height: auto;
min-width: 0;
max-width: none;
}
.s-body .s-header__column--search-mobile {
position: fixed;
right: 14px;
bottom: 8px;
z-index: 121;
width: 70px;
min-width: 70px;
max-width: 70px;
text-align: right;
}
.s-body .s-header__column--last {
position: fixed;
left: 14px;
bottom: 8px;
z-index: 120;
min-width: 100%;
max-width: 100%;
width: 100%;
text-align: left;
}
.s-body .s-header__column--last .s-rounded-icon,
.s-body .s-header__column--last .s-rounded-box > .s-rounded-icon {
background: transparent;
border-color: transparent;
padding: 0;
width: 88px;
height: 52px;
min-width: 88px;
max-width: none;
text-align: left;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
}
.s-body .s-header__column--last .s-rounded-icon .s-svg,
.s-body .s-header__column--last .s-rounded-box > .s-rounded-icon .s-svg {
position: relative;
left: auto;
top: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.s-body .s-header__column--last .s-rounded-icon .s-svg--heart,
.s-body .s-header__column--last .s-rounded-box > .s-rounded-icon .s-svg--heart {
width: 32px;
height: 32px;
vertical-align: middle;
line-height: 52px;
}
.s-body .s-header__column--last .s-rounded-icon .s-svg--heart svg,
.s-body .s-header__column--last .s-rounded-box > .s-rounded-icon .s-svg--heart svg {
width: 100%;
height: auto;
}
.s-body .s-header__column--last .s-rounded-icon .s-icon__number,
.s-body .s-header__column--last .s-rounded-box > .s-rounded-icon .s-icon__number {
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
line-height: 52px;
background: #D0D0D0;
color: #fff;
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 20px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-left: 5px;
height: 20px;
padding-left: 5px;
padding-right: 5px;
border: none;
}
.s-body .s-header__column--last .s-btn--cart {
background: transparent;
border-color: transparent;
padding: 0;
width: 88px;
height: 52px;
min-width: 88px;
max-width: none;
text-align: left;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
}
.s-body .s-header__column--last .s-btn--cart .s-svg {
position: relative;
left: auto;
top: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.s-body .s-header__column--last .s-btn--cart .s-svg--cart {
display: inline-block;
width: 27px;
height: 32px;
fill: #3498DB;
vertical-align: middle;
line-height: 52px;
stroke: #3498DB;
padding: 0;
min-width: 26px;
max-width: 26px;
}
.s-body .s-header__column--last .s-btn--cart .s-svg--cart svg {
fill: inherit;
stroke: inherit;
}
.s-body .s-header__column--last .s-btn--cart .s-svg--cart svg {
width: 100%;
height: auto;
}
.s-body .s-header__column--last .s-btn--cart .s-icon__number {
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
line-height: 52px;
background: #3498DB;
color: #fff;
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 20px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-left: 5px;
height: 20px;
padding-left: 5px;
padding-right: 5px;
border: none;
}
.s-body .s-header__column--mobile-home {
display: none;
width: 100px;
min-width: 100px;
max-width: 100px;
}
.s-body .s-header__column--mobile-home a.s-rounded-btn,
.s-body .s-header__column--mobile-home .s-rounded-btn {
background: transparent;
border-color: transparent;
padding: 0 0 0 15px;
text-align: left;
}
.s-body .s-main-slider {
margin-left: -14px;
margin-right: -14px;
padding: 0 14px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 100%;
}
.s-body .s-main-slider .owl-stage-outer {
margin-left: -14px;
margin-right: -14px;
padding: 0 14px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 100%;
}
.s-body #brandList .item {
width: 49.991%;
}
.s-body .s-benefits__item {
width: 100%;
margin: -1px auto 0 !important;
}
.s-body .s-benefits__item:first-child {
margin-top: 0;
}
.s-body .s-benefits__item__text {
font-size: 16px;
margin: 10px auto 20px;
}
.s-body .s-limiter {
padding: 0 14px;
}
.s-body .s-your-manager__item {
width: 100%;
min-width: 100%;
max-width: 100%;
margin: 0 auto 27px;
}
.s-body .s-your-manager__text {
font-size: 16px;
padding: 0 30px;
}
.s-body .s-white-block h1,
.s-body .s-white-block .h1 {
font-weight: 500;
}
.s-body .s-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.s-body .s-col--1-2 {
width: 100%;
min-width: 100%;
max-width: 100%;
}
.s-body .s-col--1-2.s-col--p-8 {
padding-right: 0;
padding-left: 0;
}
.s-body .s-black-footer:after {
bottom: -1px;
}
.s-body #rightFooter .column--text,
.s-body #rightFooter .column--email,
.s-body #rightFooter .column--phone,
.s-body #rightFooter .column--logo {
width: 100%;
min-width: 100%;
max-width: 100%;
margin-top: 30px;
}
.s-body .s-catalog-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.s-body .s-catalog-list__item {
width: 100%;
min-width: 100%;
max-width: 100%;
margin: 0 auto 12px !important;
-webkit-box-flex: 1;
-webkit-flex: 1 100%;
-moz-box-flex: 1;
-ms-flex: 1 100%;
flex: 1 100%;
}
.s-body #homeCatalog .productList .product .label {
display: none;
}
.s-body #homeCatalog .productList .product .btn-simple.add-cart {
display: none;
}
.s-body #homeCatalog .productList .product .name {
word-break: normal;
}
.s-body #homeCatalog .productList .product {
padding: 15px 15px 18px;
}
.s-body #homeCatalog .productList .product .price {
margin: 0 0 14px;
}
.s-body #homeCatalog .productList .productColImage {
display: block;
margin: 0;
padding: 0 14px 0 0;
width: 130px;
min-width: 130px;
max-width: 130px;
-webkit-box-flex: 1;
-webkit-flex: 1 130px;
-moz-box-flex: 1;
-ms-flex: 1 130px;
flex: 1 130px;
}
.s-body #homeCatalog .productList .productColText {
display: block;
margin: 0;
padding: 0;
width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
}
.s-body #homeCatalog .productList .product .picture {
width: 120px;
height: 110px;
}
.s-body #homeCatalog .productList .product .picture img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: none;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
vertical-align: top;
}
.s-body #homeCatalog .productList .product .addCart {
width: auto;
height: auto;
padding: 8px 20px;
font-size: 14px;
line-height: 1;
}
.s-body #homeCatalog .productList .product .addCart img,
.s-body #homeCatalog .productList .product .addCart svg,
.s-body #homeCatalog .productList .product .addCart .s-svg {
display: none;
}
.s-body #homeCatalog .productList .product-mobile-optional {
width: 175px;
}
.s-body #homeCatalog .productList .s-product-favorites {
margin: 0;
}
.s-body #homeCatalog .productList .s-product-favorites .addWishlist {
font-size: 0;
color: transparent;
}
.s-body #homeCatalog .productList .s-product-favorites .addWishlist:before {
width: 30px;
height: 27px;
-webkit-background-size: 100% 100%;
-moz-background-size: 100%;
background-size: 100%;
margin-left: 16px;
top: 9px;
}
.s-body #leftFooter .heading {
text-align: left;
}
.s-body #leftFooter ul {
text-align: left;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
/* product list - begin */
.s-body .items.productList .product {
width: 50%;
}
.s-body .s-filters #smartFilter .paramsBox,
.s-body .s-filters .paramsBox {
width: 100%;
min-width: 100%;
max-width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1 100%;
-moz-box-flex: 1;
-ms-flex: 1 100%;
flex: 1 100%;
}
.s-body #catalogLine .column:nth-child(2) {
float: left;
}
.s-body #catalogLine .column:nth-child(3) {
float: right;
display: block;
}
.s-body #catalogLine .column {
margin: 0 4px;
}
.s-body .product .btn-simple {
display: none;
}
/* product list - end */
.s-body .s-product-pictures {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.s-body .s-product-pictures__gallery {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
width: 100%;
}
.s-body #elementContainer #moreImagesCarousel .slideBox .item a {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
width: 93px;
height: 93px;
}
.s-body .s-product-pictures__item.gallery {
width: 100%;
min-width: 100%;
max-width: 100%;
}
.s-body .s-product-pictures__item.image {
width: 100%;
min-width: 100%;
max-width: 100%;
}
#elementContainer #pictureContainer .pictureSlider {
margin-top: 0;
}
.s-body .s-catalog-columns__col--last.s-p-l--30 {
padding-left: 0;
}
.s-body .s-catalog-columns__col--last.s-bottom-border:after {
display: none;
}
.s-body #elementContainer .marker {
font-size: 16px;
padding: 8px 11px;
}
.s-body #elementTools .price {
display: block;
width: 100%;
font-size: 23px;
}
.s-body .basketQty,
.s-body .s-product-counter {
display: block;
width: 100%;
}
.s-body #elementTools .mainTool .columnRowWrap {
display: block;
width: 100%;
}
.s-body #elementTools .mainTool .s-product-delivery {
display: block;
width: 100%;
margin: 15px auto 0;
line-height: 33px;
}
.s-body .link-to-page-anchor {
font-size: 16px;
}
.s-body #leftFooter .column:nth-child(2n) {
display: block;
}
.s-body #elementProperties .stats td {
font-size: 16px;
}
.s-body #files .s-files-list__item.item,
.s-body .s-files-list .s-files-list__item.item,
.s-body .s-files-list__item.item,
.s-body .s-files-list__item {
width: 100%;
min-width: 100%;
max-width: 100%;
}
.s-body #files .s-files-list__item.item .tbr .info,
.s-body .s-files-list .s-files-list__item.item .tbr .info,
.s-body .s-files-list__item.item .tbr .info,
.s-body .s-files-list__item .tbr .info {
max-width: 330px;
}
.s-body #elementTools .fixContainer.maxScroll {
position: relative;
top: auto;
left: auto;
bottom: auto;
right: auto;
padding-bottom: 0;
}
.s-body .s-modal__mobile__block {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding: 0 14px;
}
.s-body .s-modal__mobile__block.std {
padding: 28px 14px;
}
.s-body .s-modal__mobile__block .s-header__column--logo-text {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.s-body .s-modal__mobile__block .s-header__column--logo {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: 167px;
min-width: 167px;
max-width: 167px;
}
.s-body .s-modal__mobile__block .s-logo {
width: 167px;
height: 48px;
line-height: 48px;
max-height: 48px;
}
.s-body .s-modal__mobile__block .s-logo img {
width: 167px;
}
.s-body .s-modal__mobile__block .s-logo__text {
font-size: 16px;
padding: 0 0 0 14px;
}
.s-body .s-modal__mobile__block .s-rounded-btn {
font-size: 22px;
padding: 0 28px;
}
.s-body .s-modal__mobile__block .s-rounded-btn--mobile {
display: inline-block;
background: #fff;
margin-left: 17px;
}
.s-body #personalCart .productTable tbody tr {
padding: 12px 14px 12px 164px;
}
.s-body #personalCart .productTable tbody .table-product__td--img {
width: 136px;
height: 120px;
left: 14px;
top: 12px;
}
.s-body #personalCart #basketView {
display: none;
}
.s-body #personalCart #tabsControl {
width: 100%;
min-width: 100%;
max-width: 100%;
}
.s-body #personalCart .orderLine {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.s-body #personalCart .orderLine #coupon {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 100%;
min-width: 100%;
max-width: 100%;
}
.s-body #personalCart .orderLine #sum {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
min-width: 100%;
max-width: 100%;
}
.s-body #personalCart #coupon .couponField {
width: 64%;
}
.s-body #personalCart .orderLine #sum {
padding: 10px 0 20px 0;
}
.s-body #personalCart .orderLine #sum .hd {
display: inline-block;
}
#personalCart .orderLine .label {
font-size: 15px;
}
.s-body .s-cart-bottom-line {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.s-body .s-cart-bottom-line .flex-cart--last {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.s-body .s-cart-bottom-line .flex-cart--last > div {
width: 100%;
}
.s-body .s-cart-bottom-line .flex-cart--last .all-clear {
margin: 10px auto 0;
font-size: 15px;
}
.s-body .s-cart-bottom-line .flex-cart {
margin: 8px auto;
}
.s-body .s-cart-bottom-line .flex-cart > div {
width: 100%;
}
.s-body #personalCart .productTable tbody .table-product__td--img .pic {
height: 120px;
}
.s-body .s-cart-bottom-line #newOrder {
width: 100%;
}
.s-body #personalCart .productTable tbody .table-product__td--price {
width: 100%;
min-width: 100%;
max-width: 100%;
}
.s-body #personalCart .productTable tbody .table-product__td--qty {
width: 100%;
min-width: 100%;
max-width: 100%;
}
.s-body #personalCart .productTable tbody .table-product__td--sum {
width: 100%;
min-width: 100%;
max-width: 100%;
}
#personalCart .productTable {
min-width: 0;
}
.s-body #personalCart .productTable tbody .table-product__td--price {
padding: 18px 0 0 0;
}
.s-body #personalCart .productTable tbody .table-product__td--qty {
margin: 10px 0 0 0;
width: 50%;
min-width: 50%;
max-width: 50%;
}
.s-body #personalCart .productTable tbody .table-product__td--sum {
margin: 10px 0 0 0;
width: 49%;
min-width: 49%;
max-width: 49%;
}
.s-body #personalCart .productTable tbody .table-product__td--qty,
.s-body #personalCart .productTable tbody .table-product__td--sum {
padding: 8px 0 0 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.s-body #personalCart .productTable tbody .tablet-hint {
bottom: auto;
top: 0;
}
.s-body .items.productList {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-directin: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-body .items.productList .product {
float: none;
width: 50%;
min-width: 50%;
max-width: 50%;
-webkit-box-flex: 1;
-webkit-flex: 1 50%;
-moz-box-flex: 1;
-ms-flex: 1 50%;
flex: 1 50%;
}
body.s-body .product .picture {
height: 200px;
line-height: 200px;
}
body.s-body .items.productList div.product {
height: auto;
}
body.s-body .items.productList div.product .tabloid {
height: auto;
}
.item-slider-container {
height: auto!important;
}
body.s-body .product .name {
height: 88px;
}
.s-body .product .picture img {
-o-object-fit: contain;
object-fit: contain;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.s-body #catalog .productList .product .price.getPricesWindow {
height: auto;
margin-bottom: 0;
display: flex;
flex-direction: column;
align-content: flex-start;
align-items: flex-start;
}
.prod-container-icons {
display: none!important;
}
}
/* ie 11 - begin */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.s-body .s-btn--cart {
width: 150px;
}
}
/* ie 11 - end */
/* 2020.01.22 - begin */
body.s-body .product {
height: auto;
}
@media (max-width: 1800px) {
.s-body .product {
height: auto;
}
}
.s-body .product .tabloid {
height: 100%;
}
.s-body .product .name {
/*height: 80px;*/
line-height: 80px;
}
@media screen and (max-width: 1280px) {
body.s-body .items.productList .product {
height: 404px;
}
body.s-body .items.productList .product .tabloid {
height: 400px;
background: #fff;
}
body.s-body .items.productList .product:hover .tabloid {
height: auto;
}
}
@media screen and (max-width: 700px) {
.s-body .product .name {
height: 69px;
line-height: 69px;
}
}
.s-body .slideBox.productList .product {
/*height: 440px;*/
}
.s-body .slideBox.productList .price.getPricesWindow {
margin-bottom: 0;
}
.s-body .slideBox.productList .product-optional-availability {
margin-top: 0;
}
/* 2020.01.22 - end */
/* 2020.02.11 - begin*/
/*
.s-body #catalogLineList .column:last-child {
width: 270px; padding: 0 20px;
}
.s-body #catalogLineList .column:first-child {
width: 250px;
}
@media (max-width: 1500px) {
.s-body #catalogLineList .column:first-child {
width: 250px;
}
}
*/
@media (max-width: 1200px) {
.s-body #catalogLineList .column:last-child .optional {
margin: 0;
}
.s-body .product-mobile-optional {
display:none;
}
}
.s-body #catalogLineList .getPricesWindow .priceIcon {
line-height: 1;
}
.s-body #catalogLineList .s-svg--question {
line-height: 1;
}
/* 2020.02.11 - end */
/* 2020.03.10 - begin */
.s-body .s-catalog-menu__item__link[href$="?logout=yes"] {
background: #e5f2fa;
}
.s-body .s-catalog-menu__item__link[href$="?logout=yes"]:hover {
color: #fff;
background: #3498DB;
}
.s-body #s-mainProfile,
.s-body .s-mainProfile {
overflow: hidden;
}
.s-body #s-mainProfile .sale-personal-profile-btn-block input[type=submit],
.s-body .s-mainProfile .sale-personal-profile-btn-block input[type=submit],
.s-body #s-mainProfile .sale-personal-profile-btn-block button[type=submit],
.s-body .s-mainProfile .sale-personal-profile-btn-block button[type=submit],
.s-body #s-mainProfile .sale-personal-profile-btn-block button,
.s-body .s-mainProfile .sale-personal-profile-btn-block button,
.s-body #s-mainProfile .sale-personal-profile-btn-block input[type=reset],
.s-body .s-mainProfile .sale-personal-profile-btn-block input[type=reset] {
display: inline-block;
cursor: pointer;
}
.s-body #s-mainProfile .sale-personal-profile-btn-block input[type=submit].reset,
.s-body .s-mainProfile .sale-personal-profile-btn-block input[type=submit].reset,
.s-body #s-mainProfile .sale-personal-profile-btn-block button[type=submit].reset,
.s-body .s-mainProfile .sale-personal-profile-btn-block button[type=submit].reset,
.s-body #s-mainProfile .sale-personal-profile-btn-block button.reset,
.s-body .s-mainProfile .sale-personal-profile-btn-block button.reset,
.s-body #s-mainProfile .sale-personal-profile-btn-block input[type=reset].reset,
.s-body .s-mainProfile .sale-personal-profile-btn-block input[type=reset].reset {
background: #eee;
color: #000;
}
.s-body #s-mainProfile .profileSettings .heading,
.s-body .s-mainProfile .profileSettings .heading {
color: #3498db;
}
.s-body #s-mainProfile .profileSettings .submit,
.s-body .s-mainProfile .profileSettings .submit {
background: #3498db;
}
.s-body #s-mainProfile .profileSettings .submit:hover,
.s-body .s-mainProfile .profileSettings .submit:hover {
background: #2395e1;
}
.s-body #s-mainProfile .profileSettings .heading,
.s-body .s-mainProfile .profileSettings .heading {
background: none;
font-size: 16px;
padding: 0;
margin: 0;
}
.s-body #s-mainProfile .profileSettings,
.s-body .s-mainProfile .profileSettings {
margin: 0 18px 0 0px;
padding: 0;
}
.s-body #s-mainProfile .profileSettings li:first-child,
.s-body .s-mainProfile .profileSettings li:first-child {
margin-right: 48px;
}
.s-body #s-mainProfile .profileSettings li,
.s-body .s-mainProfile .profileSettings li {
max-width: 600px;
min-width: 200px;
list-style: none;
float: left;
width: 100%;
}
.s-body #s-mainProfile .profileSettings input[type="text"],
.s-body .s-mainProfile .profileSettings input[type="text"] {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 12px;
min-width: 180px;
padding: 0 12px;
height: 48px;
width: 100%;
}
.s-body #s-mainProfile .profileSettings input[type="text"]:focus,
.s-body .s-mainProfile .profileSettings input[type="text"]:focus {
background-color: #eeeeee;
}
.s-body #s-mainProfile .profileSettings textarea,
.s-body .s-mainProfile .profileSettings textarea {
font: normal normal 13px "roboto_ltregular", arial, sans-serif;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 8px;
padding: 12px 12px;
min-width: 180px;
outline: none;
height: 106px;
resize: none;
width: 100%;
}
.s-body #s-mainProfile .profileSettings textarea:focus,
.s-body .s-mainProfile .profileSettings textarea:focus {
background-color: #eeeeee;
}
.s-body #s-mainProfile .profileSettings label,
.s-body .s-mainProfile .profileSettings label {
font-size: 14px;
display: block;
margin-bottom: 1px;
}
.s-body #s-mainProfile .profileSettings .submit,
.s-body .s-mainProfile .profileSettings .submit {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
text-align: center;
line-height: 48px;
margin-top: 8px;
font-size: 14px;
display: block;
color: #ffffff;
height: 48px;
width: 212px;
}
.s-body #s-mainProfile .profileSettings .submit:active,
.s-body .s-mainProfile .profileSettings .submit:active {
position: relative;
top: 1px;
}
.s-body #s-mainProfile label,
.s-body .s-mainProfile label,
.s-body #s-mainProfile .sale-profile-detail-form label,
.s-body .s-mainProfile .sale-profile-detail-form label {
margin-bottom: 1px;
font-size: 14px;
}
.s-body #s-mainProfile .bx_my_order_switch a,
.s-body .s-mainProfile .bx_my_order_switch a {
height: 35px;
line-height: 35px;
background: #4192D9;
text-align: center;
text-decoration: none;
color: #fff;
display: inline-block;
padding: 0px 12px;
}
.s-body #s-mainProfile .bx_my_order_switch a:hover,
.s-body .s-mainProfile .bx_my_order_switch a:hover {
background: #0074d9;
}
.s-body #s-mainProfile .bx_my_order_switch a:active,
.s-body .s-mainProfile .bx_my_order_switch a:active {
position: relative;
top: 1px;
}
.s-body .s-btn--catalog.s-menu__title {
margin-top: 30px;
}
.s-menu__title {
display: block;
width: 100%;
height: auto;
position: relative;
margin: 40px 0 0;
padding: 0;
cursor: default;
font-size: 16px;
color: #3498DB;
font-weight: 600;
}
.s-menu__title + .s-catalog-menu--next {
margin-top: 0;
margin-bottom: 30px;
}
.s-body .bigPicture--svg {
background: #ededed;
width: 100%;
height: 100px;
max-height: 100px;
position: relative;
line-height: 1 !important;
margin-top: 20px;
}
.s-body .bigPicture--svg .s-svg {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
#newsContainer .item .bigPicture.bigPicture--svg-link a:active {
position: absolute;
top: 0;
}
.s-body .bigPicture--svg-link {
cursor: pointer;
background: #ededed;
-webkit-transition: background-color 0.4s ease-in;
-o-transition: background-color 0.4s ease-in;
-moz-transition: background-color 0.4s ease-in;
transition: background-color 0.4s ease-in;
}
.s-body .bigPicture--svg-link > a {
display: block;
width: 100%;
height: 100%;
}
.s-body .bigPicture--svg-link .s-svg .svg-black {
fill: #111;
-webkit-transition: fill 0.3s ease-out;
-o-transition: fill 0.3s ease-out;
-moz-transition: fill 0.3s ease-out;
transition: fill 0.3s ease-out;
}
.s-body .bigPicture--svg-link .s-svg .svg-blue {
fill: #3498DB;
-webkit-transition: fill 0.3s ease-out;
-o-transition: fill 0.3s ease-out;
-moz-transition: fill 0.3s ease-out;
transition: fill 0.3s ease-out;
}
.s-body .bigPicture--svg-link .s-svg .svg-white {
fill: #fff;
-webkit-transition: fill 0.3s ease-out;
-o-transition: fill 0.3s ease-out;
-moz-transition: fill 0.3s ease-out;
transition: fill 0.3s ease-out;
}
.s-body .bigPicture--svg-link .s-svg .svg-red {
fill: #EB2800;
-webkit-transition: fill 0.3s ease-out;
-o-transition: fill 0.3s ease-out;
-moz-transition: fill 0.3s ease-out;
transition: fill 0.3s ease-out;
}
.s-body .bigPicture--svg-link:hover {
background: #3498DB;
-webkit-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;
}
.s-body .bigPicture--svg-link:hover .s-svg .svg-black {
fill: #fff;
-webkit-transition: fill 0.4s ease-in;
-o-transition: fill 0.4s ease-in;
-moz-transition: fill 0.4s ease-in;
transition: fill 0.4s ease-in;
}
.s-body .bigPicture--svg-link:hover .s-svg .svg-blue {
fill: #fff;
-webkit-transition: fill 0.4s ease-in;
-o-transition: fill 0.4s ease-in;
-moz-transition: fill 0.4s ease-in;
transition: fill 0.4s ease-in;
}
.s-body .bigPicture--svg-link:hover .s-svg .svg-white {
fill: #3498DB;
-webkit-transition: fill 0.4s ease-in;
-o-transition: fill 0.4s ease-in;
-moz-transition: fill 0.4s ease-in;
transition: fill 0.4s ease-in;
}
.s-body .bigPicture--svg-link:hover .s-svg .svg-red {
fill: #fff;
-webkit-transition: fill 0.4s ease-in;
-o-transition: fill 0.4s ease-in;
-moz-transition: fill 0.4s ease-in;
transition: fill 0.4s ease-in;
}
#newsContainer .item .title.s-user-cabinet-title a {
font-weight: 600;
}
/* 2020.03.10 - end */
/* 2020.03.17 - begin */
.s-kitchen-lighting {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: auto;
height: auto;
margin: 0 auto;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
height: 545px;
margin: 60px auto 0;
padding: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: centen;
-webkit-justify-content: centen;
-moz-box-pack: centen;
-ms-flex-pack: centen;
justify-content: centen;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff url('/local/templates/dresscode_lk/images/2020/kl/kitchen-lighting.jpg') 50% 50% no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
.s-kl__wrapper {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
max-width: 460px;
padding: 20px 20px;
margin: 0 auto;
text-align: center;
}
.s-kl__title {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
margin: 0 auto 25px;
font-family: 'Roboto', sans-serif;
font-size: 30px;
line-height: 1.25;
font-weight: 700;
color: #fff;
text-align: center;
}
.s-kl__desc {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
margin: 0 auto 35px;
padding: 0 20px;
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.75;
font-weight: 400;
color: #fff;
text-align: center;
}
.s-body #right.s-right--short {
display: block;
padding-left: 0;
max-width: 1190px;
margin-left: auto;
margin-right: auto;
}
.s-kl-chooser {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%;
height: auto;
margin: 25px auto 0;
padding: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.s-kl-chooser__item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
height: auto;
margin: 0;
padding: 0;
width: 31.5%;
width: -webkit-calc(33% - 12px);
width: -moz-calc(33% - 12px);
width: calc(33% - 12px);
min-width: -webkit-calc(33% - 12px);
min-width: -moz-calc(33% - 12px);
min-width: calc(33% - 12px);
max-width: -webkit-calc(33% - 12px);
max-width: -moz-calc(33% - 12px);
max-width: calc(33% - 12px);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: stretch;
-webkit-justify-content: stretch;
-moz-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.s-kl-chooser__item__pict {
display: block;
height: auto;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 100%;
height: 275px;
margin: 0;
padding: 0;
}
.s-kl-chooser__item__image {
display: block;
height: auto;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
z-index: 0;
position: absolute;
left: 0;
top: 0;
}
.s-kl-chooser__item__image img {
display: block;
height: auto;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: absolute;
left: 50% ;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.s-kl-chooser__item__image:after {
content: '';
display: block;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
opacity: 0.69;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
background-image: -moz- oldlinear-gradient(top, rgba(0, 0, 0, 0), #000000);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
}
.s-kl-chooser__item__content {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: auto;
margin: 0;
padding: 0 25px 25px 30px;
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.s-kl-chooser__item__title {
display: inline-block;
vertical-align: middle;
font-family: 'Roboto', sans-serif;
font-size: 18px;
line-height: 1;
font-weight: 400;
color: #fff;
/*text-shadow: 1px 1px 0 5px rgba(0,0,0,.4);*/
}
.s-kl-chooser__item__btns {
display: inline-block;
vertical-align: middle;
}
.s-kl-chooser__item__desc {
display: block;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 100%;
height: auto;
margin: 0;
padding: 19px 0 0 0;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #808080;
}
.s-body #main .s-h1,
.s-body .s-h1,
.s-h1 {
display: block;
position: relative;
margin: 30px 0 30px;
font-family: 'Roboto', sans-serif;
font-size: 30px;
line-height: 1.25;
font-weight: 700;
color: #000;
}
.s-body #main .s-h1.s-h1--border-bottom,
.s-body .s-h1.s-h1--border-bottom,
.s-h1.s-h1--border-bottom {
margin-bottom: 20px;
padding-bottom: 10px;
}
.s-body #main .s-h1.s-h1--border-bottom:after,
.s-body .s-h1.s-h1--border-bottom:after,
.s-h1.s-h1--border-bottom:after {
content: '';
display: block;
height: auto;
margin: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 100%;
height: 1px;
background: rgba(0, 0, 0, 0.2);
margin: 10px 0 0;
padding: 0;
}
.s-kl-slider {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
margin: 30px auto 45px;
}
.s-kl-slider .owl-stage-outer {
overflow: hidden;
}
.s-kl-slider .owl-item {
float: left;
}
.s-kl-slider .owl-nav .owl-prev {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
left: 0;
background-color: #2B2B2B;
}
.s-kl-slider .owl-nav .owl-prev:after {
background-position: 0 0;
}
.s-kl-slider .owl-nav .owl-prev:hover {
background-color: #E7E8EA;
}
.s-kl-slider .owl-nav .owl-prev:hover:after {
background-position: 0 -15px;
}
.s-kl-slider .owl-nav .owl-next {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
right: 0;
background-color: #2B2B2B;
}
.s-kl-slider .owl-nav .owl-next:after {
background-position: -15px 0;
}
.s-kl-slider .owl-nav .owl-next:hover {
background-color: #E7E8EA;
}
.s-kl-slider .owl-nav .owl-next:hover:after {
background-position: -15px -15px;
}
.s-kl-slider .s-kl-light__list__bulb:before {
-webkit-animation: 3s linear 0s infinite blink-opacity;
-moz-animation: 3s linear 0s infinite blink-opacity;
-o-animation: 3s linear 0s infinite blink-opacity;
animation: 3s linear 0s infinite blink-opacity;
}
.s-kl-slider .s-kl-light__list__bulb:after {
-webkit-animation: 3s linear 0s infinite blink-opacity;
-moz-animation: 3s linear 0s infinite blink-opacity;
-o-animation: 3s linear 0s infinite blink-opacity;
animation: 3s linear 0s infinite blink-opacity;
}
.s-kl-slider.bulb-color-rgb .s-kl-light__list__bulb:before {
background-color: #ffffff;
}
.s-kl-slider.bulb-color-rgb .s-kl-light__list__bulb:after {
background-color: rgba(255, 255, 255, 0.6);
}
.s-kl-slider.bulb-color-warm .s-kl-light__list__bulb:before {
background-color: #ffffeb;
}
.s-kl-slider.bulb-color-warm .s-kl-light__list__bulb:after {
background-color: rgba(255, 255, 235, 0.6);
}
.s-kl-slider.bulb-color-cold .s-kl-light__list__bulb:before {
background-color: #f0f0ff;
}
.s-kl-slider.bulb-color-cold .s-kl-light__list__bulb:after {
background-color: rgba(240, 240, 255, 0.6);
}
.s-kl-slider.bulb-color-day .s-kl-light__list__bulb:before {
background-color: #fff5dc;
}
.s-kl-slider.bulb-color-day .s-kl-light__list__bulb:after {
background-color: rgba(255, 245, 220, 0.6);
}
.s-kl-slider.bulb-color-daywarm .s-kl-light__list__bulb:before {
background-color: #ffebd7;
}
.s-kl-slider.bulb-color-daywarm .s-kl-light__list__bulb:after {
background-color: rgba(255, 235, 215, 0.6);
}
.s-kl-slider__item {
display: block;
width: 100%;
height: auto;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
margin: 0;
padding: 0;
}
.s-kl-slider__item img {
max-width: 100%;
}
.s-kl-slider__item .s-kl-slider__item__shade {
display: block;
height: auto;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.35);
margin: 0;
padding: 0;
}
.s-kl-slider__item .s-kl-slider__item__content {
display: block;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
}
.kl-lights {
display: block;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
margin: 40px 0 0;
width: 100%;
height: auto;
counter-reset: kl-lights-counter;
}
.kl-lights__item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
margin: 0 0 35px;
padding: 0;
width: 100%;
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: stretch;
-webkit-justify-content: stretch;
-moz-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
counter-increment: kl-lights-counter;
}
.kl-lights__item .s-p-small {
margin-top: 0;
}
.kl-lights__item__number {
display: inline-block;
position: absolute;
left: -10px;
top: -10px;
z-index: 10;
width: 34px;
height: 34px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #3498DB;
text-align: center;
}
.kl-lights__item__number:after {
content: counter(kl-lights-counter);
display: inline;
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 18px;
line-height: 34px;
font-weight: 400;
color: #fff;
}
.kl-lights__item__block {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 15px;
background: #fff;
border: 1px solid #e3e3e5;
border-top: none;
}
.kl-lights__item__block:first-child {
border-top: 1px solid #e3e3e5;
}
.kl-lights__item__block.va-center {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.kl-lights__item__block.tb-p40 {
padding-top: 40px;
padding-bottom: 40px;
}
.kl-lights__item__block.lr-p30 {
padding-left: 30px;
padding-right: 30px;
}
.kl-lights__item__block .s-form-fieldset {
margin: 11px 0 0 0;
}
.kl-lights__item__element {
display: inline-block;
width: auto;
height: auto;
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.kl-lights__item__element:last-child {
text-align: right;
}
.kl-lights__item__element.kl-lie-1 {
width: 40px;
min-width: 40px;
max-width: 40px;
-webkit-box-flex: 1;
-webkit-flex: 1 1 40px;
-moz-box-flex: 1;
-ms-flex: 1 1 40px;
flex: 1 1 40px;
}
.kl-lights__item__element.kl-lie-2 {
width: 115px;
min-width: 115px;
max-width: 115px;
-webkit-box-flex: 1;
-webkit-flex: 1 1 115px;
-moz-box-flex: 1;
-ms-flex: 1 1 115px;
flex: 1 1 115px;
}
.kl-lights__item__element.kl-lie-3 {
width: 110px;
min-width: 110px;
max-width: 110px;
-webkit-box-flex: 1;
-webkit-flex: 1 1 110px;
-moz-box-flex: 1;
-ms-flex: 1 1 110px;
flex: 1 1 110px;
}
.kl-lights__item__element.kl-lie-4 {
width: 40px;
min-width: 40px;
max-width: 40px;
-webkit-box-flex: 1;
-webkit-flex: 1 1 40px;
-moz-box-flex: 1;
-ms-flex: 1 1 40px;
flex: 1 1 40px;
}
.kl-lights__item__element.kl-lie-5 {
width: auto;
min-width: auto;
max-width: auto;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.kl-lights__item__element.kl-lie-6 {
width: 95px;
min-width: 95px;
max-width: 95px;
-webkit-box-flex: 1;
-webkit-flex: 1 1 95px;
-moz-box-flex: 1;
-ms-flex: 1 1 95px;
flex: 1 1 95px;
}
.kl-results {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
margin: 90px 0 0;
}
.kl-results__total {
margin: 0 0 30px;
}
.kl-text {
font-family: 'Roboto', sans-serif;
font-size: 18px;
line-height: 1.2;
color: #000;
vertical-align: baseline;
}
.kl-text .s-svg {
margin-right: 8px;
top: 6px;
}
.kl-price {
font-family: 'Roboto', sans-serif;
font-size: 23px;
line-height: 1;
font-weight: 700;
color: #000;
vertical-align: baseline;
margin-left: 3px;
}
.kl-results__list {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
margin: 0 0 18px;
}
.kl-results__table {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
margin: 0 0 35px;
}
.kl-table {
width: 100%;
margin: 0;
padding: 0;
}
.kl-table td {
width: auto;
padding: 5px 0 5px 4px;
position: relative;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 1.2;
font-weight: 400;
color: #2b2b2b;
}
.kl-table td:first-child {
width: 60%;
padding-left: 0;
}
.kl-table td:first-child:after {
content: '';
display: block;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: 11px;
border-bottom: 1px dotted #808080;
z-index: 0;
}
.kl-table .s-text-highlight {
display: inline-block;
padding: 2px 7px;
z-index: 1;
position: relative;
background: #fff;
}
.kl-settings {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
vertical-align: top;
margin: 30px 0 0;
}
.kl-settings__item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
margin: 0 0 19px;
padding: 0;
width: 100%;
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: stretch;
-webkit-justify-content: stretch;
-moz-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.kl-settings__item__block {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
background: #fff;
border: 1px solid #e3e3e5;
border-top: none;
}
.kl-settings__item__block:first-child {
border-top: 1px solid #e3e3e5;
}
.kl-settings__item__block.va-center {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.kl-settings__item__block.va-stretch {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.kl-settings__item__block.d-table {
display: table;
}
.kl-settings__item__block.p9 {
padding: 9px;
}
.kl-settings__item__element {
display: table-cell;
width: auto;
height: auto;
position: relative;
vertical-align: middle;
text-align: left;
padding: 6px 14px;
line-height: 25px;
}
.kl-settings__item__element .s-svg--question {
top: 3px;
margin-right: 5px;
}
.kl-settings__item__element .s-p-small {
display: inline-block;
margin: 0;
}
.kl-settings__item__element .i-radio .s-form-field__icon {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.kl-settings__item__element .i-radio .s-form-field__label {
font-size: 14px;
line-height: 1.25;
display: block;
cursor: pointer;
position: relative;
top: 1px;
}
.kl-settings__item__element .i-radio > label {
padding: 0 0 0 30px;
}
.kl-settings__block__element--btn {
text-align: center;
cursor: pointer;
background: #e2e2e4;
color: #000;
-webkit-transition: background 0.5s, color 0.4s;
-o-transition: background 0.5s, color 0.4s;
-moz-transition: background 0.5s, color 0.4s;
transition: background 0.5s, color 0.4s;
}
.kl-settings__block__element--btn:hover {
background: #3498db;
color: #fff;
-webkit-transition: background 0.5s, color 0.4s;
-o-transition: background 0.5s, color 0.4s;
-moz-transition: background 0.5s, color 0.4s;
transition: background 0.5s, color 0.4s;
}
.kl-settings__block__element--btn.active {
background: #3498db;
color: #fff;
cursor: default;
}
.kl-settings__block__element--color-circle {
width: 70px;
min-width: 70px;
max-width: 70px;
-webkit-box-flex: 1;
-webkit-flex: 1 1 70px;
-moz-box-flex: 1;
-ms-flex: 1 1 70px;
flex: 1 1 70px;
}
.kl-settings__block__element--content {
width: 100%;
-webkit-box-flex: 5;
-webkit-flex: 5 1 100%;
-moz-box-flex: 5;
-ms-flex: 5 1 100%;
flex: 5 1 100%;
}
.kl-settings__block__element--title .s-svg--question {
top: 3px;
margin-right: 5px;
}
.kl-settings__block__element--title .s-p-small {
display: inline-block;
margin: 0;
top: -3px;
}
.kl-settings__block__element--pict {
padding-left: 0;
padding-right: 0;
}
.kl-settings__block__element--pict img {
height: 98px;
width: auto;
}
.kl-settings__block__element--desc {
padding-left: 15px;
width: 340px;
}
.klsib-p-big {
padding: 23px 5px;
}
.klsie-block {
margin: 0 0 15px 0;
}
.klsie-block:last-child {
margin-bottom: 0;
}
.klsie-block .s-svg--question {
top: 6px;
}
.s-kl-slide {
display: block;
width: 100%;
height: auto;
max-width: 73%;
background: transparent;
margin: 0 auto;
position: absolute;
top: 42%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.s-kl-light__list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
height: 16px;
}
.s-kl-light__list.center {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.s-kl-light__list.left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.s-kl-light__list.right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.s-kl-light__list__bulb {
display: inline-block;
position: relative;
width: 50%;
-webkit-box-flex: 1;
-webkit-flex: 1 1 50%;
-moz-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
margin: 0 25px 0 0;
margin-right: 10px;
}
.s-kl-light__list__bulb:last-child {
margin-right: 0;
}
.s-kl-light__list__bulb:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 6px;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.s-kl-light__list__bulb:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 16px;
background: rgba(255, 255, 255, 0.6);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-filter: blur(5px);
filter: blur(5px);
}
[data-kl-counter="2"] .s-kl-light__list__bulb {
width: 50%;
-webkit-box-flex: 1;
-webkit-flex: 1 1 50%;
-moz-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
}
[data-kl-counter="3"] .s-kl-light__list__bulb {
width: 33.3%;
-webkit-box-flex: 1;
-webkit-flex: 1 1 33.3%;
-moz-box-flex: 1;
-ms-flex: 1 1 33.3%;
flex: 1 1 33.3%;
}
[data-kl-counter="4"] .s-kl-light__list__bulb {
width: 25%;
-webkit-box-flex: 1;
-webkit-flex: 1 1 25%;
-moz-box-flex: 1;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
}
[data-kl-counter="5"] .s-kl-light__list__bulb {
width: 20%;
-webkit-box-flex: 1;
-webkit-flex: 1 1 20%;
-moz-box-flex: 1;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
}
[data-kl-counter="6"] .s-kl-light__list__bulb {
width: 16.6%;
-webkit-box-flex: 1;
-webkit-flex: 1 1 16.6%;
-moz-box-flex: 1;
-ms-flex: 1 1 16.6%;
flex: 1 1 16.6%;
}
.s-kl-light__list__bulb__info {
display: block;
width: 100%;
height: auto;
position: relative;
top: 24px;
padding-top: 10px;
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1;
font-weight: 400;
color: #fff;
text-align: center;
}
.s-kl-light__list__bulb__info:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1px;
background: #fff;
}
.s-btn-off {
display: inline-block;
position: relative;
top: 20px;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.s-btn-off:hover {
opacity: 0.6;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.s-kl-templates {
display: none;
}
.s-body .mfp-ajax-holder .s-float-header-empty,
.s-body .s-ajax-page .s-float-header-empty {
display: none;
}
.s-body .mfp-ajax-holder .s-float-header,
.s-body .s-ajax-page .s-float-header {
display: none;
}
.s-body .mfp-ajax-holder #footer,
.s-body .s-ajax-page #footer {
display: none;
}
.s-body .mfp-ajax-holder #foundation,
.s-body .s-ajax-page #foundation {
background: #fff;
}
.s-body .mfp-ajax-holder #main,
.s-body .s-ajax-page #main {
margin-top: 0;
}
.s-body.fullscreen-popup .mfp-iframe-holder .mfp-content {
max-width: 1200px;
height: 100%;
}
.s-body.fullscreen-popup .mfp-iframe-holder {
padding-top: 20px;
padding-bottom: 10px;
}
.s-body.fullscreen-popup .mfp-iframe-holder .mfp-close {
top: -30px;
}
@media screen and (min-width: 1024px) and (max-width: 1370px) and (max-height: 768px) {
.s-body .s-kl-slider .owl-item {
text-align: center;
height: 250px;
}
.s-body .s-kl-slider .owl-item .s-kl-slider__item {
display: inline-block;
margin: 0 auto;
width: auto;
}
.s-body .s-kl-slider .owl-item .s-kl-slider__item img {
width: auto;
max-height: 250px;
}
.s-body #kl-constructor .h1 {
margin-top: 0;
margin-bottom: 15px;
}
.s-body #kl-constructor .owl-dots {
bottom: 15px;
}
.s-body #kl-constructor .owl-dots .owl-dot {
background: #fff;
}
.s-body #kl-constructor .owl-dots .owl-dot.active {
background: #3498DB;
}
.s-body #kl-constructor .s-kl-slider {
margin-bottom: 20px;
}
.s-body #kl-constructor .s-kl-slide {
top: 47%;
}
.s-body #kl-constructor .s-flat-btn {
padding: 4px 17px;
}
.s-body #kl-constructor .s-flat-btn {
min-height: 50px;
}
.s-body #kl-constructor .kl-lights {
margin-top: 10px;
}
.s-body #kl-constructor .s-row.kl-rows > .s-col:nth-child(2n) {
margin-top: 15px;
}
.s-body #kl-constructor .s-btn-off {
top: 45px;
}
.s-body.kl-body-constructor #main {
margin-top: 0;
}
.s-body.kl-body-constructor #breadcrumbs {
display: none;
}
.s-body.kl-body-constructor #main .s-h1,
.s-body.kl-body-constructor #kl-constructor .s-h1,
.s-body.kl-body-constructor #kl-constructor .s-h1 {
margin-top: 15px;
}
.s-body.kl-body-constructor #main .s-h1.s-h1--border-bottom,
.s-body.kl-body-constructor .s-h1.s-h1--border-bottom,
.s-body.kl-body-constructor .s-h1.s-h1--border-bottom {
margin-bottom: 5px;
}
.s-body.kl-body-constructor .s-kl-slider {
margin-top: 0;
}
}
@media screen and (max-width: 1280px) {
.s-kl-chooser {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.s-kl-chooser__item {
width: 100%;
min-width: 100%;
max-width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-moz-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin: 0 auto 34px;
}
.s-body #main .s-h1,
.s-body .s-h1,
.s-h1 {
font-size: 23px;
}
.s-body .s-text-block h1,
.s-body .s-text-block .h1 {
font-size: 19px;
}
.s-body .s-text-block {
margin: 10px auto 30px;
}
.s-body .s-row.kl-rows {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.s-body .s-row.kl-rows > .s-col {
width: 100%;
min-width: 100%;
max-width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-moz-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin: 0;
padding: 0;
}
.s-body .s-flat-btn {
min-height: 72px;
}
}
@media screen and (max-width: 980px) {
.s-kl-slide {
top: 44%;
}
}
@media screen and (max-width: 800px) {
.s-kl-slide {
top: 45%;
}
.s-kl-light__list__bulb__info {
font-size: 14px;
top: 22px;
}
}
@media screen and (max-width: 640px) {
.s-kl-slide {
top: 47%;
}
.s-kl-light__list__bulb__info {
font-size: 13px;
top: 20px;
}
.s-kl__title {
font-size: 26px;
}
.s-kl__desc {
font-size: 20px;
line-height: 1.4;
}
.s-kl__wrapper {
max-width: 640px;
}
.s-kl-chooser__item__desc {
font-size: 16px;
}
.s-body #main .s-h1,
.s-body .s-h1,
.s-h1 {
font-size: 30px;
}
.s-body .s-text-block h1,
.s-body .s-text-block .h1 {
font-size: 23px;
}
.s-body .s-col--p-10 {
padding-left: 0;
padding-right: 0;
}
.s-body .kl-lights__item__block .s-form-field.i-radio,
.s-body .kl-lights__item__block .i-radio {
display: block;
width: 100%;
}
.s-body .kl-lights__item__block.va-center {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.kl-lights__item__element.kl-lie-5 {
-webkit-box-flex: 1;
-webkit-flex: 1 1 50%;
-moz-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
width: 50%;
margin: 20px 0 0 0;
}
.kl-lights__item__element.kl-lie-6 {
-webkit-box-flex: 1;
-webkit-flex: 1 1 50%;
-moz-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
width: 50%;
margin: 20px 0 0 0;
}
.kl-settings__block__element--title {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-moz-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
width: 100%;
}
.kl-settings__item__block.d-table {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-body .s-p-small {
font-size: 16px;
}
.kl-lights .s-form-field.i-radio .s-form-field__label,
.kl-lights .i-radio .s-form-field__label {
font-size: 16px;
}
.kl-lights .s-form-field.s-form--m-b-8 {
margin-bottom: 13px;
}
.s-body .s-row.kl-rows .s-col {
margin-bottom: 30px;
}
.s-body .s-row.kl-rows .s-col:last-child {
margin-bottom: 0;
}
.kl-settings__item__element.kl-settings__block__element--title {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-moz-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
width: 100%;
}
.kl-settings__item__element.kl-settings__block__element--desc {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-moz-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
width: 100%;
}
.kl-settings__item__element {
display: block;
width: 33.333%;
-webkit-box-flex: 1;
-webkit-flex: 1 1 33.33%;
-moz-box-flex: 1;
-ms-flex: 1 1 33.33%;
flex: 1 1 33.33%;
}
.klsie-block .s-form-field.i-radio,
.klsie-block .i-radio {
display: block;
width: 100%;
}
}
@media screen and (max-width: 540px) {
.s-kl-slide {
top: 50%;
}
}
/* 2020.03.17 - end */
/* 2020.04.20 - begin */
.s-body #mainProfile #addClaim .profileSettings select.invalid,
.s-body #mainProfile #addClaim .profileSettings select.error,
.s-body #mainProfile #addClaim .profileSettings select.warning,
.s-body #mainProfile #addClaim .profileSettings select.required {
border-color: red;
}
.s-body #mainProfile #addClaim .profileSettings .form-small-hint,
.s-body .form-small-hint {
display: block;
width: 100%;
height: auto;
position: relative;
margin: 9px 0 5px;
font-size: 12px;
line-height: 1.2;
color: #555;
font-weight: 400;
}
.js--asterisk {
font-weight: bold;
margin-left: 3px;
}
.s-body #newsContainer .item .wrap:after {
content: '';
display: block;
width: 100%;
height: 0;
clear: both;
}
.s-body #newsContainer .item .title a {
height: 65px;
}
#mainProfile #addClaim .profileSettings label.js--asterisk-label.bold {
font-weight: bold;
}
/* 2020.04.20 - end */
.changeAvailable {
text-align: right;
text-decoration: unset!important;
}
.changeAvailable span{
text-decoration: unset!important;
}
.prod-container-icons {
display:flex; flex-grow: 1;justify-content: flex-end;
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
/*background: #fff;*/
}
.prod-item-icons {
margin: 8px 7px 0 3px;
flex-shrink: 0;
justify-content: space-between;
align-items: center;
width: 56px;
height: 28px;
display: flex;
z-index: 2;
}
.prod-item-icons a {
display: block;
position: relative;
width: 23px;
height: 28px;
}
.prod-item-icons .addWishlist {
order: 2;
}
.prod-item-icons .addCompare {
order: 1;
}
.prod-item-wishlist-empty {
display: inline-block;
position: absolute;
top: 2px;
left: 2px;
width: 21px;
z-index: 1;
}
.prod-item-wishlist-empty svg, .prod-item-compare-empty svg {
fill: #555a64;
font-size: 22px;
}
.addWishlist:not(.added):hover .prod-item-wishlist-empty>svg {
fill: #ff525f;
}
.addWishlist.added .prod-item-wishlist-empty>svg {
fill: #ff525f;
}
.addWishlist.added .prod-item-wishlist-empty>svg>path {
fill-rule: nonzero;
}
.addCompare:not(.added):hover .prod-item-compare-empty>svg {
fill: #ff525f;
}
.addCompare.added .prod-item-compare-empty>svg {
fill: #ff525f;
}
.addCompare.added .prod-item-compare-empty>svg>g>path {
fill-rule: nonzero;
}
#wishlist .prod-container-icons{
display: none;
}
.prod-item-wishlist-full {
z-index: 0;
position: absolute;
width: 25px;
}
.prod-item-wishlist-full svg, .prod-item-compare-full svg {
fill: #fff;
font-size: 25px;
}
.prod-item-compare-empty {
display: inline-block;
position: absolute;
top: 1px;
left: 1px;
width: 23px;
z-index: 1;
}
.prod-item-compare-full {
z-index: 0;
position: absolute;
width: 25px;
}
.s-body div#main>.limiter>h1 {
font-weight: 600;
}
.div-onstock{width: 95%; text-align: left;padding: 5px 0;}
.div-onstock a {
width: 95%;max-width: 95%;
font-family: 'roboto_condensedlight';
line-height: 21px;
font-size: 14px;
display: block;
}
.div-onstock .icon {
padding-right: 6px;
margin-top: -4px;
}
.div-onstock span {
text-align: left;
}
.nowrap {
white-space: nowrap;
}
.product-availability .status-right {
text-align: left;
}
.status-right {
font-family: 'roboto_condensedlight';
line-height: 21px;
font-size: 14px;
display: block;
text-align: right;
flex: 1 49%;
}
.status-right .icon {
padding-right: 6px;
margin-top: -4px;
}
input.error[type=checkbox][name=personalInfo] + span.s-form-field__icon {
border: 1px solid red;
}
div.addinfo {font-weight: 600;padding: 0px 0px 20px 0px;}
div.addinfo span {color:#f00}
.spnowrap {white-space:nowrap}
.news_gallery {/*display: table; */}
.news_img {display: inline-block; margin:8px;}
.s-btn--simple {
display: inline-block;
position: relative;
width: 100%;
height: 60px;
line-height: 60px;
margin: 0 auto;
padding: 0 35px 0 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-color: transparent;
text-align: left;
background: #3498DB;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
font-weight: 300;
color: #fff;
}
.item-slider-container {
overflow: hidden;
position: relative;
display: flex!important;
}
.item-slider-container:before{
content: "";
display: block;
padding-top: 100%;
}
.productColImage{
position: absolute!important;
top: 0;
left: 0;
bottom: 0;
right: 0;
color: #fff;
}
.b24-window-panel {
background-color: white;
}
.mob-search-clear {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
color: grey;
height: 100%;
width:40px;
right: 4px;
position: absolute;
top: 15px;
cursor: pointer;
display: none;
}
.svg-icon-cross {
font-size: 24px;
fill: lightgray;
}
.svg-icon-cross:hover {fill: gray;}
/* End */
/* Start:/local/templates/dresscode_lk/extra.css?178835390559536*/
#personalCart .productTable .inStock.isAvaible {
text-decoration: none;
}
.footer-logo-pay {
margin: 0;
display: flex;
max-width: 280px;
}
.footer-logo-pay .footer-logo-pay-item {
width: 32%;
display: inline-block;
}
.footer-logo-pay .footer-logo-pay-item img {
max-width: 100%;
width: 100%;
height: auto;
}
.custom-pay-buttons {
display: flex;
}
.custom-pay-buttons .custom-pay-field {
padding: 0 15px 0 0;
}
.custom-pay-buttons .custom-pay-field.order {
min-width: 239px;
}
.custom-pay-buttons .custom-pay-field label {
display: block;
}
.custom-pay-buttons .custom-pay-field input {
display: block;
width: 100%;
background: none;
padding: 0 60px 0 12px;
height: 40px;
background: #fff;
border: 1px solid #3498DB;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
min-width: 180px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 12px;
font: 300 14px/1.3 'Roboto', sans-serif;
}
.custom-pay-buttons .custom-pay-field .error-text {
display: none;
color: red;
font-size: 12px;
}
.custom-pay-buttons .custom-pay-field.error .error-text {
display: block;
}
.custom-pay-buttons textarea {
min-height: 100px;
min-width: 220px;
}
.custom-pay-buttons .btn-success {
background-color: #70bb18;
color: #fff;
margin: 20px 0 0 0;
white-space: nowrap;
}
.custom-pay-buttons .alfa-payment__button {
margin: 20px 0 0 0;
padding: 0 18px;
width: auto;
height: 40px;
font-size: 14px;
line-height: 40px;
font-weight: 400;
text-align: center;
border-radius: 5px;
background-image: none;
vertical-align: middle;
min-height: 40px;
border: 1px;
}
.white-popup-locale {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}
.product .tabloid .product-article {
margin: 0 auto 4px;
display: block;
font-size: 13px;
color: #666;
font-weight: 300;
}
body.s-body .s-product-container--large .product .name {
/*max-height: 67px;*/
}
.s-body .product .name {
/*height: 80px;*/
line-height: 1;
margin-bottom: 7px;
}
.s-body .product .picture {
height: 218px;
line-height: 218px;
}
.s-body .s-product-container--large .product:after {
content: "";
position: absolute;
left: 0px;
width: 100%;
bottom: -2px;
height: 1px;
background: #e7e8ea;
}
.s-body .s-product-container--large .product .picture {
margin-bottom: 7px;
}
.s-body .s-product-container--large .product .tabloid {
/*height: 399px;*/
}
.s-body .s-product-container--large .product:hover .tabloid {
height: auto;
box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .15);
/*
border-bottom: 1px solid #e7e8ea;
border-left: 1px solid #e7e8ea;
border-right: 1px solid #e7e8ea;
*/
}
@media screen and (min-width: 1921px) {
.s-body #catalogElement .s-product-container--large .product {
width: 24.92%;
}
}
@media screen and (max-width: 1921px) {
.s-body #catalogElement .s-product-container--large .product {
width: 24.92%;
}
}
@media screen and (max-width: 1430px) {
.s-body #catalogElement .s-product-container--large .product {
width: 33.332%;
}
}
@media screen and (max-width: 1430px) and (min-width: 1025px) {
.s-body .s-top__menus__li
{
margin-left: 12px;
}
.s-body .s-top-line__item--buttons .s-top__tabs {
min-width: 140px;
}
.s-body .s-top-line .s-top-line__item--buttons .s-top__rate
{
white-space: nowrap;
margin-left: 20px;
}
.s-body .s-top-line__item--icons
{
display: none;
}
}
@media screen and (max-width: 1430px) and (min-width: 950px) {
.s-body .s-top-line__item--icons
{
display: none;
}
}
@media screen and (max-width: 1280px) {
.s-body #catalogElement .s-product-container--large .product {
width: 33.332%;
}
.s-body .product .picture {
height: 232px;
line-height: 232px;
}
}
@media screen and (max-width: 790px) {
.s-body #catalogElement .s-product-container--large .product {
width: 49.92%;
}
}
@media screen and (max-width: 1024px) {
.custom-pay-buttons .btn-success {
height: inherit;
}
}
@media screen and (max-width: 480px) {
.custom-pay-buttons {
display: block;
}
.custom-pay-buttons .custom-pay-field {
width: 100%;
}
}
@media (max-width: 1800px) {
.product .tabloid {
height: 370px;
}
}
.txSwitcherSettings {
display: none;
}
.mfp-wrap .white-popup-modal {
position: relative;
background: #FFF;
width: auto;
margin: 20px auto;
min-height: 100px;
max-height: 400px;
min-width: 200px;
max-width: 400px;
top: 40px;
}
.popup-delay-content {
font-size: 18px;
text-align: center;
padding: 0px;
}
.mfp-wrap .white-popup-modal .heading {
background-color: #424242;
color: #ffffff;
display: block;
font-size: 16px;
line-height: 50px;
height: 50px;
text-align: center;
margin: 0;
padding: 0;
}
.mfp-wrap .white-popup-modal .mfp-close {
color: #ffffff;
}
.mfp-wrap .white-popup-modal .lower .tools {
border-collapse: collapse;
table-layout: fixed;
border-spacing: 0px;
width: 100%;
}
.white-popup-modal .lower {
line-height: 60px;
overflow: hidden;
height: 60px;
background-color: #424242;
}
.white-popup-modal .lower .tools {
border-collapse: collapse;
table-layout: fixed;
border-spacing: 0px;
width: 100%;
}
.mfp-wrap .white-popup-modal .lower .tools .continue,
.mfp-wrap .white-popup-modal .lower .tools .goToBasket,
.mfp-wrap .white-popup-modal .lower .tools .yes-mppc,
.mfp-wrap .white-popup-modal .lower .tools .close-mppc {
-webkit-transition: 0.1s all ease-in-out;
-o-transition: 0.1s all ease-in-out;
transition: 0.1s all ease-in-out;
text-align: center;
width: 50%;
}
.mfp-wrap .white-popup-modal .lower .tools .continue,
.mfp-wrap .white-popup-modal .lower .tools .close-mppc {
border-right: 1px solid #4c4c4c;
}
.mfp-wrap .white-popup-modal .lower .tools .continue:hover,
.mfp-wrap .white-popup-modal .lower .tools .close-mppc:hover {
background: #2b2b2b;
}
.mfp-wrap .white-popup-modal .lower .tools .goToBasket,
.mfp-wrap .white-popup-modal .lower .tools .yes-mppc {
background-color: #3498db;
}
.mfp-wrap .white-popup-modal .lower .tools .continue a,
.mfp-wrap .white-popup-modal .lower .tools .goToBasket a,
.mfp-wrap .white-popup-modal .lower .tools .close-mppc a,
.mfp-wrap .white-popup-modal .lower .tools .yes-mppc a {
line-height: 60px;
text-decoration: none;
font-size: 14px;
display: block;
color: #ffffff;
cursor: pointer;
}
.mfp-wrap .white-popup-modal .lower .tools .continue img,
.mfp-wrap .white-popup-modal .lower .tools .goToBasket img {
vertical-align: middle;
padding-right: 12px;
}
.mfp-wrap .white-popup-modal .lower .tools .continue .text,
.mfp-wrap .white-popup-modal .lower .tools .goToBasket .text,
.mfp-wrap .white-popup-modal .lower .tools .close-mppc .text,
.mfp-wrap .white-popup-modal .lower .tools .yes-mppc .text {
margin-top: 2px;
display: inline-block;
}
.mfp-wrap .white-popup-modal .form-input {
display: block;
width: 285px;
height: 54px;
line-height: 50px;
padding: 0 22px;
border: 1px solid #D1D1D1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: 300;
color: #808080;
}
.mfp-wrap .white-popup-modal .popup-content {
padding: 40px;
}
.mfp-wrap .white-popup-modal .lower-one {
padding: 0 0 12px;
}
.mfp-wrap .white-popup-modal .lower-one .mppc-closeWindow {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: block;
height: 35px;
line-height: 35px;
text-align: center;
color: #cccccc;
background: #424242;
width: 140px;
text-decoration: none;
margin: 0px auto 12px;
cursor: pointer;
}
.s-body .mfp-wrap .banner-popup-modal {
position: relative;
background: #FFF;
width: max-content;
margin: 20px auto;
min-height: 100px;
max-height: 700px;
min-width: 200px;
max-width: 100%;
top: 40px;
}
.s-body .mfp-wrap .banner-popup-modal .heading {
background-color: #3498DB;
}
.s-body .mfp-wrap .banner-popup-modal iframe {
max-width: 100%;
}
.ok-message {
color: green;
}
.red-message {
color: red;
}
.red-message b {
font-weight: bolder;
font-size: 1.5em;
}
.bix-loader {
background: url(/local/templates/dresscode_lk/images/2020/bix-loader.png) 0 50% no-repeat transparent;
width: 64px;
height: 64px;
margin: auto;
}
.detail-text-wrap img {
max-width: 100%;
height: auto;
}
.s-body #main .s-btn--catalog-red {
background: #d60419;
color: #fff;
border-color: #d60419;
margin-bottom: 10px;
}
.s-body #main .s-btn--catalog-red:hover {
background: #fff;
color: #d60419;
}
.s-body #main .s-btn--catalog {
display: flex;
align-items: center;
line-height: 20px;
}
.s-body .s-cat-menu__inner__item.red {
color: #d60419;
}
.lfc-constr-cont {
padding: 20px 0;
}
.lfc-constr-cont .form-field {
padding: 4px 0 0 0;
}
.lfc-constr-cont .form-field label {
font-size: 14px;
display: block;
margin-bottom: 8px;
}
.lfc-constr-cont .form-field .form-input,
.lfc-constr-cont .form-field .select2-selection {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
min-width: 180px;
padding: 0 12px;
height: 48px;
width: 100%;
border: 1px solid #3498DB;
}
.lfc-constr-cont .form-field .form-but {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
text-align: center;
line-height: 48px;
margin-top: 8px;
font-size: 14px;
display: block;
color: #ffffff;
height: 48px;
width: 212px;
background: #0a41a3;
cursor: pointer;
border-radius: 3px;
margin-bottom: 20px;
border: none;
}
.lfc-constr-cont .form-field .select2-container--default .select2-selection--single .select2-selection__rendered,
.lfc-constr-cont .form-field .select2-container--default .select2-selection--multiple .select2-selection__rendered {
line-height: 48px;
}
.lfc-constr-cont .form-field .select2-container--default .select2-selection--single .select2-selection__arrow {
display: none;
}
.lfc-constr-cont .lfc-selection-block {
padding: 15px 0 0 0;
}
.lfc-constr-cont .lfc-select-row {
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 4px;
margin-bottom: 8px;
}
.lfc-constr-cont .lfc-select-row .label {
max-width: 330px;
display: block;
padding: 4px;
/*background: #0a41a3;
border-radius: 3px;
color: #fff;*/
font-weight: bold;
}
.lfc-constr-cont .lfc-select-row span {
}
.lfc-constr-cont .lfc-select-row .close {
display: inline-block;
width: 18px;
min-width: 18px;
height: 18px;
font-size: 0;
background: url(/local/templates/dresscode_lk/images/delete.png) 0 0 no-repeat;
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
transition: opacity .3s ease;
opacity: 1;
vertical-align: middle;
cursor: pointer;
margin-top: 5px;
}
.product .tabloid .productRowArt {
display: flex;
justify-content: space-between;
flex-direction: column-reverse;
align-items: flex-start;
margin-top: 2px;
margin-bottom: 5px;
}
.product .tabloid .product-article {
margin: 0 0 4px 0;
}
.product .tabloid .product-amount {
margin: 0 0 4px 0;
font-size: 13px;
color: #666;
font-weight: 300;
}
/*
@media screen and (max-width: 790px) {
.product .tabloid .productRowArt {
display: block;
}
}
*/
.s-body .s-top-line__item--icons {
-webkit-flex-grow: 0;
flex-grow: 0;
margin: 0 0 0 10px;
}
#newsContainer .item .title.s-user-cabinet-title a {
height: 35px;
}
.bx-authform .submit {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
text-decoration: none;
text-align: center;
line-height: 48px;
margin-top: 24px;
cursor: pointer;
font-size: 14px;
height: 48px;
width: 224px;
border: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
}
.payment-online #personalMenu li a {
padding: 10px;
}
.payment-online #personalMenu li a.active {
padding: 10px;
/*border: 1px solid #3498DB;
position: relative;
z-index: 10;*/
}
/*.payment-online #personalMenu li a.active::after,
.payment-online #personalMenu li a.active::before {
content: '';
width: 0;
height: 0;
display: block;
position: absolute;
z-index: 10;
border: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
margin-left: -10px;
left: 50%;
border-top: 10px solid #3498DB;
bottom: -10px;
}*/
/*.payment-online #personalMenu li a.active::after {
border-top: 10px solid white;
bottom: -9px;
}*/
.payment-online #personalMenu {
margin: 0;
padding-left: 0px;
display: flex;
justify-content: flex-start;
}
.payment-online #personalMenu li {
margin: 0 24px 0 0;
padding-bottom: 34px;
list-style: none;
}
.payment-online #personalMenu li.active {
border-top: 1px solid #3498DB;
border-right: 1px solid #3498DB;
border-left: 1px solid #3498DB;
border-bottom: 1px solid white;
position: relative;
z-index: 10;
background: #fff;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.payment-online .tabs-wrap .tab-content {
padding: 10px;
margin-top: -3px;
}
.payment-online .tabs-wrap .tab-content.active {
border: 1px solid #3498DB;
}
.personal-bonus-score {
font-size: 18px;
vertical-align: middle;
line-height: 40px;
}
.personal-bonus-score .personal-bonus-score-cnt {
font-weight: bold;
font-size: 1.2em;
}
.sale-personal-table {
overflow: auto;
}
table.sale-personal-table-container {
border-collapse: collapse;
font-size: 14px;
width: 100%;
}
table.sale-personal-table-container th {
font-family: "robotomedium";
background-color: #f7f7f7;
border: 1px solid #e4e4e4;
font-weight: normal;
padding: 12px 24px;
}
table.sale-personal-table-container th {
font-family: "robotomedium";
background-color: #f7f7f7;
border: 1px solid #e4e4e4;
font-weight: normal;
padding: 12px 24px;
}
table.sale-personal-table-container td {
border: 1px solid #e4e4e4;
vertical-align: middle;
padding: 12px 24px;
text-align: center;
color: #333333;
}
#topSocial {
margin: 0;
padding: 0;
}
#topSocial .topSoc {
margin: 0;
padding: 2px;
list-style: none;
}
#topSocial .topSocItem a {
width: 24px;
height: 24px;
display: block;
border-radius: 2px;
background: url(/local/templates/dresscode_lk/svg/social.svg) -5px -5px no-repeat;
transition: opacity ease 0.5s;
}
#topSocial .topSocItem .socINS {
background-position: -125px -125px;
}
#topSocial .topSocItem .socTG {
background-position: -286px -125px;
}
#topSocial .topSocItem .socYOU {
background-position: -85px -125px;
}
#topSocial .topSocItem .socPIN {
background-position: -165px -5px;
}
#topSocial .topSocItem:first-child {
margin-left: 0;
}
#topSocial .topSocItem {
vertical-align: middle;
display: inline-block;
margin-left: 2px;
}
@media screen and (max-width: 1024px) {
#topSocial .topSocItem a {
height: 24px;
width: 24px;
margin-right: 8px;
}
}
@media screen and (max-width: 480px) {
#topSocial .topSocItem a {
height: 24px;
width: 24px;
margin-right: 2px;
}
#topSocial {
margin: 8px 0 0 0;
}
}
#elementTools .purchaseBonus {
cursor: pointer;
}
.left-tree-filter {
padding: 5px 11px;
}
.left-tree-filter .paramsBoxTitle {
padding: 5px 0px;
font-weight: bold;
margin-right: 14px;
}
.s-body #personalCart input.qty {
width: 43px;
font-size: 13px;
}
.personal-bonus-score .open-popup-link {
text-decoration: none;
line-height: 30px;
}
.s-body .personal-bonus-score .open-popup-link .s-svg--question {
vertical-align: middle;
}
.calalog-filtred-counts {
margin-bottom: 10px;
}
.left-catalog-banner {
margin: 15px 0px;
}
.full-catalog-banner {
margin-bottom: 20px;
}
.left-catalog-banner img {
max-width: 100%;
height: auto;
}
.full-catalog-banner img {
max-width: 100%;
height: auto;
}
.s-body .productTable .onstock-status {
/* width: 100%;
min-width: 100%;
max-width: 100%;*/
}
/*
.s-body .productTable .product-mobile-optional .onstock-status {
-webkit-box-flex: 1;
-webkit-flex: 1 50%;
-moz-box-flex: 1;
-ms-flex: 1 50%;
flex: 1 50%;
width: 50%;
min-width: 50%;
max-width: 50%;
}
*/
.s-body .kitchen-filling-items .productTable .product-mobile-optional .onstock-status {
-webkit-box-flex: 1;
-webkit-flex: 1 100%;
-moz-box-flex: 1;
-ms-flex: 1 100%;
flex: 1 100%;
width: 100%;
min-width: 100%;
max-width: 100%;
}
.s-body .dop-items .productTable .product-mobile-optional .inStock {
padding-left: 10px !important;
}
.s-body .productTable .product-mobile-optional .order-time-span {
order: 4;
-webkit-order: 4;
-ms-flex-order: 4;
width: 98%;
text-align: left;
display: block;
/*white-space: nowrap;*/
}
.s-body .productTable .product-mobile-optional .order-time-span .order-time-val {
display: block;
font-size: 12px;
}
.s-body .productTable .product-mobile-optional.order-time-cast .s-product-favorites {
margin: 10px auto 3px;
}
.s-body .productTable .product-mobile-optional.order-time-cast .onstock-status {
margin: 5px auto 0px;
}
.s-body .s-header__menu .s-podbor-menu-open {
color: #fff;
position: relative;
}
.s-body .s-header__menu .s-podbor-menu-open > a {
color: #fff;
position: relative;
}
.s-body .s-header__menu .s-podbor-menu-open:hover > a {
color: #3498DB;
background: #fff;
}
.s-body .s-header__menu .s-podbor-menu-open .s-top__menus__dropdown {
width: 306px;
}
.s-body .s-header__menu .s-podbor-menu-open .s-top__menus__dropdown .s-top__menus__dropdown__wrapper {
background: #fff;
border: 1px solid #D6D6D6;
top: 2px;
margin: 0;
padding: 0;
}
.s-body .s-header__menu .s-podbor-menu-open .s-top__menus__dropdown .s-top__menus__dropdown__wrapper:before {
display: none;
}
.s-body .s-header__menu .s-podbor-menu-open .s-top__menus__dropdown .s-top__menus__dropdown__wrapper li {
text-align: left;
margin-left: 20px;
padding: 10px 38px 15px 38px;
line-height: 1.4;
margin: 0;
}
.s-body .s-header__menu .s-podbor-menu-open .s-top__menus__dropdown .s-top__menus__dropdown__wrapper li:hover {
background-color: #EDEDED;
}
.s-body .s-header__menu .s-podbor-menu-open .s-top__menus__dropdown .s-top__menus__dropdown__wrapper a {
color: #000;
font-size: 16px;
}
.s-body .s-header__menu .s-podbor-menu-open .s-top__menus__dropdown .s-top__menus__dropdown__wrapper li:hover a {
color: #000;
font-size: 16px;
color: #3498DB;
}
.s-body .s-header__menu .s-top-menu-open {
color: #fff;
position: relative;
}
.s-body .s-header__menu .s-top-menu-open > a {
color: #2B2B2B;
position: relative;
}
.s-body .s-header__menu .s-top-menu-open:hover > a
{
background: #fff;
cursor: pointer;
}
.s-body .s-header__menu .s-top-menu-open:hover > .s-header__menu__item {
background: #fff;
cursor: pointer;
}
.s-body .s-header__menu .s-top-menu-open .s-top__menus__dropdown {
width: 240px;
right: -45px;
top: 28px;
padding: 5px 0 0 0;
}
.s-body .s-header__menu .s-top-menu-open .s-top__menus__dropdown .s-top__menus__dropdown__wrapper {
background: #fff;
border: 1px solid #D6D6D6;
top: 2px;
margin: 0;
padding: 0;
}
.s-body .s-header__menu .s-top-menu-open .s-top__menus__dropdown .s-top__menus__dropdown__wrapper:before {
display: none;
}
.s-body .s-header__menu .s-top-menu-open .s-top__menus__dropdown .s-top__menus__dropdown__wrapper li {
text-align: left;
padding: 10px 38px 15px 38px;
line-height: 1.4;
margin: 0;
}
.s-body .s-header__menu .s-top-menu-open .s-top__menus__dropdown .s-top__menus__dropdown__wrapper li:hover {
background-color: #EDEDED;
}
.s-body .s-header__menu .s-top-menu-open .s-top__menus__dropdown .s-top__menus__dropdown__wrapper a {
color: #000;
font-size: 16px;
}
.s-body .s-header__menu .s-top-menu-open .s-top__menus__dropdown .s-top__menus__dropdown__wrapper li:hover a {
color: #000;
font-size: 16px;
color: #3498DB;
}
.onstock-date-span {
order: 4;
font-size: 12px;
}
.product-mobile-optional .onstock-date-span {
padding: 8px 0 0 0;
text-align: right;
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1 49%;
-moz-box-flex: 1;
-ms-flex: 1 49%;
flex: 1 49%;
width: 49%;
min-width: 49%;
max-width: 49%;
}
.m-onstock-date-span-title {
}
.s-catalog-columns__col--purchase .onstock-date-span {
-webkit-box-flex: 1;
-webkit-flex: 1 100%;
-moz-box-flex: 1;
-ms-flex: 1 100%;
flex: 1 100%;
width: 100%;
min-width: 100%;
max-width: 100%;
text-align: left;
}
.s-body .product-mobile-optional .label:nth-child(2n)
{
-webkit-box-flex: 1;
-webkit-flex: 1 50%;
-moz-box-flex: 1;
-ms-flex: 1 50%;
flex: 1 50%;
width: 50%;
min-width: 50%;
max-width: 50%;
}
@media screen and (max-width: 980px) {
.s-body .productTable .product-mobile-optional .onstock-status {
width: 100%;
min-width: 100%;
max-width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1 100%;
-moz-box-flex: 1;
-ms-flex: 1 100%;
flex: 1 100%;
}
.s-body .dop-items .productTable .product-mobile-optional .inStock {
padding: 0 !important;
}
.s-body .productTable .product-mobile-optional .onstock-status .label {
text-align: left;
}
.s-body .productTable .product-mobile-optional .order-time-span {
text-align: left;
}
.s-body .productTable .product-mobile-optional .onstock-date-span {
text-align: left;
}
.s-body .product-mobile-optional .label:nth-child(3n), .s-body .product-mobile-optional .label:nth-child(2n):last-child {
padding-left: 27px;
}
.s-body .product-mobile-optional .label:nth-child(3n) > img.icon, .s-body .product-mobile-optional .label:nth-child(2n):last-child > img.icon {
left: 0px;
}
}
.personal-spec-settings .form-field {
}
.personal-spec-settings .form-field label {
display: block;
}
.personal-spec-settings .form-field .s-form-field label {
display: flex;
max-width: 415px;
}
.personal-spec-settings .form-field #main_UF_SPEC_LOGO .s-form-field__label {
cursor: pointer;
background: #3498db;
}
.personal-spec-settings .form-field .file-uploader-unput {
cursor: pointer;
}
.personal-spec-settings .form-field .s-form-field-img-prev {
}
.mfp-wrap #cart-spec-download .popup-content {
padding: 10px 40px 20px;
}
#cart-spec-download {
max-height: 670px;
top: 0;
min-width: 200px;
max-width: 400px;
}
#cart-spec-download .btn-close {
box-sizing: border-box;
font-family: "roboto_ltregular";
border: 1px solid #e7e7e7;
text-align: center;
line-height: 55px;
font-size: 14px;
cursor: pointer;
color: #fff;
outline: none;
height: 55px;
width: 100%;
padding: 0;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
border: 1px solid #aaa;
background-color: #fff;
color: #000;
}
.mfp-wrap #cart-spec-download .mfp-close {
color: #ffffff;
}
#spec_download_from .form-input {
display: block;
width: 285px;
height: 34px;
line-height: 35px;
padding: 0 15px;
margin: 5px 0;
border: 1px solid #D1D1D1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: 300;
color: #808080;
}
#spec_download_from .download-spec-form-item.prices {
border: 1px solid #3498db;
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#cart-spec-download #spec_download_success {
display: none;
padding: 0px 40px;
font-size: 16px;
}
#cart-spec-download #spec_download_success .spec_download_success_content {
padding: 40px 0;
}
#cart-spec-download.success #spec_download_success {
display: block;
}
#cart-spec-download.success #spec_download_from {
display: none;
}
.bx-auth .checkbox-input {
}
.bx-auth .checkbox-input .inp-for-checkbox input {
width: 50px;
background: #fff;
border: 1px solid #3498DB;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
/* min-width: 180px; */
/* width: 100%; */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 25px;
padding: 0 12px;
font: 300 14px/1.3 'Roboto', sans-serif;
}
.bx-auth .checkbox-input .inp-for-checkbox input:disabled {
background-color: #ddd;
opacity: 0.5;
}
.password-block {
position: relative;
}
.password-block .password-control {
position: absolute;
top: 14px;
right: -25px;
display: inline-block;
width: 20px;
height: 20px;
background: url(/local/templates/dresscode_lk/svg/view.svg) 0 0 no-repeat;
}
.password-block .password-control.view {
background: url(/local/templates/dresscode_lk/svg/no-view.svg) 0 0 no-repeat;
}
.password-block.t12 .password-control {
top: 10px;
}
#catalogSection .sectionItems .item .itemContainer {
height: 100%;
}
.actual-date {
font-size: 12px;
}
.actual-date .actual-date-refresh {
display: inline-block;
position: relative;
margin-left: 4px;
cursor: pointer;
text-decoration: underline;
}
.actual-date .actual-date-refresh:hover {
text-decoration: none;
}
.actual-date .actual-date-refresh i, .actual-date .resultCheck i {
display: inline-block;
width: 14px;
height: 14px;
position: relative;
top: 2px;
margin-left: 4px;
cursor: pointer;
}
.actual-date .actual-date-refresh.loading i, .actual-date .resultCheck.loading i {
-webkit-animation-name: rotation;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: rotation;
-moz-animation-duration: 1s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-o-animation-name: rotation;
-o-animation-duration: 1s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
animation-name: rotation;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@-webkit-keyframes rotation {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes rotation {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes rotation {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotation {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(720deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#check-onstock-products .check-onstock-qnt span {
white-space: nowrap;
color: #000;
}
.check-onstock-row.warning {
background-color: #9c9;
}
.white-popup-onstock .webFormTools {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 600px;
margin: 10px auto;
}
.white-popup-onstock .webFormTools .tc {
text-align: center;
}
.white-popup-onstock .webFormTools .btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
-webkit-transition: background 280ms ease, opacity 280ms ease, color 280ms ease, border 280ms ease;
-moz-transition: background 280ms ease, opacity 280ms ease, color 280ms ease, border 280ms ease;
-ms-transition: background 280ms ease, opacity 280ms ease, color 280ms ease, border 280ms ease;
-o-transition: background 280ms ease, opacity 280ms ease, color 280ms ease, border 280ms ease;
transition: background 280ms ease, opacity 280ms ease, color 280ms ease, border 280ms ease;
}
.white-popup-onstock .webFormTools .btn-close {
box-sizing: border-box;
font-family: "roboto_ltregular";
border: 1px solid #e7e7e7;
text-align: center;
line-height: 55px;
font-size: 14px;
cursor: pointer;
color: #fff;
outline: none;
height: 55px;
width: auto;
padding: 0 15px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
border: 1px solid #aaa;
background-color: #fff;
color: #000;
text-decoration: none;
}
.white-popup-onstock .white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
height: auto;
min-height: 0;
max-height: 100%;
margin: 20px auto;
min-width: 900px;
max-width: 900px;
top: 40px;
padding: 20px 20px 20px 20px;
}
.white-popup-onstock .white-popup .title-popup.error {
margin: 25px 0 20px;
text-align: center;
color: red;
font-size: 18px;
}
.s-body #elementContainer .marker a {
text-decoration: none;
}
.s-body .marker.sale-year2021,
.s-body #elementContainer .marker.sale-year2021 {
background-color: #73b24e;
}
.s-body #main .s-catalog-list {
margin-top: 15px;
}
.s-body #main {
margin-top: 17px;
}
.s-body #main #middleSlider {
margin-top: 0px;
}
@media screen and (max-width: 1430px) {
#searchResult .productList
{
max-height: 404px;
overflow: hidden;
}
}
.mfp-sample.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-sample.mfp-wrap .white-popup-modal {
box-shadow: 1px 1px 12px rgb(0 0 0 / 30%);
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
background-color: #ffffff;
}
.mfp-sample.mfp-wrap .mfp-content {
top: 30%;
position: fixed;
left: 0;
}
.mfp-sample.mfp-wrap .white-popup-modal .heading {
background-color: #fff;
color: #000;
display: block;
font-size: 16px;
line-height: 50px;
height: 50px;
text-align: center;
margin: 0;
padding: 0;
}
.mfp-sample.mfp-wrap .white-popup-modal .mfp-close {
color: #ffffff;
height: 21px;
width: 21px;
right: 12px;
top: 12px;
display: block;
background: url(/local/templates/dresscode_lk/themes/white/arctic/images/exit2.png) 0 0 no-repeat transparent;
font-size: 0;
}
.file-dus-logo .webform-field-upload
{
height: 40px;
border: 1px solid #D0D0D0;
border-radius: 5px;
cursor: pointer;
}
.file-dus-logo input[type=file]
{
cursor: pointer;
}
.s-body .btn-logout
{
margin-left: 20px;
border-color: #d60419;
background-color: #d60419;
color: white;
padding: 0 13px;
width: auto;
height: 40px;
line-height: 40px;
min-width: 100px;
float: right;
}
.s-body .btn-logout:hover {
border-color: #d60419;
background-color: white;
color: #d60419;
}
.payment-coose-content .payment-coose-content-label
{
font-size: 14px;
font-weight: 500;
padding-bottom: 2px;
color: #000;
display: inline-block;
margin-bottom: 5px;
}
.payment-coose-content .payment-coose-content-select
{
line-height: 18px;
display: inline-block;
}
.payment-coose-content .payment-coose-content-select select
{
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
box-shadow: none;
background: #F8F8F8;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #E7E8EA;
box-sizing: border-box;
}
.payment-online .success-payemnt-result
{
display: none;
}
.payment-online .success-payemnt-result .succes-text
{
font-size: 24px;
font-weight: bold;
padding: 15px 0;
}
.payment-online.success .success-payemnt-result
{
display: block;
}
.payment-online.success .payment-page-content
{
display: none;
}
.payment-page-content #personalMenu .tab-li .tab-link.active
{
cursor: default;
font-family: 'robotobold';
padding-bottom: 4px;
border-bottom: none;
}
.payment-page-content .payment-coose-content-select select
{
display: block;
width: 100%;
height: 36px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
box-shadow: none;
background: #F8F8F8;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #E7E8EA;
box-sizing: border-box;
}
.payment-page-content #personalMenuWrap
{
margin-top: 24px;
}
.payment-page-content #personalMenuWrap #personalMenu li.tab-li
{
padding-bottom: 20px;
}
.payment-page-content #personalMenuWrap #personalMenu li.tab-li.active
{
padding-bottom: 24px;
}
.payment-page-content .payment-block-fields
{
border-bottom: 1px solid #f1f1f1;
padding: 10px;
}
.payment-page-content .payment-block-number
{
display: flex;
line-height: 75px;
}
.payment-page-content .payment-block-number .col-title
{
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
/* text-transform: uppercase; */
text-decoration: none;
font-size: 16px;
color: #000000;
padding: 10px 0;
font-family: 'robotobold';
}
.payment-page-content .payment-block-number .col-number
{
padding: 10px 0 10px 20px;
}
.payment-page-content .payment-block-number .col-number input
{
height: 22px;
padding: 6px 12px;
font-size: 14px;
}
.payment-page-content .payment-block-number .col-number input.error
{
border: 1px solid red;
}
.payment-page-content .s-btn.s-btn--blue.disabled,
.payment-page-content .s-btn.s-btn--blue.disabled:hover,
.payment-page-content .s-btn.s-btn--blue:disabled,
.payment-page-content .s-btn.s-btn--blue:disabled:hover
{
opacity: 0.6;
background: #3498DB;
color: #fff;
border-color: #3498DB;
}
.payment-page-content .s-form-field-hint-error
{
color: red;
}
.payment-page-content .payment-block-message
{
padding: 10px;
font-size: 14px;
font-family: 'robotobold';
border: 1px solid #3498DB;
}
.payment-page-content .payment-block-message.error
{
padding: 10px;
font-size: 14px;
font-family: 'robotobold';
border: 1px solid red;
}
.bx-title-h1
{
font-family: 'Roboto', sans-serif;
line-height: 36px;
font-weight: 300;
text-align: left;
margin: 40px 0 10px;
font-size: 24px;
color: #000000;
display: block;
}
.s-product-text-info
{
}
#left .s-product-text-info
{
margin-top:50px;
}
.s-product-text-info .star
{
color: red;
display: inline-block;
font-size: 1.5em;
margin-right: 10px;
}
.s-product-text-info .red
{
color: red;
font-weight: bold;
}
.priceVal,
.price-val
{
position: relative;
}
.allSum>i,
.allSumNoVat>i,
.sum>i,
.price>i,
.priceVal>i,
.price-val>i
{
display: inline-block;
color: red;
display: inline-block;
font-size: 1.2em;
top: -7px;
position: relative;
}
.allSumNoVat>i,
.price-val>i
{
top:-4px;
}
/*.priceVal:after
{
content: '*';
display: inline-block;
color: red;
display: inline-block;
font-size: 1.5em;
}*/
/*.price .measure:after
{
content: '*';
display: inline-block;
color: red;
display: inline-block;
font-size: 1.2em;
margin-left: 5px;
}*/
.s-body .s-top-line__item--buttons
{
display: flex;
justify-content: space-between;
}
.s-body .s-top-line__item--buttons .s-top__tabs
{
}
.s-body .s-top-line__item--buttons .s-top__rate
{
color: #fff;
line-height: 23px;
display: inline-block;
margin: 5px 0 0 20%;
font-size: 13px;
}
@media screen and (max-width: 1024px) {
.s-body .s-top-line__item--buttons .s-top__tabs
{
margin-left: 0px;
}
.s-body .s-top-line__item--buttons .s-top__rate
{
margin: 7px 0 0 5%;
}
.s-body .s-top-line__item--buttons .s-top__rate .rt { display: none; }
#topSocial .topSocItem .socTG
{
/*background-position: 0 9px;*/
}
}
@media screen and (max-width: 480px) {
.s-body .s-top-line__item--buttons .s-top__rate
{
margin: 0 0 0 4px;
line-height: 50px;
}
}
.addCart.requestAnalog {
background-color: #2b2b2b !important;
pointer-events: auto !important;
cursor: pointer !important;
}
#requestAnalog {
-webkit-transition: 0.1s all ease-in-out;
-o-transition: 0.1s all ease-in-out;
transition: 0.1s all ease-in-out;
background: rgba(0, 0, 0, 0.4);
position: fixed;
display: none;
z-index: 1001;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
}
#requestAnalog #requestAnalogResult {
transform: translateY(50%);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 24px;
}
#requestAnalog #requestAnalogResultTitle {
text-align: center;
margin-top: 24px;
font-size: 16px;
}
#requestAnalog #requestAnalogResultMessage {
text-align: center;
margin-top: 24px;
}
#requestAnalog #requestAnalogResultClose {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
text-align: center;
line-height: 50px;
margin: 24px auto;
font-size: 14px;
color: #ffffff;
display: block;
height: 50px;
width: 254px;
}
#requestAnalog #requestAnalogResultClose:active {
position: relative;
top: 1px;
}
#requestAnalog #requestAnalogContainer {
box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);
background-color: #ffffff;
margin-left: -350px;
margin-top: -215px;
position: absolute;
overflow: hidden;
height: 500px;
width: 700px;
left: 50%;
top: 50%;
}
#requestAnalog .requestAnalogHeading {
background-color: #424242;
position: relative;
text-align: center;
line-height: 60px;
font-size: 18px;
color: #ffffff;
height: 60px;
}
#requestAnalog .requestAnalogHeading .close {
background: url(/local/templates/dresscode_lk/images/exit.png) 0 0 no-repeat transparent;
position: absolute;
display: block;
height: 21px;
width: 21px;
right: 20px;
top: 20px;
}
#requestAnalog .requestAnalogHeading .close:hover {
background-position: 0 -21px;
}
#requestAnalog .requestAnalogHeading .close:active {
background-position: 0 -42px;
}
#requestAnalog .requstProductContainer {
border-collapse: collapse;
table-layout: fixed;
display: table;
width: 100%;
}
#requestAnalog .productColumn {
vertical-align: middle;
display: table-cell;
text-align: center;
width: 320px;
}
#requestAnalog .productNameBlock {
padding: 0 24px;
}
#requestAnalog .productNameBlock .productUrl {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
text-decoration: none;
margin-bottom: 12px;
line-height: 44px;
overflow: hidden;
font-size: 14px;
display: block;
color: #000000;
}
#requestAnalog .productNameBlock .productUrl:active {
position: relative;
top: 1px;
}
#requestAnalog .productImageBlock {
text-align: center;
display: block;
margin-bottom: 20px;
}
#requestAnalog .productImageBlock a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: block;
}
#requestAnalog .productImageBlock a:hover {
opacity: 0.8;
}
#requestAnalog .productImageBlock a:active {
position: relative;
top: 1px;
}
#requestAnalog .productImageBlock img {
vertical-align: middle;
max-height: 100%;
max-width: 100%;
}
#requestAnalog .productNameBlock .middle {
line-height: 21px;
vertical-align: middle;
display: inline-block;
}
#requestAnalog .formColumn {
vertical-align: middle;
display: table-cell;
width: 380px;
}
#requestAnalog .requestAnalogFormHeading {
margin-bottom: 12px;
text-align: center;
margin-right: 24px;
margin-top: 24px;
font-size: 16px;
display: block;
}
#requestAnalog input {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: "roboto_ltregular";
margin-bottom: 12px;
padding-left: 12px;
width: 354px;
height: 50px;
border: 0;
}
#requestAnalog input {
background-color: #f3f3f3;
color: #000000;
}
#requestAnalog .personalInfoRequest {
margin-bottom: 12px;
}
#requestAnalog input[type="checkbox"] {
vertical-align: middle;
display: inline-block;
margin-bottom: 0px;
margin-right: 6px;
margin-top: -2px;
height: 14px;
width: 14px;
}
#requestAnalog input[type="checkbox"].error + label {
border-bottom: 1px solid #ff0000 !important;
}
#requestAnalog textarea {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: "roboto_ltregular";
margin-bottom: 12px;
padding-left: 12px;
padding-top: 12px;
resize: none;
width: 354px;
height: 60px;
border: 0;
}
#requestAnalog textarea {
background-color: #f3f3f3;
}
#requestAnalog input:focus,
#requestAnalog textarea:focus {
background-color: #e9e9e9;
outline: none;
}
#requestAnalog #requestAnalogSubmit {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
text-align: center;
line-height: 50px;
font-size: 14px;
cursor: pointer;
display: block;
color: #ffffff;
height: 50px;
width: 354px;
}
#requestAnalog #requestAnalogSubmit:active {
position: relative;
top: 1px;
}
#requestAnalog #requestAnalogSubmit.loading {
-webkit-transition: background 0s !important;
-o-transition: background 0s !important;
transition: background 0s !important;
text-indent: 12px;
opacity: 0.9;
}
#requestAnalog #requestAnalogSubmit.loading img {
display: none;
}
#requestAnalog #requestAnalogSubmit img {
vertical-align: middle;
padding-right: 4px;
margin-top: -2px;
}
#requestAnalog .markerContainer {
position: absolute;
top: 0px;
left: 12px;
}
#requestAnalog .error {
border: 1px solid #ff0000;
}
#requestAnalog #requestAnalogSubmit,
#requestAnalog #requestAnalogResultClose{
background-color: #3498db;
}
#requestAnalog #requestAnalogSubmit:hover,
#requestAnalog #requestAnalogResultClose:hover{
background-color: #2395e1;
}
#requestAnalog .productNameBlock .productUrl:hover{
color: #2395e1;
}
#requestAnalog #requestAnalogSubmit.loading {
background: url(/local/templates/dresscode_lk/images/loading.gif) 24px 50% no-repeat #2395e1 !important;
}
.s-body .basketQty input.qty.error,
.s-body .s-product-counter input.qty.error {
border: 1px solid red;
}
.s-body #elementTools .row.product-availability .label.error,
.s-body #elementTools .row.product-availability .label.error a
{
color: red;
}
.msg-quantity-info
{
display: none;
color: red;
}
@media screen and (max-width: 480px) {
.s-body #personalCart .productTable tbody .table-product__td--name
{
margin-top: 35px;
order: 0;
-webkit-order: 0;
-ms-flex-order: 0;
}
.s-body #personalCart .productTable tbody .table-product__td--price
{
order: 1;
-webkit-order: 1;
-ms-flex-order: 1;
}
.s-body #personalCart .productTable tbody .table-product__td--avail
{
margin-top: 12px;
order: 2;
-webkit-order: 2;
-ms-flex-order: 2;
}
.s-body #personalCart #basketProductList .productTable tbody .table-product__td--qty
{
width: 70%;
min-width: 70%;
max-width: 70%;
}
}
#catalogTableList .article
{
height: auto;
}
#bottomSocial {
margin: 0;
padding: 0;
/*display: none;*/
}
#bottomSocial .topSoc {
margin: 0;
padding: 2px;
list-style: none;
}
#bottomSocial .topSocItem {
vertical-align: middle;
display: inline-block;
margin-left: 2px;
}
#bottomSocial .topSocItem:first-child {
margin-left: 0;
}
#bottomSocial .topSocItem a {
width: 31px;
height: 31px;
display: block;
background: url(/local/templates/dresscode_lk/svg/social.svg) -2px -2px no-repeat;
transition: opacity ease 0.5s;
}
#bottomSocial .topSocItem .socINS {
background-position: -122px -122px;
}
#bottomSocial .topSocItem .socTG {
background-position: -283px -122px;
}
#bottomSocial .topSocItem .socYOU {
background-position: -82px -122px;
}
#bottomSocial .topSocItem .socPIN {
background-position: -162px -2px;
}
@media screen and (max-width: 1430px) and (min-width: 950px) {
#bottomSocial
{
display: block;
}
}
.warning-head-text
{
margin: 0 0 12px 0;
text-align: center;
}
.compliter .warning-head-text
{
margin: 0 0 12px 0;
text-align: left;
}
.s-body .kitchen-filling-items .product-mobile-optional .label:nth-child(1n)
{
width: 40%;
min-width: 40%;
max-width: 40%;
flex:1 40%;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.s-body .kitchen-filling-items .product-mobile-optional .label.outOfStock
{
width: 99%;
min-width: 99%;
max-width: 99%;
flex:1 99%;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.s-body .kitchen-filling-items .product-mobile-optional .label:nth-child(2n):last-child
{
width: 59%;
min-width: 59%;
max-width: 59%;
flex:1 59%;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.s-header__menu .iconTopMenuPc
{
margin-right: 10px;
height: 20px;
max-height: 20px;
max-width: 20px;
}
.s-header__menu .iconTopMenuPc .iconTopMenu
{
height: 20px;
max-height: 20px;
max-width: 20px;
}
.clear-both
{
clear: both;
}
.catalog-hr-notav
{
width: 100%;
padding: 15px 0;
font-size: 16px;
font-weight: bold;
clear: both;
position: relative;
left: -1px;
border: 1px solid #fff;
}
.mfp-wrap .white-popup-modal.is-auth-popup-modal .mfp-close
{
color: #333;
}
/* #mob-filter styles */
#mob-filter, #mob-filter-footer, #mob-filter-head, #mob-filter-btn, .column.mob-filter-column, .column.mob-filter-column .s-icon__number, .s-heading--podbor {
display:none;
}
#mob-filter-clear span{
display: block;
padding: 3px;
}
@media screen and (max-width: 800px) {
.s-heading--podbor, #del_filter_left {
display:none !important;
}
#catalogLine {
padding-right:0px;
}
#mob-filter-btn {
display:inline-block;
border: 0;
}
.column.mob-filter-column {
display:inline-block;
float: right;
}
#catalogLine .column:nth-child(3) {
float: left !important;
margin: 0 10px;
}
#smartFilter {
display:none;
}
#mob-filter {
width: 100%;
/*
height: 100%;
min-height: 100%;
*/
height: 300px;
position: fixed;
left: 0;
top: 69px;
z-index: 1000;
background-color: #fff;
overflow-y: scroll;
line-height: inherit;
padding-bottom: 50px;
}
#mob-filter .s-form-field.i-checkbox .s-form-field__icon, .i-checkbox .s-form-field__icon, .s-form-field.i-radio .s-form-field__icon, .i-radio .s-form-field__icon {
width: 34px;
height: 34px;
}
.icon-personal {
width: 20px !important;
height: 20px !important;
}
#mob-filter .s-form-field.i-checkbox.s-form--text-def .s-form-field__label, .s-form-field.s-form--text-def .s-form-field__label {
line-height: 1.6;
}
#mob-filter .catalogTagItems {
margin-bottom: 0px;
margin-left: 10px;
font-size: 24px;
}
.catalogTagItems {
margin-top: 12px;
font-size: 16px;
}
#mob-filter .left-tree-filter #set_filter_left {
height: 58px;
line-height: 58px;
}
#mob-filter-footer {
position: fixed;
bottom: 0;
left: 0;
background: #fff;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 70px;
z-index: 111;
-webkit-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.5);
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.5);
}
#mob-filter-head {
position: fixed;
top: 0;
left: 0;
background: #fff;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 70px;
z-index: 111;
-webkit-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.5);
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.5);
}
#mob-filter-head span {
margin: auto;
font-size: 22px;
font-weight: 600;
}
#mob-filter-head a {
color: #3498DB;
text-decoration: none;
font-size: 22px;
font-weight: 600;
padding: 20px;
}
.s-svg--filter svg {
vertical-align: baseline;
position: relative;
top: -12px;
}
#left .s-product-text-info {
margin-top: 20px;
}
.s-body .left-tree-filter #smartFilterControls_left {
margin: 0;
padding: 0;
position: fixed;
bottom: 0;
left: 0;
background: #fff;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 58px;
z-index: 111;
-webkit-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.3);
}
.left-tree-filter #set_filter_left {
width: 100% !important;
padding: 0 !important;
font-size: 20px !important;
font-weight: 600 !important;
}
.left-tree-filter #smartFilterControls_left li {
width: 100% !important;
}
.s-form-field.i-radio.s-form--text-def .s-form-field__label, .s-form-field.i-checkbox.s-form--text-def .s-form-field__label, .s-form-field.s-form--text-def .s-form-field__label,
.left-tree-filter .oneInputSliderBlock .rangeSlider
{
font-size: 24px;
}
.left-tree-filter .paramsBoxTitle, .left-tree-filter .rangeSlider label {
font-size: 27px;
}
.s-form-field.i-checkbox > label, .i-checkbox > label, .s-form-field.i-radio > label, .i-radio > label {
padding: 0 0 0 52px;
}
.label-personal {
padding: 0 0 0 28px !important;
}
.left-tree-filter .paramsBoxTitle {
padding: 25px 0px;
}
.mob-filter-column {
margin: 0 !important;
}
.mob-filter-column .s-icon__number {
font-size: 16px;
height: 20px;
line-height: 20px;
padding-left: 5px;
padding-right: 5px;
}
.mob-filter-column a {
height: 48px;
}
.rangeSlider {
font-size: 27px;
margin-bottom: 20px;
}
.left-tree-filter .rangeSlider input[type="text"] {
font-size: 20px;
height: 36px;
width: 108px;
}
#smartFilter + .bx-auth {
display: none;
}
#catalogLine select {
font-size: 14px !important;
}
}
@media (max-width: 487px) {
/*.s-body .left-tree-filter #smartFilterControls_left {*/
/* top: 90%;*/
/*}*/
}
/* START ссылки под h1 27387 */
#catalogElement #elementContainer .s-catalog-columns.top .s-product-favorites.top{
display: flex;
margin-top: 0;
margin-bottom: 0;
}
@media (max-width: 789px) {
#catalogElement #elementContainer .s-catalog-columns.top {
display: none;
}
}
#catalogElement #elementContainer .s-catalog-columns.top .s-product-favorites.top .elem{
padding-right: 15px;
font-size: 12px;
}
#catalogElement #elementContainer .s-catalog-columns.top .s-product-favorites.top .elem .s-svg{
margin-right: 2px;
}
#catalogElement #elementContainer .s-catalog-columns.top .s-product-favorites.top .elem.addPrint .s-svg{
margin-right: 5px;
}
section.iconsMobile.iconsLeft .s-product-favorites .elem svg{
fill: #808080;
}
section.iconsMobile.iconsLeft .s-product-favorites .elem:hover svg,
section.iconsMobile.iconsLeft .s-product-favorites .elem.added svg{
fill: #EB2800;
}
/* END ссылки под h1 */
#catalogElement #elementContainer .product-availability .onstock-status.with_refresh {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
#catalogElement #elementContainer .product-availability .onstock-status.with_refresh .actual-date .actual-date-refresh i{
top: 6px;
}
/* START inform-add-stock */
#catalogElement #elementContainer .inform-add-stock {
width: 95%;
text-align: left;
padding: 5px 0;
}
#catalogElement #elementContainer .inform-add-stock a{
width: 95%;
max-width: 95%;
font-family: 'roboto_condensedlight';
line-height: 21px;
font-size: 14px;
display: block;
}
.mfp-wrap.popup-inform-add-stock .white-popup-modal .popup-content{
padding-top: 0px;
}
.mfp-wrap.popup-inform-add-stock .white-popup-modal.success .popup-content{
padding-top: 40px;
}
.mfp-wrap.popup-inform-add-stock .white-popup-modal .popup-content .message-success h1{
text-align: center;
}
/* END inform-add-stock */
#kl-constructor-lights .kl-lights__item .switcher-need-extension-cable {
position: absolute;
left: 30px;
color: #ff0000;
font-size: 13px;
text-decoration: underline dotted red;
}
@media (max-width: 800px) {
#kl-constructor-lights .kl-lights__item .switcher-need-extension-cable {
left: 52px;
}
}
.oval {
vertical-align: middle;
text-decoration: none;
background-color: #f4f4f4;
display: inline-block;
margin: 5px 12px 12px 0px;
border-radius: 40px;
padding: 6px 11px;
}
.oval:hover {
background-color: #e2e2e2;
}
/*start task 43519*/
.s-body #elementContainer .propertyList.mobile .propertyName {
width: 20%;
}
@media screen and (max-width: 800px) {
.s-body #elementContainer .elementProperties .propertyTable .propertyValue {
width: 50%;
}
}
/*end task 43519*/
/*start task 45429*/
.wrap-sticky-left-menu{
display: table-cell;
vertical-align: top;
width: 355px;
}
@media (max-width: 1550px){
.wrap-sticky-left-menu{
width: 320px;
}
}
@media (max-width: 1366px){
.wrap-sticky-left-menu{
width: 280px;
}
}
@media (max-width: 1280px){
.wrap-sticky-left-menu{
width: 330px;
}
}
@media (max-width: 1200px){
.wrap-sticky-left-menu{
width: 260px;
}
}
@media (max-width: 1024px){
.wrap-sticky-left-menu{
display: block;
width: 100%;
}
}
/*end task 45429*/
/* End */
/* Start:/local/templates/dresscode_lk/js/datepicker/css/datepicker.min.css?178835390512257*/
.datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none}
/* End */
/* Start:/local/templates/dresscode_lk/js/select2/select2.min.css?178835390515014*/
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:235px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}ul.select2-results__options li {display: block;}
/* End */
/* Start:/local/templates/dresscode_lk/js/swiper/swiper-bundle.min.css?178835390518453*/
/**
* Swiper 11.0.6
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2024 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: February 5, 2024
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#3498DB}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block;margin-right:1px;}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */
/* Start:/local/templates/dresscode_lk/css/cooperation.css?178835390522758*/
*{
box-sizing: border-box !important;
}
details{
margin: unset;
}
textarea, input{
appearance: none;
outline: none;
}
p{
margin: 0;
}
body{
color: #1F1F1F;
font-family: 'Inter', sans-serif;
margin: 0;
padding: 0;
}
a{
text-decoration: none;
}
ul{
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6, p{
margin: 0;
padding: 0;
}
button{
padding: 0;
}
.main {
font-family: 'Inter', sans-serif;
}
.mission {
font-family: 'Inter', sans-serif;
}
.filling {
font-family: 'Inter', sans-serif;
}
.start {
font-family: 'Inter', sans-serif;
}
.cooperation {
font-family: 'Inter', sans-serif;
}
.advantages {
font-family: 'Inter', sans-serif;
}
.partners {
font-family: 'Inter', sans-serif;
}
/*.wrapper{
margin: 0 auto;
max-width: 1644px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
@media(max-width: 480px){
padding: 0 14px;
}
}*/
.cooperation-title{
/*padding-top: 60px;*/
/*padding-left: 24px;*/
font-size: 26px;
line-height: 26px;
font-weight: 500;
margin-bottom: 48px;
}
.main-content{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
width: 100%;
@media(max-width: 1024px){
display: flex;
flex-direction: column;
}
@media(max-width: 480px){
align-items: center;
}
}
.main-image{
position: relative;
width: 100%;
overflow: hidden;
border-radius: 4px;
height: fit-content;
}
.main-image img{
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
}
.main-image__text{
position: absolute;
bottom: 36px;
left: 48px;
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 36px;
@media(max-width: 480px){
left: 18px;
bottom: 32px;
gap: 8px;
}
}
.main-image__text svg{
@media(max-width: 480px){
width: 90px;
height: auto;
object-fit: contain;
}
}
.main-image__text span{
font-family: 'Inter', sans-serif;
font-size: 40px;
line-height: 44px;
font-weight: 700;
color: #72C2F8;
@media(max-width: 480px){
font-size: 20px;
line-height: 20px;
}
}
.main-text{
display: flex;
flex-direction: column;
gap: 24px;
@media(max-width: 480px){
align-items: center;
text-align: center;
gap: 24px;
}
}
.main-text__title{
font-family: 'Inter', sans-serif !important;
font-size: 42px;
line-height: 46px;
font-weight: 500;
color: #39AFFE;
max-width: 600px;
@media(max-width: 1024px){
display: none;
}
}
.mobile-main__title{
display: none;
@media(max-width: 1024px){
display: block;
font-family: 'Inter', sans-serif;
font-size: 42px;
line-height: 46px;
font-weight: 500;
color: #39AFFE;
}
@media(max-width: 480px){
text-align: center;
font-size: 20px;
line-height: 20px;
}
}
.main-text__list{
display: flex;
flex-direction: column;
gap: 16px;
}
.main-text__list-title{
font-size: 20px;
line-height: 20px;
font-weight: 500;
font-family: 'Roboto', sans-serif !important;
}
.main-text__list-ul{
display: flex;
flex-direction: column;
}
.main-text__list-item{
/*font-family: 'Inter', sans-serif;*/
font-size: 18px;
line-height: 26px;
font-weight: 400;
color: #514F4F;
@media(max-width: 480px){
text-align: left;
font-size: 14px;
line-height: 18px;
}
}
.main-btn{
width: fit-content;
padding: 15px 48px;
font-size: 14px !important;
line-height: 14px !important;
font-weight: 500 !important;
background-color: #72C2F8 !important;
color: #FFFFFF;
border-radius: 4px;
cursor: pointer;
border: none;
appearance: none;
outline: none;
font-family: inherit;
}
.mission, .filling, .start, .cooperation, .advantages, .partners{
margin-top: 100px;
@media(max-width: 1024px){
margin-top: 80px;
}
@media(max-width: 480px){
margin-top: 40px;
}
}
.mission{
width: 100%;
@media(max-width: 1024px){
padding: 0;
}
}
.mission-banner{
width: 100%;
position: relative;
overflow: hidden;
display: flex;
flex-direction: row;
gap: 40px;
padding: 96px 120px;
border-radius: 4px;
color: #FFFFFF;
@media(max-width: 1440px){
padding: 96px 60px;
}
@media(max-width: 1280px){
flex-direction: column;
align-items: center;
gap: 100px;
}
@media(max-width: 846px){
padding: 56px 32px;
}
@media(max-width: 575px){
padding: 24px;
gap: 24px;
}
}
.mission-bg{
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.mission-bg img{
width: 100%;
height: 100%;
object-fit: cover;
}
.mission-title{
font-family: 'Inter', sans-serif;
font-size: 38px;
line-height: 42px;
font-weight: 600;
margin-bottom: 32px;
@media(max-width: 575px){
font-size: 20px;
line-height: 20px;
font-weight: 500;
color: #D3D3D3;
text-align: center;
}
}
.mission-text{
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
}
.mission-text p{
font-size: 16px;
line-height: 25px;
font-weight: 500;
@media(max-width: 575px){
font-weight: 400;
text-align: center;
color: #D3D3D3;
}
}
.blue-text{
color: #4DACEB;
}
.mission-numbers{
display: flex;
flex-direction: row;
justify-content: center;
gap: 24px;
flex-wrap: wrap;
max-width: 700px;
width: 100%;
flex-shrink: 0;
height: fit-content;
}
.number-item{
display: flex;
flex-direction: column;
gap: 12px;
padding: 20px;
border: 1px solid #FFFFFF;
border-radius: 6px;
@media(max-width: 575px){
width: 100%;
align-items: center;
text-align: center;
}
@media(max-width: 790px) and (min-width: 575px){
padding: 10px;
}
}
.number{
font-size: 50px;
line-height: 50px;
font-weight: 500;
@media(max-width: 790px) and (min-width: 575px){
font-size: 40px;
}
@media(max-width: 575px){
font-size: 30px;
line-height: 30px;
}
}
.number-text{
font-size: 20px;
line-height: 20px;
font-weight: 500;
color: #D3D3D3;
@media(max-width: 790px) and (min-width: 575px){
font-size: 15px;
}
@media(max-width: 575px){
font-size: 16px;
line-height: 16px;
}
}
.site-title{
font-family: 'Inter', sans-serif !important;
font-size: 38px;
line-height: 42px;
font-weight: 600;
text-align: center;
@media(max-width: 480px){
font-size: 20px;
line-height: 20px;
font-weight: 500;
}
}
.site-description{
font-size: 20px;
line-height: 20px;
font-weight: 500;
margin-top: 16px;
text-align: center;
@media(max-width: 480px){
font-size: 16px;
line-height: 21px;
margin-top: 12px;
}
}
.filling-content{
margin-top: 68px;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 40px;
row-gap: 24px;
width: 100%;
@media(max-width: 800px){
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 32px;
}
}
.filling-item{
display: flex;
flex-direction: row;
align-items: center;
gap: 24px;
}
.filling-item__text{
font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 19px;
font-weight: 500;
@media(max-width: 480px){
font-size: 14px;
line-height: 17px;
font-weight: 600;
}
}
.start-content{
position: relative;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
padding: 48px 0 76px;
margin-top: 50px;
@media(max-width: 1024px){
display: none;
}
}
.tablet__start-content{
display: none;
@media(max-width: 1024px){
position: relative;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(4, 1fr);
gap: 24px;
row-gap: 0;
margin-top: 32px;
width: 100%;
}
@media(max-width: 575px){
display: flex;
flex-direction: column;
gap: 12px;
}
}
.arrow-step{
position: absolute;
@media(max-width: 1024px){
position: unset;
transform: none;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-bottom: 10px;
}
@media(max-width: 575px){
position: absolute;
right: 20px;
}
}
#tArrowStep2{
align-items: flex-end;
}
#tArrowStep1, #tArrowStep2, #tArrowStep3{
display: none;
@media(max-width: 1024px){
display: flex;
}
@media(max-width: 575px){
display: none;
}
}
#mArrowStep1, #mArrowStep2, #mArrowStep3{
display: none;
@media(max-width: 1024px){
display: none;
}
@media(max-width: 575px){
display: block;
}
}
#mArrowStep1{
top: 20%;
transform: translateY(-20%);
}
#mArrowStep2{
top: 50%;
transform: translateY(-50%);
}
#mArrowStep3{
bottom: 20%;
transform: translateY(20%);
}
.start-item{
position: relative;
overflow: hidden;
border: 1px solid #FFFFFF;
border-radius: 8px;
height: 280px;
z-index: 1;
@media(max-width: 575px){
width: 100%;
height: 250px;
}
}
.start-item:nth-child(7){
@media(max-width: 1024px){
grid-column-start: 2;
grid-column-end: 2;
}
@media(max-width: 575px){
grid-column-start: unset;
grid-column-end: unset;
}
}
.start-item img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
user-select: none;
pointer-events: none;
}
.start-item__content{
position: absolute;
z-index: 999;
top: 36px;
left: 30px;
right: 30px;
display: flex;
flex-direction: column;
gap: 14px;
}
.start-number{
font-family: 'Arial', sans-serif;
font-size: 60px;
line-height: 60px;
font-weight: 700;
text-stroke: 1px #72C2F8;
-webkit-text-stroke: 1px #72C2F8;
color: transparent;
}
.blue-title{
font-size: 20px;
line-height: 20px;
font-weight: 500;
color: #72C2F8;
opacity: 70%;
@media(max-width: 575px){
font-size: 16px;
line-height: 16px;
}
}
.start-description{
font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 18px;
font-weight: 400;
color: #FFFFFF;
@media(max-width: 575px){
font-size: 14px;
line-height: 14px;
}
}
#arrowStep-1{
bottom: 0;
left: 18%;
}
#arrowStep-2{
top: 0;
left: 50%;
transform: translateX(-50%);
}
#arrowStep-3{
bottom: 0;
right: 18%;
}
.cooperation-content{
margin-top: 68px;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 96px;
row-gap: 40px;
width: 100%;
@media(max-width: 1280px){
gap: 40px;
}
@media(max-width: 800px){
display: flex;
flex-direction: column;
gap: 32px;
margin-top: 32px;
}
}
.cooperation-item{
display: flex;
flex-direction: row;
gap: 24px;
}
.cooperation-item__text{
display: flex;
flex-direction: column;
gap: 12px;
max-width: 330px;
width: 100%;
@media(max-width: 800px){
max-width: unset;
gap: 8px;
}
}
.cooperation-item__title{
font-size: 20px;
line-height: 20px;
font-weight: 500;
color: #514F4F;
@media(max-width: 480px){
font-size: 16px;
line-height: 16px;
}
}
.cooperation-item__description{
font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 25px;
font-weight: 400;
@media(max-width: 480px){
font-size: 14px;
line-height: 17px;
}
}
.advantages-content{
margin: 68px 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
row-gap: 40px;
@media(max-width: 1024px){
display: flex;
flex-direction: column;
gap: 24px;
margin: 32px 0;
}
}
.advantages-item{
position: relative;
display: flex;
flex-direction: row;
border: 1px solid #4DACEB;
border-radius: 8px;
overflow: hidden;
@media(max-width: 575px){
height: auto;
}
}
.advantages-item__img{
display: block;
width: auto;
overflow: hidden;
flex-shrink: 0;
@media(max-width: 1024px){
max-width: 330px;
width: 100%;
}
@media(max-width: 800px){
max-width: 206px;
}
@media(max-width: 575px){
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
max-width: unset;
width: 100%;
height: 100%;
z-index: 1;
}
}
.advantages-item__img img{
display: block;
height: 102%;
width: auto;
object-fit: cover;
@media(max-width: 575px){
width: 100%;
height: 100%;
}
}
.advantages-item__content{
position: relative;
padding: 20px;
display: flex;
flex-direction: column;
gap: 16px;
z-index: 10;
@media(max-width: 575px){
background-color: #FFFFFFBF;
}
}
.advantages-item__title{
font-size: 20px;
line-height: 20px;
font-weight: 500;
color: #4DACEB;
@media(max-width: 575px){
font-size: 16px;
line-height: 16px;
}
}
.advantages-item__list{
display: flex;
flex-direction: column;
gap: 12px;
}
.advantages-item__list-item{
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}
.advantages-item__list-item svg{
flex-shrink: 0;
}
.advantages-item__list-item span{
font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 25px;
font-weight: 400;
@media(max-width: 575px){
font-size: 14px;
line-height: 17px;
}
}
.partners-content{
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(2, 1fr);
margin: 68px 0;
@media(max-width: 1024px){
margin: 32px 0;
}
@media(max-width: 800px){
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
justify-content: center;
}
@media(max-width: 480px){
display: flex;
flex-direction: column;
gap: 12px;
}
}
.partners-item{
padding: 48px;
border-bottom: 1px solid #4DACEB4D;
border-right: 1px solid #4DACEB4D;
@media(max-width: 1024px){
padding: 24px;
}
@media(max-width: 480px){
border: none;
padding: 0 24px;
}
}
.partners-item:nth-child(5), .partners-item:nth-child(10){
border-right: none;
@media(max-width: 800px){
border-right: 1px solid #4DACEB4D;
border-bottom: 1px solid #4DACEB4D;
}
@media(max-width: 480px){
border: none;
}
}
.partners-item:nth-child(3), .partners-item:nth-child(9){
@media(max-width: 800px){
border-right: none;
}
}
.partners-item:nth-child(6), .partners-item:nth-child(7), .partners-item:nth-child(8), .partners-item:nth-child(9), .partners-item:nth-child(10){
border-bottom: none;
}
.partners-item:nth-child(6){
@media(max-width: 800px){
border-bottom: 1px solid #4DACEB4D;
border-right: none;
}
@media(max-width: 480px){
border: none;
}
}
.partners-item:nth-child(7), .partners-item:nth-child(8), .partners-item:nth-child(9){
@media(max-width: 800px){
border-bottom: 1px solid #4DACEB4D;
}
@media(max-width: 480px){
border: none;
}
}
.partners-item:nth-child(10){
@media(max-width: 800px){
grid-column-start: 2;
grid-column-end: 2;
border-left: 1px solid #4DACEB4D;
}
@media(max-width: 480px){
border: none;
}
}
.partners-item img{
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
.input-checkbox__container{
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
cursor: pointer;
width: fit-content;
}
.input-checkbox__indicator{
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid #44537140;
background-color: #FFFFFF;
}
.input-checkbox__text{
font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 20px;
color: #1F1F1F;
}
.input-checkbox__element {
display: none;
}
.input-checkbox__element:checked ~ .input-checkbox__container .input-checkbox__indicator {
border: 6px solid #72C2F8;
transition: .2s ease-in-out;
}
.input-checkbox__element:checked ~ .input-checkbox__container .input-checkbox__indicator::after {
opacity: 1;
background-color: #44537140;
}
.label-input, .webFormItemField{
display: block;
width: 100%;
position: relative;
}
.custom-input{
width: 100%;
background-color: transparent;
border: 1px solid #E6E6E6;
padding: 11px 16px;
border-radius: 6px;
font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #757575;
}
.input-clear{
position: absolute;
right: 16px;
top: 12.5px;
background-color: #FFFFFF;
cursor: pointer;
}
.custom-checkbox {
position: absolute;
z-index: -1;
opacity: 0;
}
.custom-checkbox+label {
display: inline-flex;
align-items: center;
user-select: none;
cursor: pointer;
font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #757575;
}
.custom-checkbox+label::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
flex-shrink: 0;
flex-grow: 0;
border: 2px solid #757575;
border-radius: 4px;
margin-right: 8px;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
.custom-checkbox:checked+label::before {
border-color: #72C2F8;
background-color: #72C2F8;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
dialog{
max-width: 550px;
width: 100%;
background-color: #FFFFFF;
border-radius: 8px;
border: none;
padding: 0;
@media(max-width: 800px){
max-width: 490px;
}
@media(max-width: 575px){
max-width: unset;
width: calc(100% - 36px);
}
}
.dialog-content, form[name="cooperation"]{
padding: 32px;
display: flex;
flex-direction: column;
gap: 24px;
@media(max-width: 800px){
gap: 16px;
}
@media(max-width: 575px){
padding: 16px;
}
}
.dialog-header{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 12px 24px;
background-color: #F9F9F9;
}
.dialog-header form{
width: 24px;
height: 24px;
}
.dialog-title{
font-size: 20px;
line-height: 20px;
font-weight: 500;
color: #1F1F1F;
}
.dialog-close{
width: 24px;
height: 24px;
background-color: transparent;
overflow: hidden;
cursor: pointer;
border: none;
}
.dialog-radios{
display: flex;
flex-direction: row;
align-items: center;
gap: 24px;
@media(max-width: 800px){
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
@media(max-width: 575px){
gap: 6px;
}
}
.dialog-contacts{
display: flex;
flex-direction: column;
gap: 24px;
@media(max-width: 800px){
gap: 16px;
}
}
.dialog-files{
display: flex;
flex-direction: column;
gap: 12px;
}
.dialog-files__title{
font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #1F1F1F;
}
.dialog-files__main{
width: 100%;
height: auto;
overflow: hidden;
}
.dialog-files__main img{
width: 100%;
height: auto;
object-fit: cover;
}
.dialog-accept__text{
margin-top: 6px;
font-size: 14px;
line-height: 19px;
font-weight: 400;
color: #757575;
}
.dialog-notification{
font-size: 14px;
line-height: 19px;
font-weight: 400;
color: #757575;
}
.dialog-notification b{
font-weight: 400;
color: #DB5234;
}
/*FIX*/
#file-dropzone {
border: 2px dashed #ccc;
padding: 20px;
text-align: center;
cursor: pointer;
overflow: hidden;
position: relative;
background-color: #f2f9ff;
}
#file-dropzone input {
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 30px;
opacity: 0;
}
#file-dropzone span {
cursor: pointer;
}
#preview-container {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.preview-image {
width: 80px;
border-radius: var(--radius1);
height: 80px;
overflow: hidden;
position: relative;
background: #f6f6f6;
display: flex;
align-items: center;
transition: var(--animation1);
}
.preview-image img {
object-fit: cover;
object-position: center;
}
.preview-image:after {
content: "X";
width: 50px;
height: 50px;
background: rgba(255, 255, 255, 0.4);
color: #333333;
border-radius: 100%;
position: absolute;
top: 10px;
right: 10px;
z-index: 20;
display: flex;
font-size: 30px;
justify-content: center;
align-items: center;
transition: var(--animation1);
cursor: pointer;
}
.preview-image:after:hover {
background: rgba(255, 255, 255, 0.8);
}
#preview-container {
position: relative;
}
.webFormItemField input {
background-color: transparent;
border: 1px solid #E6E6E6;
padding: 11px 16px !important;
border-radius: 6px;
font-family: 'Inter', sans-serif !important;
font-size: 16px !important;
line-height: 25px !important;
font-weight: 400;
color: #757575 !important;
}
.webFormItemField label {
font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #1F1F1F;
margin-bottom: 8px;
}
.webFormItemField input[type="radio"] + label:before {
transition: .2s;
width: 16px !important;
height: 16px !important;
border-radius: 50%;
border: 2px solid #44537140;
background-color: #FFFFFF;
background-image: none !important;
}
.webFormItemField input[type="checkbox"]:checked + label:before, .webFormItemField input[type="radio"]:checked + label:before {
background-image: none !important;
border: 6px solid #72C2F8;
width: 8px !important;
height: 8px !important;
}
form[name="cooperation"] {
padding: 0 !important;
}
#main #right {
padding-right: 0 !important;
}
#foundation {
-webkit-font-smoothing: auto !important;
}
.error_text {
color: red;
margin-left: 10px;
align-self: center;
display: none;
}
.dialog-accept .row {
display: flex;
}
.webFormItem.error .webFormItemField input[type="radio"] + label:before,
.privacy-accept.error .custom-checkbox+label::before {
border: 2px solid red;
}
.webFormItem.error .webFormItemField input[type="password"],
.webFormItem.error .webFormItemField input[type="text"],
.webFormItem.error .webFormItemField select {
border: 1px solid red;
}
/*END FIX*/
.cooperation-item__list {
list-style: unset;
margin-left: 16px;
}
.main-text__list-ul {
list-style: unset;
margin-left: 20px;
}
.cooperation-title_wrapper {
max-width: 1644px;
margin: 0 auto;
}
.catalog-block_list {
box-sizing: unset !important;
}
/* End */
/* Start:/local/components/alex/auth/templates/.default/style.css?178835390514384*/
.popup-wrapper * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.popup-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
background-color: #1F1F1F80;
z-index: 10000;
}
.popup-wrapper.active {
display: flex;
align-items: center;
justify-content: center;
overflow-y: scroll;
}
.popup-form {
display: flex;
flex-direction: column;
width: fit-content;
max-width: 480px;
min-width: 320px;
width: 100%;
height:auto;
margin: auto;
padding: 32px;
position: relative;
gap: 12px;
border-radius: 6px;
border: 1px solid #DFDFDF;
background-color: white;
}
.popup-form__title {
display: flex;
justify-content: space-between;
align-items: center;
}
.popup-form__title span {
font-family: Roboto, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 100%;
color: #1F1F1F;
}
.popup-form [close-popup] {
position: absolute;
z-index: 5;
right: 32px;
cursor: pointer;
@media(max-width: 480px){
right: 18px;
}
}
.popup-form__hidden.active {
display: block;
}
.popup-form__text-min {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #514F4F;
}
.popup-form__group {
display: flex;
flex-direction: column;
gap: 12px;
}
.popup-form .input-container {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
gap:12px;
}
.popup_radio_container{
margin-top:24px;
@media(max-width: 480px){
margin-top:12px;
}
}
.popup_radio_container,
.popup_radio_container .input_checkbox{
display: flex;
flex-direction:column;
gap:12px;
}
.input_title{
font-family: Inter;
font-weight: 500;
font-style: Medium;
font-size: 18px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
@media(max-width: 480px){
font-size: 14px;
line-height: 130%;
}
}
.popup-form .input-container span,
.popup_radio_container .span_title
{
font-size:16px;
font-family: Inter;
font-weight: 400;
line-height: 160%;
@media(max-width: 480px){
font-size: 14px;
line-height: 140%;
}
}
.text-s{
font-family: Roboto;
font-weight: 400;
font-style: Regular;
font-size: 14px;
leading-trim: NONE;
line-height: 140%;
letter-spacing: 0%;
vertical-align: middle;
}
.popup-form .input-container input {
width: 100%;
height: 48px;
padding: 11px 16px;
background: white;
border: 1px solid #DFDFDF;
border-radius: 6px;
font-family: Roboto, sans-serif;
font-size: 14px;
line-height: 1;
}
.popup-form .input-container .clear {
position: absolute;
right: 16px;
bottom: 17px;
cursor: pointer;
}
.popup-form__accept {
display: flex;
flex-direction: column;
gap: 12px;
}
.input_checkbox__container_a {
position: relative;
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
user-select: none;
margin: 12px 0 0;
}
.input_checkbox__container_a input[type="checkbox"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
.input_checkbox__container_a .checkbox-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.input_checkbox__container_a .checkbox-icon {
background-image: url('data:image/svg+xml,');
}
.input_checkbox__container_a input:checked + .checkbox-icon {
background-image: url('data:image/svg+xml,');
}
.input_checkbox__container_a span {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #514F4F;
}
.red {
color: red;
}
.peach{
color: #DB5234;
}
.popup-form__button {
cursor: pointer;
width: 100%;
padding: 10px 20px;
border: none;
border-radius: 4px;
background: #4daceb;
color: white;
font-family: Roboto, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 100%;
transition: background 0.2s;
height:48px;
}
.popup-form__button:hover {
background: #3A9BD9;
}
.popup-form__button--secondary {
cursor: pointer;
width: 100%;
padding: 10px 20px;
background: none;
border-radius: 4px;
color: #757575;
font-family: Roboto, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 100%;
transition: background 0.2s;
border: 1px solid #2B2B2B;
height: 48px;
}
.popup-form__button--secondary:hover {
color: #1F1F1F;
border: 1px solid #1F1F1F;
}
.popup-form__button--secondary2 {
cursor: pointer;
width: 100%;
padding: 10px 20px;
border-radius: 4px;
background: #DB5234;
color: #1F1F1F;
font-family: Roboto, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 100%;
transition: background 0.2s;
border: 0;
color:white;
height: 48px;
}
.popup-form__button--secondary2:hover {
background: #db5234d1;
}
.popup-wrapper .popup-form__buttons {
display: flex;
gap: 24px;
width: 100%;
}
/* #check_inn{
margin-top:12px;
} */
.popup-form__info {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #514F4F;
}
.popup-form__actions {
display: flex;
justify-content: space-between;
margin-top: 8px;
}
.popup-form__actions button {
background: none;
border: none;
color: #4daceb;
cursor: pointer;
font-family: Roboto, sans-serif;
font-size: 14px;
text-decoration: underline;
}
.popup-success {
display: none;
flex-direction: column;
width: fit-content;
max-width: 480px;
margin: auto;
padding: 38px 58px;
gap: 12px;
border-radius: 6px;
border: 1px solid #DFDFDF;
background-color: white;
}
.popup-success .popup-success__text {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
max-width: 324px;
text-align: center;
}
.popup-success__text h2 {
font-family: Roboto, sans-serif;
font-weight: 500;
font-size: 26px;
line-height: 100%;
}
.popup-success__text p {
font-family: Inter, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 160%;
}
/* Мобильная адаптация */
@media (max-width: 480px) {
.popup-form {
margin-top: 34px;
padding: 12px 16px;
gap: 12px;
}
.popup-wrapper .popup-form__buttons {
flex-direction: column;
gap: 12px;
}
.popup-success {
padding: 17px 27px;
}
}
@media (max-width: 360px) {
.popup-form__title span {
font-size: 18px;
}
.popup-success__text h2 {
font-size: 22px;
}
.popup-success__text p {
font-size: 14px;
}
}
/* ========== ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ========== */
/* Радио-кнопки (registration_opt) */
.input_radio__container_a {
position: relative;
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
user-select: none;
}
.input_radio__container_a input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
.input_radio__container_a .radio-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url('data:image/svg+xml,');
}
.input_radio__container_a input:checked + .radio-icon {
background-image: url('data:image/svg+xml,');
}
/* Текстовая область (registration_opt) */
.question-form_group {
margin-top: 12px;
}
.question-form_group span{
margin-bottom: 12px;
}
.question-form_area {
width: 100%;
min-height: 100px;
padding: 11px 16px;
border: 1px solid #DFDFDF;
border-radius: 6px;
font-family: Roboto, sans-serif;
font-size: 14px;
resize: vertical;
}
.question-form_info {
text-align: right;
font-size: 12px;
color: #999;
margin-top: -8px;
}
/* Блоки для восстановления пароля (repair_password) */
.popup-form_repier {
display: none;
flex-direction: column;
gap: 12px;
}
.dropdown.open .popup-form_repier {
display: flex;
}
.popup-repier-form .input_checkbox__container_a{
margin-top:32px;
@media(max-width: 480px){
margin-top:16px;
}
}
.dropdown.open #toggle-repier-form svg {
transform: rotate(180deg);
transition: transform 0.2s ease; /* можно оставить плавность, но не обязательно */
}
#toggle-repier-form svg {
transition: transform 0.2s ease;
}
.popup-form_repier .input-container span,
#popup-registration-form .input-container span
{
margin-top: 12px;
}
/* Скрытие первого шага в repair_password при показе repier */
.popup-form.hide-first-step .first-step-group,
.popup-form.hide-first-step .first-step-accept {
display: none;
}
#messege-form {
display: none; /* скрыт по умолчанию */
flex-direction: column;
width: 100%;
max-width: 480px;
margin: auto;
padding: 32px;
gap: 24px;
border-radius: 6px;
border: 1px solid #DFDFDF;
background-color: white;
position: relative;
@media(max-width: 480px){
}
}
#messege-form [close-popup] {
position: absolute;
right: 32px;
top: 32px;
cursor: pointer;
}
#messege-form p {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 160%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
text-decoration-style: solid;
text-decoration-offset: 0%;
text-decoration-thickness: 0%;
color:black;
max-width:358px;
margin-inline: auto;
}
/* Выпадающий список (dropdown) */
.input-container.dropdown {
position: relative;
}
.submenu {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: white;
border: 1px solid #DFDFDF;
border-radius: 6px;
z-index: 10;
padding: 8px 0;
-webkit-box-shadow: 3px 5px 8px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 3px 5px 8px 0px rgba(34, 60, 80, 0.2);
box-shadow: 3px 5px 8px 0px rgba(34, 60, 80, 0.2);
}
.input-container.dropdown.open .submenu {
display: block;
}
.submenu .submenu-el {
padding: 12px;
cursor: pointer;
font-family: Roboto, sans-serif;
font-size: 14px;
}
.submenu-el div{
padding:11px 16px;
font-family: Inter;
font-weight: 400;
font-size: 16px;
line-height: 160%;
color:#757575;
@media(max-width: 480px){
font-size: 14px;
line-height: 140%;
}
}
.submenu .submenu-el:hover div{
background: #6EC1F90F;
color:#1F1F1F;
border: 1px solid #94D4FF;
border-radius: 6px;
padding:10px 15px;
}
/* Адаптация для messege на мобильных */
@media (max-width: 480px) {
#messege-form {
padding: 12px 16px;
}
#messege-form [close-popup] {
right: 16px;
top: 16px;
}
}
ul[default] {
display: block;
list-style-type: disc;
padding-left: 20px;
margin-top:4px;
@media(max-width: 480px){
margin-top: 0;
}
}
ul[default] li {
display: list-item;
text-align: -webkit-match-parent;
@media(max-width: 900px){
font-size: 14px;
}
}
.ul-default-title{
margin-left: -20px;
}
.popup-form_repier {
display: none;
}
.open .popup-form_repier {
display: flex;
}
/* Убедимся, что submenu (выпадающий список) не мешает анимации */
.submenu {
display: none;
}
[bg-gray]{
padding: 13px 16px;
background: #F9F9F9;
margin-top:24px!important;
@media(max-width: 480px){
margin-top:16px!important;
}
}
[repier-form-content]{
align-items: center;
display: flex;
}
.span-title{
font-family: Inter;
font-weight: 500;
font-style: Medium;
font-size: 18px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
@media(max-width: 480px){
font-family: Roboto;
font-size: 14px;
line-height: 130%;
}
}
[data-popup-item="repair_password"] #popup-repier-form{
border-radius: 6px 6px 0 0;
border-bottom: 0;
padding-bottom:0px;
}
[data-popup-item="repair_password"] #popup-repier-form2{
border-radius: 0 0 6px 6px ;
border-top: 0;
padding-top:24px;
@media(max-width: 480px){
margin-top:0;
}
}
#toggle-repier-form{
display: flex;
align-items: center;
margin-top:12px
}
/* End */
/* Start:/local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/style.css?178835390524932*/
#topSearch2 .searchContainerInner{
border: 1px solid #f3f3f3;
height: 50px;
}
#subHeader2.color_black #topSearch2 .searchContainerInner{
border: 1px solid rgba(255, 255, 255, 0.3);
background-color: rgba(0, 0, 0, 0.1);
}
#subHeader2.color_theme #topSearch2 .searchContainerInner{
border: 1px solid rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.1);
}
#topSearch2 .searchContainer{
border-collapse: collapse;
table-layout: fixed;
line-height: 50px;
display: table;
height: 50px;
width: 100%;
}
#topSearch2 .searchColumn{
vertical-align: middle;
display: table-cell;
}
#topSearch2 .searchColumn:last-child{
width: 54px;
}
#topSearch2 #searchQuery{
background: url(/local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/images/searchH2.png) 14px 50% no-repeat transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 42px;
height: 50px;
width: 100%;
border: 0;
}
#topSearch2 #goSearch{
background: url(/local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/images/searchIcoH2.png) 0 0 no-repeat transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: transparent;
cursor: pointer;
height: 50px;
border: none;
width: 50px;
}
#subHeader2.color_black #topSearch2 #searchQuery,
#subHeader2.color_theme #topSearch2 #searchQuery,
#subHeader6.color_black #topSearch2 #searchQuery,
#subHeader6.color_theme #topSearch2 #searchQuery,
#subHeader7.color_black #topSearch2 #searchQuery,
#subHeader7.color_theme #topSearch2 #searchQuery,
#subHeader9.color_black #topSearch2 #searchQuery,
#subHeader9.color_theme #topSearch2 #searchQuery{
background: url(/local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/images/searchH2W.png) 14px 50% no-repeat transparent;
color: rgba(255, 255, 255, 0.7);
}
#subHeader5.color_black #topSearch2 #searchQuery,
#subHeader5.color_theme #topSearch2 #searchQuery{
background: url(/local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/images/searchH5W.png) 14px 50% no-repeat transparent;
color: rgba(255, 255, 255, 0.7);
}
#subHeader2.color_black #goSearch,
#subHeader2.color_theme #goSearch{
background: url(/local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/images/searchIcoH2W.png) 0 0 no-repeat transparent;
}
#subHeader5.color_black #goSearch,
#subHeader5.color_theme #goSearch,
#subHeader6.color_black #goSearch,
#subHeader6.color_theme #goSearch,
#subHeader7.color_black #goSearch,
#subHeader7.color_theme #goSearch,
#subHeader9.color_black #goSearch,
#subHeader9.color_theme #goSearch{
background: url(/local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/images/searchIcoH5W.png) 0 0 no-repeat transparent;
}
#topSearch2 #goSearch:hover{
background-position: 0px -50px;
}
#topSearch2 #goSearch:active{
background-position: 0px -100px;
}
#searchResult{
border-top: 1px solid #f3f3f3;
background-color: #ffffff;
position: absolute;
display: none;
height: auto;
z-index: 999;
width: 100%;
top: 172px;
left: 0;
}
#subHeader2 #searchResult{
top: 102px;
}
#subHeader2 #searchOverlap{
top: 172px;
}
#searchResult h1{
font-family: 'robotobold';
text-transform: uppercase;
background-color: #ffffff;
position: relative;
text-align: center;
line-height: 85px;
font-size: 18px;
height: 85px;
margin: 0px;
}
#searchResult.visible{
display: block;
}
#searchResult .productList{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 24px;
padding: 0 24px;
}
#searchResult .item{
width: 14.285%;
}
#searchResult .searchAllResult{
-webkit-transition: all 0.2 ease-in-out;
-o-transition: all 0.2 ease-in-out;
transition: all 0.2 ease-in-out;
border-top: 1px solid #e7e8ea;
background-color: #f3f3f3;
font-family: 'robotobold';
text-transform: uppercase;
text-decoration: none;
position: relative;
text-align: center;
line-height: 85px;
font-size: 14px;
display: block;
color: #000000;
height: 85px;
}
#searchResult .searchAllResult:hover{
background-color: #eeeeee;
}
#searchResult .searchAllResult span{
border-bottom: 1px dashed #000000;
padding-bottom: 4px;
}
#searchResult .errorMessage{
margin: 24px 36px 24px 36px;
text-align: center;
font-size: 14px;
color: #000000;
}
#searchProductsClose{
background: url(/local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/images/exit.png) 0 0 no-repeat transparent;
position: absolute;
margin-top: -9px;
display: block;
height: 18px;
width: 18px;
right: 24px;
top: 50%;
}
#searchProductsClose:hover{
background-position: -18px 0;
}
#searchProductsClose:active{
background-position: -36px 0;
}
@media all and (max-width: 1200px){
#topSearchLine.color_black #topSearch2 #searchQuery{
background: url(/local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/images/searchH5W.png) 14px 50% no-repeat transparent;
color: rgba(255, 255, 255, 0.7);
}
#topSearchLine.color_black #goSearch{
background: url(/local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/images/searchIcoH5W.png) 0 0 no-repeat transparent;
}
#subHeader6 #topSearchLine #topSearch2 #searchQuery{
background: url(/local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/images/searchH2.png) 14px 50% no-repeat transparent;
color: #000000;
}
#subHeader6 #topSearchLine #topSearch2 #goSearch{
background: url(/local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/images/searchIcoH2.png) 0 0 no-repeat transparent;
}
#subHeader6 #topSearchLine #topSearch2 input[placeholder]{
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: rgba(0, 0, 0, 0.7);
}
#subHeader6 #topSearchLine #topSearch2 input::-webkit-input-placeholder{
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: rgba(0, 0, 0, 0.7);
}
#subHeader6 #topSearchLine #topSearch2 input::-moz-placeholder{
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: rgba(0, 0, 0, 0.7);
}
}
.bx-pagination {
margin: 10px 0;
}
.bx-pagination .bx-pagination-container {
text-align: center;
position: relative;
}
.bx-pagination .bx-pagination-container ul {
padding: 0;
margin: 0;
list-style: none;
display: inline-block;
}
.bx-pagination .bx-pagination-container ul li {
display: inline-block;
margin: 0 2px 15px 2px;
}
.bx-pagination .bx-pagination-container ul li span{
-webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
-moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
-ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
-o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
transition: color .3s ease, background-color .3s ease, border-color .3s ease;
background: #eff0f1;
padding: 0 8px;
display: block;
height: 32px;
min-width: 32px;
line-height: 32px;
color: #444;
font-size: 14px;
border-radius: 16px;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bx-pagination .bx-pagination-container ul li a {
text-decoration: none;
display: block;
border-radius: 16px;
display: block;
height: 32px;
min-width: 32px;
line-height: 32px;
color: #444;
vertical-align: middle;
}
.bx-pagination .bx-pagination-container ul li a:hover span{
background: #DADADA;
}
.bx-pagination .bx-pagination-container ul li.bx-active span{
/* background: #ff9601;
color: #fff;*/
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span {
background: #fff;
border: 2px solid #eff0f1;
line-height: 28px;
padding: 0 18px;
color: #444;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span{
color: #aab1b4;
background: #fff;
border: 2px solid #eff0f1;
line-height: 28px;
padding: 0 18px;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span {
background: #fff;
border-color: #DADADA;
color: #000;
}
@media all and (max-width: 1920px){
#searchResult .item{
width: 16.666666%;
}
}
@media all and (max-width: 1600px){
#searchResult .item{
width: 20%;
}
}
@media all and (max-width: 1300px){
#searchResult .item{
width: 25%;
}
}
@media all and (max-width: 1024px){
#searchResult .item{
width: 33.33333%;
}
}
@media all and (max-width: 790px){
#searchResult .item{
width: 50%;
}
}
@media all and (max-width: 600px){
#searchResult .item{
width: 100%;
}
}
/* div.title-search-result {
display: block !important;
} */
.bx_smart_searche, .bx_smart_searche *, .bx-searchtitle, .bx-searchtitle * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
}
.bx-searchtitle {
margin: 10px 0 0;
}
.bx-searchtitle .bx-block-title {
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #343434;
text-transform: uppercase;
font-size: 12px;
margin-bottom: 9px;
font-weight: 600;
}
.bx-searchtitle .bx-input-group {
position: relative;
display: table;
border-collapse: separate;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bx-searchtitle .bx-input-group {}
.bx-searchtitle .bx-input-group .bx-form-control {
display: table-cell;
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #f8fafc;
border: 1px solid #d5dadc;
border-right: none;
border-radius: 1px 0 0 1px;
outline: none;
box-shadow: none !important;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bx-searchtitle .bx-input-group .bx-form-control:focus {
background-color: #fff;
}
.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
/* Fix of input shadow for IOS browsers. */
background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}
.bx-searchtitle .bx-input-group-btn {
position: relative;
font-size: 0;
width: 1%;
white-space: nowrap;
vertical-align: middle;
display: table-cell;
line-height: normal;
}
.bx-searchtitle .bx-input-group-btn button {
position: relative;
border: none;
background: url(/local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/images/search-icon.png) center center no-repeat #95a1a8;
display: inline-block;
margin-bottom: 0;
cursor: pointer;
padding:0;
border-radius: 0 1px 1px 0;
color: #fff;
font-size: 16px;
line-height: 1.42857143;
height: 34px;
width: 40px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.bx-searchtitle .bx-input-group-btn button:hover {
background-color: #1484CE;
}
div.title-search-result {
border:0 none !important;
border-top: 0 none;
display:none;
/*overflow:hidden;*/
z-index:999;
min-width: 200px;
max-height: 600px;
overflow: auto;
margin-top: 3px;
background-color: #FFF;
/* border-top: 0 none; */
border-radius: 2px;
box-shadow: 0px 0px 7px -2px #d6d6d6;
/* display: block !important; */
}
div.title-search-fader {
display:none;
background-image: url('/local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/images/fader.png');
background-position: right top;
background-repeat: repeat-y;
position:absolute;
}
p.title-search-preview {
font-size:12px;
}
div.title-search-result td.title-search-price span {
font-size: 26px;
}
/*========================*/
.bx_smart_searche {
padding-top:8px;
border-top: 0 none;
border-radius: 0 0 3px 3px;
}
.bx_smart_searche .bx_info_wrap{
margin-left: 85px;
}
.bx_smart_searche .bx_img_element{
float: left;
padding: 5px;
width: 75px;
text-align: center;
}
.bx_smart_searche .bx_item_block{
min-height: 65px;
position: relative;
}
.bx_smart_searche .bx_image{
/* width: 45px;
height: 45px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
border: 1px solid #e8e8e8; */
display: inline-block;
max-width: 100%;
}
.bx_smart_searche .bx_image.empty_image{
background-image: url(/local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/image/noimg.png);
}
.bx_smart_searche .bx_item_element{
padding: 8px 0;
}
.bx_smart_searche .bx_item_element_all_result {
text-align: center;
}
.bx_smart_searche .bx_item_element hr{
margin: 0;
border: none;
border-bottom: 1px solid #e5e5e5;
}
.bx_smart_searche .bx_item_element a{
margin-top: 5px;
display: inline-block;
color: #333;
font-size: 14px;
text-decoration: none;
font-weight: bold;
}
.bx_smart_searche .bx_item_element a b{
font-weight: bold;
}
.bx_smart_searche .bx_item_element a b{color: #000;}
.bx_smart_searche .bx_item_element a:hover,
.bx_smart_searche .bx_item_element a:hover b{text-decoration: underline;}
.bx_smart_searche .bx_item_preview_text{
font-size:13px;
padding: 5px 10px 5px 0;
}
.bx_smart_searche .bx_price{
font-weight:bold;
font-size:15px;
margin-top: 5px;
}
.bx_smart_searche .bx_price .old{
font-weight: normal;
text-decoration: line-through;
color: #636363;
font-size: 12px;
vertical-align: middle;
}
.bx_smart_searche .bx_item_block.all_result{min-height:0}
.bx_smart_searche .bx_item_block.others_result{
min-height: 0;
line-height: 12px;
padding: 0;
}
.bx_smart_searche .bx_item_block.all_result .all_result_button{
display: inline-block;
font-size: 14px;
background-color: #1485CE;
border: 1px solid;
border-color: #1485CE;
color: #FFF;
padding: 0 22px;
height: 34px;
text-decoration: none;
border-radius: 2px;
margin: 0 0 8px;
line-height: 34px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: .5px;
}
.bx_smart_searche .bx_item_block_href {
display: block;
text-decoration: none;
margin-bottom: 5px;
padding: 8px;
line-height: 14px;
}
.bx_smart_searche .bx_item_block_href:hover {
background-color: #feeed2;
}
.bx_smart_searche .bx_item_block_hrline {
border-bottom: 1px solid #f5a61c;
margin: 0 8px 5px;
}
.bx_item_block_item_clear {
display: block;
clear:both;
}
.bx_smart_searche .bx_item_block_item_info {
display: block;
}
.bx_smart_searche .bx_item_block_href_category_title {
color: #a2a2a2;
/* font-weight: bold; */
}
.bx_smart_searche .bx_item_block_href_category_name {
color: #f5a61c;
font-weight: bold;
text-transform: uppercase;
}
.bx_smart_searche .bx_item_block_item_image {
width: 46px;
height: 46px;
float:left;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 5px;
position: relative;
}
.bx_smart_searche .bx_item_block_item_image img {
max-width:100%;
max-height: 100%;
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
margin: auto;
}
.bx_smart_searche .bx_item_block_item_name {
}
.bx_smart_searche .bx_item_block_item_name .art {
font-size: 13px;
}
.bx_smart_searche .bx_item_block_item_name_flex_align {
margin: auto 0;
}
.bx_smart_searche .bx_item_block_item_simple_name {
color: #333;
display: block;
line-height: 17px;
}
.bx_smart_searche .bx_item_block_item_name b, .bx_smart_searche .bx_item_block_item_simple_name b {
color: #f5a61c;
}
.bx_smart_searche .bx_item_block_item_price {
float:right;
text-align: right;
color: #333;
line-height: 17px;
padding-left: 5px;
}
.bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one {
line-height: 34px;
}
.bx_smart_searche .bx_item_block_item_price .bx_price_new {
white-space: nowrap;
font-weight: bold;
display: block;
}
.price_new {
white-space: nowrap;
font-weight: bold;
}
.bx_smart_searche .bx_item_block_item_price .bx_price_old {
white-space: nowrap;
text-decoration: line-through;
}
.bx_smart_searche .bx_item_block_item_text {
color: #9b9b9b;
display: block;
padding-left: 39px;
margin-top: 8px;
font-size: 13px;
line-height: 15px;
}
/* preloader base */
.bx-searchtitle .bx-searchtitle-preloader {
position: absolute;
top: 2px;
right: 110%;
width: 30px;
height: 30px;
z-index: 5;
display: none;
/* display: block; */
}
.bx-searchtitle .bx-searchtitle-preloader.view {
background: url(/local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/images/loader_orange.gif) center center no-repeat;
}
/* blue */
.bx-searchtitle.theme-blue .bx-input-group .bx-form-control {
border-color:#0083d1;
}
.bx-searchtitle.theme-blue .bx-searchtitle-preloader.view {
background-image: url(/local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/images/loader_blue.gif);
}
.bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button{
background-color: #0083d1;
border-color: #0083d1;
}
.bx-searchtitle.theme-blue .bx-input-group-btn button {
background-color: #0083d1;
border-color: #0083d1;
color: #FFF;
}
.bx-searchtitle.theme-blue .bx-input-group-btn button:hover, .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover {
background-color: #5ca6e4;
border-color: #5ca6e4;
text-decoration: none;
}
.bx_smart_searche.theme-blue .bx_item_element a b{
color: #5ca6e4;
}
.bx_smart_searche.theme-blue .bx_item_block_href:hover {
background-color: #b2d9f1;
}
.bx_smart_searche.theme-blue .bx_item_block_href_category_name {
color:#0083d1;
}
.bx_smart_searche.theme-blue .bx_item_block_item_name b, .bx_smart_searche.theme-blue .bx_item_block_item_simple_name b {
color:#0083d1;
}
.bx_smart_searche.theme-blue .bx_item_block_hrline {
border-color: #0083d1;
}
/* black */
.bx-searchtitle.theme-black .bx-input-group .bx-form-control {
border-color:#333;
}
.bx-searchtitle.theme-black .bx-searchtitle-preloader.view {
background-image: url(/local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/images/loader_black.gif);
}
.bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button{
background-color: #333;
border-color: #333;
}
.bx-searchtitle.theme-black .bx-input-group-btn button {
background-color: #333;
border-color: #333;
color: #FFF;
}
.bx-searchtitle.theme-black .bx-input-group-btn button:hover, .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button:hover {
background-color: #5c5c5c;
border-color: #5c5c5c;
text-decoration: none;
}
.bx_smart_searche.theme-black .bx_item_element a b{
color: #5c5c5c;
}
.bx_smart_searche.theme-black {
/* border:1px solid #333; */
border-top: 0 none;
border-radius: 0 0 3px 3px;
}
.bx_smart_searche.theme-black .bx_item_block_href:hover {
background-color: #eaeaea;
}
.bx_smart_searche.theme-black .bx_item_block_href_category_name {
color:#333;
}
.bx_smart_searche.theme-black .bx_item_block_item_name b, .bx_smart_searche.theme-black .bx_item_block_item_simple_name b {
color:#333;
}
.bx_smart_searche.theme-black .bx_item_block_hrline {
border-color: #333;
}
/* green */
.bx-searchtitle.theme-green .bx-input-group .bx-form-control {
border-color:#159ebb;
}
.bx-searchtitle.theme-green .bx-searchtitle-preloader.view {
background-image: url(/local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/images/loader_green.gif);
}
.bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button{
background-color: #159ebb;
border-color: #159ebb;
}
.bx-searchtitle.theme-green .bx-input-group-btn button {
background-color: #159ebb;
border-color: #159ebb;
color: #FFF;
}
.bx-searchtitle.theme-green .bx-input-group-btn button:hover, .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button:hover {
background-color: #44b1c9;
border-color: #44b1c9;
text-decoration: none;
}
.bx_smart_searche.theme-green .bx_item_element a b{
color: #44b1c9;
}
.bx_smart_searche.theme-green .bx_item_block_href:hover {
background-color: #d0ebf1;
}
.bx_smart_searche.theme-green .bx_item_block_href_category_name {
color:#159ebb;
}
.bx_smart_searche.theme-green .bx_item_block_item_name b, .bx_smart_searche.theme-green .bx_item_block_item_simple_name b {
color:#159ebb;
}
.bx_smart_searche.theme-green .bx_item_block_hrline {
border-color: #159ebb;
}
/* red */
.bx-searchtitle.theme-red .bx-input-group .bx-form-control {
border-color:#E22B2B;
}
.bx-searchtitle.theme-red .bx-searchtitle-preloader.view {
background-image: url(/local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/images/loader_red.gif);
}
.bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button{
background-color: #E22B2B;
border-color: #E22B2B;
}
.bx-searchtitle.theme-red .bx-input-group-btn button {
background-color: #E22B2B;
border-color: #E22B2B;
color: #FFF;
}
.bx-searchtitle.theme-red .bx-input-group-btn button:hover, .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button:hover {
background-color: #e95c5c;
border-color: #e95c5c;
text-decoration: none;
}
.bx_smart_searche.theme-red .bx_item_element a b{
color: #e95c5c;
}
.bx_smart_searche.theme-green .bx_item_block_href:hover {
background-color: #f9d4d4;
}
.bx_smart_searche.theme-red .bx_item_block_href_category_name {
color:#E22B2B;
}
.bx_smart_searche.theme-red .bx_item_block_item_name b, .bx_smart_searche.theme-red .bx_item_block_item_simple_name b {
color:#E22B2B;
}
.bx_smart_searche.theme-red .bx_item_block_hrline {
border-color: #E22B2B;
}
/* yellow */
.bx-searchtitle.theme-yellow .bx-input-group .bx-form-control {
border-color:#F9A91D;
}
.bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view {
background-image: url(/local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/images/loader_yellow.gif);
}
.bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button{
background-color: #F9A91D;
border-color: #F9A91D;
}
.bx-searchtitle.theme-yellow .bx-input-group-btn button {
background-color: #F9A91D;
border-color: #F9A91D;
color: #FFF;
}
.bx-searchtitle.theme-yellow .bx-input-group-btn button:hover, .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button:hover {
background-color: #faba4a;
border-color: #faba4a;
text-decoration: none;
}
.bx_smart_searche.theme-yellow .bx_item_element a b{
color: #faba4a;
}
.bx_smart_searche.theme-yellow .bx_item_block_href_category_name {
color:#F9A91D;
}
.bx_smart_searche.theme-yellow .bx_item_block_item_name b, .bx_smart_searche.theme-yellow .bx_item_block_item_simple_name b {
color:#F9A91D;
}
.bx_smart_searche.theme-yellow .bx_item_block_hrline {
border-color: #F9A91D;
}
.bx_smart_searche .errorMessage {
margin: 24px 36px 24px 36px;
text-align: center;
font-size: 14px;
color: #000000;
}
.main-header_search_form {
height: 42px;
box-sizing: border-box;
}
.main-header_search {
flex-grow: 1;
margin-right: 40px;
width: 0;
position: relative;
}
.main-header_search-button {
background: var(--primary-default) url(/local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/images/ico-3.svg) no-repeat center center;
border-radius: 4px;
padding: 1px 4px;
width: 42px;
height: 42px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
border: none;
box-sizing: border-box;
}
.main-header_search-button:hover {
background-color: var(--primary-hover);
}
@media (max-width: 768px) {
.main-header_search-button {
width: 42px;
}
}
.main-header_input {
width: 100%;
height: 42px !important;
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 120%;
color: var(--text-grey);
}
@media (max-width: 768px) {
.main-header_input {
height: 36px;
}
}
.main-header_search_form {
display: flex;
border: 1px solid var(--primary-default);
border-radius: 4px;
padding: 0px 0px 0px 12px;
}
.main-header_dropdown {
}
.main-header_dropdown ul {
margin-bottom: 12px;
}
.main-header_dropdown ul li {
padding: 10px 8px;
border-bottom: 1px solid rgba(68, 83, 113, 0.15);
}
.main-header_dropdown ul li:last-child {
border-bottom: none;
}
.main-header_dropdown-item {
display: flex;
text-decoration: none;
align-items: center;
transition: 0.3s;
border: 1px solid transparent;
padding: 11px 16px;
border-radius: 6px;
}
.main-header_dropdown-item:hover {
background: var(--surface-hover);
border: 1px solid var(--primary-hover);
}
.main-header_dropdown-item:hover .main-header_dropdown-content-price {
color: #1F1F1F;
}
.main-header_dropdown-item:hover .main-header_dropdown-content-price span {
color: #1F1F1F;
}
.main-header_dropdown-item img {
margin-right: 8px;
flex-shrink: 0;
width: 40px;
}
.main-header_dropdown-content {
flex-grow: 1;
width: 0;
max-width: 420px;
}
.main-header_dropdown-content p {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: var(--text-black);
}
.main-header_dropdown-content p span {
margin: 0 4px;
color: var(--primary-default);
}
.main-header_dropdown-content-price {
font-family: var(--second-family);
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: #757575;
}
.main-header_dropdown-content-price span {
font-size: 13px;
text-decoration: line-through;
color: #757575;
}
.main-header_dropdown-button {
width: 210px;
display: block;
margin: 0 auto 15px;
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: var(--text-white);
padding: 15px 0 14px;
text-align: center;
background: var(--primary-default);
border-radius: 4px;
text-decoration: none;
transition: 0.3s;
}
.main-header_dropdown-button:hover {
background: var(--primary-cliced);
}
/* End */
/* Start:/local/templates/dresscode_lk/components/dresscode/compare.line/version2/style.css?1788353905973*/
.main-header_comparison {
width: 42px;
height: 42px;
border: 1px solid var(--border-for-border);
border-radius: 4px;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-right: 16px;
cursor: pointer;
box-sizing: border-box;
}
.main-header_comparison span {
position: absolute;
font-family: var(--font-family);
font-weight: 400;
font-size: 10px;
line-height: 100%;
color: var(--text-white);
background: var(--error);
border-radius: 28px;
width: 19px;
height: 16px;
text-align: center;
top: -6px;
left: -6px;
padding-top: 4px;
}
.cursor_default{
cursor: default;
}
.main-header_comparison img:nth-child(2) {
display: none;
}
.main-header_comparison:hover {
background: var(--primary-hover);
}
.main-header_comparison:hover img:first-child {
display: none;
}
.main-header_comparison:hover img:nth-child(2) {
display: block;
}
.main-header_comparison:active {
background: var(--primary-cliced);
}
/* End */
/* Start:/local/templates/dresscode_lk/components/dresscode/favorite.line/version2/style.css?1788353905959*/
.main-header_favorite {
width: 42px;
height: 42px;
border: 1px solid var(--border-for-border);
border-radius: 4px;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-right: 16px;
cursor: pointer;
box-sizing: border-box;
}
.main-header_favorite span {
position: absolute;
font-family: var(--font-family);
font-weight: 400;
font-size: 10px;
line-height: 100%;
color: var(--text-white);
background: var(--error);
border-radius: 28px;
width: 19px;
height: 16px;
text-align: center;
top: -6px;
left: -6px;
padding-top: 4px;
}
.cursor_default{
cursor: default;
}
.main-header_favorite img:nth-child(2) {
display: none;
}
.main-header_favorite:hover {
background: var(--primary-hover);
}
.main-header_favorite:hover img:first-child {
display: none;
}
.main-header_favorite:hover img:nth-child(2) {
display: block;
}
.main-header_favorite:active {
background: var(--primary-cliced);
}
/* End */
/* Start:/local/templates/dresscode_lk/components/bitrix/sale.basket.basket.line/topCart2/style.css?1788353905794*/
.main-header_cart {
width: 42px;
height: 42px;
background: var(--primary-default);
border-radius: 4px;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-right: 16px;
cursor: pointer;
box-sizing: border-box;
}
.main-header_cart span {
position: absolute;
font-family: var(--font-family);
font-weight: 400;
font-size: 10px;
line-height: 100%;
color: var(--text-white);
background: var(--error);
border-radius: 28px;
width: 19px;
height: 16px;
text-align: center;
top: -6px;
left: -6px;
padding-top: 4px;
}
.main-header_cart:hover {
background: var(--primary-hover);
}
.main-header_cart:active {
background: var(--primary-cliced);
}
/* End */
/* Start:/local/templates/dresscode_lk/components/bitrix/menu/top_line/style.css?17883539051520*/
.main-nav_row {
display: flex;
align-items: center;
position: relative;
}
.main-nav_list {
display: flex;
list-style: none;
}
.main-nav_list a {
font-family: var(--second-family);
font-weight: 400;
font-size: 16px;
text-align: center;
color: var(--text-black);
margin-right: 32px;
text-decoration: none;
}
.main-nav_list a:hover {
color: #94D4FF !important;
}
.main-nav_buttons {
margin-left: auto;
position: relative;
display: flex;
align-items: center;
}
.main-nav_button-1 {
border: 1px solid var(--border-for-border);
border-radius: 4px;
padding: 9px 20px;
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: var(--text-black);
text-decoration: none;
margin-right: 16px;
transition: 0.3s;
display: block;
box-sizing: border-box;
height: 34px;
}
.main-nav_button-1:hover {
color: #757575;
}
.main-nav_button-1:active {
color: #757575;
border-color: #2B2B2B;
}
.raise {
cursor: pointer;
font-family: Roboto;
font-weight: 500;
font-style: Medium;
font-size: 14px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
color: #FFFFFF;
width: 139px;
height: 34px;
border: none;
opacity: 1;
border-radius: 4px;
padding: 10px 20px;
background: linear-gradient(90deg, #595959 0%, #838F9A 33.75%, #838F9A 45%, #595959 64%);
margin-right: 16px;
}
/* End */
/* Start:/local/templates/dresscode_lk/components/bitrix/menu/topInterMenu/style.css?17883539051758*/
.main-nav_inner-list {
padding: 8px;
position: absolute;
top: 100%;
right: 0;
width: 348px;
background: var(--text-white);
box-shadow: 0 32px 32px 0 rgba(68, 83, 113, 0.05), 0 0 32px 0 rgba(68, 83, 113, 0.1);
border-radius: 0 0 6px 6px;
margin-top: 4px;
display: none;
z-index: 200;
}
.main-nav_inner-list.active {
display: block;
}
.main-nav_inner-list ul li {
border-bottom: 1px solid rgba(68, 83, 113, 0.15);
padding-bottom: 8px;
padding-top: 8px;
}
.main-nav_inner-list ul li a {
padding: 10px 16px;
font-family: var(--second-family);
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: var(--text-grey);
display: block;
margin-right: 0;
text-decoration: none;
border: 1px solid transparent;
border-radius: 6px;
}
.main-nav_inner-list ul li a:hover {
background: var(--surface-hover);
}
.main-nav_inner-list ul li a:active {
border: 1px solid var(--primary-hover);
}
.main-nav_inner-list ul li:first-child {
padding-top: 0;
}
.main-nav_inner-list ul li:last-child {
border-bottom: none;
}
.main-nav_button-2 {
border-radius: 4px;
padding: 10px 20px;
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: var(--text-white);
text-decoration: none;
background: var(--primary-default);
transition: 0.3s;
display: block;
border: 1px solid transparent;
box-sizing: border-box;
height: 34px;
}
.main-nav_button-2:hover {
background: var(--primary-hover);
}
.main-nav_button-2:active,
.main-nav_button-2.active {
background: var(--text-white);
border: 1px solid var(--primary-default);
color: var(--icons-primary-blue);
}
/* End */
/* Start:/local/templates/dresscode_lk/components/bitrix/breadcrumb/.default/style.css?17883539052628*/
#breadcrumbs{
margin-bottom: 12px;
line-height: 21px;
overflow: hidden;
font-size: 12px;
}
#breadcrumbs ul{
overflow: hidden;
list-style: none;
padding: 0;
margin: 0;
}
#breadcrumbs ul li{
vertical-align: middle;
display: inline-block;
}
#breadcrumbs ul li a{
text-decoration: none;
display: inline-block;
line-height: 21px;
}
#breadcrumbs ul li span{
display: inline-block;
line-height: 21px;
}
#breadcrumbs .arrow{
vertical-align: middle;
display: inline-block;
font-family: arial;
font-size: 18px;
margin: 0 12px;
}
@media all and (max-width: 1024px) {
#breadcrumbs{
position: relative;
min-width: 100%;
overflow-x: auto;
height: 21px
}
#breadcrumbs ul{
white-space: nowrap;
overflow: auto;
}
#breadcrumbs li{
white-space: nowrap;
}
#breadcrumbs::after {
background: -moz-linear-gradient(left, rgba(255,255, 255, 0.2), #ffffff 100%);
background: -webkit-linear-gradient(left, rgba(255,255, 255, 0.2), #ffffff 100%);
background: -o-linear-gradient(left, rgba(255,255, 255, 0.2), #ffffff 100%);
background: -ms-linear-gradient(left, rgba(255,255, 255, 0.2), #ffffff 100%);
background: linear-gradient(to right, rgba(255,255, 255, 0.2), #ffffff 100%);
pointer-events: none;
position: absolute;
right: 0;
top: 0;
height: 100%;
content: '';
width: 35px;
}
}
.main-bread-crumbs {
padding-top: 25px;
overflow: auto;
/*scrollbar-width: thin;*/
/*scrollbar-color: #72C2F866 #72C2F866;*/
}
.main-bread-crumbs_list {
display: flex;
}
.main-bread-crumbs_list li {
display: flex;
align-items: center;
margin-right: 11px;
}
.main-bread-crumbs_list li:after {
content: '';
width: 3px;
height: 3px;
background: #595959;
margin-left: 11px;
border-radius: 50%;
}
.main-bread-crumbs_list li:last-child:after {
content: '';
display: none;
}
.main-bread-crumbs_list a {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 100%;
color: var(--primary-default);
text-decoration: none;
white-space: nowrap;
}
.main-bread-crumbs::-webkit-scrollbar {
width: 2px; /* ширина всей полосы прокрутки */
height: 2px;
}
.main-bread-crumbs::-webkit-scrollbar-track {
background: #72C2F833; /* цвет зоны отслеживания */
margin-left: 20px;
margin-right: 20px;
}
.main-bread-crumbs::-webkit-scrollbar-thumb {
background-color: #72C2F866; /* цвет бегунка */
border-radius: 20px; /* округлось бегунка */
/*border: 3px solid orange; !* отступ вокруг бегунка *!*/
}
/* End */
/* Start:/local/components/lk/top_banner/templates/.default/style.css?17883539051280*/
.banner-top {
padding: 25px;
/*background: #fff2f2;*/
margin: 20px 0px;
font-weight: normal;
font-size: 16px;
position: relative;
min-height: 130px;
}
.banner-top table{
max-width: 80%;
position: relative;
z-index: 3;
}
.banner-top span {
color: #ea0003;
}
.banner-top .btn-simple.btn-small {
margin-left: 20px;
background: transparent;
color: black;
border-color: #ea0003;
}
.banner-top .btn-simple.btn-small:hover {
transition: background 0.4s ease-out, color 0.4s ease-out;
background: #ea0003;
color: white;
}
.banner-top img {
position: absolute;
right: 0;
top: 0px;
z-index: 2;
}
.banner-top br {
display: none;
}
@media (max-width: 950px) {
.banner-top img {
max-width: 20%;
}
}
@media (max-width: 480px) {
.banner-top br {
display: block;
}
.banner-top .btn-simple.btn-small {
margin-left: 0px;
margin-top: 20px;
}
.banner-top img {
top: 50px;
max-width: 55%;
display: none;
}
.banner-top {
/*padding-right: 20%;*/
}
.banner-top table{
max-width: 100%;
}
.banner-top table tr,
.banner-top table tr td
{
display: block;
}
}
/* End */
/* Start:/local/templates/dresscode_lk/components/bitrix/form.result.new/modal/style.min.css?17883539058677*/
.webformModal{-webkit-transition:.1s all ease-in-out;-o-transition:.1s all ease-in-out;transition:.1s all ease-in-out;background:rgba(0,0,0,0.4);position:fixed;color:#000;overflow:hidden;display:none;z-index:1000;height:100%;width:100%;left:0;top:0}.webformModalHideScrollBar{position:relative;overflow:auto;height:100%;width:120%}.webformModalcn100{position:relative;height:100%;width:100%;width:100vw}.webformModal.visible{display:block}.webformModalContainer{box-shadow:1px 1px 12px rgba(60,60,60,0.3);transform:translateX(-50%) translateY(0%);-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:none;animation-fill-mode:none;-webkit-animation-name:zoomIn;animation-name:zoomIn;background-color:#fff;position:absolute;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:24px;max-width:500px;min-width:320px;width:100%;top:24px;left:50%}.small .webformModalContainer{transform:translateX(-50%) translateY(-50%);margin-bottom:0;top:50%}.webFormDw form{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.webFormDw form.loading{pointer-events:none;opacity:.8}.webFormModalHeading{background-color:#424242;position:relative;text-align:center;line-height:60px;font-size:18px;color:#fff}.webformModal .webFormModalHeadingExit{position:absolute;display:block;height:21px;width:21px;right:20px;top:20px;background:url(/local/templates/dresscode_lk/components/bitrix/form.result.new/modal/images/exit.png) 0 0 no-repeat transparent}.webformModal .webFormModalHeadingExit:hover{background-position:0 -21px}.webformModal .webFormModalHeadingExit:active{background-position:0 -42px}.webFormDescription{margin:24px 0 0;max-width:800px}.webformModal .webFormDescription{padding:0 24px}.webformModal .webFormItems,.webformModal .webFormTools,.webformModal .webFormError{padding:0 24px}.webFormItem{margin-top:24px}.webFormItemCaption{font-family:"robotoMedium";margin-bottom:12px;line-height:21px}.webFormItemImage{vertical-align:middle;display:inline-block;padding-right:6px}.webFormItemLabel{vertical-align:middle;display:inline-block;color:#555}.webFormItemRequired{display:inline-block;padding-left:4px;color:red}.webFormItemFieldVariant{display:inline-block;margin-left:12px}.webFormItemFieldVariant:first-child{margin-left:0}.webFormItemField input[type="password"],.webFormItemField input[type="text"],.webFormItemField select{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"roboto_ltregular";border:1px solid #e7e7e7;padding-left:12px;line-height:55px;max-width:100%;font-size:14px;color:#555;outline:none;height:55px;width:100%}.webFormItemField textarea{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"roboto_ltregular";border:1px solid #e7e7e7;padding-left:12px;line-height:21px;padding-top:12px;max-width:100%;font-size:14px;color:#555;height:150px;outline:none;width:100%}.webFormItemField input[id*="form_date_"]{margin-bottom:6px}.webFormItemField input[type="text"]:focus,.webFormItemField input[type="password"]:focus,.webFormItemField textarea:focus{border:1px solid #aaa}.webFormItemField input[type="checkbox"] + label,.webFormItemField input[type="radio"] + label{cursor:pointer}.webFormItemField input[type="checkbox"]:not(checked),.webFormItemField input[type="radio"]:not(checked){position:absolute;opacity:0}.webFormItemField input[type="checkbox"]:not(checked) + label,.webFormItemField input[type="radio"]:not(checked) + label{position:relative;padding-left:28px}.webFormItemField input[type="checkbox"].error + label:before{border:1px solid red!important}.webFormItemField input[type="checkbox"] + label:before{background:url(/local/templates/dresscode_lk/components/bitrix/form.result.new/modal/images/checkBox.png) 0 0 no-repeat transparent}.webFormItemField input[type="radio"] + label:before{background:url(/local/templates/dresscode_lk/components/bitrix/form.result.new/modal/images/radio.png) 0 0 no-repeat transparent}.webFormItemField input[type="checkbox"]:not(checked) + label:before,.webFormItemField input[type="radio"]:not(checked) + label:before{position:absolute;content:" ";height:17px;width:17px;left:0;top:0}.webFormItemField input[type="checkbox"]:not(checked) + label:hover:before,.webFormItemField input[type="radio"]:not(checked) + label:hover:before{background-position:0 -17px}.webFormItemField input[type="checkbox"]:checked + label:before,.webFormItemField input[type="radio"]:checked + label:before{background-position:0 -34px}.webFormItemField input[type="checkbox"]:checked + label:hover:before,.webFormItemField input[type="radio"]:checked + label:hover:before{background-position:0 -51px}.webFormItemField input[type="checkbox"]:disabled + label,.webFormItemField input[type="radio"]:disabled + label{cursor:default}.webFormItemField input[type="checkbox"]:disabled + label:before,.webFormItemField input[type="radio"]:disabled + label:before{background-position:0 -68px!important}.webFormItemField img.calendar-icon{vertical-align:middle!important;margin:0!important;border:0!important}.webFormItemField [multiple]{line-height:120px;height:120px;padding:12px}.webFormCaptchaPicture{margin-top:12px}.webFormCaptchaPicture img{vertical-align:middle;max-width:100%}.webFormCaptchaLabel{margin-bottom:12px;margin-top:12px}.webFormItemField input.captcha_word{max-width:300px}.webFormTools{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:24px}.webFormTools input[type="submit"],.webFormTools input[type="reset"]{-webkit-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"roboto_ltregular";border:1px solid #e7e7e7;text-align:center;line-height:55px;font-size:14px;cursor:pointer;color:#fff;outline:none;height:55px;width:100%;padding:0}.webFormTools .tc:first-child{padding-right:12px}.webFormTools .tc:last-child{padding-left:12px}.webFormTools input[type="submit"]:active{position:relative;top:1px}.webFormTools input[type="submit"].loading{background-image:url(/local/templates/dresscode_lk/components/bitrix/form.result.new/modal/images/loading.gif);background-color:#000!important;background-position:50% 50%;background-repeat:no-repeat;border:1px solid #000;pointer-events:none;color:#ddd;opacity:.1}.webFormTools input[type="reset"]{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border:1px solid #aaa;background-color:#fff;color:#000}.webFormTools input[type="reset"]:hover{border:1px solid #ccc}.webFormTools input[type="reset"]:active{position:relative;top:1px}.webFormItemError,.webFormError{font-family:"robotoMedium";margin-bottom:12px;font-size:12px;color:red;display:none}.webFormError{margin-bottom:0;margin-top:24px}.webFormItemError.visible,.webFormError.visible{display:block}.webFormItemField .error{border:1px solid red!important}.webFormMessage{-webkit-transition:.1s all ease-in-out;-o-transition:.1s all ease-in-out;transition:.1s all ease-in-out;background:rgba(0,0,0,0.4);line-height:250px;position:fixed;overflow:auto;color:#000;display:none;z-index:1000;height:100%;width:100%;left:0;top:0}.webFormMessageContainer{box-shadow:1px 1px 12px rgba(0,0,0,0.4);background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:-225px;position:absolute;text-align:center;margin-top:-125px;border-radius:2px;padding:0 24px;height:250px;width:450px;left:50%;top:50%}.webFormMessageMiddle{vertical-align:middle;display:inline-block;line-height:21px}.webFormMessageHeading{margin-bottom:24px;text-align:center;font-weight:500;font-size:18px}.webFormMessageDescription{text-align:center}.webFormMessageExit{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;background-color:#000;text-decoration:none;display:inline-block;text-align:center;border-radius:2px;line-height:40px;margin-top:24px;padding:0 24px;color:#fff;height:40px}.webFormMessageExit:hover{opacity:.8}.webFormMessageExit:active{position:relative;top:1px}@media all and (max-width: 650px){.webFormItemField input[id*="form_date_"]{margin-bottom:12px}.webFormItemField img.calendar-icon{margin-left:0!important}.webFormTools input[type="submit"],.webFormTools input[type="reset"]{max-width:150px}}@media all and (max-width: 400px){.webFormTools input[type="submit"],.webFormTools input[type="reset"]{margin-bottom:24px;max-width:300px;display:block;width:100%}}
/* End */
/* Start:/local/templates/dresscode_lk/components/dresscode/catalog.viewed.product/.default/style.min.css?17883539051068*/
#viewedProduct{position:relative}#viewedProduct .wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin:0 24px}#viewedProduct .productList{position:relative;list-style:none;overflow:hidden;clear:both;margin:0;left:0}#viewedProduct .productList > li{float:left}#viewedProduct .productList .item{width:100%;float:none;border-top:1px solid #e7e8ea}#viewedProduct .product .tabloid{height:100%}#viewedProduct .viewedBtnLeft,#viewedProduct .viewedBtnRight{background:url(/local/templates/dresscode_lk/components/dresscode/catalog.viewed.product/.default/images/slideArrowSmall.png) 0 0 no-repeat transparent;transform:translateY(-50%);position:absolute;height:70px;width:35px;z-index:22;top:50%}#viewedProduct .viewedBtnLeft{left:24px}#viewedProduct .viewedBtnRight{right:24px}#viewedProduct .viewedBtnLeft:hover{background-position:-35px 0}#viewedProduct .viewedBtnLeft:active{background-position:-70px 0}#viewedProduct .viewedBtnRight{background-position:0 -70px}#viewedProduct .viewedBtnRight:hover{background-position:-35px -70px}#viewedProduct .viewedBtnRight:active{background-position:-70px -70px}
/* End */
/* Start:/local/templates/dresscode_lk/components/dresscode/catalog.item/viewed/style.css?17883539051330*/
.main-last_item-block:not(:first-child) {
padding: 0 4px;
}
.main-last_item-block:first-child {
padding-right: 4px;
}
.main-last_item {
border: 1px solid var(--border-for-border);
border-radius: 4px;
padding: 12px;
}
.main-last_image {
margin-bottom: 2px;
display: block;
}
.main-last_image img {
width: 100%;
height: 169px;
border-radius: 4px;
object-fit: scale-down;
}
.main-last_art {
position: relative;
display: inline-block;
font-size: 12px;
text-decoration: underline;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
color: var(--text-grey);
padding-right: 20px;
background: url(/local/templates/dresscode_lk/components/dresscode/catalog.item/viewed/images/ico-5.svg) right center no-repeat;
line-height: 20px;
margin-bottom: 8px;
}
.main-last_title {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 130%;
color: var(--text-black);
margin-bottom: 8px;
text-decoration: none;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.main-last_price {
font-family: var(--second-family);
font-weight: 500;
font-size: 16px;
color: var(--text-black);
}
.width-formater {
margin-top: 30px;
}
.main-last_item:hover {
background-color: #6EC1F90F;
}
/* End */
/* Start:/local/templates/dresscode_lk/components/bitrix/form.result.new/cooperation/style.css?178835390549*/
.dialog-files__title-info{
color: #757575;
}
/* End */
/* Start:/local/templates/dresscode_lk/template_styles.css?1788353905215996*/
[data-disabled] {
display: none !important;
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-size: 100%;
}
body {
font: normal normal 14px "roboto_ltregular", arial, sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
background-color: #ffffff;
line-height: 21px;
margin: 0;
}
img {
border: 0;
}
input {
font: normal normal 13px "roboto_ltregular", arial, sans-serif;
outline: none;
}
input[placeholder] {
text-overflow: ellipsis;
}
input::-moz-placeholder {
text-overflow: ellipsis;
}
input:-moz-placeholder {
text-overflow: ellipsis;
}
input:-ms-input-placeholder {
text-overflow: ellipsis;
}
a:not([href]) {
cursor: default;
}
:focus::-webkit-input-placeholder {
color: transparent;
}
:focus::-moz-placeholder {
color: transparent;
}
:focus:-moz-placeholder {
color: transparent;
}
:focus:-ms-input-placeholder {
color: transparent;
}
input:focus {
outline: none;
}
a {
outline: none;
}
h1 {
font-family: "roboto_ltregular";
line-height: 36px;
font-weight: 400;
text-align: left;
margin: 0 0 24px;
font-size: 24px;
color: #000000;
display: block;
}
h2 {
font-family: "roboto_ltregular";
font-weight: 400;
font-size: 18px;
margin-bottom: 10px;
}
h3 {
font-family: "roboto_ltregular";
font-weight: 400;
font-size: 16px;
}
b,
strong {
font-family: 'robotobold';
font-weight: 400;
}
* {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.menu-item-catalog {
display:none;
}
#topHeader {
position: relative;
min-width: 320px;
height: 30px;
z-index: 35;
}
.clearfix:before,
.clearfix:after {
content: '';
display: table;
}
.clearfix:after {
clear: both;
}
.loading #topHeader,
.loading #topHeader2,
.loading #topHeader3,
.loading #topHeader4,
.loading #topHeader5,
.loading #topHeader6,
.loading #topHeader7,
.loading #topHeader8,
.loading #topHeader9 {
overflow: hidden;
}
.loading #topMenu {
opacity: 0;
}
.bold {
font-family: 'robotobold';
}
/* auth register city block */
#topService {
float: right;
padding: 0;
margin: 0;
}
#topService div[id^=bx_incl_area_] {
float: left;
}
#topService li {
line-height: 30px;
list-style: none;
padding: 0 12px;
float: left;
margin: 0;
}
#topService .null {
display: inline-block;
line-height: 0px;
padding: 0px;
height: 0px;
width: 0px;
}
#topService li:not(.null) a {
font: normal normal 13px "roboto_ltregular", arial, sans-serif;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
vertical-align: middle;
text-decoration: none;
display: inline-block;
}
#topService li:not(.null) a:active {
position: relative;
top: 1px;
}
#topService li:not(.null) a:focus {
transition: all 0.7s;
}
/* Sub Header */
#subHeader {
min-width: 320px;
height: 102px;
z-index: 3;
}
.loading #subHeader,
.loading #subHeader2,
.loading #subHeader3,
.loading #subHeader4,
.loading #subHeader5,
.loading #subHeader6,
.loading #subHeader7,
.loading #subHeader8,
.loading #subHeader9,
.loading #subHeaderV2 {
overflow: hidden;
}
#subHeaderV2 {
background-color: #ffffff;
}
#subHeaderV2 .subHeaderContainer {
border-collapse: collapse;
table-layout: fixed;
display: table;
width: 100%;
}
#subHeaderV2 .subHeaderLeft,
#subHeaderV2 .subHeaderCenter,
#subHeaderV2 .subHeaderRight {
vertical-align: middle;
display: table-cell;
}
#subHeaderV2 .subHeaderLeft {
width: 680px;
}
#subHeaderV2 .subHeaderCenter {
text-align: center;
}
#subHeaderV2 .subHeaderRight {
text-align: right;
}
#logo {
line-height: 102px;
text-align: center;
position: relative;
max-height: 102px;
overflow: hidden;
z-index: 66;
width: 229px;
float: left;
}
#logo a {
display: block;
}
#logo a:active {
position: relative;
top: 1px;
}
#logo img {
vertical-align: middle;
max-height: 102px;
max-width: 100%;
}
#topHeading {
padding: 0 18px;
width: 162px;
float: left;
}
#topHeading .vertical {
line-height: 102px;
}
#topHeading p {
font: normal normal 16px "roboto_ltregular", arial, sans-serif;
vertical-align: middle;
display: inline-block;
line-height: 21px;
text-align: center;
margin: 0px;
}
#headerTools {
float: right;
height: 96px;
}
#headerTools .tools {
list-style: none;
padding: 0;
margin: 0;
}
#headerTools .tools .icon {
float: left;
}
#headerTools .tools .heading {
text-decoration: none;
font-size: 18px;
display: block;
}
#headerTools .tools .link {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
font-size: 13px;
}
#headerTools .tools .link:active {
position: relative;
top: 1px;
}
#headerTools .tools li {
line-height: 102px;
list-style: none;
padding: 0 18px;
float: left;
margin: 0;
}
#headerTools .tools div[id*="bx_"] {
float: left;
}
#headerTools .wrap {
vertical-align: middle;
display: inline-block;
line-height: 21px;
}
#headerTools .icon {
margin: 0 4px;
height: 40px;
}
#headerTools .nf {
float: left;
margin-left: 12px;
}
#headerTools .text {
font-size: 13px;
}
#headerTools .icon:active {
position: relative;
top: 1px;
}
#headerTools .telephone .icon {
width: 35px;
}
#headerTools .search .wrap {
padding: 0 8px;
}
#headerTools .search .icon {
width: 35px;
margin: 0;
}
#headerTools .wishlist .icon {
width: 36px;
}
#headerTools .compare .icon {
width: 35px;
}
#headerTools .cart .icon {
width: 44px;
}
#headerTools .cart ins {
display: inline-block;
text-decoration: none;
border-radius: 3px;
text-align: center;
margin-left: 4px;
padding: 0px 6px;
font-size: 13px;
}
#changeYouCity {
position: relative;
min-width: 320px;
padding: 18px 0;
display: none;
}
#changeYouCity .limiter {
position: relative;
}
#changeYouCity .heading {
font-size: 21px;
display: block;
}
#changeYouCity .list {
text-align: center;
overflow: hidden;
}
#changeYouCity .list li {
margin-top: 12px;
text-align: left;
float: left;
width: 25%;
}
#changeYouCity .list li a {
text-decoration: none;
font-size: 14px;
}
#changeYouCity .list li a:hover {
text-decoration: underline;
}
#changeYouCity #cityClose {
text-decoration: none;
position: absolute;
padding: 4px 12px;
font-size: 14px;
display: block;
right: 24px;
top: 0;
}
#changeYouCity #cityClose ins {
display: inline-block;
margin-right: 6px;
height: 10px;
width: 10px;
}
#topMenu .bar > a {
background: url(/local/templates/dresscode_lk/images/menuMore.png) 0 50% no-repeat transparent;
}
#topHeader.color_default #topMenu .bar > a {
background-image: url(/local/templates/dresscode_lk/images/menuMore2.png)
}
#topHeader.color_default #topMenu .sub {
background-color: #fbfbfb;
}
#topHeader.color_default #topMenu .sub li:hover {
background: #f9f9f9;
}
#topHeader.color_default #topMenu .sub li {
border-top: 1px solid #f3f3f3;
border-bottom: 0px;
}
#topMenu .bar > a:hover,
#topMenu .bar.active > a {
background: url(/local/templates/dresscode_lk/images/menuMore.png) -21px 50% no-repeat transparent;
}
#main {
margin-top: 24px;
min-width: 320px;
}
#main .compliter {
border-collapse: collapse;
table-layout: fixed;
display: table;
width: 100%;
}
#left {
display: table-cell;
vertical-align: top;
width: 355px;
}
#left .heading {
font-family: "roboto_ltregular";
text-decoration: none;
padding-left: 24px;
line-height: 65px;
font-weight: 400;
font-size: 18px;
display: block;
height: 65px;
}
#left .heading .arrow {
background-position: -27px 50%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#left .heading.opened .arrow {
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#left .menuRolled + .collapsed {
display: none;
}
#left .heading ins {
vertical-align: middle;
display: inline-block;
margin-right: 24px;
line-height: 65px;
height: 65px;
float: right;
width: 27px;
}
#left .sideBlock .heading {
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
line-height: 60px;
font-size: 16px;
height: 60px;
}
#left .sideBlock a.heading:hover {
opacity: 0.95;
}
#left #subscribe .copy {
text-align: center;
margin: 12px auto;
line-height: 24px;
font-size: 12px;
display: block;
width: 90%;
}
#left .banner {
text-align: center;
margin-top: 24px;
}
#left .banner img {
max-height: 100%;
vertical-align: middle;
max-width: 100%;
}
#right {
display: table-cell;
vertical-align: top;
padding-left: 18px;
}
#brandSearch {
border-collapse: collapse;
table-layout: fixed;
border-spacing: 0px;
width: 100%;
display: none;
}
#brandSearch td {
line-height: 50px;
height: 50px;
}
#brandSearch .label {
width: 140px;
}
#brandSearch .label span {
display: block;
text-align: center;
}
#brandSearch .all {
width: 60px;
}
#brandSearch .all a {
text-align: center;
display: block;
}
#brandSearch a {
text-decoration: none;
text-align: center;
display: block;
}
#slider {
position: relative;
overflow: hidden;
}
#slider ul {
position: relative;
list-style: none;
padding: 0;
margin: 0;
}
#slider ul li {
position: relative;
float: left;
}
#slider ul li span {
background-position: center center;
background-size: cover;
-moz-background-size: cover;
display: block;
height: 557px;
}
#slider ul li img {
width: auto;
display: inline-block;
margin-left: -120px;
}
#slider ol {
position: absolute;
list-style: none;
margin: 0px;
padding: 0px;
left: 50%;
bottom: 12px;
}
#slider ol li {
margin-right: 4px;
cursor: pointer;
height: 18px;
width: 18px;
float: left;
}
#main.color_black #slider .sliderContent {
color: #ffffff;
}
#main.color_white #left #leftMenu {
border-right: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
border-top: 1px solid #eeeeee;
}
#main.color_white #left #subLeftMenu {
border-bottom: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
}
#main.color_white #leftMenu {
background-color: #ffffff !important;
}
#main.color_white #leftMenu > li {
background-color: #ffffff !important;
}
#main.color_white #leftMenu li .menuLink {
color: #000000 !important;
}
#main.color_white #leftMenu > li:hover, #leftMenu .activeDrop {
color: #f6f6f6 !important;
}
#main.color_white #subLeftMenu {
border-top: 1px solid #eeeeee !important;
background-color: #ffffff !important;
}
#main.color_white #subLeftMenu a {
color: #000000 !important;
}
#popCats {
margin-top: 24px;
}
#popCats .sideBlockContent {
padding: 12px;
border-top: 0;
}
#popCats ul {
list-style: none;
padding: 0;
margin: 0;
}
#popCats li {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px;
}
#popCats li span,
#popCats li a {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
text-decoration: none;
padding: 4px 12px;
line-height: 21px;
display: block;
}
#collectionList {
margin-top: 24px;
position: relative;
overflow: hidden;
}
#collectionCarousel {
position: relative;
overflow: hidden;
margin: 0 -12px;
}
#collectionCarousel > ul {
list-style: none;
padding: 0;
margin: 0;
}
#collectionCarousel > ul li {
width: 33.3131313%;
float: left;
}
#collectionList .collection {
position: relative;
padding: 0 12px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#collectionList .collection .wrap {
border-bottom: none;
overflow: hidden;
padding: 12px;
}
#collectionList .collection .heading {
text-decoration: none;
margin-bottom: 12px;
line-height: 24px;
font-weight: 700;
font-size: 18px;
height: auto;
padding: 0;
}
#collectionList .collectionDesc {
line-height: 18px;
font-size: 12px;
}
#collectionList .goTo {
vertical-align: middle;
text-decoration: none;
text-align: center;
line-height: 50px;
font-size: 14px;
display: block;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
#collectionList .pic {
display: block;
margin-bottom: 18px;
text-align: center;
line-height: 420px;
height: 420px;
}
#collectionList .pic img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
#promoBlock,
#promoBlock > div[id*="bx_"] {
width: 100%;
display: table;
overflow: hidden;
table-layout: fixed;
border-collapse: collapse;
}
#sliderBlock, #bannersBlock,
#specialBlock {
display: table-cell;
vertical-align: top;
}
#bannersBlock,
#specialBlock {
padding-left: 12px;
position: relative;
overflow: hidden;
width: 356px;
}
#specialBlock {
padding-left: 24px;
width: 344px;
}
#left #specialBlock {
margin-bottom: 24px;
padding-left: 0px;
display: block;
width: 100%;
}
#bannersBlock ul {
list-style: none;
padding: 0;
margin: 0;
}
#bannersBlock ul li {
float: left;
}
#bannersBlock ul a {
display: block;
line-height: 0;
}
#bannersBlock ul li:first-child {
margin-bottom: 12px;
float: none;
}
#bannersBlock ul li:first-child + li {
padding-right: 12px;
}
#right .heading {
margin-bottom: 24px;
padding-left: 24px;
line-height: 60px;
font-size: 18px;
display: block;
height: 60px;
}
#footer {
/*margin-bottom: 55px;*/
padding-top: 24px;
overflow: hidden;
}
#footer.variant_2 #leftFooter,
#footer.variant_4 #leftFooter {
color: #ffffff;
}
#footer.variant_5 #leftFooter,
#footer.variant_5 #rightFooter,
#footer.variant_5 #footerBottom,
#footer.variant_6 #rightFooter,
#footer.variant_6 #footerBottom,
#footer.variant_7 #leftFooter,
#footer.variant_7 #footerBottom,
#footer.variant_8 #leftFooter,
#footer.variant_8 #footerBottom {
background-color: #ffffff;
}
#footer.variant_6 #leftFooter,
#footer.variant_7 #rightFooter {
background-color: #f3f3f3;
}
#footer.variant_5 #footerBottom,
#footer.variant_6 #footerBottom,
#footer.variant_8 #footerBottom {
border-top: 1px solid #f1f1f1;
}
#footer.variant_7 #footerBottom {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#footer.variant_8 #footerBottom {
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
#footer.variant_2 #leftFooter a,
#footer.variant_4 #leftFooter a {
color: #ffffff;
}
#footer.variant_5 #leftFooter a,
#footer.variant_6 #leftFooter a,
#footer.variant_7 #leftFooter a,
#footer.variant_8 #leftFooter a {
color: #000000;
}
#footer.variant_2 #leftFooter a:hover,
#footer.variant_4 #leftFooter a:hover {
opacity: 0.8;
}
#footer.variant_2 #leftFooter .selected,
#footer.variant_4 #leftFooter .selected {
opacity: 0.7;
}
#footer.variant_2 #leftFooter .heading,
#footer.variant_4 #leftFooter .heading {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#footer.variant_5 #leftFooter .heading,
#footer.variant_6 #leftFooter .heading,
#footer.variant_7 #leftFooter .heading,
#footer.variant_8 #leftFooter .heading {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#footer.variant_2 #leftFooter ul li,
#footer.variant_4 #leftFooter ul li {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
#footer.variant_5 #leftFooter ul li,
#footer.variant_6 #leftFooter ul li,
#footer.variant_7 #leftFooter ul li,
#footer.variant_8 #leftFooter ul li {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#footer.variant_2 #leftFooter ul li:first-child,
#footer.variant_4 #leftFooter ul li:first-child,
#footer.variant_5 #leftFooter ul li:first-child,
#footer.variant_6 #leftFooter ul li:first-child,
#footer.variant_7 #leftFooter ul li:first-child,
#footer.variant_8 #leftFooter ul li:first-child {
border-top: 0px;
}
#footer.variant_3 #rightFooter,
#footer.variant_3 #rightFooter p,
#footer.variant_3 #rightFooter .list li,
#footer.variant_3 #rightFooter .telephone,
#footer.variant_3 #rightFooter .showMap,
#footer.variant_4 #rightFooter,
#footer.variant_4 #rightFooter p,
#footer.variant_4 #rightFooter .list li,
#footer.variant_4 #rightFooter .telephone,
#footer.variant_4 #rightFooter .showMap,
#footer.variant_8 #rightFooter,
#footer.variant_8 #rightFooter p,
#footer.variant_8 #rightFooter .list li,
#footer.variant_8 #rightFooter .telephone,
#footer.variant_8 #rightFooter .showMap {
color: #ffffff;
}
#footer.variant_8 #rightFooter .showMap:hover {
opacity: 0.7;
}
#footer.variant_5 #rightFooter,
#footer.variant_5 #rightFooter p,
#footer.variant_5 #rightFooter .list li,
#footer.variant_5 #rightFooter .email,
#footer.variant_6 #rightFooter,
#footer.variant_6 #rightFooter p,
#footer.variant_6 #rightFooter .list li,
#footer.variant_6 #rightFooter .email,
#footer.variant_7 #rightFooter,
#footer.variant_7 #rightFooter p,
#footer.variant_7 #rightFooter .list li,
#footer.variant_7 #rightFooter .email {
color: #000000;
}
#footer.variant_5 #rightFooter .email a,
#footer.variant_6 #rightFooter .email a,
#footer.variant_7 #rightFooter .email a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#footer.variant_3 #rightFooter .showMap:hover,
#footer.variant_4 #rightFooter .showMap:hover {
opacity: 0.8;
}
#footer.variant_3 #rightFooter .telephone,
#footer.variant_4 #rightFooter .telephone {
font-family: "robotomedium";
margin-top: 12px;
}
#footer.variant_3 #rightFooter .hr,
#footer.variant_4 #rightFooter .hr,
#footer.variant_8 #rightFooter .hr {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
#footer.variant_5 #rightFooter .hr,
#footer.variant_6 #rightFooter .hr,
#footer.variant_7 #rightFooter .hr {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#footer.variant_4 #footerBottom {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
#footer.variant_4 #footerBottom .sn .vk {
background: url(/local/templates/dresscode_lk/images/snC.png) 0 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .fb {
background: url(/local/templates/dresscode_lk/images/snC.png) -60px 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .od {
background: url(/local/templates/dresscode_lk/images/snC.png) -120px 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .tw {
background: url(/local/templates/dresscode_lk/images/snC.png) -180px 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .go {
background: url(/local/templates/dresscode_lk/images/snC.png) -240px 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .yo {
background: url(/local/templates/dresscode_lk/images/snC.png) -300px 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .vk:hover {
background-position: 0 -60px;
}
#footer.variant_4 #footerBottom .sn .fb:hover {
background-position: -60px -60px;
}
#footer.variant_4 #footerBottom .sn .od:hover {
background-position: -120px -60px;
}
#footer.variant_4 #footerBottom .sn .tw:hover {
background-position: -180px -60px;
}
#footer.variant_4 #footerBottom .sn .go:hover {
background-position: -240px -60px;
}
#footer.variant_4 #footerBottom .sn .yo:hover {
background-position: -300px -60px;
}
#footer.variant_5 #footerBottom .sn .vk,
#footer.variant_6 #footerBottom .sn .vk,
#footer.variant_7 #footerBottom .sn .vk,
#footer.variant_8 #footerBottom .sn .vk {
background: url(/local/templates/dresscode_lk/images/snW.png) 0 0 no-repeat transparent;
}
#footer.variant_5 #footerBottom .sn .fb,
#footer.variant_6 #footerBottom .sn .fb,
#footer.variant_7 #footerBottom .sn .fb,
#footer.variant_8 #footerBottom .sn .fb {
background: url(/local/templates/dresscode_lk/images/snW.png) -60px 0 no-repeat transparent;
}
#footer.variant_5 #footerBottom .sn .od,
#footer.variant_6 #footerBottom .sn .od,
#footer.variant_7 #footerBottom .sn .od,
#footer.variant_8 #footerBottom .sn .od {
background: url(/local/templates/dresscode_lk/images/snW.png) -120px 0 no-repeat transparent;
}
#footer.variant_5 #footerBottom .sn .tw,
#footer.variant_6 #footerBottom .sn .tw,
#footer.variant_7 #footerBottom .sn .tw,
#footer.variant_7 #footerBottom .sn .tw {
background: url(/local/templates/dresscode_lk/images/snW.png) -180px 0 no-repeat transparent;
}
#footer.variant_5 #footerBottom .sn .go,
#footer.variant_6 #footerBottom .sn .go,
#footer.variant_7 #footerBottom .sn .go,
#footer.variant_8 #footerBottom .sn .go {
background: url(/local/templates/dresscode_lk/images/snW.png) -240px 0 no-repeat transparent;
}
#footer.variant_5 #footerBottom .sn .yo,
#footer.variant_6 #footerBottom .sn .yo,
#footer.variant_7 #footerBottom .sn .yo,
#footer.variant_8 #footerBottom .sn .yo {
background: url(/local/templates/dresscode_lk/images/snW.png) -300px 0 no-repeat transparent;
}
#footer.variant_5 #footerBottom .sn .vk:hover,
#footer.variant_6 #footerBottom .sn .vk:hover,
#footer.variant_7 #footerBottom .sn .vk:hover,
#footer.variant_8 #footerBottom .sn .vk:hover {
background-position: 0 -60px;
}
#footer.variant_5 #footerBottom .sn .fb:hover,
#footer.variant_6 #footerBottom .sn .fb:hover,
#footer.variant_7 #footerBottom .sn .fb:hover,
#footer.variant_8 #footerBottom .sn .fb:hover {
background-position: -60px -60px;
}
#footer.variant_5 #footerBottom .sn .od:hover,
#footer.variant_6 #footerBottom .sn .od:hover,
#footer.variant_7 #footerBottom .sn .od:hover,
#footer.variant_8 #footerBottom .sn .od:hover {
background-position: -120px -60px;
}
#footer.variant_5 #footerBottom .sn .tw:hover,
#footer.variant_6 #footerBottom .sn .tw:hover,
#footer.variant_7 #footerBottom .sn .tw:hover,
#footer.variant_8 #footerBottom .sn .tw:hover {
background-position: -180px -60px;
}
#footer.variant_5 #footerBottom .sn .go:hover,
#footer.variant_6 #footerBottom .sn .go:hover,
#footer.variant_7 #footerBottom .sn .go:hover,
#footer.variant_8 #footerBottom .sn .go:hover {
background-position: -240px -60px;
}
#footer.variant_5 #footerBottom .sn .yo:hover,
#footer.variant_6 #footerBottom .sn .yo:hover,
#footer.variant_7 #footerBottom .sn .yo:hover,
#footer.variant_8 #footerBottom .sn .yo:hover {
background-position: -300px -60px;
}
#footer.variant_4 .sn li:first-child {
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
#footer.variant_5 .sn li:first-child,
#footer.variant_6 .sn li:first-child,
#footer.variant_7 .sn li:first-child,
#footer.variant_8 .sn li:first-child {
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
#footer.variant_4 .sn li {
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
#footer.variant_5 .sn li,
#footer.variant_6 .sn li,
#footer.variant_7 .sn li,
#footer.variant_8 .sn li {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
#catalogLine {
margin-bottom: 24px;
border-radius: 4px;
line-height: 55px;
padding: 0 0 0 12px;
height: 55px;
}
#catalogLine .column {
display: inline-block;
margin-left: 12px;
}
#catalogLine .column:first-child {
margin-left: 0;
}
#catalogLine .column:last-child {
float: right;
}
#catalogLine .label {
display: inline-block;
margin-right: 12px;
}
#catalogLine select {
border-radius: 4px;
padding: 0 12px;
height: 30px;
}
#catalogLine .viewList {
vertical-align: middle;
display: inline-block;
overflow: hidden;
}
#catalogLine .viewList .element {
margin-left: 12px;
float: left;
}
#catalogLine .viewList .element:first-child {
margin-left: 0px;
}
#catalogLine .viewList .element a {
vertical-align: middle;
display: inline-block;
height: 55px;
width: 30px;
}
#catalogLine .viewList .element .squares {
background-position: 0 0;
}
#catalogLine .viewList .element .squares:hover {
background-position: -30px 0;
}
#catalogLine .viewList .element .squares.selected {
background-position: -60px 0;
}
#catalogLine .viewList .element .line {
background-position: 0 -55px;
}
#catalogLine .viewList .element .line:hover {
background-position: -30px -55px;
}
#catalogLine .viewList .element .line.selected {
background-position: -60px -55px;
}
#catalogLine .viewList .element .table {
background-position: 0 -110px;
}
#catalogLine .viewList .element .table:hover {
background-position: -30px -110px;
}
#catalogLine .viewList .element .table.selected {
background-position: -60px -110px;
}
#catalogLine .viewList .element .squares:active,
#catalogLine .viewList .element .table:active,
#catalogLine .viewList .element .line:active {
position: relative;
top: 1px;
}
.catalogLineSpecialTime {
margin-bottom: 12px;
color: #666d83;
font-size: 0;
line-height: 0;
}
.catalogLineSpecialTime .specialTimeItem {
display: inline-block;
box-sizing: border-box;
border-radius: 2px;
text-align: center;
overflow: hidden;
margin-left: 2px;
padding: 8px 0px;
line-height: 14px;
height: 42px;
width: 48px;
background: #e0e0e0;
}
.catalogLineSpecialTime .specialTimeItem:first-child {
margin-left: 0px;
}
.catalogLineSpecialTime .specialTimeItemValue {
font-family: 'robotomedium';
font-size: 14px;
}
.catalogLineSpecialTime .specialTimeItemlabel {
font-family: "roboto_ltregular";
font-size: 12px;
}
#rowFooter {
display: table;
width: 100%;
table-layout: fixed;
}
#leftFooter {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 24px 0 24px 24px;
display: table-cell;
vertical-align: top;
width: 60%;
}
#leftFooter .footerRow {
overflow: hidden;
list-style: none;
}
#leftFooter .column {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 48px;
width: 33.33%;
float: left;
}
#leftFooter .heading {
padding-bottom: 12px;
margin-bottom: 6px;
font-size: 20px;
display: block;
}
#leftFooter ul {
list-style: none;
padding: 0;
margin: 0;
}
#leftFooter ul li:first-child {
border: 0;
}
#leftFooter a {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
text-decoration: none;
font-size: 13px;
padding: 6px 0;
display: block;
}
#rightFooter {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 24px 0 24px 24px;
vertical-align: top;
display: table-cell;
width: 40%;
}
#rightFooter .rightTable {
border-collapse: collapse;
table-layout: fixed;
width: 100%;
}
#rightFooter .rightTable td {
vertical-align: top;
}
#rightFooter .rightColumn {
text-align: center;
padding: 0 24px;
}
#rightFooter .rightColumn .wrap {
display: inline-block;
text-align: left;
}
#rightFooter .list {
list-style: none;
padding: 0;
margin: 12px 0;
}
#rightFooter .list li {
margin-bottom: 8px;
line-height: 21px;
list-style: none;
font-size: 14px;
display: block;
}
#rightFooter .email a {
text-decoration: none;
}
#rightFooter p {
font-size: 14px;
display: block;
}
#rightFooter .hr {
padding-top: 12px;
}
#rightFooter .telephone {
margin-bottom: 24px;
font-size: 22px;
display: block;
}
#rightFooter .email {
display: block;
font-size: 18px;
}
#rightFooter .showMap {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: underline;
margin-top: 12px;
display: block;
}
#rightFooter .showMap:active {
position: relative;
top: 1px;
}
#rightFooter .logo img {
vertical-align: middle;
max-height: 100%;
max-width: 100%;
}
#rightFooter .logo a:active {
position: relative;
top: 1px;
}
#footerBottom {
line-height: 60px;
overflow: hidden;
height: 60px;
clear: both;
}
#footerBottom .creator {
padding-left: 24px;
float: left;
}
#footerBottom .creator a {
display: block;
line-height: 60px;
}
#footerBottom .creator a:active {
position: relative;
top: 1px;
}
#footerBottom .creator img {
vertical-align: middle;
}
#footerBottom .social {
padding-right: 24px;
float: right;
}
#footerBottom ul {
list-style: none;
padding: 0;
margin: 0;
}
#appBasket {
-webkit-transition: 0.1s all ease-in-out;
-o-transition: 0.1s all ease-in-out;
transition: 0.1s all ease-in-out;
background: rgba(0, 0, 0, 0.4);
position: fixed;
height: 100%;
width: 100%;
z-index: 1001;
left: 0px;
top: 0px;
display: none;
}
#appBasketContainer {
margin-left: -350px;
margin-top: -200px;
position: absolute;
height: 400px;
width: 700px;
left: 50%;
top: 50%;
}
#appBasket .heading {
position: relative;
text-align: center;
line-height: 60px;
font-size: 18px;
}
#appBasket .close {
position: absolute;
display: block;
height: 21px;
width: 21px;
right: 20px;
top: 20px;
}
#appBasket .container {
position: relative;
overflow: hidden;
}
#appBasket .markerContainer {
position: absolute;
top: 8px;
left: 8px;
}
#appBasket .rating {
position: absolute;
right: 12px;
top: 12px;
z-index: 2;
width: 79px;
}
#appBasket .rating i {
background: url(/local/templates/dresscode_lk/images/rating.png) repeat 0 0px transparent;
height: 15px;
width: 79px;
position: absolute;
display: block;
left: 0px;
top: 0px;
}
#appBasket .rating i.m {
background: url(/local/templates/dresscode_lk/images/rating.png) repeat 0 -14px transparent;
width: 0px;
z-index: 10;
}
#appBasket .markerContainer .marker {
font: normal normal 12px "roboto_ltregular", arial, sans-serif;
margin-bottom: 8px;
line-height: 16px;
padding: 3px 4px;
z-index: 2;
}
#appBasket .picture {
position: relative;
line-height: 280px;
text-align: center;
height: 280px;
width: 300px;
float: left;
}
#appBasket .picture:active {
position: relative;
top: 1px;
}
#appBasket .picture img {
vertical-align: middle;
max-height: 90%;
max-width: 90%;
}
#appBasket .information {
line-height: 280px;
}
#appBasket .information .wrapper {
vertical-align: middle;
display: inline-block;
line-height: 21px;
}
#appBasket .name {
-webkit-transition: 0.1s all ease-in-out;
-o-transition: 0.1s all ease-in-out;
transition: 0.1s all ease-in-out;
max-width: 300px;
margin-bottom: 18px;
text-decoration: none;
font-size: 14px;
display: block;
}
#appBasket .price {
font-family: 'robotobold';
margin-bottom: 18px;
font-size: 18px;
display: block;
}
#appBasket .price .discount {
font-family: 'roboto_ltregular';
padding-left: 8px;
font-size: 14px;
}
#appBasket .qtyBlock {
margin-bottom: 18px;
overflow: hidden;
}
#appBasket .qtyBlock .label {
padding-right: 4px;
}
#appBasket .plus,
#appBasket .minus {
vertical-align: middle;
display: inline-block;
height: 19px;
width: 19px;
}
#appBasket .qty {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
display: inline-block;
text-align: center;
font-size: 12px;
margin: 0 2px;
height: 19px;
width: 40px;
padding: 0 2px;
border: 0;
}
#appBasket .qty.error {
border: 1px solid #ff0000;
}
#appBasket .sum {
font-family: 'robotobold';
line-height: 50px;
padding: 0 24px;
font-size: 18px;
height: 50px;
}
#appBasket .sum .discount {
font-family: 'roboto_ltregular';
padding-left: 8px;
font-size: 14px;
}
#appBasket .lower {
line-height: 60px;
overflow: hidden;
height: 60px;
}
#appBasket .lower .tools {
border-collapse: collapse;
table-layout: fixed;
border-spacing: 0px;
width: 100%;
}
#appBasket .lower tbody {
vertical-align: top;
}
#appBasket .lower .tools td {
padding: 0;
}
#appBasket .lower .tools .icon {
-webkit-transition: 0.1s all ease-in-out;
-o-transition: 0.1s all ease-in-out;
transition: 0.1s all ease-in-out;
vertical-align: top;
text-align: center;
line-height: 60px;
height: 60px;
width: 70px;
}
#appBasket .lower .tools .av:hover {
background: unset;
}
#appBasket .lower .tools .icon a {
text-decoration: none;
color: transparent;
display: block;
}
#appBasket .lower .tools .icon .ico {
vertical-align: middle;
display: inline-block;
height: 16px;
width: 17px;
}
#appBasket .lower .tools .addCompare .ico {
background: url(/local/templates/dresscode_lk/images/compare.png) 0 0 no-repeat transparent;
}
#appBasket .lower .tools .addCompare.added .ico {
background: url(/local/templates/dresscode_lk/images/compareActive.png) 0 0 no-repeat transparent;
}
#appBasket .lower .tools .addWishlist .ico {
background: url(/local/templates/dresscode_lk/images/wishlist.png) 0 0 no-repeat transparent;
}
#appBasket .lower .tools .addWishlist.added .ico {
background: url(/local/templates/dresscode_lk/images/wishlistActive.png) 0 0 no-repeat transparent;
}
#appBasket .lower .tools .inStock .ico {
background: url(/local/templates/dresscode_lk/images/inStock.png) 0 0 no-repeat transparent;
border-bottom: 0 !important;
}
#appBasket .lower .tools .outOfStock .ico {
background: url(/local/templates/dresscode_lk/images/outOfStock.png) 0 0 no-repeat transparent;
}
#appBasket .lower .tools .onOrder .ico {
background: url(/local/templates/dresscode_lk/images/onOrder.png) 0 0 no-repeat transparent;
}
#appBasket .lower .tools .delete .ico {
background: url(/local/templates/dresscode_lk/images/delete.png) 0 0 no-repeat transparent;
}
#appBasket .lower .tools .continue {
text-align: center;
width: 50%;
}
#appBasket .lower .tools .continue,
#appBasket .lower .tools .goToBasket {
-webkit-transition: 0.1s all ease-in-out;
-o-transition: 0.1s all ease-in-out;
transition: 0.1s all ease-in-out;
}
#appBasket .lower .tools .continue a,
#appBasket .lower .tools .goToBasket a {
line-height: 60px;
text-decoration: none;
font-size: 14px;
display: block;
}
#appBasket .lower .tools .continue .text,
#appBasket .lower .tools .goToBasket .text {
margin-top: 2px;
display: inline-block;
}
#appBasket .lower .tools .goToBasket img {
margin-top: -3px;
}
#appBasket .lower .tools .continue img,
#appBasket .lower .tools .goToBasket img {
vertical-align: middle;
padding-right: 12px;
}
#appBasket .lower .tools .goToBasket {
text-align: center;
width: 50%;
}
#appFastBuy {
-webkit-transition: 0.1s all ease-in-out;
-o-transition: 0.1s all ease-in-out;
transition: 0.1s all ease-in-out;
background: rgba(0, 0, 0, 0.4);
position: fixed;
height: 100%;
width: 100%;
z-index: 1001;
left: 0px;
top: 0px;
display: none;
}
#appFastBuyContainer {
box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);
background-color: #ffffff;
margin-left: -350px;
margin-top: -215px;
position: absolute;
overflow: hidden;
height: 430px;
width: 700px;
left: 50%;
top: 50%;
}
#appFastBuyContainer .column {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 24px;
/*padding: 0 24px;*/
width: 380px;
float: left;
}
#appFastBuyContainer .column:first-child {
text-align: center;
width: 320px;
}
#appFastBuyContainer .heading {
position: relative;
text-align: center;
line-height: 60px;
font-size: 18px;
height: 60px;
}
#appFastBuyContainer .title {
margin-bottom: 12px;
text-align: center;
margin-right: 24px;
font-size: 16px;
display: block;
}
#appFastBuyContainer .formLine {
margin-bottom: 12px;
}
#appFastBuyContainer input {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: "roboto_ltregular";
padding-left: 12px;
width: 354px;
height: 50px;
border: 0;
}
#appFastBuyContainer input[type="checkbox"] {
vertical-align: middle;
display: inline-block;
margin-right: 6px;
margin-top: 0px;
height: 14px;
width: 14px;
}
#appFastBuyContainer input[type="checkbox"].error + label {
border-bottom: 1px solid #ff0000 !important;
}
#appFastBuyContainer textarea {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: "roboto_ltregular";
padding-left: 12px;
padding-top: 12px;
resize: none;
width: 354px;
height: 60px;
border: 0;
}
#appFastBuyContainer input:focus,
#appFastBuyContainer textarea:focus {
outline: none;
}
#appFastBuyContainer #fastBuyFormSubmit {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
text-align: center;
line-height: 50px;
font-size: 14px;
display: block;
height: 50px;
width: 354px;
}
#appFastBuyContainer #fastBuyFormSubmit:active {
position: relative;
top: 1px;
}
#appFastBuyContainer #fastBuyFormSubmit.loading {
-webkit-transition: background 0s !important;
-o-transition: background 0s !important;
transition: background 0s !important;
text-indent: 12px;
opacity: 0.9;
}
#appFastBuyContainer #fastBuyFormSubmit.loading img {
display: none;
}
#appFastBuyContainer #fastBuyFormSubmit img {
vertical-align: middle;
padding-right: 4px;
margin-top: -2px;
}
#appFastBuyContainer .markerContainer {
position: absolute;
top: 0px;
left: 12px;
}
#appFastBuyContainer #fastBuyResult {
transform: translateY(50%);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 24px;
}
#fastBuyResult #fastBuyResultTitle {
text-align: center;
margin-top: 24px;
font-size: 16px;
}
#fastBuyResult #fastBuyResultMessage {
text-align: center;
margin-top: 24px;
}
#fastBuyResult #fastBuyResultClose {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
text-align: center;
line-height: 50px;
margin: 24px auto;
font-size: 14px;
display: block;
height: 50px;
width: 254px;
}
#fastBuyResult #fastBuyResultClose:active {
position: relative;
top: 1px;
}
#appFastBuyContainer .marker {
font: normal normal 12px "roboto_ltregular", arial, sans-serif;
margin-bottom: 8px;
padding: 3px 4px;
line-height: 16px;
z-index: 2;
}
#appFastBuyContainer .name {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
font-size: 14px;
display: block;
text-decoration: none;
margin-bottom: 12px;
height: 44px;
line-height: 44px;
overflow: hidden;
}
#appFastBuyContainer .middle {
line-height: 21px;
vertical-align: middle;
display: inline-block;
}
#appFastBuyContainer .price {
font-family: 'robotobold';
text-decoration: none;
margin-bottom: 12px;
font-size: 18px;
display: block;
}
#appFastBuyContainer .price .discount {
font-family: 'roboto_ltregular';
padding-left: 4px;
font-size: 14px;
}
#appFastBuyContainer #fastBuyName {
padding: 0 24px;
}
#appFastBuyContainer #fastBuyPicture {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
margin-bottom: 12px;
position: relative;
text-align: center;
line-height: 230px;
display: block;
height: 230px;
}
#appFastBuyContainer #fastBuyPicture .url {
text-align: center;
line-height: 230px;
display: block;
height: 230px;
}
#appFastBuyContainer #fastBuyPicture .picture {
vertical-align: middle;
max-height: 90%;
max-width: 90%;
}
#appFastBuy .close {
background: url(/local/templates/dresscode_lk/images/exit.png) 0 0 no-repeat transparent;
position: absolute;
display: block;
height: 21px;
width: 21px;
right: 20px;
top: 20px;
}
#appFastBuy .close:hover {
background-position: 0 -21px;
}
#appFastBuy .close:active {
background-position: 0 -42px;
}
#appFastView {
-webkit-transition: 0.1s all ease-in-out;
-o-transition: 0.1s all ease-in-out;
transition: 0.1s all ease-in-out;
background: rgba(0, 0, 0, 0.4);
position: fixed;
overflow: auto;
z-index: 1000;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
/*display: none;*/
}
#appFastView .appFastViewContainer {
box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
background-color: #ffffff;
margin-left: -500px;
margin-top: -275px;
position: absolute;
height: 550px;
width: 1000px;
left: 50%;
top: 50%;
}
#appFastView .appFastViewColumnContainer {
height: 490px;
}
#appFastView .appFastViewPictureColumn {
border-right: 1px solid #dddddd;
position: relative;
height: 490px;
width: 336px;
float: left;
}
#appFastView .appFastViewDescriptionColumn {
position: relative;
overflow: hidden;
height: 100%;
width: 410px;
float: left;
}
#appFastView .appFastViewDescriptionColumnContainer {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 24px;
padding-top: 24px;
overflow-x: hidden;
position: absolute;
overflow-y: scroll;
height: 100%;
width: 100%;
left: 24px;
}
#appFastView .appFastViewDescriptionColumn:after {
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
pointer-events: none;
position: absolute;
display: block;
height: 50px;
content: '';
width: 100%;
bottom: 0px;
}
#appFastView .appFastViewInformationColumn {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #f3f3f3;
position: relative;
padding: 6px 24px 0;
height: 100%;
width: 251px;
float: left;
}
#appFastView .markerContainer {
position: absolute;
color: #ffffff;
z-index: 88;
left: 12px;
top: 12px;
}
#appFastView .marker {
font: normal normal 12px "roboto_ltregular", arial, sans-serif;
margin-bottom: 8px;
line-height: 16px;
padding: 3px 4px;
z-index: 2;
}
#appFastView .appFastViewPictureSlider,
#appFastView .appFastViewPictureCarousel,
#appFastView .appFastViewPictureSliderItems,
#appFastView .appFastViewPictureCarouselItems {
-webkit-transition: left 0.2s ease-in-out;
-o-transition: left 0.2s ease-in-out;
transition: left 0.2s ease-in-out;
position: relative;
overflow: hidden;
}
#appFastView .appFastViewPictureSliderItems,
#appFastView .appFastViewPictureCarouselItems {
left: 0px;
}
#appFastView .appFastViewPictureCarouselItems {
padding-bottom: 12px;
}
#appFastView .appFastViewPictureCarousel {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 12px 12px 12px;
margin: 0 24px;
}
#appFastView .appFastViewPictureSliderItem,
#appFastView .appFastViewPictureCarouselItem {
text-align: center;
float: left;
}
#appFastView .appFastViewPictureSliderItem {
line-height: 380px;
height: 380px;
}
#appFastView .appFastViewPictureSliderItemLayout {
vertical-align: middle;
display: inline-block;
line-height: 0;
}
#appFastView .appFastViewPictureCarouselItem {
line-height: 60px;
height: 60px;
}
#appFastView .appFastViewPictureSliderItemPicture,
#appFastView .appFastViewPictureCarouselItemPicture {
vertical-align: middle;
max-height: 100%;
max-width: 100%;
}
#appFastView .appFastViewPictureCarouselLeftButton,
#appFastView .appFastViewPictureCarouselRightButton {
background: url(/local/templates/dresscode_lk/images/carouselArrowSmall.png) 0 0 no-repeat transparent;
position: absolute;
margin-top: -14px;
height: 16px;
opacity: 0.5;
z-index: 99;
width: 14px;
top: 50%;
}
#appFastView .appFastViewPictureCarouselLeftButton:hover,
#appFastView .appFastViewPictureCarouselRightButton:hover {
opacity: 0.8;
}
#appFastView .appFastViewPictureCarouselLeftButton:active,
#appFastView .appFastViewPictureCarouselRightButton:active {
opacity: 1;
}
#appFastView .appFastViewPictureCarouselLeftButton:active {
left: 1px;
}
#appFastView .appFastViewPictureCarouselRightButton:active {
right: 1px;
}
#appFastView .appFastViewPictureCarouselLeftButton {
left: 0px;
}
#appFastView .appFastViewPictureCarouselRightButton {
background-position: -14px 0;
right: 0px;
}
#appFastView .appFastViewPictureSliderItemLink,
#appFastView .appFastViewPictureCarouselItemLink {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#appFastView .appFastViewPictureSliderItemLink img {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#appFastView .appFastViewPictureSliderItemLink {
display: inline-block;
position: relative;
/*overflow: hidden;*/
line-height: 0;
height: auto;
}
#appFastView .appFastViewPictureCarouselItemLink {
position: relative;
display: block;
height: 60px;
opacity: 0.3;
}
#appFastView .appFastViewPictureSliderItemLink:hover img,
#appFastView .appFastViewPictureCarouselItemLink:hover {
opacity: 0.9;
}
#appFastView .appFastViewPictureCarouselItemLink.active {
pointer-events: none;
position: relative;
opacity: 1;
}
#appFastView .appFastViewPictureCarouselItemLink.active:hover {
opacity: 1;
}
#appFastView .appFastViewPictureSliderItemLink:active,
#appFastView .appFastViewPictureCarouselItemLink:active {
position: relative;
top: 1px;
}
#appFastView .appFastViewPictureCarouselItemLink.active:after {
background: rgba(0, 0, 0, 1);
transform: translateX(-50%);
position: absolute;
display: block;
bottom: -4px;
content: '';
height: 2px;
width: 20%;
left: 50%;
}
#appFastView .appFastViewPictureLoupe {
background-repeat: no-repeat;
border: 1px solid #000000;
border-radius: 50%;
position: absolute;
margin-left: -75px;
margin-top: -75px;
cursor: crosshair;
height: 150px;
width: 150px;
left: -9999px;
top: -9999px;
}
#appFastView .appFastViewHeading {
background-color: #424242;
position: relative;
text-align: center;
line-height: 60px;
font-size: 18px;
color: #ffffff;
}
#appFastView .appFastViewProductHeading {
line-height: 33px;
font-size: 21px;
}
#appFastView .appFastViewProductHeading a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
color: #000000;
}
#appFastView .appFastViewProductHeading a:hover {
color: #555555;
}
#appFastView .appFastViewProductHeading a:active {
position: relative;
top: 1px;
}
/*#appFastView .appFastViewProductHeading .appFastViewProductHeadingLinkLayout{
border-bottom: 1px solid #dddddd;
padding-bottom: 4px;
}
*/
#appFastView .appFastSkuProductPropertiesHeading,
#appFastView .appFastViewProductPropertiesHeading {
margin-top: 24px;
font-size: 16px;
}
#appFastView .appFastViewProductPropertiesHeading {
margin-bottom: 12px;
}
#appFastView .propertyTable {
table-layout: fixed;
display: table;
width: 100%;
}
#appFastView .propertyTable {
font-size: 13px;
}
#appFastView .propertyTable .propertyName,
#appFastView .propertyTable .propertyValue {
background-color: #ffffff;
vertical-align: middle;
display: table-cell;
position: relative;
overflow: hidden;
padding: 4px 0;
}
#appFastView .propertyTable .propertyValue {
padding-left: 12px;
width: 40%;
}
#appFastView .propertyTable .propertyName:after {
border-bottom: 1px dotted #cccccc;
position: absolute;
margin-left: 12px;
height: 13px;
content: '';
width: 100%;
}
#appFastView .propertyTable .propertyValue a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #555555;
}
#appFastView .propertyTable .propertyValue a:hover {
color: #000000;
}
#appFastView .appFastViewDescription {
display: none;
}
#appFastView .appFastViewDescription.visible {
display: block;
}
#appFastView .appFastViewDescriptionHeading {
margin-top: 24px;
font-size: 16px;
}
#appFastView .appFastViewDescriptionText {
line-height: 21px;
margin-top: 12px;
font-size: 13px;
}
#appFastView .skuPropertyList {
margin: 0px 0px 0px -6px;
overflow: hidden;
list-style: none;
padding: 0px;
}
#appFastView .skuProperty {
overflow: hidden;
margin: 12px 0;
}
#appFastView .skuProperty:last-child {
margin-bottom: 0px !important;
}
#appFastView .skuPropertyName {
padding-left: 2px;
font-size: 13px;
}
#appFastView .skuProperty li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 12px;
overflow: hidden;
padding: 0px 6px;
min-width: 18%;
float: left;
}
#appFastView .skuProperty .selected .skuPropertyLink {
pointer-events: none;
position: relative;
}
#appFastView .skuProperty .disabled {
display: none;
}
#appFastView .skuPropertyLink {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
text-align: center;
line-height: 28px;
padding: 4px 6px;
min-height: 28px;
display: block;
}
#appFastView .skuPropertyLink:hover {
opacity: 0.8;
}
#appFastView .skuPropertyList img {
vertical-align: middle;
max-height: 100%;
max-width: 100%;
}
#appFastView .skuProperty .selected .skuPropertyLink {
border: 1px solid #ff9601;
}
#appFastView .skuPropertyLink {
border: 1px solid #dddddd;
color: #000000;
}
#appFastView .oSkuDropDownProperty {
overflow: visible;
margin: 0px;
}
#appFastView .oSkuDropDownProperty .oSkuDropdownListItem {
box-sizing: content-box;
overflow: visible;
min-width: auto;
margin-top: 0px;
padding: 0px;
float: none;
}
#appFastView .oSkuDropdown {
background-color: #ffffff;
border: 1px solid #e7e8ea;
position: relative;
line-height: 13px;
font-size: 13px;
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
border-radius: 2px;
width: 88%;
margin-top: 4px;
}
#appFastView .oSkuCheckedItem {
background: url(/local/templates/dresscode_lk/images/selectArrow.png) 97% 50% no-repeat transparent;
padding: 12px 30px 12px 8px !important;
border-radius: 4px;
cursor: pointer;
display: block;
color: #000000;
}
#appFastView .oSkuCheckedItem:hover {
opacity: 0.8;
}
#appFastView .oSkuCheckedItem:active {
position: relative;
top: 1px;
}
#appFastView .oSkuDropdown label:before,
#appFastView .oSkuCheckboxList label:before {
display: none;
}
#appFastView .oSkuDropdownList {
background-color: #ffffff;
border: 1px solid #e7e8ea;
visibility: hidden;
position: absolute;
list-style: none;
margin: 0 -1px;
opacity: 0;
padding: 0;
z-index: 2;
top: 42px;
right: 0;
left: 0;
}
#appFastView .oSkuDropdownList.opened {
visibility: visible;
opacity: 1;
}
#appFastView .pics .oSkuDropdownList {
top: 52px;
}
#appFastView .oSkuDropdownList .skuPropertyValue {
border-top: 1px solid #e7e8ea;
position: relative;
display: block;
}
#appFastView .oSkuDropdownList .skuPropertyValue:first-child {
border-top: 0px;
}
#appFastView .oSkuDropdownList .selected {
box-shadow: 1px 1px 12px #f1f1f1 inset;
font-family: "robotomedium";
}
#appFastView .oSkuDropdownList .selected,
#appFastView .oSkuDropdownList .skuPropertyValue:hover {
background-color: #f9f9f9;
cursor: pointer;
color: #ffffff;
opacity: 0.8;
}
#appFastView .oSkuDropdownList .oSkuPropertyItemLink {
padding: 12px 8px !important;
text-decoration: none;
line-height: 18px;
text-align: left;
font-size: 13px;
min-height: 0px;
color: #000000;
display: block;
border: 0px;
}
#appFastView .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink {
border: 0px;
}
#appFastView .oSkuDropdownList .oSkuDropdownListItem.disabled {
display: none;
}
#appFastView .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink,
#appFastView .oSkuDropdownList .oSkuPropertyItemLink:active {
position: relative;
top: 1px;
}
#appFastView .oSkuDropdownList .skuPropertyValue.loading:after {
left: 24px;
}
#appFastView .appFastViewExit {
position: absolute;
display: block;
height: 21px;
width: 21px;
right: 20px;
top: 20px;
}
#appFastView .appFastViewMoreLink {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
margin-bottom: 24px;
position: relative;
margin-top: 24px;
color: #000000;
z-index: 0;
}
#appFastView .appFastViewMoreLink:hover {
color: #555555;
}
#appFastView .appFastViewMoreLink:active {
position: relative;
top: 1px;
}
#appFastView .addCart {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
margin-bottom: 16px;
border-radius: 4px;
line-height: 60px;
text-align: center;
margin-top: 12px;
font-size: 16px;
display: block;
color: #ffffff;
height: 60px;
}
#appFastView .catalogQtyBlock {
margin-bottom: 12px;
}
#appFastView .catalogQtyBlock .catalogQty {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
display: inline-block;
text-align: center;
font-size: 12px;
margin: 0 2px;
height: 19px;
width: 40px;
padding: 0 2px;
border: 0;
}
#appFastView .catalogQtyBlock .catalogQty {
background-color: #e7e8ea;
color: #000000;
}
#appFastView .catalogQtyBlock .catalogQty.error {
border: 1px solid #ff0000;
}
#appFastView .catalogQtyBlock .catalogPlus,
#appFastView .catalogQtyBlock .catalogMinus {
vertical-align: middle;
display: inline-block;
height: 19px;
width: 19px;
}
#appFastView .catalogQtyBlock .catalogPlus,
#appFastView .catalogQtyBlock .catalogMinus {
background: url(/local/templates/dresscode_lk/images/plusMinusCatalog.png) 0 0 no-repeat #424242;
}
#appFastView .catalogQtyBlock .catalogPlus {
background-position: 0 -19px;
}
#appFastView .catalogQtyBlock .catalogPlus:hover {
background-position: -19px -19px;
}
#appFastView .catalogQtyBlock .catalogPlus:active {
background-position: -38px -19px;
}
#appFastView .catalogQtyBlock .catalogMinus:hover {
background-position: -19px 0x;
}
#appFastView .catalogQtyBlock .catalogMinus:active {
background-position: -38px 0px;
}
#elementTools .secondTool .row:last-child,
#smallElementTools .secondTool .row:last-child {
margin-bottom: 0px;
}
#appFastView .price {
font-family: 'robotobold';
text-decoration: none;
position: relative;
line-height: 28px;
margin-top: 12px;
font-size: 21px;
display: block;
color: #000000;
}
#appFastView .getPriceWindow {
line-height: 33px;
}
#appFastView .priceValue {
border-bottom: 1px dashed #bbbbbb;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
padding-bottom: 8px;
color: #000000;
}
#appFastView .priceValue:hover {
color: #333333;
}
#appFastView .priceValue:active {
position: relative;
top: 1px;
}
#appFastView .article {
margin-top: 12px;
color: #888888;
}
#appFastView .article.hidden {
display: none;
}
#appFastView .discount {
font-family: 'roboto_ltregular';
padding-left: 4px;
font-size: 14px;
color: #888888;
}
#appFastView .price .oldPriceLabel {
font-family: 'roboto_ltregular';
text-decoration: none;
margin-top: 6px;
font-size: 14px;
display: block;
color: #888888;
}
#appFastView .price .discount,
#appFastView .price .discount {
font-family: 'roboto_ltregular';
padding-left: 4px;
font-size: 14px;
color: #888888;
}
#appFastView .icon {
vertical-align: middle;
display: inline-block;
}
#appFastView .addCart .icon {
padding-right: 12px;
margin-top: -4px;
}
#appFastView .rating {
display: inline-block;
vertical-align: middle;
margin-left: 6px;
margin-top: -4px;
position: relative;
overflow: hidden;
height: 15px;
width: 79px;
z-index: 2;
}
#appFastView .rating i {
background: url(/local/templates/dresscode_lk/images/rating2.png) repeat 0 0px transparent;
height: 15px;
width: 79px;
position: absolute;
display: block;
left: 0px;
top: 0px;
}
#appFastView i.m {
background: url(/local/templates/dresscode_lk/images/rating2.png) repeat 0 -14px transparent;
width: 0px;
z-index: 10;
}
#appFastView .icon {
vertical-align: middle;
display: inline-block;
}
#appFastView .appFastViewInformationColumn .row {
margin-bottom: 12px;
position: relative;
}
#appFastView .appFastViewInformationColumn .row img {
vertical-align: middle;
padding-right: 6px;
margin-top: -4px;
}
#appFastView .appFastViewInformationColumn .label {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-family: 'roboto_condensedlight';
text-decoration: none;
line-height: 21px;
font-size: 15px;
color: #717171;
}
#appFastView .appFastViewInformationColumn a.label:hover {
color: #000000;
}
#appFastView .appFastViewInformationColumn a.label:active {
position: relative;
top: 1px;
}
#appFastView .appFastViewInformationColumn .getStoresWindow.inStock span {
padding-bottom: 2px;
}
.fastSpecialTime {
margin-top: 12px;
color: #ffffff;
font-size: 0;
line-height: 0;
}
.fastSpecialTime .specialTimeItem {
display: inline-block;
box-sizing: border-box;
border-radius: 2px;
text-align: center;
overflow: hidden;
margin-left: 2px;
padding: 8px 0px;
line-height: 14px;
height: 42px;
width: 48px;
}
.fastSpecialTime .specialTimeItem:first-child {
margin-left: 0px;
}
.fastSpecialTime .specialTimeItemValue {
font-family: 'robotomedium';
font-size: 14px;
line-height: 14px;
}
.fastSpecialTime .specialTimeItemlabel {
font-family: "roboto_ltregular";
font-size: 12px;
}
#personalCart input[name="BuyButton"] {
margin-bottom: 24px;
margin-top: 24px;
display: block;
}
/*#appFastView .getPricesWindow .priceIcon{
margin-right: 0px;
margin-left: 6px;
}*/
#footerTabsCaption {
line-height: 85px;
margin-top: 24px;
height: 85px;
}
#footerTabsCaption .items {
text-align: center;
overflow: hidden;
}
#footerTabsCaption .item:last-child {
margin-right: 0px;
}
#footerTabsCaption .item {
vertical-align: middle;
display: inline-block;
margin-right: 24px;
}
#footerTabsCaption .item a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-transform: uppercase;
font-family: 'robotobold';
text-decoration: none;
padding-bottom: 8px;
font-size: 16px;
}
#footerTabs {
overflow: hidden;
}
#footerTabs .tab {
display: none;
}
#footerTabs .tab.selected {
display: block;
}
#footerTabs .product:hover .wrap,
#footerTabs .product:hover .tabloid,
#personalCart .product:hover .wrap,
#personalCart .product:hover .tabloid {
box-shadow: none;
}
#footerTabs .product:hover .tabloid {
border-color: transparent;
}
#personalCart .product:hover .tabloid {
border-bottom-color: #e7e8ea;
}
#footerLine {
line-height: 55px;
position: fixed;
z-index: 999;
height: 55px;
width: 100%;
bottom: 0;
}
#footerLine.color_white {
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.25);
background-color: #ffffff;
border-color: #f3f3f3;
}
#footerLine.color_theme {
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.35);
border-color: transparent;
}
#footerLine.color_white .item a {
color: #000000;
}
#footerLine.color_theme .item a {
color: #ffffff;
opacity: 0.7;
}
#footerLine.color_theme .col:first-child .item a {
opacity: 1;
}
#footerLine.color_theme .item .active {
color: #ffffff;
opacity: 1;
}
#footerLine.color_theme .item .active:hover {
color: #ffffff;
opacity: 0.85;
}
#footerLine.color_white .item a:hover,
#footerLine.color_theme .col:first-child .item a:hover {
opacity: 0.8;
}
#footerLine.color_white .item a:active {
position: relative;
top: 1px;
}
#footerLine.color_theme .col:first-child .item .callback:hover {
color: #ffffff;
opacity: 0.8;
}
#footerLine.color_white .item .compare .mark,
#footerLine.color_white .item .wishlist .mark,
#footerLine.color_white .item .cart .mark {
background-color: #f6f6f6;
color: #666666;
}
#footerLine.color_theme .item .compare .mark,
#footerLine.color_theme .item .wishlist .mark,
#footerLine.color_theme .item .cart .mark {
background-color: #fcfcfc;
color: #222222;
}
#footerLine.color_white .item .compare .icon,
#footerLine.color_white .item .wishlist .icon,
#footerLine.color_white .item .cart .icon {
opacity: 0.8;
}
#footerLine.color_theme .item .compare .icon {
background-image: url(/local/templates/dresscode_lk/images/compareFooterMinC.png);
}
#footerLine.color_theme .item .wishlist .icon {
background-image: url(/local/templates/dresscode_lk/images/wishlistFooterMinC.png);
}
#footerLine.color_theme .item .cart .icon {
background-image: url(/local/templates/dresscode_lk/images/cartFooterMinC.png);
}
#footerLine.color_theme .item .callback .icon {
background-image: url(/local/templates/dresscode_lk/images/callbackFooterMinC.png);
}
#footerLine.color_white .item .compare:hover,
#footerLine.color_white .item .wishlist:hover,
#footerLine.color_white .item .cart:hover,
#footerLine.color_white .item .compare:hover .mark,
#footerLine.color_white .item .wishlist:hover .mark,
#footerLine.color_white .item .cart:hover .mark {
color: #000000;
opacity: 1;
}
#footerLine.color_theme .item .compare:hover,
#footerLine.color_theme .item .wishlist:hover,
#footerLine.color_theme .item .cart:hover {
color: #ffffff;
opacity: 0.7;
}
#footerLine.color_white .item .compare.active:hover,
#footerLine.color_white .item .wishlist.active:hover,
#footerLine.color_white .item .cart.active:hover,
#footerLine.color_white .item .compare.active:hover .mark,
#footerLine.color_white .item .wishlist.active:hover .mark,
#footerLine.color_white .item .cart.active:hover .mark {
opacity: 0.8;
}
#footerLine .wrapper {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 24px;
}
#footerLine .col {
float: left;
width: 50%;
}
#footerLine .col:last-child {
text-align: right;
}
#footerLine .item .callback {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
}
#footerLine .item .callback .icon {
vertical-align: middle;
display: inline-block;
margin-right: 4px;
margin-top: -2px;
height: 24px;
width: 21px;
}
#footerLine .item .compare,
#footerLine .item .wishlist,
#footerLine .item .cart {
text-transform: uppercase;
}
#footerLine .item .compare .mark,
#footerLine .item .wishlist .mark,
#footerLine .item .cart .mark {
border-radius: 4px;
margin-left: 12px;
line-height: 20px;
overflow: hidden;
padding: 2px 12px;
height: 20px;
}
#footerLine .item .compare .icon,
#footerLine .item .wishlist .icon,
#footerLine .item .cart .icon {
vertical-align: middle;
display: inline-block;
margin-right: 12px;
margin-top: -2px;
height: 24px;
width: 21px;
}
#footerLine .item .cart .icon {
width: 26px;
}
#footerLine .item a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
font-size: 14px;
}
/*#footerLine .col:first-child .item:first-child{
margin-left: 24px;
}
*/
#footerLine .item {
display: inline-block;
vertical-align: middle;
margin-right: 24px;
}
#footerLine .item a:active {
position: relative;
top: 1px;
}
#footerLine .item:last-child {
margin-right: 0px;
}
#authMenu {
margin-bottom: 24px;
overflow: hidden;
list-style: none;
padding: 0;
}
#authMenu li {
margin-bottom: 24px;
margin-right: 24px;
float: left;
}
#authMenu li:last-child {
margin-right: 0;
}
#authMenu li a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-transform: uppercase;
text-decoration: none;
font-size: 16px;
border-bottom: 1px dashed #000000;
}
#authMenu li a:active {
position: relative;
top: 1px;
}
#authMenu li .selected {
font-family: 'robotobold';
padding-bottom: 4px;
}
#empty {
overflow: hidden;
}
#empty .emptyWrapper {
padding-bottom: 24px;
overflow: hidden;
}
#empty .pictureContainer {
margin-right: 24px;
float: left;
}
#empty h3 {
font-family: 'robotobold';
text-transform: uppercase;
font-weight: 400;
font-size: 16px;
padding: 0;
margin: 0;
}
#empty p {
font-size: 14px;
}
#empty a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
font-size: 14px;
}
#empty a:active {
position: relative;
}
#empty a img {
vertical-align: middle;
padding-right: 12px;
}
#empty .emptyTitle {
text-transform: uppercase;
font-family: 'robotobold';
margin-top: 24px;
font-size: 14px;
}
#empty .emptyMenu {
margin: 24px 0 0 0;
list-style: none;
overflow: hidden;
padding: 0;
}
#empty .emptyMenu li {
margin-bottom: 12px;
width: 33.333333%;
float: left;
}
#empty .back {
padding-bottom: 2px;
}
#empty .back:active {
position: relative;
top: 1px;
}
#overlap {
background-color: #000000;
position: fixed;
display: none;
opacity: 0.8;
height: 100%;
width: 100%;
z-index: 33;
left: 0px;
top: 0px;
}
#searchOverlap {
background-color: #000000;
position: fixed;
display: none;
opacity: 0.8;
height: 100%;
width: 100%;
z-index: 34;
left: 0px;
top: 0px;
}
/* CLASSES */
.ajaxContainer {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.ajaxContainer.loading {
opacity: 0.5;
}
.personal-order-info {
margin-bottom: 12px;
}
.personalInfoLabel {
margin-top: 24px;
font-size: 14px;
}
.productList {
list-style: none;
padding: 0;
margin: 0;
border-left: 1px solid #e7e8ea;
/*border-top: 1px solid #e7e8ea;*/
}
#homeCatalog .productList {
border-top: 1px solid #e7e8ea;
}
.product {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 20%;
height: 351px;
border-right: 1px solid #e7e8ea;
border-bottom: 1px solid #e7e8ea;
}
#leftMenu .product:before {
display: none;
}
.product:before {
content: "";
position: absolute;
left: 0px;
width: 100%;
top: -1px;
height: 1px;
background: #e7e8ea;
}
.product .btn-simple {
display: none;
}
.product.last { /* next page */
line-height: 346px;
}
.s-body .product {
height: 380px;
}
.product .tabloid {
-webkit-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out;
-moz-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out;
-o-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out;
transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid transparent;
position: relative;
overflow: hidden;
padding: 10px;
height: 370px;
z-index: 1;
}
.product .markerContainer {
position: absolute;
z-index: 88;
left: 8px;
top: 8px;
}
.product .marker {
font: normal normal 12px "roboto_ltregular", arial, sans-serif;
margin-bottom: 8px;
line-height: 16px;
padding: 3px 4px;
z-index: 2;
}
.product .marker.sale {
background-color: #d60419;
}
.product .rating {
position: absolute;
width: 79px;
z-index: 2;
right: 8px;
top: 8px;
}
.product .rating i {
background: url(/local/templates/dresscode_lk/images/rating.png) repeat 0 0px transparent;
position: absolute;
display: block;
height: 15px;
width: 79px;
left: 0px;
top: 0px;
}
.product .rating i.m {
background: url(/local/templates/dresscode_lk/images/rating.png) repeat 0 -14px transparent;
z-index: 10;
width: 0px;
}
.productSpecialTime {
position: absolute;
z-index: 2;
top: 54px;
right: 10px;
width: 48px;
color: #666d83;
font-size: 0;
line-height: 0;
}
.productSpecialTime .specialTimeItem {
display: inline-block;
box-sizing: border-box;
border-radius: 2px;
text-align: center;
overflow: hidden;
margin-top: 4px;
padding: 8px 0px;
line-height: 14px;
height: 42px;
width: 48px;
background: #e0e0e0;
}
.productSpecialTime .specialTimeItem:first-child {
margin-top: 0px;
}
.productSpecialTime .specialTimeItemValue {
font-family: 'robotomedium';
font-size: 14px;
line-height: 14px;
}
.productSpecialTime .specialTimeItemlabel {
font-family: "roboto_ltregular";
font-size: 12px;
}
.product .name {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
font-size: 14px;
display: block;
text-decoration: none;
margin-bottom: 12px;
min-height: 60px;
line-height: 44px;
overflow: hidden;
}
.product .middle {
line-height: 21px;
vertical-align: middle;
display: inline-block;
}
.product .price {
font-family: 'robotobold';
font-size: 18px;
display: -webkit-flex;
-webkit-flex-wrap: wrap;
display: flex;
flex-wrap: wrap;
text-decoration: none;
margin-bottom: 12px;
min-height: 28px;
align-items: center;
}
.product .price .measure {
font-size: 12px;
}
.product .price .priceIcon {
order: 1;
}
.product .price .discount {
font-family: 'roboto_ltregular';
padding-left: 4px;
padding-right: 4px;
font-size: 14px;
order: 2;
display: inline-block;
color: red;
}
.price .discount,
#catalog .price .discount,
#catalogElement .price .discount {
color: red;
}
.price .discount span,
#catalog .price .discount span,
#catalogElement .price .discount span {
color: #888888;
}
.product .tabloid .price {
min-height: 38px;
height: 50px;
/*margin-top: 5px;*/
}
.product .price .price-val {
order: 3;
}
.product .picture {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
position: relative;
display: block;
text-align: center;
height: 225px;
line-height: 225px;
}
.product .picture img {
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
transform: translate3d(0, 0, 0);
vertical-align: middle;
max-height: 90%;
max-width: 90%;
}
.product .picture:hover img {
opacity: 0.85;
}
.product .picture:active img {
position: relative;
top: 1px;
}
.loading .product .getFastView {
pointer-events: none;
}
.product .getFastView,
#catalogLineList .picture .getFastView,
#specialProduct .productItem .getFastView {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-family: 'roboto_condensedlight';
background-color: #2b2b2b;
text-decoration: none;
border-radius: 2px;
visibility: hidden;
position: absolute;
text-align: center;
margin-left: -75px;
margin-top: -20px;
line-height: 40px;
cursor: pointer;
color: #ffffff;
/*display: none;*/
height: 40px;
width: 150px;
opacity: 0;
z-index: 2;
left: 50%;
top: 50%;
}
.product:hover .getFastView,
#catalogLineList .picture:hover .getFastView,
#specialProduct .productItem .picture:hover .getFastView {
visibility: visible;
/*display: block;*/
opacity: 0.9;
}
.product .getFastView:hover,
#catalogLineList .picture .getFastView:hover,
#specialProduct .productItem .getFastView:hover {
opacity: 1;
}
.product .addCart, #card-analog .product .addCart {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
line-height: 44px;
height: 44px;
width: 44px;
font-size: 5px;
text-align: center;
display: block;
text-decoration: none;
margin-top: 0;
margin-bottom: 0;
border-radius: 50%;
}
.product .icon {
vertical-align: middle;
display: inline-block;
}
.product .addCart .icon {
/*padding-right: 12px;*/
margin-top: -4px;
}
.product .row {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 12px;
overflow: hidden;
}
.product .label {
font-family: 'roboto_condensedlight';
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
line-height: 21px;
font-size: 14px;
display: block;
float: left;
width: 51%;
}
.product .row .label:last-child {
width: 49%;
}
.product .label .icon {
padding-right: 6px;
margin-top: -4px;
}
.inStock {
color: #73b24e !important;
text-decoration: none;
width: auto!important;
}
/*
div.product-mobile-optional .inStock {
max-width: 94% !important;
text-align: right !important;
}
*/
.inStock:hover {
color: #73b24e !important;
}
.getStoresWindow.inStock span {
border-bottom: 1px dashed #73b24e !important;
cursor: pointer;
}
.getStoresWindow.inStock:hover span {
opacity: 0.8;
}
.outOfStock {
color: #ff0000;
}
.outOfStock:hover {
color: #ff0000;
}
.product .skuPropertyList {
overflow: hidden;
list-style: none;
padding: 0px;
margin: 0px;
}
.product .skuProperty {
overflow: hidden;
margin: 12px 0;
}
.product .skuPropertyName {
padding-bottom: 2px;
padding-left: 2px;
font-size: 13px;
}
.product .skuProperty li {
box-sizing: border-box;
overflow: hidden;
padding: 4px;
float: left;
min-width: 20%;
}
.product .skuProperty .selected .skuPropertyLink {
pointer-events: none;
position: relative;
/*top: -2px;*/
}
.product .skuProperty .disabled {
display: none;
}
.product .skuPropertyLink {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
text-align: center;
line-height: 21px;
padding: 6px 4px;
font-size: 12px;
display: block;
}
.product .skuPropertyLink:hover {
opacity: 0.8;
}
.product .skuPropertyList img {
vertical-align: middle;
max-height: 100%;
max-width: 100%;
}
/* product hover */
.product:hover {
position: relative;
}
.product:hover .tabloid {
/*position: absolute;
height: auto;*/
width: 100%;
z-index: 3;
}
.product:hover .nowp {
overflow: visible;
}
.product:hover .morePhoto {
display: block;
}
.product.last .wp {
vertical-align: middle;
display: inline-block;
text-align: center;
line-height: 21px;
width: 100%;
}
.product.last .showMore {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
vertical-align: middle;
display: inline-block;
text-align: center;
width: 100%;
}
.product.last .showMore:hover {
opacity: 0.7;
}
.product.last .icon {
display: inline-block;
margin-bottom: 12px;
text-align: center;
line-height: 21px;
height: 54px;
width: 100%;
}
.product.last .icon .iconSmall {
display: none;
}
.product.last .ps {
font-size: 18px;
}
.product.last .value {
padding-left: 6px;
font-size: 18px;
}
.product.last .small {
display: inline-block;
width: 100%;
}
.item .oSkuDropDownProperty {
overflow: visible;
margin: 0px;
}
.item .oSkuDropDownProperty .oSkuDropdownListItem {
box-sizing: content-box;
overflow: visible;
min-width: auto;
padding: 0px;
float: none;
}
.item .oSkuDropdown {
background-color: #ffffff;
border: 1px solid #e7e8ea;
position: relative;
line-height: 13px;
font-size: 13px;
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
border-radius: 2px;
width: 98%;
margin-top: 4px;
}
.item .oSkuCheckedItem {
background: url(/local/templates/dresscode_lk/images/selectArrow.png) 97% 50% no-repeat transparent;
padding: 12px 30px 12px 8px !important;
border-radius: 4px;
cursor: pointer;
display: block;
color: #000000;
}
.item .oSkuCheckedItem:hover {
opacity: 0.8;
}
.item .oSkuCheckedItem:active {
position: relative;
top: 1px;
}
.item .oSkuDropdown label:before,
.item .oSkuCheckboxList label:before {
display: none;
}
.item .oSkuDropdownList {
background-color: #ffffff;
border: 1px solid #e7e8ea;
visibility: hidden;
position: absolute;
list-style: none;
margin: 0 -1px;
opacity: 0;
padding: 0;
z-index: 2;
top: 42px;
right: 0;
left: 0;
}
.item .oSkuDropdownList.opened {
visibility: visible;
opacity: 1;
}
.item .pics .oSkuDropdownList {
top: 52px;
}
.item .oSkuDropdownList .skuPropertyValue {
border-top: 1px solid #e7e8ea;
position: relative;
display: block;
}
.item .oSkuDropdownList .skuPropertyValue:first-child {
border-top: 0px;
}
.item .oSkuDropdownList .selected {
box-shadow: 1px 1px 12px #f1f1f1 inset;
font-family: "robotomedium";
background-color: #f9f9f9;
cursor: pointer;
color: #ffffff;
opacity: 0.8;
}
.item .oSkuDropdownList .skuPropertyValue:hover {
background-color: #f9f9f9;
cursor: pointer;
color: #ffffff;
opacity: 0.8;
}
.item .oSkuDropdownList .oSkuPropertyItemLink {
padding: 12px 8px !important;
text-decoration: none;
line-height: 18px;
text-align: left;
font-size: 13px;
color: #000000;
display: block;
border: 0px;
}
.item .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink {
border: 0px;
}
.item .oSkuDropdownList .oSkuDropdownListItem.disabled {
display: none;
}
.item .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink,
.item .oSkuDropdownList .oSkuPropertyItemLink:active {
position: relative;
top: 1px;
}
.item .oSkuDropdownList .skuPropertyValue.loading:after {
left: 18px;
}
.sideBlock .heading {
padding-left: 18px;
}
.heading.collapsed {
text-decoration: none;
overflow: hidden;
margin-right: 24px;
float: left;
width: 355px;
line-height: 50px;
height: 50px;
display: block;
color: #ffffff;
font-size: 16px;
}
.heading.collapsed ins {
vertical-align: middle;
display: inline-block;
margin: 0 18px 0 0;
line-height: 50px;
padding: 0 12px;
height: 50px;
width: 24px;
}
.mfeedback .errortext,
.mfeedback .mf-ok-text {
font-weight: 400;
font-size: 16px;
}
.mfeedback .mf-ok-text + form {
display: none;
}
.mfeedback .mf-text {
font-size: 14px;
margin-top: 8px;
}
.mfeedback input, .mfeedback textarea {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: "roboto_ltregular", arial, sans-serif;
margin-top: 8px;
padding: 0 12px;
height: 48px;
border: 0px;
}
.mfeedback textarea {
padding-top: 12px;
height: 150px;
outline: none;
resize: none;
}
.mfeedback input[type="submit"] {
cursor: pointer;
padding: 0 48px;
}
#userPersonalInfoReg + label:before {
margin-top: -2px;
}
#userPersonalInfoReg.error + label:before {
border: 1px solid #ff0000 !important;
}
.bx-auth {
overflow: hidden;
}
.bx-auth .alert {
font-family: 'robotobold';
text-transform: uppercase;
display: inline-block;
margin-bottom: 24px;
padding: 12px 48px;
font-weight: 400;
font-size: 12px;
}
.bx-auth .alert.small {
font-family: "roboto_ltregular";
line-height: 28px;
max-width: 600px;
font-size: 14px;
}
.bx-authform-label-container {
margin-bottom: 8px;
}
.bx-auth .bx-authform-description-container {
margin-bottom: 12px;
}
.bx-auth .bx-captcha {
margin-top: 28px;
}
.bx-auth .bx-authform-formgroup-container {
float: left;
width: 450px;
}
.bx-auth .bx-authform-formgroup-container-line {
overflow: hidden;
}
.bx-auth .registerText {
padding-bottom: 24px;
max-width: 800px;
margin-top: 0px;
display: block;
}
.bx-auth input {
font-family: "roboto_ltregular", arial, sans-serif;
font-size: 14px;
}
.bx-auth .leftContainer {
margin-right: 48px;
float: left;
}
.bx-auth .rightContainer {
float: left;
}
.bx-auth .rightContainer p {
max-width: 450px;
display: block;
}
.bx-auth input[type="checkbox"] + label,
.bx-auth input[type="radio"] + label {
cursor: pointer;
}
.bx-auth input[type="checkbox"]:not(checked),
.bx-auth input[type="radio"]:not(checked) {
position: absolute;
opacity: 0;
}
.bx-auth input[type="checkbox"]:not(checked) + label,
.bx-auth input[type="radio"]:not(checked) + label {
position: relative;
padding-left: 24px;
}
.bx-auth input[type="checkbox"] + label:before {
background: url(/local/templates/dresscode_lk/images/checkBox.png) 0 0 no-repeat transparent;
}
.bx-auth input[type="radio"] + label:before {
background: url(/local/templates/dresscode_lk/images/radio.png) 0 0 no-repeat transparent;
}
.bx-auth input[type="checkbox"]:not(checked) + label:before,
.bx-auth input[type="radio"]:not(checked) + label:before {
position: absolute;
content: " ";
height: 17px;
width: 17px;
left: 0;
top: 0px;
}
.bx-auth input[type="checkbox"]:not(checked) + label:hover:before,
.bx-auth input[type="radio"]:not(checked) + label:hover:before {
background-position: 0 -17px;
}
.bx-auth input[type="checkbox"]:checked + label:before,
.bx-auth input[type="radio"]:checked + label:before {
background-position: 0 -34px;
}
.bx-auth input[type="checkbox"]:checked + label:hover:before,
.bx-auth input[type="radio"]:checked + label:hover:before {
background-position: 0 -51px;
}
.bx-auth input[type="checkbox"]:disabled + label,
.bx-auth input[type="radio"]:disabled + label {
cursor: default;
}
.bx-auth input[type="checkbox"]:disabled + label:before,
.bx-auth input[type="radio"]:disabled + label:before {
background-position: 0 -68px !important;
}
.bx-auth input[type="text"],
.bx-auth input[type="password"] {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 12px;
margin-top: 12 xp;
padding: 0 12px;
width: 420px;
height: 48px;
border: 0;
}
.bx-auth .submit,
.popup-window .btn {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
text-decoration: none;
text-align: center;
line-height: 48px;
margin-top: 24px;
cursor: pointer;
font-size: 14px;
height: 48px;
width: 224px;
border: 0;
margin-bottom: 20px;
}
.bx-auth .send .submit {
margin-top: 12px;
}
.popup-window .btn {
margin-left: 12px;
line-height: 30px;
margin-top: 0px;
height: 30px;
}
.bx-auth .submit:active,
.popup-window .btn:active {
position: relative;
top: 1px;
}
.bx-auth .clear {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: transparent;
display: inline-block;
text-decoration: none;
text-align: center;
margin-left: 12px;
line-height: 48px;
margin-top: 24px;
font-size: 14px;
cursor: pointer;
height: 48px;
width: 160px;
}
.bx-auth .submit:active {
position: relative;
top: 1px;
}
.bx-auth .forgot, .bx-auth .registerLink {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
margin-left: 12px;
}
.bx-auth .registerLink {
margin-left: 0;
}
.blackLink, .backToIndexPage {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.catalog-item-links {
margin-bottom: 12px;
}
.catalog-detail {
margin-bottom: 12px;
}
.tabs-content .office_item {
margin-top: 45px;
}
.contactList {
margin-bottom: 0px;
margin-top: 24px;
overflow: hidden;
list-style: none;
padding: 0;
}
.contactList li {
float: left;
width: 25%;
}
.contactList li table {
/*table-layout: fixed;*/
width: 100%;
}
.contactList li table td {
vertical-align: middle;
text-align: left;
}
.contactList li table td:first-child {
padding-right: 12px;
text-align: center;
width: 42px;
}
.contactList li table td img {
vertical-align: middle;
}
.contactList a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
}
.contactLabel {
font-size: 16px;
margin-top: 0;
}
.blurred {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-ms-filter: blur(2px);
-o-filter: blur(2px);
filter: blur(2px);
background: #ffffff;
}
/*.product .pic:hover img{}*/
.copyright img {
vertical-align: middle;
}
.sn {
overflow: hidden;
float: right;
}
.sn li {
line-height: 60px;
float: left;
}
.sn a {
display: block;
height: 60px;
width: 60px;
}
.sn .vk {
background: url(/local/templates/dresscode_lk/images/sn.png) 0 0 no-repeat transparent;
}
.sn .fb {
background: url(/local/templates/dresscode_lk/images/sn.png) -60px 0 no-repeat transparent;
}
.sn .od {
background: url(/local/templates/dresscode_lk/images/sn.png) -120px 0 no-repeat transparent;
}
.sn .tw {
background: url(/local/templates/dresscode_lk/images/sn.png) -180px 0 no-repeat transparent;
}
.sn .go {
background: url(/local/templates/dresscode_lk/images/sn.png) -240px 0 no-repeat transparent;
}
.sn .yo {
background: url(/local/templates/dresscode_lk/images/sn.png) -300px 0 no-repeat transparent;
}
.sn .vk:hover {
background-position: 0 -60px;
}
.sn .fb:hover {
background-position: -60px -60px;
}
.sn .od:hover {
background-position: -120px -60px;
}
.sn .tw:hover {
background-position: -180px -60px;
}
.sn .go:hover {
background-position: -240px -60px;
}
.sn .yo:hover {
background-position: -300px -60px;
}
#upButton {
background-color: #E5833C;
position: fixed;
cursor: pointer;
display: none;
bottom: 132px;
height: 60px;
width: 60px;
right: 24px;
z-index: 99;
border-radius: 4px;
}
#upButton:hover {
background-position: -73px 0;
}
#upButton:active {
background-position: -146px 0;
}
#upButton.enb {
display: block;
}
#upButton a {
display: block;
}
#upButton svg {
position: absolute;
top: 17px;
left: 17px;
}
#requestPrice {
-webkit-transition: 0.1s all ease-in-out;
-o-transition: 0.1s all ease-in-out;
transition: 0.1s all ease-in-out;
background: rgba(0, 0, 0, 0.4);
position: fixed;
display: none;
z-index: 1001;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
}
#requestPrice #requestPriceResult {
transform: translateY(50%);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 24px;
}
#requestPrice #requestPriceResultTitle {
text-align: center;
margin-top: 24px;
font-size: 16px;
}
#requestPrice #requestPriceResultMessage {
text-align: center;
margin-top: 24px;
}
#requestPrice #requestPriceResultClose {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
text-align: center;
line-height: 50px;
margin: 24px auto;
font-size: 14px;
color: #ffffff;
display: block;
height: 50px;
width: 254px;
}
#requestPrice #requestPriceResultClose:active {
position: relative;
top: 1px;
}
#requestPrice #requestPriceContainer {
box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);
background-color: #ffffff;
margin-left: -350px;
margin-top: -215px;
position: absolute;
overflow: hidden;
height: 430px;
width: 700px;
left: 50%;
top: 50%;
}
#requestPrice .requestPriceHeading {
background-color: #424242;
position: relative;
text-align: center;
line-height: 60px;
font-size: 18px;
color: #ffffff;
height: 60px;
}
#requestPrice .requestPriceHeading .close {
background: url(/local/templates/dresscode_lk/images/exit.png) 0 0 no-repeat transparent;
position: absolute;
display: block;
height: 21px;
width: 21px;
right: 20px;
top: 20px;
}
#requestPrice .requestPriceHeading .close:hover {
background-position: 0 -21px;
}
#requestPrice .requestPriceHeading .close:active {
background-position: 0 -42px;
}
#requestPrice .requstProductContainer {
border-collapse: collapse;
table-layout: fixed;
display: table;
width: 100%;
}
#requestPrice .productColumn {
vertical-align: middle;
display: table-cell;
text-align: center;
width: 320px;
}
#requestPrice .productNameBlock {
padding: 0 24px;
}
#requestPrice .productNameBlock .productUrl {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
text-decoration: none;
margin-bottom: 12px;
line-height: 44px;
overflow: hidden;
font-size: 14px;
display: block;
color: #000000;
}
#requestPrice .productNameBlock .productUrl:active {
position: relative;
top: 1px;
}
#requestPrice .productImageBlock {
text-align: center;
display: block;
margin-bottom: 20px;
}
#requestPrice .productImageBlock a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: block;
}
#requestPrice .productImageBlock a:hover {
opacity: 0.8;
}
#requestPrice .productImageBlock a:active {
position: relative;
top: 1px;
}
#requestPrice .productImageBlock img {
vertical-align: middle;
max-height: 100%;
max-width: 100%;
}
#requestPrice .productNameBlock .middle {
line-height: 21px;
vertical-align: middle;
display: inline-block;
}
#requestPrice .formColumn {
vertical-align: middle;
display: table-cell;
width: 380px;
}
#requestPrice .requestPriceFormHeading {
margin-bottom: 12px;
text-align: center;
margin-right: 24px;
margin-top: 24px;
font-size: 16px;
display: block;
}
#requestPrice input {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: "roboto_ltregular";
margin-bottom: 12px;
padding-left: 12px;
width: 354px;
height: 50px;
border: 0;
}
#requestPrice input {
background-color: #f3f3f3;
color: #000000;
}
#requestPrice .personalInfoRequest {
margin-bottom: 12px;
}
#requestPrice input[type="checkbox"] {
vertical-align: middle;
display: inline-block;
margin-bottom: 0px;
margin-right: 6px;
margin-top: -2px;
height: 14px;
width: 14px;
}
#requestPrice input[type="checkbox"].error + label {
border-bottom: 1px solid #ff0000 !important;
}
#requestPrice textarea {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: "roboto_ltregular";
margin-bottom: 12px;
padding-left: 12px;
padding-top: 12px;
resize: none;
width: 354px;
height: 60px;
border: 0;
}
#requestPrice textarea {
background-color: #f3f3f3;
}
#requestPrice input:focus,
#requestPrice textarea:focus {
background-color: #e9e9e9;
outline: none;
}
#requestPrice #requestPriceSubmit {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
text-align: center;
line-height: 50px;
font-size: 14px;
cursor: pointer;
display: block;
color: #ffffff;
height: 50px;
width: 354px;
}
#requestPrice #requestPriceSubmit:active {
position: relative;
top: 1px;
}
#requestPrice #requestPriceSubmit.loading {
-webkit-transition: background 0s !important;
-o-transition: background 0s !important;
transition: background 0s !important;
text-indent: 12px;
opacity: 0.9;
}
#requestPrice #requestPriceSubmit.loading img {
display: none;
}
#requestPrice #requestPriceSubmit img {
vertical-align: middle;
padding-right: 4px;
margin-top: -2px;
}
#requestPrice .markerContainer {
position: absolute;
top: 0px;
left: 12px;
}
#requestPrice .error {
border: 1px solid #ff0000;
}
#searchSection a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #000000;
}
#searchSection a:hover {
opacity: 0.7;
}
#stores {
margin-top: 24px;
font-size: 13px;
}
#stores .wrap {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 24px;
overflow: auto;
}
#stores .heading {
border-top: 1px solid #efefef;
font-family: 'robotobold';
text-transform: uppercase;
letter-spacing: 1px;
padding: 36px 24px;
font-weight: 800;
font-size: 20px;
display: block;
}
#stores .storeTable {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
#stores .storeTable tr:nth-child(odd) td {
background-color: #f9f9f9;
}
#stores .storeTable th {
background-color: #f3f3f3;
padding: 12px 24px;
font-weight: 400;
text-align: center;
}
#stores .storeTable td {
/*border-top: 1px solid #e7e8ea;*/
text-align: center;
padding: 12px 24px;
}
#stores .storeTable .name {
text-align: left;
width: 35%;
}
#stores .storeTable td.name {
text-align: left;
}
#stores .storeTable .lb {
display: inline-block;
text-align: left;
}
#stores .storeTable .icon {
vertical-align: middle;
padding-right: 6px;
margin-top: -4px;
}
#stores .storeTable .green {
/*font-weight: 800;*/
color: #73b24e;
}
#stores .storeTable .red {
color: #ff0000;
}
#stores .storeTable .picture {
vertical-align: middle;
padding-right: 12px;
}
#stores .storeTable a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: underline;
color: #000000;
}
#stores .storeTable a:hover {
color: #888888;
}
#stores #storeMap {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 24px;
padding: 0 24px;
}
#error404 {
margin-bottom: 24px;
text-align: center;
}
#error404 h1 {
font-family: "roboto_thregular";
margin-bottom: 24px;
text-align: center;
line-height: 48px;
font-size: 48px;
}
#error404 .errorPic {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-bottom: 48px;
text-align: center;
margin-top: 48px;
display: block;
}
#error404 .errorPic img {
max-height: 90%;
max-width: 90%;
}
#error404 .errorPic:hover {
opacity: 0.8;
}
#error404 .errorText {
font-family: 'robotobold';
text-transform: uppercase;
line-height: 28px;
}
#error404 .errorText a {
color: #ff9601;
}
#error404 #empty {
border-top: 1px solid #e5e5e5;
margin-top: 48px;
}
#error404 #empty .emptyTitle {
text-align: center;
margin-top: 48px;
}
#error404 #empty .emptyMenu a {
display: inline-block;
width: 250px;
text-align: left;
}
#middleSlider img {
width: 100%;
}
#modef {
left: 371px;
}
/* panels colors */
body.panels_white #homeCatalog .captionList {
border-right: 1px solid #e7e8ea;
border-left: 1px solid #e7e8ea;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #ffffff;
}
body.panels_white #homeCatalog .caption {
border-left: 1px solid #e7e8ea;
}
body.panels_white #homeCatalog .caption:not(.selected):hover {
background-color: #fbfbfb;
}
body.panels_white #homeCatalog .caption.selected a {
color: #ffffff;
}
body.panels_white #homeCatalog .caption a {
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color: #000000;
}
body.panels_white #homeCatalog .captionList .cItem:first-child {
margin-left: -1px;
}
body.panels_white #homeCatalog #captionCarousel {
margin-left: -1px;
}
body.panels_white #left .sideBlock .heading {
border: 1px solid #e7e8ea;
background-color: #ffffff;
color: #000000;
}
body.panels_white #serviceBlock .sideBlockContent,
body.panels_white #collectionBlock .sideBlockContent,
body.panels_white #left #subscribe .sideBlockContent {
border-top: 0px;
}
body.panels_white #left #subscribe .heading {
border-left: 0px;
border-right: 0px;
}
body.panels_white #right #popSection .heading,
body.panels_white #right #brandList .heading {
border: 1px solid #e7e8ea;
background-color: #ffffff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #000000;
}
body.panels_white #brandList .item:nth-child(5n+1) {
/*border-left: 1px solid #e7e8ea;*/
}
body.panels_white #left #specialProduct .specialProductHeading {
border-bottom: 1px solid #e7e8ea;
background-color: #ffffff;
color: #000000;
}
body.panels_white #homeCatalog #captionCarousel:before {
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
#catalogLine .oFilter {
display: none;
margin-right: 48px;
}
#catalogLine .oSmartFilter .ico {
background: url(/bitrix/templates/dresscodeV2/images/filterIco.png) 0 0 no-repeat transparent;
vertical-align: middle;
display: inline-block;
padding-right: 12px;
margin-top: -2px;
height: 11px;
width: 15px;
}
@media all and (max-width: 1800px) {
body.panels_white #right .heading {
border-bottom: 0px;
}
}
/* end new panels colors */
@media all and (max-width: 1000px) {
#error404 .errorText {
display: none;
}
}
/*#error404 .wrapper{
width: 1000px;
margin: auto;
}*/
.clean {
position: relative;
overflow: hidden;
padding: 0 2px;
}
.limiter {
padding: 0px 24px;
max-width: 1920px;
min-width: 320px;
margin: auto;
clear: both;
}
.limiter .compliter > div[id*="bx_"] {
width: 355px;
/*padding-right: 24px;*/
display: table-cell;
vertical-align: top;
}
.limiter .compliter > div[id*="bx_"] #left {
padding-right: 0
}
/* page styles */
.priceTableContainer {
max-width: 1000px;
overflow-x: auto;
min-width: 320px;
}
.priceTableStyle80 {
border-collapse: collapse;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.priceTableStyle80 th {
font-family: "robotomedium";
background-color: #f7f7f7;
border: 1px solid #e4e4e4;
font-weight: normal;
padding: 12px 24px;
}
.priceTableStyle80 td {
border: 1px solid #e4e4e4;
vertical-align: middle;
padding: 12px 24px;
text-align: left;
color: #333333;
}
.mediumText {
font-family: "robotomedium";
}
.pagePicture {
max-width: 100%;
height: auto;
}
.skuPropertyValue.loading {
position: relative;
}
.skuPropertyValue.loading img {
opacity: 0;
}
.skuPropertyValue.loading:after {
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
margin-top: -10px;
margin-left: -10px;
left: 50%;
background: url(/local/templates/dresscode_lk/images/loaderMin.gif) 50% 50% no-repeat #fff;
}
.addCart:active {
position: relative;
top: 1px;
}
.clear {
clear: both;
}
.hidden {
display: none;
}
.hiddenZone {
display: none;
}
@media all and (max-width: 1800px) and (min-width: 1300px) {
.product:nth-child(4n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
.product:nth-child(4n+1).last .icon {
display: none;
}
.product:nth-child(4n+1).last .small {
display: none;
}
}
@media all and (max-width: 1800px) {
.product {
height: 351px;
width: 25%;
}
.product.last {
line-height: 340px;
}
.s-body .product {
height: 380px;
}
.product .tabloid {
height: 370px;
}
.product .picture {
height: 230px;
line-height: 230px;
}
.product .name {
margin-bottom: 2px;
}
.product .price .discount {
padding: 0;
display: block;
font-size: 13px;
line-height: 16px;
height: 16px;
order: 0;
width: 100%;
}
#catalogLineList .prop {
width: 80%;
}
#catalogTableList .column:nth-child(3) {
display: none;
}
#bigDataCarousel .product:nth-child(4n+1),
#viewedProduct .product:nth-child(4n+1),
#topProduct .product:nth-child(4n+1) {
border-left: none !important;
}
#popSection .item {
height: 150px;
}
#popSection .tabloid {
padding: 6px;
}
#popSection .picture {
height: 90px;
line-height: 90px;
}
#popSection .nameWrap {
height: 32px;
line-height: 32px;
}
#popSection .name {
line-height: 16px;
}
#popSection .last {
line-height: 150px;
}
#brandList .item {
height: 96px;
line-height: 96px;
}
#brandList .picture {
height: 72px;
line-height: 72px;
}
}
.addCart.requestPrice {
/* margin-top: 35px;*/
}
@media all and (max-width: 1650px) {
#bannersBlock {
display: none;
}
#sliderBlock {
width: 100%;
}
}
@media all and (max-width: 1550px) {
#catalogLineList .description {
display: none;
}
#catalogLineList .prop {
width: 100%;
}
#catalogTableList .column:nth-child(4) {
display: none;
}
#left {
width: 320px;
}
#slider ul li span,
#slider .slideVideoContainer,
#slider .videoPoster {
height: 386px;
}
#modef {
left: 335px;
}
}
@media all and (max-width: 1500px) {
#footer .information .label {
display: block;
}
#topHeading {
display: none;
}
#catalogLineList .column:first-child {
width: 340px;
}
/*#middleSlider {
display: none;
}*/
#middleSlider img {
max-width: 100%;
}
#newsContainer .column {
width: 100%;
}
#newsContainer .column .item {
overflow: hidden;
}
#newsContainer .column .item .bigPicture {
margin-right: 48px;
float: left;
width: 30%;
}
.global-information-block,
.global-information-block.fixed .global-information-block-hide-scroll-cn {
width: 250px !important;
}
}
@media all and (max-width: 1366px) {
#catalogLineList .column:first-child {
width: 300px;
}
.contactList li {
margin-bottom: 24px;
width: 50%;
}
.mfeedback input,
.mfeedback textarea,
div.mf-name input,
div.mf-email input,
div.mf-message textarea {
width: 100%;
}
.mfeedback input[type="submit"] {
width: 200px;
}
#left {
width: 280px;
}
.disabled1366 {
display: none;
}
#modef {
left: 295px;
}
}
@media all and (max-width: 1300px) {
#logo {
width: 196px;
}
#topService .city {
display: none;
}
#headerTools .wishlist .nf {
display: none;
}
#headerTools .compare .nf {
display: none;
}
#footer .nav > li {
width: 33.313131%;
}
#footer .nav > li:last-child {
display: none;
}
/*#middleSlider {
display: none;
}*/
#slider ul li span,
#slider .slideVideoContainer,
#slider .videoPoster {
height: 384px;
}
#footer .rightTable .leftColumn {
display: none;
}
#rightFooter {
width: 23%;
}
#empty .emptyMenu li {
width: 50%;
}
.product {
width: 33.33333%;
}
#brandList .item,
#popSection .item {
width: 25%;
}
.disabled1366 {
display: block;
}
}
@media all and (max-width: 1300px) and (min-width: 1150px) {
#popSection .item:nth-child(4n+1).last,
#brandList .item:nth-child(4n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
#popSection .item:nth-child(4n+1).last .icon,
#brandList .item:nth-child(4n+1).last .icon {
display: none;
}
#popSection .item:nth-child(4n+1).last .small,
#brandList .item:nth-child(4n+1).last .small {
display: none;
}
.product:nth-child(3n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
.product:nth-child(3n+1).last .icon {
display: none;
}
.product:nth-child(3n+1).last .small {
display: none;
}
}
@media all and (min-width: 1281px) {
.global-content-block + div[id*="bx_"] {
display: table-cell;
width: 290px;
}
}
@media all and (max-width: 1280px) {
.global-block-container {
min-height: auto !important;
}
.global-block-container .global-information-block {
display: none;
}
#left {
width: 330px;
}
#homeCatalog .captionList {
line-height: 55px;
height: 55px;
}
#homeCatalog .captionBtnRight,
#homeCatalog .captionBtnLeft {
top: -2.5px;
}
#left #specialProduct .specialProductHeading,
#left .sideBlock .heading,
#right .heading {
line-height: 55px;
height: 55px;
}
#modef {
left: 345px;
}
}
@media all and (max-width: 1200px) {
#catalog-section-banners {
display: none;
}
#footerLine .col:first-child {
width: 30%;
}
#footerLine .col:last-child {
width: 70%;
float: right;
}
#footerLine .col:first-child .item:nth-child(1n+2) {
display: none;
}
#catalogLineList .column:last-child,
#catalogLineList .itemRow {
/*overflow: hidden;*/
display: block;
}
#catalogLineList .column:first-child {
width: 40%;
}
#catalogLineList .column:nth-child(2) {
width: 60%;
}
#catalogLineList .column:first-child,
#catalogLineList .column:nth-child(2) {
float: left;
}
#catalogLineList .column:last-child {
line-height: 60px;
padding: 0 0;
height: 60px;
border: 0px;
width: 100%;
clear: both;
}
#catalogLineList .resizeColumn {
text-align: center;
width: 30%;
float: left;
}
#catalogLineList .column .resizeColumn.last {
text-align: right;
width: 40%;
}
#catalogLineList .column:last-child .priceLabel {
display: inline-block;
padding-left: 24px;
float: none;
}
#catalogLineList .column:last-child .price {
display: inline-block;
margin: 0px;
}
#catalogLineList .column:last-child .addCart {
display: inline-block;
margin: 9px auto;
line-height: 40px;
padding: 0 24px;
font-size: 14px;
height: 40px;
width: auto;
}
#catalogLineList .column:last-child .optional {
margin: 9px 0 0 0px;
font-size: 14px;
}
#catalogLineList .column:last-child .optional .row {
margin-bottom: 4px;
padding: 0px;
}
#catalogLineList .column:last-child .optional .label {
text-align: left;
font-size: 14px;
width: 50%;
}
#catalogLineList .column:last-child .article {
display: none;
}
#catalogTableList .column:nth-child(7) {
display: none;
}
#catalogLineList .column:last-child {
background-color: #f9f9f9;
}
#slider .sliderContent .bigText,
#slider .sliderContent .bigTextColor,
#slider .sliderContent .bigTextLight {
line-height: 36px;
margin-top: 12px;
font-size: 30px;
}
#slider .sliderContent .mediumText,
#slider .sliderContent .mediumTextColor,
#slider .sliderContent .mediumTextLight {
line-height: 24px;
margin-top: 12px;
font-size: 16px;
}
#slider .sliderContent .cButton,
#slider .sliderContent .cButtonLight {
margin-top: 12px;
}
#slider .sliderContent .smallText,
#slider .sliderContent .smallTextColor,
#slider .sliderContent .smallTextLight {
margin-top: 12px;
}
#slider .sliderBtnLeft,
#slider .sliderBtnRight {
display: none;
}
#slider .sliderContent {
left: 24px;
}
#slider .leftContainer {
left: 24px;
}
#slider .rightContainer {
right: 24px;
}
#leftMenu li .pc {
display: none;
}
#leftMenu .pc, #leftMenu .tx {
padding: 8px 24px;
}
#left {
width: 260px;
}
#modef {
left: 275px;
}
}
@media all and (max-width: 1150px) and (min-width: 1024px) {
.product:nth-child(2n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
.product:nth-child(2n+1).last .icon {
display: none;
}
.product:nth-child(2n+1).last .small {
display: none;
}
}
@media all and (max-width: 1150px) {
.product {
width: 50%;
}
#brandList .item,
#popSection .item {
width: 33.333%;
}
}
@media all and (max-width: 1100px) {
#headerTools .nf {
display: none;
}
/* #catalogLine .column:last-child .label {
display: none;
}*/
#popSection .picture img {
max-width: 75%;
max-height: 75%;
}
#brandList .picture img {
max-height: 70%;
max-width: 70%;
}
}
@media all and (max-width: 1024px) and (min-width: 790px) {
#brandList .item:nth-child(4n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
#brandList .item:nth-child(4n+1).last .icon {
display: none;
}
#brandList .item:nth-child(4n+1).last .small {
display: none;
}
}
@media all and (max-width: 1024px) and (min-width: 790px) {
#popSection .item:nth-child(4n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
#popSection .item:nth-child(4n+1).last .icon {
display: none;
}
#popSection .item:nth-child(4n+1).last .small {
display: none;
}
}
@media all and (max-width: 1024px) {
#colorSwitcher {
display: none !important;
}
#left .collapsed {
display: none;
}
#bestsellers {
margin-top: 0;
}
#left {
margin-bottom: 24px;
}
#left, #right {
display: block;
width: 100%;
}
#smartFilter .heading {
line-height: 46px;
height: 46px;
}
#left #promoBlock,
#left #serviceBlock,
#left #collectionBlock,
#left #newsBlock,
#left #popCats,
#left #subscribe,
#left .banner,
#footer .top .left,
#headerTools .nf,
.product:hover .fastShow {
display: none;
}
#right {
padding-left: 0px;
}
.drop {
display: none !important;
}
#rightFooter {
display: none;
}
#smartFilter .heading {
cursor: pointer;
}
#catalogLine .oFilter {
display: inline-block;
margin-right: 12px;
}
#main #smartFilter {
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);
pointer-events: none;
background: #ffffff;
visibility: hidden;
position: absolute;
margin-top: 162px;
width: 300px;
z-index: 99;
opacity: 0;
border: 0;
}
#main #smartFilter.opened {
/*-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;*/
pointer-events: auto;
visibility: visible;
opacity: 1;
}
#nextSection {
border: none;
}
#nextSection ul {
display: none;
}
#nextSection .title {
position: relative;
padding-left: 12px;
font-family: 'roboto_ltregular';
text-transform: none;
cursor: pointer;
text-align: left;
border: none;
background-color: #f8f8f8;
}
#nextSection .title:before {
content: "";
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 42px;
background: #efefef url('/local/templates/dresscode_lk/images/catalogIco2.png') center center no-repeat;
}
#smartFilterForm {
/*display: none;*/
}
#smartFilterForm .slider {
display: none;
}
.appZoomContainerImage {
/*max-width: 60vh !important;*/
/*max-height: 60vh !important;*/
}
#reformal_tab {
display: none !important;
}
.product .getFastView,
#specialProduct .productItem .getFastView,
#catalogLineList .picture .getFastView {
display: none !important;
}
#appFastView {
display: none !important;
}
#fastViewStores {
display: none !important;
}
#slider ol {
display: none;
}
#specialBlock {
display: none !important;
}
.product {
width: 25%;
height: 301px
}
.product.last {
line-height: 300px;
}
.product .tabloid {
height: 300px;
}
.product .picture {
height: 195px;
line-height: 195px;
}
.productSpecialTime {
top: 30px;
}
#leftMenu li .pc {
display: table-cell;
}
#leftMenu .pc, #leftMenu .tx {
padding: 8px;
}
#slider .videoPoster {
display: block;
}
#slider .slideVideo {
display: none;
}
.templateSwitcherSettings,
.templateSwitcher {
display: none !important;
}
#brandList .item,
#popSection .item {
width: 25%;
}
#homeCatalog .captionList {
height: 50px;
line-height: 50px;
}
#homeCatalog .captionBtnRight,
#homeCatalog .captionBtnLeft {
display: none !important;
}
#homeCatalog .caption a {
font-size: 14px;
}
#homeCatalog #captionCarousel {
position: relative;
}
#nextSection li {
border-left: 1px solid #e7e8ea;
border-right: 1px solid #e7e8ea;
}
.s-body #elementTools .label .getStoresWindow,
.s-body #smallElementTools .label .getStoresWindow
{
text-decoration: none;
}
}
@media all and (max-width: 1150px) and (min-width: 1024px) {
#popSection .item:nth-child(3n+1).last,
#brandList .item:nth-child(3n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
#popSection .item:nth-child(3n+1).last .icon,
#brandList .item:nth-child(3n+1).last .icon {
display: none;
}
#popSection .item:nth-child(3n+1).last .small,
#brandList .item:nth-child(3n+1).last .small {
display: none;
}
}
@media all and (max-width: 1024px) and (min-width: 1000px) {
.product:nth-child(4n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
.product:nth-child(4n+1).last .icon {
display: none;
}
.product:nth-child(4n+1).last .small {
display: none;
}
}
@media all and (max-width: 1000px) and (min-width: 790px) {
.product:nth-child(3n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
.product:nth-child(3n+1).last .icon {
display: none;
}
.product:nth-child(3n+1).last .small {
display: none;
}
}
@media all and (max-width: 1000px) {
.product {
width: 33.33333%;
}
.product .price .discount {
order: 2;
width: auto;
}
}
@media all and (max-width: 870px) {
#headerTools .nf {
display: none;
}
/*#catalogLine .column:last-child .label {
display: none;
}*/
}
@media all and (max-width: 850px) {
#topHeading {
display: none;
}
#leftFooter .column {
padding-right: 24px;
width: 50%;
}
#leftFooter .column:last-child {
display: none;
}
#footerLine .col:first-child {
display: none;
}
#footerLine .col:last-child {
text-align: center;
width: 100%;
float: left;
}
#catalogLineList .column:last-child .priceLabel,
#catalogLineList .column:last-child .price {
font-size: 18px;
}
#modef {
display: none !important;
}
#catalogLine .column:nth-child(3) {
display: none;
}
}
@media all and (max-width: 790px) and (min-width: 600px) {
.product:nth-child(2n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
.product:nth-child(2n+1).last .icon {
display: none;
}
.product:nth-child(2n+1).last .small {
display: none;
}
}
@media all and (max-width: 790px) and (min-width: 500px) {
#popSection .item:nth-child(3n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
#popSection .item:nth-child(3n+1).last .icon {
display: none;
}
#popSection .item:nth-child(3n+1).last .small {
display: none;
}
}
@media all and (max-width: 790px) and (min-width: 360px) {
#brandList .item:nth-child(3n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
#brandList .item:nth-child(3n+1).last .icon {
display: none;
}
#brandList .item:nth-child(3n+1).last .small {
display: none;
}
}
@media all and (max-width: 790px) {
.product {
width: 50%;
}
#popSection .item {
width: 33.33333%;
}
#brandList .item {
width: 33.33333%;
}
#homeCatalog .caption {
border: none;
}
}
@media all and (max-width: 750px) {
#requestPrice .productColumn {
display: none;
}
#requestPrice .formColumn {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 24px;
width: 100%;
}
#requestPrice input,
#requestPrice textarea,
#requestPrice #requestPriceSubmit {
width: 100%;
}
#requestPrice input {
height: 45px;
}
#requestPrice textarea {
height: 50px;
}
#requestPrice #requestPriceContainer {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #ffffff;
transform: translateX(-50%);
padding-right: 0px;
padding-left: 0px;
margin-left: 0px;
width: 90%;
left: 50%;
}
/* #requestPrice .requstProductContainer{
background-color: #ffffff;
}*/
#requestPriceForm {
margin-bottom: 24px;
}
#requestPrice .requestPriceFormHeading {
margin-right: 0px;
}
}
@media all and (max-width: 700px) {
#slider ul li span,
#slider .slideVideoContainer,
#slider .videoPoster {
height: 300px;
}
.limiter {
padding: 0;
}
#topMenu {
margin-left: 12px;
}
#subHeader #logo,
#subHeader.color_theme #logo,
#subHeader.color_black #logo {
border: 0;
}
#topSearch form {
box-sizing: border-box;
}
#left {
width: 100%;
padding: 0 12px;
box-sizing: border-box;
display: block;
}
#right {
display: block;
margin-top: 24px;
padding: 0 12px;
box-sizing: border-box;
}
#leftMenu li a {
font-size: 16px;
}
#footer .top {
box-sizing: border-box;
padding: 0 12px;
}
#footer .bottom {
box-sizing: border-box;
padding: 0 12px;
}
#footer .bottom .left {
width: 60px;
}
#flushFooterCart .item:nth-child(1) {
display: none;
}
.copyright img {
display: none;
}
.copyright {
display: block;
width: 60px;
height: 60px;
background: url(/local/templates/dresscode_lk/images/sn.png) -360px -0px no-repeat transparent;
}
.copyright:hover {
background-position: -360px -60px;
}
#catalogLineList .resizeColumn {
width: 40%;
}
#catalogLineList .column .resizeColumn.last {
width: 20%;
}
#catalogLineList .column:last-child .optional .label {
width: 100%
}
#catalogLineList .column:last-child .optional .label:first-child {
display: none;
}
#catalogLineList .column:last-child .priceLabel {
display: none;
}
#catalogTableList .column:nth-child(8) {
display: none;
}
#appBasket {
display: none !important;
}
#overlap {
display: none !important;
}
.blurred {
-webkit-filter: blur(0px) !important;
-moz-filter: blur(0px) !important;
-ms-filter: blur(0px) !important;
-o-filter: blur(0px) !important;
filter: blur(0px) !important;
}
#upButton {
/*display: none !important;*/
}
#newsContainer .column .item .bigPicture {
width: 100%;
float: none;
}
#catalogSection .sectionItems .item .itemContainer .description {
display: none;
}
div.mf-name, div.mf-email, div.mf-captcha, div.mf-message {
width: 100%;
}
.product .row:first-child {
display: none;
}
.product {
height: 140px;
width: 50%;
}
body .product:hover .tabloid {
box-shadow: none;
border-color: transparent;
}
.product .btn-simple.add-cart:hover {
border-color: #e7e8ea;
}
.product.last {
line-height: 140px;
}
.product .btn-simple {
display: inline-block;
font-size: 13px;
}
.product .tabloid {
height: 100%;
}
.product:hover .tabloid {
height: 100%;
}
.product .picture {
height: 120px;
line-height: 120px;
}
.product .optional {
display: none;
}
.product .skuProperty {
display: none;
}
.product .addCart {
/*display: none;*/
}
.product .price .discount {
height: auto;
}
.product .name {
height: 36px;
line-height: 36px;
}
.product .middle {
line-height: 18px;
}
.product .price {
margin-bottom: 6px;
font-size: 14px;
}
.product .price .measure {
font-size: 14px;
}
.product .markerContainer {
left: 6px;
top: 6px;
}
.product .marker {
margin-bottom: 2px;
}
.product .getPricesWindow .priceIcon {
display: none;
}
.product .rating {
display: none;
}
.productSpecialTime {
display: none;
}
.productTable {
display: table;
table-layout: fixed;
width: 100%;
}
.productColImage {
width: 110px;
padding-right: 12px;
display: table-cell;
vertical-align: middle;
}
.productColText {
display: table-cell;
vertical-align: middle;
}
.product.last .icon {
height: 33px;
margin-bottom: 6px;
}
.product.last .icon .iconBig {
display: none;
}
.product.last .icon .iconSmall {
display: inline-block;
}
}
@media all and (max-width: 634px) {
#footerTabsCaption, #footerTabs {
display: none;
}
#headerTools .tools .compare,
#headerTools .tools .wishlist {
display: none;
}
#catalogLineList .column {
width: 50%;
}
#catalogLineList .prop {
display: none;
}
#catalogLineList .column .resizeColumn {
width: 50%;
}
#catalogLineList .column .resizeColumn.last {
display: none;
}
#catalogTableList .column:nth-child(1) {
display: none;
}
#catalogTableList .column:nth-child(2) {
padding-left: 24px;
width: auto;
}
.contactList li {
margin-bottom: 24px;
width: 100%;
}
#empty .emptyMenu li {
width: 100%;
}
}
@media all and (max-width: 660px) {
#catalogLine .label {
display: none;
}
}
@media all and (max-width: 600px) {
.product {
width: 100%;
}
.productColImage {
width: 40%;
min-width: 110px;
max-width: 160px;
}
#popSection .item {
height: 170px;
}
#popSection .nameWrap {
height: 48px;
line-height: 48px;
}
#popSection .last .value,
#popSection .last .ps {
font-size: 16px;
}
#brandList .last .ps,
#brandList .last .value,
#popSection .last .small {
font-size: 14px;
}
#homeCatalog #captionCarousel:before {
content: "";
position: absolute;
z-index: 2;
right: 0;
top: 0;
width: 80px;
height: 100%;
background: -moz-linear-gradient(left, rgba(43, 43, 43, 0) 0%, rgba(43, 43, 43, 1) 100%);
background: -webkit-linear-gradient(left, rgba(43, 43, 43, 0) 0%, rgba(43, 43, 43, 1) 100%);
background: linear-gradient(to right, rgba(43, 43, 43, 0) 0%, rgba(43, 43, 43, 1) 100%);
pointer-events: none;
}
}
@media all and (max-width: 525px) {
/* #catalogLine .column:last-child {
display: none;
}*/
#catalogLine .column:nth-child(2) {
float: right;
}
}
@media all and (max-width: 500px) {
.top-auth-personal,
.top-auth-exit,
.top-auth-login,
.top-auth-register {
border: none !important;
position: absolute;
top: 103px;
}
.top-auth-personal,
.top-auth-login {
left: 12px;
}
.top-auth-exit {
left: 120px;
}
.top-auth-register {
left: 52px;
}
#subHeader #headerTools,
#subHeader.color_theme #headerTools,
#subHeader.color_black #headerTools {
border: 0;
}
#headerTools .telephone {
line-height: 21px !important;
border: none !important;
position: absolute;
padding: 0px;
right: 0px;
top: 107px;
}
#headerTools .telephone .callBack {
display: none;
}
#headerTools .telephone .nf {
margin: 0;
float: none;
display: block;
}
#headerTools .telephone .nf .heading {
display: none;
}
#headerTools .telephone .nf .heading:first-child {
font-family: "robotomedium";
font-size: 14px;
display: block;
color: #888888;
}
#subHeader #headerTools .tools li,
#subHeader.color_theme #headerTools .tools li,
#subHeader.color_black #headerTools .tools li {
border: none !important;
}
#subHeader #topService,
#subHeader.color_theme #topService,
#subHeader.color_black #topService {
border: none;
}
#topHeader #topService li,
#topHeader.color_theme #topService li,
#topHeader.color_black #topService li {
padding: 0px;
border: none;
}
#topService.color_theme > li > a {
color: #ffffff !important;
}
#topService.color_theme > li > a:hover {
opacity: 0.8;
}
#topHeader.color_theme #topService,
#topHeader.color_black #topService {
border: 0;
}
#logo {
padding-left: 12px;
line-height: 80px;
height: 80px;
}
#headerTools .tools li {
line-height: 80px;
}
#topMenu {
margin-left: 0px;
}
.user-geo-position {
padding-right: 12px;
text-align: right;
padding-bottom: 5px;
}
#topSearch input[type="text"] {
padding-left: 6px;
}
#topService li a {
color: #888888;
}
#panel {
position: fixed;
z-index: 9999;
}
#logo {
text-align: left;
}
#topSearch input[type="text"] {
font-size: 14px;
}
#topSeachCloseForm {
font-size: 13px;
}
#popSection .item {
width: 50%;
height: 150px;
}
#popSection .nameWrap {
height: 32px;
line-height: 32px;
}
#popSection .item:nth-child(2n+1).last {
line-height: 95px;
height: 95px;
width: 100%;
}
}
@media all and (max-width: 486px) {
/*#catalogLine .column:last-child {
display: none;
}*/
}
@media all and (max-width: 480px) {
.appZoomContainerExit {
right: 0 !important;
}
#homeCatalog {
margin-top: 0px;
}
#leftFooter .column {
width: 100%;
}
#leftFooter .column:nth-child(2n) {
display: none;
}
#flushFooterCart .item:nth-child(2) {
display: none;
}
.sn {
display: none;
}
#catalogTableList .column:nth-child(2) {
padding-left: 0px;
margin-top: 0px;
}
#catalogTableList .column {
text-align: center;
display: block;
}
#catalogTableList .column:first-child {
width: auto;
}
#catalogTableList .column:nth-child(1) {
margin-top: 24px;
display: block;
}
#catalogTableList .name {
text-align: center;
}
#catalogTableList .price .discount {
right: 48px;
}
#catalogTableList .addCart,
#catalogTableList .more {
margin: 0;
}
#leftFooter .heading {
text-align: center;
}
#leftFooter ul {
text-align: center;
}
#footerBottom .creator {
text-align: center;
padding: 0px;
float: none;
}
#slider {
margin-bottom: 24px;
}
#slider .sliderBtnLeft,
#slider .sliderBtnRight {
display: none !important;
}
#slider ul li span,
#slider .slideVideoContainer,
#slider .videoPoster {
height: 178px;
}
#slider .sliderContent {
/*text-align: center;*/
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-shadow: 1px 1px 10px #ffffff;
padding: 0 12px;
right: unset;
left: unset;
width: 100%;
}
#slider .sliderContent .bigText,
#slider .sliderContent .bigTextColor,
#slider .sliderContent .bigTextLight {
line-height: 24px;
font-size: 18px;
}
#slider .sliderContent br {
display: none;
}
#slider ul li span {
/* -webkit-filter: url(#blur);
filter: url(#blur);
-webkit-filter: blur(3px);
filter: blur(3px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');*/
-webkit-transition: 1s -webkit-filter linear;
transition: 1s filter linear;
opacity: 1;
}
#slider ul li span:hover {
transform: scale(1);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
-webkit-filter: blur(0px);
filter: blur(0px);
}
#slider .sliderContent .cButtonLight,
#slider .sliderContent .cButton {
line-height: 40px;
margin-top: 12px;
padding: 0 12px;
height: 40px;
}
#slider .sliderContent .bigText,
#slider .sliderContent .bigTextColor,
#slider .sliderContent .bigTextLight {
margin-top: 6px;
}
#slider .sliderContent .mediumText,
#slider .sliderContent .mediumTextColor,
#slider .sliderContent .mediumTextLight {
line-height: 21px;
margin-top: 6px;
}
#slider .sliderContent .smallText,
#slider .sliderContent .smallTextColor,
#slider .sliderContent .smallTextLight {
line-height: 18px;
font-size: 13px;
margin-top: 6px;
}
}
@media all and (max-width: 450px) {
.user-geo-position-label {
display: none;
}
}
@media all and (max-width: 430px) {
#requestPrice #requestPriceContainer {
height: 450px;
}
#requestPrice .requestPriceHeading {
font-size: 16px;
}
/* #requestPrice .requestPriceHeading .close{
display: none;
}*/
#requestPrice .requestPriceFormHeading {
margin-top: 32px;
}
}
@media all and (max-width: 400px) {
#logo {
width: 150px;
padding-left: 12px;
}
.productColImage {
width: 50%;
}
#catalogLine .oFilter {
margin-right: 0;
}
#catalogLine {
padding: 0;
border: none;
height: 32px;
line-height: 32px;
}
#catalogColumn #smartFilter {
margin-top: 42px;
}
}
@media all and (max-width: 360px) {
#brandList .item {
width: 50%;
}
#brandList .item:nth-child(2n+1).last {
line-height: 70px;
height: 70px;
width: 100%;
}
#brandList .last .ps,
#brandList .last .value,
#popSection .last .small {
font-size: 13px;
}
#catalogLine .oSmartFilter.btn-simple.btn-micro {
min-width: 94px;
}
#headerTools .tools li {
border-left: none;
}
#logo {
width: 120px;
}
}
@media all and (max-width: 300px) {
#headerTools .tools .telephone {
display: none !important;
}
}
#ORDER_CONFIRM_BUTTON {
text-shadow: none !important;
height: 50px !important;
line-height: 50px !important;
}
.addCart.disabled {
pointer-events: none;
cursor: default;
}
.addCart.requestPrice {
background-color: #2b2b2b !important;
pointer-events: auto !important;
cursor: pointer !important;
}
.addCart.requestPrice:hover {
opacity: 0.8 !important;
}
.addCart.requestPrice:active {
position: relative;
top: 1px;
}
.sale_order_full_table input[name="BuyButton"],
.sale_order_full_table input[type="submit"] {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
line-height: 50px;
cursor: pointer;
padding: 0 48px;
height: 50px;
border: 0px;
}
div.bx-debug-summary {
z-index: 99999 !important;
}
.appZoomContainerExit {
background: url(/local/templates/dresscode_lk/images/exitWindow.png) 0 0 no-repeat transparent;
position: absolute;
height: 38px;
width: 38px;
right: -38px;
top: -38px;
}
.appZoomContainerExit:hover {
background-position: 0px -38px;
}
.appZoomContainerExit:active {
background-position: 0px -76px;
}
#appZoomWindow .appZoomContainer {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#appZoomWindow .appZoomContainer.loading {
background: url(/local/templates/dresscode_lk/images/windowLoader.gif) 50% 50% no-repeat transparent;
min-height: 100px;
min-width: 100px;
}
.fastBack.disabled {
/*pointer-events: none;*/
cursor: not-allowed;
}
.fastBack.disabled:hover {
color: #717171;
}
.fastBack.disabled:active {
top: 0px;
}
.getPricesWindow {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer !important;
}
.getPricesWindow:hover {
color: #444444;
}
.getPricesWindow:active {
position: relative;
top: 1px;
}
.getPricesWindow .priceIcon {
background: url(/local/templates/dresscode_lk/images/priceInfo.png) 0 0 no-repeat transparent;
vertical-align: middle;
display: inline-block;
margin-right: 10px;
margin-top: -2px;
height: 21px;
width: 21px;
}
.getPricesWindow .priceIcon:hover {
background-position: 0px -21px;
}
.getPricesWindow .priceIcon:active {
background-position: 0px -42px;
}
.global-block-container {
border-collapse: collapse;
table-layout: fixed;
display: table;
width: 100%;
}
.padding18px {
padding-left:18px;
}
.global-content-block,
.global-information-block {
display: table-cell;
vertical-align: top;
}
.global-content-block .detail-text-wrap:first-child {
margin-top: 0;
}
.global-information-block {
position: relative;
padding-left: 24px;
overflow: hidden;
width: 280px;
}
.padding-fix {
padding-right: 24px;
padding-left: 0 !important;
}
.global-information-block.fixed .global-information-block-cn {
padding-top: 150px;
overflow: hidden;
position: fixed;
width: 100%;
top: 0px
}
.global-information-block-hide-scroll {
padding-right: 24px;
max-height: 100vh;
overflow-y: auto;
width: 320px;
}
.global-information-block-hide-scroll-cn {
width: 280px;
}
.global-information-block.max-scroll .global-information-block-cn {
position: absolute;
bottom: 0px;
top: auto;
}
.questions-answers .h2 {
margin: 18px 0;
}
.question-answer-wrap {
font-size: 14px;
line-height: 24px;
color: #000000;
margin-bottom: 12px;
padding: 0 18px 0 24px;
border: 1px solid #f3f3f3;
transition: all 0.2s ease-in-out;
}
.question-answer-wrap:last-child {
margin-bottom: 0;
}
.question-answer-wrap:hover {
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05);
}
.questions-answers-list .question {
position: relative;
padding: 24px 0;
padding-right: 120px;
cursor: pointer;
}
.questions-answers-list .open-answer {
position: absolute;
right: 6px;
top: 50%;
width: 110px;
height: 25px;
margin-top: -12px;
overflow: hidden;
}
.questions-answers-list .open-answer span {
position: absolute;
left: 0;
top: 0;
display: block;
font-size: 13px;
height: 25px;
line-height: 25px;
color: #000000;
transition: all 0.3s linear;
}
.questions-answers-list span.hide-answer-text {
top: -25px;
}
.questions-answers-list .active span.hide-answer-text {
top: 0;
}
.questions-answers-list .active span.open-answer-text {
top: 25px;
}
.questions-answers-list .open-answer-btn {
position: absolute;
right: 0;
top: 0;
width: 25px;
height: 25px;
background: url("/local/templates/dresscode_lk/images/question-arrow.png") center center / contain no-repeat;
transition: all 0.3s linear;
}
.questions-answers-list .active .open-answer-btn {
transform: rotate(-180deg);
}
.questions-answers-list .answer {
display: none;
padding: 24px 0;
border-top: 1px solid #efefef;
color: #888888;
}
@media screen and (max-width: 800px) {
.questions-answers-list .answer {
padding: 0 12px;
}
.questions-answers-list .question {
padding: 12px 36px 12px 0;
line-height: 20px;
}
.questions-answers-list .answer {
padding: 12px 0;
line-height: 20px;
}
.questions-answers-list .open-answer {
right: 0;
}
.questions-answers-list .open-answer span {
display: none;
}
}
.information-heading {
font-family: "robotomedium";
margin-bottom: 12px;
font-size: 21px;
}
.information-text {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 12px;
color: #555555;
}
.information-list-item {
border: 1px solid #f1f1f1;
border-radius: 2px;
padding: 12px 12px;
margin-top: 24px;
}
.information-item-icon {
padding-right: 24px;
width: 42px;
}
.information-list-item a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
color: #000000;
}
.information-list-item a:hover {
color: #777777;
}
.information-list-item a:active {
position: relative;
top: 1px;
}
.information-feedback-container {
margin-top: 24px;
}
.information-feedback {
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
text-decoration: none;
text-align: center;
padding: 18px 12px;
font-size: 16px;
display: block;
}
.information-feedback:active {
position: relative;
top: -1px;
}
.pilink {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
color: #888888;
}
.pilink:hover {
opacity: 0.7;
}
.pilink:active {
position: relative;
top: 1px;
}
.tb {
border-collapse: collapse;
table-layout: fixed;
display: table;
width: 100%;
}
.tc {
vertical-align: middle;
display: table-cell;
}
#catalog-section-banners {
margin: 24px 0px;
overflow: hidden;
clear: both;
}
#catalog-section-banners ul {
padding: 0;
margin: 0;
}
#catalog-section-banners ul > li {
list-style: none;
float: left;
width: 0px;
}
#catalog-section-banners ul > li:first-child {
width: auto;
}
#catalog-section-banners li img {
width: 100%;
}
#catalog-section-banners ol {
margin: 0px;
padding: 0px;
list-style: none;
position: absolute;
left: 50%;
bottom: 12px;
}
#catalog-section-banners ol {
position: absolute;
left: 50%;
bottom: 12px;
}
#catalog-section-banners ol li {
background: url(/local/templates/dresscode_lk/images/slideButtonSect.png) 0 0 no-repeat transparent;
margin-right: 4px;
width: 18px;
height: 18px;
float: left;
cursor: pointer;
}
#catalog-section-banners ol li:hover {
background: url(/local/templates/dresscode_lk/images/slideButtonSect.png) -18px 0 no-repeat transparent;
}
#catalog-section-banners ol li:active {
background: url(/local/templates/dresscode_lk/images/slideButtonSect.png) -36px 0 no-repeat transparent;
}
#catalog-section-banners ol li.selected {
background: url(/local/templates/dresscode_lk/images/slideButtonSect.png) -54px 0 no-repeat transparent;
}
#catalog-section-banners ol li.selected:hover {
background: url(/local/templates/dresscode_lk/images/slideButtonSect.png) -72px 0 no-repeat transparent;
}
#catalog-section-banners ol li.selected:active {
background: url(/local/templates/dresscode_lk/images/slideButtonSect.png) -90px 0 no-repeat transparent;
}
#catalog-section-banners .catalog-section-banners-btn-left,
#catalog-section-banners .catalog-section-banners-btn-right {
background: url(/local/templates/dresscode_lk/images/slideArrowSect.png) no-repeat transparent;
position: absolute;
margin-top: -30px;
display: block;
height: 60px;
width: 30px;
top: 50%;
}
#catalog-section-banners .catalog-section-banners-btn-left {
background-position: 0 0;
left: 0px;
}
#catalog-section-banners .catalog-section-banners-btn-left:hover {
background-position: -30px 0;
}
#catalog-section-banners .catalog-section-banners-btn-left:active {
background-position: -60px 0;
}
#catalog-section-banners .catalog-section-banners-btn-right {
background-position: 0 -60px;
right: 0px;
}
#catalog-section-banners .catalog-section-banners-btn-right:hover {
background-position: -30px -60px;
}
#catalog-section-banners .catalog-section-banners-btn-right:active {
background-position: -60px -60px;
}
.bx-sls .quick-location-tag, .bx-slst .quick-location-tag {
color: #23527c !important;
}
.list-advantages {
max-width: none;
font-size: 0;
line-height: 0;
margin: 18px -12px 24px;
}
.list-advantages .list-item {
display: inline-block;
vertical-align: top;
max-width: 100%;
width: 350px;
box-sizing: border-box;
padding: 12px;
}
.list-advantages .tc {
vertical-align: top;
}
.list-advantages .image {
width: 74px;
}
.list-advantages .text-wrap {
font-size: 14px;
color: #000000;
}
.list-advantages .name {
max-height: 40px;
margin-bottom: 6px;
overflow: hidden;
font-family: "robotomedium";
font-size: 16px;
line-height: 20px;
}
.list-advantages .descr {
max-height: 32px;
line-height: 16px;
overflow: hidden;
}
#colorSwitcher {
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4);
transform: translateX(192px);
background-color: #ffffff;
margin-top: -275px;
text-align: center;
position: fixed;
z-index: 99999;
height: 550px;
width: 192px;
right: 0px;
top: 50%;
}
#colorSwitcher:hover {
transform: translateX(0);
}
#colorSwitcher .settingTouch {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: #000000;
text-align: center;
position: absolute;
line-height: 50px;
height: 50px;
width: 50px;
left: -50px;
}
#colorSwitcher .settingTouch:hover {
background: #2b2b2b;
}
#colorSwitcher .settingTouchPicture {
background: url(/local/templates/dresscode_lk/images/setting.png) 50% 50% no-repeat transparent;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
vertical-align: middle;
display: inline-block;
height: 24px;
width: 24px;
}
#colorSwitcher:hover .settingTouchPicture {
transform: rotate(360deg);
}
#colorSwitcher .title {
text-transform: uppercase;
font-family: 'robotobold';
text-align: center;
margin-top: 12px;
}
#colorSwitcher .items,
#colorSwitcher .backgroundItems {
text-align: center;
margin-top: 12px;
overflow: hidden;
}
#colorSwitcher .menuSelect {
margin-top: 12px;
}
#colorSwitcher .menuSelect select {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 12px;
outline: none;
height: 35px;
width: 85%;
}
#colorSwitcher .menuSelect option {
padding: 12px 0px;
}
#colorSwitcher .item {
margin-bottom: 12px;
margin-left: 12px;
height: 48px;
width: 48px;
float: left;
}
#colorSwitcher .item:nth-child(3n+1) {
/*margin-left: 0px;*/
}
#colorSwitcher .close {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: rgba(0, 0, 0, 0.8);
text-decoration: none;
display: inline-block;
margin-top: 8px;
text-align: center;
border-radius: 4px;
line-height: 30px;
padding: 0 24px;
color: #ffffff;
}
#colorSwitcher .close:hover {
background-color: rgba(0, 0, 0, 1);
}
#colorSwitcher .item a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-radius: 50%;
display: block;
height: 48px;
width: 48px;
}
#colorSwitcher .selected a {
background-image: url(/local/templates/dresscode_lk/images/check.png);
background-repeat: no-repeat;
background-position: 50% 50%;
}
#colorSwitcher .item .color1 {
background-color: #ff9601;
}
#colorSwitcher .item .color1:hover {
background-color: #ffb800;
}
#colorSwitcher .item .color2 {
background-color: #fb9bad;
}
#colorSwitcher .item .color2:hover {
background-color: #f3889d;
}
#colorSwitcher .item .color3 {
background-color: #ff855f;
}
#colorSwitcher .item .color3:hover {
background-color: #e77652;
}
#colorSwitcher .item .color4 {
background-color: #daa550;
}
#colorSwitcher .item .color4:hover {
background-color: #e4a540;
}
#colorSwitcher .item .color5 {
background-color: #b15b49;
}
#colorSwitcher .item .color5:hover {
background-color: #a05a4b;
}
#colorSwitcher .item .color6 {
background-color: #f44336;
}
#colorSwitcher .item .color6:hover {
background-color: #d42d20;
}
#colorSwitcher .item .color7 {
background-color: #acce11;
}
#colorSwitcher .item .color7:hover {
background-color: #94b20e;
}
#colorSwitcher .item .color8 {
background-color: #27c148;
}
#colorSwitcher .item .color8:hover {
background-color: #19cc3f;
}
#colorSwitcher .item .color9 {
background-color: #27bfc1;
}
#colorSwitcher .item .color9:hover {
background-color: #25ccce;
}
#colorSwitcher .item .color10 {
background-color: #3498db;
}
#colorSwitcher .item .color10:hover {
background-color: #2395e1;
}
#colorSwitcher .item .color11 {
background-color: #2a65d0;
}
#colorSwitcher .item .color11:hover {
background-color: #0d57dc;
}
#colorSwitcher .item .color12 {
background-color: #0061b2;
}
#colorSwitcher .item .color12:hover {
background-color: #006ac2;
}
#colorSwitcher .item .color13 {
background-color: #c651d0;
}
#colorSwitcher .item .color13:hover {
background-color: #d75ee1;
}
#colorSwitcher .item .color14 {
background-color: #c12752;
}
#colorSwitcher .item .color14:hover {
background-color: #c61c4b;
}
#colorSwitcher .item .color15 {
background-color: #ed1c24;
}
#colorSwitcher .item .color15:hover {
background-color: #ff232b;
}
#colorSwitcher .item .white {
background-color: #eeeeee;
}
#colorSwitcher .item .black {
background-color: #000000;
}
.colorSwitcherLoader {
background-color: rgba(0, 0, 0, 0.4);
text-align: center;
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 9999;
}
.colorSwitcherLoader svg {
height: 180px;
width: 180px;
margin: auto;
overflow: visible;
position: absolute;
margin-top: -120px;
top: 50%;
left: 50%;
display: none;
}
.colorSwitcherLoader.visible svg {
display: block;
}
.bx-soa-pp-company {
z-index: 1 !important;
}
#bx-soa-order * {
-webkit-box-sizing: border-box !Important;
-moz-box-sizing: border-box !Important;
box-sizing: border-box !Important;
}
#reformal_tab {
z-index: 9991 !important;
}
.sale_order_full_table input[name="BuyButton"] {
margin-bottom: 24px;
}
.microdata {
display: none;
}
.banner-animated .image {
opacity: 0;
transform: translate3d(30px, 0, 0);
transition: all 0.6s 0.4s ease-in-out;
}
.banner-animated.banner-image-load .image {
opacity: 1;
transform: translate3d(0, 0, 0);
}
/*start кнопки общие*/
.btn-simple-wrap {
margin-top: 14px;
}
.btn-simple {
position: relative;
display: inline-block;
min-width: 200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 21px 24px 19px;
font-family: "roboto_ltregular";
font-size: 14px;
line-height: 18px;
text-align: center;
border: 1px solid transparent;
border-radius: 2px;
color: #ffffff;
-webkit-transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
cursor: pointer;
text-decoration: none;
}
.btn-simple:active {
top: 1px;
}
.btn-simple.btn-black {
background: #2d2d2d;
border-color: #2d2d2d;
}
.btn-simple.btn-black:hover {
background: #202020;
border-color: #202020;
}
.btn-simple.btn-black-border {
background: transparent;
border-color: #aaaaaa;
color: #000000;
}
.btn-simple.btn-black-border:hover {
border-color: #000000;
background: transparent;
}
.btn-simple.btn-medium {
padding: 16px 24px 14px;
}
.btn-simple.btn-small {
min-width: 126px;
padding: 12px 8px 10px;
}
.btn-simple.btn-micro {
min-width: 114px;
padding: 6px 8px 4px;
}
.btn-simple.add-cart {
min-width: 90px;
padding: 4px 8px 3px;
background: transparent;
color: #000;
border-color: #e7e8ea;
}
.btn-simple.add-cart:hover {
border-color: #000;
background: transparent;
}
.active-link {
display: inline-block;
font-family: "robotobold";
font-size: 14px;
color: #000000;
text-transform: uppercase;
text-decoration: none;
border-bottom: 1px dashed #000000;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.active-link:active {
position: relative;
top: 1px;
}
.inactive-link {
display: inline-block;
font-family: "robotobold";
font-size: 14px;
color: #888888;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.inactive-link:active {
position: relative;
top: 1px;
}
.text-link {
display: inline-block;
vertical-align: middle;
color: #3b3732;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.text-link:active {
position: relative;
top: 1px;
}
.big-text-link {
display: inline-block;
vertical-align: middle;
font-size: 16px;
color: #3b3732;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.big-text-link:active {
position: relative;
top: 1px;
}
.link-dashed {
display: inline-block;
font-family: "roboto_ltregular";
font-size: 14px;
color: #000000;
text-decoration: none;
border-bottom: 1px dashed #000000;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.link-dashed:active {
position: relative;
top: 1px;
}
.theme-link-dashed {
display: inline-block;
font-family: "roboto_ltregular";
/*font-size: 14px;*/
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dashed;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.theme-link-dashed:active {
position: relative;
top: 1px;
}
.tabs-wrap {
/*margin: 24px 0;*/
}
.tabs-wrap .tabs-links {
font-size: 0;
}
.tabs-wrap .tab-link {
display: inline-block;
vertical-align: top;
font-size: 14px;
}
.tabs-wrap .tab-link:active {
top: 1px;
}
.tabs-wrap .tab-link:last-child {
margin-right: 0;
}
.tabs-wrap .tab-btn-link {
position: relative;
display: inline-block;
min-width: 126px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 6px 6px 0;
/*padding: 12px 14px 10px;*/
padding: 8px 14px 6px;
font-family: "roboto_ltregular";
font-size: 14px;
line-height: 18px;
text-align: center;
border: 1px solid #e7e8ea;
border-radius: 2px;
color: #888888;
-webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
cursor: pointer;
text-decoration: none;
}
.tabs-wrap .tab-dashed-link {
position: relative;
display: inline-block;
margin: 0 30px 6px 0;
font-family: "robotobold";
font-size: 14px;
color: #888888;
text-transform: uppercase;
text-decoration: none;
border-bottom: 1px dashed transparent;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.tabs-wrap .tab-dashed-link.active {
color: #000000;
border-color: #000000;
}
.tabs-wrap .tab-dashed-link.active:hover {
color: #000000;
border-color: #000000;
}
.tabs-wrap .tabs-content {
margin-top: 18px;
}
.tabs-wrap .tab-content {
display: none;
}
.tabs-wrap .tab-content.active {
display: block;
}
.consultation-wrap {
box-sizing: border-box;
padding: 14px 40px 16px 22px;
border: 1px solid #e7e8ea;
background: #fafafa;
color: #000000;
}
.consultation-wrap .tb {
width: 100%;
}
.consultation-wrap .image {
width: 128px;
}
.consultation-wrap .consultation-btn-wrap {
width: 224px;
text-align: right;
}
.consultation-wrap .consultation-heading {
margin-bottom: 6px;
font-family: "robotomedium";
font-size: 21px;
line-height: 25px;
font-weight: 400;
color: #000000;
text-decoration: none;
}
.consultation-wrap .text {
max-height: 48px;
overflow: hidden;
font-size: 14px;
line-height: 16px;
}
@media screen and (max-width: 790px) {
.consultation-wrap {
padding: 18px 12px;
}
.consultation-wrap .tc.image {
display: none;
}
}
@media screen and (max-width: 550px) {
.consultation-wrap .tc {
display: block;
width: 100%;
text-align: left;
}
.consultation-wrap .consultation-btn-wrap {
margin-top: 18px;
}
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-align-center {
align-items: center;
}
.flex .flex-item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: calc(50% - 10px);
padding: 30px 24px;
border: 1px solid #e7e8ea;
}
.flex .flex-col {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: calc(50% - 10px);
padding: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex .flex-col .flex-item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: calc(100% - 10px);
padding: 30px 24px;
border: 1px solid #e7e8ea;
}
.flex .flex-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex .flex-col .flex-item.flex-stretch {
margin-top: 20px;
}
.flex-start {
justify-content: flex-start;
}
.flex-bottom {
align-items: flex-end;
justify-content: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: column;
}
@media all and (max-width: 750px) {
.flex .flex-item,
.flex .flex-col {
width: 100%;
margin-bottom: 12px;
}
}
.h1 {
display: block;
margin-bottom: 6px;
font-family: "roboto_ltregular";
font-size: 24px;
line-height: 30px;
font-weight: 400;
color: #000000;
text-decoration: none;
}
.h2 {
display: block;
margin-bottom: 6px;
font-family: "roboto_ltregular";
font-size: 21px;
line-height: 25px;
font-weight: 400;
color: #000000;
text-decoration: none;
}
.h3 {
display: block;
margin-bottom: 6px;
font-family: "roboto_ltregular";
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: #000000;
text-decoration: none;
}
.ff-bold {
font-family: "robotobold";
}
.block-item .ff-bold, .block-content .ff-bold {
font-family: "robotobold" !important;
}
.ff-medium {
font-family: "robotomedium";
}
.detail-text-wrap {
margin: 24px 0;
line-height: 24px;
}
.detail-text-wrap .h1 {
margin-bottom: 12px;
}
.detail-text-wrap .h2 {
margin-bottom: 12px;
}
.detail-text-wrap .h3 {
margin-bottom: 12px;
}
.detail-text-wrap p {
margin: 0 0 14px;
line-height: 24px;
}
.detail-text-wrap *:last-child {
margin-bottom: 0;
}
.detail-text-wrap ul {
padding-left: 16px;
}
.detail-text-wrap ol {
padding-left: 16px;
}
.detail-text-wrap img.fixwidth {
display: inline-block;
max-width: 100%;
width: auto;
height: auto;
}
.error-wrap {
margin: 18px 0;
padding: 48px 42px 36px;
font-size: 14px;
line-height: 24px;
color: #952525;
border: 1px solid #bc8383;
}
.table-simple-wrap {
overflow: auto;
}
.table-simple {
margin: 18px 0 36px;
border-collapse: collapse;
width: 100%;
min-width: 700px;
border-spacing: 0;
table-layout: auto;
border: 0;
}
.table-simple th {
vertical-align: middle;
padding: 12px 24px;
font-family: "robotomedium";
background: #f7f7f7;
border: 1px solid #e4e4e4;
}
.table-simple td {
vertical-align: middle;
padding: 12px 24px;
border: 1px solid #e4e4e4;
}
.table-simple td:last-child {
text-align: center;
}
.blockquote-wrap {
margin: 42px 0 24px;
padding: 48px 120px 42px 54px;
background: #f9f9f9;
}
.blockquote-wrap blockquote {
margin: 0;
padding: 0;
font-size: 18px;
line-height: 30px;
color: #888888;
}
.blockquote-wrap blockquote:before {
content: "";
display: inline-block;
width: 40px;
height: 33px;
margin-right: 10px;
background: url("/local/templates/dresscode_lk/images/blockquote.png") center center / contain no-repeat;
}
.blockquote-wrap p {
margin-top: 14px;
}
.new-list-items-wrap {
margin-top: 24px;
}
.new-list-items {
max-width: none;
margin: 18px -12px 30px;
font-size: 0;
}
.new-list-items > div[id*="bx_incl_area"] {
display: inline-block;
vertical-align: top;
width: 33.333%;
}
.new-list-items > div[id*="bx_"] > .list-item-wrap {
width: 100%;
}
.new-list-items .list-item-wrap {
display: inline-block;
vertical-align: top;
width: 33.333%;
padding: 12px;
box-sizing: border-box;
}
.new-list-items .list-item {
padding: 24px 18px;
border: 1px solid #e7e8ea;
border-radius: 2px;
}
.new-list-items .image {
width: 54px;
padding-right: 18px;
}
.new-list-items .image-container {
display: block;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.new-list-items .image-container img {
display: block;
max-width: 100%;
}
.new-list-items .image-container:hover {
opacity: 0.9;
}
.new-list-items .image-container:active {
position: relative;
top: 1px;
}
.new-list-items .text {
color: #000000;
}
.new-list-items .name {
display: block;
margin-bottom: 12px;
font-size: 14px;
line-height: 18px;
max-height: 18px;
overflow: hidden;
text-decoration: none;
color: #000000;
}
.new-list-items .name:active {
position: relative;
top: 1px;
}
.new-list-items .price {
position: relative;
display: inline-block;
padding-right: 18px;
font-size: 18px;
font-family: "robotobold";
}
.new-list-items .old-price {
position: absolute;
right: 0;
top: -12px;
font-size: 13px;
line-height: 15px;
font-family: "roboto_ltregular";
font-size: 13px;
color: #888888;
}
.new-list-items .active-link {
text-transform: none;
font-family: "roboto_ltregular";
}
.new-list-items .addCart.added {
color: #888888;
border-color: #888888;
background: none !important;
}
.new-list-items .addCart.added:hover {
color: #000;
border-color: #000;
}
.price-container .addCart.added:hover {
border-color: transparent;
}
@media screen and (max-width: 1600px) {
.blockquote-wrap {
margin: 24px 0 18px;
padding: 30px 30px 36px 42px;
}
.new-list-items {
margin: 0 -6px;
}
.new-list-items .list-item-wrap {
padding: 6px;
}
.new-list-items .list-item {
padding: 12px;
}
.new-list-items .image {
padding-right: 12px;
}
}
@media screen and (max-width: 1400px) {
.new-list-items .list-item-wrap {
width: 50%;
}
}
@media screen and (max-width: 1280px) {
.new-list-items .list-item-wrap {
width: 33.333%;
}
}
@media screen and (max-width: 1100px) {
.new-list-items .list-item-wrap {
width: 50%;
}
}
@media screen and (max-width: 1024px) {
.blockquote-wrap blockquote {
font-size: 16px;
line-height: 24px;
}
.detail-text-wrap .h1 {
font-size: 20px;
line-height: 24px;
}
.detail-text-wrap .h2 {
font-size: 18px;
line-height: 22px;
}
}
@media screen and (max-width: 800px) {
.blockquote-wrap blockquote:before {
width: 20px;
height: 18px;
}
.blockquote-wrap {
padding: 18px 12px 18px 24px;
}
}
@media screen and (max-width: 790px) {
.new-list-items {
margin: -3px;
}
.new-list-items .list-item-wrap {
width: 100%;
padding: 3px;
}
.new-list-items .list-item {
padding: 8px;
}
}
@media screen and (max-width: 500px) {
.detail-text-wrap .h1 {
font-size: 18px;
line-height: 22px;
}
.detail-text-wrap .h2 {
font-size: 16px;
line-height: 20px;
}
.detail-text-wrap .h3 {
font-size: 15px;
line-height: 18px;
}
}
@media screen and (max-width: 400px) {
.new-list-items .price {
font-size: 16px;
}
.new-list-items .name {
max-height: 36px;
}
}
.gray-bg-text {
margin-bottom: 24px;
padding: 30px 24px;
font-size: 14px;
line-height: 24px;
color: #000000;
background: #f9f9f9;
}
@media screen and (max-width: 1024px) {
.gray-bg-text {
padding: 12px;
}
}
.btn-wrap {
margin-top: 24px;
font-size: 0;
}
.btn-wrap .btn-simple {
vertical-align: top;
margin-bottom: 6px;
margin-right: 6px;
}
.active-link {
display: inline-block;
font-family: "robotobold";
font-size: 14px;
color: #000000;
text-transform: uppercase;
text-decoration: none;
border-bottom: 1px dashed #000000;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.active-link:active {
position: relative;
top: 1px;
}
.inactive-link {
display: inline-block;
font-family: "robotobold";
font-size: 14px;
color: #888888;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.inactive-link:active {
position: relative;
top: 1px;
}
.text-link {
display: inline-block;
vertical-align: middle;
color: #3b3732;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.text-link:active {
position: relative;
top: 1px;
}
.big-text-link {
display: inline-block;
vertical-align: middle;
font-size: 16px;
color: #3b3732;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.big-text-link:active {
position: relative;
top: 1px;
}
.link-dashed {
display: inline-block;
font-family: "roboto_ltregular";
font-size: 14px;
color: #000000;
text-decoration: none;
border-bottom: 1px dashed #000000;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.link-dashed:active {
position: relative;
top: 1px;
}
.theme-link-dashed {
display: inline-block;
font-family: "roboto_ltregular";
/*font-size: 14px;*/
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dashed;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.theme-link-dashed:active {
position: relative;
top: 1px;
}
.banners-list {
max-width: none;
margin: 0 -12px 42px;
font-size: 0;
}
.banners-list .banner-wrap {
display: inline-block;
width: 50%;
padding: 12px;
box-sizing: border-box;
vertical-align: top;
}
.banner-wrap .banner-elem {
border: 1px solid #e7e8ea;
}
.banner-wrap + .global-block-container .detail-text-wrap {
margin-top: 0;
}
.banner-elem {
height: 296px;
overflow: hidden;
}
.banner-elem .limiter {
height: 100%;
}
.banner-elem .tb {
height: 100%;
}
.banner-elem .tr {
display: table-row;
height: 100%;
}
.banner-elem .text-wrap {
padding-left: 54px;
color: #000;
}
.banner-elem .text-wrap *:last-child {
margin-bottom: 0;
}
.banner-elem .date {
margin-bottom: 6px;
font-size: 13px;
color: #000000;
}
.banner-elem h1 {
font-size: 36px;
margin-bottom: 18px;
line-height: 43px;
max-height: 86px;
overflow: hidden;
}
.banner-elem .h2 {
display: inline-block;
vertical-align: top;
line-height: 25px;
max-height: 50px;
overflow: hidden;
}
.banner-elem .price {
margin-bottom: 6px;
font-size: 18px;
line-height: 22px;
max-height: 22px;
overflow: hidden;
}
.banner-elem .descr {
margin-bottom: 8px;
font-size: 13px;
line-height: 15px;
max-height: 45px;
overflow: hidden;
}
.banner-elem .image {
width: 55%;
/*vertical-align: bottom;*/
vertical-align: middle;
padding-left: 12px;
font-size: 0;
line-height: 0;
text-align: right;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.banner-elem .image img {
display: block;
max-width: 100%;
max-height: 296px;
width: auto;
height: auto;
margin-left: auto;
transition: all 0.4s ease-in-out;
transform: translate3d(0, 0, 0) scale(1);
}
.banner-elem .image-link {
display: block;
width: auto;
}
.banner-elem .image-link:hover img {
transform: translate3d(0, 0, 0) scale(1.02);
}
.banner-elem .image .image-link {
display: inline-block;
}
.banner-elem .image .image-link img {
display: inline-block;
margin: auto;
}
.banner-elem .social {
height: 60px;
margin-top: 12px;
}
@media screen and (max-width: 1600px) {
.banners-list {
margin: 0 -8px 42px;
}
.banners-list .banner-wrap {
padding: 8px;
}
.banner-elem .text-wrap {
padding-left: 24px;
}
.banner-elem .image {
width: 60%;
}
}
@media screen and (max-width: 1400px) {
.banners-list {
margin: 0 -6px 42px;
}
.banners-list .banner-wrap {
padding: 6px;
}
.banner-elem {
height: 260px;
}
.banner-elem .image img {
max-height: 260px;
}
.banner-elem .text-wrap {
padding-left: 18px;
}
.banner-elem .price {
font-size: 16px;
line-height: 20px;
max-height: 20px;
}
.banner-elem .social {
height: 30px;
}
}
@media screen and (max-width: 1280px) {
.banner-elem h1 {
font-size: 24px;
margin-bottom: 12px;
line-height: 29px;
max-height: 58px;
}
}
@media screen and (max-width: 1200px) {
.banner-elem {
height: 220px;
}
.banner-elem .image {
width: 50%;
}
.banner-elem .image img {
max-height: 220px;
}
.banner-elem .h2 {
font-size: 18px;
line-height: 22px;
max-height: 44px;
}
.banner-elem .price {
font-size: 15px;
line-height: 18px;
max-height: 18px;
}
}
@media screen and (max-width: 1024px) {
.banners-list {
margin: 0 -3px 24px;
}
.banners-list .banner-wrap {
padding: 3px;
}
.banner-elem {
height: 160px;
}
.banner-elem h1 {
font-size: 20px;
margin-bottom: 10px;
line-height: 24px;
max-height: 48px;
}
.banner-elem .image {
width: 55%;
}
.banner-elem .image img {
max-height: 160px;
}
.banner-elem .price {
display: none;
}
}
@media screen and (max-width: 800px) {
.banners-list .banner-wrap:nth-child(n) {
width: 100%;
}
.banner-elem .text-wrap {
padding-left: 24px;
}
.banner-elem .image {
width: 50%;
text-align: center;
}
.banner-elem .image img {
margin: 0 auto;
}
}
@media screen and (max-width: 500px) {
/*.banner-elem .social{
display: none;
}*/
}
@media screen and (max-width: 400px) {
.banner-elem {
height: 150px;
}
.banner-elem .h2 {
font-size: 16px;
line-height: 20px;
max-height: 40px;
}
.banner-elem .price {
font-size: 14px;
line-height: 18px;
max-height: 18px;
}
.banner-elem .text-wrap {
padding-left: 12px;
}
.banner-elem .btn-simple.btn-micro {
min-width: 100px;
padding: 3px 8px 3px;
}
.banner-elem .image {
width: 50%;
}
.banner-elem .image img {
max-height: 150px;
}
.services-banners-list .banner-wrap .banner-elem {
background: none !important;
}
}
.fullscreen-banner {
height: 470px;
margin-bottom: 24px;
border-bottom: 1px solid #e7e8ea;
}
.fullscreen-banner .limiter {
position: relative;
height: 100%;
}
.fullscreen-banner #breadcrumbs {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.fullscreen-banner #breadcrumbs + .tb .text-wrap {
padding: 42px 0 0;
}
.fullscreen-banner h1 {
margin-bottom: 12px;
}
.fullscreen-banner .price {
margin-bottom: 12px;
font-size: 30px;
line-height: 36px;
max-height: 36px;
}
.fullscreen-banner .descr {
margin-bottom: 24px;
font-size: 14px;
line-height: 24px;
max-height: 120px;
}
.fullscreen-banner .image {
width: 55%;
}
.fullscreen-banner .image img {
margin: 0 auto;
max-height: 470px;
}
@media screen and (max-width: 1600px) {
.fullscreen-banner {
height: 440px;
}
.fullscreen-banner .image img {
max-height: 440px;
}
}
@media screen and (max-width: 1400px) {
.fullscreen-banner {
height: 420px;
}
.fullscreen-banner .price {
font-size: 24px;
line-height: 30px;
height: 30px;
}
.fullscreen-banner .descr {
margin-bottom: 18px;
}
.fullscreen-banner .image {
width: 50%;
}
.fullscreen-banner .image img {
max-height: 420px;
}
}
@media screen and (max-width: 1024px) {
.fullscreen-banner {
height: 290px;
}
.fullscreen-banner .image {
width: 45%;
}
.fullscreen-banner .image img {
max-height: 290px;
}
.fullscreen-banner .descr {
margin-bottom: 12px;
line-height: 20px;
max-height: 80px;
}
.hide-1024 {
display: none !important;
}
}
@media screen and (max-width: 800px) {
.fullscreen-banner {
height: 270px;
}
.fullscreen-banner .image {
width: 40%;
}
.fullscreen-banner .image img {
max-height: 270px;
}
.fullscreen-banner .descr {
max-height: 60px;
}
}
@media screen and (max-width: 700px) {
.fullscreen-banner {
height: 260px;
}
.fullscreen-banner .image img {
max-height: 260px;
}
.fullscreen-banner #breadcrumbs {
left: 12px;
width: auto;
right: 0;
margin-top: 12px;
}
.hide-700 {
display: none !important;
}
}
@media screen and (max-width: 600px) {
.banner-hide-images {
background: none !important;
}
.banner-hide-images .image {
display: none;
}
.hide-600 {
display: none !important;
}
}
@media screen and (max-width: 500px) {
.fullscreen-banner {
height: 170px;
}
.fullscreen-banner .image img {
max-height: 170px;
}
.fullscreen-banner .descr {
display: none;
max-height: 40px;
}
.fullscreen-banner .image {
width: 50%;
}
.fullscreen-banner .btn-simple {
padding: 13px 8px 11px;
}
.hide-500 {
display: none !important;
}
}
.banner-elem.arbitrary-banner .limiter {
padding: 0;
}
@media screen and (max-width: 1600px) {
.banner-elem.arbitrary-banner {
height: 420px;
}
.banner-elem.arbitrary-banner .image img {
max-height: 420px;
}
}
@media screen and (max-width: 1400px) {
.banner-elem.arbitrary-banner {
height: 340px;
}
.banner-elem.arbitrary-banner .image {
width: 60%;
}
.banner-elem.arbitrary-banner .image img {
max-height: 340px;
}
}
@media screen and (max-width: 1200px) {
.banner-elem.arbitrary-banner {
height: 300px;
}
.banner-elem.arbitrary-banner .image {
width: 50%;
}
.banner-elem.arbitrary-banner .image img {
max-height: 300px;
}
}
@media screen and (max-width: 1024px) {
.banner-elem.arbitrary-banner {
height: 260px;
}
.banner-elem.arbitrary-banner .image {
width: 55%;
}
.banner-elem.arbitrary-banner .image img {
max-height: 260px;
}
}
@media screen and (max-width: 800px) {
.banner-elem.arbitrary-banner {
height: 250px;
}
.banner-elem.arbitrary-banner .image {
width: 50%;
}
.banner-elem.arbitrary-banner .image img {
max-height: 250px;
}
}
@media screen and (max-width: 700px) {
.banner-elem.arbitrary-banner {
height: auto;
margin-bottom: 18px;
border: 1px solid #e7e8ea;
}
.banner-elem.arbitrary-banner .descr {
max-height: 80px;
}
.banner-elem.arbitrary-banner .text-wrap {
display: block;
margin-bottom: 6px;
padding: 12px 12px 0;
}
.banner-elem.arbitrary-banner h1 {
margin-bottom: 8px;
font-size: 18px;
}
.banner-elem.arbitrary-banner .image {
display: block;
width: 100%;
padding: 0;
}
.banner-elem.arbitrary-banner .image img {
max-height: 250px;
margin: 0 auto;
}
.banner-elem.arbitrary-banner.banner-no-bg .image img {
max-height: none;
}
}
@media screen and (max-width: 500px) {
.banner-elem.arbitrary-banner .descr {
display: block;
}
.banner-elem.arbitrary-banner h1 {
font-size: 16px;
margin-bottom: 8px;
line-height: 20px;
max-height: 60px;
}
.banner-elem.arbitrary-banner .image img {
max-height: 200px;
}
}
.no-margin-top {
margin-top: 0px !important;
}
.no-margin-bottom {
margin-bottom: 0px !important;
}
.no-margin-right {
margin-right: 0px !important;
}
.no-margin-left {
margin-left: 0px !important;
}
.templateSwitcher {
background-color: #ffffff;
-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3);
transform: translateX(500px);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-align: center;
overflow: hidden;
position: fixed;
z-index: 9998;
width: 360px;
height: 100%;
right: 0px;
top: 0px;
}
.templateSwitcher.opened {
transform: translateX(0px);
}
.templateSwitcherScroll {
overflow: auto;
height: 100%;
width: 390px;
}
.templateSwitcherScrollContainer {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 24px 0px;
padding: 0 24px;
width: 360px;
}
.templateSwitcherSettings {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
animation-name: bounceInDown;
animation-duration: 2s;
animation-fill-mode: both;
text-align: center;
margin-top: -100px;
line-height: 50px;
cursor: pointer;
position: fixed;
z-index: 9999;
height: 198px;
width: 51px;
right: 0px;
top: 50%;
}
.templateSwitcherSettings.active {
right: 360px;
}
.templateSwitcherSettings:hover {
opacity: 0.9;
}
.templateSwitcherSettings.active .templateSwitcherSettingsPicture {
/*transform: rotate(360deg);*/
}
.templateSwitcherSettings:hover {
background-color: #2b2b2b;
}
.templateSwitcherSettingsPicture {
background: url(/local/templates/dresscode_lk/images/setting.png) 50% 50% no-repeat transparent;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
vertical-align: middle;
display: inline-block;
height: 198px;
width: 51px;
}
.templateSwitcher .switcherList {
overflow: hidden;
}
.templateSwitcher .switcherListItem {
background-color: #ffffff;
border: 1px solid #ff9601;
display: inline-block;
border-radius: 2px;
text-align: center;
line-height: 40px;
height: 40px;
}
.templateSwitcher .switcherListItem:hover {
border-color: #ffa800;
}
.templateSwitcher .switcherListItem.active {
background-color: #ff9601;
color: #ffffff;
}
.templateSwitcher .switcherListItem.active a {
color: #ffffff;
}
.templateSwitcher .switcherListItem:first-child {
margin-right: 12px;
}
.templateSwitcher .switcherListItem a {
text-decoration: none;
padding: 0 24px;
color: #ff9601;
display: block;
}
.templateSwitcher .switcherListItem a:active {
position: relative;
top: 1px;
}
.templateSwitcher .switcherHeading {
font-family: "robotomedium";
margin-bottom: 18px;
padding: 0 24px;
font-size: 16px;
}
.templateSwitcher .switcherBigHeading {
border-bottom: 1px solid #f3f3f3;
text-transform: uppercase;
padding-bottom: 24px;
margin-bottom: 24px;
padding-right: 24px;
padding-left: 24px;
font-size: 18px;
}
.templateSwitcher .switcherBigHeading + .switcherRowBlock {
padding-top: 0px;
border-top: 0px;
}
.templateSwitcher .switcherBigHeading .switcherClose {
text-decoration: none;
margin-top: -1px;
font-size: 21px;
color: #ff0000;
float: right;
}
.templateSwitcher .switcherBigHeading .switcherClose:hover {
opacity: 0.7;
}
.templateSwitcher .switcherBigHeading .switcherClose:active {
position: relative;
top: 1px;
}
.templateSwitcher .switcherHeading2 {
font-family: "robotomedium";
margin-bottom: 12px;
padding: 0 24px;
}
.templateSwitcher .switcherRowBlock {
border-top: 1px solid #f3f3f3;
padding-top: 24px;
margin-top: 24px;
}
.templateSwitcher .switcherSelect {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #f3f3f3;
cursor: pointer;
padding: 0 12px;
outline: none;
height: 40px;
width: 90%;
}
.templateSwitcher .switcherIcons {
margin-bottom: 24px;
}
.templateSwitcher .switcherDescription {
font-size: 13px;
color: #888888;
}
.templateSwitcher .switcherBackgroundItems {
text-align: center;
overflow: hidden;
}
.templateSwitcher .switcherThemes {
margin-top: 24px;
overflow: hidden;
}
.templateSwitcher .switcherThemesItem {
display: inline-block;
margin-bottom: 12px;
margin-left: 12px;
height: 30px;
width: 30px;
}
.templateSwitcher .switcherBackgroundItem {
display: inline-block;
height: 30px;
width: 30px;
}
.templateSwitcher .switcherBackgroundItem:first-child {
margin-right: 12px;
}
.templateSwitcher .switcherThemesItem a,
.templateSwitcher .switcherBackgroundItem a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-radius: 2px;
display: block;
height: 30px;
width: 30px;
}
.templateSwitcher .switcherThemesItem a:active,
.templateSwitcher .switcherBackgroundItem a:active {
position: relative;
top: 1px;
}
.templateSwitcher .switcherThemesItem.selected a,
.templateSwitcher .switcherBackgroundItem.selected a {
background-image: url(/local/templates/dresscode_lk/images/check.png);
background-repeat: no-repeat;
background-position: 50% 50%;
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
.templateSwitcher .switcherThemesItem .color1 {
background-color: #ff9601;
}
.templateSwitcher .switcherThemesItem .color1:hover {
background-color: #ffb800;
}
.templateSwitcher .switcherThemesItem .color2 {
background-color: #fb9bad;
}
.templateSwitcher .switcherThemesItem .color2:hover {
background-color: #f3889d;
}
.templateSwitcher .switcherThemesItem .color3 {
background-color: #ff855f;
}
.templateSwitcher .switcherThemesItem .color3:hover {
background-color: #e77652;
}
.templateSwitcher .switcherThemesItem .color4 {
background-color: #daa550;
}
.templateSwitcher .switcherThemesItem .color4:hover {
background-color: #e4a540;
}
.templateSwitcher .switcherThemesItem .color5 {
background-color: #b15b49;
}
.templateSwitcher .switcherThemesItem .color5:hover {
background-color: #a05a4b;
}
.templateSwitcher .switcherThemesItem .color6 {
background-color: #f44336;
}
.templateSwitcher .switcherThemesItem .color6:hover {
background-color: #d42d20;
}
.templateSwitcher .switcherThemesItem .color7 {
background-color: #acce11;
}
.templateSwitcher .switcherThemesItem .color7:hover {
background-color: #94b20e;
}
.templateSwitcher .switcherThemesItem .color8 {
background-color: #27c148;
}
.templateSwitcher .switcherThemesItem .color8:hover {
background-color: #19cc3f;
}
.templateSwitcher .switcherThemesItem .color9 {
background-color: #27bfc1;
}
.templateSwitcher .switcherThemesItem .color9:hover {
background-color: #25ccce;
}
.templateSwitcher .switcherThemesItem .color10 {
background-color: #3498db;
}
.templateSwitcher .switcherThemesItem .color10:hover {
background-color: #2395e1;
}
.templateSwitcher .switcherThemesItem .color11 {
background-color: #2a65d0;
}
.templateSwitcher .switcherThemesItem .color11:hover {
background-color: #0d57dc;
}
.templateSwitcher .switcherThemesItem .color12 {
background-color: #0061b2;
}
.templateSwitcher .switcherThemesItem .color12:hover {
background-color: #006ac2;
}
.templateSwitcher .switcherThemesItem .color13 {
background-color: #c651d0;
}
.templateSwitcher .switcherThemesItem .color13:hover {
background-color: #d75ee1;
}
.templateSwitcher .switcherThemesItem .color14 {
background-color: #c12752;
}
.templateSwitcher .switcherThemesItem .color14:hover {
background-color: #c61c4b;
}
.templateSwitcher .switcherThemesItem .color15 {
background-color: #ed1c24;
}
.templateSwitcher .switcherThemesItem .color15:hover {
background-color: #ff232b;
}
.templateSwitcher .switcherBackgroundItem .white {
background-color: #eeeeee;
}
.templateSwitcher .switcherBackgroundItem .black {
background-color: #000000;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.g--circle {
-webkit-transform-origin: 60px 60px;
transform-origin: 60px 60px;
fill: dodgerblue;
-webkit-animation: opacity 1.2s linear infinite;
animation: opacity 1.2s linear infinite;
}
.g--circle:nth-child(12n + 1) {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
-webkit-transform: rotate(-30deg) translate(5px, 5px) scale(0.9);
transform: rotate(-30deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 2) {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
-webkit-transform: rotate(-60deg) translate(5px, 5px) scale(0.9);
transform: rotate(-60deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 3) {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
-webkit-transform: rotate(-90deg) translate(5px, 5px) scale(0.9);
transform: rotate(-90deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 4) {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
-webkit-transform: rotate(-120deg) translate(5px, 5px) scale(0.9);
transform: rotate(-120deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 5) {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
-webkit-transform: rotate(-150deg) translate(5px, 5px) scale(0.9);
transform: rotate(-150deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 6) {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
-webkit-transform: rotate(-180deg) translate(5px, 5px) scale(0.9);
transform: rotate(-180deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 7) {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
-webkit-transform: rotate(-210deg) translate(5px, 5px) scale(0.9);
transform: rotate(-210deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 8) {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
-webkit-transform: rotate(-240deg) translate(5px, 5px) scale(0.9);
transform: rotate(-240deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 9) {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
-webkit-transform: rotate(-270deg) translate(5px, 5px) scale(0.9);
transform: rotate(-270deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 10) {
-webkit-animation-delay: -1s;
animation-delay: -1s;
-webkit-transform: rotate(-300deg) translate(5px, 5px) scale(0.9);
transform: rotate(-300deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 11) {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
-webkit-transform: rotate(-330deg) translate(5px, 5px) scale(0.9);
transform: rotate(-330deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 12) {
-webkit-animation-delay: -1.2s;
animation-delay: -1.2s;
-webkit-transform: rotate(-360deg) translate(5px, 5px) scale(0.9);
transform: rotate(-360deg) translate(5px, 5px) scale(0.9);
}
.g-circles--v1 .g--circle {
fill-opacity: 0;
-webkit-animation-name: opacity;
animation-name: opacity;
}
.g-circles--v2 .g--circle {
fill-opacity: 0;
stroke-opacity: 0;
stroke-width: 1;
stroke: yellowgreen;
-webkit-animation-name: opacity-stroke, colors, colors-stroke;
animation-name: opacity-stroke, colors, colors-stroke;
}
.g-circles--v2 .g--circle .u--circle {
-webkit-animation: transform-2 1.2s linear infinite;
animation: transform-2 1.2s linear infinite;
}
.g-circles--v2 .g--circle:nth-child(12n + 1) .u--circle {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
.g-circles--v2 .g--circle:nth-child(12n + 2) .u--circle {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.g-circles--v2 .g--circle:nth-child(12n + 3) .u--circle {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.g-circles--v2 .g--circle:nth-child(12n + 4) .u--circle {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.g-circles--v2 .g--circle:nth-child(12n + 5) .u--circle {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.g-circles--v2 .g--circle:nth-child(12n + 6) .u--circle {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.g-circles--v2 .g--circle:nth-child(12n + 7) .u--circle {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.g-circles--v2 .g--circle:nth-child(12n + 8) .u--circle {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.g-circles--v2 .g--circle:nth-child(12n + 9) .u--circle {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.g-circles--v2 .g--circle:nth-child(12n + 10) .u--circle {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.g-circles--v2 .g--circle:nth-child(12n + 11) .u--circle {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.g-circles--v2 .g--circle:nth-child(12n + 12) .u--circle {
-webkit-animation-delay: -1.2s;
animation-delay: -1.2s;
}
.g-circles--v3 .g--circle {
fill-opacity: 1;
-webkit-animation-name: opacity, colors;
animation-name: opacity, colors;
}
.g-circles--v4 .g--circle {
fill-opacity: 1;
fill: orange;
-webkit-animation-name: opacity, colors-3;
animation-name: opacity, colors-3;
}
.g-circles--v4 .u--circle {
-webkit-animation: transform 1.2s linear infinite;
animation: transform 1.2s linear infinite;
}
.g-circles--v4 .g--circle:nth-child(12n + 1) .u--circle {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
.g-circles--v4 .g--circle:nth-child(12n + 2) .u--circle {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.g-circles--v4 .g--circle:nth-child(12n + 3) .u--circle {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.g-circles--v4 .g--circle:nth-child(12n + 4) .u--circle {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.g-circles--v4 .g--circle:nth-child(12n + 5) .u--circle {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.g-circles--v4 .g--circle:nth-child(12n + 6) .u--circle {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.g-circles--v4 .g--circle:nth-child(12n + 7) .u--circle {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.g-circles--v4 .g--circle:nth-child(12n + 8) .u--circle {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.g-circles--v4 .g--circle:nth-child(12n + 9) .u--circle {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.g-circles--v4 .g--circle:nth-child(12n + 10) .u--circle {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.g-circles--v4 .g--circle:nth-child(12n + 11) .u--circle {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.g-circles--v4 .g--circle:nth-child(12n + 12) .u--circle {
-webkit-animation-delay: -1.2s;
animation-delay: -1.2s;
}
@-webkit-keyframes opacity {
3% {
fill-opacity: 1;
}
75% {
fill-opacity: 0;
}
}
@keyframes opacity {
3% {
fill-opacity: 1;
}
75% {
fill-opacity: 0;
}
}
@-webkit-keyframes opacity-stroke {
10% {
stroke-opacity: 1;
}
85% {
stroke-opacity: 0;
}
}
@keyframes opacity-stroke {
10% {
stroke-opacity: 1;
}
85% {
stroke-opacity: 0;
}
}
@-webkit-keyframes colors {
0% {
fill: yellowgreen;
}
10% {
fill: gold;
}
75% {
fill: crimson;
}
}
@keyframes colors {
0% {
fill: yellowgreen;
}
10% {
fill: gold;
}
75% {
fill: crimson;
}
}
@-webkit-keyframes colors-stroke {
0% {
stroke: yellowgreen;
}
10% {
stroke: gold;
}
75% {
stroke: crimson;
}
}
@keyframes colors-stroke {
0% {
stroke: yellowgreen;
}
10% {
stroke: gold;
}
75% {
stroke: crimson;
}
}
@-webkit-keyframes colors-2 {
0% {
fill: yellow;
}
50% {
fill: red;
}
65% {
fill: orangered;
}
95% {
fill: gold;
}
}
@keyframes colors-2 {
0% {
fill: yellow;
}
50% {
fill: red;
}
65% {
fill: orangered;
}
95% {
fill: gold;
}
}
@-webkit-keyframes colors-3 {
0% {
fill: yellowgreen;
}
50% {
fill: turquoise;
}
65% {
fill: yellow;
}
95% {
fill: orange;
}
}
@keyframes colors-3 {
0% {
fill: yellowgreen;
}
50% {
fill: turquoise;
}
65% {
fill: yellow;
}
95% {
fill: orange;
}
}
@-webkit-keyframes transform {
10% {
-webkit-transform-origin: 70px 70px;
transform-origin: 70px 70px;
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
}
@keyframes transform {
10% {
-webkit-transform-origin: 70px 70px;
transform-origin: 70px 70px;
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
}
@-webkit-keyframes transform-2 {
40% {
-webkit-transform: scale(0.85) translate(10px, 10px);
transform: scale(0.85) translate(10px, 10px);
}
60% {
stroke-width: 20;
}
}
@keyframes transform-2 {
40% {
-webkit-transform: scale(0.85) translate(10px, 10px);
transform: scale(0.85) translate(10px, 10px);
}
60% {
stroke-width: 20;
}
}
.product .label.addWishlist {
text-decoration: underline;
}
.product .label.js--guest-info-onstock {
text-decoration: underline;
}
#appOnstockVariant {
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3);
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
background-color: #ffffff;
position: absolute;
width: 320px;
z-index: 1001;
}
#appOnstockVariant .appOnstockVariantCont {
position: relative;
padding: 30px 15px 15px;
}
#appOnstockVariant .appOnstockVariantExit {
position: absolute;
display: block;
height: 21px;
width: 21px;
right: 12px;
top: 12px;
background: url(/local/templates/dresscode_lk/images/exit.png) 0 0 no-repeat transparent;
}
#appOnstockVariant .linkMore {
-webkit-transition: background 0.2s ease-in-out;
-o-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
text-decoration: none;
border-radius: 4px;
line-height: 60px;
text-align: center;
margin: 24px 24px;
font-size: 16px;
display: block;
color: #ffffff;
height: 60px;
}
#appOnstockVariant .linkMore {
background: #3498db;
}
#appSimplePopup {
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3);
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
background-color: #ffffff;
position: absolute;
width: 620px;
min-height: 600px;
z-index: 1001;
}
#appSimplePopup.small {
width: 320px;
left: 50%;
margin-left: -160px;
top: 50%;
margin-top: -110px;
position: fixed;
min-height: 0;
}
#appSimplePopup .appSimplePopupCont {
position: relative;
padding: 30px 15px 15px;
}
#appSimplePopup .appSimplePopupExit {
position: absolute;
display: block;
height: 21px;
width: 21px;
right: 12px;
top: 12px;
background: url(/local/templates/dresscode_lk/images/exit.png) 0 0 no-repeat transparent;
}
#appSimplePopup .linkMore {
-webkit-transition: background 0.2s ease-in-out;
-o-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
text-decoration: none;
border-radius: 4px;
line-height: 60px;
text-align: center;
margin: 24px 24px;
font-size: 16px;
display: block;
color: #ffffff;
height: 60px;
}
#appSimplePopup .linkMore {
background: #3498db;
}
.js--simple-popup-html {
cursor: pointer;
}
.s-body #appSimplePopup.html-popup {
position: fixed;
left: 25%;
top: 25%;
z-index: 111111;
width: 50%;
background: transparent;
box-shadow: none;
min-height: auto;
}
.s-body #appSimplePopup .html-content-popup {
padding: 20px;
}
.fogpss{
font-family:Roboto,sans-serif;
font-size: 24px;
color: #000000;
font-weight: 300!important;
}
.foglog{
font-size: 20px;
font-weight: 300
}
.hidden-popup-text {
display: none;
}
@media all and (max-width: 768px) {
.sect_footer_menu_heading_catalog {
pointer-events: none;
}
.menu-item-catalog {
padding-top:5px;
display:block;
}
.s-body #appSimplePopup.html-popup {
width: 80%;
left: 10%;
}
}
#searchResult .ya-share2 {
display: none;
}
.banner-coupon {
padding: 25px;
background: #fff2f2;
margin: 20px 0px;
font-size: 16px;
position: relative;
}
.banner-coupon span {
color: #ea0003;
}
.banner-coupon .btn-simple.btn-small {
margin-left: 20px;
background: transparent;
color: black;
border-color: #ea0003;
}
.banner-coupon .btn-simple.btn-small:hover {
transition: background 0.4s ease-out, color 0.4s ease-out;
background: #ea0003;
color: white;
}
.banner-coupon img {
position: absolute;
right: 0;
top: -20px;
}
.banner-coupon br {
display: none;
}
@media (max-width: 950px) {
.banner-coupon img {
max-width: 20%;
}
}
@media (max-width: 480px) {
.banner-coupon br {
display: block;
}
.banner-coupon .btn-simple.btn-small {
margin-left: 0px;
margin-top: 20px;
}
.banner-coupon img {
top: 50px;
max-width: 55%;
}
.banner-coupon {
padding-right: 20%;
}
.s-body #elementTools .mainTool .product-availability {
display: inline-block;
width: 100%;
}
}
#personalCart #related.basketRelated .productTable {
min-width: auto;
}
@media (min-width: 1281px) {
.s-body #related.basketRelated .items.productList .product {
width: 20%;
}
}
.resultAddedBasketItems {
max-height: 420px;
/*overflow: auto;*/
}
@media (max-width: 480px) {
.resultAddedBasketItems {
overflow: auto;
}
}
.popup-table {
border-collapse: collapse;
font-size: 14px;
width: 100%;
}
.popup-table th {
font-family: "robotomedium";
background-color: #f7f7f7;
border: 1px solid #e4e4e4;
font-weight: normal;
padding: 12px 24px;
}
.popup-table td {
border: 1px solid #e4e4e4;
vertical-align: middle;
padding: 12px 24px;
text-align: left;
color: #333333;
}
.popup-table td span {
color: red;
}
.btns {
text-align: center;
margin-top: 30px;
}
.s-kitchen-lighting.s-kitchen-podbor
{
background: url("/local/templates/dresscode_lk/images/2020/podbor/kitchen-podbor.jpg");
}
.s-body .s-kitchen-lighting
{ margin-top: 34px;
}
.s-kitchen-lighting.s-cabinets-podbor
{
background: url("/local/templates/dresscode_lk/images/2020/podbor/cabinets-podbor.jpg");
}
.inStock.label span, .onOrder.label span, .outOfStock.label span {
text-decoration: underline;
}
#elementContainer .elementProperties .propertyTable .propertyValue {
overflow: visible;
}
.copied.toolpit:after {
content: 'Скопировано';
display:block;
position: absolute;
background: #333333;
color: white;
padding: 2px;
top: -10px;
left: 20px;
z-index: 1000;
}
.copied svg {
display: inline-block;
width: 15px;
vertical-align: text-top;
padding-left: 5px;
}
.wiki-catalog {
display: flex;
}
.wiki-catalog-left {
width: 355px;
}
.wiki-catalog-right {
width: 100%;
padding-left: 24px;
}
.wiki-catalog .productTable .links {
display: flex;
justify-content: space-between;
}
.wiki-catalog .productTable .links .links-item {
width: 50%;
display: flex;
align-items: center;
}
.wiki-catalog .productTable .links .links-item svg {
height: 20px;
width: 20px;
margin-right: 10px;
}
.wiki-catalog-detail {
}
.s-body .wiki-catalog-detail .s-catalog-columns__col--purchase {
min-width: 350px;
max-width: 350px;
}
.s-body .wiki-catalog-detail .s-catalog-columns__col--product-image {
width: auto;
min-width: 40%;
max-width: 50%;
}
.s-body .wiki-catalog-detail .s-catalog-columns__col--product-info {
width: auto;
min-width: 50%;
max-width: 60%;
}
.s-catalog-menu-submenu {
padding: 0 0 0 20px;
margin-top: -5px;
/*display: none;*/
height: 0;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
overflow: hidden;
}
.s-catalog-menu__item.selected .s-catalog-menu-submenu {
display: block;
height: 100%;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.s-body .s-catalog-menu-submenu .s-catalog-menu__item__link {
font-weight: normal;
}
.s-body .s-catalog-menu-submenu .s-catalog-menu__item__link.selected {
color: #3498DB;
background: #f5f5f5;
}
.s-wiki-sections {
}
.s-wiki-sections section {
margin: 30px 0;
}
.s-body .section-files-detail .s-files-list .s-files-list__item.item {
min-width: 50%;
}
.s-body .section-files-detail .s-files-list .s-files-list__item.item .tbr .info {
max-width: 100%;
}
.wiki-header {
display: flex;
justify-content: space-between;
}
.wiki-header h1 {
font-weight: bold !important;
min-width: max-content;
}
.wiki-header #topSearch2 {
flex: auto;
margin: 0 15px;
}
.wiki-header #topSearch2 #goSearch {
top: -2px;
}
.wiki-catalog-right .detail-text-wrap a {
text-decoration: none;
border-bottom: 1px dashed #2395e1;
color: #2395e1;
}
.wiki-catalog-right .detail-text-wrap a:hover {
border-color: #337ab7;
color: #337ab7;
}
.btn--red {
background: #ea0003 !important;
height: max-content;
padding: 11px !important;
line-height: 16px !important;
border-color: #ea0003 !important;
min-width: max-content;
}
.btn--red:hover, .btn--red:active {
color: #ea0003 !important;
background: white !important;
}
.wiki-ask .webFormItemsColumns {
display: flex;
width: auto;
align-items: flex-start;
justify-content: flex-start;
justify-items: flex-start;
}
.wiki-ask .webFormItemsColumns .webFormItemsColumn {
width: auto;
margin-right: 2%;
}
.wiki-ask .webFormItemsColumns .webFormItemsColumn .webFormItemField {
display: flex;
flex-direction: column;
}
@media (max-width: 1024px) {
.wiki-catalog {
flex-wrap: wrap;
}
.wiki-catalog-left {
width: 100%;
}
}
@media (max-width: 768px) {
.wiki-ask .webFormItemsColumns {
flex-wrap: wrap;
}
.wiki-ask .webFormItemsColumns .webFormItemsColumn {
width: 100%;
margin: 0;
}
}
@media (max-width: 480px) {
.wiki-catalog {
flex-wrap: wrap;
}
.wiki-catalog-left {
width: 100%;
}
.wiki-header {
flex-direction: column;
}
.wiki-header > h1, .wiki-header > div, .wiki-header > a {
margin: 0 !important;
margin-bottom: 20px !important;
}
}
#faq .oZoomer {
cursor: pointer;
}
#searchQueryWiki, #searchQueryWikiResult {
background: white;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 0 60px 0 12px;
height: 40px;
border: 1px solid #3498DB;
border-radius: 3px;
z-index: 22;
font-size: 17px;
color: #3e3d3d;
font-family: "Tahoma";
}
#searchQueryWiki:after {
content: '';
background: red;
width: 10px;
height: 10px;
display: block;
}
.full-catalog-banner {
position: relative;
}
.searchWikiForm {
width: 100%;
position: relative;
}
.catalog-banner-search {
position: absolute;
left: 37.5%;
top: 62%;
width: 35%;
}
.resultSearchWiki {
background: white;
padding: 10px;
display: none;
}
.resultSearchWiki.active {
display: block;
box-shadow: 1px 1px 4px 0px #3498db63;
position: absolute;
z-index: 222;
width: 100%;
max-height: 475px;
overflow-y: auto;
font-size: 13px;
}
.resultSearchWiki div {
font-weight: bold;
margin: 10px 0;
}
.resultSearchWiki a {
margin-bottom: 4px;
display: block;
}
.lab{
font-size: 14px;
font-family: Roboto,sans-serif;
color: #333333!important;
}
.lab input{
display: block;
margin-top: 10px;
}
.logem{
font-size: 16px;
font-family: Roboto,sans-serif;
color: #333333!important;
margin-top: 10px;
}
#success{
background-color: #f3f3f3;
padding: 18px;
font-family: Roboto,sans-serif;
display: none;
font-size: 15px;
color:#333333;
margin-bottom: 22px;
}
#error{
color:red;
}
.bx-auth #success-text{
display: none;
margin-bottom: 22px;
}
.bx-auth #success .profile_find{
display: none;
font-family: Roboto,sans-serif;
font-size: 15px;
color:#333333;
margin-bottom: 22px;
}
@media (max-width: 1400px) {
.catalog-banner-search #searchQueryWiki {
height: 35px;
font-size: 15px;
top: 58%;
}
}
@media (max-width: 1024px) {
.wiki-header #searchQueryWiki {
margin: 20px 0;
}
}
@media (max-width: 768px) {
.catalog-banner-search {
position: relative;
width: 100%;
left: 0;
top: 0;
margin-top: 10px;
}
}
.s-body a.s-rounded-btn.red-btn {
border-color: #d60419;
background-color: #d60419;
color: white;
}
.s-body a.s-rounded-btn.red-btn:hover {
background-color: white;
color: #d60419;
}
.hints {
font-size: 14px;
width: 200px;
padding: 10px;
position: absolute;
top: 260px;
left: 150px;
box-shadow: 0px 0px 10px #b2b2b2;
background: #fff;
z-index: 1;
border-radius: 10px;
}
.hintsbig {
font-size: 14px;
width: 350px;
padding: 10px;
position: absolute;
top: 260px;
left: 0px;
box-shadow: 0px 0px 10px #b2b2b2;
background: #fff;
z-index: 1;
border-radius: 10px;
}
.hints:after {
content: "";
position: absolute;
width: 30px;
height: 30px;
box-shadow: 0px 0px 10px #b2b2b2;
bottom: -15px;
left: calc(50% - 15px);
background: #fff;
transform: rotate(45deg);
z-index: -2;
}
.hints:before {
content: "";
width: 60px;
height: 30px;
position: absolute;
background: #fff;
left: calc(50% - 30px);
bottom: 0;
z-index: -1;
}
.hints .copy-url svg {width:20px;}
.hintsbig .copy-url svg {
width:45px;
top: -1px;
position: relative;
}
.hints .copied.toolpit:after {
top: -15px;
left: inherit;
}
.hintsbig .copied.toolpit:after {
top: -15px;
left: inherit;
right: 0px;
}
.iconsMobile .hints:after, .iconsMobile .hintsbig:after {
content: " ";
width: 20px;
height: 20px;
box-shadow: 0px 0px 10px #b2b2b2;
position: absolute;
background: #fff;
bottom: -10px;
left: calc(91% - 15px);
transform: rotate(45deg);
z-index: -2;
}
.iconsMobile .hints:before, .iconsMobile .hintsbig:before {
content: "";
width: 40px;
height: 20px;
position: absolute;
background: #fff;
bottom: 0;
left: calc(92% - 30px);
z-index: -1;
}
.iconsMobile.iconsLeft .hintsbig:before, .iconsMobile.iconsLeft .hints:before {
left: calc(14% - 20px);
}
.iconsMobile.iconsLeft .hintsbig:after, .iconsMobile.iconsLeft .hints:after {
left: calc(15% - 15px);
}
.iconsMobile .ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {
height: 45px;
width: 45px;
background-size: 45px 45px;
}
.iconsMobile .ya-share2__container_mobile .ya-share2__badge {
border-radius: 15% !important;
}
.iconsMobile .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {
margin-right: 10px;
}
@media all and (min-width: 790px) {
.iconsMobile, .mobshow {display: none;}
}
@media all and (max-width: 790px) {
.mobhide {display: none;}
}
.ya-share2{
display: none;
}
.underlineHide {
text-decoration: none !important;
}
#orderDescription:focus, .bx-soa-customer-input:focus, .custom-input:focus, .select2-selection:hover {
border-color:#4DACEB !important;
}
/*.sale-personal-profile-list-change-button {
word-break: break-all;
}*/
.personalInfo {
padding-top:15px;
}
/* End */
/* /local/templates/dresscode_lk/fonts/roboto/roboto.css?17883539053676 */
/* /local/templates/dresscode_lk/style.css?178835390530235 */
/* /local/templates/dresscode_lk/themes/white/arctic/style.min.css?178835390535514 */
/* /local/templates/dresscode_lk//js/OwlCarousel2-2.3.4/assets/owl.carousel.min.css?17883539053351 */
/* /local/templates/dresscode_lk//js/OwlCarousel2-2.3.4/assets/owl.theme.default.min.css?17883539051013 */
/* /local/templates/dresscode_lk/js/magnific-popup/magnific-popup.css?17883539056951 */
/* /local/templates/dresscode_lk/site.css?1788353905350775 */
/* /local/templates/dresscode_lk/extra.css?178835390559536 */
/* /local/templates/dresscode_lk/js/datepicker/css/datepicker.min.css?178835390512257 */
/* /local/templates/dresscode_lk/js/select2/select2.min.css?178835390515014 */
/* /local/templates/dresscode_lk/js/swiper/swiper-bundle.min.css?178835390518453 */
/* /local/templates/dresscode_lk/css/cooperation.css?178835390522758 */
/* /local/components/alex/auth/templates/.default/style.css?178835390514384 */
/* /local/templates/dresscode_lk/components/arturgolubev/search.title/version2_standart_drop_custom/style.css?178835390524932 */
/* /local/templates/dresscode_lk/components/dresscode/compare.line/version2/style.css?1788353905973 */
/* /local/templates/dresscode_lk/components/dresscode/favorite.line/version2/style.css?1788353905959 */
/* /local/templates/dresscode_lk/components/bitrix/sale.basket.basket.line/topCart2/style.css?1788353905794 */
/* /local/templates/dresscode_lk/components/bitrix/menu/top_line/style.css?17883539051520 */
/* /local/templates/dresscode_lk/components/bitrix/menu/topInterMenu/style.css?17883539051758 */
/* /local/templates/dresscode_lk/components/bitrix/breadcrumb/.default/style.css?17883539052628 */
/* /local/components/lk/top_banner/templates/.default/style.css?17883539051280 */
/* /local/templates/dresscode_lk/components/bitrix/form.result.new/modal/style.min.css?17883539058677 */
/* /local/templates/dresscode_lk/components/dresscode/catalog.viewed.product/.default/style.min.css?17883539051068 */
/* /local/templates/dresscode_lk/components/dresscode/catalog.item/viewed/style.css?17883539051330 */
/* /local/templates/dresscode_lk/components/bitrix/form.result.new/cooperation/style.css?178835390549 */
/* /local/templates/dresscode_lk/template_styles.css?1788353905215996 */