/* Start:/bitrix/templates/dresscode/fonts/roboto/roboto.css?17706452391649*/ @font-face { font-family: 'Roboto'; src: url('/bitrix/templates/dresscode/fonts/roboto/roboto-thin.woff2') format('woff2'), url('/bitrix/templates/dresscode/fonts/roboto/roboto-thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/bitrix/templates/dresscode/fonts/roboto/roboto-light.woff2') format('woff2'), url('/bitrix/templates/dresscode/fonts/roboto/roboto-light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/bitrix/templates/dresscode/fonts/roboto/roboto-regular.woff2') format('woff2'), url('/bitrix/templates/dresscode/fonts/roboto/roboto-regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/bitrix/templates/dresscode/fonts/roboto/roboto-medium.woff2') format('woff2'), url('/bitrix/templates/dresscode/fonts/roboto/roboto-medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/bitrix/templates/dresscode/fonts/roboto/roboto-bold.woff2') format('woff2'), url('/bitrix/templates/dresscode/fonts/roboto/roboto-bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } /* Condensed – якщо використовуються */ @font-face { font-family: 'Roboto Condensed'; src: url('/bitrix/templates/dresscode/fonts/roboto/robotocondensed-light.woff2') format('woff2'), url('/bitrix/templates/dresscode/fonts/roboto/robotocondensed-light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Condensed'; src: url('/bitrix/templates/dresscode/fonts/roboto/robotocondensed-regular.woff2') format('woff2'), url('/bitrix/templates/dresscode/fonts/roboto/roboto-condensed.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } /* End */ /* Start:/bitrix/templates/dresscode/css/select2.min.css?171507128315823*/ .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{background-color:transparent;border:none;font-size:1em}.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;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left: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--selectable{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;height:26px;margin-right:20px;padding-right:0px}.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;padding-bottom:5px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.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__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;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:200px;overflow-y:auto}.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--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{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;height:26px;margin-right:20px}.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;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.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;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.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--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{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} /* End */ /* Start:/bitrix/templates/dresscode/css/slick.css?17150712831764*/ /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; &:focus { outline: none; } &.dragging { cursor: pointer; cursor: hand; } } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; &:before, &:after { content: ""; display: table; } &:after { clear: both; } .slick-loading & { visibility: hidden; } } .slick-slide { float: left; height: 100%; min-height: 1px; [dir="rtl"] & { float: right; } &.slick-loading img { display: none; } display: none; &.dragging img { pointer-events: none; } .slick-initialized & { display: block; } .slick-loading & { visibility: hidden; } .slick-vertical & { display: block; height: auto; border: 1px solid transparent; } } .slick-arrow.slick-hidden { display: none; } .b24-form-header-title { padding-top: 20px !important; } /* End */ /* Start:/bitrix/templates/dresscode/css/slick-theme.css?17150712834592*/ @charset "UTF-8"; // Default Variables $slick-font-path: "./fonts/" !default; $slick-font-family: "slick" !default; $slick-loader-path: "./" !default; $slick-arrow-color: white !default; $slick-dot-color: black !default; $slick-dot-color-active: $slick-dot-color !default; $slick-prev-character: "←" !default; $slick-next-character: "→" !default; $slick-dot-character: "•" !default; $slick-dot-size: 6px !default; $slick-opacity-default: 0.75 !default; $slick-opacity-on-hover: 1 !default; $slick-opacity-not-active: 0.25 !default; @function slick-image-url(/bitrix/templates/dresscode/css/$url) { @if function-exists(image-url) { @return image-url(/bitrix/templates/dresscode/css/$url); } @else { @return url(/bitrix/templates/dresscode/css/$slick-loader-path + $url); } } @function slick-font-url(/bitrix/templates/dresscode/css/$url) { @if function-exists(font-url) { @return font-url(/bitrix/templates/dresscode/css/$url); } @else { @return url(/bitrix/templates/dresscode/css/$slick-font-path + $url); } } /* Slider */ .slick-list { .slick-loading & { background: #fff slick-image-url("/images/ajax-loader.gif") center center no-repeat; } } /* Icons */ @if $slick-font-family == "slick" { @font-face { font-family: "slick"; src: slick-font-url("/bitrix/templates/dresscode/css/slick.eot"); src: slick-font-url("/bitrix/templates/dresscode/css/slick.eot?#iefix") format("embedded-opentype"), slick-font-url("/bitrix/templates/dresscode/css/slick.woff") format("woff"), slick-font-url("/bitrix/templates/dresscode/css/slick.ttf") format("truetype"), slick-font-url("/bitrix/templates/dresscode/css/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px\9; /*lte IE 8*/ -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; &:hover, &:focus { outline: none; background: transparent; color: transparent; &:before { opacity: $slick-opacity-on-hover; } } &.slick-disabled:before { opacity: $slick-opacity-not-active; } } .slick-prev:before, .slick-next:before { font-family: $slick-font-family; font-size: 20px; line-height: 1; color: $slick-arrow-color; opacity: $slick-opacity-default; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; [dir="rtl"] & { left: auto; right: -25px; } &:before { content: $slick-prev-character; [dir="rtl"] & { content: $slick-next-character; } } } .slick-next { right: -25px; [dir="rtl"] & { left: -25px; right: auto; } &:before { content: $slick-next-character; [dir="rtl"] & { content: $slick-prev-character; } } } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; &:hover, &:focus { outline: none; &:before { opacity: $slick-opacity-on-hover; } } &:before { position: absolute; top: 0; left: 0; content: $slick-dot-character; width: 20px; height: 20px; font-family: $slick-font-family; font-size: $slick-dot-size; line-height: 20px; text-align: center; color: $slick-dot-color; opacity: $slick-opacity-not-active; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } } &.slick-active button:before { color: $slick-dot-color-active; opacity: $slick-opacity-default; } } } /* End */ /* Start:/bitrix/templates/dresscode/css/jquery.fancybox.min.css?171507128312795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/bitrix/templates/dresscode/themes/white/default/style.css?177064523943324*/ /* Base color: #F89E1C Base color hover: #ffa800; Base color focus: #ad7b00; */ 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: #F89E1C; } #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: #ffa800; } #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: #F89E1C; } #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: #F89E1C !important; } #headerLine4.color_black #subMenu li a:hover, #headerLine4.color_black #subMenu li .selected{ color: #F89E1C !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: #ffa800; } #headerLine.color_theme .headerLineTools .callBack, #headerLine2.color_theme .callBack, #subHeader6.color_theme .callBack{ background-color: #ffa800; } #subHeader3 .cart .order.active, #subHeader6 .subPhones .callBack{ border: 1px solid #F89E1C; color: #F89E1C; } #subHeader6 .subPhones .callBack:hover{ border: 1px solid #ffa800; } #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, .mobheader__row .topCompare .active .value, .mobheader__row .cart .active .value{ border: 2px solid #F89E1C; color: #F89E1C; } #subHeader3 .cart .active .count, #subHeader3.color_theme .cart .active .count, #subHeader3.color_black .cart .active .count{ background-color: #F89E1C; } #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: #F89E1C; } #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: #ffa800; } #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 #F89E1C; } #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 #ffa800; } @media all and (max-width: 800px){ #subHeader6 .user-geo-position-value-link{ background-color: #ffa800; } } @media all and (max-width: 420px){ #headerLine4.color_theme #geoPosition.color_default .user-geo-position-value-link{ color: #ffa800; } #headerLine4.color_theme #geoPosition.color_default .user-geo-position-value-link:after{ border-color: #ffa800; } } #topHeader{ border-bottom: 1px solid #404040; background: #3a3a3a; } #topService{ color: #cccccc; border-left: 1px solid #313131; } #topService li{ border-right: 1px solid #313131; } #topService li a{ color: #cccccc; } #topService li:hover a:hover{ color: #ffa800; } #topService li a:focus{ color: #ad7b00; } #topService .selected{ color: #ffa800; } #subHeader{ background: #ffffff; 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: #000000; } #headerTools{ border-right: 1px solid #f6f6f6; } #headerTools .tools .heading{ color: #000000; } #headerTools .tools .link{ color: #F89E1C; } #headerTools .tools .link:hover{ color: #ffa800; } #headerTools .tools li{ border-left: 1px solid #f6f6f6; } #headerTools .text{ color: #000000; } #headerTools .telephone .icon{ background: url(/bitrix/templates/dresscode/themes/white/default/images/callbackHead.png) 0 0 no-repeat transparent; } #headerTools .telephone .icon:hover{ background: url(/bitrix/templates/dresscode/themes/white/default/images/callbackHead.png) -35px 0 no-repeat transparent; } #headerTools .search .icon{ background: url(/bitrix/templates/dresscode/themes/white/default/images/searchHead.png) 0 0 no-repeat transparent; } #headerTools .search .icon:hover{ background: url(/bitrix/templates/dresscode/themes/white/default/images/searchHead.png) -35px 0 no-repeat transparent; } #headerTools .wishlist .icon{ background: url(/bitrix/templates/dresscode/themes/white/default/images/wishlistHead.png) 0 0 no-repeat transparent; } #headerTools .wishlist .icon.active{ background: url(/bitrix/templates/dresscode/themes/white/default/images/wishlistHead.png) -36px 0 no-repeat transparent; } #headerTools .wishlist .icon.active:hover{ background-position: -72px 0; } #headerTools .compare .icon{ background: url(/bitrix/templates/dresscode/themes/white/default/images/compareHead.png) 0 0 no-repeat transparent; } #headerTools .compare .icon.active{ background: url(/bitrix/templates/dresscode/themes/white/default/images/compareHead.png) -35px 0 no-repeat transparent; } #headerTools .compare .icon.active:hover{ background: url(/bitrix/templates/dresscode/themes/white/default/images/compareHead.png) -70px 0 no-repeat transparent; } #headerTools .cart .icon{ background: url(/bitrix/templates/dresscode/themes/white/default/images/cartHead.png) 0 0 no-repeat transparent; } #headerTools .cart .icon.active{ background: url(/bitrix/templates/dresscode/themes/white/default/images/cartHead.png) -44px 0 no-repeat transparent; } #headerTools .cart .icon.active:hover{ background: url(/bitrix/templates/dresscode/themes/white/default/images/cartHead.png) -88px 0 no-repeat transparent; } #headerTools .cart ins{ background: #f6f6f6; color: #888888; } #headerTools .cart ins.active{ color: #ffa800; } #changeYouCity{ background: url(/bitrix/templates/dresscode/themes/white/default/images/modalBg.png) 0 0 repeat #232323; } #changeYouCity .heading{ color: #ffa800; } #changeYouCity .list li a{ color: #000000; } #changeYouCity .list li a:hover{ color: #ffa800; } #changeYouCity #cityClose{ background: rgba(0, 0, 0, 0.1); border: 1px solid #000000; color: #ffffff; } #changeYouCity #cityClose:hover{ color: #ffa800; } #changeYouCity #cityClose ins{ background: url(/bitrix/templates/dresscode/themes/white/default/images/exit.png) 0 0 no-repeat transparent; } #changeYouCity #cityClose:hover ins{ background-position: -11px 0px; } #changeYouCity #cityClose:active ins{ background-position: -22px 0px; } #left .heading{ color: #ffffff; } #left .opener{ background: #F89E1C; } #left .heading ins{ background: url(/bitrix/templates/dresscode/themes/white/default/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: #F89E1C !important; } #main.color_white #subLeftMenu a:hover{ color: #F89E1C !important; } #main.color_white #leftMenu .menuItems a:hover{ color: #F89E1C !important; } #left #subscribe .copy{ color: #888888; } #brandSearch td{ border-left: 1px solid #313131; background: #424242; color: #ffffff; } #brandSearch td a{ color: #ffffff; } #brandSearch td:hover a{ color: #ffa800; } #brandSearch a{ color: #000000; } #slider ol li{ background: url(/bitrix/templates/dresscode/themes/white/default/images/slideButton.png) 0 0 no-repeat transparent; } #slider ol li:hover{ background: url(/bitrix/templates/dresscode/themes/white/default/images/slideButton.png) -18px 0 no-repeat transparent; } #slider ol li:active{ background: url(/bitrix/templates/dresscode/themes/white/default/images/slideButton.png) -36px 0 no-repeat transparent; } #slider ol li.selected{ background: url(/bitrix/templates/dresscode/themes/white/default/images/slideButton.png) -54px 0 no-repeat transparent; } #slider ol li.selected:hover{ background: url(/bitrix/templates/dresscode/themes/white/default/images/slideButton.png) -72px 0 no-repeat transparent; } #slider ol li.selected:active{ background: url(/bitrix/templates/dresscode/themes/white/default/images/slideButton.png) -90px 0 no-repeat transparent; } #popCats .sideBlockContent { border: 1px solid #e7e8ea; background-color: #ffffff; } #popCats li span, #popCats li a { background-color: #e7e8ea; color: #000000; } #popCats li a:hover { background-color: #ffa800; border-color: #F89E1C; color: #fff; } #collectionList .collection .wrap { border: 1px solid #cccccc; background-color: #ffffff; } #collectionList .collection .heading { background-color: #ffffff; color: #000000; } #collectionList .goTo { border: 1px solid #cccccc; background-color: #f7f7f7; color: #000000; } #collectionList .goTo:hover { background-color: #ffa800; border-color: #F89E1C; color: #ffffff; } #right .heading{ background: #2b2b2b; color: #ffffff; } #footer{ background-color: #f9f9f9; } #catalogLine{ border: 1px solid #e7e8ea; } #catalogLine select{ border: 1px solid #e7e8ea; color: #888888; } #catalogLine .viewList .element a{ background: url(/bitrix/templates/dresscode/themes/white/default/images/catalogView.png) 0 0 no-repeat transparent; } #leftFooter{ background: #2b2b2b; } #leftFooter .heading{ border-bottom: 1px solid #3e3e3e; color: #ffffff; } #leftFooter ul li{ border-top: 1px solid #313131; } #leftFooter a{ color: #999999; } #leftFooter a:hover{ color: #F89E1C; } #leftFooter .selected{ color: #F89E1C; } #rightFooter{ background: #202020; } #rightFooter .list li{ color: #888888; } #rightFooter .email a{ color: #ffffff; } #rightFooter p{ color: #888888; } #rightFooter .hr{ border-top: 1px solid #575757; } #rightFooter .telephone{ color: #F89E1C; } #rightFooter .email{ color: #ffffff; } #rightFooter .showMap{ color: #F89E1C; } #rightFooter .showMap:hover{ color: #ffa800; } #footerBottom{ border-top: 3px solid #101010; background: #191919; color: #ffffff; } #appBasketContainer{ box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #ffffff; } #appBasket .heading{ background-color: #424242; color: #ffffff; } #appBasket .close{ background: url(/bitrix/templates/dresscode/themes/white/default/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: #ffffff; } #appBasket .name{ color: #000000; } #appBasket .name:hover{ color: #F89E1C; } #appBasket .price{ color: #000000; } #appBasket .price .discount { color: #888888; } #appBasket .plus, #appBasket .minus{ background: url(/bitrix/templates/dresscode/themes/white/default/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 0px; } #appBasket .qty{ background-color: #e7e8ea; color: #000000; } #appBasket .sum{ background-color: #fbfbfb; } #appBasket .sum .discount{ color: #888888; } #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: #ffffff; } #appBasket .lower .tools .goToBasket{ background-color: #F89E1C; } #appBasket .lower .tools .goToBasket:hover{ background-color: #ffa800; } #appBasket .lower .tools .continue:hover{ background: #2b2b2b; } #appFastBuyContainer .heading{ background-color: #424242; color: #ffffff; } #appFastBuyContainer input{ background-color: #f3f3f3; color: #000000; } #appFastBuyContainer textarea{ background-color: #f3f3f3; } #appFastBuyContainer input:focus, #appFastBuyContainer textarea:focus{ background-color: #e9e9e9; } #appFastBuyContainer input.error, #appFastBuyContainer textarea.error{ border: 1px solid #ff0000; } #appFastBuyContainer #fastBuyFormSubmit{ background-color: #F89E1C; color: #ffffff; } #appFastBuyContainer #fastBuyFormSubmit:hover{ background-color: #ffa800; } #appFastBuyContainer #fastBuyFormSubmit.loading{ background: url(/bitrix/templates/dresscode/themes/white/default/images/loading.gif) 24px 50% no-repeat #ffa800 !important; } #fastBuyResult #fastBuyResultClose{ background-color: #F89E1C; color: #ffffff; } #fastBuyResult #fastBuyResultClose:hover{ background-color: #ffa800; } #appFastBuyContainer .marker { background-color: #424242; color: #ffffff; } #appFastBuyContainer .name{ color: #000000; } #appFastBuyContainer .name:hover{ color: #F89E1C; } #appFastBuyContainer .price{ color: #000000; } #appFastBuyContainer .price .discount{ color: #888888; } #appFastView .appFastViewExit, #fastViewStores .fastViewStoresExit{ background: url(/bitrix/templates/dresscode/themes/white/default/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(/bitrix/templates/dresscode/themes/white/default/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: #888888; } #footerTabsCaption .item .selected{ border-bottom: 1px dashed #000000; color: #000000; } #footerTabsCaption .item .selected:hover{ color: #000000; } #footerTabsCaption .item a:hover{ color: #F89E1C; } #footerTabs{ background-color: #f9f9f9; } #footerLine{ background-color: #2b2b2b; border-top: 2px solid #202020; box-shadow: 1px 1px 12px #000000; } #footerLine .item .callback{ color: #F89E1C; } #footerLine .item .wishlist .icon{ background: url(/bitrix/templates/dresscode/themes/white/default/images/wishlistFooterMin.png) 0 0 no-repeat; } #footerLine .item .cart .icon{ background: url(/bitrix/templates/dresscode/themes/white/default/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(/bitrix/templates/dresscode/themes/white/default/images/callbackFooterMin.png) 0 0 no-repeat; } #footerLine .item .callback:hover{ color: #ffa800; } #footerLine .callback:hover .icon{ background-position: -21px 0; } #footerLine .item .compare .mark, #footerLine .item .wishlist .mark, #footerLine .item .cart .mark{ background-color: #313131; color: #888888; } #footerLine .item .compare .icon{ background: url(/bitrix/templates/dresscode/themes/white/default/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: #888888; } #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: #F89E1C; } #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: #ffa800; } #footerLine .item a{ color: #888888; } #footerLine .item a:hover{ color: #ffffff; } #authMenu{ border-bottom: 1px solid #e7e8ea; } #authMenu li a{ color: #000000; } #authMenu li a:hover{ color: #F89E1C; } #authMenu li .selected{ border-bottom: 1px dashed #000000; } #authMenu li .selected:hover{ color: #000000; } #empty .emptyWrapper{ border-bottom: 1px solid #e7e8ea; } #empty p a{ border-bottom: 1px dashed #000000; } #empty p a:hover{ border-bottom: 1px dashed #F89E1C; } #empty a{ color: #000000; } #empty a:hover{ color: #F89E1C; } #empty .back{ border-bottom: 1px dashed #F89E1C; color: #F89E1C; } #empty .back:hover{ color: #ffa800; } .product.last{ background: #f9f9f9; } .product .tabloid{ background-color: #ffffff; } .product .marker { background-color: #424242; color: #ffffff; } .product .name{ color: #000000; } .product .name:hover{ color: #F89E1C; } .product .price{ color: #000000; } .product .price .discount{ color: #888888; } .product .addCart{ background: #F89E1C; color: #ffffff; } .product .addCart:hover{ background-color: #ffa800; } .product .label{ color: #717171; } .product .label:hover{ color: #000000; } .product .skuPropertyName{ color: #888888; } .product .skuProperty .selected .skuPropertyLink{ border: 1px solid #F89E1C; } .product .skuPropertyLink{ border: 1px solid #dddddd; color: #000000; } .product:hover .tabloid{ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 50%, #f9fafc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#f9fafc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 50%,#f9fafc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9fafc',GradientType=0 ); /* IE6-9 */ box-shadow: 1px 1px 6px rgba(0,0,0, 0.2); border-bottom: 1px solid #cccccc; } .product.last .showMore{ color: #000000; } .product.last .showMore:hover{ color: #F89E1C; } .addCart.added{ background: #2b2b2b !important; } .addCart.added:hover{ background: #3b3b3b !important; } .sideBlock .heading{ background-color: #424242; } .heading.collapsed{ color: #ffffff; } .heading.collapsed ins{ background: url(/bitrix/templates/dresscode/themes/white/default/images/iconMenu.png) 50% 50% no-repeat #F89E1C; border-right: 1px solid #F89E1C; } .heading.orange{ background: #F89E1C; } .mfeedback input, .mfeedback textarea{ background-color: #f3f3f3; color: #000000; } .mfeedback input:focus, .mfeedback textarea:focus{ background-color: #eeeeee; } .mfeedback input[type="submit"]{ background-color: #F89E1C; color: #ffffff; } .mfeedback input[type="submit"]:hover{ background-color: #ffa800; } .bx-auth .alert{ border: 1px solid #e7e8ea; background-color: #f3f3f3; } .bx-auth .alert.alert-danger{ border: 1px solid #ff0000; background-color: #ffffff; } .bx-auth .alert.small{ color: #000000; } .bx-authform-label-container{ color: #333333; } .bx-auth .registerText{ border-bottom: 1px solid #e7e8ea; } .bx-auth input.error{ border: 1px solid #ff0000 !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: #eeeeee; } .bx-auth .submit, .popup-window .btn { background: #F89E1C; color: #ffffff; } .bx-auth .submit:hover, .popup-window .btn:hover { background: #ffa800; } .bx-auth .clear{ border: 1px solid #e7e8ea; color: #000000; } .bx-auth .clear:hover { border: 1px solid #cccccc; } .bx-auth .forgot, .bx-auth .registerLink{ color: #000000; } .bx-auth .forgot:hover, .bx-auth .registerLink:hover{ color: #F89E1C; } .blackLink, .backToIndexPage{ color: #000000; } .blackLink:hover, .backToIndexPage:hover{ color: #F89E1C; } .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: #ffffff !important; } .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; color: #000000; } .contactList a:hover{ color: #F89E1C; } @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: #ffa800 !important; } .addCart.disabled{ background-color: #cccccc !important; border: 1px solid #e7e8ea; } .sale_order_full_table input[name="BuyButton"], .sale_order_full_table input[type="submit"]{ background-color: #F89E1C; color: #ffffff; } .sale_order_full_table input[name="BuyButton"]:hover, .sale_order_full_table input[type="submit"]:hover{ background-color: #ffa800; } /* components colors */ /*breadcrumbs*/ #breadcrumbs{ color: #999999; } #breadcrumbs ul li a{ color: #000000; } #breadcrumbs ul li a:hover{ color: #888888; } #breadcrumbs .arrow{ color: #888888; } /*end breadcrumbs*/ /*section.list.default*/ #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: #ffffff; } #catalogSection .sectionItems .item .itemContainer .bigTitle{ color: #000000; } #catalogSection .sectionItems .item .itemContainer .bigTitle:hover{ color: #F89E1C; } #catalogSection .sectionItems .item .itemContainer .description{ color: #888888; } #catalogSection .sectionItems .item .itemContainer .sectionList .section a{ border-bottom: 1px solid #e7e8ea; color: #000000; } #catalogSection .sectionItems .item .itemContainer .sectionList .section a:hover{ border-bottom: 1px solid #e7e8ea; color: #888888; } /*end section.list.default*/ /*section.list.cast*/ #sectionList .tabloid{ border: 1px solid #e7e8ea; background: #ffffff; } #sectionList .tabloid .name{ color: #000000; } #sectionList .tabloid .name:hover{ color: #ffa800; } #sectionList .tabloid .marker { background-color: #424242; color: #ffffff; } #sectionList .item:hover .tabloid{ box-shadow: 1px 1px 12px rgba(0,0,0,0.1); border: 1px solid #dddddd; } #sectionList .element .name:hover{ color: #ffa800; } /*end section.list.cast*/ /*section.list.level2*/ #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: #000000; } #nextSection li a:hover, #nextSection li .selected{ color: #ffa800; } #nextSection li .cnt{ color: #888888; } /*end section.list.level2*/ /*catalog.element*/ #elementSmallNavigation .tab{ border-right: 1px solid #e7e8ea; } #elementSmallNavigation .tab.active a{ color: #F89E1C; } #elementSmallNavigation .tab.active span{ border-bottom: 1px dashed #F89E1C; } #elementTools .addCart, #smallElementTools .addCart{ background: #F89E1C; } #elementTools .addCart:hover, #smallElementTools .addCart:hover{ background-color: #ffa800; } #elementContainer .elementSkuProperty .selected .elementSkuPropertyLink{ border: 1px solid #F89E1C; } .elementProperties a:hover{ color: #F89E1C; } #elementProperties .stats a:hover{ color: #F89E1C; } #files .item .info .name:hover{ color: #F89E1C; } /*reviews*/ #catalogReviews .heading .reviewAddButton:hover{ border-color: #F89E1C; color: #F89E1C; } #showallReviews:hover{ color: #F89E1C; } #catalogElement #newReview .usedSelect li a.selected { background: #F89E1C; } #catalogElement #newReview .submit { background: #F89E1C; } #catalogElement #newReview .submit:hover { background: #ffa800; } /*set*/ #set .setTools .addCart{ background: #F89E1C; } #set .setTools .addCart:hover{ background-color: #ffa800; } #set .setElement .name:hover{ color: #F89E1C; } #setWindowPrice .addCart{ background: #F89E1C; } #setWindowPrice .addCart:hover{ background-color: #ffa800; } /*end.catalog.element*/ /* catalog.section */ #catalogLineList .name:hover{ color: #F89E1C; } #catalogLineList .addCart{ background: #F89E1C; } #catalogLineList .addCart:hover{ background-color: #ffa800; } #catalogLineList .skuProperty .selected .skuPropertyLink{ border: 1px solid #F89E1C; } #catalogLineList .prop a:hover{ color: #F89E1C; } /* table */ #catalogTableList .name:hover{ color: #ffa800; } #catalogTableList .addCart, #catalogTableList .more{ background-color: #F89E1C; } #catalogTableList .addCart:hover, #catalogTableList .more:hover{ background-color: #ffa800; } /* end.catalog.section /*smart filter */ #smartFilter .showALL { color: #F89E1C; } #smartFilter .showALL:hover{ color: #ffa800; } #smartFilter .radio label:hover, #smartFilter .checkbox label:hover{ color: #F89E1C; } #smartFilter .dropdownList .selected, #smartFilter .dropdownList .item:hover { background-color: #ffa800; } #smartFilter .handler { background: url(/bitrix/templates/dresscode/themes/white/default/images/handlerActive.png) 0 0 no-repeat transparent; } #set_filter { background-color: #F89E1C; } #set_filter:hover{ background-color: #ffa800; } #smartFilter .checkboxList .selected .icon, #smartFilter .dropdown .selected .icon { border-color: #F89E1C; } #smartFilter .hint { background: url(/bitrix/templates/dresscode/themes/white/default/images/question.png) 0 0 no-repeat transparent; } #smartFilter .hintValue .close { color: #F89E1C; } #smartFilter .hintValue .close:hover { color: #ffa800; } #smartFilter input[type="submit"], #smartFilter input[type="reset"], #smartFilter button { border: 1px solid #F89E1C; background-color: #F89E1C; } @media all and (min-width: 1024px) { #smartFilter button { display: none; } } #smartFilter input[type="submit"]:hover, #smartFilter button:hover { background-color: #ffa800; } #modef { background: url(/bitrix/templates/dresscode/themes/white/default/images/modef.png) 0 0 no-repeat; } /* end smart filter */ /* menu */ #topMenu li a:hover{ color: #ffa800; } #topMenu li .selected{ color: #ffa800; } #topMenu .bar > a{ background: url(/bitrix/templates/dresscode/themes/white/default/images/menuMore.png) 0 50% no-repeat transparent; } #topMenu .bar > a:hover, #topMenu .bar.active > a{ background: url(/bitrix/templates/dresscode/themes/white/default/images/menuMore.png) -21px 50% no-repeat transparent; } #topMenu .sub li:hover a{ color: #ffa800; } #personalMenu li a:hover{ color: #F89E1C; } #subLeftMenu .selected a{ color: #ffa800; } /* end menu */ /* news */ #newsDetail .more{ background: #F89E1C; } #newsDetail .more:hover{ background-color: #ffa800; } #newsContainer .column .item .title a:hover{ color: #F89E1C; } #newsContainer .column .item .more{ background: #F89E1C; } #newsContainer .column .item .more:hover{ background-color: #ffa800; } #newsContainer .column .item .title a:hover{ color: #F89E1C; } #newsContainer .column .item .more{ background: #F89E1C; } #newsContainer .column .item .more:hover{ background-color: #ffa800; } .backToList:hover{ color: #F89E1C; } #brandList .name:hover{ color: #ffa800; } #newsContainer .column .item .title a:hover{ color: #F89E1C; } #newsContainer .column .item .more{ background: #F89E1C; } #newsContainer .column .item .more:hover{ background-color: #ffa800; } #collectionBlock .name:hover{ color: #ffa800; } #collectionBlock .link{ color: #ffa800; } #newsBlock .newsTitle:hover { color: #F89E1C; } #serviceBlock .name:hover{ color: #ffa800; } #serviceBlock .link{ color: #ffa800; } /* end news */ /* order cancel */ .bx_my_order_cancel a:hover{ color: #F89E1C; } .bx_my_order_cancel input[type="submit"]{ background:#F89E1C; } .bx_my_order_cancel input[type="submit"]:hover { background: #ffa800; } .bx_my_order_cancel input[type="submit"]:active { background: #ffa800; } input[name="BuyButton"]{ background-color: #F89E1C; } .bx_my_order_switch .bx_mo_link:hover{ color: #F89E1C; } /* end order cancel */ /* #subscribe */ #subscribeEdit a:hover{ color: #F89E1C; } #subscribeEdit .submit { background: #F89E1C; } #subscribeEdit .submit:hover { background: #ffa800; } #subscribe .submit{ background-color: #ffa800; } #subscribe .submit:hover{ background-color: #ffa800; } /* end #subscribe */ /* navigation */ .bx-pagination .bx-pagination-container ul li.bx-active span{ background: #F89E1C; color: #fff; } /* end navigation */ #brandList .name:hover{ color: #ffa800; } #brandList .last .showMore:hover{ color: #ffa800; } #brandList .last .ps:hover{ color: #ffa800; } #homeCatalog .caption.selected{ background-color: #F89E1C; } #mainProfile .profileSettings .heading { color: #F89E1C; } #mainProfile .profileSettings .submit { background: #F89E1C; } #mainProfile .profileSettings .submit:hover { background: #ffa800; } #main input[name="BuyButton"], #main input[type="submit"]{ background-color: #F89E1C; } #main input[name="BuyButton"]:hover, #main input[type="submit"]:hover{ background-color: #ffa800; } #newOrder{ background-color: #F89E1C; } #newOrder:hover{ background-color: #ffa800; } #orderSuccess a{ color: #F89E1C; } #orderSuccess a:hover{ color: #ffa800; } #personalCart #basketView .item a{ background: url(/bitrix/templates/dresscode/themes/white/default/images/cartView.png) 0 0 no-repeat transparent; } #personalCart #tabsControl .item a:hover{ color: #F89E1C; } #personalCart #tabsControl .item .selected:hover{ border-bottom: 1px dashed #F89E1C; } #personalCart .productTable .clear a:hover { color: #F89E1C; } #personalCart .productTable .name a:hover { color: #F89E1C; } #orderMake{ background-color: #F89E1C; } #orderMake:hover{ background-color: #ffa800; } .orderLoad { background: url(/bitrix/templates/dresscode/themes/white/default/images/orderLoad.gif) 24px 50% no-repeat #F89E1C !important; } #wishlist .prop a:hover{ color: #ffa800; } #popSection .name:hover{ color: #F89E1C; } #popSection .last .showMore:hover{ color: #F89E1C; } #popSection .last .ps:hover{ color: #F89E1C; } #storesList .storesListTableLink, #storeDetail .storesMoreLink{ color: #F89E1C; } #storeDetail .showByMapLink{ color: #000000; } #storesList .storesListTableLink:hover, #storesList .storesListTableMailLink:hover, #storeDetail .storesMoreLink:hover, #storeDetail .showByMapLink:hover{ color: #ffa800; } #complect .complectListItemLink{ color: #000000; } #complect .complectListItemLink:hover{ color: #ffa800; } #complect .complectResultEconomyValue{ color: #ff305c; } #appFastView .addCart, #geo-location-window .geo-location-window-button{ background: #F89E1C; } #appFastView .addCart:hover, #geo-location-window .geo-location-window-button:hover{ background-color: #ffa800; } #geo-location-window .geo-location-window-list-item .selected span{ border-bottom: 1px dashed #F89E1C; color: #F89E1C; } #geo-location-window .geo-location-window-list-item a:hover{ color: #F89E1C; } .information-feedback, .shop-review-top-new-button{ border: 1px solid #F89E1C; color: #F89E1C; } .information-feedback:hover, .shop-review-top-new-button:hover{ border: 1px solid #ff7300; color: #ff7300; } .webFormTools input[type="submit"] { background-color: #F89E1C; } .webFormTools input[type="submit"]:hover { background-color: #ffa800; } #bx-soa-order-form .bx-blue .btn.btn-default { background-color: #F89E1C; border: 1px solid #ff7300; color: #ffffff; } #bx-soa-order-form textarea{ outline: none; } #bx-soa-order-form a{ color: #F89E1C; } #bx-soa-order-form a:hover{ color: #F89E1C; } #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: #ffa800; } #appProductPriceVariant .linkMore{ background: #F89E1C; } #appProductPriceVariant .linkMore:hover{ background-color: #ffa800; } #requestPrice #requestPriceSubmit, #requestPrice #requestPriceResultClose, #compareBlock .leftTools .all, #compareTools .hide, #scrollTable .addCart, #scrollTable .addSku, #specialProduct .specialTimeItem, #specialProduct .more, #slider .sliderContent .cButton{ background-color: #F89E1C; } #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: #ffa800; } #requestPrice .productNameBlock .productUrl:hover, #scrollTable a.name:hover{ color: #ffa800; } #requestPrice #requestPriceSubmit.loading { background: url(/bitrix/templates/dresscode/themes/white/default/images/loading.gif) 24px 50% no-repeat #ffa800 !important; } #slider .sliderContent .bigTextColor, #slider .sliderContent .mediumTextColor, #slider .sliderContent .smallTextColor, #slider .sliderContent .bigTextLightColor{ color: #F89E1C; } /*start цвета для новых блоков*/ .btn-simple { background: #F89E1C; border-color: #F89E1C; } .btn-simple:hover { background: #ffa800; border-color: #ffa800; } .btn-simple.btn-border { background: transparent; border-color: #F89E1C; color: #F89E1C; } .btn-simple.btn-border:hover { color: #ffa800; border-color: #ffa800; } .active-link:hover { color: #F89E1C; border-color: #F89E1C; } .inactive-link:hover { color: #F89E1C; } .text-link:hover { color: #F89E1C; } .tiles-list .h3:hover { color: #F89E1C; } .tiles-list .tile-wrap:first-child .h3:hover { color: #F89E1C; } .theme-color { color: #F89E1C; border-color: #F89E1C; } body .theme-color-hover { transition: all 0.2s ease-in-out; } body .theme-color-hover:hover { color: #F89E1C; } .other-news .name:hover { color: #F89E1C; } .big-text-link:hover { color: #F89E1C; } .link-dashed:hover { color: #F89E1C; border-color: #F89E1C; } .theme-link-dashed { color: #F89E1C; border-color: #F89E1C; } .theme-link-dashed:hover { color: #ffa800; border-color: #ffa800; } .new-list-items .active-link:hover { color: #ffa800; border-color: #ffa800; } .delivery-modal .active-link:hover { color: #ffa800; border-color: #ffa800; } .tabs-wrap .tab-btn-link.active { border-color: #F89E1C; background-color: #F89E1C; color: #fff; } .tabs-wrap .tab-btn-link.active:hover { border-color: #F89E1C; background-color: #F89E1C; color: #fff; } .tabs-wrap .tab-btn-link:hover { border-color: #F89E1C; color: #F89E1C; } .tabs-wrap .tab-dashed-link:hover { color: #F89E1C; } .bindAction a:hover { color: #ffa800; } #catalogElement .dropdownList .selected, #catalogElement .dropdownList .item:hover { background-color: #ffa800; } .smallSpecialTime .specialTimeItem { background: #F89E1C; } .productSpecialTime .specialTimeItem { background: #F89E1C; } .fastSpecialTime .specialTimeItem { background: #F89E1C; } #skuOffersTable .offersTable .basket .addCart{ background-color: #F89E1C; } #skuOffersTable .offersTable .basket .addCart:hover { background-color: #ffa800; } #elementContainer .bindActionImage .image{ background-image: url("/bitrix/templates/dresscode/themes/white/default/images/action.png"); } #elementContainer .wishCompWrap .elem.added { border-color: #F89E1C; background: #F89E1C; } #elementContainer .wishCompWrap .elem.added:hover { border-color: #ffa800; background: #ffa800; } /*end цвета для новых блоков*/ /*end*/ ::selection { background: #eca712; color: #fff; } ::-moz-selection { background: #eca712; color: #fff; } ::-webkit-selection { background: #eca712; color: #fff; } .tel { color:black; text-decoration: none; } #smartFilter .paramsBox .rangeSlider{ white-space: nowrap; } #smartFilter .paramsBox .rangeSlider > span:not(.irs) { padding: 4px; margin-left: 10px; border: 1px solid #F89E1C; background-color: #F89E1C; border-radius: 4px; color: white; cursor: pointer; } @media all and (max-width: 1026px) { #smartFilterForm .slider { display: none !important; } } /* End */ /* Start:/bitrix/templates/dresscode/css/lightYouTube.min.css?17706452393395*/ .youtube-player img,.youtube__wrapper iframe{top:0;left:0;right:0;bottom:0;width:100%;border:none}.main-block{display:flex;justify-content:space-between;flex-direction:row;flex-wrap:nowrap;margin-top:20px}.main-block__left .item{height:357px;width:635px;position:relative;overflow:hidden}.main-block__left iframe{width:100%;height:100%;border:none}.main-block__right{margin-left:20px;display:flex;flex-direction:column;justify-content:space-between}.main-block__right img{width:100%;height:auto}.main-block__right .right-block{position:relative;z-index:1;display:flex}.main-block__right .right-block:first-child{margin-bottom:10px}.main-block__right-text{position:absolute;z-index:2;width:40%;top:50%;transform:translateY(-50%);left:50px}.main-block__right-text .name{font-size:16px;font-weight:600;margin:0;text-decoration:none;color:#111}.main-block__right-text .descr{font-size:13px;font-weight:300;color:#000;margin:0;padding:5px 0 10px}@media all and (max-width:1920px){.main-block__left .item{height:357px;width:635px;position:relative}}@media all and (max-width:1620px){.main-block__left .item{height:275px;width:500px}}@media all and (max-width:1536px){.main-block__left .item{height:275px;width:500px}}.youtube-player{position:relative;padding-bottom:56%;height:0;overflow:hidden;max-width:100%;background:#000}.youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}.youtube-player img{object-fit:cover;display:block;margin:auto;max-width:100%;position:absolute;height:auto;cursor:pointer;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}.youtube-player img:hover{-webkit-filter:brightness(75%)}.youtube-player .play{height:48px;width:68px;left:50%;top:50%;margin-left:-34px;margin-top:-24px;position:absolute;background:url('https://i.ibb.co/j3jcJKv/yt.png') no-repeat;cursor:pointer}.youtube{padding-bottom:50px}.youtube__wrapper{display:flex;justify-content:space-between;box-sizing:border-box;gap:10px}.youtube__wrapper .item{flex:1;height:340px;position:relative;padding:0}.youtube__wrapper iframe{position:absolute;height:100%}.youtube__wrapper .item .ytp-large-play-button{width:90px!important;height:62px!important}@media all and (max-width:1440px){.main-block__left .item{height:253px;width:450px}.youtube__wrapper .item{height:255px}}@media all and (max-width:1368px){.main-block__left .item{height:239px;width:425px}.youtube__wrapper .item{height:240px}}@media all and (max-width:1280px){.main-block__left{margin-bottom:10px}.main-block__left .item{height:auto;width:100%}.main-block{flex-direction:column}.main-block__right{margin-left:0}.youtube__wrapper .item{height:225px}}@media all and (max-width:1024px){.youtube__wrapper .item{height:179px}}@media all and (max-width:1023px){.youtube__wrapper{flex-direction:column}.youtube__wrapper .item{flex:1 0 auto;height:405px}}@media all and (max-width:768px){.youtube{padding-bottom:35px}}@media all and (max-width:767px){.main-block__right-text{width:42%}.main-block__right-text .name{font-size:12px}.main-block__right-text .btn-simple,.main-block__right-text .descr,.youtube__wrapper .item:nth-child(n+3){display:none}}@media all and (max-width:500px){.main-block__right-text{left:20px}.youtube__wrapper .item{height:227px}}@media all and (max-width:375px){.youtube__wrapper .item{height:177px}}@media all and (max-width:320px){.youtube__wrapper .item{height:166px}} /* End */ /* Start:/local/components/ignis/selector/templates/.default/style.css?171507110112292*/ .user-geo-position-label{ margin-right: 6px; } .user-geo-position-label, .user-geo-position-value, .user-geo-position-value-link{ vertical-align: middle; display: inline-block; } .user-geo-position-value-link{ vertical-align: middle; max-width: 160px; overflow: hidden; } #geo-location-window{ -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; color: #000000; overflow: auto; z-index: 1000; height: 100%; width: 100%; left: 0px; top: 0px; /*display: none;*/ } #geo-location-window .hidden{ display: none; } #geo-location-window .geo-location-window-container{ -moz-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-animation-name: zoomInLocation; animation-name: zoomInLocation; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; min-height: 276px; max-height: 500px; padding: 0 24px; width: 800px; left: 50%; top: 50%; } #geo-location-window .geo-location-window-container-bg{ box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #ffffff; } .geo-location-window-wp{ vertical-align: middle; display: inline-block; line-height: 21px; width: 100%; } #geo-location-window .geo-location-window-heading{ background-color: #424242; position: relative; text-align: center; line-height: 60px; font-size: 18px; color: #ffffff; } #geo-location-window .geo-location-window-list{ max-height: 180px; margin-top: 24px; padding: 0 24px; overflow: auto; } #geo-location-window .geo-location-window-list-item{ /*text-transform: uppercase;*/ overflow: hidden; float: left; width: 25%; } #geo-location-window .geo-location-window-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; display: inline-block; text-decoration: none; line-height: 37px; overflow: hidden; color: #000000; height: 37px; } #geo-location-window .geo-location-window-list-item a:active{ position: relative; top: 1px; } #geo-location-window .geo-location-window-list-item span{ vertical-align: middle; display: inline-block; line-height: 21px; } .geo-location-window-search{ margin-top: 24px; padding: 0 24px; } .geo-location-window-search-input{ background: url(/local/components/ignis/selector/templates/.default/images/geo-search.png) 12px 50% no-repeat #f6f6f6; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid #e6e6e6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; border-radius: 2px; padding: 0 42px; font-size: 14px; height: 48px; width: 100%; } .geo-location-window-search-input:focus{ border: 1px solid #aaaaaa; } .geo-location-window-city-container{ text-align: center; margin-top: 24px; } .geo-location-window-city-label, .geo-location-window-city-value{ display: inline-block; } .geo-location-window-city-value{ /*text-transform: uppercase;*/ font-family: "robotoBold"; } .geo-location-window-button-container{ margin-bottom: 24px; text-align: center; margin-top: 24px; } .geo-location-window-button{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /*text-transform: uppercase;*/ color: #ffffff !important; vertical-align: middle; display: inline-block; text-decoration: none; border-radius: 2px; text-align: center; position: relative; line-height: 50px; padding: 0 36px; font-size: 14px; opacity: 0.9; height: 50px; } .geo-location-window-button:active{ position: relative; top: 1px; } .geo-location-window-button.modifed{ border-radius: 4px; opacity: 1; } .geo-location-window-button.disabled{ pointer-events: none; opacity: 0.5; } .geo-location-window-button.loading{ opacity: 0.5; } .geo-location-window-button.loading #geo-location-window-fast-loader{ display: block; opacity: 1; } .geo-location-window-search-values-cn{ position: relative; } .geo-location-window-search-values{ position: absolute; max-height: 141px; overflow: auto; z-index: 99; width: 100%; left: 0px; top: 0px; } .geo-location-window-search-values .geo-location-list-item{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-top: 1px solid #e6e6e6; background-color: #eeeeee; } .geo-location-window-search-values .geo-location-list-item:hover{ background-color: #e1e1e1; } .geo-location-window-search-values .geo-location-list-item:first-child{ border: none; } .geo-location-window-search-values .geo-location-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; color: #000000 !important; text-decoration: none; line-height: 35px; padding: 0 24px; display: block; height: 35px; } .geo-location-window-search-values .geo-location-list-item a:hover{ opacity: 0.8; } .geo-location-window-search-values .geo-location-list-item a:active{ position: relative; top: 1px; } #geo-location-window .geo-location-window-exit{ position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } #geo-location-window .geo-location-window-exit{ background: url(/local/components/ignis/selector/templates/.default/images/exit.png) 0 0 no-repeat transparent; } #geo-location-window .geo-location-window-exit:hover{ background-position: 0 -21px ; } #geo-location-window .geo-location-window-exit:active{ background-position: 0 -42px ; } @media all and (max-width: 850px){ #geo-location-window .geo-location-window-container{ transform: translateX(0) translateY(-50%); width: 100%; left: 0px; } } @media all and (max-width: 700px) { #geo-location-window .geo-location-window-list-item{ width: 33.333%; } #geo-location-window .geo-location-window-container{ padding: 0 12px; } } @media all and (max-width: 500px) { #geo-location-window .geo-location-window-list-item{ width: 50%; } } @media all and (max-width: 400px) { #geo-location-window .geo-location-window-list-item{ width: 100%; } } /*loader*/ #geo-location-window-fast-loader{ -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; position: absolute; transform:scale(0.6); -o-transform:scale(0.6); -ms-transform:scale(0.6); -webkit-transform:scale(0.6); -moz-transform:scale(0.6); margin-left: -24px; display: none; height: 48px; width: 48px; opacity: 0; left: 50%; top: 0px; } .f_circleG{ position:absolute; background-color:rgb(255,255,255); height:9px; width:9px; display: block; border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; animation-name:f_fadeG; -o-animation-name:f_fadeG; -ms-animation-name:f_fadeG; -webkit-animation-name:f_fadeG; -moz-animation-name:f_fadeG; animation-duration:0.522s; -o-animation-duration:0.522s; -ms-animation-duration:0.522s; -webkit-animation-duration:0.522s; -moz-animation-duration:0.522s; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; -webkit-animation-direction:normal; -moz-animation-direction:normal; } #frotateG_01{ left:0; top:19px; animation-delay:0.1995s; -o-animation-delay:0.1995s; -ms-animation-delay:0.1995s; -webkit-animation-delay:0.1995s; -moz-animation-delay:0.1995s; } #frotateG_02{ left:6px; top:6px; animation-delay:0.256s; -o-animation-delay:0.256s; -ms-animation-delay:0.256s; -webkit-animation-delay:0.256s; -moz-animation-delay:0.256s; } #frotateG_03{ left:19px; top:0; animation-delay:0.3225s; -o-animation-delay:0.3225s; -ms-animation-delay:0.3225s; -webkit-animation-delay:0.3225s; -moz-animation-delay:0.3225s; } #frotateG_04{ right:6px; top:6px; animation-delay:0.389s; -o-animation-delay:0.389s; -ms-animation-delay:0.389s; -webkit-animation-delay:0.389s; -moz-animation-delay:0.389s; } #frotateG_05{ right:0; top:19px; animation-delay:0.4555s; -o-animation-delay:0.4555s; -ms-animation-delay:0.4555s; -webkit-animation-delay:0.4555s; -moz-animation-delay:0.4555s; } #frotateG_06{ right:6px; bottom:6px; animation-delay:0.522s; -o-animation-delay:0.522s; -ms-animation-delay:0.522s; -webkit-animation-delay:0.522s; -moz-animation-delay:0.522s; } #frotateG_07{ left:19px; bottom:0; animation-delay:0.5885s; -o-animation-delay:0.5885s; -ms-animation-delay:0.5885s; -webkit-animation-delay:0.5885s; -moz-animation-delay:0.5885s; } #frotateG_08{ left:6px; bottom:6px; animation-delay:0.645s; -o-animation-delay:0.645s; -ms-animation-delay:0.645s; -webkit-animation-delay:0.645s; -moz-animation-delay:0.645s; } @keyframes f_fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-o-keyframes f_fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-ms-keyframes f_fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-webkit-keyframes f_fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-moz-keyframes f_fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-webkit-keyframes zoomInLocation { from { opacity: 0; -webkit-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3); transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3); -moz-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3); -o-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomInLocation { from { opacity: 0; -webkit-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3); transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3); -moz-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3); -o-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3); } 50% { opacity: 1; } } /* End */ /* Start:/bitrix/templates/dresscode/components/bitrix/menu/leftMenuV2/style.css?17706452395008*/ #leftMenu{ background: #2b2b2b; padding: 12px 0 12px 0; position:relative; list-style: none; z-index: 33; margin: 0; } #leftMenu li{ list-style: none; } #leftMenu > li:first-child{ border: 0; } #leftMenu > li{ -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -o-transition:all 0.1s ease; transition: all 0.1s ease; background: #2b2b2b; display: block; } #leftMenu > li:hover, #leftMenu .activeDrop{ background: #ffffff; } #leftMenu > li:hover > a{ background: #f5f5f5; } #leftMenu li:hover .menuLink, #leftMenu .activeDrop .menuLink{ color: #000000; } #leftMenu li .menuLink{ -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; text-decoration: none; padding-right: 8px; position: relative; line-height: 18px; font-size: 13px; display: block; color: #ffffff; } #leftMenu .menuLink img{ vertical-align: middle; } #leftMenu li .tb{ display: table; width: 100%; } #leftMenu .pc, #leftMenu .tx{ vertical-align: middle; display: table-cell; padding: 8px; } #leftMenu li .pc{ -webkit-transition:all 0.1s; -moz-transition:all 0.1s; -o-transition:all 0.1s; transition: all 0.1s; padding-left: 18px; text-align:center; height: 21px; width: 24px; } #leftMenu .pc img{ max-width: 100%; } #leftMenu ul{ padding: 0; margin: 0; } #leftMenu .drop{ box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4); border-collapse: collapse; background: #ffffff; table-layout: fixed; position: absolute; min-height: 400px; /*overflow: hidden;*/ z-index: 999999; display: none; left: 100%; width: 1%; top: 0%; } #leftMenu .menuItems{ /*border-right: 1px solid #e7e8ea;*/ background-color: #ffffff; display: table-cell; vertical-align: top; padding: 12px; width: 245px; } #leftMenu .menuItems > li:first-child{ margin-top: 0px; } #leftMenu .menuItems > li{ position: relative; margin-top: 8px; } #leftMenu .menuItems span{ -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-weight: 700; font-size: 14px; color: #444444; } #leftMenu .menuItems small{ position: absolute; margin-top: -11px; line-height: 22px; height: 22px; color: #888; right: 0px; top: 50%; } #leftMenu .menuItems a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 21px; display: block; color: #000; } #leftMenu .menuItems a:hover{ color: #999; } #leftMenu .menuItems a img{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #leftMenu .menuItems a:hover img{ opacity: 0.8; } #leftMenu .menuSlider{ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 50%, #f9fafc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#f9fafc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 50%,#f9fafc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9fafc',GradientType=0 ); /* IE6-9 */ vertical-align: middle; display: table-cell; position: relative; width: 295px; } #leftMenu .menuSlider > ul{ position: relative; list-style: none; padding: 0; margin: 0; } #leftMenu .menuSlider > ul > li{ position: relative; float: left; } #leftMenu .menuSlider .slideBtnLeft, #leftMenu .menuSlider .slideBtnRight{ background: url(/bitrix/templates/dresscode/components/bitrix/menu/leftMenuV2/images/slideArrow.png) 0 0 no-repeat transparent; position: absolute; margin-top: 3px; z-index: 99; height: 16px; opacity: 0.5; width: 14px; top: 30%; } #leftMenu .menuSlider .slideBtnLeft:hover, #leftMenu .menuSlider .slideBtnRight:hover{ opacity: 0.8; } #leftMenu .menuSlider .slideBtnLeft:active, #leftMenu .menuSlider .slideBtnRight:active{ opacity: 1; } #leftMenu .menuSlider .slideBtnLeft{ left: 12px; } #leftMenu .menuSlider .slideBtnRight{ background-position: -14px 0; right: 12px; } #leftMenu .product{ position: relative !important; height: auto !important; width: 100% !important; border: 0 !important; } #leftMenu .product .tabloid{ border: 0 !important; height: auto !important; position: static !important; background: transparent !important; } #leftMenu .product:hover .tabloid{ box-shadow: none; } #leftMenu .oSkuDropdownList{ position: relative; display: none; border-top: 1px solid #e7e8ea; border-bottom: 0px; border-right: 0px; border-left: 0px; top: 0px; } #leftMenu .oSkuDropdownList.opened{ display: block; } /* End */ /* Start:/bitrix/components/dresscode/search.line/templates/version2/style.css?177064523912691*/ #topSearch2 .searchContainerInner { border: 1px solid #f3f3f3; height: 50px } #subHeader2.color_black #topSearch2 .searchContainerInner { border: 1px solid rgba(255, 255, 255, .3); background-color: rgba(0, 0, 0, .1) } #subHeader2.color_theme #topSearch2 .searchContainerInner { border: 1px solid rgba(255, 255, 255, .3); background-color: rgba(255, 255, 255, .1) } #topSearch2 .searchContainer { border-collapse: collapse; table-layout: fixed; line-height: 50px; display: table; height: 50px; width: 100% } #searchResult .searchAllResult, #searchResult h1 { font-family: robotobold; text-transform: uppercase; line-height: 85px; height: 85px; position: relative; text-align: center } #topSearch2 .searchColumn { vertical-align: middle; display: table-cell; position: relative } #topSearch2 .searchColumn:last-child { width: 54px } #topSearch2 #searchQuery { background: url(/bitrix/components/dresscode/search.line/templates/version2/images/searchH2.png) 14px 50% no-repeat; font-weight: 300; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 42px; height: 50px; width: 100%; border: 0 } #searchResult .productList, #topSearch2 #goSearch { -webkit-box-sizing: border-box; -moz-box-sizing: border-box } #topSearch2 #goSearch { background: url(/bitrix/components/dresscode/search.line/templates/version2/images/searchIcoH2.png) no-repeat; 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(/bitrix/components/dresscode/search.line/templates/version2/images/searchH2W.png) 14px 50% no-repeat; color: rgba(255, 255, 255, .7) } #subHeader5.color_black #topSearch2 #searchQuery, #subHeader5.color_theme #topSearch2 #searchQuery { background: url(/bitrix/components/dresscode/search.line/templates/version2/images/searchH5W.png) 14px 50% no-repeat; color: rgba(255, 255, 255, .7) } #subHeader2.color_black #goSearch, #subHeader2.color_theme #goSearch { background: url(/bitrix/components/dresscode/search.line/templates/version2/images/searchIcoH2W.png) no-repeat } #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(/bitrix/components/dresscode/search.line/templates/version2/images/searchIcoH5W.png) no-repeat } #topSearch2 #goSearch:hover { background-position: 0 -50px } #topSearch2 #goSearch:active { background-position: 0 -100px } #searchResult { border-top: 1px solid #f3f3f3; background-color: #fff; 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 { background-color: #fff; font-size: 18px; margin: 0 } #searchResult.visible { display: block } #searchResult .productList { box-sizing: border-box; margin-bottom: 24px; padding: 0 24px } #searchResult .item { width: 14.285% } #searchResult .searchAllResult { border-top: 1px solid #e7e8ea; background-color: #f3f3f3; text-decoration: none; font-size: 14px; display: block; color: #000 } #searchResult .searchAllResult:hover { background-color: #eee } #searchResult .searchAllResult span { border-bottom: 1px dashed #000; padding-bottom: 4px } #searchResult .errorMessage { margin: 24px 36px; text-align: center; font-size: 14px; color: #000 } #searchProductsClose { background: url(/bitrix/components/dresscode/search.line/templates/version2/images/exit.png) no-repeat; 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(/bitrix/components/dresscode/search.line/templates/version2/images/searchH5W.png) 14px 50% no-repeat; color: rgba(255, 255, 255, .7) } #topSearchLine.color_black #goSearch { background: url(/bitrix/components/dresscode/search.line/templates/version2/images/searchIcoH5W.png) no-repeat } #subHeader6 #topSearchLine #topSearch2 #searchQuery { background: url(/bitrix/components/dresscode/search.line/templates/version2/images/searchH2.png) 14px 50% no-repeat; color: #000 } #subHeader6 #topSearchLine #topSearch2 #goSearch { background: url(/bitrix/components/dresscode/search.line/templates/version2/images/searchIcoH2.png) no-repeat } #subHeader6 #topSearchLine #topSearch2 input[placeholder] { -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; color: rgba(0, 0, 0, .7) } #subHeader6 #topSearchLine #topSearch2 input::-webkit-input-placeholder { -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; color: rgba(0, 0, 0, .7) } #subHeader6 #topSearchLine #topSearch2 input::-moz-placeholder { -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; color: rgba(0, 0, 0, .7) } } .bx-pagination { margin: 10px 0 } .bx-pagination .bx-search-pagination-container { text-align: center; position: relative } .bx-pagination .bx-search-pagination-container ul { padding: 0; margin: 0; list-style: none; display: inline-block } .bx-pagination .bx-search-pagination-container ul li { display: inline-block; margin: 0 2px 15px } .bx-pagination .bx-search-pagination-container ul li span { -webkit-transition: color .3s, background-color .3s, border-color .3s; -moz-transition: color .3s, background-color .3s, border-color .3s; -ms-transition: color .3s, background-color .3s, border-color .3s; -o-transition: color .3s, background-color .3s, border-color .3s; transition: color .3s, background-color .3s, border-color .3s; 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-search-pagination-container ul li a { text-decoration: none; border-radius: 16px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; vertical-align: middle } .bx-pagination .bx-search-pagination-container ul li a:hover span { background: #dadada } .bx-pagination .bx-search-pagination-container ul li.bx-active span { background: #ff9601; color: #fff } .bx-pagination .bx-search-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-search-pagination-container ul li.bx-pag-next a span, .bx-pagination .bx-search-pagination-container ul li.bx-pag-prev a span { background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; color: #444 } .bx-pagination .bx-search-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-search-pagination-container ul li.bx-pag-next span, .bx-pagination .bx-search-pagination-container ul li.bx-pag-prev span { color: #aab1b4; background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px } .items-search.list-items-search .item, .items-search.list-items-search .item .tabloid { font: 14px/21px roboto_ltregular, arial, sans-serif; border-collapse: collapse; list-style: none; box-sizing: border-box; position: relative; height: auto } .bx-pagination .bx-search-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-search-pagination-container ul li.bx-pag-next a:hover span, .bx-pagination .bx-search-pagination-container ul li.bx-pag-prev a:hover span { background: #fff; border-color: #dadada; color: #000 } .bx-pagination .bx-pagination-container ul li.bx-active span { background: #f89e1c; color: #fff } @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% } } .items-search.list-items-search { padding-top: 10px; display: flex; flex-direction: column; width: 100%; justify-content: center; z-index: 1005 } .items-search.list-items-search .item { -webkit-font-smoothing: antialiased; float: left; border: 1px solid #e7e8ea; width: 95% !important; margin: 0 auto 10px } .items-search.list-items-search .item .tabloid { -webkit-font-smoothing: antialiased; transition: box-shadow .3s ease-in-out, border .3s ease-in-out; overflow: hidden; z-index: 1; box-shadow: none; background: 0 0; border-bottom: none; border: none; padding: 0 } .items-search.list-items-search .inStock { font: 14px/21px roboto_condensedlight; -webkit-font-smoothing: antialiased; border-collapse: collapse; list-style: none; box-sizing: content-box; outline: 0; position: absolute; right: 8px; top: 8px; width: auto !important; color: #73b24e !important; cursor: default; transition: .2s ease-in-out; text-decoration: none; display: block; float: left } .items-search.list-items-search .productTable, .items-search.list-items-search .productTable .productColImage { font: 14px/21px roboto_ltregular, arial, sans-serif; border-collapse: collapse; list-style: none; box-sizing: content-box } .items-search.list-items-search .productTable { -webkit-font-smoothing: antialiased; margin-top: 5px; display: flex; align-items: center } .items-search.list-items-search .productTable .productColImage { -webkit-font-smoothing: antialiased; width: auto } .items-search.list-items-search .productTable .productColImage .picture { font: 14px/60px roboto_ltregular, arial, sans-serif; -webkit-font-smoothing: antialiased; border-collapse: collapse; list-style: none; box-sizing: content-box; outline: 0; transition: .5s ease-in-out; position: relative; display: block; text-align: center; height: 60px; width: 80px } .items-search.list-items-search .productTable .productColImage .youtube_ico { position: absolute; left: 10px; bottom: auto; top: 5px; margin-top: 0 } .items-search.list-items-search .productTable .name { font: 13px/44px roboto_ltregular, arial, sans-serif; -webkit-font-smoothing: antialiased; border-collapse: collapse; list-style: none; box-sizing: content-box; outline: 0; color: #000; transition: .2s ease-in-out; text-decoration: none; overflow: hidden; display: flex; align-items: center; margin-bottom: 0; height: auto } .items-search.list-items-search .productTable .productColText .optional .row-hidden, .items-search.list-items-search .productTable .rating, .search_res .errorMessage #searchProductsClose { display: none } .items-search.list-items-search .getFastView { display: none !important } .items-search.list-items-search .productTable .productColText .price { margin-bottom: 0 } .items-search.list-items-search .productTable .productColText .addCart { width: 35% } .items-search.list-items-search .productTable .productColText .optional { width: 30%; text-align: right } .items-search.list-items-search .productTable .productColText .optional .row { text-align: right; margin-bottom: 0 } .items-search.list-items-search .productTable .productColText .optional .row a { width: 90% } .search_res.visible { border: 2px solid #e7e8ea; border-top: none !important } #subHeader7 #searchOverlap { z-index: 1004 } .items-search.list-items-search .info_wrapper { display: flex; flex-direction: column } /* End */ /* Start:/bitrix/templates/dresscode/headers/header7/css/style.css?177064523932947*/ #headerLine4 { border-bottom: 1px solid #f3f3f3; background-color: #f8f8f8; line-height: 40px; min-width: 320px; height: 40px } #headerLine4.color_black { background-color: #2b2b2b } #headerLine4.color_black, #headerLine4.color_theme { border-bottom: 1px solid rgba(255, 255, 255, .15); color: #fff } #headerLine4 .subTable { border-collapse: collapse; table-layout: fixed; display: table; width: 100% } #headerLine4 .subTableColumn { vertical-align: middle; display: table-cell } #headerLine4 .subTableColumn:first-child { vertical-align: top } #headerLine4 .subTableColumn:last-child { text-align: right } #headerLine4 #geoPosition, #headerLine4 #topAuth, #headerLine4 #topCurrency { height: 40px; display: inline-flex; align-items: center; } #headerLine4 #topAuth, #headerLine4 #geoPosition { margin-right: 24px } #headerLine4 #geoPosition ul, #headerLine4 #topAuth ul, #headerLine4 #topCurrency ul { list-style: none; padding: 0; margin: 0 } #headerLine4 #topAuth ul li { display: inline-block } #headerLine4 #topAuth ul li:first-child { margin-right: 12px } #headerLine4 .user-geo-position-value-link, #headerLine4 #topAuth ul li a { text-decoration: none; position: relative } #headerLine4.color_theme .user-geo-position-value-link, #headerLine4.color_theme #topAuth ul li a { color: #fff } #headerLine4 .user-geo-position-value-link:active, #headerLine4 #topAuth ul li a:active { position: relative; top: 1px } #headerLine4 .user-geo-position-value-link:after, #headerLine4 #topAuth ul li a:after { transition: all .2s ease-in-out; position: absolute; display: block; bottom: 0; width: 100%; height: 0; content: ""; left: 0 } #headerLine4.color_theme .user-geo-position-value-link:after, #headerLine4.color_theme #topAuth ul li a:after { border-color: #fff } #headerLine4 .user-geo-position-value-link:after { bottom: 11px } #headerLine4.color_theme .user-geo-position-value-link { color: #fff } #headerLine4.color_theme .user-geo-position-value-link:hover { opacity: .8 } #headerLine4.color_theme .user-geo-position-value-link:after { border-color: #fff } #headerLine4 #subMenu { align-items: center; } #headerLine4 #subMenu .removedItemsContainer { position: relative } #headerLine4 #subMenu li:first-child a { padding: 0 24px 0 0 } #headerLine4.color_theme #subMenu li a, #headerLine4.color_theme #subMenu li a:hover, #headerLine4.color_theme #subMenu li .selected, #headerLine4.color_black #subMenu li a { color: #fff } #headerLine4.color_theme #subMenu li a:hover, #headerLine4.color_theme #subMenu li .selected { opacity: .8 } #headerLine4 #subMenu .removedItemsContainer .removedItemsLink { background: url(/bitrix/templates/dresscode/headers/header7/css/images/menuMore.png) 50% 50% no-repeat transparent; vertical-align: middle; display: inline-block; padding: 0 12px; height: 18px; width: 30px } #headerLine4 #subMenu .removedItemsContainer .removedItemsLink:hover { opacity: .6 } #headerLine4.color_black #subMenu .removedItemsContainer .removedItemsLink, #headerLine4.color_theme #subMenu .removedItemsContainer .removedItemsLink { background: url(/bitrix/templates/dresscode/headers/header7/css/images/menuMoreW.png) 50% 50% no-repeat transparent } #headerLine4 #subMenu .removedItemsContainer .removedItemsLink:active { position: relative; top: 1px } #headerLine4 #subMenu .removedItemsContainer .removedItemsList { background-color: #fbfbfb; position: absolute; display: none; width: 180px; padding: 0; z-index: 9999; margin: 0; right: 0; top: 41px } #headerLine4.color_black #subMenu .removedItemsContainer .removedItemsList { background-color: #2b2b2b } #headerLine4.color_black #subMenu .removedItemsContainer .removedItemsList li, #headerLine4.color_theme #subMenu .removedItemsContainer .removedItemsList li { border-top: 1px solid rgba(255, 255, 255, .15) } #headerLine4.color_black #subMenu .removedItemsContainer .removedItemsList li a, #headerLine4.color_theme #subMenu .removedItemsContainer .removedItemsList li a { color: #fff } #headerLine4 #subMenu .removedItemsContainer .removedItemsList li { border-top: 1px solid #f2f2f2; white-space: normal; text-align: left; display: block; float: none } #headerLine4 #subMenu .removedItemsContainer .removedItemsList li:first-child { border: 0 !important } #headerLine4 #subMenu .removedItemsContainer .removedItemsList li a { line-height: 21px; padding: 8px 12px; display: block } #headerLine4 #subMenu .removedItemsContainer .removedItemsList li a:active { position: relative; top: 1px } #headerLine4 #topSocial { margin-left: 24px; text-align: right; float: right } #headerLine4 .topSoc { vertical-align: middle; display: inline-block; list-style: none; padding: 0; margin: 0 } #headerLine4 .topSocItem { vertical-align: middle; display: inline-block; margin-left: 2px } #headerLine4 .topSocItem:first-child { margin-left: 0 } #headerLine4 .topSocItem a { background: url(/bitrix/templates/dresscode/headers/header7/css/images/headSn.png) 0 0 no-repeat transparent; display: block; height: 24px; width: 24px } #headerLine4 .topSocItem a:hover { opacity: .7 } #headerLine4 .topSocItem a:active { position: relative; top: 1px } #headerLine4 .topSocItem .socFB { background-position: -24px } #headerLine4 .topSocItem .socODN { background-position: -48px } #headerLine4 .topSocItem .socTV { background-position: -72px } #headerLine4 .topSocItem .socINS { background-position: -96px } #headerLine4 .topSocItem .socYOU { background-position: -120px } .socTiktok { background-image: url(/bitrix/templates/dresscode/headers/header7/css/images/1_TikTok_01.png) !important; background-size: 30px !important; background-position: -3px -3px !important } #headerLine4 .user-geo-position-label, #headerLine4 .user-geo-position-value, #headerLine4 .user-geo-position-value-link { font-size: 14px; margin-top: -2px; } .user-geo-position .user-geo-position-value { margin-right: 2px; } #subHeader7 { position: sticky; top: 0; right: 0; left: 0; z-index: 9998; height: auto; line-height: 80px; padding-bottom: 0; box-shadow: 0 0 15px transparent; transition: box-shadow .3s; border-bottom: 1px solid #f3f3f3; background-color: #ffffff; min-width: 320px; } #subHeader7 .subTableRow { display: flex; justify-content: space-between; align-items: center; column-gap: 16px; height: 100%; } #subHeader7.color_black { background-color: #2b2b2b } #subHeader7 .phonesTc { display: flex; flex-direction: column; } #subHeader7 .phonesContainer { display: inline-flex; align-items: center; } #subHeader7 .firstPhones .heading, #subHeader7 .secondPhones .heading { font-size: 16px; } #subHeader7 .firstPhones .heading, #subHeader7 .secondPhones .heading a { text-wrap: nowrap; } #subHeader7 .phonesTc .schedule { font-size: 15px; } #subHeader7 .firstPhones .mobile--display { display: none; } #subHeader7 .firstPhones .heading br { display: none; } #subHeader7.color_black, #subHeader7.color_theme { border-bottom: 1px solid rgba(255, 255, 255, .15); color: #fff } #subHeader7 .subTable { table-layout: fixed; display: table; width: 100%; position: relative; height: 100% } .language-logo { width: 31%; position: relative } .language-logo-smallwith, .logo-text-smallwith { display: none } .language-logo svg { position: absolute; width: 100%; height: 100% } #subHeader7 .subTableColumn:last-child { text-align: right; width: 356px } #subHeader7 .subTableColumn .toolsContainer { display: flex; align-items: center; line-height: 21px } #subHeader7 .phonesContainer { vertical-align: middle; display: inline-flex; margin-right: 0; align-items: center } #subHeader7 .firstPhones, #subHeader7 .secondPhones { vertical-align: middle; display: inline-block; line-height: 21px; text-align: left } #subHeader7 .firstPhones { margin-right: 48px } #subHeader7 .firstPhones .callBack { text-decoration: none; position: relative } #subHeader7.color_theme .firstPhones .callBack, #subHeader7.color_theme .firstPhones .callBack:hover { color: #fff; opacity: .8 } #subHeader7 .firstPhones .callBack:active { position: relative; top: 1px } #subHeader7 .firstPhones .callBack:after { transition: all .2s ease-in-out; position: absolute; display: block; bottom: 0; width: 100%; height: 0; content: ""; left: 0 } #subHeader7.color_theme .firstPhones .callBack:after, #subHeader7.color_theme .firstPhones .callBack:after:hover { border-color: #fff; opacity: .8 } #subHeader7 .phonesTc:first-child { padding-right: 12px } #subHeader7 .callBackIcon, #subHeader7 .scheduleIcon { background: no-repeat transparent; transition: all .2s ease-in-out; display: block; height: 28px } #subHeader7 .callBackIcon { background: url(/bitrix/templates/dresscode/headers/header7/css/images/phoneIco2.png) 0 0; width: 34px } #subHeader7.color_black .callBackIcon, #subHeader7.color_theme .callBackIcon { background-image: url(/bitrix/templates/dresscode/headers/header7/css/images/phoneIco2W.png) } #subHeader7 .scheduleIcon { background: url(/bitrix/templates/dresscode/headers/header7/css/images/phoneIco.png) 0 0; width: 27px } #subHeader7.color_black .scheduleIcon, #subHeader7.color_theme .scheduleIcon { background-image: url(/bitrix/templates/dresscode/headers/header7/css/images/phoneIcoW.png) } #subHeader7 .callBackIcon:hover, #subHeader7 .scheduleIcon:hover { opacity: .7 } #subHeader7 .callBackIcon:active, #subHeader7 .scheduleIcon:active { position: relative; top: 1px } #subHeader7 .secondPhones .schedule { color: #888 } #subHeader7.color_theme .secondPhones .schedule { color: #f1f1f1 } #subHeader7.color_black .firstPhones .heading, #subHeader7.color_black .secondPhones .heading { font-weight: 300; } #geo-location-window { text-align: left } #subHeader7 #topSearch2 .searchContainerInner { background-color: #fafafa } #subHeader7.color_black #topSearch2 .searchContainerInner, #subHeader7.color_theme #topSearch2 .searchContainerInner { background-color: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .2) } #subHeader7.color_black #topSearch2 input[placeholder], #subHeader7.color_theme #topSearch2 input[placeholder], #subHeader7.color_black #topSearch2 input::-webkit-input-placeholder, #subHeader7.color_theme #topSearch2 input::-webkit-input-placeholder, #subHeader7.color_black #topSearch2 input::-moz-placeholder, #subHeader7.color_theme #topSearch2 input::-moz-placeholder { transition: all .2s ease-in-out; color: rgba(255, 255, 255, .7) } #subHeader7.color_black #topSearch2 input:focus[placeholder], #subHeader7.color_theme #topSearch2 input:focus[placeholder], #subHeader7.color_black #topSearch2 input:focus::-webkit-input-placeholder, #subHeader7.color_theme #topSearch2 input:focus::-webkit-input-placeholder, #subHeader7.color_black #topSearch2 input::-moz-placeholder, #subHeader7.color_theme #topSearch2 input::-moz-placeholder { color: transparent } #subHeader7.color_theme .topWishlist .value, #subHeader7.color_theme .topCompare .value, #subHeader7.color_theme .cart .count { border-color: rgba(255, 255, 255, .7); color: #fff } #subHeader7.color_theme .topCompare .active .value, #subHeader7.color_theme .topWishlist .active .value, #subHeader7.color_theme .cart .active .count { border-color: #fff; color: #fff } #subHeader7.color_theme .cart .total, #subHeader7.color_theme .cart .total:hover, #subHeader7.color_theme .cart .heading, #subHeader7.color_theme .cart .heading:hover, #subHeader7.color_theme .cart .heading:hover .total { color: #fff } #subHeader7.color_black .cart .heading .cartLabel { color: #fff } #subHeader7.color_theme .cart .total:hover { opacity: .7 } #subHeader7.color_theme #topAuth > ul li a, #subHeader7.color_theme #topAuth > ul li a:hover { color: #fff } #subHeader7.color_theme #topAuth > ul li a:hover { opacity: .8 } #subHeader7.color_theme #topAuth > ul li:first-child:after, #subHeader7.color_theme .user-geo-position-value-link:after, #subHeader7.color_theme #topAuth ul li a:after { border-color: #fff } #subHeader7 #searchResult { line-height: 21px; top: 100% } #subHeader7 .webformModal { text-align: left } #subHeader7 #flushTopwishlist a.text, #subHeader7 #logo .logo-img-deck, .logo-inner, .subHeader__desc.logo-text, #subHeader7 .phonesTb, #subHeader7 .phonesTc, .header__callback { display: flex; } #subHeader7 #logo .logo-img-deck, .logo-inner { align-items: center; } #subHeader7 #logo { border: none; } #subHeader7 #logo object { display: none; } #subHeader7 #logo .logo-img-deck { display: flex; align-items: center; } .logo-inner { display: flex; align-items: center; column-gap: 50px; } .subHeader__desc.logo-text { width: 210px; display: flex; } .topCompare a.text { display: flex; position: relative; } .verticalBlock.logo-wrap .language-logo { display: none; } .subHeader__desc span { line-height: 1.33; font-size: 13px; display: inline-block; } #topSearchLine { max-width: 650px; } #subHeader7 { position: sticky; top: 0; right: 0; left: 0; z-index: 9998; height: auto; line-height: 80px; padding-bottom: 0; box-shadow: 0 0 15px transparent; transition: box-shadow .3s; } #subHeader7.shadow { box-shadow: 0 0 15px #888888; } #subHeader7 .subTableColumn:nth-child(3) { width: 390px; } #subHeader7 .subTableColumn:last-child { width: 150px; } #subHeader7 .phonesTc { flex-direction: column; } #subHeader7 .firstPhones .heading, #subHeader7 .secondPhones .heading { font-weight: 700; font-size: 16px; text-wrap: nowrap; display: block; } #subHeader7 .secondPhones .phonesTc:first-child { display: none; } #subHeader7 .subTableColumn:nth-child(2):has(.search_res.visible) { z-index: 9999; } #subHeader7 .subTableColumn:nth-child(2) #topSearchLine #searchOverlap { display: none !important; } .header__callback { width: 50%; position: relative; padding-left: 30px; text-align: left; line-height: 18px; } .header__callback::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: url("/bitrix/templates/dresscode/images/mobile/phone-ico.svg") no-repeat center/cover; width: 20px; height: 20px; } .topCompare { position: relative; } .av-compare-notification { display: flex; position: absolute; top: 40px; right: -140px; z-index: 9999; justify-content: flex-end; pointer-events: none; padding: 16px 24px 0 !important; max-width: 1920px; min-width: 320px; margin: auto; clear: both; } .av-compare-notification__item { position: relative; padding: 10px 24px; border-radius: 3px; background: #F89E1C; color: #fff; text-decoration: underline; white-space: nowrap; opacity: 0; transition: opacity .3s; pointer-events: none; } .av-compare-notification__item.is-active { opacity: .9; } .av-compare-notification__item:before { content: ''; position: absolute; top: -17px; left: 36px; border-left: 20px solid #F89E1C; border-top: 18px solid transparent; } .cart { position: relative; } .mobheader { display: none; } .mobheader-search { height: 38px; position: relative; background-color: #fff; padding: 8px 0; } .mobheader-search .mobheader-search__icon { height: 24px; width: 24px; position: absolute; left: 16px; transform: translateY(-50%); top: 50%; } .mobheader-search .mobheader-search__field { height: 100%; border-radius: 48px; padding: 0 16px 0 50px; width: calc(100% - 64px); border: 1px solid #e7e8ea; } .mobheader-search .mobheader__search-input { height: 100%; padding: 0; border: none; border-radius: inherit; } .mobheader-search .mobheader__result { background-color: #fff; } .mobheader-search .search-sections { display: none; } .mobheader-search .mobheader__result-title { margin-top: 0; border-top: none; line-height: 14px; padding: 23px 0 15px; } body:has(.mobheader-search .mobheader__result #searchResultMobile.visible) { overflow: hidden !important; } .mobheader-search .mobheader__result .items-search.list-items-search { overflow-y: auto; padding-top: 0; height: 100%; max-height: 320px; } .mobheader-search .mobheader__result .searchAllResult { height: 50px !important; display: flex !important; justify-content: center; align-items: center; } .mobheader-search .mobheader__result .searchAllResult span { padding: 0; border-bottom: none !important; line-height: inherit !important; } .mobHeader-wishlist a { width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; } .mobHeader-wishlist a img { width: 22px; margin-bottom: 5px; } .mobheader .mobHeader-wishlist { position: relative; } .mobheader .mobHeader-wishlist .wishlist-count { position: absolute; top: 0; right: 0; width: 24px; height: 24px; border: 2px solid #ddd; border-radius: 50%; background-color: #fff; font-size: 13px; line-height: 21px; text-align: center; box-sizing: border-box; color: #d1d1d1; } #subHeader7 .subTableColumn:nth-child(3) { width: 400px; } .mobheader .mobHeader-wishlist a.active .wishlist-count { border-color: #f89e1c; color: #f89e1c; } .header__callback a { opacity: 0; margin: 0; } @media all and (max-width: 1590px) { #subHeader7 .cart .heading { display: none; } #subHeader7 .subTableColumn:last-child { text-align: right; width: 182px; } #subHeader7 #searchResult { line-height: 21px; } } @media all and (max-width: 1550px) { .subHeader__desc.logo-text { width: 100%; } .logo-inner { align-items: flex-start; row-gap: 8px; } #logo img { vertical-align: middle; max-height: 40px; } #subHeader7 .limiter { height: 100%; } #subHeader7 .subTableColumn:first-child .verticalBlock .logo-inner { flex-direction: column; } #subHeader7 .subTableColumn:first-child { width: 30%; max-width: 21%; } #subHeader7 .subTableColumn:nth-child(2) { max-width: 410px; } #subHeader7 { height: 100px; } #subHeader7 .subTableColumn:nth-child(3) { width: 425px; } } @media screen and (max-width: 1440px) { #subHeader7 .subTableColumn:first-child { width: 35%; } #subHeader7 .subTableColumn:nth-child(3) { width: 465px; } } @media screen and (max-width: 1367px) { #subHeader7 .subTableColumn:nth-child(3) { width: 390px; } } @media all and (max-width: 1340px) { #subHeader7 .callBackIcon, #subHeader7 .scheduleIcon { display: none; } #subHeader7 .subTableColumn:nth-child(3) { width: 410px; } #subHeader7 .firstPhones { margin-right: 24px; } #subHeader7 .subTableColumn:first-child { width: 220px; } } @media all and (max-width: 1280px) { #subHeader7 .secondPhones { display: none; } #subHeader7 .subTableColumn:nth-child(3) { width: 190px; } } @media all and (max-width: 1240px) { #subHeader7 .secondPhones { display: none; } #subHeader7 .firstPhones { margin-right: 0; } #subHeader7 .subTableColumn:nth-child(3) { width: 200px; } } @media all and (max-width: 1150px) { #headerLine4 .subTableColumn:last-child { width: 440px; } #headerLine4 #topSocial { display: none; } #subHeader7 .subTableColumn:nth-child(3) { width: 190px; } } @media all and (max-width: 1000px) { #subHeader7 { height: 164px; } #topSearchLine { box-sizing: border-box; position: absolute; padding: 0 24px; width: 100%; top: 90px; left: 0; } #headerLine4 .user-geo-position-label { display: none; } #headerLine4 #subMenu li a { padding: 0 12px; } #headerLine4 #subMenu li:first-child a { padding-right: 12px; padding-left: 0; } #headerLine4 .subTableColumn:last-child { width: 330px; } #headerLine4 #topAuth { margin-right: 12px; } #subHeader7 #searchResult { top: 60px; } } @media screen and (max-width: 1024px) { #headerLine4, #subHeader7 { display: none; } .mobheader { padding: 11px 24px 2px; background-color: #fff; position: fixed; top: 0; box-sizing: border-box; z-index: 11111; left: 0; right: 0; width: 100%; transition: background-color .3s, border-color .3s; border-bottom: 1px solid #fff; display: block; } .mobheader.shadow { background-color: #fcfcfc; border-bottom-color: #dadada; } .mobheader__row { display: flex; align-items: center; justify-content: space-between; position: relative; } .mobheader__row:after { position: absolute; content: ''; height: 1px; width: calc(100% + 22px); bottom: 0; left: -11px; background-color: #e7e8ea; } .mobheader__left { display: flex; align-items: center; } .mobheader__btns { display: flex; } .mobheader__btns .topCompare { margin-top: -7px; } .mobheader__btns .header__callback::before { width: 24px; height: 24px; } .mobheader__btn { width: 28px; height: 28px; margin: 0 8px; display: block; padding: 5px 0; } .header__callback { padding: 5px 0; background-position: center; } .mobheader__btn img { vertical-align: middle; } .mobheader__btn span { display: none; } .mobheader__btn > img { width: 100%; } .mobheader__price img { width: 100%; } .mobheader__btn:after { display: none !important; } .mobheader__logo img { width: 114px; } .mobheader__nav-burger { display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 11px; font-weight: 500; text-transform: uppercase; color: #000; cursor: pointer; } .mobheader__nav-wrap { margin-top: 4px; margin-right: 17px; } .mobheader__price { display: none; position: relative; } .mobheader__price--auth { display: inline-block; } .mobheader__bag { position: relative; } .mobheader__bag:before { content: attr(data-bag-count); position: absolute; width: 24px; height: 24px; border: 2px solid #ddd; border-radius: 50%; background-color: #fff; color: #d1d1d1; font-size: 13px; line-height: 21px; text-align: center; top: -9px; right: -12px; box-sizing: border-box; } .mobheader__bag.active:before { border-color: #f89e1c; color: #f89e1c; } .mobheader__logo--auth { width: 30px; overflow: hidden; } .mobheader__price .topPrice { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .mobheader__price .topPrice > a { opacity: 0; } .mobheader__search-container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; background-color: #fff; transform: translateX(-200%); transition: transform .3s; z-index: 11111; padding: 15px 10px; } .mobheader__search-container.opened { transform: translateX(0); } .mobheader__search-input { display: flex; align-items: center; border: 1px solid #ddd; border-radius: 25px; padding: 4px 15px; } .mobheader__search-back { width: 40px; height: 40px; position: relative; } .mobheader__search-back:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 10px; height: 10px; border-bottom: 2px solid #9b9b9b; border-left: 2px solid #9b9b9b; } .mobheader__search-input input { border: none; color: #000; font-size: 12px; font-weight: 300; letter-spacing: .4px; height: 40px; padding: 0 10px; width: 100%; outline: none; } .mobheader__search-input input::placeholder { color: #999; } .mobheader__serach-del { position: relative; width: 40px; height: 40px; background: none; border: none; outline: none; padding: 0; transition: opacity .3s } .mobheader__serach-del:before { content: ''; position: absolute; top: 50%; left: 50%; width: 19px; height: 2px; background-color: #9b9b9b; transform: translate(-50%, -50%) rotate(45deg); } .mobheader__serach-del:after { content: ''; position: absolute; top: 50%; left: 50%; width: 19px; height: 2px; background-color: #9b9b9b; transform: translate(-50%, -50%) rotate(-45deg); } .mobheader__search-input input:placeholder-shown + .mobheader__serach-del { opacity: 0; } .mobheader__result-title { display: none; border-top: 1px solid #ddd; font-size: 15px; font-weight: 700; text-align: center; color: #000; text-transform: uppercase; padding: 23px 0; margin-top: 14px; } .mobheader__nav-shadow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9998; background-color: #000; pointer-events: none; opacity: 0; transition: opacity .3s; height: 100vh; } .mobheader__nav-shadow.opened { pointer-events: all; opacity: .6; } .mobheader .mobheader__btns .topCompare { margin-top: 0; } .mobheader .mobheader__btns .topCompare a { width: 48px; height: 48px; } .mobheader .mobheader__btns .topCompare a .icon { margin-right: 0; height: 48px; width: 48px; pointer-events: none; } .mobheader .mobheader__btns .header__callback { width: 48px; height: 48px; padding: 0; } .mobheader .mobheader__btns .header__callback a { width: 48px; height: 48px; padding: 0; } .mobheader .mobheader__btns .header__callback:before { transform: translateY(-50%) translateX(-50%); top: calc(50% - 2px); left: 50%; } .mobheader .mobheader__btns .mobheader__btn.mobheader__search { padding: 0; margin: 0; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; } .mobheader .mobheader__btns .mobheader__btn.mobheader__search img { margin-bottom: 4px; pointer-events: none; } .mobheader .mobheader__btns #flushMainCartMobile { width: 48px; height: 48px; } .mobheader .mobheader__btns #flushMainCartMobile .mobheader__btn.mobheader__bag { padding: 0; margin: 0; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; } .mobheader .mobheader__btns #flushMainCartMobile .mobheader__btn.mobheader__bag:before { top: 0; right: 0; } .mobheader .mobheader__btns #flushMainCartMobile .mobheader__btn.mobheader__bag img { margin-bottom: 4px; pointer-events: none; } } @media screen and (max-width: 992px) { #subHeader7 .subTableColumn:nth-child(3) { width: 160px; } #subHeader7 .phonesContainer { margin-right: 0; } #subHeader7 .subTableColumn:first-child { width: 380px; } } @media (min-width: 768px) { #subHeader7 .subTableColumn:nth-child(2) .search-sections { padding-left: 10px; } } @media all and (max-width: 700px) { .mobheader { padding: 11px 11px 2px; } #subHeader7 #logo { margin-left: 12px; padding-left: 0; } #topSearchLine { padding: 0 12px; } #headerLine4 #geoPosition { margin-right: 12px; position: absolute; left: 62px; } #subHeader7 .topCompare { display: none; } #subHeader7 .subTableColumn:last-child { width: 120px; } #subHeader7 .phonesContainer { margin-right: 12px; } #subHeader7 .phonesTc { text-align: right; } #headerLine4 .top-auth-personal, #headerLine4 .top-auth-exit, #headerLine4 .top-auth-login, #headerLine4 .top-auth-register { position: static; } #headerLine4 .subTableColumn:last-child { width: 150px; } #subHeader7 .subTableColumn:nth-child(3) { width: 190px; } #subHeader7 .subTableColumn:first-child { width: 180px; } #subHeader7 #logo { width: 160px; } #headerLine4 #subMenu .removedItemsContainer .removedItemsList { left: 0; } } @media all and (max-width: 600px) { #subHeader7 .topWishlist { display: none; } #subHeader7 .subTableColumn:last-child { width: 60px; } #subHeader7 .subTableColumn .toolsContainer { margin-top: 0; } #subHeader7 .subTableColumn:nth-child(2) { display: inline; } #subHeader7 .subTableColumn:first-child { width: auto; } #subHeader7 #logo { padding-right: 12px; width: 130px; } #subHeader7 .subTableColumn:first-child .verticalBlock { display: block; } } @media all and (max-width: 420px) { #subHeader7 .cart { position: absolute; right: 0; top: 98px; } #topSearchLine { padding-right: 62px; } #subHeader7 .subTableColumn:last-child { width: 0; } #subHeader7 #logo { width: 160px; } #headerLine4 #geoPosition { right: -12px; z-index: 96; top: 74px; } #subHeader7 .firstPhones { margin-top: -23px; } #headerLine4 .user-geo-position-label, #headerLine4 .user-geo-position-value, #headerLine4 .user-geo-position-value-link { font-size: 12px; } #subHeader7 .firstPhones .callBack { display: none; } #headerLine4 #geoPosition.color_theme .user-geo-position-value-link { color: #fff; } #headerLine4 #geoPosition.color_theme .user-geo-position-value-link:after { border-color: #fff; } #subHeader7 .firstPhones .mobile--display { display: initial; } #subHeader7 .firstPhones .heading br { display: initial; } #subHeader7 .firstPhones .mobile--hidden { display: none; } #subHeader7 .firstPhones .heading, #subHeader7 .secondPhones .heading { font-size: 14px; } #headerLine4 #geoPosition { top: 106px; } #subHeader7 { height: 184px; } #topSearchLine { top: 110px; } #subHeader7 .cart { top: 118px; } #subHeader7 .firstPhones { margin-top: -10px; } } @media all and (max-width: 400px) { #subHeader7 #logo { width: 120px; } #subHeader7 .firstPhones .heading, #subHeader7 .secondPhones .heading { font-size: 14px; } #headerLine4 .subTableColumn:first-child { width: 50px; } #subHeader7 #topSearch2 #searchQuery, #subHeader7.color_theme #topSearch2 #searchQuery, #subHeader7.color_black #topSearch2 #searchQuery { background-image: none !important; padding-left: 12px; } } /* End */ /* Start:/bitrix/templates/dresscode/headers/header7/css/types/type1.css?171507128072*/ #subHeader7 #topSearch2 .searchContainerInner{ border-radius: 50px; } /* End */ /* Start:/bitrix/templates/dresscode/components/bitrix/menu/topMenu6/style.css?1770645239455*/ #subMenu{ white-space: nowrap; display: flex; list-style: none; margin: 0 0 0 0; height: 40px; padding: 0; opacity: 0; } #subMenu { padding: 0; font-size: 14px; list-style: none; } #subMenu 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-decoration: none; padding: 0 18px; color: #000000; } #subMenu li a:not(.selected):active{ position: relative; top: 1px; } /* End */ /* Start:/bitrix/components/dresscode/compare.line/templates/version4/style.css?17150717791255*/ .topCompare .text{ position: relative; display: block; } .topCompare .icon{ background: url(/bitrix/components/dresscode/compare.line/templates/version4/images/compareH4.png) 50% 50% no-repeat transparent; display: inline-block; height: 40px; width: 60px; } #subHeader4.color_black .topCompare .icon, #subHeader4.color_theme .topCompare .icon, #subHeader5.color_black .topCompare .icon, #subHeader5.color_theme .topCompare .icon, #subHeader7.color_black .topCompare .icon, #subHeader7.color_theme .topCompare .icon, #subHeader9.color_black .topCompare .icon, #subHeader9.color_theme .topCompare .icon{ background: url(/bitrix/components/dresscode/compare.line/templates/version4/images/compareH4w.png) 50% 50% no-repeat transparent; } .topCompare .active .icon:hover{ opacity: 0.7; } .topCompare .active .icon:active{ position: relative; top: 1px; } .topCompare .value{ border: 2px solid #d1d1d1; background-color: #ffffff; border-radius: 50%; position: absolute; text-align: center; overflow: hidden; font-size: 12px; color: #d1d1d1; height: 20px; width: 20px; right: 8px; top: 0; } #subHeader5.color_black .topCompare .value, #subHeader7.color_black .topCompare .value, #subHeader9.color_black .topCompare .value{ background-color: #2b2b2b; } .topCompare .active .value:active{ top: 1px; } /* End */ /* Start:/bitrix/components/dresscode/favorite.line/templates/version4/style.css?17150717791439*/ .topWishlist .text{ position: relative; display: block; } .topWishlist .icon{ background: url(/bitrix/components/dresscode/favorite.line/templates/version4/images/wishlistH4.png) 50% 50% no-repeat transparent; display: inline-block; height: 50px; width: 30px; margin-right: 30px; } #subHeader4.color_black .topWishlist .icon, #subHeader4.color_theme .topWishlist .icon, #subHeader5.color_black .topWishlist .icon, #subHeader5.color_theme .topWishlist .icon, #subHeader7.color_black .topWishlist .icon, #subHeader7.color_theme .topWishlist .icon, #subHeader9.color_black .topWishlist .icon, #subHeader9.color_theme .topWishlist .icon{ background: url(/bitrix/components/dresscode/favorite.line/templates/version4/images/wishlistH4w.png) 50% 50% no-repeat transparent; display: inline-block; height: 40px; width: 60px; } .topWishlist .active .icon:hover{ opacity: 0.7; } .topWishlist .active .icon:active{ position: relative; top: 1px; } .topWishlist .value{ border: 2px solid #d1d1d1; background-color: #ffffff; border-radius: 50%; position: absolute; text-align: center; overflow: hidden; font-size: 12px; color: #d1d1d1; height: 20px; width: 20px; right: 20px; top: 0; } #subHeader5.color_black .topWishlist .value, #subHeader7.color_black .topWishlist .value, #subHeader9.color_black .topWishlist .value{ background-color: #2b2b2b; } .topWishlist .active .value:active{ top: 1px; } /* End */ /* Start:/bitrix/templates/dresscode/components/ignis/sale.basket.basket.line/topCart5/style.css?17150712881989*/ .cart .countLink{ background: url(/bitrix/templates/dresscode/components/ignis/sale.basket.basket.line/topCart5/images/cartH4.png) 50% 50% no-repeat transparent; display: inline-block; position: relative; font-size: 14px; float: left; height: 40px; width: 60px; } #subHeader4.color_black .cart .countLink, #subHeader4.color_theme .cart .countLink, #subHeader5.color_black .cart .countLink, #subHeader5.color_theme .cart .countLink, #subHeader6.color_black .cart .countLink, #subHeader6.color_theme .cart .countLink, #subHeader7.color_black .cart .countLink, #subHeader7.color_theme .cart .countLink, #subHeader8.color_black .cart .countLink, #subHeader8.color_theme .cart .countLink{ background: url(/bitrix/templates/dresscode/components/ignis/sale.basket.basket.line/topCart5/images/cartH4w.png) 50% 50% no-repeat transparent; } .cart .countLink.active:hover{ opacity: 0.7; } .cart .countLink.active:active{ top: 1px; } .cart .heading{ vertical-align: middle; text-decoration: none; display: inline-block; max-width: 172px; margin-left: 6px; margin-top: 8px; color: #000000; } #subHeader5.color_black .cart .heading, #subHeader5.color_theme .cart .heading, #subHeader6.color_black .cart .heading, #subHeader6.color_theme .cart .heading, #subHeader7.color_black .cart .heading, #subHeader7.color_theme .cart .heading, #subHeader8.color_black .cart .heading, #subHeader8.color_theme .cart .heading{ color: #ffffff; } .cart .heading.active:active{ position: relative; top: 1px; } .cart .heading .cartLabel{ font-family: "robotomedium"; margin-right: 3px; } .cart .heading .cartLabel:hover{ opacity: 0.7; } .cart .count{ border: 2px solid #d1d1d1; background-color: #ffffff; border-radius: 50%; position: absolute; text-align: center; overflow: hidden; font-size: 12px; color: #d1d1d1; height: 20px; width: 20px; right: 8px; top: 0; } #subHeader5.color_black .cart .count, #subHeader6.color_black .cart .count, #subHeader7.color_black .cart .count, #subHeader8.color_black .cart .count{ background-color: #2b2b2b; } /* End */ /* Start:/bitrix/templates/dresscode/components/ignis/sale.basket.basket.line/mobile_left/style.css?17150712881989*/ .cart .countLink{ background: url(/bitrix/templates/dresscode/components/ignis/sale.basket.basket.line/mobile_left/images/cartH4.png) 50% 50% no-repeat transparent; display: inline-block; position: relative; font-size: 14px; float: left; height: 40px; width: 60px; } #subHeader4.color_black .cart .countLink, #subHeader4.color_theme .cart .countLink, #subHeader5.color_black .cart .countLink, #subHeader5.color_theme .cart .countLink, #subHeader6.color_black .cart .countLink, #subHeader6.color_theme .cart .countLink, #subHeader7.color_black .cart .countLink, #subHeader7.color_theme .cart .countLink, #subHeader8.color_black .cart .countLink, #subHeader8.color_theme .cart .countLink{ background: url(/bitrix/templates/dresscode/components/ignis/sale.basket.basket.line/mobile_left/images/cartH4w.png) 50% 50% no-repeat transparent; } .cart .countLink.active:hover{ opacity: 0.7; } .cart .countLink.active:active{ top: 1px; } .cart .heading{ vertical-align: middle; text-decoration: none; display: inline-block; max-width: 172px; margin-left: 6px; margin-top: 8px; color: #000000; } #subHeader5.color_black .cart .heading, #subHeader5.color_theme .cart .heading, #subHeader6.color_black .cart .heading, #subHeader6.color_theme .cart .heading, #subHeader7.color_black .cart .heading, #subHeader7.color_theme .cart .heading, #subHeader8.color_black .cart .heading, #subHeader8.color_theme .cart .heading{ color: #ffffff; } .cart .heading.active:active{ position: relative; top: 1px; } .cart .heading .cartLabel{ font-family: "robotomedium"; margin-right: 3px; } .cart .heading .cartLabel:hover{ opacity: 0.7; } .cart .count{ border: 2px solid #d1d1d1; background-color: #ffffff; border-radius: 50%; position: absolute; text-align: center; overflow: hidden; font-size: 12px; color: #d1d1d1; height: 20px; width: 20px; right: 8px; top: 0; } #subHeader5.color_black .cart .count, #subHeader6.color_black .cart .count, #subHeader7.color_black .cart .count, #subHeader8.color_black .cart .count{ background-color: #2b2b2b; } /* End */ /* Start:/bitrix/components/dresscode/compare.line/templates/version4_mob/style.css?17150717791255*/ .topCompare .text{ position: relative; display: block; } .topCompare .icon{ background: url(/bitrix/components/dresscode/compare.line/templates/version4_mob/images/compareH4.png) 50% 50% no-repeat transparent; display: inline-block; height: 40px; width: 60px; } #subHeader4.color_black .topCompare .icon, #subHeader4.color_theme .topCompare .icon, #subHeader5.color_black .topCompare .icon, #subHeader5.color_theme .topCompare .icon, #subHeader7.color_black .topCompare .icon, #subHeader7.color_theme .topCompare .icon, #subHeader9.color_black .topCompare .icon, #subHeader9.color_theme .topCompare .icon{ background: url(/bitrix/components/dresscode/compare.line/templates/version4_mob/images/compareH4w.png) 50% 50% no-repeat transparent; } .topCompare .active .icon:hover{ opacity: 0.7; } .topCompare .active .icon:active{ position: relative; top: 1px; } .topCompare .value{ border: 2px solid #d1d1d1; background-color: #ffffff; border-radius: 50%; position: absolute; text-align: center; overflow: hidden; font-size: 12px; color: #d1d1d1; height: 20px; width: 20px; right: 8px; top: 0; } #subHeader5.color_black .topCompare .value, #subHeader7.color_black .topCompare .value, #subHeader9.color_black .topCompare .value{ background-color: #2b2b2b; } .topCompare .active .value:active{ top: 1px; } /* End */ /* Start:/bitrix/components/dresscode/favorite.line/templates/version4_mob/style.css?17150717791255*/ .topCompare .text{ position: relative; display: block; } .topCompare .icon{ background: url(/bitrix/components/dresscode/favorite.line/templates/version4_mob/images/compareH4.png) 50% 50% no-repeat transparent; display: inline-block; height: 40px; width: 60px; } #subHeader4.color_black .topCompare .icon, #subHeader4.color_theme .topCompare .icon, #subHeader5.color_black .topCompare .icon, #subHeader5.color_theme .topCompare .icon, #subHeader7.color_black .topCompare .icon, #subHeader7.color_theme .topCompare .icon, #subHeader9.color_black .topCompare .icon, #subHeader9.color_theme .topCompare .icon{ background: url(/bitrix/components/dresscode/favorite.line/templates/version4_mob/images/compareH4w.png) 50% 50% no-repeat transparent; } .topCompare .active .icon:hover{ opacity: 0.7; } .topCompare .active .icon:active{ position: relative; top: 1px; } .topCompare .value{ border: 2px solid #d1d1d1; background-color: #ffffff; border-radius: 50%; position: absolute; text-align: center; overflow: hidden; font-size: 12px; color: #d1d1d1; height: 20px; width: 20px; right: 8px; top: 0; } #subHeader5.color_black .topCompare .value, #subHeader7.color_black .topCompare .value, #subHeader9.color_black .topCompare .value{ background-color: #2b2b2b; } .topCompare .active .value:active{ top: 1px; } /* End */ /* Start:/bitrix/components/dresscode/compare.line/templates/version4_mob_header/style.css?17150717791355*/ .topCompare .text{ position: relative; display: block; } .topCompare .icon{ background: url(/bitrix/components/dresscode/compare.line/templates/version4_mob_header/images/compareH4.png) 50% 50% no-repeat transparent; display: inline-block; height: 50px; width: 30px; margin-right: 30px; } #subHeader4.color_black .topCompare .icon, #subHeader4.color_theme .topCompare .icon, #subHeader5.color_black .topCompare .icon, #subHeader5.color_theme .topCompare .icon, #subHeader7.color_black .topCompare .icon, #subHeader7.color_theme .topCompare .icon, #subHeader9.color_black .topCompare .icon, #subHeader9.color_theme .topCompare .icon{ background: url(/bitrix/components/dresscode/compare.line/templates/version4_mob_header/images/compareH4w.png) 50% 50% no-repeat transparent; } .topCompare .active .icon:hover{ opacity: 0.7; } .topCompare .active .icon:active{ position: relative; top: 1px; } .topCompare .value{ border: 2px solid #d1d1d1; background-color: #ffffff; border-radius: 50%; position: absolute; text-align: center; overflow: hidden; font-size: 12px; color: #d1d1d1; height: 20px; width: 20px; right: 22px; top: 0; } #subHeader5.color_black .topCompare .value, #subHeader7.color_black .topCompare .value, #subHeader9.color_black .topCompare .value{ background-color: #2b2b2b; } .topCompare .active .value:active{ top: 1px; } /* End */ /* Start:/bitrix/templates/dresscode/components/dresscode/favorite.line/version4_mob_header/style.css?17262367921439*/ .topWishlist .text{ position: relative; display: block; } .topWishlist .icon{ background: url(/bitrix/templates/dresscode/components/dresscode/favorite.line/version4_mob_header/images/wishlistH4.png) 50% 50% no-repeat transparent; display: inline-block; height: 50px; width: 30px; margin-right: 30px; } #subHeader4.color_black .topWishlist .icon, #subHeader4.color_theme .topWishlist .icon, #subHeader5.color_black .topWishlist .icon, #subHeader5.color_theme .topWishlist .icon, #subHeader7.color_black .topWishlist .icon, #subHeader7.color_theme .topWishlist .icon, #subHeader9.color_black .topWishlist .icon, #subHeader9.color_theme .topWishlist .icon{ background: url(/bitrix/templates/dresscode/components/dresscode/favorite.line/version4_mob_header/images/wishlistH4w.png) 50% 50% no-repeat transparent; display: inline-block; height: 40px; width: 60px; } .topWishlist .active .icon:hover{ opacity: 0.7; } .topWishlist .active .icon:active{ position: relative; top: 1px; } .topWishlist .value{ border: 2px solid #d1d1d1; background-color: #ffffff; border-radius: 50%; position: absolute; text-align: center; overflow: hidden; font-size: 12px; color: #d1d1d1; height: 20px; width: 20px; right: 20px; top: 0; } #subHeader5.color_black .topWishlist .value, #subHeader7.color_black .topWishlist .value, #subHeader9.color_black .topWishlist .value{ background-color: #2b2b2b; } .topWishlist .active .value:active{ top: 1px; } /* End */ /* Start:/bitrix/templates/dresscode/components/ignis/sale.basket.basket.line/mobile_main/style.css?17150712882126*/ .cart .countLink{ background: url(/bitrix/templates/dresscode/components/ignis/sale.basket.basket.line/mobile_main/images/cartH4.png) 50% 50% no-repeat transparent; display: inline-block; position: relative; font-size: 14px; float: left; height: 50px; width: 30px; margin-right: 30px; } #subHeader4.color_black .cart .countLink, #subHeader4.color_theme .cart .countLink, #subHeader5.color_black .cart .countLink, #subHeader5.color_theme .cart .countLink, #subHeader6.color_black .cart .countLink, #subHeader6.color_theme .cart .countLink, #subHeader7.color_black .cart .countLink, #subHeader7.color_theme .cart .countLink, #subHeader8.color_black .cart .countLink, #subHeader8.color_theme .cart .countLink{ background: url(/bitrix/templates/dresscode/components/ignis/sale.basket.basket.line/mobile_main/images/cartH4w.png) 50% 50% no-repeat transparent; } .cart .countLink.active:hover{ opacity: 0.7; } .cart .countLink.active:active{ top: 1px; } .cart .heading{ vertical-align: middle; text-decoration: none; display: inline-block; max-width: 172px; margin-left: 6px; margin-top: 8px; color: #000000; } #subHeader5.color_black .cart .heading, #subHeader5.color_theme .cart .heading, #subHeader6.color_black .cart .heading, #subHeader6.color_theme .cart .heading, #subHeader7.color_black .cart .heading, #subHeader7.color_theme .cart .heading, #subHeader8.color_black .cart .heading, #subHeader8.color_theme .cart .heading{ color: #ffffff; } .cart .heading.active:active{ position: relative; top: 1px; } .cart .heading .cartLabel{ font-family: "robotomedium"; margin-right: 3px; } .cart .heading .cartLabel:hover{ opacity: 0.7; } .cart .count{ border: 2px solid #d1d1d1; background-color: #ffffff; border-radius: 50%; position: absolute; text-align: center; overflow: hidden; font-size: 12px; color: #d1d1d1; height: 20px; width: 20px; right: -11px; top: 0; } #subHeader5.color_black .cart .count, #subHeader6.color_black .cart .count, #subHeader7.color_black .cart .count, #subHeader8.color_black .cart .count{ background-color: #2b2b2b; } /* End */ /* Start:/local/components/custom/form.result.new/templates/modal/style.css?177064523910848*/ .webformModal{ -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; color: #000000; overflow: hidden; display: none; z-index: 1000; height: 100%; width: 100%; left: 0px; top: 0px; } .webformModalHideScrollBar{ position: relative; overflow: auto; height: 100%; width: 120%; } .webformModalcn100{ position: relative; height: 100%; width: 100%; width: 100vw; /* css3 */ } .webformModal.visible{ display: block; } .webformModalContainer{ box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); transform: translateX(-50%) translateY(0%); /*transform: translateX(-50%) translateY(-50%);*/ -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-name: zoomIn; animation-name: zoomIn; background-color: #ffffff; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 500px; min-width: 320px; width: 100%; top: 24px; left: 50%; z-index: 100; } .small .webformModalContainer{ transform: translateX(-50%) translateY(-50%); margin-bottom: 0px; top: 50%; } .webFormDw form{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .webFormDw form.loading{ pointer-events: none; opacity: 0.8; } .webFormModalHeading{ background-color: #424242; position: relative; text-align: center; line-height: 60px; font-size: 18px; color: #ffffff; } .webformModal .webFormModalHeadingExit{ position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } .webformModal .webFormModalHeadingExit{ background: url(/local/components/custom/form.result.new/templates/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 0; max-width: 800px; } .webformModal .webFormDescription{ padding: 0 24px; } .webformModal .webFormItems, .webformModal .webFormTools, .webformModal .webFormError{ padding: 0 24px; } .webFormItem{ margin-top: 24px; } .webFormItemCaption{ font-weight: 400; margin-bottom: 12px; line-height: 21px; } .webFormItemImage{ vertical-align: middle; display: inline-block; padding-right: 6px; } .webFormItemLabel{ vertical-align: middle; display: inline-block; color: #555555; } .webFormItemRequired{ display: inline-block; padding-left: 4px; color: #ff0000; } .webFormItemFieldVariant{ display: inline-block; margin-left: 12px; } .webFormItemFieldVariant:first-child{ margin-left: 0px; } .webFormItemField input[type="password"], .webFormItemField input[type="text"], .webFormItemField select{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 300; border: 1px solid #e7e7e7; padding-left: 12px; line-height: 55px; /*max-width: 600px;*/ max-width: 100%; font-size: 14px; color: #555555; outline: none; height: 55px; width: 100%; } .webFormItemField textarea{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 300; border: 1px solid #e7e7e7; padding-left: 12px; line-height: 21px; padding-top: 12px; /*max-width: 600px;*/ max-width: 100%; font-size: 14px; color: #555555; height: 150px; outline: none; width: 100%; } .webFormItemField input[id*="form_date_"]{ margin-bottom: 6px; } .webFormItemField input[type="text"]:focus, .webFormItemField input[type="password"]:focus, .webFormItemField textarea:focus{ border: 1px solid #aaaaaa; } .webFormItemField input[type="checkbox"] + label, .webFormItemField input[type="radio"] + label { cursor: pointer; } .webFormItemField input[type="checkbox"]:not(checked), .webFormItemField input[type="radio"]:not(checked) { position: absolute; opacity: 0; } .webFormItemField input[type="checkbox"]:not(checked) + label, .webFormItemField input[type="radio"]:not(checked) + label { position: relative; padding-left: 28px; } .webFormItemField input[type="checkbox"].error + label:before{ border: 1px solid #ff0000 !important; } .webFormItemField input[type="checkbox"] + label:before { background: url(/local/components/custom/form.result.new/templates/modal/images/checkBox.png) 0 0 no-repeat transparent; } .webFormItemField input[type="radio"] + label:before { background: url(/local/components/custom/form.result.new/templates/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: 0px; } .webFormItemField input[type="checkbox"]:not(checked) + label:hover:before, .webFormItemField input[type="radio"]:not(checked) + label:hover:before { background-position: 0 -17px; } .webFormItemField input[type="checkbox"]:checked + label:before, .webFormItemField input[type="radio"]:checked + label:before { background-position: 0 -34px; } .webFormItemField input[type="checkbox"]:checked + label:hover:before, .webFormItemField input[type="radio"]:checked + label:hover:before { background-position: 0 -51px; } .webFormItemField input[type="checkbox"]:disabled + label, .webFormItemField input[type="radio"]:disabled + label { cursor: default; } .webFormItemField input[type="checkbox"]:disabled + label:before, .webFormItemField input[type="radio"]:disabled + label:before { background-position: 0 -68px !important; } .webFormItemField img.calendar-icon { vertical-align: middle !important; margin: 0 0 0 0px !important; border: 0 !important; } .webFormItemField [multiple]{ line-height: 120px; height: 120px; padding: 12px; } .webFormCaptchaPicture{ margin-top: 12px; } .webFormCaptchaPicture img{ vertical-align: middle; max-width: 100%; } .webFormCaptchaLabel{ margin-bottom: 12px; margin-top: 12px; } .webFormItemField input.captcha_word{ max-width: 300px; } .webFormTools{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 24px; } .webFormTools input[type="submit"], .webFormTools input[type="reset"]{ -webkit-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 300; border: 1px solid #e7e7e7; text-align: center; line-height: 55px; font-size: 14px; cursor: pointer; color: #ffffff; outline: none; height: 55px; width: 100%; padding: 0; } .webFormTools .tc:first-child{ padding-right: 12px; } .webFormTools .tc:last-child{ padding-left: 12px; } .webFormTools input[type="submit"]:active{ position: relative; top: 1px; } .webFormTools input[type="submit"].loading{ background-image: url(/local/components/custom/form.result.new/templates/modal/images/loading.gif); background-color: #000000 !important; background-position: 50% 50%; background-repeat: no-repeat; border: 1px solid #000000; pointer-events: none; color: #dddddd; opacity: 0.1; } .webFormTools input[type="reset"]{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid #aaaaaa; background-color: #ffffff; color: #000000; } .webFormTools input[type="reset"]:hover{ border: 1px solid #cccccc; } .webFormTools input[type="reset"]:active{ position: relative; top: 1px; } .webFormItemError, .webFormError{ font-weight: 400; margin-bottom: 12px; font-size: 12px; color: #ff0000; display: none; } .webFormError{ margin-bottom: 0px; margin-top: 24px; } .webFormItemError.visible, .webFormError.visible{ display: block; } .webFormItemField .error{ border: 1px solid #ff0000 !important; } .webFormMessage{ -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); line-height: 250px; position: fixed; overflow: auto; color: #000000; display: none; z-index: 1000; height: 100%; width: 100%; left: 0px; top: 0px; } .webFormMessageContainer{ box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4); background-color: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: -225px; position: absolute; text-align: center; margin-top: -125px; border-radius: 2px; padding: 0px 24px; height: 250px; width: 450px; left: 50%; top: 50%; } .webFormMessageMiddle{ vertical-align: middle; display: inline-block; line-height: 21px; } .webFormMessageHeading{ margin-bottom: 24px; text-align: center; font-weight: 500; font-size: 18px; } .webFormMessageDescription{ text-align: center; } .webFormMessageExit{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #000000; text-decoration: none; display: inline-block; text-align: center; border-radius: 2px; line-height: 40px; margin-top: 24px; padding: 0 24px; color: #ffffff; height: 40px; } .webFormMessageExit:hover{ opacity: 0.8; } .webFormMessageExit:active{ position: relative; top: 1px; } @media all and (max-width: 650px) { .webFormItemField input[id*="form_date_"]{ margin-bottom: 12px; } .webFormItemField img.calendar-icon{ margin-left: 0px !important; } .webFormTools input[type="submit"], .webFormTools input[type="reset"]{ max-width: 150px; } } @media all and (max-width: 400px) { .webFormTools input[type="submit"], .webFormTools input[type="reset"]{ margin-bottom: 24px; max-width: 300px; display: block; width: 100%; } } .webformModalCloseArea { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; } /* End */ /* Start:/bitrix/templates/dresscode/components/bitrix/menu/leftSubMenu/style.css?1715071286302*/ #subLeftMenu{ border-top: 1px solid #484848; background: #2b2b2b; margin: 0 0 24px 0; padding: 12px 24px; list-style: none; } #subLeftMenu a{ text-decoration: none; font-size: 13px; padding: 4px 0; color: #888888; display: block; } #subLeftMenu a:hover{ color: #ffffff; } /* End */ /* Start:/bitrix/templates/dresscode/components/dresscode/products.by.filter/.default/style.css?17706452392466*/ #topProduct{ position: relative; } #topProduct .wrap{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; margin: 0 24px; } #topProduct .productList{ position: relative; list-style: none; overflow: hidden; clear: both; margin: 0px; left: 0px; } #topProduct .productList > li{ float: left; } #topProduct .productList .item{ width: 100%; float: none; border-top: 1px solid #e7e8ea; } #topProduct .product .tabloid{ height: 100%; } #topProduct .slideBox.productList:not(.slick-initialized) { display: flex; overflow: hidden; min-height: 300px; } #topProduct .slideBox.productList:not(.slick-initialized) li { display: none; min-height: 300px; } #topProduct .slideBox.productList:not(.slick-initialized) li:nth-child(1-6) { display: block; } @media all and (max-width: 1700px) { #topProduct .slideBox.productList:not(.slick-initialized) li:nth-child(1-5) { display: block; } } @media all and (max-width: 1500px) { #topProduct .slideBox.productList:not(.slick-initialized) li:nth-child(1-4) { display: block; } } @media all and (max-width: 1200px) { #topProduct .slideBox.productList:not(.slick-initialized) li:nth-child(1-3) { display: block; } } @media all and (max-width: 850px) { #topProduct .slideBox.productList:not(.slick-initialized) li:nth-child(1-2) { display: block; } } #topProduct .topBtnLeft, .slick-main-slider .topBtnLeft, #topProduct .topBtnRight, .slick-main-slider .topBtnRight{ background: url(/bitrix/templates/dresscode/components/dresscode/products.by.filter/.default/images/slideArrowSmall.png) 0 0 no-repeat transparent; transform: translateY(-50%); position: absolute; height: 70px; width: 35px; z-index: 22; top: 50%; } #topProduct .topBtnLeft, .slick-main-slider .topBtnLeft{ left: 24px; } #topProduct .topBtnRight, .slick-main-slider .topBtnRight{ right: 24px; } #topProduct .topBtnLeft:hover, .slick-main-slider .topBtnLeft:hover{ background-position: -35px 0; } #topProduct .topBtnLeft:active, .slick-main-slider .topBtnLeft:active{ background-position: -70px 0; } #topProduct .topBtnRight, .slick-main-slider .topBtnRight{ background-position: 0 -70px; } #topProduct .topBtnRight:hover, .slick-main-slider .topBtnRight:hover{ background-position: -35px -70px; } #topProduct .topBtnRight:active, .slick-main-slider .topBtnRight:active{ background-position: -70px -70px; } /* End */ /* Start:/bitrix/templates/dresscode/components/dresscode/catalog.viewed.product/.default/style.css?17706452392792*/ #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: 0px; left: 0px; } #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(/bitrix/templates/dresscode/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; } #viewedProduct .slideBox.productList:not(.slick-initialized) { display: flex; overflow: hidden; min-height: 300px; } #viewedProduct .slideBox.productList:not(.slick-initialized) li { display: none; min-height: 300px; } #viewedProduct .slideBox.productList:not(.slick-initialized) li:nth-child(1-6) { display: block; } @media all and (max-width: 1700px) { #viewedProduct .slideBox.productList:not(.slick-initialized) li:nth-child(1-5) { display: block; } } @media all and (max-width: 1500px) { #viewedProduct .slideBox.productList:not(.slick-initialized) li:nth-child(1-4) { display: block; } } @media all and (max-width: 1200px) { #viewedProduct .slideBox.productList:not(.slick-initialized) li:nth-child(1-3) { display: block; } } @media all and (max-width: 850px) { #viewedProduct .slideBox.productList:not(.slick-initialized) li:nth-child(1-2) { display: block; } } #viewedProduct .topBtnLeft, #viewedProduct .topBtnRight { background: url(/bitrix/templates/dresscode/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 .topBtnLeft { left: 0; } #viewedProduct .topBtnRight { right: 0; } #viewedProduct .topBtnLeft:hover { background-position: -35px 0; } #topProduct .topBtnLeft:active { background-position: -70px 0; } #viewedProduct .topBtnRight { background-position: 0 -70px; } #viewedProduct .topBtnRight:hover { background-position: -35px -70px; } #viewedProduct .topBtnRight:active { background-position: -70px -70px; } /* End */ /* Start:/local/components/custom/random.filters/templates/.default/style.css?1715071103150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/bitrix/templates/dresscode/template_styles.css?1770647566448165*/ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 100%; } body { font-family: 'Roboto', sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; font-size: 14px; background-color: #ffffff; line-height: 21px; margin: 0; } img { border: 0; } input { font: normal normal 13px "Roboto", arial, sans-serif; outline: none; } input[placeholder] { text-overflow: ellipsis; } input::-moz-placeholder { text-overflow: ellipsis; } input:-moz-placeholder { text-overflow: ellipsis; } input:-ms-input-placeholder { text-overflow: ellipsis; } a:not([href]) { cursor: default; } a:hover, a:focus { text-decoration: none; } :focus::-webkit-input-placeholder { color: transparent; } :focus::-moz-placeholder { color: transparent; } :focus:-moz-placeholder { color: transparent; } :focus:-ms-input-placeholder { color: transparent; } input:focus { outline: none; } a { outline: none; } h1 { line-height: 36px; font-weight: 300; text-align: left; margin: 0 0 24px; font-size: 24px; color: #000000; display: block; } h2 { font-weight: 300; font-size: 18px; } h3 { font-weight: 300; font-size: 16px; } b, strong { font-weight: 400; } * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #topHeader { position: relative; min-width: 320px; height: 30px; z-index: 35; } .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } .loading #topHeader, .loading #topHeader2, .loading #topHeader3, .loading #topHeader4, .loading #topHeader5, .loading #topHeader6, .loading #topHeader7, .loading #topHeader8, .loading #topHeader9 { overflow: hidden; } .loading #topMenu { opacity: 0; } .bold { font-weight: 700; } #topService { float: right; padding: 0; margin: 0; } #topService div[id^=bx_incl_area_] { float: left; } #topService li { line-height: 30px; list-style: none; padding: 0 12px; float: left; margin: 0; } #topService .null { display: inline-block; line-height: 0px; padding: 0px; height: 0px; width: 0px; } #topService li:not(.null) a { font: normal normal 13px "Roboto", arial, sans-serif; font-weight: 300; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; vertical-align: middle; text-decoration: none; display: inline-block; } #topService li:not(.null) a:active { position: relative; top: 1px; } #topService li:not(.null) a:focus { transition: all 0.7s; } /* Sub Header */ #subHeader { min-width: 320px; height: 102px; z-index: 3; } .loading #subHeader, .loading #subHeader2, .loading #subHeader3, .loading #subHeader4, .loading #subHeader5, .loading #subHeader6, .loading #subHeader7, .loading #subHeader8, .loading #subHeader9, .loading #subHeaderV2 { overflow: hidden; } #subHeaderV2 { background-color: #ffffff; } #subHeaderV2 .subHeaderContainer { border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } #subHeaderV2 .subHeaderLeft, #subHeaderV2 .subHeaderCenter, #subHeaderV2 .subHeaderRight { vertical-align: middle; display: table-cell; } #subHeaderV2 .subHeaderLeft { width: 680px; } #subHeaderV2 .subHeaderCenter { text-align: center; } #subHeaderV2 .subHeaderRight { text-align: right; } #logo a { display: block; } #logo a:active { position: relative; top: 1px; } #topHeading { padding: 0 18px; width: 162px; float: left; } #topHeading .vertical { line-height: 102px; } #topHeading p { font: normal normal 16px "Roboto", arial, sans-serif; font-weight: 300; vertical-align: middle; display: inline-block; line-height: 21px; text-align: center; margin: 0px; } #headerTools { float: right; height: 96px; } #headerTools .tools { list-style: none; padding: 0; margin: 0; } #headerTools .tools .icon { float: left; } #headerTools .tools .heading { text-decoration: none; font-size: 18px; display: block; } #headerTools .tools .link { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; font-size: 13px; } #headerTools .tools .link:active { position: relative; top: 1px; } #headerTools .tools li { line-height: 102px; list-style: none; padding: 0 18px; float: left; margin: 0; } #headerTools .tools div[id*="bx_"] { float: left; } #headerTools .wrap { vertical-align: middle; display: inline-block; line-height: 21px; } #headerTools .icon { margin: 0 4px; height: 40px; } #headerTools .nf { float: left; margin-left: 12px; } #headerTools .text { font-size: 13px; } #headerTools .icon:active { position: relative; top: 1px; } #headerTools .telephone .icon { width: 35px; } #headerTools .search .wrap { padding: 0 8px; } #headerTools .search .icon { width: 35px; margin: 0; } #headerTools .wishlist .icon { width: 36px; } #headerTools .compare .icon { width: 35px; } #headerTools .cart .icon { width: 44px; } #headerTools .cart ins { display: inline-block; text-decoration: none; border-radius: 3px; text-align: center; margin-left: 4px; padding: 0px 6px; font-size: 13px; } #changeYouCity { position: relative; min-width: 320px; padding: 18px 0; display: none; } #changeYouCity .limiter { position: relative; } #changeYouCity .heading { font-size: 21px; display: block; } #changeYouCity .list { text-align: center; overflow: hidden; } #changeYouCity .list li { margin-top: 12px; text-align: left; float: left; width: 25%; } #changeYouCity .list li a { text-decoration: none; font-size: 14px; } #changeYouCity .list li a:hover { text-decoration: underline; } #changeYouCity #cityClose { text-decoration: none; position: absolute; padding: 4px 12px; font-size: 14px; display: block; right: 24px; top: 0; } #changeYouCity #cityClose ins { display: inline-block; margin-right: 6px; height: 10px; width: 10px; } #topMenu .bar > a { background: url(/bitrix/templates/dresscode/images/menuMore.png) 0 50% no-repeat transparent; } #topHeader.color_default #topMenu .bar > a { background-image: url(/bitrix/templates/dresscode/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(/bitrix/templates/dresscode/images/menuMore.png) -21px 50% no-repeat transparent; } #main { margin-top: 12px; min-width: 320px; padding-bottom: 30px; } #main .compliter { border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } #left { display: table-cell; vertical-align: top; width: 320px; } #left .heading { font-family: "Roboto"; text-decoration: none; padding-left: 24px; line-height: 65px; font-weight: 300; font-size: 18px; display: block; height: 65px; } #left .heading .arrow { background-position: -27px 50%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #left .heading.opened .arrow { -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } #left .menuRolled + .collapsed { display: none; } #left .heading ins { vertical-align: middle; display: inline-block; margin-right: 24px; line-height: 65px; height: 65px; float: right; width: 27px; } #left .sideBlock .heading { -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; line-height: 60px; font-size: 16px; height: 60px; } #left .sideBlock a.heading:hover { opacity: 0.95; } #left #subscribe .copy { text-align: center; margin: 12px auto; line-height: 24px; font-size: 12px; display: block; width: 90%; } #left .banner { text-align: center; margin-top: 24px; } #left .banner img { max-height: 100%; vertical-align: middle; max-width: 100%; } #right { display: table-cell; vertical-align: top; padding-left: 24px; } #brandSearch { border-collapse: collapse; table-layout: fixed; border-spacing: 0px; width: 100%; display: none; } #brandSearch td { line-height: 50px; height: 50px; } #brandSearch .label { width: 140px; } #brandSearch .label span { display: block; text-align: center; } #brandSearch .all { width: 60px; } #brandSearch .all a { text-align: center; display: block; } #brandSearch a { text-decoration: none; text-align: center; display: block; } #slider { position: relative; overflow: hidden; } #slider ul { position: relative; list-style: none; padding: 0; margin: 0; } #slider ul li { position: relative; float: left; } #slider ul li span { background-position: center center; background-size: cover; -moz-background-size: cover; display: block; height: 557px; } #slider ul li img { width: auto; display: inline-block; margin-left: -120px; } #slider ol { position: absolute; list-style: none; margin: 0px; padding: 0px; left: 50%; bottom: 12px; } #slider ol li { margin-right: 4px; cursor: pointer; height: 18px; width: 18px; float: left; } #main.color_black #slider .sliderContent { color: #ffffff; } #main.color_white #left #leftMenu { border-right: 1px solid #eeeeee; border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } #main.color_white #left #subLeftMenu { border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; border-left: 1px solid #eeeeee; } #main.color_white #leftMenu { background-color: #ffffff !important; } #main.color_white #leftMenu > li { background-color: #ffffff !important; } #main.color_white #leftMenu li .menuLink { color: #000000 !important; } #main.color_white #leftMenu > li:hover, #leftMenu .activeDrop { color: #f6f6f6 !important; } #main.color_white #subLeftMenu { border-top: 1px solid #eeeeee !important; background-color: #ffffff !important; } #main.color_white #subLeftMenu a { color: #000000 !important; } #popCats { margin-top: 24px; } #popCats .sideBlockContent { padding: 12px; border-top: 0; } #popCats ul { list-style: none; padding: 0; margin: 0; } #popCats li { display: inline-block; margin-right: 8px; margin-bottom: 8px; } #popCats li span, #popCats li a { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; text-decoration: none; padding: 4px 12px; line-height: 21px; display: block; } #collectionList { margin-top: 24px; position: relative; overflow: hidden; } #collectionCarousel { position: relative; overflow: hidden; margin: 0 -12px; } #collectionCarousel > ul { list-style: none; padding: 0; margin: 0; } #collectionCarousel > ul li { width: 33.3131313%; float: left; } #collectionList .collection { position: relative; padding: 0 12px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #collectionList .collection .wrap { border-bottom: none; overflow: hidden; padding: 12px; } #collectionList .collection .heading { text-decoration: none; margin-bottom: 12px; line-height: 24px; font-weight: 700; font-size: 18px; height: auto; padding: 0; } #collectionList .collectionDesc { line-height: 18px; font-size: 12px; } #collectionList .goTo { vertical-align: middle; text-decoration: none; text-align: center; line-height: 50px; font-size: 14px; display: block; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } #collectionList .pic { display: block; margin-bottom: 18px; text-align: center; line-height: 420px; height: 420px; } #collectionList .pic img { max-width: 100%; max-height: 100%; vertical-align: middle; } #promoBlock, #promoBlock > div[id*="bx_"] { width: 100%; display: table; overflow: hidden; table-layout: fixed; border-collapse: collapse; } #sliderBlock, #bannersBlock, #specialBlock { display: table-cell; vertical-align: top; } #bannersBlock, #specialBlock { padding-left: 12px; position: relative; overflow: hidden; width: 356px; } #specialBlock { padding-left: 24px; width: 344px; } #left #specialBlock { margin-bottom: 24px; padding-left: 0px; display: block; width: 100%; } #bannersBlock ul { list-style: none; padding: 0; margin: 0; } #bannersBlock ul li { float: left; } #bannersBlock ul a { display: block; line-height: 0; } #bannersBlock ul li:first-child { margin-bottom: 12px; float: none; } #bannersBlock ul li:first-child + li { padding-right: 12px; } #right .heading { margin-bottom: 24px; padding-left: 24px; line-height: 60px; font-size: 18px; display: block; height: 60px; } #footer { /*margin-bottom: 55px;*/ /*padding-top: 24px;*/ overflow: hidden; background: #f3f3f3; } #footer.variant_2 #leftFooter, #footer.variant_4 #leftFooter { color: #ffffff; } #footer.variant_5 #leftFooter, #footer.variant_5 #rightFooter, #footer.variant_5 #footerBottom, #footer.variant_6 #rightFooter, #footer.variant_6 #footerBottom, #footer.variant_7 #leftFooter, #footer.variant_7 #footerBottom, #footer.variant_8 #leftFooter, #footer.variant_8 #footerBottom { background-color: #ffffff; } #footer.variant_6 #leftFooter, #footer.variant_7 #rightFooter { background-color: #f3f3f3; } #footer.variant_5 #footerBottom, #footer.variant_6 #footerBottom, #footer.variant_8 #footerBottom { border-top: 1px solid #f1f1f1; } #footer.variant_7 #footerBottom { border-top: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_8 #footerBottom { box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(0, 0, 0, 0.15); } #footer.variant_2 #leftFooter a, #footer.variant_4 #leftFooter a { color: #ffffff; } #footer.variant_5 #leftFooter a, #footer.variant_6 #leftFooter a, #footer.variant_7 #leftFooter a, #footer.variant_8 #leftFooter a { color: #000000; } #footer.variant_2 #leftFooter a:hover, #footer.variant_4 #leftFooter a:hover { opacity: 0.8; } #footer.variant_2 #leftFooter .selected, #footer.variant_4 #leftFooter .selected { opacity: 0.7; } #footer.variant_2 #leftFooter .heading, #footer.variant_4 #leftFooter .heading { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } #footer.variant_5 #leftFooter .heading, #footer.variant_6 #leftFooter .heading, #footer.variant_7 #leftFooter .heading, #footer.variant_8 #leftFooter .heading { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_2 #leftFooter ul li, #footer.variant_4 #leftFooter ul li { border-top: 1px solid rgba(255, 255, 255, 0.2); } #footer.variant_5 #leftFooter ul li, #footer.variant_6 #leftFooter ul li, #footer.variant_7 #leftFooter ul li, #footer.variant_8 #leftFooter ul li { border-top: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_2 #leftFooter ul li:first-child, #footer.variant_4 #leftFooter ul li:first-child, #footer.variant_5 #leftFooter ul li:first-child, #footer.variant_6 #leftFooter ul li:first-child, #footer.variant_7 #leftFooter ul li:first-child, #footer.variant_8 #leftFooter ul li:first-child { border-top: 0px; } #footer.variant_3 #rightFooter, #footer.variant_3 #rightFooter p, #footer.variant_3 #rightFooter .list li, #footer.variant_3 #rightFooter .telephone, #footer.variant_3 #rightFooter .showMap, #footer.variant_4 #rightFooter, #footer.variant_4 #rightFooter p, #footer.variant_4 #rightFooter .list li, #footer.variant_4 #rightFooter .telephone, #footer.variant_4 #rightFooter .showMap, #footer.variant_8 #rightFooter, #footer.variant_8 #rightFooter p, #footer.variant_8 #rightFooter .list li, #footer.variant_8 #rightFooter .telephone, #footer.variant_8 #rightFooter .showMap { color: #ffffff; } #footer.variant_8 #rightFooter .showMap:hover { opacity: 0.7; } #footer.variant_5 #rightFooter, #footer.variant_5 #rightFooter p, #footer.variant_5 #rightFooter .list li, #footer.variant_5 #rightFooter .email, #footer.variant_6 #rightFooter, #footer.variant_6 #rightFooter p, #footer.variant_6 #rightFooter .list li, #footer.variant_6 #rightFooter .email, #footer.variant_7 #rightFooter, #footer.variant_7 #rightFooter p, #footer.variant_7 #rightFooter .list li, #footer.variant_7 #rightFooter .email { color: #000000; } #footer.variant_5 #rightFooter .email a, #footer.variant_6 #rightFooter .email a, #footer.variant_7 #rightFooter .email a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #footer.variant_3 #rightFooter .showMap:hover, #footer.variant_4 #rightFooter .showMap:hover { opacity: 0.8; } #footer.variant_3 #rightFooter .telephone, #footer.variant_4 #rightFooter .telephone { font-family: "Roboto"; font-weight: 500; margin-top: 12px; } #footer.variant_3 #rightFooter .hr, #footer.variant_4 #rightFooter .hr, #footer.variant_8 #rightFooter .hr { border-top: 1px solid rgba(255, 255, 255, 0.2); } #footer.variant_5 #rightFooter .hr, #footer.variant_6 #rightFooter .hr, #footer.variant_7 #rightFooter .hr { border-top: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_4 #footerBottom { border-top: 1px solid rgba(255, 255, 255, 0.2); } #footer.variant_4 #footerBottom .sn .vk { background: url(/bitrix/templates/dresscode/images/snC.png) 0 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .fb { background: url(/bitrix/templates/dresscode/images/snC.png) -60px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .od { background: url(/bitrix/templates/dresscode/images/snC.png) -120px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .tw { background: url(/bitrix/templates/dresscode/images/snC.png) -180px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .go { background: url(/bitrix/templates/dresscode/images/snC.png) -240px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .yo { background: url(/bitrix/templates/dresscode/images/snC.png) -300px 0 no-repeat transparent; } .socTiktok-footer { background: url(/bitrix/templates/dresscode/images/2_TikTok_02-1.png) 0 0 no-repeat transparent; background-size: 60px !important; } #footer.variant_4 #footerBottom .sn .vk:hover { background-position: 0 -60px; } #footer.variant_4 #footerBottom .sn .fb:hover { background-position: -60px -60px; } #footer.variant_4 #footerBottom .sn .od:hover { background-position: -120px -60px; } #footer.variant_4 #footerBottom .sn .tw:hover { background-position: -180px -60px; } #footer.variant_4 #footerBottom .sn .go:hover { background-position: -240px -60px; } #footer.variant_4 #footerBottom .sn .yo:hover { background-position: -300px -60px; } #footer.variant_5 #footerBottom .sn .vk, #footer.variant_6 #footerBottom .sn .vk, #footer.variant_7 #footerBottom .sn .vk, #footer.variant_8 #footerBottom .sn .vk { background: url(/bitrix/templates/dresscode/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(/bitrix/templates/dresscode/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(/bitrix/templates/dresscode/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(/bitrix/templates/dresscode/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(/bitrix/templates/dresscode/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(/bitrix/templates/dresscode/images/snW.png) -300px 0 no-repeat transparent; } #footer.variant_5 #footerBottom .sn .vk:hover, #footer.variant_6 #footerBottom .sn .vk:hover, #footer.variant_7 #footerBottom .sn .vk:hover, #footer.variant_8 #footerBottom .sn .vk:hover { background-position: 0 -60px; } #footer.variant_5 #footerBottom .sn .fb:hover, #footer.variant_6 #footerBottom .sn .fb:hover, #footer.variant_7 #footerBottom .sn .fb:hover, #footer.variant_8 #footerBottom .sn .fb:hover { background-position: -60px -60px; } #footer.variant_5 #footerBottom .sn .od:hover, #footer.variant_6 #footerBottom .sn .od:hover, #footer.variant_7 #footerBottom .sn .od:hover, #footer.variant_8 #footerBottom .sn .od:hover { background-position: -120px -60px; } #footer.variant_5 #footerBottom .sn .tw:hover, #footer.variant_6 #footerBottom .sn .tw:hover, #footer.variant_7 #footerBottom .sn .tw:hover, #footer.variant_8 #footerBottom .sn .tw:hover { background-position: -180px -60px; } #footer.variant_5 #footerBottom .sn .go:hover, #footer.variant_6 #footerBottom .sn .go:hover, #footer.variant_7 #footerBottom .sn .go:hover, #footer.variant_8 #footerBottom .sn .go:hover { background-position: -240px -60px; } #footer.variant_5 #footerBottom .sn .yo:hover, #footer.variant_6 #footerBottom .sn .yo:hover, #footer.variant_7 #footerBottom .sn .yo:hover, #footer.variant_8 #footerBottom .sn .yo:hover { background-position: -300px -60px; } #footer.variant_4 .sn li:first-child { border-left: 1px solid rgba(255, 255, 255, 0.2); } #footer.variant_5 .sn li:first-child, #footer.variant_6 .sn li:first-child, #footer.variant_7 .sn li:first-child, #footer.variant_8 .sn li:first-child { border-left: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_4 .sn li { border-right: 1px solid rgba(255, 255, 255, 0.2); } #footer.variant_5 .sn li, #footer.variant_6 .sn li, #footer.variant_7 .sn li, #footer.variant_8 .sn li { border-right: 1px solid rgba(0, 0, 0, 0.1); } #catalogLine { margin-bottom: 24px; border-radius: 4px; line-height: 55px; padding: 0 12px; height: 55px; } #catalogLine .column { display: inline-block; margin-left: 12px; } #catalogLine .column:first-child { margin-left: 0; } #catalogLine .column:last-child { float: right; } #catalogLine .label { display: inline-block; margin-right: 12px; } #catalogLine select { border-radius: 4px; padding: 0 12px; height: 30px; } #catalogLine .viewList { vertical-align: middle; display: inline-block; overflow: hidden; } #catalogLine .viewList .element { margin-left: 12px; float: left; } #catalogLine .viewList .element:first-child { margin-left: 0px; } #catalogLine .viewList .element a { vertical-align: middle; display: inline-block; height: 55px; width: 30px; } #catalogLine .viewList .element .squares { background-position: 0 0; } #catalogLine .viewList .element .squares:hover { background-position: -30px 0; } #catalogLine .viewList .element .squares.selected { background-position: -60px 0; } #catalogLine .viewList .element .line { background-position: 0 -55px; } #catalogLine .viewList .element .line:hover { background-position: -30px -55px; } #catalogLine .viewList .element .line.selected { background-position: -60px -55px; } #catalogLine .viewList .element .table { background-position: 0 -110px; margin: 0; } #catalogLine .viewList .element .table:hover { background-position: -30px -110px; } #catalogLine .viewList .element .table.selected { background-position: -60px -110px; } #catalogLine .viewList .element .squares:active, #catalogLine .viewList .element .table:active, #catalogLine .viewList .element .line:active { position: relative; top: 1px; } .catalogLineSpecialTime { margin-bottom: 12px; color: #666d83; font-size: 0; line-height: 0; } .catalogLineSpecialTime .specialTimeItem { display: inline-block; box-sizing: border-box; border-radius: 2px; text-align: center; overflow: hidden; margin-left: 2px; padding: 8px 0px; line-height: 14px; height: 42px; width: 48px; background: #e0e0e0; } .catalogLineSpecialTime .specialTimeItem:first-child { margin-left: 0px; } .catalogLineSpecialTime .specialTimeItemValue { font-family: 'Roboto'; font-weight: 500; font-size: 14px; } .catalogLineSpecialTime .specialTimeItemlabel { font-family: "Roboto"; font-weight: 300; font-size: 12px; } #rowFooter { display: table; width: 100%; table-layout: fixed; } #leftFooter { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 24px 0 24px 24px; display: table-cell; vertical-align: top; width: 60%; } #leftFooter .footerRow { overflow: hidden; list-style: none; } #leftFooter .column { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 48px; width: 33.33%; float: left; } #leftFooter .heading { padding-bottom: 12px; margin-bottom: 6px; font-size: 20px; display: block; } #leftFooter ul { list-style: none; padding: 0; margin: 0; } #leftFooter ul li:first-child { border: 0; } #leftFooter a { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; text-decoration: none; font-size: 13px; padding: 6px 0; display: block; } #rightFooter { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 24px 0 24px 24px; vertical-align: top; display: table-cell; width: 40%; } #rightFooter .rightTable { border-collapse: collapse; table-layout: fixed; width: 100%; } #rightFooter .rightTable td { vertical-align: top; } #rightFooter .rightColumn { text-align: center; padding: 0 24px; } #rightFooter .rightColumn .wrap { display: inline-block; text-align: left; } #rightFooter .list { list-style: none; padding: 0; margin: 12px 0; } #rightFooter .list li { margin-bottom: 8px; line-height: 21px; list-style: none; font-size: 14px; display: block; } #rightFooter .email a { text-decoration: none; } #rightFooter p { font-size: 14px; display: block; } #rightFooter .hr { padding-top: 12px; } #rightFooter .telephone { margin-bottom: 24px; font-size: 22px; display: block; } #rightFooter .email { display: block; font-size: 18px; } #rightFooter .showMap { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: underline; margin-top: 12px; display: block; } #rightFooter .showMap:active { position: relative; top: 1px; } #rightFooter .logo img { vertical-align: middle; max-height: 100%; max-width: 100%; } #rightFooter .logo a:active { position: relative; top: 1px; } #footerBottom { line-height: 60px; overflow: hidden; height: 60px; clear: both; } #footerBottom .creator { padding-left: 24px; float: left; } #footerBottom .creator a { display: block; line-height: 60px; } #footerBottom .creator a:active { position: relative; top: 1px; } #footerBottom .creator img { vertical-align: middle; } #footerBottom .social { padding-right: 24px; float: right; } #footerBottom ul { list-style: none; padding: 0; margin: 0; } #appBasket { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; height: 100%; width: 100%; z-index: 1001; left: 0px; top: 0px; display: none; } #appBasketContainer { margin-left: -350px; margin-top: -200px; position: absolute; height: 400px; width: 700px; left: 50%; top: 50%; } #appBasket .heading { position: relative; text-align: center; line-height: 60px; font-size: 18px; } #appBasket .close { position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } #appBasket .container { position: relative; overflow: hidden; } #appBasket .markerContainer { position: absolute; top: 8px; left: 8px; } #appBasket .rating { position: absolute; right: 12px; top: 12px; z-index: 2; width: 79px; } #appBasket .rating i { background: url(/bitrix/templates/dresscode/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(/bitrix/templates/dresscode/images/rating.png) repeat 0 -14px transparent; width: 0px; z-index: 10; } #appBasket .markerContainer .marker { font: normal normal 12px "Roboto", arial, sans-serif; font-weight: 300; margin-bottom: 8px; line-height: 16px; padding: 3px 4px; z-index: 2; } #appBasket .picture { position: relative; line-height: 280px; text-align: center; height: 280px; width: 300px; float: left; } #appBasket .picture:active { position: relative; top: 1px; } #appBasket .picture img { vertical-align: middle; max-height: 90%; max-width: 90%; } #appBasket .information { line-height: 280px; } #appBasket .information .wrapper { vertical-align: middle; display: inline-block; line-height: 21px; } #appBasket .name { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; max-width: 300px; margin-bottom: 18px; text-decoration: none; font-size: 14px; display: block; } #appBasket .price { font-family: 'Roboto'; font-weight: 700; margin-bottom: 18px; font-size: 18px; display: block; } #appBasket .price .discount { font-family: 'Roboto'; padding-left: 8px; font-size: 14px; font-weight: 300; } #appBasket .qtyBlock { margin-bottom: 18px; overflow: hidden; } #appBasket .qtyBlock .label { padding-right: 4px; } #appBasket .plus, #appBasket .minus { vertical-align: middle; display: inline-block; height: 19px; width: 19px; } #appBasket .qty { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; display: inline-block; text-align: center; font-size: 12px; margin: 0 2px; height: 19px; width: 40px; padding: 0 2px; border: 0; } #appBasket .qty.error { border: 1px solid #ff0000; } #appBasket .sum { font-family: 'Roboto'; font-weight: 700; line-height: 50px; padding: 0 24px; font-size: 18px; height: 50px; } #appBasket .sum .discount { font-family: 'Roboto'; font-weight: 300; padding-left: 8px; font-size: 14px; } #appBasket .lower { line-height: 60px; overflow: hidden; height: 60px; } #appBasket .lower .tools { border-collapse: collapse; table-layout: fixed; border-spacing: 0px; width: 100%; } #appBasket .lower tbody { vertical-align: top; } #appBasket .lower .tools td { padding: 0; } #appBasket .lower .tools .icon { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; vertical-align: top; text-align: center; line-height: 60px; height: 60px; width: 70px; } #appBasket .lower .tools .av:hover { background: unset; } #appBasket .lower .tools .icon a { text-decoration: none; color: transparent; display: block; } #appBasket .lower .tools .icon .ico { vertical-align: middle; display: inline-block; height: 16px; width: 17px; } #appBasket .lower .tools .addCompare .ico { background: url(/bitrix/templates/dresscode/images/compare.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .addCompare.added .ico { background: url(/bitrix/templates/dresscode/images/compareActive.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .addWishlist .ico { background: url(/bitrix/templates/dresscode/images/wishlist.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .addWishlist.added .ico { background: url(/bitrix/templates/dresscode/images/wishlistActive.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .inStock .ico { background: url(/bitrix/templates/dresscode/images/inStock.png) 0 0 no-repeat transparent; border-bottom: 0 !important; } #appBasket .lower .tools .outOfStock .ico { background: url(/bitrix/templates/dresscode/images/outOfStock.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .onOrder .ico { background: url(/bitrix/templates/dresscode/images/onOrder.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .delete .ico { background: url(/bitrix/templates/dresscode/images/delete.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .continue { text-align: center; width: 50%; } #appBasket .lower .tools .continue, #appBasket .lower .tools .goToBasket { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; } #appBasket .lower .tools .continue a, #appBasket .lower .tools .goToBasket a { line-height: 60px; text-decoration: none; font-size: 14px; display: block; } #appBasket .lower .tools .continue .text, #appBasket .lower .tools .goToBasket .text { margin-top: 2px; display: inline-block; } #appBasket .lower .tools .goToBasket img { margin-top: -3px; } #appBasket .lower .tools .continue img, #appBasket .lower .tools .goToBasket img { vertical-align: middle; padding-right: 12px; } #appBasket .lower .tools .goToBasket { text-align: center; width: 50%; } #appFastBuy { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; height: 100%; width: 100%; z-index: 999999; left: 0px; top: 0px; display: none; } #appFastBuyContainer { box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #ffffff; margin-left: -350px; margin-top: -215px; position: absolute; overflow: hidden; height: 450px; width: 700px; left: 50%; top: 50%; } #appFastBuyContainer .column { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 24px; /*padding: 0 24px;*/ width: 380px; float: left; } #appFastBuyContainer .column:first-child { text-align: center; width: 320px; } #appFastBuyContainer .heading { position: relative; text-align: center; line-height: 60px; font-size: 18px; height: 60px; } #appFastBuyContainer .title { margin-bottom: 12px; text-align: center; margin-right: 24px; font-size: 16px; display: block; } #appFastBuyContainer .formLine { margin-bottom: 12px; } #appFastBuyContainer input { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "Roboto"; font-weight: 300; padding-left: 12px; width: 354px; height: 50px; border: 0; } #appFastBuyContainer input[type="checkbox"] { vertical-align: middle; display: inline-block; margin-right: 6px; margin-top: 0px; height: 14px; width: 14px; } #appFastBuyContainer input[type="checkbox"].error + label { border-bottom: 1px solid #ff0000 !important; } #appFastBuyContainer textarea { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "Roboto"; font-weight: 300; padding-left: 12px; padding-top: 12px; resize: none; width: 354px; height: 60px; border: 0; } #appFastBuyContainer input:focus, #appFastBuyContainer textarea:focus { outline: none; } #appFastBuyContainer #fastBuyFormSubmit { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; font-size: 14px; display: block; height: 50px; width: 354px; } #appFastBuyContainer #fastBuyFormSubmit:active { position: relative; top: 1px; } #appFastBuyContainer #fastBuyFormSubmit.loading { -webkit-transition: background 0s !important; -o-transition: background 0s !important; transition: background 0s !important; text-indent: 12px; opacity: 0.9; } #appFastBuyContainer #fastBuyFormSubmit.loading img { display: none; } #appFastBuyContainer #fastBuyFormSubmit img { vertical-align: middle; padding-right: 4px; margin-top: -2px; } #appFastBuyContainer .markerContainer { position: absolute; top: 0px; left: 12px; } #appFastBuyContainer #fastBuyResult { transform: translateY(50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; } #fastBuyResult #fastBuyResultTitle { text-align: center; margin-top: 24px; font-size: 16px; } #fastBuyResult #fastBuyResultMessage { text-align: center; margin-top: 24px; } #fastBuyResult #fastBuyResultClose { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; margin: 24px auto; font-size: 14px; display: block; height: 50px; width: 254px; } #fastBuyResult #fastBuyResultClose:active { position: relative; top: 1px; } #appFastBuyContainer .marker { font: normal normal 12px "Roboto", arial, sans-serif; font-weight: 300; margin-bottom: 8px; padding: 3px 4px; line-height: 16px; z-index: 2; } #appFastBuyContainer .name { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; font-size: 14px; display: block; text-decoration: none; margin-bottom: 12px; height: 44px; line-height: 44px; overflow: hidden; } #appFastBuyContainer .middle { line-height: 21px; vertical-align: middle; display: inline-block; } #appFastBuyContainer .price { font-family: 'Roboto'; font-weight: 700; text-decoration: none; margin-bottom: 12px; font-size: 18px; display: block; } #appFastBuyContainer .price .discount { font-family: 'Roboto'; font-weight: 300; padding-left: 4px; font-size: 14px; } #appFastBuyContainer #fastBuyName { padding: 0 24px; } #appFastBuyContainer #fastBuyPicture { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-bottom: 12px; position: relative; text-align: center; line-height: 230px; display: block; height: 230px; } #appFastBuyContainer #fastBuyPicture .url { text-align: center; line-height: 230px; display: block; height: 230px; } #appFastBuyContainer #fastBuyPicture .picture { vertical-align: middle; max-height: 90%; max-width: 90%; } #appFastBuy .close { background: url(/bitrix/templates/dresscode/images/exit.png) 0 0 no-repeat transparent; position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } #appFastBuy .close:hover { background-position: 0 -21px; } #appFastBuy .close:active { background-position: 0 -42px; } /*Also buy popup START*/ a.admin-also-buy-edit{ color: darkred; } .popup-container { box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #ffffff; margin-left: -350px; margin-top: -215px; position: absolute; overflow: hidden; height: 450px; width: 700px; left: 50%; top: 50%; } .popup-container .column { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 24px; /*padding: 0 24px;*/ width: 380px; float: left; } .popup-container .column:first-child { text-align: center; width: 320px; } .popup-container .heading { position: relative; text-align: center; line-height: 60px; font-size: 18px; height: 60px; background-color: #424242; color: #ffffff; } .popup-container .title { margin-bottom: 12px; text-align: center; margin-right: 24px; font-size: 16px; display: block; } .popup-container .formLine { margin-bottom: 12px; } .popup-container input { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "Roboto"; font-weight: 300; padding-left: 12px; width: 354px; height: 50px; border: 0; } .popup-container input[type="checkbox"] { vertical-align: middle; display: inline-block; margin-right: 6px; margin-top: 0px; height: 14px; width: 14px; } .popup-container input[type="checkbox"].error + label { border-bottom: 1px solid #ff0000 !important; } .popup-container textarea { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "Roboto"; font-weight: 300; padding-left: 12px; padding-top: 12px; resize: none; width: 250px; height: 150px; border: 0; background-color: #f3f3f3; } .popup-container input:focus, .popup-container textarea:focus { outline: none; } .popup-container button { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; font-size: 14px; display: block; height: 50px; width: 250px; margin-left:50px; } .popup-container button.popup-form-submit{ background-color: #F89E1C; color: #ffffff; } .popup-container button.popup-form-submit:hover { background-color: #ffa800; } .popup-container button:active { position: relative; top: 1px; } .popup-container button.loading { -webkit-transition: background 0s !important; -o-transition: background 0s !important; transition: background 0s !important; text-indent: 12px; opacity: 0.9; } .popup-container button.loading img { display: none; } .popup-container button img { vertical-align: middle; padding-right: 4px; margin-top: -2px; } .popup-container .markerContainer { position: absolute; top: 0px; left: 12px; } .popup-container .popup-result-content { height: 250px; /* або інша висота, яка підходить під дизайн */ overflow-y: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; } .popup-container .popup-result-content .error { color: darkred; } .popup-container .popup-result-content .success { color: darkgreen; } .popup-container .close { background: url(/bitrix/templates/dresscode/images/exit.png) 0 0 no-repeat transparent; position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } .popup-container .close:hover { background-position: 0 -21px; } .popup-container .close:active { background-position: 0 -42px; } /*Also buy popup Finish*/ #appFastView { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; overflow: auto; z-index: 1000; height: 100%; width: 100%; left: 0px; top: 0px; /*display: none;*/ } #appFastView .appFastViewContainer { box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: zoomIn; animation-name: zoomIn; background-color: #ffffff; margin-left: -500px; margin-top: -275px; position: absolute; height: 550px; width: 1000px; left: 50%; top: 50%; } #appFastView .appFastViewColumnContainer { height: 490px; } #appFastView .appFastViewPictureColumn { border-right: 1px solid #dddddd; position: relative; height: 490px; width: 336px; float: left; } #appFastView .appFastViewDescriptionColumn { position: relative; overflow: hidden; height: 100%; width: 410px; float: left; } #appFastView .appFastViewDescriptionColumnContainer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 24px; padding-top: 24px; overflow-x: hidden; position: absolute; overflow-y: scroll; height: 100%; width: 100%; left: 24px; } #appFastView .appFastViewDescriptionColumn:after { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); pointer-events: none; position: absolute; display: block; height: 50px; content: ''; width: 100%; bottom: 0px; } #appFastView .appFastViewInformationColumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f3f3f3; position: relative; padding: 6px 24px 0; height: 100%; width: 251px; float: left; } #appFastView .markerContainer { position: absolute; color: #ffffff; z-index: 88; left: 12px; top: 12px; } #appFastView .marker { font: normal normal 12px "Roboto", arial, sans-serif; font-weight: 300; margin-bottom: 8px; line-height: 16px; padding: 3px 4px; z-index: 2; } #appFastView .appFastViewPictureSlider, #appFastView .appFastViewPictureCarousel, #appFastView .appFastViewPictureSliderItems, #appFastView .appFastViewPictureCarouselItems { -webkit-transition: left 0.2s ease-in-out; -o-transition: left 0.2s ease-in-out; transition: left 0.2s ease-in-out; position: relative; overflow: hidden; } #appFastView .appFastViewPictureSliderItems, #appFastView .appFastViewPictureCarouselItems { left: 0px; } #appFastView .appFastViewPictureCarouselItems { padding-bottom: 12px; } #appFastView .appFastViewPictureCarousel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 12px 12px 12px; margin: 0 24px; } #appFastView .appFastViewPictureSliderItem, #appFastView .appFastViewPictureCarouselItem { text-align: center; float: left; } #appFastView .appFastViewPictureSliderItem { line-height: 380px; height: 380px; } #appFastView .appFastViewPictureSliderItemLayout { vertical-align: middle; display: inline-block; line-height: 0; } #appFastView .appFastViewPictureCarouselItem { line-height: 60px; height: 60px; } #appFastView .appFastViewPictureSliderItemPicture, #appFastView .appFastViewPictureCarouselItemPicture { vertical-align: middle; max-height: 100%; max-width: 100%; } #appFastView .appFastViewPictureCarouselLeftButton, #appFastView .appFastViewPictureCarouselRightButton { background: url(/bitrix/templates/dresscode/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(/bitrix/templates/dresscode/images/selectArrow.png) 97% 50% no-repeat transparent; padding: 12px 30px 12px 8px !important; border-radius: 4px; cursor: pointer; display: block; color: #000000; } #appFastView .oSkuCheckedItem:hover { opacity: 0.8; } #appFastView .oSkuCheckedItem:active { position: relative; top: 1px; } #appFastView .oSkuDropdown label:before, #appFastView .oSkuCheckboxList label:before { display: none; } #appFastView .oSkuDropdownList { background-color: #ffffff; border: 1px solid #e7e8ea; visibility: hidden; position: absolute; list-style: none; margin: 0 -1px; opacity: 0; padding: 0; z-index: 2; top: 42px; right: 0; left: 0; } #appFastView .oSkuDropdownList.opened { visibility: visible; opacity: 1; } #appFastView .pics .oSkuDropdownList { top: 52px; } #appFastView .oSkuDropdownList .skuPropertyValue { border-top: 1px solid #e7e8ea; position: relative; display: block; } #appFastView .oSkuDropdownList .skuPropertyValue:first-child { border-top: 0px; } #appFastView .oSkuDropdownList .selected { box-shadow: 1px 1px 12px #f1f1f1 inset; font-family: "Roboto"; font-weight: 500; } #appFastView .oSkuDropdownList .selected, #appFastView .oSkuDropdownList .skuPropertyValue:hover { background-color: #f9f9f9; cursor: pointer; color: #ffffff; opacity: 0.8; } #appFastView .oSkuDropdownList .oSkuPropertyItemLink { padding: 12px 8px !important; text-decoration: none; line-height: 18px; text-align: left; font-size: 13px; min-height: 0px; color: #000000; display: block; border: 0px; } #appFastView .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink { border: 0px; } #appFastView .oSkuDropdownList .oSkuDropdownListItem.disabled { display: none; } #appFastView .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink, #appFastView .oSkuDropdownList .oSkuPropertyItemLink:active { position: relative; top: 1px; } #appFastView .oSkuDropdownList .skuPropertyValue.loading:after { left: 24px; } #appFastView .appFastViewExit { position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } #appFastView .appFastViewMoreLink { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; margin-bottom: 24px; position: relative; margin-top: 24px; color: #000000; z-index: 0; } #appFastView .appFastViewMoreLink:hover { color: #555555; } #appFastView .appFastViewMoreLink:active { position: relative; top: 1px; } #appFastView .addCart { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; margin-bottom: 16px; border-radius: 4px; line-height: 60px; text-align: center; margin-top: 12px; font-size: 16px; display: block; color: #ffffff; height: 60px; } #appFastView .catalogQtyBlock { margin-bottom: 12px; } #appFastView .catalogQtyBlock .catalogQty { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; display: inline-block; text-align: center; font-size: 12px; margin: 0 2px; height: 19px; width: 40px; padding: 0 2px; border: 0; } #appFastView .catalogQtyBlock .catalogQty { background-color: #e7e8ea; color: #000000; } #appFastView .catalogQtyBlock .catalogQty.error { border: 1px solid #ff0000; } #appFastView .catalogQtyBlock .catalogPlus, #appFastView .catalogQtyBlock .catalogMinus { vertical-align: middle; display: inline-block; height: 19px; width: 19px; } #appFastView .catalogQtyBlock .catalogPlus, #appFastView .catalogQtyBlock .catalogMinus { background: url(/bitrix/templates/dresscode/images/plusMinusCatalog.png) 0 0 no-repeat #424242; } #appFastView .catalogQtyBlock .catalogPlus { background-position: 0 -19px; } #appFastView .catalogQtyBlock .catalogPlus:hover { background-position: -19px -19px; } #appFastView .catalogQtyBlock .catalogPlus:active { background-position: -38px -19px; } #appFastView .catalogQtyBlock .catalogMinus:hover { background-position: -19px 0x; } #appFastView .catalogQtyBlock .catalogMinus:active { background-position: -38px 0px; } #elementTools .secondTool .row:last-child, #smallElementTools .secondTool .row:last-child { margin-bottom: 0px; } #appFastView .price { font-family: 'Roboto'; font-weight: 700; text-decoration: none; position: relative; line-height: 28px; margin-top: 12px; font-size: 21px; display: block; color: #000000; } #appFastView .getPriceWindow { line-height: 33px; } #appFastView .priceValue { border-bottom: 1px dashed #bbbbbb; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; padding-bottom: 8px; color: #000000; } .word_price_text_detail { color: black; font-weight: normal; font-family: Arial; font-size: 20px; } .word_price_text { font-family: Arial; font-size: 17px; } #appFastView .priceValue:hover { color: #333333; } #appFastView .priceValue:active { position: relative; top: 1px; } #appFastView .article { margin-top: 12px; color: #888888; } #appFastView .article.hidden { display: none; } #appFastView .discount { font-family: 'Roboto'; font-weight: 300; padding-left: 4px; font-size: 14px; color: #888888; } #appFastView .price .oldPriceLabel { font-family: 'Roboto'; font-weight: 300; text-decoration: none; margin-top: 6px; font-size: 14px; display: block; color: #888888; } #appFastView .price .discount, #appFastView .price .discount { font-family: 'Roboto'; font-weight: 300; padding-left: 4px; font-size: 14px; color: #888888; } #appFastView .icon { vertical-align: middle; display: inline-block; } #appFastView .addCart .icon { padding-right: 12px; margin-top: -4px; } #appFastView .rating { display: inline-block; vertical-align: middle; margin-left: 6px; margin-top: -4px; position: relative; overflow: hidden; height: 15px; width: 79px; z-index: 2; } #appFastView .rating i { background: url(/bitrix/templates/dresscode/images/rating2.png) repeat 0 0px transparent; height: 15px; width: 79px; position: absolute; display: block; left: 0px; top: 0px; } #appFastView i.m { background: url(/bitrix/templates/dresscode/images/rating2.png) repeat 0 -14px transparent; width: 0px; z-index: 10; } #appFastView .icon { vertical-align: middle; display: inline-block; } #appFastView .appFastViewInformationColumn .row { margin-bottom: 12px; position: relative; } #appFastView .appFastViewInformationColumn .row img { vertical-align: middle; padding-right: 6px; margin-top: -4px; } #appFastView .appFastViewInformationColumn .label { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: 'Roboto Condensed'; font-weight: 300; text-decoration: none; line-height: 21px; font-size: 15px; color: #717171; } #appFastView .appFastViewInformationColumn a.label:hover { color: #000000; } #appFastView .appFastViewInformationColumn a.label:active { position: relative; top: 1px; } #appFastView .appFastViewInformationColumn .getStoresWindow.inStock span { padding-bottom: 2px; } .fastSpecialTime { margin-top: 12px; color: #ffffff; font-size: 0; line-height: 0; } .fastSpecialTime .specialTimeItem { display: inline-block; box-sizing: border-box; border-radius: 2px; text-align: center; overflow: hidden; margin-left: 2px; padding: 8px 0px; line-height: 14px; height: 42px; width: 48px; } .fastSpecialTime .specialTimeItem:first-child { margin-left: 0px; } .fastSpecialTime .specialTimeItemValue { font-family: 'Roboto'; font-weight: 500; font-size: 14px; line-height: 14px; } .fastSpecialTime .specialTimeItemlabel { font-family: "Roboto"; font-weight: 300; font-size: 12px; } #personalCart input[name="BuyButton"] { margin-bottom: 24px; margin-top: 24px; display: block; } /*#appFastView .getPricesWindow .priceIcon{ margin-right: 0px; margin-left: 6px; }*/ #footerTabsCaption { line-height: 85px; margin-top: 24px; height: 85px; } #footerTabsCaption .items { text-align: center; overflow: hidden; } #footerTabsCaption .item:last-child { margin-right: 0px; } #footerTabsCaption .item { vertical-align: middle; display: inline-block; margin-right: 24px; } #footerTabsCaption .item a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: 'Roboto'; font-weight: 500; text-decoration: none; padding-bottom: 8px; font-size: 16px; } #footerTabs { overflow: hidden; } #footerTabs .tab { display: none; } #footerTabs .tab.selected { display: block; } #footerTabs .product:hover .wrap, #footerTabs .product:hover .tabloid, #personalCart .product:hover .wrap, #personalCart .product:hover .tabloid { box-shadow: none; } #footerTabs .product:hover .tabloid { border-color: transparent; } #personalCart .product:hover .tabloid { border-bottom-color: #e7e8ea; } #footerLine { line-height: 55px; position: fixed; z-index: 999; height: 55px; width: 100%; bottom: 0; } #footerLine.color_white { box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.25); background-color: #ffffff; border-color: #f3f3f3; } #footerLine.color_theme { box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.35); border-color: transparent; } #footerLine.color_white .item a { color: #000000; } #footerLine.color_theme .item a { color: #ffffff; opacity: 0.7; } #footerLine.color_theme .col:first-child .item a { opacity: 1; } #footerLine.color_theme .item .active { color: #ffffff; opacity: 1; } #footerLine.color_theme .item .active:hover { color: #ffffff; opacity: 0.85; } #footerLine.color_white .item a:hover, #footerLine.color_theme .col:first-child .item a:hover { opacity: 0.8; } #footerLine.color_white .item a:active { position: relative; top: 1px; } #footerLine.color_theme .col:first-child .item .callback:hover { color: #ffffff; opacity: 0.8; } #footerLine.color_white .item .compare .mark, #footerLine.color_white .item .wishlist .mark, #footerLine.color_white .item .cart .mark { background-color: #f6f6f6; color: #666666; } #footerLine.color_theme .item .compare .mark, #footerLine.color_theme .item .wishlist .mark, #footerLine.color_theme .item .cart .mark { background-color: #fcfcfc; color: #222222; } #footerLine.color_white .item .compare .icon, #footerLine.color_white .item .wishlist .icon, #footerLine.color_white .item .cart .icon { opacity: 0.8; } #footerLine.color_theme .item .compare .icon { background-image: url(/bitrix/templates/dresscode/images/compareFooterMinC.png); } #footerLine.color_theme .item .wishlist .icon { background-image: url(/bitrix/templates/dresscode/images/wishlistFooterMinC.png); } #footerLine.color_theme .item .cart .icon { background-image: url(/bitrix/templates/dresscode/images/cartFooterMinC.png); } #footerLine.color_theme .item .callback .icon { background-image: url(/bitrix/templates/dresscode/images/callbackFooterMinC.png); } #footerLine.color_white .item .compare:hover, #footerLine.color_white .item .wishlist:hover, #footerLine.color_white .item .cart:hover, #footerLine.color_white .item .compare:hover .mark, #footerLine.color_white .item .wishlist:hover .mark, #footerLine.color_white .item .cart:hover .mark { color: #000000; opacity: 1; } #footerLine.color_theme .item .compare:hover, #footerLine.color_theme .item .wishlist:hover, #footerLine.color_theme .item .cart:hover { color: #ffffff; opacity: 0.7; } #footerLine.color_white .item .compare.active:hover, #footerLine.color_white .item .wishlist.active:hover, #footerLine.color_white .item .cart.active:hover, #footerLine.color_white .item .compare.active:hover .mark, #footerLine.color_white .item .wishlist.active:hover .mark, #footerLine.color_white .item .cart.active:hover .mark { opacity: 0.8; } #footerLine .wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; } #footerLine .col { float: left; width: 50%; } #footerLine .col:last-child { text-align: right; } #footerLine .item .callback { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; text-decoration: none; font-size: 14px; } #footerLine .item .callback .icon { vertical-align: middle; display: inline-block; margin-right: 4px; margin-top: -2px; height: 24px; width: 21px; } #footerLine .item .compare, #footerLine .item .wishlist, #footerLine .item .cart { text-transform: uppercase; } #footerLine .item .compare .mark, #footerLine .item .wishlist .mark, #footerLine .item .cart .mark { border-radius: 4px; margin-left: 12px; line-height: 20px; overflow: hidden; padding: 2px 12px; height: 20px; } #footerLine .item .compare .icon, #footerLine .item .wishlist .icon, #footerLine .item .cart .icon { vertical-align: middle; display: inline-block; margin-right: 12px; margin-top: -2px; height: 24px; width: 21px; } #footerLine .item .cart .icon { width: 26px; } #footerLine .item a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; font-size: 14px; } /*#footerLine .col:first-child .item:first-child{ margin-left: 24px; } */ #footerLine .item { display: inline-block; vertical-align: middle; margin-right: 24px; } #footerLine .item a:active { position: relative; top: 1px; } #footerLine .item:last-child { margin-right: 0px; } #authMenu { margin-bottom: 24px; overflow: hidden; list-style: none; padding: 0; } #authMenu li { margin-bottom: 24px; margin-right: 24px; float: left; } #authMenu li:last-child { margin-right: 0; } #authMenu li a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; text-decoration: none; font-size: 16px; } #authMenu li a:active { position: relative; top: 1px; } #authMenu li .selected { font-family: 'Roboto'; font-weight: 700; padding-bottom: 4px; } #empty { overflow: hidden; } #empty .emptyWrapper { padding-bottom: 24px; overflow: hidden; } #empty .pictureContainer { margin-right: 24px; float: left; } #empty h3 { text-transform: uppercase; font-weight: 400; font-size: 16px; padding: 0; margin: 0; } #empty p { font-size: 14px; } #empty a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; font-size: 14px; } #empty a:active { position: relative; } #empty a img { width: 32px; vertical-align: middle; padding-right: 12px; } #empty .emptyTitle { text-transform: uppercase; font-weight: 700; margin-top: 24px; font-size: 14px; } #empty .emptyMenu { margin: 24px 0 0 0; list-style: none; overflow: hidden; padding: 0; } #empty .emptyMenu li { margin-bottom: 12px; width: 33.333333%; float: left; } #empty .back { padding-bottom: 2px; } #empty .back:active { position: relative; top: 1px; } #overlap { background-color: #000000; position: fixed; display: none; opacity: 0.8; height: 100%; width: 100%; z-index: 33; left: 0px; top: 0px; } #searchOverlap { background-color: #000000; position: fixed; display: none; opacity: 0.8; height: calc(100vh - 200px); width: 100%; z-index: 34; left: 0px; bottom: 0; } /* CLASSES */ .ajaxContainer { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .ajaxContainer.loading { opacity: 0.5; } .personal-order-info { margin-bottom: 12px; } .personalInfoLabel { margin-top: 24px; font-size: 14px; } .productList { list-style: none; padding: 0; margin: 0; border-left: 1px solid #e7e8ea; /*border-top: 1px solid #e7e8ea;*/ } #homeCatalog .productList { border-top: 1px solid #e7e8ea; } .product { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 20%; height: 346px; border-right: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; } #leftMenu .product:before { display: none; } .product:before { content: ""; position: absolute; left: 0px; width: 100%; top: -1px; height: 1px; background: #e7e8ea; } .product .btn-simple { display: none; } .product.last { /* next page */ line-height: 346px; } .product .tabloid { -webkit-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out; -moz-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out; -o-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent; position: relative; overflow: hidden; padding: 12px; height: 345px; z-index: 1; } .product .markerContainer { position: absolute; z-index: 88; left: 8px; top: 8px; } .product .marker { font: normal normal 12px "Roboto", arial, sans-serif; font-weight: 300; margin-bottom: 8px; line-height: 16px; padding: 3px 4px; z-index: 2; } .product .rating { position: relative; width: 28%; z-index: 2; right: 5px; top: 3px; float: right; } .product .rating i { background: url(/bitrix/templates/dresscode/images/rating.png) repeat 0 0px transparent; position: absolute; display: block; height: 15px; width: 79px; left: -23%; top: 0px; } .product .rating i.m { background: url(/bitrix/templates/dresscode/images/rating.png) repeat 0 -14px transparent; z-index: 10; width: 0px; } .changeAvailable { position: absolute; right: 8px; top: 8px; float: right; width: auto !important; } .productSpecialTime { position: absolute; z-index: 2; top: 54px; right: 10px; width: 48px; color: #666d83; font-size: 0; line-height: 0; } .productSpecialTime .specialTimeItem { display: inline-block; box-sizing: border-box; border-radius: 2px; text-align: center; overflow: hidden; margin-top: 4px; padding: 8px 0px; line-height: 14px; height: 42px; width: 48px; background: #e0e0e0; } .productSpecialTime .specialTimeItem:first-child { margin-top: 0px; } .productSpecialTime .specialTimeItemValue { font-weight: 500; font-size: 14px; line-height: 14px; } .productSpecialTime .specialTimeItemlabel { font-weight: 300; font-size: 12px; } .product .name { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; font-size: 14px; display: block; text-decoration: none; margin-bottom: 12px; height: 44px; line-height: 44px; overflow: hidden; } .product .middle { line-height: 21px; vertical-align: middle; display: inline-block; } .product .price { font-weight: 500; font-size: 18px; display: block; text-decoration: none; margin-bottom: 12px; } .product .price .measure { font-size: 16px; } .product .price .discount { font-weight: 300; padding-left: 4px; font-size: 14px; } .product .picture { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: relative; display: block; text-align: center; height: 240px; line-height: 240px; } .product .picture img { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transform: translate3d(0, 0, 0); vertical-align: middle; max-height: 90%; max-width: 90%; } .product .picture:hover img { opacity: 0.85; } .product .picture:active img { position: relative; top: 1px; } .loading .product .getFastView { pointer-events: none; } .product .getFastView, #catalogLineList .picture .getFastView, #specialProduct .productItem .getFastView { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: 'Roboto Condensed'; font-weight: 300; background-color: #2b2b2b; text-decoration: none; border-radius: 2px; visibility: hidden; position: absolute; text-align: center; margin-left: -75px; margin-top: -20px; line-height: 40px; cursor: pointer; color: #ffffff; height: 40px; width: 150px; opacity: 0; z-index: 2; left: 50%; top: 50%; } .product:hover .getFastView, #catalogLineList .picture:hover .getFastView, #specialProduct .productItem .picture:hover .getFastView { visibility: visible; /*display: block;*/ opacity: 0.9; } .product .getFastView:hover, #catalogLineList .picture .getFastView:hover, #specialProduct .productItem .getFastView:hover { opacity: 1; } .product .addCart { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 60px; height: 60px; font-size: 16px; text-align: center; display: block; text-decoration: none; margin-top: 16px; margin-bottom: 12px; border-radius: 4px; } .product .icon { vertical-align: middle; display: inline-block; } .product .addCart .icon { padding-right: 12px; margin-top: -4px; } .product .addCart { margin-top: 36px; } .product .row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 12px; overflow: hidden; } .product .label { font-family: 'Roboto Condensed'; font-weight: 300; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; line-height: 21px; font-size: 14px; display: block; float: left; width: 55%; } .product .row .label:last-child { width: 45%; } .product .label .icon { padding-right: 6px; margin-top: -4px; } .inStock { color: #52a91f !important; text-decoration: none; } .inStock:hover { color: #52a91f !important; } .getStoresWindow.inStock span { border-bottom: 1px dashed #73b24e !important; cursor: pointer; } .getStoresWindow.inStock:hover span { opacity: 0.8; } .outOfStock { color: #ff0000; } .outOfStock:hover { color: #ff0000; } .product .skuPropertyList { overflow: hidden; list-style: none; padding: 0px; margin: 0px; } .product .skuProperty { overflow: hidden; margin: 12px 0; } .product .skuPropertyName { padding-bottom: 2px; padding-left: 2px; font-size: 13px; } .product .skuProperty li { box-sizing: border-box; overflow: hidden; padding: 4px; float: left; min-width: 20%; } .product .skuProperty .selected .skuPropertyLink { pointer-events: none; position: relative; /*top: -2px;*/ } .product .skuProperty .disabled { display: none; } .product .skuPropertyLink { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 21px; padding: 6px 4px; font-size: 12px; display: block; } .product .skuPropertyLink:hover { opacity: 0.8; } .product .skuPropertyList img { vertical-align: middle; max-height: 100%; max-width: 100%; } /* product hover */ .product:hover { position: relative; } .product:hover .tabloid { position: absolute; height: auto; width: 100%; z-index: 3; } .product:hover .nowp { overflow: visible; } .product:hover .morePhoto { display: block; } .product.last .wp { vertical-align: middle; display: inline-block; text-align: center; line-height: 21px; width: 100%; } .product.last .showMore { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; vertical-align: middle; display: inline-block; text-align: center; width: 100%; } .product.last .showMore:hover { opacity: 0.7; } .product.last .icon { display: inline-block; margin-bottom: 12px; text-align: center; line-height: 21px; height: 54px; width: 100%; } .product.last .icon .iconSmall { display: none; } .product.last .ps { font-size: 18px; } .product.last .value { padding-left: 6px; font-size: 18px; } .product.last .small { display: inline-block; width: 100%; } .item .oSkuDropDownProperty { overflow: visible; margin: 0px; } .item .oSkuDropDownProperty .oSkuDropdownListItem { box-sizing: content-box; overflow: visible; min-width: auto; padding: 0px; float: none; } .item .oSkuDropdown { background-color: #ffffff; border: 1px solid #e7e8ea; position: relative; line-height: 13px; font-size: 13px; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; border-radius: 2px; width: 98%; margin-top: 4px; } .item .oSkuCheckedItem { background: url(/bitrix/templates/dresscode/images/selectArrow.png) 97% 50% no-repeat transparent; padding: 12px 30px 12px 8px !important; border-radius: 4px; cursor: pointer; display: block; color: #000000; } .item .oSkuCheckedItem:hover { opacity: 0.8; } .item .oSkuCheckedItem:active { position: relative; top: 1px; } .item .oSkuDropdown label:before, .item .oSkuCheckboxList label:before { display: none; } .item .oSkuDropdownList { background-color: #ffffff; border: 1px solid #e7e8ea; visibility: hidden; position: absolute; list-style: none; margin: 0 -1px; opacity: 0; padding: 0; z-index: 2; top: 42px; right: 0; left: 0; } .item .oSkuDropdownList.opened { visibility: visible; opacity: 1; } .item .pics .oSkuDropdownList { top: 52px; } .item .oSkuDropdownList .skuPropertyValue { border-top: 1px solid #e7e8ea; position: relative; display: block; } .item .oSkuDropdownList .skuPropertyValue:first-child { border-top: 0px; } .item .oSkuDropdownList .selected { box-shadow: 1px 1px 12px #f1f1f1 inset; font-weight: 500; background-color: #f9f9f9; cursor: pointer; color: #ffffff; opacity: 0.8; } .item .oSkuDropdownList .skuPropertyValue:hover { background-color: #f9f9f9; cursor: pointer; color: #ffffff; opacity: 0.8; } .item .oSkuDropdownList .oSkuPropertyItemLink { padding: 12px 8px !important; text-decoration: none; line-height: 18px; text-align: left; font-size: 13px; color: #000000; display: block; border: 0px; } .item .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink { border: 0px; } .item .oSkuDropdownList .oSkuDropdownListItem.disabled { display: none; } .item .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink, .item .oSkuDropdownList .oSkuPropertyItemLink:active { position: relative; top: 1px; } .item .oSkuDropdownList .skuPropertyValue.loading:after { left: 18px; } .sideBlock .heading { padding-left: 18px; } .heading.collapsed { text-decoration: none; overflow: hidden; margin-right: 24px; float: left; width: 355px; line-height: 50px; height: 50px; display: block; color: #ffffff; font-size: 16px; } .heading.collapsed ins { vertical-align: middle; display: inline-block; margin: 0 18px 0 0; line-height: 50px; padding: 0 12px; height: 50px; width: 24px; } .mfeedback .errortext, .mfeedback .mf-ok-text { font-weight: 400; font-size: 16px; } .mfeedback .mf-ok-text + form { display: none; } .mfeedback .mf-text { font-size: 14px; margin-top: 8px; } .mfeedback input, .mfeedback textarea { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 300; margin-top: 8px; padding: 0 12px; height: 48px; border: 0; } .mfeedback textarea { padding-top: 12px; height: 150px; outline: none; resize: none; } .mfeedback input[type="submit"] { cursor: pointer; padding: 0 48px; } #userPersonalInfoReg + label:before { margin-top: -2px; } #userPersonalInfoReg.error + label:before { border: 1px solid #ff0000 !important; } .bx-auth { overflow: hidden; } .bx-auth .alert { text-transform: uppercase; display: inline-block; margin-bottom: 24px; padding: 12px 48px; font-weight: 400; font-size: 12px; } .bx-auth .alert.small { font-weight: 300; line-height: 28px; max-width: 600px; font-size: 14px; } .bx-authform-label-container { margin-bottom: 8px; } .bx-auth .bx-authform-description-container { margin-bottom: 12px; } .bx-auth .bx-captcha { margin-top: 28px; } .bx-auth .bx-authform-formgroup-container { float: left; width: 450px; } .bx-auth .bx-authform-formgroup-container-line { overflow: hidden; } .bx-auth .registerText { padding-bottom: 24px; max-width: 800px; margin-top: 0px; display: block; } .bx-auth input { font-weight: 300; font-size: 14px; } .bx-auth .leftContainer { margin-right: 48px; float: left; } .bx-auth .rightContainer { float: left; } .bx-auth .rightContainer p { max-width: 450px; display: block; } .bx-auth input[type="checkbox"] + label, .bx-auth input[type="radio"] + label { cursor: pointer; } .bx-auth input[type="checkbox"]:not(checked), .bx-auth input[type="radio"]:not(checked) { position: absolute; opacity: 0; } .bx-auth input[type="checkbox"]:not(checked) + label, .bx-auth input[type="radio"]:not(checked) + label { position: relative; padding-left: 24px; } .bx-auth input[type="checkbox"] + label:before { background: url(/bitrix/templates/dresscode/images/checkBox.png) 0 0 no-repeat transparent; } .bx-auth input[type="radio"] + label:before { background: url(/bitrix/templates/dresscode/images/radio.png) 0 0 no-repeat transparent; } .bx-auth input[type="checkbox"]:not(checked) + label:before, .bx-auth input[type="radio"]:not(checked) + label:before { position: absolute; content: " "; height: 17px; width: 17px; left: 0; top: 0px; } .bx-auth input[type="checkbox"]:not(checked) + label:hover:before, .bx-auth input[type="radio"]:not(checked) + label:hover:before { background-position: 0 -17px; } .bx-auth input[type="checkbox"]:checked + label:before, .bx-auth input[type="radio"]:checked + label:before { background-position: 0 -34px; } .bx-auth input[type="checkbox"]:checked + label:hover:before, .bx-auth input[type="radio"]:checked + label:hover:before { background-position: 0 -51px; } .bx-auth input[type="checkbox"]:disabled + label, .bx-auth input[type="radio"]:disabled + label { cursor: default; } .bx-auth input[type="checkbox"]:disabled + label:before, .bx-auth input[type="radio"]:disabled + label:before { background-position: 0 -68px !important; } .bx-auth input[type="text"], .bx-auth input[type="password"] { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 12px; margin-top: 12 xp; padding: 0 12px; width: 420px; height: 48px; border: 0; } .bx-auth .submit, .popup-window .btn { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; text-decoration: none; text-align: center; line-height: 48px; margin-top: 24px; cursor: pointer; font-size: 14px; height: 48px; width: 224px; border: 0; } .bx-auth .send .submit { margin-top: 12px; } .popup-window .btn { margin-left: 12px; line-height: 30px; margin-top: 0px; height: 30px; } .bx-auth .submit:active, .popup-window .btn:active { position: relative; top: 1px; } .bx-auth .clear { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: transparent; display: inline-block; text-decoration: none; text-align: center; margin-left: 12px; line-height: 48px; margin-top: 24px; font-size: 14px; cursor: pointer; height: 48px; width: 160px; } .bx-auth .submit:active { position: relative; top: 1px; } .bx-auth .forgot, .bx-auth .registerLink { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; margin-left: 12px; } .bx-auth .registerLink { margin-left: 0; } .blackLink, .backToIndexPage { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .catalog-item-links { margin-bottom: 12px; } .catalog-detail { margin-bottom: 12px; } .contactList { margin-bottom: 24px; margin-top: 24px; overflow: hidden; list-style: none; padding: 0; } .contactList li { float: left; width: 25%; } .contactList li table { table-layout: fixed; width: 100%; } .contactList li table td { vertical-align: middle; text-align: left; } .contactList li table td:first-child { padding-right: 12px; text-align: center; width: 42px; } .contactList li table td img { vertical-align: middle; } .contactList a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; } .contactLabel { font-size: 16px; margin-top: 0; } .blurred { -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); -o-filter: blur(2px); filter: blur(2px); background: #ffffff; } /*.product .pic:hover img{}*/ .copyright img { vertical-align: middle; } .sn { overflow: hidden; float: right; } .sn li { line-height: 60px; float: left; } .sn a { display: block; height: 60px; width: 60px; } .sn .vk { background: url(/bitrix/templates/dresscode/images/sn.png) 0 0 no-repeat transparent; } .sn .fb { background: url(/bitrix/templates/dresscode/images/sn.png) -60px 0 no-repeat transparent; } .sn .od { background: url(/bitrix/templates/dresscode/images/sn.png) -120px 0 no-repeat transparent; } .sn .tw { background: url(/bitrix/templates/dresscode/images/sn.png) -180px 0 no-repeat transparent; } .sn .go { background: url(/bitrix/templates/dresscode/images/sn.png) -240px 0 no-repeat transparent; } .sn .yo { background: url(/bitrix/templates/dresscode/images/sn.png) -300px 0 no-repeat transparent; } .sn .vk:hover { background-position: 0 -60px; } .sn .fb:hover { background-position: -60px -60px; } .sn .od:hover { background-position: -120px -60px; } .sn .tw:hover { background-position: -180px -60px; } .sn .go:hover { background-position: -240px -60px; } .sn .yo:hover { background-position: -300px -60px; } #upButton { background: url(/bitrix/templates/dresscode/images/up.png) 0 0 no-repeat transparent; position: fixed; cursor: pointer; display: none; bottom: 132px; height: 73px; width: 73px; right: 24px; z-index: 99; } #upButton:hover { background-position: -73px 0; } #upButton:active { background-position: -146px 0; } #upButton.enb { display: block; } #upButton a { display: block; } #requestPrice { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; display: none; z-index: 1001; height: 100%; width: 100%; left: 0px; top: 0px; } #requestPrice #requestPriceResult { transform: translateY(50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; } #requestPrice #requestPriceResultTitle { text-align: center; margin-top: 24px; font-size: 16px; } #requestPrice #requestPriceResultMessage { text-align: center; margin-top: 24px; } #requestPrice #requestPriceResultClose { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; margin: 24px auto; font-size: 14px; color: #ffffff; display: block; height: 50px; width: 254px; } #requestPrice #requestPriceResultClose:active { position: relative; top: 1px; } #requestPrice #requestPriceContainer { box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #ffffff; margin-left: -350px; margin-top: -215px; position: absolute; overflow: hidden; height: 430px; width: 700px; left: 50%; top: 50%; } #requestPrice .requestPriceHeading { background-color: #424242; position: relative; text-align: center; line-height: 60px; font-size: 18px; color: #ffffff; height: 60px; } #requestPrice .requestPriceHeading .close { background: url(/bitrix/templates/dresscode/images/exit.png) 0 0 no-repeat transparent; position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } #requestPrice .requestPriceHeading .close:hover { background-position: 0 -21px; } #requestPrice .requestPriceHeading .close:active { background-position: 0 -42px; } #requestPrice .requstProductContainer { border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } #requestPrice .productColumn { vertical-align: middle; display: table-cell; text-align: center; width: 320px; } #requestPrice .productNameBlock { padding: 0 24px; } #requestPrice .productNameBlock .productUrl { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; text-decoration: none; margin-bottom: 12px; line-height: 44px; overflow: hidden; font-size: 14px; display: block; color: #000000; height: 44px; } #requestPrice .productNameBlock .productUrl:active { position: relative; top: 1px; } #requestPrice .productImageBlock { text-align: center; line-height: 270px; display: block; height: 270px } #requestPrice .productImageBlock a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 270px; display: block; height: 270px; } #requestPrice .productImageBlock a:hover { opacity: 0.8; } #requestPrice .productImageBlock a:active { position: relative; top: 1px; } #requestPrice .productImageBlock img { vertical-align: middle; max-height: 100%; max-width: 100%; } #requestPrice .productNameBlock .middle { line-height: 21px; vertical-align: middle; display: inline-block; } #requestPrice .formColumn { vertical-align: middle; display: table-cell; width: 380px; } #requestPrice .requestPriceFormHeading { margin-bottom: 12px; text-align: center; margin-right: 24px; margin-top: 24px; font-size: 16px; display: block; } #requestPrice input { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 300; margin-bottom: 12px; padding-left: 12px; width: 354px; height: 50px; border: 0; } #requestPrice input { background-color: #f3f3f3; color: #000000; } #requestPrice .personalInfoRequest { margin-bottom: 12px; } #requestPrice input[type="checkbox"] { vertical-align: middle; display: inline-block; margin-bottom: 0px; margin-right: 6px; margin-top: -2px; height: 14px; width: 14px; } #requestPrice input[type="checkbox"].error + label { border-bottom: 1px solid #ff0000 !important; } #requestPrice textarea { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 300; margin-bottom: 12px; padding-left: 12px; padding-top: 12px; resize: none; width: 354px; height: 60px; border: 0; } #requestPrice textarea { background-color: #f3f3f3; } #requestPrice input:focus, #requestPrice textarea:focus { background-color: #e9e9e9; outline: none; } #requestPrice #requestPriceSubmit { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; font-size: 14px; cursor: pointer; display: block; color: #ffffff; height: 50px; width: 354px; } #requestPrice #requestPriceSubmit:active { position: relative; top: 1px; } #requestPrice #requestPriceSubmit.loading { -webkit-transition: background 0s !important; -o-transition: background 0s !important; transition: background 0s !important; text-indent: 12px; opacity: 0.9; } #requestPrice #requestPriceSubmit.loading img { display: none; } #requestPrice #requestPriceSubmit img { vertical-align: middle; padding-right: 4px; margin-top: -2px; } #requestPrice .markerContainer { position: absolute; top: 0px; left: 12px; } #requestPrice .error { border: 1px solid #ff0000; } #searchSection a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #000000; } #searchSection a:hover { opacity: 0.7; } #stores { margin-top: 24px; font-size: 13px; } #stores .wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; overflow: auto; } #stores .heading { border-top: 1px solid #efefef; text-transform: uppercase; letter-spacing: 1px; padding: 36px 24px; font-weight: 800; font-size: 20px; display: block; } #stores .storeTable { width: 100%; table-layout: fixed; border-collapse: collapse; } #stores .storeTable tr:nth-child(odd) td { background-color: #f9f9f9; } #stores .storeTable th { background-color: #f3f3f3; padding: 12px 24px; font-weight: 400; text-align: center; } #stores .storeTable td { /*border-top: 1px solid #e7e8ea;*/ text-align: center; padding: 12px 24px; } #stores .storeTable .name { text-align: left; width: 35%; } #stores .storeTable td.name { text-align: left; } #stores .storeTable .lb { display: inline-block; text-align: left; } #stores .storeTable .icon { vertical-align: middle; padding-right: 6px; margin-top: -4px; } #stores .storeTable .green { /*font-weight: 800;*/ color: #73b24e; } #stores .storeTable .red { color: #ff0000; } #stores .storeTable .picture { vertical-align: middle; padding-right: 12px; } #stores .storeTable a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: underline; color: #000000; } #stores .storeTable a:hover { color: #888888; } #stores #storeMap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 24px; padding: 0 24px; } #error404 { margin-bottom: 24px; text-align: center; } #error404 h1 { font-weight: 300; margin-bottom: 24px; text-align: center; line-height: 48px; font-size: 48px; } #error404 .errorPic { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom: 48px; text-align: center; margin-top: 48px; display: block; } #error404 .errorPic img { max-height: 90%; max-width: 90%; } #error404 .errorPic:hover { opacity: 0.8; } #error404 .errorText { font-weight: 700; text-transform: uppercase; line-height: 28px; } #error404 .errorText a { color: #ff9601; } #error404 #empty { margin-top: 30px; } #error404 #empty .emptyTitle { text-align: center; margin-top: 48px; } #error404 #empty .emptyMenu a { display: inline-block; width: 250px; text-align: left; } #middleSlider img { width: 100%; } #modef { left: 371px; } /* panels colors */ body.panels_white #homeCatalog .captionList { border-right: 1px solid #e7e8ea; border-left: 1px solid #e7e8ea; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; } body.panels_white #homeCatalog .caption { border-left: 1px solid #e7e8ea; } body.panels_white #homeCatalog .caption:not(.selected):hover { background-color: #fbfbfb; } body.panels_white #homeCatalog .caption.selected a { color: #ffffff; } body.panels_white #homeCatalog .caption a { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; color: #000000; } body.panels_white #homeCatalog .captionList .cItem:first-child { margin-left: -1px; } body.panels_white #homeCatalog #captionCarousel { margin-left: -1px; } body.panels_white #left .sideBlock .heading { border: 1px solid #e7e8ea; background-color: #ffffff; color: #000000; } body.panels_white #serviceBlock .sideBlockContent, body.panels_white #collectionBlock .sideBlockContent, body.panels_white #left #subscribe .sideBlockContent { border-top: 0px; } body.panels_white #left #subscribe .heading { border-left: 0px; border-right: 0px; } body.panels_white #right #popSection .heading, body.panels_white #right #brandList .heading { border: 1px solid #e7e8ea; background-color: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000000; } body.panels_white #brandList .item:nth-child(5n+1) { /*border-left: 1px solid #e7e8ea;*/ } body.panels_white #left #specialProduct .specialProductHeading { border-bottom: 1px solid #e7e8ea; background-color: #ffffff; color: #000000; } body.panels_white #homeCatalog #captionCarousel:before { background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); } #catalogLine .oFilter { display: none; margin-right: 48px; } #catalogLine .oSmartFilter .ico { background: url(/bitrix/templates/dresscodeV2/images/filterIco.png) 0 0 no-repeat transparent; vertical-align: middle; display: inline-block; padding-right: 12px; margin-top: -2px; height: 11px; width: 15px; } @media all and (max-width: 1800px) { body.panels_white #right .heading { border-bottom: 0px; } } /* end new panels colors */ @media all and (max-width: 1000px) { #error404 .errorText { display: none; } } /*#error404 .wrapper{ width: 1000px; margin: auto; }*/ .clean { position: relative; overflow: hidden; padding: 0 2px; } .limiter { padding: 0px 24px; max-width: 1920px; min-width: 320px; margin: auto; clear: both; } .limiter .compliter > div[id*="bx_"] { width: 355px; /*padding-right: 24px;*/ display: table-cell; vertical-align: top; } .limiter .compliter > div[id*="bx_"] #left { padding-right: 0 } /* page styles */ .priceTableContainer { max-width: 1000px; overflow-x: auto; min-width: 320px; } .priceTableStyle80 { border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .priceTableStyle80 th { background-color: #f7f7f7; border: 1px solid #e4e4e4; font-weight: normal; padding: 12px 24px; } .priceTableStyle80 td { border: 1px solid #e4e4e4; vertical-align: middle; padding: 12px 24px; text-align: left; color: #333333; } .mediumText { font-weight: 500; } .pagePicture { max-width: 100%; height: auto; } .skuPropertyValue.loading { position: relative; } .skuPropertyValue.loading img { opacity: 0; } .skuPropertyValue.loading:after { content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; margin-left: -10px; left: 50%; background: url(/bitrix/templates/dresscode/images/loaderMin.gif) 50% 50% no-repeat #fff; } .addCart:active { position: relative; top: 1px; } .clear { clear: both; } .hidden { display: none; } .hiddenZone { display: none; } @media all and (max-width: 1800px) and (min-width: 1300px) { .product:nth-child(4n+1).last { line-height: 70px; height: 70px; width: 100%; } .product:nth-child(4n+1).last .icon { display: none; } .product:nth-child(4n+1).last .small { display: none; } } @media all and (max-width: 1800px) { .product { height: 341px; width: 25%; } .product.last { line-height: 340px; } .product .tabloid { height: 340px; } .product .picture { height: 230px; line-height: 230px; } .product .name { margin-bottom: 2px; } .product .price .discount { padding: 0; display: block; font-size: 13px; line-height: 16px; height: 16px; } #catalogLineList .prop { width: 80%; } #catalogTableList .column:nth-child(3) { display: none; } #bigDataCarousel .product:nth-child(4n+1), #viewedProduct .product:nth-child(4n+1), #topProduct .product:nth-child(4n+1) { border-left: none !important; } #popSection .item { height: 150px; } #popSection .tabloid { padding: 6px; } #popSection .picture { height: 90px; line-height: 90px; } #popSection .nameWrap { height: 32px; line-height: 32px; } #popSection .name { line-height: 16px; } #popSection .last { line-height: 150px; } #brandList .item { height: 96px; line-height: 96px; } #brandList .picture { height: 72px; line-height: 72px; opacity: 1 !important; } .addCart.requestPrice { margin-top: 30px; } } @media all and (max-width: 1650px) { #bannersBlock { display: none; } #sliderBlock { width: 100%; } } @media all and (max-width: 1550px) { .language-logo { width: 30%; line-height: 0; } #catalogLineList .description { display: none; } #catalogLineList .prop { width: 100%; } #catalogTableList .column:nth-child(4) { display: none; } #left { width: 320px; } #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 505px; } #modef { left: 335px; } } @media all and (max-width: 1500px) { #footer .information .label { display: block; } #topHeading { display: none; } #catalogLineList .column:first-child { width: 340px; } #middleSlider { display: none; } #middleSlider img { max-width: 100%; } #newsContainer .column { width: 100%; } #newsContainer .column .item { overflow: hidden; } #newsContainer .column .item .bigPicture { margin-right: 48px; float: left; width: 30%; } .global-information-block, .global-information-block.fixed .global-information-block-hide-scroll-cn { width: 250px !important; } } @media all and (max-width: 1366px) { #catalogLineList .column:first-child { width: 300px; } .contactList li { margin-bottom: 24px; width: 50%; } .mfeedback input, .mfeedback textarea, div.mf-name input, div.mf-email input, div.mf-message textarea { width: 100%; } .mfeedback input[type="submit"] { width: 200px; } .disabled1366 { display: none; } #modef { left: 295px; } } @media (max-width: 3500px) { #searchOverlap { /*height: calc(100vh - 241px);*/ height: 100vh; width: 100vw; } } @media (max-width: 3000px) { #searchOverlap { /*height: calc(100vh - 226px);*/ height: 100vh; width: 100vw; } } @media (max-width: 2500px) { #searchOverlap { /*height: calc(100vh - 214px);*/ position: fixed; left: 0; top: 0; height: 100vh; width: 100vw; } } @media (max-width: 2000px) { #searchOverlap { /*height: calc(100vh - 200px);*/ height: 100vh; width: 100vw; } } @media (max-width: 1690px) { #searchOverlap { /*height: calc(100vh - 146px);*/ height: 100vh; width: 100vw; } } @media (max-width: 1340px) { #searchOverlap { /*height: calc(100vh - 182px);*/ height: 100vh; width: 100vw; } } @media (max-width: 1340px) { #searchOverlap { } } @media all and (max-width: 1300px) { #logo { width: 196px; } #topService .city { display: none; } #headerTools .wishlist .nf { display: none; } #headerTools .compare .nf { display: none; } #footer .nav > li { width: 33.313131%; } #footer .nav > li:last-child { display: none; } #middleSlider { display: none; } #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 384px; } #footer .rightTable .leftColumn { display: none; } #rightFooter { width: 23%; } #empty .emptyMenu li { width: 50%; } .product { width: 33.33333%; } #brandList .item, #popSection .item { width: 25%; } .disabled1366 { display: block; } } @media all and (max-width: 1300px) and (min-width: 1150px) { #popSection .item:nth-child(4n+1).last, #brandList .item:nth-child(4n+1).last { line-height: 70px; height: 70px; width: 100%; } #popSection .item:nth-child(4n+1).last .icon, #brandList .item:nth-child(4n+1).last .icon { display: none; } #popSection .item:nth-child(4n+1).last .small, #brandList .item:nth-child(4n+1).last .small { display: none; } .product:nth-child(3n+1).last { line-height: 70px; height: 70px; width: 100%; } .product:nth-child(3n+1).last .icon { display: none; } .product:nth-child(3n+1).last .small { display: none; } } @media all and (min-width: 1281px) { .global-content-block + div[id*="bx_"] { display: table-cell; width: 290px; } } @media all and (max-width: 1280px) { .global-block-container { min-height: auto !important; } .global-block-container .global-information-block { display: none; } #left { width: 320px; } #homeCatalog .captionList { line-height: 55px; height: 55px; } #homeCatalog .captionBtnRight, #homeCatalog .captionBtnLeft { top: -2.5px; } #left #specialProduct .specialProductHeading, #left .sideBlock .heading, #right .heading { line-height: 55px; height: 55px; } #modef { left: 345px; } } @media all and (max-width: 1200px) { #catalog-section-banners { display: none; } #footerLine .col:first-child { width: 30%; } #footerLine .col:last-child { width: 70%; float: right; } #footerLine .col:first-child .item:nth-child(1n+2) { display: none; } #catalogLineList .column:last-child, #catalogLineList .itemRow { /*overflow: hidden;*/ display: block; } #catalogLineList .column:first-child { width: 40%; } #catalogLineList .column:nth-child(2) { width: 60%; } #catalogLineList .column:first-child, #catalogLineList .column:nth-child(2) { float: left; } #catalogLineList .column:last-child { line-height: 60px; padding: 0 0; height: 60px; border: 0px; width: 100%; clear: both; } #catalogLineList .resizeColumn { text-align: center; width: 30%; float: left; } #catalogLineList .column .resizeColumn.last { text-align: right; width: 40%; } #catalogLineList .column:last-child .priceLabel { display: inline-block; padding-left: 24px; float: none; } #catalogLineList .column:last-child .price { display: inline-block; margin: 0px; } #catalogLineList .column:last-child .addCart { display: inline-block; margin: 9px auto; line-height: 40px; padding: 0 24px; font-size: 14px; height: 40px; width: auto; } #catalogLineList .column:last-child .optional { margin: 9px 0 0 0px; font-size: 14px; } #catalogLineList .column:last-child .optional .row { margin-bottom: 4px; padding: 0px; } #catalogLineList .column:last-child .optional .label { text-align: left; font-size: 14px; width: 50%; } #catalogLineList .column:last-child .article { display: none; } #catalogTableList .column:nth-child(7) { display: none; } #catalogLineList .column:last-child { background-color: #f9f9f9; } #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight { line-height: 36px; margin-top: 12px; font-size: 30px; } #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight { line-height: 24px; margin-top: 12px; font-size: 16px; } #slider .sliderContent .cButton, #slider .sliderContent .cButtonLight { margin-top: 12px; } #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight { margin-top: 12px; } #slider .sliderBtnLeft, #slider .sliderBtnRight { display: none; } #slider .sliderContent { left: 24px; } #slider .leftContainer { left: 24px; } #slider .rightContainer { right: 24px; } #left { width: 260px; } #modef { left: 275px; } } @media all and (max-width: 1150px) and (min-width: 1024px) { .product:nth-child(2n+1).last { line-height: 70px; height: 70px; width: 100%; } .product:nth-child(2n+1).last .icon { display: none; } .product:nth-child(2n+1).last .small { display: none; } } @media all and (max-width: 1150px) { .product { width: 50%; } #brandList .item, #popSection .item { width: 33.333%; } } @media all and (max-width: 1100px) { #headerTools .nf { display: none; } #catalogLine .column:last-child .label { display: none; } #popSection .picture img { max-width: 75%; max-height: 75%; } #brandList .picture img { max-height: 70%; max-width: 70%; } } @media all and (max-width: 1024px) and (min-width: 790px) { #brandList .item:nth-child(4n+1).last { line-height: 70px; height: 70px; width: 100%; } #brandList .item:nth-child(4n+1).last .icon { display: none; } #brandList .item:nth-child(4n+1).last .small { display: none; } } @media all and (max-width: 1024px) and (min-width: 790px) { #popSection .item:nth-child(4n+1).last { line-height: 70px; height: 70px; width: 100%; } #popSection .item:nth-child(4n+1).last .icon { display: none; } #popSection .item:nth-child(4n+1).last .small { display: none; } } @media all and (max-width: 1024px) { /*#main:has(#breadcrumbs) {*/ /* margin-top: 36px;*/ /*}*/ body #main:has(.product-nav) { margin-top: 84px !important; } #colorSwitcher { display: none !important; } #left .collapsed { display: none; } #bestsellers { margin-top: 0; } #left { margin-bottom: 24px; } #left, #right { display: block; width: 100%; } #smartFilter .heading { line-height: 20px; height: 46px; } #left #promoBlock, #left #serviceBlock, #left #collectionBlock, #left #newsBlock, #left #popCats, #left #subscribe, #left .banner, #footer .top .left, #headerTools .nf, .product:hover .fastShow { display: none; } #right { padding-left: 0px; } .drop { display: none !important; } #rightFooter { display: none; } #smartFilter .heading { cursor: pointer; } #catalogLine .oFilter { display: inline-block; margin-right: 12px; } #main #smartFilter { box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); pointer-events: none; background: #ffffff; visibility: hidden; position: absolute; margin-top: 162px; width: 300px; z-index: 99; opacity: 0; border: 0; } #main #smartFilter.opened { /*-webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;*/ pointer-events: auto; visibility: visible; opacity: 1; margin-top: 0 !important; top: 0; left: 0; border-radius: 0 !important; bottom: 0; z-index: 1111111 !important; } #nextSection { border: none; } #nextSection ul { display: none; } #nextSection .title { position: relative; padding-left: 12px; font-weight: 300; text-transform: none; cursor: pointer; text-align: left; border: none; background-color: #f8f8f8; } #nextSection .title:before { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 42px; background: #efefef url('/bitrix/templates/dresscode/images/catalogIco2.png') center center no-repeat; } #smartFilterForm { /*display: none;*/ box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); background-color: #fff; } #smartFilterForm .slider { display: none !important; } .appZoomContainerImage { max-width: 60vh !important; max-height: 60vh !important; } #reformal_tab { display: none !important; } .product .getFastView, #specialProduct .productItem .getFastView, #catalogLineList .picture .getFastView { display: none !important; } #appFastView { display: none !important; } #fastViewStores { display: none !important; } #slider ol { display: none; } #specialBlock { display: none !important; } .product { width: 25%; height: 301px } .product.last { line-height: 300px; } .product .tabloid { height: 300px; } .product .picture { height: 195px; line-height: 195px; } .productSpecialTime { top: 30px; } #leftMenu li .pc { display: table-cell; } #slider .videoPoster { display: block; } #slider .slideVideo { display: none; } .templateSwitcherSettings, .templateSwitcher { display: none !important; } #brandList .item, #popSection .item { width: 25%; } #homeCatalog .captionList { height: 50px; line-height: 50px; } #homeCatalog .captionBtnRight, #homeCatalog .captionBtnLeft { display: none !important; } #homeCatalog .caption a { font-size: 14px; } #homeCatalog #captionCarousel { position: relative; } #nextSection li { border-left: 1px solid #e7e8ea; border-right: 1px solid #e7e8ea; } } @media all and (max-width: 1150px) and (min-width: 1024px) { #popSection .item:nth-child(3n+1).last, #brandList .item:nth-child(3n+1).last { line-height: 70px; height: 70px; width: 100%; } #popSection .item:nth-child(3n+1).last .icon, #brandList .item:nth-child(3n+1).last .icon { display: none; } #popSection .item:nth-child(3n+1).last .small, #brandList .item:nth-child(3n+1).last .small { display: none; } } @media all and (max-width: 1024px) and (min-width: 1000px) { .product:nth-child(4n+1).last { line-height: 70px; height: 70px; width: 100%; } .product:nth-child(4n+1).last .icon { display: none; } .product:nth-child(4n+1).last .small { display: none; } } @media all and (max-width: 1000px) and (min-width: 790px) { .product:nth-child(3n+1).last { line-height: 70px; height: 70px; width: 100%; } .product:nth-child(3n+1).last .icon { display: none; } .product:nth-child(3n+1).last .small { display: none; } } @media all and (max-width: 1000px) { .product { width: 33.33333%; } } @media all and (max-width: 870px) { #headerTools .nf { display: none; } #catalogLine .column:last-child .label { display: none; } } @media all and (max-width: 850px) { #topHeading { display: none; } #leftFooter .column { padding-right: 24px; width: 50%; } #leftFooter .column:last-child { display: none; } #footerLine .col:first-child { display: none; } #footerLine .col:last-child { text-align: center; width: 100%; float: left; } #catalogLineList .column:last-child .priceLabel, #catalogLineList .column:last-child .price { font-size: 18px; } #modef { display: none !important; } #catalogLine .column:nth-child(3) { display: none; } } @media all and (max-width: 790px) and (min-width: 600px) { .product:nth-child(2n+1).last { line-height: 70px; height: 70px; width: 100%; } .product:nth-child(2n+1).last .icon { display: none; } .product:nth-child(2n+1).last .small { display: none; } } @media all and (max-width: 790px) and (min-width: 500px) { #popSection .item:nth-child(3n+1).last { line-height: 70px; height: 70px; width: 100%; } #popSection .item:nth-child(3n+1).last .icon { display: none; } #popSection .item:nth-child(3n+1).last .small { display: none; } } @media all and (max-width: 790px) and (min-width: 360px) { #brandList .item:nth-child(3n+1).last { line-height: 70px; height: 70px; width: 100%; } #brandList .item:nth-child(3n+1).last .icon { display: none; } #brandList .item:nth-child(3n+1).last .small { display: none; } } @media all and (max-width: 790px) { .product { width: 50%; } #popSection .item { width: 33.33333%; } #brandList .item { width: 33.33333%; } #homeCatalog .caption { border: none; } } @media all and (max-width: 750px) { #requestPrice .productColumn { display: none; } #requestPrice .formColumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; width: 100%; } #requestPrice input, #requestPrice textarea, #requestPrice #requestPriceSubmit { width: 100%; } #requestPrice input { height: 45px; } #requestPrice textarea { height: 50px; } #requestPrice #requestPriceContainer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; transform: translateX(-50%); padding-right: 0px; padding-left: 0px; margin-left: 0px; width: 90%; left: 50%; } #requestPriceForm { margin-bottom: 24px; } #requestPrice .requestPriceFormHeading { margin-right: 0px; } } @media all and (max-width: 700px) { #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 300px; } .limiter { padding: 0; } #topMenu { margin-left: 12px; } #subHeader #logo, #subHeader.color_theme #logo, #subHeader.color_black #logo { border: 0; } #topSearch form { box-sizing: border-box; } #left { width: 100%; padding: 0 12px; box-sizing: border-box; display: block; } #right { display: block; margin-top: 24px; padding: 0 12px; box-sizing: border-box; } #leftMenu li a { font-size: 16px; } #footer .top { box-sizing: border-box; padding: 0 12px; } #footer .bottom { box-sizing: border-box; padding: 0 12px; } #footer .bottom .left { width: 60px; } #flushFooterCart .item:nth-child(1) { display: none; } .copyright img { display: none; } .copyright { display: block; width: 60px; height: 60px; background: url(/bitrix/templates/dresscode/images/sn.png) -360px -0px no-repeat transparent; } .copyright:hover { background-position: -360px -60px; } #catalogLineList .resizeColumn { width: 40%; } #catalogLineList .column .resizeColumn.last { width: 20%; } #catalogLineList .column:last-child .optional .label { width: 100% } #catalogLineList .column:last-child .optional .label:first-child { display: none; } #catalogLineList .column:last-child .priceLabel { display: none; } #catalogTableList .column:nth-child(8) { display: none; } #appBasket { display: none !important; } #overlap { display: none !important; } .blurred { -webkit-filter: blur(0px) !important; -moz-filter: blur(0px) !important; -ms-filter: blur(0px) !important; -o-filter: blur(0px) !important; filter: blur(0px) !important; } #newsContainer .column .item .bigPicture { width: 100%; float: none; } #catalogSection .sectionItems .item .itemContainer .description { display: none; } div.mf-name, div.mf-email, div.mf-captcha, div.mf-message { width: 100%; } .product { height: 140px; width: 50%; } body .product:hover .tabloid { box-shadow: none; border-color: transparent; } .product .btn-simple.add-cart:hover { border-color: #e7e8ea; } .product.last { line-height: 110px; } .product .btn-simple { display: inline-block; font-size: 13px; width: 100%; } .product .tabloid { height: 100%; } .product:hover .tabloid { height: 100%; } .product .picture { height: 120px; line-height: 120px; } .product .optional { margin-top: 12px; } .product .optional .label { width: 100%; } .product .optional .label:not(:last-child) { margin-bottom: 12px; } .product .optional .label:last-child { width: 100%; } .product .skuProperty { display: none; } .product .addCart { line-height: 30px; height: 30px; margin-top: 20px; } .product .price .discount { height: auto; } .product .name { height: 36px; line-height: 36px; } .product .middle { line-height: 18px; } .product .price { margin-bottom: 6px; font-size: 14px; } .product .price .measure { font-size: 14px; } .product .markerContainer { left: 6px; top: 6px; } .product .marker { margin-bottom: 2px; } .product .getPricesWindow .priceIcon { display: none; } .product .rating { display: none; } .productSpecialTime { display: none; } .productTable { display: table; table-layout: fixed; width: 100%; } .productColImage { width: 110px; padding-right: 12px; display: table-cell; vertical-align: middle; } .productColText { /*display: table-cell;*/ vertical-align: middle; } .product.last .icon { height: 33px; margin-bottom: 6px; } .product.last .icon .iconBig { display: none; } .product.last .icon .iconSmall { display: inline-block; } } @media all and (max-width: 634px) { #footerTabsCaption, #footerTabs { display: none; } #headerTools .tools .compare, #headerTools .tools .wishlist { display: none; } #catalogLineList .column { width: 50%; } #catalogLineList .prop { display: none; } #catalogLineList .column .resizeColumn { width: 50%; } #catalogLineList .column .resizeColumn.last { display: none; } #catalogTableList .column:nth-child(1) { display: none; } #catalogTableList .column:nth-child(2) { padding-left: 24px; width: auto; } .contactList li { margin-bottom: 24px; width: 100%; } #empty .emptyMenu li { width: 100%; } } @media all and (max-width: 660px) { #catalogLine .label { display: none; } } @media all and (max-width: 600px) { .product { width: 100%; } .productColImage { width: 40%; min-width: 110px; max-width: 160px; } #popSection .item { height: 170px; } #popSection .nameWrap { height: 48px; line-height: 48px; } #popSection .last .value, #popSection .last .ps { font-size: 16px; } #brandList .last .ps, #brandList .last .value, #popSection .last .small { font-size: 14px; } #homeCatalog #captionCarousel:before { content: ""; position: absolute; z-index: 2; right: 0; top: 0; width: 80px; height: 100%; background: -moz-linear-gradient(left, rgba(43, 43, 43, 0) 0%, rgba(43, 43, 43, 1) 100%); background: -webkit-linear-gradient(left, rgba(43, 43, 43, 0) 0%, rgba(43, 43, 43, 1) 100%); background: linear-gradient(to right, rgba(43, 43, 43, 0) 0%, rgba(43, 43, 43, 1) 100%); pointer-events: none; } } @media all and (max-width: 525px) { #catalogLine .column:last-child { display: none; } #catalogLine .column:nth-child(2) { float: right; } } @media all and (max-width: 500px) { .top-auth-personal, .top-auth-exit, .top-auth-login, .top-auth-register { border: none !important; position: absolute; top: 103px; } .top-auth-personal, .top-auth-login { left: 12px; } .top-auth-exit { left: 120px; } .top-auth-register { left: 52px; } #subHeader #headerTools, #subHeader.color_theme #headerTools, #subHeader.color_black #headerTools { border: 0; } #headerTools .telephone { line-height: 21px !important; border: none !important; position: absolute; padding: 0px; right: 0px; top: 107px; } #headerTools .telephone .callBack { display: none; } #headerTools .telephone .nf { margin: 0; float: none; display: block; } #headerTools .telephone .nf .heading { display: none; } #headerTools .telephone .nf .heading:first-child { font-weight: 500; font-size: 14px; display: block; color: #888888; } #subHeader #headerTools .tools li, #subHeader.color_theme #headerTools .tools li, #subHeader.color_black #headerTools .tools li { border: none !important; } #subHeader #topService, #subHeader.color_theme #topService, #subHeader.color_black #topService { border: none; } #topHeader #topService li, #topHeader.color_theme #topService li, #topHeader.color_black #topService li { padding: 0px; border: none; } #topService.color_theme > li > a { color: #ffffff !important; } #topService.color_theme > li > a:hover { opacity: 0.8; } #topHeader.color_theme #topService, #topHeader.color_black #topService { border: 0; } #logo { padding-left: 12px; line-height: 80px; height: 80px; } #headerTools .tools li { line-height: 80px; } #topMenu { margin-left: 0px; } .user-geo-position { padding-right: 12px; text-align: right; } #topSearch input[type="text"] { padding-left: 6px; } #topService li a { color: #888888; } #panel { position: fixed; z-index: 9999; } #logo { text-align: left; } #topSearch input[type="text"] { font-size: 14px; } #topSeachCloseForm { font-size: 13px; } #popSection .item { width: 50%; height: 150px; } #popSection .nameWrap { height: 32px; line-height: 32px; } #popSection .item:nth-child(2n+1).last { line-height: 95px; height: 95px; width: 100%; } } @media all and (max-width: 486px) { #catalogLine .column:last-child { display: none; } } @media all and (max-width: 480px) { #homeCatalog { margin-top: 0px; } #leftFooter .column { width: 100%; } #leftFooter .column:nth-child(2n) { display: none; } #flushFooterCart .item:nth-child(2) { display: none; } .sn { display: none; } #catalogTableList .column:nth-child(2) { padding-left: 0px; margin-top: 0px; } #catalogTableList .column { text-align: center; display: block; } #catalogTableList .column:first-child { width: auto; } #catalogTableList .column:nth-child(1) { margin-top: 24px; display: block; } #catalogTableList .name { text-align: center; } #catalogTableList .price .discount { right: 48px; } #catalogTableList .addCart, #catalogTableList .more { margin: 0; } #leftFooter .heading { text-align: center; } #leftFooter ul { text-align: center; } #footerBottom .creator { text-align: center; padding: 0px; float: none; } #slider { margin-bottom: 24px; } #slider .sliderBtnLeft, #slider .sliderBtnRight { display: none !important; } #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 178px; } #slider .sliderContent { /*text-align: center;*/ transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-shadow: 1px 1px 10px #ffffff; padding: 0 12px; right: unset; left: unset; width: 100%; } #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight { line-height: 24px; font-size: 18px; } #slider ul li span { -webkit-transition: 1s -webkit-filter linear; transition: 1s filter linear; opacity: 1; } #slider ul li span:hover { transform: scale(1); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); -webkit-filter: blur(0px); filter: blur(0px); } #slider .sliderContent .cButtonLight, #slider .sliderContent .cButton { line-height: 40px; margin-top: 12px; padding: 0 12px; height: 40px; } #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight { margin-top: 6px; } #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight { line-height: 21px; margin-top: 6px; } #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight { line-height: 18px; font-size: 13px; margin-top: 6px; } } @media all and (max-width: 450px) { .user-geo-position-label { display: none; } } @media all and (max-width: 430px) { #requestPrice #requestPriceContainer { height: 450px; } #requestPrice .requestPriceHeading { font-size: 16px; } #requestPrice .requestPriceHeading .close { display: none; } #requestPrice .requestPriceFormHeading { margin-top: 32px; } } @media all and (max-width: 400px) { #logo { width: 150px; padding-left: 12px; } .productColImage { width: 50%; } #catalogLine .oFilter { margin-right: 0; } #catalogLine { padding: 0; border: none; height: 32px; line-height: 32px; } #catalogColumn #smartFilter { margin-top: 42px; } } @media all and (max-width: 360px) { #brandList .item { width: 50%; } #brandList .item:nth-child(2n+1).last { line-height: 70px; height: 70px; width: 100%; } #brandList .last .ps, #brandList .last .value, #popSection .last .small { font-size: 13px; } #catalogLine .oSmartFilter.btn-simple.btn-micro { min-width: 94px; } #headerTools .tools li { border-left: none; } #logo { width: 120px; } } @media all and (max-width: 300px) { #headerTools .tools .telephone { display: none !important; } } #ORDER_CONFIRM_BUTTON { text-shadow: none !important; height: 50px !important; line-height: 50px !important; } .addCart.disabled { pointer-events: none; cursor: default; } .addCart.requestPrice { background-color: #2b2b2b !important; pointer-events: auto !important; cursor: pointer !important; } .addCart.requestPrice:hover { opacity: 0.8 !important; } .addCart.requestPrice:active { position: relative; top: 1px; } .sale_order_full_table input[name="BuyButton"], .sale_order_full_table input[type="submit"] { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; line-height: 50px; cursor: pointer; padding: 0 48px; height: 50px; border: 0px; } div.bx-debug-summary { z-index: 99999 !important; } .appZoomContainerExit { background: url(/bitrix/templates/dresscode/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(/bitrix/templates/dresscode/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(/bitrix/templates/dresscode/images/priceInfo.png) 0 0 no-repeat transparent; vertical-align: middle; display: inline-block; margin-right: 10px; margin-top: -2px; height: 21px; width: 21px; } .getPricesWindow .priceIcon:hover { background-position: 0px -21px; } .getPricesWindow .priceIcon:active { background-position: 0px -42px; } .global-block-container { border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } .global-content-block, .global-information-block { display: table-cell; vertical-align: top; } .global-content-block .detail-text-wrap:first-child { margin-top: 0; } .global-information-block { position: relative; padding-left: 24px; overflow: hidden; width: 280px; } .global-information-block.fixed .global-information-block-cn { padding-top: 24px; overflow: hidden; position: fixed; width: 280px; top: 0px } .global-information-block-hide-scroll { padding-right: 24px; max-height: 100vh; overflow: auto; width: 320px; } .global-block-container .global-information-block-hide-scroll { width: 280px; padding-right: 0; } .global-information-block-hide-scroll-cn { width: 280px; } .global-information-block.max-scroll .global-information-block-cn { position: absolute; bottom: 0px; top: auto; } .questions-answers .h2 { margin: 18px 0; } .question-answer-wrap { font-size: 14px; line-height: 24px; color: #000000; margin-bottom: 12px; padding: 0 18px 0 24px; border: 1px solid #f3f3f3; transition: all 0.2s ease-in-out; } .question-answer-wrap:last-child { margin-bottom: 0; } .question-answer-wrap:hover { box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05); } .questions-answers-list .question { position: relative; padding: 24px 0; padding-right: 120px; cursor: pointer; } .questions-answers-list .open-answer { position: absolute; right: 6px; top: 50%; width: 110px; height: 25px; margin-top: -12px; overflow: hidden; } .questions-answers-list .open-answer span { position: absolute; left: 0; top: 0; display: block; font-size: 13px; height: 25px; line-height: 25px; color: #000000; transition: all 0.3s linear; } .questions-answers-list span.hide-answer-text { top: -25px; } .questions-answers-list .active span.hide-answer-text { top: 0; } .questions-answers-list .active span.open-answer-text { top: 25px; } .questions-answers-list .open-answer-btn { position: absolute; right: 0; top: 0; width: 25px; height: 25px; background: url("/bitrix/templates/dresscode/images/question-arrow.png") center center / contain no-repeat; transition: all 0.3s linear; } .questions-answers-list .active .open-answer-btn { transform: rotate(-180deg); } .questions-answers-list .answer { display: none; padding: 24px 0; border-top: 1px solid #efefef; color: #888888; } @media screen and (max-width: 800px) { .questions-answers-list .answer { padding: 0 12px; } .questions-answers-list .question { padding: 12px 36px 12px 0; line-height: 20px; } .questions-answers-list .answer { padding: 12px 0; line-height: 20px; } .questions-answers-list .open-answer { right: 0; } .questions-answers-list .open-answer span { display: none; } } .information-heading { font-weight: 500; margin-bottom: 12px; font-size: 21px; } .information-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 12px; color: #555555; } .information-list-item { border: 1px solid #f1f1f1; border-radius: 2px; padding: 12px 12px; margin-top: 24px; } .information-item-icon { padding-right: 24px; width: 42px; } .information-list-item a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; color: #000000; } .information-list-item a:hover { color: #777777; } .information-list-item a:active { position: relative; top: 1px; } .information-feedback-container { margin-top: 24px; } .information-feedback { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; text-decoration: none; text-align: center; padding: 18px 12px; font-size: 16px; display: block; } .information-feedback:active { position: relative; top: -1px; } .pilink { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; color: #888888; } .pilink:hover { opacity: 0.7; } .pilink:active { position: relative; top: 1px; } .tb { border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } .tc { vertical-align: middle; display: table-cell; } #catalog-section-banners { margin: 24px 0px; overflow: hidden; clear: both; } #catalog-section-banners ul { padding: 0; margin: 0; } #catalog-section-banners ul > li { list-style: none; float: left; width: 0px; } #catalog-section-banners ul > li:first-child { width: auto; } #catalog-section-banners li img { width: 100%; } #catalog-section-banners ol { margin: 0px; padding: 0px; list-style: none; position: absolute; left: 50%; bottom: 12px; } #catalog-section-banners ol { position: absolute; left: 50%; bottom: 12px; } #catalog-section-banners ol li { background: url(/bitrix/templates/dresscode/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(/bitrix/templates/dresscode/images/slideButtonSect.png) -18px 0 no-repeat transparent; } #catalog-section-banners ol li:active { background: url(/bitrix/templates/dresscode/images/slideButtonSect.png) -36px 0 no-repeat transparent; } #catalog-section-banners ol li.selected { background: url(/bitrix/templates/dresscode/images/slideButtonSect.png) -54px 0 no-repeat transparent; } #catalog-section-banners ol li.selected:hover { background: url(/bitrix/templates/dresscode/images/slideButtonSect.png) -72px 0 no-repeat transparent; } #catalog-section-banners ol li.selected:active { background: url(/bitrix/templates/dresscode/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(/bitrix/templates/dresscode/images/slideArrowSect.png) no-repeat transparent; position: absolute; margin-top: -30px; display: block; height: 60px; width: 30px; top: 50%; } #catalog-section-banners .catalog-section-banners-btn-left { background-position: 0 0; left: 0px; } #catalog-section-banners .catalog-section-banners-btn-left:hover { background-position: -30px 0; } #catalog-section-banners .catalog-section-banners-btn-left:active { background-position: -60px 0; } #catalog-section-banners .catalog-section-banners-btn-right { background-position: 0 -60px; right: 0px; } #catalog-section-banners .catalog-section-banners-btn-right:hover { background-position: -30px -60px; } #catalog-section-banners .catalog-section-banners-btn-right:active { background-position: -60px -60px; } .bx-sls .quick-location-tag, .bx-slst .quick-location-tag { color: #23527c !important; } .list-advantages { max-width: none; font-size: 0; line-height: 0; margin: 18px -12px 24px; } .list-advantages .list-item { display: inline-block; vertical-align: top; max-width: 100%; width: 350px; box-sizing: border-box; padding: 12px; } .list-advantages .tc { vertical-align: top; } .list-advantages .image { width: 74px; } .list-advantages .text-wrap { font-size: 14px; color: #000000; } .list-advantages .name { max-height: 40px; margin-bottom: 6px; overflow: hidden; font-weight: 500; font-size: 16px; line-height: 20px; } .list-advantages .descr { max-height: 32px; line-height: 16px; overflow: hidden; } #colorSwitcher { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4); transform: translateX(192px); background-color: #ffffff; margin-top: -275px; text-align: center; position: fixed; z-index: 99999; height: 550px; width: 192px; right: 0px; top: 50%; } #colorSwitcher:hover { transform: translateX(0); } #colorSwitcher .settingTouch { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #000000; text-align: center; position: absolute; line-height: 50px; height: 50px; width: 50px; left: -50px; } #colorSwitcher .settingTouch:hover { background: #2b2b2b; } #colorSwitcher .settingTouchPicture { background: url(/bitrix/templates/dresscode/images/setting.png) 50% 50% no-repeat transparent; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; vertical-align: middle; display: inline-block; height: 24px; width: 24px; } #colorSwitcher:hover .settingTouchPicture { transform: rotate(360deg); } #colorSwitcher .title { text-transform: uppercase; font-weight: 700; text-align: center; margin-top: 12px; } #colorSwitcher .items, #colorSwitcher .backgroundItems { text-align: center; margin-top: 12px; overflow: hidden; } #colorSwitcher .menuSelect { margin-top: 12px; } #colorSwitcher .menuSelect select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 12px; outline: none; height: 35px; width: 85%; } #colorSwitcher .menuSelect option { padding: 12px 0px; } #colorSwitcher .item { margin-bottom: 12px; margin-left: 12px; height: 48px; width: 48px; float: left; } #colorSwitcher .item:nth-child(3n+1) { /*margin-left: 0px;*/ } #colorSwitcher .close { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: rgba(0, 0, 0, 0.8); text-decoration: none; display: inline-block; margin-top: 8px; text-align: center; border-radius: 4px; line-height: 30px; padding: 0 24px; color: #ffffff; } #colorSwitcher .close:hover { background-color: rgba(0, 0, 0, 1); } #colorSwitcher .item a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 50%; display: block; height: 48px; width: 48px; } #colorSwitcher .selected a { background-image: url(/bitrix/templates/dresscode/images/check.png); background-repeat: no-repeat; background-position: 50% 50%; } #colorSwitcher .item .color1 { background-color: #ff9601; } #colorSwitcher .item .color1:hover { background-color: #ffb800; } #colorSwitcher .item .color2 { background-color: #fb9bad; } #colorSwitcher .item .color2:hover { background-color: #f3889d; } #colorSwitcher .item .color3 { background-color: #ff855f; } #colorSwitcher .item .color3:hover { background-color: #e77652; } #colorSwitcher .item .color4 { background-color: #daa550; } #colorSwitcher .item .color4:hover { background-color: #e4a540; } #colorSwitcher .item .color5 { background-color: #b15b49; } #colorSwitcher .item .color5:hover { background-color: #a05a4b; } #colorSwitcher .item .color6 { background-color: #f44336; } #colorSwitcher .item .color6:hover { background-color: #d42d20; } #colorSwitcher .item .color7 { background-color: #acce11; } #colorSwitcher .item .color7:hover { background-color: #94b20e; } #colorSwitcher .item .color8 { background-color: #27c148; } #colorSwitcher .item .color8:hover { background-color: #19cc3f; } #colorSwitcher .item .color9 { background-color: #27bfc1; } #colorSwitcher .item .color9:hover { background-color: #25ccce; } #colorSwitcher .item .color10 { background-color: #3498db; } #colorSwitcher .item .color10:hover { background-color: #2395e1; } #colorSwitcher .item .color11 { background-color: #2a65d0; } #colorSwitcher .item .color11:hover { background-color: #0d57dc; } #colorSwitcher .item .color12 { background-color: #0061b2; } #colorSwitcher .item .color12:hover { background-color: #006ac2; } #colorSwitcher .item .color13 { background-color: #c651d0; } #colorSwitcher .item .color13:hover { background-color: #d75ee1; } #colorSwitcher .item .color14 { background-color: #c12752; } #colorSwitcher .item .color14:hover { background-color: #c61c4b; } #colorSwitcher .item .color15 { background-color: #ed1c24; } #colorSwitcher .item .color15:hover { background-color: #ff232b; } #colorSwitcher .item .white { background-color: #eeeeee; } #colorSwitcher .item .black { background-color: #000000; } .colorSwitcherLoader { background-color: rgba(0, 0, 0, 0.4); text-align: center; position: fixed; display: none; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 9999; } .colorSwitcherLoader svg { height: 180px; width: 180px; margin: auto; overflow: visible; position: absolute; margin-top: -120px; top: 50%; left: 50%; display: none; } .colorSwitcherLoader.visible svg { display: block; } .bx-soa-pp-company { z-index: 1 !important; } #bx-soa-order * { -webkit-box-sizing: border-box !Important; -moz-box-sizing: border-box !Important; box-sizing: border-box !Important; } #reformal_tab { z-index: 9991 !important; } .sale_order_full_table input[name="BuyButton"] { margin-bottom: 24px; } .microdata { display: none; } .banner-animated .image { opacity: 0; transform: translate3d(30px, 0, 0); transition: all 0.6s 0.4s ease-in-out; } .banner-animated.banner-image-load .image { opacity: 1; transform: translate3d(0, 0, 0); } /*start кнопки общие*/ .btn-simple-wrap { margin-top: 14px; } .btn-simple { position: relative; display: inline-block; min-width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 21px 24px 19px; font-weight: 300; font-size: 14px; line-height: 18px; text-align: center; border: 1px solid transparent; border-radius: 2px; color: #ffffff; -webkit-transition: background 0.2s ease-in-out, border 0.2s ease-in-out; transition: background 0.2s ease-in-out, border 0.2s ease-in-out; cursor: pointer; text-decoration: none; } .btn-simple:active { top: 1px; } .btn-simple.btn-black { background: #2d2d2d; border-color: #2d2d2d; } .btn-simple.btn-black:hover { background: #202020; border-color: #202020; } .btn-simple.btn-black-border { background: transparent; border-color: #aaaaaa; color: #000000; } .btn-simple.btn-black-border:hover { border-color: #000000; background: transparent; } .btn-simple.btn-medium { padding: 16px 24px 14px; } .btn-simple.btn-small { min-width: 126px; padding: 12px 8px 10px; } .btn-simple.btn-micro { min-width: 215px; padding: 20px 8px; /*border: 1px solid #f89e1c;*/ border: 1px solid #e7e8ea; border-radius: 4px; background: #F8F8F8B2; color: #000; } .btn-simple.btn-micro:hover { color: #fff; background: #f89e1c;; } .btn-simple.add-cart { min-width: 90px; padding: 4px 8px 3px; background: transparent; color: #000; border-color: #e7e8ea; } .btn-simple.add-cart:hover { border-color: #000; background: transparent; } .active-link { display: inline-block; font-weight: 700; font-size: 14px; color: #000000; text-transform: uppercase; text-decoration: none; border-bottom: 1px dashed #000000; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .active-link:active { position: relative; top: 1px; } .inactive-link { display: inline-block; font-weight: 700; font-size: 14px; color: #888888; text-transform: uppercase; text-decoration: none; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .inactive-link:active { position: relative; top: 1px; } .text-link { display: inline-block; vertical-align: middle; color: #3b3732; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .text-link:active { position: relative; top: 1px; } .big-text-link { display: inline-block; vertical-align: middle; font-size: 16px; color: #3b3732; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .big-text-link:active { position: relative; top: 1px; } .link-dashed { display: inline-block; font-weight: 300; font-size: 14px; color: #000000; text-decoration: none; border-bottom: 1px dashed #000000; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .link-dashed:active { position: relative; top: 1px; } .theme-link-dashed { display: inline-block; font-weight: 300; font-size: 14px; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dashed; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .theme-link-dashed:active { position: relative; top: 1px; } .tabs-wrap { margin: 24px 0; } .tabs-wrap .tabs-links { font-size: 0; } .tabs-wrap .tab-link { display: inline-block; vertical-align: top; font-size: 14px; } .tabs-wrap .tab-link:active { top: 1px; } .tabs-wrap .tab-link:last-child { margin-right: 0; } .tabs-wrap .tab-btn-link { position: relative; display: inline-block; min-width: 126px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 6px 6px 0; padding: 12px 14px 10px; font-weight: 300; font-size: 14px; line-height: 18px; text-align: center; border: 1px solid #e7e8ea; border-radius: 2px; color: #888888; -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out; transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out; cursor: pointer; text-decoration: none; } .tabs-wrap .tab-dashed-link { position: relative; display: inline-block; margin: 0 30px 6px 0; font-weight: 700; font-size: 14px; color: #888888; text-transform: uppercase; text-decoration: none; border-bottom: 1px dashed transparent; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .tabs-wrap .tab-dashed-link.active { color: #000000; border-color: #000000; } .tabs-wrap .tab-dashed-link.active:hover { color: #000000; border-color: #000000; } .tabs-wrap .tabs-content { margin-top: 18px; } .tabs-wrap .tab-content { display: none; } .tabs-wrap .tab-content.active { display: block; } .consultation-wrap { box-sizing: border-box; padding: 14px 40px 16px 22px; border: 1px solid #e7e8ea; background: #fafafa; color: #000000; } .consultation-wrap .tb { width: 100%; } .consultation-wrap .image { width: 128px; } .consultation-wrap .consultation-btn-wrap { width: 224px; text-align: right; } .consultation-wrap .consultation-heading { margin-bottom: 6px; font-size: 21px; line-height: 25px; font-weight: 400; color: #000000; text-decoration: none; } .consultation-wrap .text { max-height: 48px; overflow: hidden; font-size: 14px; line-height: 16px; } @media screen and (max-width: 790px) { .consultation-wrap { padding: 18px 12px; } .consultation-wrap .tc.image { display: none; } } @media screen and (max-width: 550px) { .consultation-wrap .tc { display: block; width: 100%; text-align: left; } .consultation-wrap .consultation-btn-wrap { margin-top: 18px; } } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex .flex-item { -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(50% - 10px); padding: 30px 24px; border: 1px solid #e7e8ea; } @media all and (max-width: 750px) { .flex .flex-item { width: 100%; margin-bottom: 12px; } } .h1 { display: block; margin-bottom: 6px; font-size: 24px; line-height: 30px; font-weight: 400; color: #000000; text-decoration: none; } .h2 { display: block; margin-bottom: 6px; font-size: 21px; line-height: 25px; font-weight: 400; color: #000000; text-decoration: none; } .h3 { display: block; margin-bottom: 6px; font-size: 16px; line-height: 20px; font-weight: 400; color: #000000; text-decoration: none; } .ff-bold { font-weight: 700; } .ff-medium { font-weight: 500; } .detail-text-wrap { margin: 24px 0; line-height: 24px; } .detail-text-wrap .h1 { margin-bottom: 12px; } .detail-text-wrap .h2 { margin-bottom: 12px; } .detail-text-wrap .h3 { margin-bottom: 12px; } .detail-text-wrap p { margin: 0 0 14px; line-height: 24px; } .detail-text-wrap *:last-child { margin-bottom: 0; } .detail-text-wrap ul { padding-left: 16px; } .detail-text-wrap ol { padding-left: 16px; } .detail-text-wrap img.fixwidth { display: inline-block; max-width: 100%; width: auto; height: auto; } .error-wrap { margin: 18px 0; padding: 48px 42px 36px; font-size: 14px; line-height: 24px; color: #952525; border: 1px solid #bc8383; } .table-simple-wrap { overflow: auto; } .table-simple { margin: 18px 0 36px; border-collapse: collapse; width: 100%; min-width: 700px; border-spacing: 0; table-layout: auto; border: 0; } .table-simple th { vertical-align: middle; padding: 12px 24px; font-weight: 500; background: #f7f7f7; border: 1px solid #e4e4e4; } .table-simple td { vertical-align: middle; padding: 12px 24px; border: 1px solid #e4e4e4; } .table-simple td:last-child { text-align: center; } .blockquote-wrap { margin: 42px 0 24px; padding: 48px 120px 42px 54px; background: #f9f9f9; } .blockquote-wrap blockquote { margin: 0; padding: 0; font-size: 18px; line-height: 30px; color: #888888; } .blockquote-wrap blockquote:before { content: ""; display: inline-block; width: 40px; height: 33px; margin-right: 10px; background: url("/bitrix/templates/dresscode/images/blockquote.png") center center / contain no-repeat; } .blockquote-wrap p { margin-top: 14px; } .new-list-items-wrap { margin-top: 24px; } .new-list-items { max-width: none; margin: 18px -12px 30px; font-size: 0; } .new-list-items > div[id*="bx_incl_area"] { display: inline-block; vertical-align: top; width: 33.333%; } .new-list-items > div[id*="bx_"] > .list-item-wrap { width: 100%; } .new-list-items .list-item-wrap { display: inline-block; vertical-align: top; width: 33.333%; padding: 12px; box-sizing: border-box; } .new-list-items .list-item { padding: 24px 18px; border: 1px solid #e7e8ea; border-radius: 2px; } .new-list-items .image { width: 54px; padding-right: 18px; } .new-list-items .image-container { display: block; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .new-list-items .image-container img { display: block; max-width: 100%; } .new-list-items .image-container:hover { opacity: 0.9; } .new-list-items .image-container:active { position: relative; top: 1px; } .new-list-items .text { color: #000000; } .new-list-items .name { display: block; margin-bottom: 12px; font-size: 14px; line-height: 18px; max-height: 18px; overflow: hidden; text-decoration: none; color: #000000; } .new-list-items .name:active { position: relative; top: 1px; } .new-list-items .price { position: relative; display: inline-block; padding-right: 18px; font-size: 18px; font-weight: 700; } .new-list-items .old-price { position: absolute; right: 0; top: -12px; font-size: 13px; line-height: 15px; font-weight: 300; font-size: 13px; color: #888888; } .new-list-items .active-link { text-transform: none; font-weight: 300; } .new-list-items .addCart.added { color: #888888; border-color: #888888; background: none !important; } .new-list-items .addCart.added:hover { color: #000; border-color: #000; } .price-container .addCart.added:hover { border-color: transparent; } @media screen and (max-width: 1600px) { .blockquote-wrap { margin: 24px 0 18px; padding: 30px 30px 36px 42px; } .new-list-items { margin: 0 -6px; } .new-list-items .list-item-wrap { padding: 6px; } .new-list-items .list-item { padding: 12px; } .new-list-items .image { padding-right: 12px; } } @media screen and (max-width: 1400px) { .new-list-items .list-item-wrap { width: 50%; } } @media screen and (max-width: 1280px) { .new-list-items .list-item-wrap { width: 33.333%; } } @media screen and (max-width: 1100px) { .new-list-items .list-item-wrap { width: 50%; } } @media screen and (max-width: 1024px) { .blockquote-wrap blockquote { font-size: 16px; line-height: 24px; } .detail-text-wrap .h1 { font-size: 20px; line-height: 24px; } .detail-text-wrap .h2 { font-size: 18px; line-height: 22px; } } @media screen and (max-width: 800px) { .blockquote-wrap blockquote:before { width: 20px; height: 18px; } .blockquote-wrap { padding: 18px 12px 18px 24px; } } @media screen and (max-width: 790px) { .new-list-items { margin: -3px; } .new-list-items .list-item-wrap { width: 100%; padding: 3px; } .new-list-items .list-item { padding: 8px; } } @media screen and (max-width: 500px) { .detail-text-wrap .h1 { font-size: 18px; line-height: 22px; } .detail-text-wrap .h2 { font-size: 16px; line-height: 20px; } .detail-text-wrap .h3 { font-size: 15px; line-height: 18px; } } @media screen and (max-width: 400px) { .new-list-items .price { font-size: 16px; } .new-list-items .name { max-height: 36px; } } .gray-bg-text { margin-bottom: 24px; padding: 30px 24px; font-size: 14px; line-height: 24px; color: #000000; background: #f9f9f9; } @media screen and (max-width: 1024px) { .gray-bg-text { padding: 12px; } } .btn-wrap { margin-top: 24px; font-size: 0; } .btn-wrap .btn-simple { vertical-align: top; margin-bottom: 6px; margin-right: 6px; } .active-link { display: inline-block; font-weight: 700; font-size: 14px; color: #000000; text-transform: uppercase; text-decoration: none; border-bottom: 1px dashed #000000; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .active-link:active { position: relative; top: 1px; } .inactive-link { display: inline-block; font-weight: 700; font-size: 14px; color: #888888; text-transform: uppercase; text-decoration: none; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .inactive-link:active { position: relative; top: 1px; } .text-link { display: inline-block; vertical-align: middle; color: #3b3732; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .text-link:active { position: relative; top: 1px; } .big-text-link { display: inline-block; vertical-align: middle; font-size: 16px; color: #3b3732; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .big-text-link:active { position: relative; top: 1px; } .link-dashed { display: inline-block; font-weight: 300; font-size: 14px; color: #000000; text-decoration: none; border-bottom: 1px dashed #000000; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .link-dashed:active { position: relative; top: 1px; } .theme-link-dashed { display: inline-block; font-weight: 300; font-size: 14px; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dashed; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .theme-link-dashed:active { position: relative; top: 1px; } .banners-list { max-width: none; margin: 0 -12px 42px; font-size: 0; } .banners-list .banner-wrap { display: inline-block; width: 50%; padding: 12px; box-sizing: border-box; vertical-align: top; } .banner-wrap .banner-elem { border: 1px solid #e7e8ea; } .banner-wrap + .global-block-container .detail-text-wrap { margin-top: 0; } .banner-elem { height: 296px; overflow: hidden; } .banner-elem .limiter { height: 100%; } .banner-elem .tb { height: 100%; } .banner-elem .tr { display: table-row; height: 100%; } .banner-elem .text-wrap { padding-left: 54px; color: #000; } .banner-elem .text-wrap *:last-child { margin-bottom: 0; } .banner-elem .date { margin-bottom: 6px; font-size: 13px; color: #000000; } .banner-elem h1 { font-size: 36px; margin-bottom: 18px; line-height: 43px; max-height: 86px; overflow: hidden; } .banner-elem .h2 { display: inline-block; vertical-align: top; line-height: 25px; max-height: 50px; overflow: hidden; } .banner-elem .price { margin-bottom: 6px; font-size: 18px; line-height: 22px; max-height: 22px; overflow: hidden; } .banner-elem .descr { margin-bottom: 8px; font-size: 13px; line-height: 15px; max-height: 45px; overflow: hidden; } .banner-elem .image { width: 55%; /*vertical-align: bottom;*/ vertical-align: middle; padding-left: 12px; font-size: 0; line-height: 0; text-align: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .banner-elem .image img { display: block; max-width: 100%; max-height: 296px; width: auto; height: auto; margin-left: auto; transition: all 0.4s ease-in-out; transform: translate3d(0, 0, 0) scale(1); } .banner-elem .image-link { display: block; width: auto; } .banner-elem .image-link:hover img { transform: translate3d(0, 0, 0) scale(1.02); } .banner-elem .image .image-link { display: inline-block; } .banner-elem .image .image-link img { display: inline-block; margin: auto; } .banner-elem .social { height: 60px; margin-top: 12px; } @media screen and (max-width: 1600px) { .banners-list { margin: 0 -8px 42px; } .banners-list .banner-wrap { padding: 8px; } .banner-elem .text-wrap { padding-left: 24px; } .banner-elem .image { width: 60%; } } @media screen and (max-width: 1400px) { .banners-list { margin: 0 -6px 42px; } .banners-list .banner-wrap { padding: 6px; } .banner-elem { height: 260px; } .banner-elem .image img { max-height: 260px; } .banner-elem .text-wrap { padding-left: 18px; } .banner-elem .price { font-size: 16px; line-height: 20px; max-height: 20px; } .banner-elem .social { height: 30px; } } @media screen and (max-width: 1280px) { .banner-elem h1 { font-size: 24px; margin-bottom: 12px; line-height: 29px; max-height: 58px; } } @media screen and (max-width: 1200px) { .banner-elem { height: 220px; } .banner-elem .image { width: 50%; } .banner-elem .image img { max-height: 220px; } .banner-elem .h2 { font-size: 18px; line-height: 22px; max-height: 44px; } .banner-elem .price { font-size: 15px; line-height: 18px; max-height: 18px; } } @media screen and (max-width: 1024px) { .banners-list { margin: 0 -3px 24px; } .banners-list .banner-wrap { padding: 3px; } .banner-elem { height: 160px; } .banner-elem h1 { font-size: 20px; margin-bottom: 10px; line-height: 24px; max-height: 48px; } .banner-elem .image { width: 55%; } .banner-elem .image img { max-height: 160px; } .banner-elem .price { display: none; } } @media screen and (max-width: 800px) { .banners-list .banner-wrap:nth-child(n) { width: 100%; } .banner-elem .text-wrap { padding-left: 24px; } .banner-elem .image { width: 50%; text-align: center; } .banner-elem .image img { margin: 0 auto; } } @media screen and (max-width: 500px) { /*.banner-elem .social{ display: none; }*/ } @media screen and (max-width: 400px) { .banner-elem { height: 150px; } .banner-elem .h2 { font-size: 16px; line-height: 20px; max-height: 40px; } .banner-elem .price { font-size: 14px; line-height: 18px; max-height: 18px; } .banner-elem .text-wrap { padding-left: 12px; } .banner-elem .btn-simple.btn-micro { min-width: 100px; padding: 3px 8px 3px; } .banner-elem .image { width: 50%; } .banner-elem .image img { max-height: 150px; } /*.services-banners-list .banner-wrap .banner-elem{*/ /* background: none !important;*/ /*}*/ } .fullscreen-banner { height: 470px; margin-bottom: 24px; border-bottom: 1px solid #e7e8ea; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .fullscreen-banner .limiter { position: relative; height: 100%; } .fullscreen-banner #breadcrumbs { position: absolute; left: 0; top: 0; width: 100%; } .fullscreen-banner #breadcrumbs + .tb .text-wrap { padding: 42px 0 0; } .fullscreen-banner h1 { margin-bottom: 12px; } .fullscreen-banner .price { margin-bottom: 12px; font-size: 30px; line-height: 36px; max-height: 36px; } .fullscreen-banner .descr { margin-bottom: 24px; font-size: 14px; line-height: 24px; max-height: 120px; } .fullscreen-banner .image { width: 55%; } .fullscreen-banner .image img { margin: 0 auto; max-height: 470px; } @media screen and (max-width: 1600px) { .fullscreen-banner { height: 440px; } .fullscreen-banner .image img { max-height: 440px; } } @media screen and (max-width: 1400px) { .fullscreen-banner { height: 420px; } .fullscreen-banner .price { font-size: 24px; line-height: 30px; height: 30px; } .fullscreen-banner .descr { margin-bottom: 18px; } .fullscreen-banner .image { width: 50%; } .fullscreen-banner .image img { max-height: 420px; } } @media screen and (max-width: 1024px) { .fullscreen-banner { height: 290px; } .fullscreen-banner .image { width: 45%; } .fullscreen-banner .image img { max-height: 290px; } .fullscreen-banner .descr { margin-bottom: 12px; line-height: 20px; max-height: 80px; } .hide-1024 { display: none !important; } } @media screen and (max-width: 800px) { .fullscreen-banner { height: 270px; } .fullscreen-banner .image { width: 40%; } .fullscreen-banner .image img { max-height: 270px; } .fullscreen-banner .descr { max-height: 60px; } } @media screen and (max-width: 700px) { .fullscreen-banner { height: 260px; } .fullscreen-banner .image img { max-height: 260px; } .fullscreen-banner #breadcrumbs { left: 12px; width: auto; right: 0; margin-top: 12px; } .hide-700 { display: none !important; } } @media screen and (max-width: 600px) { .banner-hide-images { background: none !important; } .banner-hide-images .image { display: none; } .hide-600 { display: none !important; } } @media screen and (max-width: 500px) { .fullscreen-banner { height: 170px; } .fullscreen-banner .image img { max-height: 170px; } .fullscreen-banner .descr { display: none; max-height: 40px; } .fullscreen-banner .image { width: 50%; } .fullscreen-banner .btn-simple { padding: 13px 8px 11px; } .hide-500 { display: none !important; } } .banner-elem.arbitrary-banner .limiter { padding: 0; } @media screen and (max-width: 1600px) { .banner-elem.arbitrary-banner { height: 420px; } .banner-elem.arbitrary-banner .image img { max-height: 420px; } } @media screen and (max-width: 1400px) { .banner-elem.arbitrary-banner { height: 340px; } .banner-elem.arbitrary-banner .image { width: 60%; } .banner-elem.arbitrary-banner .image img { max-height: 340px; } } @media screen and (max-width: 1200px) { .banner-elem.arbitrary-banner { height: 300px; } .banner-elem.arbitrary-banner .image { width: 50%; } .banner-elem.arbitrary-banner .image img { max-height: 300px; } } @media screen and (max-width: 1024px) { .banner-elem.arbitrary-banner { height: 260px; } .banner-elem.arbitrary-banner .image { width: 55%; } .banner-elem.arbitrary-banner .image img { max-height: 260px; } } @media screen and (max-width: 800px) { .banner-elem.arbitrary-banner { height: 250px; } .banner-elem.arbitrary-banner .image { width: 50%; } .banner-elem.arbitrary-banner .image img { max-height: 250px; } } @media screen and (max-width: 700px) { .banner-elem.arbitrary-banner { height: auto; margin-bottom: 18px; border: 1px solid #e7e8ea; } .banner-elem.arbitrary-banner .descr { max-height: 80px; } .banner-elem.arbitrary-banner .text-wrap { display: block; margin-bottom: 6px; padding: 12px 12px 0; } .banner-elem.arbitrary-banner h1 { margin-bottom: 8px; font-size: 18px; } .banner-elem.arbitrary-banner .image { display: block; width: 100%; padding: 0; } .banner-elem.arbitrary-banner .image img { max-height: 250px; margin: 0 auto; } .banner-elem.arbitrary-banner.banner-no-bg .image img { max-height: none; } } @media screen and (max-width: 500px) { .banner-elem.arbitrary-banner .descr { display: block; } .banner-elem.arbitrary-banner h1 { font-size: 16px; margin-bottom: 8px; line-height: 20px; max-height: 60px; } .banner-elem.arbitrary-banner .image img { max-height: 200px; } } .no-margin-top { margin-top: 0px !important; } .no-margin-bottom { margin-bottom: 0px !important; } .no-margin-right { margin-right: 0px !important; } .no-margin-left { margin-left: 0px !important; } .templateSwitcher { background-color: #ffffff; -webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3); transform: translateX(500px); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-align: center; overflow: hidden; position: fixed; z-index: 9998; width: 360px; height: 100%; right: 0px; top: 0px; } .templateSwitcher.opened { transform: translateX(0px); } .templateSwitcherScroll { overflow: auto; height: 100%; width: 390px; } .templateSwitcherScrollContainer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 24px 0px; padding: 0 24px; width: 360px; } .templateSwitcherSettings { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; animation-name: bounceInDown; animation-duration: 2s; animation-fill-mode: both; text-align: center; margin-top: -100px; line-height: 50px; cursor: pointer; position: fixed; z-index: 9999; height: 198px; width: 51px; right: 0px; top: 50%; } .templateSwitcherSettings.active { right: 360px; } .templateSwitcherSettings:hover { opacity: 0.9; } .templateSwitcherSettings.active .templateSwitcherSettingsPicture { /*transform: rotate(360deg);*/ } .templateSwitcherSettings:hover { background-color: #2b2b2b; } .templateSwitcherSettingsPicture { background: url(/bitrix/templates/dresscode/images/setting.png) 50% 50% no-repeat transparent; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; vertical-align: middle; display: inline-block; height: 198px; width: 51px; } .templateSwitcher .switcherList { overflow: hidden; } .templateSwitcher .switcherListItem { background-color: #ffffff; border: 1px solid #ff9601; display: inline-block; border-radius: 2px; text-align: center; line-height: 40px; height: 40px; } .templateSwitcher .switcherListItem:hover { border-color: #ffa800; } .templateSwitcher .switcherListItem.active { background-color: #ff9601; color: #ffffff; } .templateSwitcher .switcherListItem.active a { color: #ffffff; } .templateSwitcher .switcherListItem:first-child { margin-right: 12px; } .templateSwitcher .switcherListItem a { text-decoration: none; padding: 0 24px; color: #ff9601; display: block; } .templateSwitcher .switcherListItem a:active { position: relative; top: 1px; } .templateSwitcher .switcherHeading { font-weight: 500; margin-bottom: 18px; padding: 0 24px; font-size: 16px; } .templateSwitcher .switcherBigHeading { border-bottom: 1px solid #f3f3f3; text-transform: uppercase; padding-bottom: 24px; margin-bottom: 24px; padding-right: 24px; padding-left: 24px; font-size: 18px; } .templateSwitcher .switcherBigHeading .switcherClose { text-decoration: none; margin-top: -1px; font-size: 21px; color: #ff0000; float: right; } .templateSwitcher .switcherBigHeading .switcherClose:hover { opacity: 0.7; } .templateSwitcher .switcherBigHeading .switcherClose:active { position: relative; top: 1px; } .templateSwitcher .switcherHeading2 { font-weight: 500; margin-bottom: 12px; padding: 0 24px; } .templateSwitcher .switcherRowBlock { border-top: 1px solid #f3f3f3; padding-top: 24px; margin-top: 24px; } .templateSwitcher .switcherSelect { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f3f3f3; cursor: pointer; padding: 0 12px; outline: none; height: 40px; width: 90%; } .templateSwitcher .switcherIcons { margin-bottom: 24px; } .templateSwitcher .switcherDescription { font-size: 13px; color: #888888; } .templateSwitcher .switcherBackgroundItems { text-align: center; overflow: hidden; } .templateSwitcher .switcherThemes { margin-top: 24px; overflow: hidden; } .templateSwitcher .switcherThemesItem { display: inline-block; margin-bottom: 12px; margin-left: 12px; height: 30px; width: 30px; } .templateSwitcher .switcherBackgroundItem { display: inline-block; height: 30px; width: 30px; } .templateSwitcher .switcherBackgroundItem:first-child { margin-right: 12px; } .templateSwitcher .switcherThemesItem a, .templateSwitcher .switcherBackgroundItem a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 2px; display: block; height: 30px; width: 30px; } .templateSwitcher .switcherThemesItem a:active, .templateSwitcher .switcherBackgroundItem a:active { position: relative; top: 1px; } .templateSwitcher .switcherThemesItem.selected a, .templateSwitcher .switcherBackgroundItem.selected a { background-image: url(/bitrix/templates/dresscode/images/check.png); background-repeat: no-repeat; background-position: 50% 50%; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .templateSwitcher .switcherThemesItem .color1 { background-color: #ff9601; } .templateSwitcher .switcherThemesItem .color1:hover { background-color: #ffb800; } .templateSwitcher .switcherThemesItem .color2 { background-color: #fb9bad; } .templateSwitcher .switcherThemesItem .color2:hover { background-color: #f3889d; } .templateSwitcher .switcherThemesItem .color3 { background-color: #ff855f; } .templateSwitcher .switcherThemesItem .color3:hover { background-color: #e77652; } .templateSwitcher .switcherThemesItem .color4 { background-color: #daa550; } .templateSwitcher .switcherThemesItem .color4:hover { background-color: #e4a540; } .templateSwitcher .switcherThemesItem .color5 { background-color: #b15b49; } .templateSwitcher .switcherThemesItem .color5:hover { background-color: #a05a4b; } .templateSwitcher .switcherThemesItem .color6 { background-color: #f44336; } .templateSwitcher .switcherThemesItem .color6:hover { background-color: #d42d20; } .templateSwitcher .switcherThemesItem .color7 { background-color: #acce11; } .templateSwitcher .switcherThemesItem .color7:hover { background-color: #94b20e; } .templateSwitcher .switcherThemesItem .color8 { background-color: #27c148; } .templateSwitcher .switcherThemesItem .color8:hover { background-color: #19cc3f; } .templateSwitcher .switcherThemesItem .color9 { background-color: #27bfc1; } .templateSwitcher .switcherThemesItem .color9:hover { background-color: #25ccce; } .templateSwitcher .switcherThemesItem .color10 { background-color: #3498db; } .templateSwitcher .switcherThemesItem .color10:hover { background-color: #2395e1; } .templateSwitcher .switcherThemesItem .color11 { background-color: #2a65d0; } .templateSwitcher .switcherThemesItem .color11:hover { background-color: #0d57dc; } .templateSwitcher .switcherThemesItem .color12 { background-color: #0061b2; } .templateSwitcher .switcherThemesItem .color12:hover { background-color: #006ac2; } .templateSwitcher .switcherThemesItem .color13 { background-color: #c651d0; } .templateSwitcher .switcherThemesItem .color13:hover { background-color: #d75ee1; } .templateSwitcher .switcherThemesItem .color14 { background-color: #c12752; } .templateSwitcher .switcherThemesItem .color14:hover { background-color: #c61c4b; } .templateSwitcher .switcherThemesItem .color15 { background-color: #ed1c24; } .templateSwitcher .switcherThemesItem .color15:hover { background-color: #ff232b; } .templateSwitcher .switcherBackgroundItem .white { background-color: #eeeeee; } .templateSwitcher .switcherBackgroundItem .black { background-color: #000000; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .g--circle { -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; fill: dodgerblue; -webkit-animation: opacity 1.2s linear infinite; animation: opacity 1.2s linear infinite; } .g--circle:nth-child(12n + 1) { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; -webkit-transform: rotate(-30deg) translate(5px, 5px) scale(0.9); transform: rotate(-30deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 2) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; -webkit-transform: rotate(-60deg) translate(5px, 5px) scale(0.9); transform: rotate(-60deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 3) { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; -webkit-transform: rotate(-90deg) translate(5px, 5px) scale(0.9); transform: rotate(-90deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 4) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; -webkit-transform: rotate(-120deg) translate(5px, 5px) scale(0.9); transform: rotate(-120deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 5) { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; -webkit-transform: rotate(-150deg) translate(5px, 5px) scale(0.9); transform: rotate(-150deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 6) { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; -webkit-transform: rotate(-180deg) translate(5px, 5px) scale(0.9); transform: rotate(-180deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 7) { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; -webkit-transform: rotate(-210deg) translate(5px, 5px) scale(0.9); transform: rotate(-210deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 8) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; -webkit-transform: rotate(-240deg) translate(5px, 5px) scale(0.9); transform: rotate(-240deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 9) { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; -webkit-transform: rotate(-270deg) translate(5px, 5px) scale(0.9); transform: rotate(-270deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 10) { -webkit-animation-delay: -1s; animation-delay: -1s; -webkit-transform: rotate(-300deg) translate(5px, 5px) scale(0.9); transform: rotate(-300deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 11) { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; -webkit-transform: rotate(-330deg) translate(5px, 5px) scale(0.9); transform: rotate(-330deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 12) { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; -webkit-transform: rotate(-360deg) translate(5px, 5px) scale(0.9); transform: rotate(-360deg) translate(5px, 5px) scale(0.9); } .g-circles--v1 .g--circle { fill-opacity: 0; -webkit-animation-name: opacity; animation-name: opacity; } .g-circles--v2 .g--circle { fill-opacity: 0; stroke-opacity: 0; stroke-width: 1; stroke: yellowgreen; -webkit-animation-name: opacity-stroke, colors, colors-stroke; animation-name: opacity-stroke, colors, colors-stroke; } .g-circles--v2 .g--circle .u--circle { -webkit-animation: transform-2 1.2s linear infinite; animation: transform-2 1.2s linear infinite; } .g-circles--v2 .g--circle:nth-child(12n + 1) .u--circle { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } .g-circles--v2 .g--circle:nth-child(12n + 2) .u--circle { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .g-circles--v2 .g--circle:nth-child(12n + 3) .u--circle { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .g-circles--v2 .g--circle:nth-child(12n + 4) .u--circle { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .g-circles--v2 .g--circle:nth-child(12n + 5) .u--circle { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .g-circles--v2 .g--circle:nth-child(12n + 6) .u--circle { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .g-circles--v2 .g--circle:nth-child(12n + 7) .u--circle { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .g-circles--v2 .g--circle:nth-child(12n + 8) .u--circle { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .g-circles--v2 .g--circle:nth-child(12n + 9) .u--circle { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .g-circles--v2 .g--circle:nth-child(12n + 10) .u--circle { -webkit-animation-delay: -1s; animation-delay: -1s; } .g-circles--v2 .g--circle:nth-child(12n + 11) .u--circle { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .g-circles--v2 .g--circle:nth-child(12n + 12) .u--circle { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; } .g-circles--v3 .g--circle { fill-opacity: 1; -webkit-animation-name: opacity, colors; animation-name: opacity, colors; } .g-circles--v4 .g--circle { fill-opacity: 1; fill: orange; -webkit-animation-name: opacity, colors-3; animation-name: opacity, colors-3; } .g-circles--v4 .u--circle { -webkit-animation: transform 1.2s linear infinite; animation: transform 1.2s linear infinite; } .g-circles--v4 .g--circle:nth-child(12n + 1) .u--circle { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } .g-circles--v4 .g--circle:nth-child(12n + 2) .u--circle { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .g-circles--v4 .g--circle:nth-child(12n + 3) .u--circle { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .g-circles--v4 .g--circle:nth-child(12n + 4) .u--circle { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .g-circles--v4 .g--circle:nth-child(12n + 5) .u--circle { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .g-circles--v4 .g--circle:nth-child(12n + 6) .u--circle { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .g-circles--v4 .g--circle:nth-child(12n + 7) .u--circle { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .g-circles--v4 .g--circle:nth-child(12n + 8) .u--circle { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .g-circles--v4 .g--circle:nth-child(12n + 9) .u--circle { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .g-circles--v4 .g--circle:nth-child(12n + 10) .u--circle { -webkit-animation-delay: -1s; animation-delay: -1s; } .g-circles--v4 .g--circle:nth-child(12n + 11) .u--circle { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .g-circles--v4 .g--circle:nth-child(12n + 12) .u--circle { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; } @-webkit-keyframes opacity { 3% { fill-opacity: 1; } 75% { fill-opacity: 0; } } @keyframes opacity { 3% { fill-opacity: 1; } 75% { fill-opacity: 0; } } @-webkit-keyframes opacity-stroke { 10% { stroke-opacity: 1; } 85% { stroke-opacity: 0; } } @keyframes opacity-stroke { 10% { stroke-opacity: 1; } 85% { stroke-opacity: 0; } } @-webkit-keyframes colors { 0% { fill: yellowgreen; } 10% { fill: gold; } 75% { fill: crimson; } } @keyframes colors { 0% { fill: yellowgreen; } 10% { fill: gold; } 75% { fill: crimson; } } @-webkit-keyframes colors-stroke { 0% { stroke: yellowgreen; } 10% { stroke: gold; } 75% { stroke: crimson; } } @keyframes colors-stroke { 0% { stroke: yellowgreen; } 10% { stroke: gold; } 75% { stroke: crimson; } } @-webkit-keyframes colors-2 { 0% { fill: yellow; } 50% { fill: red; } 65% { fill: orangered; } 95% { fill: gold; } } @keyframes colors-2 { 0% { fill: yellow; } 50% { fill: red; } 65% { fill: orangered; } 95% { fill: gold; } } @-webkit-keyframes colors-3 { 0% { fill: yellowgreen; } 50% { fill: turquoise; } 65% { fill: yellow; } 95% { fill: orange; } } @keyframes colors-3 { 0% { fill: yellowgreen; } 50% { fill: turquoise; } 65% { fill: yellow; } 95% { fill: orange; } } @-webkit-keyframes transform { 10% { -webkit-transform-origin: 70px 70px; transform-origin: 70px 70px; -webkit-transform: scale(0.75); transform: scale(0.75); } } @keyframes transform { 10% { -webkit-transform-origin: 70px 70px; transform-origin: 70px 70px; -webkit-transform: scale(0.75); transform: scale(0.75); } } @-webkit-keyframes transform-2 { 40% { -webkit-transform: scale(0.85) translate(10px, 10px); transform: scale(0.85) translate(10px, 10px); } 60% { stroke-width: 20; } } @keyframes transform-2 { 40% { -webkit-transform: scale(0.85) translate(10px, 10px); transform: scale(0.85) translate(10px, 10px); } 60% { stroke-width: 20; } } .bx-composite-btn { line-height: 30px !important; margin-top: 15px; } .status-description { display: block; width: 220px; margin-top: 12px; padding: 5px 15px; box-sizing: border-box; text-align: center; background: #fff; border-radius: 2px; font-size: 14px; } .onOrder { color: #F89E1C !important; } .outOfStock { color: red !important; } @media (max-width: 1100px) { .status-description { width: auto; padding: 0; } } @media (max-width: 480px) { .status-description { text-align: left; font-size: 13px; } } #smartFilter .paramsBox.active .params { max-height: 510px; overflow-x: auto; margin-right: -24px; } #smartFilter .paramsBox.active .params.collapsed { max-height: 0; overflow-x: auto; margin-right: 0; } #footerBottom a { color: grey; text-decoration: none; font-size: 13px; margin-left: 10px; } #footerBottom a:hover { color: #F89E1C; } /*Про компацію*/ .about *, .about *:after, .about *:before { box-sizing: border-box; outline: 0; line-height: 1.25; } .mbox { max-width: 1200px; padding: 0 90px; width: 100%; margin: 0 auto; position: relative; z-index: 1 } .color--orange { color: #f7a707 } .about--white { background-color: #fff } .about--gray { background-color: #e6e6e6; margin: 55px 0 55px } .about--options { background-image: url(/bitrix/templates/dresscode/../dresscode/images/options-back.jpg); background-repeat: no-repeat; background-size: contain; background-position: center center; padding: 45px 0 0; margin-bottom: -40px; } .about--orange { position: relative; margin-top: 20px; min-height: 190px } .about--orange:before { position: absolute; content: ''; width: 100%; height: 265px; background-color: #f7a707; top: 45px; left: 0; right: 0; bottom: 95px } .about--orange-client { margin-top: 60px; margin-bottom: 100px } .about--orange-client:before { top: 85px } .about__poster img { display: block; width: 100%; height: 100%; } .about__maintitle { font-size: 38px; font-weight: 700; margin: 40px 0; text-align: center } .about__subtitle { font-size: 15px; padding: 15px 0; text-align: center } .about__goods { display: flex; margin: 45px 0 } .about__goods-item { width: 25%; padding: 18px 0 20px; margin: 0 2px; background: #e6e6e6; display: flex; flex-direction: column; color: #000; text-decoration: none; transition: color .3s; } .about__goods-item:hover { color: #777; } .about__goods-img { border-radius: 100%; margin: 15px 0 35px } .about__goods-img img { max-width: 114px; border-radius: 100% } .about__goods-img-wrap { display: flex; justify-content: center; align-items: center; background-color: #f7a707 } .about__goods-desc { margin: 20px 15px 0; text-align: center; font-size: 16px } .about__quote { display: flex; justify-content: space-between; padding: 24px 0 } .about__quote-img { margin-top: -48px } .about__quote-title { font-size: 24px; font-weight: 700; text-align: right; letter-spacing: 2.5px } .about__quote-title .color--orange { font-size: 48px } .about__linetitle { font-size: 15px; text-align: center } .about__linetitle a { color: #000; } .about__options { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -34px } .about__options-wrap { display: flex } .about__options-item { width: calc(33.3% - 74px); min-height: 180px; margin: 65px 37px; padding: 30px 30px 25px; border: 5px solid #e8e8e8; border-radius: 10px; display: flex; flex-direction: column; align-items: center; background-color: #fff; color: #000; text-decoration: none; } .about__options-item:hover .about__options-desc { color: #777; } .about__options-img { border-radius: 100%; border: 10px solid #fff; background-color: #e8e8e8; width: 173px; height: 173px; display: flex; align-items: center; justify-content: center } .about__options-img-wrap { margin-top: -144px } .about__options-desc { font-size: 16px; color: #000; text-decoration: none; display: block; text-align: center; padding-top: 20px; font-weight: 700; transition: color .3s; } .about__title { font-size: 38px; text-transform: uppercase; text-align: center; font-weight: 700; margin: 50px 0; letter-spacing: 2.5px } .about__title--small { font-size: 26px; margin: 36px 0 } .about__choice { display: flex; flex-wrap: wrap; margin: 0 -20px; margin-bottom: -20px; } .about__choice-item { width: calc(50% - 40px); margin: 20px; padding: 33px 0 20px; background-color: #e8e8e8; border-bottom: 7px solid #f7a707 } .about__choice-title { font-size: 18px; background-color: #f7a707; padding: 20px 30px 10px 100px; display: flex; align-items: center } .about__choice-title span { font-size: 68px; color: #e8e8e8; margin-left: -110px; margin-right: 20px; font-weight: 700; } .about__choice-desc { padding: 25px 30px 15px 100px; font-size: 15px } .about__country { display: flex } .about__country-number { width: 30%; font-size: 15px; display: flex; flex-direction: column; align-items: center; font-weight: 700; } .about__country-number span { font-size: 68px; line-height: 68px; font-weight: 700 } .about__country-desc { font-size: 15px; width: 70% } .about__map { padding: 50px 0 } .about__map img { display: block; width: 100%; -o-object-fit: contain; object-fit: contain } .about__team { display: flex; padding-bottom: 20px } .about__team-img { width: 50%; padding-right: 20px } .about__team-img img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .about__team-title { width: 50%; padding-left: 20px; font-size: 15px; line-height: 1.21 } .about__team-title a { color: #000; } .about__team-item { width: 25%; margin: 0 2px; background-color: #e8e8e8; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 50px 10px 30px } .about__team-photo { border-radius: 100% } .about__team-photo img { display: block; width: 100%; height: 100%; border-radius: 100% } .about__team-name { font-size: 21px; font-weight: 700; margin: 30px 0 25px; letter-spacing: 1px } .about__client { display: flex; margin: 0 -20px } .about__client-item { width: 50%; margin: 0 20px } .about__client-item img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .about__info { display: flex; padding: 70px 70px 0px; margin-top: 50px } .about__info-item { display: flex; flex-direction: column; align-items: center; text-align: center; width: 33%; margin: 0 2px; background-color: #f7a707; position: relative; padding: 70px 10px } .about__info-img { display: flex; justify-content: center; align-items: center; width: 158px; height: 158px; border-radius: 100%; background-color: #e8e8e8; position: absolute; transform: translateY(-50%); top: 0 } .about__info-desc { font-size: 15px; margin-top: 20px } .about__footer { background-color: #f7a707; min-height: 190px; margin: 65px 0 0; } @media (max-width: 1800px) { .mbox { padding: 0 60px; } .about__quote-img img { width: 60%; display: block; } .about__quote-title { font-size: 24px; width: 75%; } .about__quote-title .color--orange { font-size: 48px } .about__title { font-size: 38px; } .about__maintitle { font-size: 38px; } .about__options-item { width: calc(33.3% - 30px); margin: 65px 15px; padding: 30px 15px 15px; } .about__country-number span { font-size: 68px; line-height: 68px; } .about__team-img img { object-fit: cover; } .about__team-name { margin: 30px 15px 25px; min-height: 52px; } .about__title--small { font-size: 26px; } .about--orange-client { margin-bottom: 160px; } .about__info-item { padding: 75px 10px 30px; } .about__choice-item { padding: 33px 0 10px; } } @media (max-width: 1600px) { .about__maintitle { margin: 40px 0; } .about__subtitle { font-size: 15px; padding: 0; } .about__goods { margin: 45px 0; } .about__goods-desc { margin: 20px 10px 0; } .about__goods-item { padding: 18px 0 20px; } .about__linetitle { font-size: 15px; } .about--options { padding-bottom: 0; } .about__choice { padding-bottom: 0; } .about__choice-title span { font-size: 55px; margin-left: -116px; } .about__choice-title { padding: 20px 15px 10px 100px; } .about__choice-desc { padding: 25px 20px 10px 72px; } .about__map { padding: 50px 0; } .about__country-desc { font-size: 15px; } .about__country-number { font-weight: 700; font-size: 15px; } .about__team { padding-bottom: 20px; } .about__team-title { font-size: 15px; } .about__team-name { font-size: 18px; min-height: 44px; } .about--orange-client:before { height: 180px; } .about--orange-client { margin-bottom: 100px; } .about__info-img { width: 133px; height: 133px; } .about__info-img img { width: 50%; } } @media (min-width: 1025px) and (max-width: 1439px) { .mbox { padding: 0 15px; } .about__quote-title .color--orange { font-size: 48px; } .about__options-item { width: calc(33.3% - 20px); margin: 65px 10px; } .about__options-desc { padding-top: 15px; } .about__country-number span { font-size: 68px; line-height: 68px; } .about--orange-client { margin-top: 60px; } .about__info { padding: 70px 15px 0px; } .about__quote-img img { width: 65%; } } @media (max-width: 1024px) { .mbox { padding: 0; } .about--gray { margin: 55px 0 55px; } .about__quote { padding: 24px 15px; } .about__options { margin: 0; } .about--orange-client:before { height: 200px; } .about__info { padding: 70px 0 0px; } .about--options { background-position: 50% 65%; } .about__options { margin-bottom: -50px; } .about__footer { margin: 15px 0 0; } } @media (max-width: 768px) { .about--orange-client:before { height: 180px; } .about__maintitle { margin: 30px 0; font-size: 38px; } .about__goods { margin: 30px 0; } .about__goods-desc { font-size: 16px; } .about__goods-img { margin: 15px 0; } .about__goods-img img { max-width: 90px; } .about--gray { margin: 45px 0; } .about__quote-img img { width: 50%; } .about__quote-title { font-size: 24px; } .about__quote-title .color--orange { font-size: 38px; } .about__title { font-size: 38px; margin: 40px 0; } .about--options { background-size: cover; margin-bottom: 20px; } .about__options-item { width: calc(50% - 30px); min-height: 171px; margin: 50px 15px; } .about__options-desc { font-size: 16px; margin: 0; } .about__options-img { width: 140px; height: 140px; } .about__options-img img { display: block; width: 50%; } .about__options-img-wrap { margin-top: -104px; } .about__options { padding-bottom: 30px; } .about__choice { margin: -10px 0; } .about__choice-item { width: calc(50% - 20px); margin: 10px; } .about__choice-title { padding: 10px; font-size: 18px; } .about__choice-title span { font-size: 35px; margin-left: 0; } .about__choice-desc { font-size: 16px; } .about__client { margin: 0 -10px; } .about__map { padding: 40px 0; } .about__country-number { font-size: 16px; padding: 0 10px; text-align: center; } .about__country-number span { font-size: 60px; line-height: 60px; } .about__country-desc { font-size: 16px; } .about__team { padding-bottom: 40px; } .about__team-title { font-size: 16px; } .about--orange { margin-top: 40px; } .about--orange-client { margin-bottom: 120px; } .about__title--small { font-size: 26px; } .about__info { margin-top: 0; padding: 70px 0 0; } .about__linetitile--margin { margin: 40px 0; } .about__team-img { padding-right: 10px; } .about__team-title { padding-left: 10px; } .about__footer { margin: 15px 0 0; } } @media (max-width: 480px) { .about__maintitle { font-size: 30px; } .about__subtitle { font-size: 16px; } .about__linetitle { font-size: 16px; } .about__title { font-size: 30px; } .about__goods { flex-wrap: wrap; } .about__goods-item { width: calc(50% - 4px); margin: 2px; } .about__goods-img { margin: 15px 0; } .about__goods-desc { margin: 20px 10px 0; } .about__quote-title .color--orange { font-size: 27px; } .about__quote-img { width: 15%; margin-top: -30px; } .about__quote-img img { width: 100%; } .about__quote-title { font-size: 16px; width: 90%; } .about__options-item { width: calc(100% - 30px); } .about__choice-item { width: 100%; margin: 10px 0; } .about__country { flex-direction: column; } .about__country-number { width: 100%; padding-bottom: 30px; } .about__country-desc { width: 100%; text-align: center; } .about__team { flex-direction: column; } .about__team-img { width: 100%; padding: 0 0 30px 0; } .about__team-title { width: 100%; padding: 0; text-align: center; } .about__team-item { width: 100%; margin: 7.5px 0; } .about--orange:before { height: 97%; width: calc(100% + 30px); left: -18px; } .about__team-name { min-height: auto; } .about__client { flex-direction: column; margin: 0; } .about__client-item { width: 100%; margin: 10px 0; } .about--orange-client { margin-bottom: 80px; } .about--orange-client:before { top: 40px; } .about__info { flex-direction: column; margin: -40px 0; } .about__info-item { width: 100%; margin: 40px 0; padding: 60px 15px 15px; } .about__info-desc { font-size: 16px; } .about__info-img { width: 100px; height: 100px; } .about__footer { margin: 0; } } /* 30.10.19 pnz start */ .mall { padding-left: 68px; display: flex; flex-direction: column; align-items: flex-start; } .mall__address { font-weight: 700; margin-bottom: 12px; font-size: 16px; position: relative; } .mall__ico { width: 42px; height: 42px; position: absolute; left: -58px; top: 33%; transform: translateY(-50%); } .mall__ico svg { width: 100%; height: 100%; fill: #F89E1C; } .mall__ico img { width: 100%; height: 100%; object-fit: contain; } .mall__spec { margin-bottom: 15px; display: flex; flex-direction: column; } .mall__phones { display: flex; flex-direction: column; position: relative; } .mall__phico { width: 42px; height: 42px; position: absolute; left: -58px; top: 50%; transform: translateY(-50%); } .mall__phico img { width: 100%; height: 100%; object-fit: contain; } .mall__phones span { margin-bottom: 4px; } .mall__phones a { font-weight: 700; color: #000000; font-size: 16px; text-decoration: none; } .mall__times { margin: 15px 0; position: relative; } .mall__tico { width: 42px; height: 42px; position: absolute; left: -58px; top: 50%; transform: translateY(-50%); } .mall__tico img { width: 100%; height: 100%; object-fit: contain; } .mall__work { margin-bottom: 4px; } .mall__period p { margin: 0; } .mall__onmap { margin-top: 12px; display: flex; align-items: center; justify-content: flex-start; } .goto { font-size: 16px; padding-right: 15px; position: relative; display: block; text-decoration: none; color: #F89E1C; transition: all 200ms; } .goto:after { transition: all 200ms; position: absolute; top: 50%; content: ''; width: 8px; height: 8px; border-top: 2px solid #F89E1C; border-right: 2px solid #F89E1C; border-radius: 2px; transform-origin: 50% 50%; right: 0; transform: translateY(-50%) rotateZ(45deg); } .goto:hover { color: #F89E1C; } .goto:hover:after { border-color: #F89E1C; } .contacts__map { height: 600px; width: 100%; margin-bottom: 45px; } #g-map { width: 100%; height: 100%; } #g-map2 { width: 100%; height: 100%; } /* 30.10.19 pnz end */ /* header phones rework 10.03.20 */ .header__callback .openWebFormModal.link.callBack { text-decoration: none; position: relative; color: #F89E1C; font-size: 15px; } .header__callback .openWebFormModal.link.callBack:after { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: absolute; display: block; bottom: 0px; width: 100%; height: 0px; content: ""; left: 0px; border-bottom: 1px dashed #F89E1C; } #subHeader7 .phonesTb { display: flex; align-items: center; } .topPrice { display: inline-block; margin-right: 24px; } .topPrice > a { color: #F89E1C; position: relative; text-decoration: none; } .topPrice > a:after { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: absolute; display: block; bottom: 0px; width: 100%; height: 0px; content: ""; left: 0px; border-bottom: 1px dashed #F89E1C; } .topPrice > a:active { top: 1px; } .priceType-popup { text-align: left; } .priceType__wrapper { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; padding-top: 20px !important; } .priceType__btn { position: relative; -webkit-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 300; border: 1px solid #e7e7e7; text-align: center; font-size: 14px; cursor: pointer; color: #ffffff; outline: none; background-color: #F89E1C; padding: 6px 35px; display: inline-block; } .priceType__btn:hover { background-color: #ffa800; } .priceType__btn:active { top: 1px; } .priceType__btn-wrapper { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; margin-bottom: 24px; } .priceType-popup .webFormTools { margin-top: 15px; } .priceType__row input, .priceType__row span { cursor: pointer; } .priceType__row span { font-size: 16px; } .priceType-popup .webformModalContainer { max-width: 320px; } .priceType__row { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; } .priceType__row input { margin: 5px 10px 3px 4px; } .appFastViewContainer .changeAvailable, #catalogElement .changeAvailable { position: static; right: 0; top: 0; float: none; width: auto !important; } .prices-block .price-item { font-size: 16px; font-weight: 700; } .prices-block .price-item b { font-weight: 400 !important; font-size: 14px; margin-right: 5px; } .prices-block { position: relative; } .product .prices-block:after { position: absolute; content: ''; height: 100%; width: 100%; background: rgba(255, 255, 255, 0); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); left: 0; top: 0; -webkit-transition: background 0.1s ease; transition: background 0.1s ease; min-height: 44px; } .product:hover .prices-block:after { background: transparent; } @media screen and (max-width: 600px) { #headerLine4 .subTableColumn:first-child { width: 90px; } } @media screen and (max-width: 400px) { #headerLine4 .subTableColumn:first-child { width: 50px; } } /* 23.03.20 add youtube icon */ .productTable .productColImage .youtube_ico { margin-top: -31px; display: block; position: relative; z-index: 1; background-color: transparent; } #catalogLineList .column .youtube_ico { position: absolute; left: 6px; z-index: 1; bottom: 20%; } .prices-block { padding: 10px 0 0; } #catalogTableList .column:first-child { position: relative; } #catalogTableList .youtube_ico { position: absolute; bottom: 2px; left: 6px; height: 25px; z-index: 1; } #catalogTableList .prices-block .price-item { display: flex; flex-wrap: wrap; justify-content: center; } @media (max-width: 1500px) { #catalogTableList .prices-block .price-item { flex-direction: column; align-items: center; } } @media (max-width: 1200px) { #catalogLineList .column:last-child { line-height: initial; display: flex; height: auto; flex-direction: column; } #catalogLineList .column .resizeColumn.last { padding: 0 0 5px 10px; } } @media (max-width: 1024px) { .productTable { margin-top: 5px; } } @media (max-width: 700px) { .productTable .productColImage .youtube_ico { position: absolute; left: 6px; z-index: 1; bottom: 0; } .productTable { margin-top: 25px; } .productColText .prices-block { padding: 10px 0; } .product { height: auto; } .product .productColText .prices-block:after { display: none; } .productColImage { position: relative; } .items.productList { display: flex; flex-wrap: wrap; } .product:hover .tabloid { position: relative; } .prices-block .price-item { display: flex; flex-wrap: wrap; align-items: center; } #catalogLineList .resizeColumn .prices-block .price-item { justify-content: center; } #catalogLineList .column .youtube_ico { bottom: 0; } } @media (max-width: 634px) { #catalogLineList .column .resizeColumn { width: 100%; } } @media (max-width: 480px) { #catalogLineList .column .resizeColumn { width: 100%; } #catalogTableList .youtube_ico { top: -21px; } } #catalog.preload { position: relative; } #catalog.preload:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #333; opacity: .3; z-index: 5; } #catalogElement .skuDropdownList { max-height: 214px; overflow: auto; } #right .links_block_block { display: none !important; } @media screen and (max-width: 1024px) { #right .links_block_block { display: block !important; } #left .links_block_block { display: none !important; } } #elementContainer .elementSkuPropertyList img { width: 72px; } #elementContainer .elementSkuProperty li { margin-bottom: 6px; } #elementContainer .elementSkuPropertyLink { padding: 2px 4px; } @media screen and (max-width: 400px) { #catalogLine { display: flex; align-items: center; justify-content: space-between; } #catalogLine .column:nth-child(2) { margin-left: 9px; } .items.productList { width: 100%; } } #basketProductList .productList .item .topSection .delete { position: absolute; top: 10px; } #catalogTableList .itemRow { position: relative; } #catalogElement .changeAvailable { text-align: right; } .product:hover .tabloid { height: auto !important; } @media screen and (max-width: 1199px) { #catalogLineList .name { margin-top: 15px; } } .items.productList.gross-items .prices-block { min-height: 63px } @media screen and (min-width: 1801px) { #catalog .product { height: 341px; } #catalog .product .tabloid { height: 340px; } #catalog .items.productList.gross-items .product { height: 387px; } #catalog .items.productList.gross-items .product .tabloid { height: 385px; } #similar-content .product, #related .product { height: 360px; } #similar-content .product .tabloid, #related .product .tabloid { height: 357px; } #similar-content .items.productList.gross-items .product, #related .items.productList.gross-items .product { height: 411px; } #similar-content .items.productList.gross-items .product .tabloid, #related .items.productList.gross-items .product .tabloid { height: 410px; } #homeCatalog .items.productList.gross-items .product { height: 390px; } #homeCatalog .items.productList.gross-items .product .tabloid { height: 389px; } } .items.productList.gross-items .product .prices-block:after { display: none; } @media screen and (min-width: 1025px) and (max-width: 1800px) { #catalog .product { height: 323px; } #catalog .product .tabloid { height: 322px; } #catalog .items.productList.gross-items .product { height: 370px; } #catalog .items.productList.gross-items .product .tabloid { height: 369px; } #similar-content .items.productList.gross-items .product, #related .items.productList.gross-items .product { height: 392px; } #similar-content .items.productList.gross-items .product .tabloid, #related .items.productList.gross-items .product .tabloid { height: 391px; } #homeCatalog .items.productList.gross-items .product { height: 367px; } #homeCatalog .items.productList.gross-items .product .tabloid { height: 366px; } } @media screen and (min-width: 701px) and (max-width: 1024px) { #catalog .items.productList.gross-items .product { height: 340px; } #catalog .items.productList.gross-items .product .tabloid { height: 339px; } .product { height: 310px; } .product .tabloid { height: 309px; } #similar-content .items.productList.gross-items .product, #related .items.productList.gross-items .product { height: 364px; } #similar-content .items.productList.gross-items .product .tabloid, #related .items.productList.gross-items .product .tabloid { height: 363px; } #homeCatalog .items.productList.gross-items .product { height: 338px; } #homeCatalog .items.productList.gross-items .product .tabloid { height: 337px; } } .seo-element-text { padding: 0 24px; } .seo-element-text p { max-height: 20px; overflow: hidden; transition: max-height .3s; } .seo-element-text span { cursor: pointer; color: #4a90e2; } .seo-element-text span:hover { text-decoration: underline; } .seo-element-text.opened p { max-height: 9999px; } .seo-element-text.opened span { display: none; } /* 1 click buy */ @media screen and (max-width: 767px) { #appFastBuyContainer { margin-left: auto; margin-top: auto; height: auto; max-width: 100%; transform: translate(-50%, -50%); max-height: 100%; overflow: auto; } #fastBuyOpenContainer { display: flex; flex-direction: column; align-items: center; } #appFastBuyContainer .column { max-width: 100%; } #appFastBuyContainer .title { margin-right: auto; } #appFastBuyContainer .formLine { margin: 0 12px 12px; } #appFastBuyContainer input { max-width: 100%; } #appFastBuyContainer textarea { max-width: 100%; } #appFastBuyContainer #fastBuyFormSubmit { max-width: 100%; } } @media screen and (max-width: 700px) { #smallElementTools .columnRowWrap { display: flex; margin-top: 15px; } #smallElementTools .columnRow .fastBack, #smallElementTools .columnRow .addCart { width: auto; padding: 0 10px; white-space: nowrap; } #smallElementTools .columnRow .addCart { margin-right: 15px; } #smallElementTools .columnRow:last-child { display: inline-block; } } @media screen and (max-width: 480px) { #smallElementTools .columnRowWrap { justify-content: space-between; } #smallElementTools .columnRowWrap .row { width: 100%; } #smallElementTools .columnRow .fastBack { min-width: calc(100% - 15px) } #smallElementTools .columnRow:last-child { text-align: right; } } /* end 1 click buy */ #left .hover-menu { z-index: 1000; position: relative; } #left .hover-menu:before { content: ''; position: fixed; background-color: #000; opacity: 0; top: 0; left: 0; right: 0; bottom: 0; z-index: 32; height: 100%; pointer-events: none; transition: opacity .5s; } #left .hover-menu:hover:before { opacity: .4; } #main.color_white #leftMenu > li { z-index: 34; position: relative; } #left .heading.orange { position: relative; z-index: 1001; } #main.color_white #left #subLeftMenu { position: relative; z-index: 32; } #elementContainer .elementSkuPropertyList { display: flex; flex-wrap: wrap; } body { overflow-x: hidden; } #main.main--personal { background-color: #f3f3f3; margin-top: 0; padding-top: 24px; } #mainProfile { overflow: visible; } .av-personal * { box-sizing: border-box; } .av-personal__row { display: flex; margin: 0 -5px; } .av-personal__col { width: 50%; padding: 0 5px; max-width: 570px; } .av-personal__box { box-shadow: 0 0 10px #dadada; margin-bottom: 10px; padding: 30px 35px; background-color: #fff; } .av-personal__box:last-child { margin-bottom: 0; } .av-personal__head { display: flex; align-items: flex-end; font-size: 18px; font-weight: 300; letter-spacing: .1px; margin-bottom: 25px; } .av-personal__head img { width: 26px; height: 23px; object-fit: contain; margin-right: 15px; } .av-personal__label { font-size: 14px; font-weight: 100; color: #999; letter-spacing: .4px; margin-bottom: 10px; } .av-personal__radiolist { margin-top: 15px; } .av-personal__radio { display: flex; align-items: flex-end; font-size: 14px; letter-spacing: .4px; margin-bottom: 7px; position: relative; padding-left: 25px; cursor: pointer; } .av-personal__radio:last-child { margin-bottom: 0; } .av-personal__radio input { display: none; } .av-personal__radio span:before { content: ''; width: 12px; height: 12px; border: 3px solid #dddddd; background-color: #dddddd; position: absolute; top: 3px; left: 0; border-radius: 50%; box-sizing: border-box; } .av-personal__radio span:after { content: ''; border: 1px solid #9b9b9b; width: 12px; height: 12px; position: absolute; top: 3px; left: 0; border-radius: 50%; box-sizing: border-box; } .av-personal__radio input:checked + span:before { background-color: #f89e1c; } .av-personal__field { margin-bottom: 25px; } .av-personal__field:last-child { margin-bottom: 0; } .av-personal__input { position: relative; } .av-personal__input input:not([type="checkbox"]) { border: 1px solid #ddd; font-size: 14px; letter-spacing: .4px; font-weight: 100; padding: 20px 15px; width: 100%; } .av-personal__show { position: absolute; width: 50px; height: 50px; right: 5px; top: 50%; transform: translateY(-50%); margin: 0; background-image: url('/bitrix/templates/dresscode/images/personal/eye-close.svg'); background-size: 25px 20px; background-position: center center; background-repeat: no-repeat; } .av-personal__show.opened { background-image: url('/bitrix/templates/dresscode/images/personal/eye-open.svg'); } .av-personal__show input { display: none; } .av-personal__gross { font-size: 14px; letter-spacing: .4px; font-weight: 300; color: #999; position: relative; cursor: pointer; display: inline-block; margin-bottom: 25px; } .av-personal__gross input { display: none; } .av-personal__gross span { position: relative; } .av-personal__gross span:before { content: ''; position: absolute; right: -30px; width: 12px; height: 12px; border: 1px solid #ddd; top: 1px; } .av-personal__gross span:after { content: ''; position: absolute; right: -32px; top: -2px; border-bottom: 2px solid #f89e1c; border-left: 2px solid #f89e1c; width: 15px; height: 8px; transform: rotate(-50deg); opacity: 0; transition: opacity .3s; } .av-personal__gross input:checked + span:after { opacity: 1; } .av-personal__submit { margin: 25px 0; } .av-personal__submit button { border: none; background-color: #f89e1c; color: #fff; padding: 23px 15px; text-align: center; font-size: 14px; min-width: 195px; cursor: pointer; transition: background-color .3s; } .av-personal__submit button:hover { background-color: #ffa800; } .av-personal__select select { opacity: 0; } .select2 * { outline: none; } .select2-container { min-width: 100%; } .select2-container--default .select2-selection--single { border: 1px solid #ddd; border-radius: 0; height: 58px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 58px; padding-left: 15px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 58px; width: 45px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border: none; border-bottom: 1px solid #9d9d9d; border-left: 1px solid #9d9d9d; width: 8px; height: 8px; transform: rotate(-45deg); top: calc(50% - 4px); } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: #9d9d9d; border-width: 0 0 1px 1px; transform: rotate(135deg); top: 50%; } .select2-search--dropdown { display: none; } .select2-dropdown { border: 1px solid #dddddd; border-radius: 0; } .select2-container--default .select2-results__option--selected { background-color: #f5f5f5; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #f5f5f5; color: #000; } .select2-results__option { padding: 20px 15px; } .select2-container--default .select2-results > .select2-results__options { max-height: 495px; } #subLeftMenu.av-personal__menu { padding: 6px 0; margin-top: 24px; } .av-personal__menu-item.selected { background-color: #f5f5f5; } .av-personal__menu-item a { display: flex !important; align-items: center; padding: 8px 24px 8px 18px !important; } .av-personal__menu-item img { width: 21px; height: 24px; object-fit: contain; margin-right: 15px; } .av-personal__nav { display: flex; flex-wrap: wrap; margin: 36px -15px 0; max-width: 1140px; } .av-personal__nav-item { margin: 50px 15px 60px; width: calc(25% - 30px); background-color: #f89e1c; text-decoration: none; color: #000; text-align: left; transition: background-color .3s; } .av-personal__nav-img { border-radius: 50%; background-color: #999; width: 85px; height: 85px; display: flex; align-items: center; justify-content: center; margin: -50px auto 0; } .av-personal__nav-img img { width: 48px; height: 48px; object-fit: contain; } .av-personal__nav-name { font-size: 18px; letter-spacing: .1px; letter-spacing: .1px; text-align: center; margin: 25px 10px 40px; } .av-personal__nav-item:hover { background-color: #fff; box-shadow: 0 0 5px #d4d4d4; } .av-history * { box-sizing: border-box; } .av-history__row { padding: 28px; background-color: #fff; margin-bottom: 10px; max-width: 1415px; display: grid; grid-template-columns:8% 11% 310px 20% auto 125px; } .av-history__row:last-child { margin-bottom: 0; } .av-history__col { border-right: 1px solid #ddd; display: flex; align-items: center; padding: 0 10px; justify-content: center; } .av-history__col:first-child { padding: 0; justify-content: flex-start; } .av-history__col:last-child { border-right: none; padding-right: 0; } .av-history__col:nth-child(3) { justify-content: flex-start; } .av-history__number a { color: #f89e1c; font-size: 14px; text-decoration: none; } .av-history__date { color: #afafaf; font-size: 14px; font-weight: 300; } .av-history__gallery { display: flex; margin: -8px -5px; } .av-history__img { width: 50px; height: 50px; border: 1px solid #ddd; margin: 0 5px; padding: 3px; display: flex; justify-content: center; align-items: center; } .av-history__img img { width: 100%; object-fit: contain; object-position: center; } .av-history__total { text-align: center; font-size: 14px; font-weight: 300; } .av-history__detail { display: flex; align-items: center; color: #4a90e2; text-decoration: none; font-size: 14px; font-weight: 300; } .av-history__detail:hover { text-decoration: underline; } .av-history__detail img { width: 26px; height: 28px; margin-right: 10px; } .av-history__status { font-size: 14px; font-weight: 300; text-align: center; } .av-history__status.disabled { color: #afafaf; } .av-history__status.accept { color: #0ec705; } .av-personal__radiolist--register { margin-top: 0; margin-bottom: 11px; } .av-order * { box-sizing: border-box; } .av-order { max-width: 1140px; } .av-order__head { background-color: #fff; padding: 25px 35px; display: flex; align-items: center; } .av-order__right { display: flex; align-items: center; justify-content: space-between; width: 50%; padding-left: 40px; } .av-order__number { font-size: 18px; font-weight: 100; letter-spacing: .1px; width: 50%; } .av-order__date { font-size: 14px; color: #999999; letter-spacing: .4px; font-weight: 300; } .av-order__status { font-size: 14px; padding: 13px 19px; background-color: #f5f5f5; display: flex; align-items: center; } .av-order__status.accept { color: #0ec705; } .av-order__status.accept .av-order__ico { display: inline-block; width: 15px; height: 6px; border-bottom: 2px solid #0ec705; border-left: 2px solid #0ec705; transform: rotate(-50deg) translate(0, -6px); } .av-order__print img { width: 27px; height: 28px; } .av-order__row { display: flex; margin: 0 -5px; } .av-order__col { background-color: #fff; margin: 10px 5px; padding: 25px 35px; width: 50%; } .av-order__heading { font-size: 18px; font-weight: 100; letter-spacing: .1px; margin-bottom: 40px; } .av-order__infobox { font-size: 14px; font-weight: 300; line-height: 2; } .av-order__infobox-row { display: flex; } .av-order__infobox-row span { display: inline-block; } .av-order__infobox-row span:first-child { color: #999; min-width: 40%; width: 40%; padding-right: 15px; } .av-order__infobox--disabled { color: #ff0000; } .av-order__infobox--accept { color: #0ec705; } .av-order__subheading { color: #999; font-size: 14px; font-weight: 300; letter-spacing: .4px; line-height: 2; } .av-order__change-pay { color: #000; position: relative; max-height: 65px; overflow: hidden; cursor: pointer; display: flex; flex-direction: column; margin: 10px 0; } .av-order__change-pay.disabled { pointer-events: none; } .av-order__change-pay.disabled .av-order__pay-system { color: #999; } .av-order__change-pay.opened { overflow: visible; z-index: 5; } .av-order__change-arrow { width: 8px; height: 8px; position: absolute; right: 20px; top: 26px; border-bottom: 1px solid #9d9d9d; border-left: 1px solid #9d9d9d; transform: rotate(-45deg); z-index: 4; } .av-order__change-pay.opened .av-order__change-arrow { transform: rotate(135deg); top: 31px; } .av-order__pay-system { display: flex; align-items: center; padding: 4px 15px; transition: background-color .3s; background-color: #fff; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .av-order__pay-system.selected { color: #ffa900; order: -1; border: 1px solid #ddd; } .av-order__pay-system:not(.selected):hover { background-color: #f5f5f5; } .av-order__pay-system:last-child { border-bottom: 1px solid #ddd; } .av-order__pay-system img { width: 55px; height: 55px; object-fit: contain; object-position: center; } .av-order__pay-system span { margin-left: 25px; } .av-order__content * { box-sizing: border-box; } .av-order__content { background-color: #fff; padding: 25px 35px 0; max-width: 1140px; box-sizing: border-box; } .av-order__table-row { display: flex; padding: 16px 0; font-size: 14px; border-top: 1px solid #ddd; } .av-order__table-row:first-child { color: #afafaf; } .av-order__table-row:last-child { border-bottom: 1px solid #ddd; } .av-order__table-col { border-right: 1px solid #ddd; padding: 0 16px; text-align: center; } .av-order__table-col:first-child { padding-left: 0; } .av-order__table-col:last-child { padding-right: 0; border: none; } .av-order__table-col:nth-child(1) { width: 10%; min-width: 97px; } .av-order__table-col:nth-child(2) { text-align: center; width: 17%; } .av-order__table-col:nth-child(3) { width: 40%; } .av-order__table-col:nth-child(4) { text-align: center; width: 11%; } .av-order__table-col:nth-child(5) { text-align: center; width: 11%; } .av-order__table-col:nth-child(6) { text-align: center; width: 11%; } .av-order__table-col span:first-child { display: none; } .av-order__table-img { width: 60px; border: 1px solid #ddd; position: relative; padding-bottom: calc(75% - 2px); } .av-order__table-img img { width: calc(100% - 15px); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .av-order__table-name { color: #f89e1c; text-decoration: none; display: block; } .av-order__table-name:hover { text-decoration: underline; } .av-order__table-article { white-space: nowrap; } .av-order__total-sum { background-color: #f5f5f5; padding: 25px 35px; display: flex; justify-content: flex-end; box-shadow: 0 5px 10px #e7e7e7; } .av-order__total-sum-number { font-weight: 700; padding-left: 30px; min-width: 70px; text-align: right; } .av-order__btns { display: flex; justify-content: space-between; margin: 24px -10px 0; flex-wrap: wrap; } .av-order__btn { border: none; padding: 20px 15px; text-align: center; font-size: 14px; min-width: 270px; cursor: pointer; transition: background-color .3s, color .3s; background-color: #fff; text-decoration: none; color: #000; margin: 0 10px 24px; } .av-order__btn--yellow { background-color: #f89e1c; color: #fff; } .av-order__btn--yellow:hover { background-color: #ffa800; } .av-order__btn--back:before { content: '<'; margin-right: 15px; transition: color .3s; } .av-order__btn--back:hover { color: #F89E1C; } .av-order__btn--submit { min-width: 188px; display: inline-block; margin: 0; margin-top: 15px; } .av-order__btn--submit.disabled { background-color: #999999; color: #fff; pointer-events: none; } .av-order__form { background-color: #f89e1c; color: #fff; border: none; padding: 20px 15px; text-align: center; font-size: 14px; min-width: 188px; cursor: pointer; transition: background-color .3s, color .3s; max-width: 188px; position: relative; margin-top: 15px; } .av-order__form:hover { background-color: #ffa800; } .av-order__form input[type='image'] { opacity: 0; position: absolute; width: 100%; left: 0; top: 0; right: 0; bottom: 0; height: 100%; } @media print { body > *, html > *, html { visibility: hidden !important; position: absolute !important; width: 100%; background: #fff; } .printableArea * { visibility: visible !important; } .printableArea { visibility: visible !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100%; } .b24-widget-button-block { display: none !important; } .av-order { margin: 0 auto; } .av-order__btns { display: none !important; } .av-order__print { display: none !important; } .bx-crm-widget-form-config-sidebar { display: none !important; } .b24-widget-button-inner-mask { display: none !important; } #bx-panel { display: none !important; } } @media screen and (max-width: 1280px) { .av-history__img:nth-child(n+4) { display: none; } .av-history__row { grid-template-columns:9% 13% 190px 20% auto 125px; } .av-order__table-col:nth-child(3) { width: 37%; } .av-order__table-col:nth-child(4) { width: 14%; } } @media screen and (max-width: 1200px) { .av-personal__nav-item { width: calc(33.33% - 30px); } } @media screen and (max-width: 1100px) { .av-order__table-col:nth-child(2) { width: 15%; } .av-order__table-col:nth-child(3) { width: 37%; } .av-order__table-col:nth-child(4) { width: 16%; } .av-order__table-col:nth-child(5) { width: 16%; } } @media screen and (max-width: 767px) { .av-personal__row { flex-wrap: wrap; } .av-personal__col { width: 100%; max-width: none; padding-bottom: 10px; } .av-personal__col:last-child { padding-bottom: 0; } .av-personal__nav-item { width: calc(50% - 30px); } .av-history { display: flex; flex-wrap: wrap; justify-content: space-between; } .av-history__row { display: flex; flex-direction: column; padding: 25px 22px; position: relative; width: calc(50% - 5px); } .av-history__col { border: none; justify-content: flex-start; padding: 0; line-height: 1.25; } .av-history__status { position: absolute; top: 25px; right: 22px; } .av-history__detail { position: absolute; bottom: 25px; right: 22px; } .av-history__detail img { display: none; } .av-history__gallery { margin: 10px -5px 15px; width: 100%; } .av-history__total { width: 50%; text-align: left; display: flex; flex-direction: column; } .av-history__img:nth-child(n+4) { display: flex; } .av-history__img { height: auto; width: calc(20% - 10px); position: relative; padding: 0; padding-bottom: calc(20% - 12px); } .av-history__img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 5px); } .av-order__head { flex-direction: column; align-items: flex-start; padding: 25px 10px 20px; } .av-order__right { padding-left: 0; flex-direction: column; align-items: flex-start; position: relative; width: 100%; } .av-order__print { position: absolute; right: 0; bottom: 0; margin-right: 15px; } .av-order__date { margin: 15px 0; } .av-order__number { width: 100%; } .av-order__row { flex-wrap: wrap; margin: 5px -5px; } .av-order__col { width: 100%; margin: 5px; padding: 25px 10px 20px; } .av-order__content { padding: 25px 10px 0; } .av-order__heading { margin-bottom: 15px; } .av-order__table-row { font-size: 12px; flex-direction: column; position: relative; padding-left: 100px; } .av-order__table-row:first-child { display: none; } .av-order__table-col { border: none; padding-right: 0; } .av-order__table-col span:first-child { display: inline-block; color: #afafaf; width: 80px; } .av-order__table-img { width: 100px; padding-bottom: calc(100% - 2px); } .av-order__table-col:nth-child(1) { position: absolute; min-width: 116px; left: 0; max-width: 116px; padding-right: 16px; } .av-order__table-row .av-order__table-col { width: 100%; text-align: left; } .av-order__table-col:nth-child(3) { order: -1; } .av-order__table-name { font-size: 14px; min-height: 33px; margin-bottom: 5px; } .av-order__total-sum { margin: 0 -12px; padding: 25px 10px; justify-content: space-between; } #main.main--personal #subLeftMenu { display: none; } #appFastBuyContainer { margin-left: auto; margin-top: auto; height: auto; max-width: 100%; transform: translate(-50%, -50%); max-height: 100%; overflow: auto; } #fastBuyOpenContainer { display: flex; flex-direction: column; align-items: center; } #appFastBuyContainer .column { max-width: 100%; } #appFastBuyContainer .title { margin-right: auto; } #appFastBuyContainer .formLine { margin: 0 12px 12px; } #appFastBuyContainer input { max-width: 100%; } #appFastBuyContainer textarea { max-width: 100%; } #appFastBuyContainer #fastBuyFormSubmit { max-width: 100%; } #breadcrumbs { margin-bottom: 20px; } #breadcrumbs ul li a { overflow: hidden; font-size: 13px; /*color: #999;*/ } #breadcrumbs ul li:first-child a:before { content: '<'; display: inline-block; line-height: 21px; font-size: 14px; color: currentColor; transform: scale(1, 1.7); margin-right: 12px; } #breadcrumbs::after { right: -12px; } } @media screen and (max-width: 700px) { /* 1 click buy */ #smallElementTools .columnRowWrap { display: flex; margin-top: 10px; } #smallElementTools .columnRow .fastBack, #smallElementTools .columnRow .addCart { width: auto; padding: 0 10px; white-space: nowrap; } #smallElementTools .columnRow .addCart { margin-right: 15px; } /* end 1 click buy */ } @media screen and (max-width: 533px) { #subLeftMenu.av-personal__menu { margin-left: -12px; margin-right: -12px; } .av-personal__row { margin: 0 -12px; } .av-personal__col { padding-left: 0; padding-right: 0; } .av-personal__box { padding: 25px 12px; } .select2-container--default .select2-results > .select2-results__options { max-height: 244px; } .av-personal__menu-item a { padding: 8px 12px !important; } .av-personal__nav { margin: 0 -5px; } .av-personal__nav-item { margin: 30px 5px 10px; width: calc(50% - 10px); } .av-personal__nav-name { font-size: 14px; margin: 10px 10px 20px; } .av-personal__nav-img { width: 50px; height: 50px; margin: -30px auto 0; } .av-personal__nav-img img { width: 30px; height: 30px; } .av-history__row { width: 100%; } .av-history__total { width: 65%; } .av-order__head { margin: 0 -12px; } .av-order__row { margin: 5px -12px; } .av-order__col { margin: 5px 0; } .av-order__content { margin: 0 -12px; } .av-order__btn--yellow { order: -1; } .av-order__btn { min-width: 220px; } .av-order__col:first-child .av-order__infobox-row { flex-direction: column; line-height: 1.33; margin-bottom: 10px; } .av-order__col:first-child .av-order__infobox-row:last-child { margin-bottom: 0; } } @media screen and (max-width: 533px) { /* 1 click buy */ #smallElementTools .columnRowWrap { justify-content: space-between; } #smallElementTools .columnRowWrap .row { width: 100%; } #smallElementTools .columnRow .fastBack { min-width: calc(100% - 15px) } #smallElementTools .columnRow:last-child { text-align: right; } /* end 1 click buy */ } #left .hover-menu { z-index: 1000; position: relative; } #left .hover-menu:before { content: ''; position: fixed; background-color: #000; opacity: 0; top: 0; left: 0; right: 0; bottom: 0; z-index: 32; height: 100%; pointer-events: none; transition: opacity .5s; } #left .hover-menu:hover:before { opacity: .4; } #main.color_white #leftMenu > li { z-index: 34; position: relative; } #left .heading.orange { position: relative; z-index: 1001; } @media screen and (min-width: 1025px) { #left .absolute-menu { position: absolute; top: 65px; left: 0; } } .subHeader__desc span { line-height: 1.33; font-size: 13px; display: inline-block; } @media screen and (max-width: 767px) { .subHeader__desc { display: none; } #subHeader7 .subTableColumn:first-child { width: 220px; } #subHeader7 .phonesContainer { margin-right: 12px; } #subHeader7 .subTableColumn:nth-child(3) { width: 190px; } } #catalogElement .skuDropdownList .elementSkuPropertyValue { width: 100%; } @media screen and (min-width: 1025px) { #elementContainer #pictureContainer .pictureSlider .item { display: block; } #elementContainer #moreImagesCarousel { visibility: visible; opacity: 1; padding-bottom: 24px; } #elementContainer #moreImagesCarousel .slider__nav .slider__slide { opacity: .5; position: relative; outline: none !important; max-width: 25%; } #elementContainer #moreImagesCarousel .slider__nav .slider__slide.slick-current { opacity: 1; } #elementContainer #moreImagesCarousel .slider__nav .slider__slide.slick-current:before { content: ''; position: absolute; bottom: -10px; width: 30%; left: 50%; transform: translateX(-50%); height: 2px; background-color: #000; display: inline-block; } #elementContainer #moreImagesCarousel .slider__nav .slick-list { padding-bottom: 15px; width: 80%; margin: 0 auto; max-width: 320px; } #elementContainer #moreImagesCarousel .slider__nav .slick-track { margin: 0 auto; min-width: 100%; } .slick-slider { margin-bottom: 0; } #zoomerMoreImagesContainerWrapper .item:nth-last-child(-1n+4) { display: none; } } #searchResult { z-index: 9999; } .mobheader { display: none; } @media screen and (max-width: 1024px) { body.is-admin .site_banner_wrapper { display: none; } #foundation { padding-top: 155px; /*padding-top: 0!important;*/ } .mobheader { padding: 11px 24px 2px; background-color: #fff; position: fixed !important; top: 0; /*height: 54px;*/ box-sizing: border-box; z-index: 11111; left: 0; right: 0; width: 100%; transition: background-color .3s, border-color .3s; border-bottom: 1px solid #fff; display: block; } .mobheader.shadow { background-color: #fcfcfc; border-bottom-color: #dadada; } .mobheader__row { display: flex; align-items: center; justify-content: space-between; position: relative; } .mobheader__row:after { position: absolute; content: ''; height: 1px; width: calc(100% + 22px); bottom: 0; left: -11px; background-color: #e7e8ea; } .mobheader__left { display: flex; align-items: center; } .mobheader__btns { display: flex; } .mobheader__btns .topCompare { margin-top: -7px; } .mobheader__btns .header__callback::before { width: 24px; height: 24px; } .mobheader__btn { width: 28px; height: 28px; margin: 0 8px; display: block; padding: 5px 0; } .header__callback { padding: 5px 0; background-position: center; } .mobheader__btn img { vertical-align: middle; } .mobheader__btn span { display: none; } .mobheader__btn > img { width: 100%; } .mobheader__price img { width: 100%; } .mobheader__btn:after { display: none !important; } .mobheader__logo img { width: 114px; } .mobheader__nav-burger { display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 11px; font-weight: 500; text-transform: uppercase; color: #000; cursor: pointer; } .mobheader__nav-wrap { margin-top: 4px; margin-right: 17px; } .mobheader__price { display: none; position: relative; } .mobheader__price--auth { display: inline-block; } .mobheader__bag { position: relative; } .mobheader__bag:before { content: attr(data-bag-count); position: absolute; width: 24px; height: 24px; border: 2px solid #ddd; border-radius: 50%; background-color: #fff; color: #d1d1d1; font-size: 13px; line-height: 21px; text-align: center; top: -9px; right: -12px; box-sizing: border-box; } .mobheader__bag.active:before { border-color: #f89e1c; color: #f89e1c; } .mobheader__logo--auth { width: 30px; overflow: hidden; } .mobheader__price .topPrice { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .mobheader__price .topPrice > a { opacity: 0; } .mobheader__search-container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; background-color: #fff; transform: translateX(-200%); transition: transform .3s; z-index: 11111; padding: 15px 10px; } .mobheader__search-container.opened { transform: translateX(0); } .mobheader__search-input { display: flex; align-items: center; border: 1px solid #ddd; border-radius: 25px; padding: 4px 15px; } .mobheader__search-back { width: 40px; height: 40px; position: relative; } .mobheader__search-back:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 10px; height: 10px; border-bottom: 2px solid #9b9b9b; border-left: 2px solid #9b9b9b; } .mobheader__search-input input { border: none; color: #000; font-size: 12px; font-weight: 300; letter-spacing: .4px; height: 40px; padding: 0 10px; width: 100%; outline: none; } .mobheader__search-input input::placeholder { color: #999; } .mobheader__serach-del { position: relative; width: 40px; height: 40px; background: none; border: none; outline: none; padding: 0; transition: opacity .3s } .mobheader__serach-del:before { content: ''; position: absolute; top: 50%; left: 50%; width: 19px; height: 2px; background-color: #9b9b9b; transform: translate(-50%, -50%) rotate(45deg); } .mobheader__serach-del:after { content: ''; position: absolute; top: 50%; left: 50%; width: 19px; height: 2px; background-color: #9b9b9b; transform: translate(-50%, -50%) rotate(-45deg); } .mobheader__search-input input:placeholder-shown + .mobheader__serach-del { opacity: 0; } .mobheader__result-title { display: none; border-top: 1px solid #ddd; font-size: 15px; font-weight: 700; text-align: center; color: #000; text-transform: uppercase; padding: 23px 0; margin-top: 14px; } .mobheader__nav-shadow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9998; background-color: #000; pointer-events: none; opacity: 0; transition: opacity .3s; height: 100vh; } .mobheader__nav-shadow.opened { pointer-events: all; opacity: .6; } html.menu, html.catalog-menu { height: 100%; overflow: hidden; } .mobnav { position: fixed; top: 0; left: 0; bottom: 0; width: 270px; overflow: auto; background: #fff; z-index: 9999999; transform: translateX(-200%); transition: transform .3s; font-weight: 300; font-size: 14px; letter-spacing: .2px; } .mobnav.opened { transform: translateX(0); } .mobnav__header { display: flex; align-items: flex-end; justify-content: space-between; background-color: #f5f5f5; padding: 10px; position: relative; } .mob-header-btn { position: absolute; top: 12px; right: 14px; padding: 12px; cursor: pointer; } .mob-header-btn::before { content: ""; position: absolute; top: 10px; left: 2px; background-color: #000; transform: rotate(45deg); width: 20px; height: 2px; } .mob-header-btn::after { content: ""; position: absolute; top: 10px; left: 2px; background-color: #000; transform: rotate(-45deg); width: 20px; height: 2px; } .mobnav__logo { width: 111px; display: flex; } .mobnav__logo img { width: 111px; object-fit: contain; } .mobnav__lang { display: flex; } .mobnav__lang a { margin-left: 20px; font-size: 14px; color: #f89e1c; text-decoration: none; letter-spacing: .2px; font-weight: 300; } .mobnav__lang a.selected { pointer-events: none; color: #000; } .mobnav__section { margin: 0 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 22px 0; } .mobnav__page { margin-bottom: 22px; } .mobnav__page a { color: #000; text-decoration: none; } .mobnav__catalog-btn { display: flex; align-items: center; } .mobnav__catalog-btn img { width: 18px; height: 18px; margin-right: 18px; } .mobnav__catalog-btn span { font-size: 16px; font-weight: 700; color: #f89e1c; } .mobnav__user { background-color: #f5f5f5; padding: 22px 10px; } .mobnav__register { display: flex; align-items: center; margin-bottom: 18px; } .mobnav__login { color: #f89e1c; text-decoration: none; } .mobnav__register a + a { margin-left: 30px; } .mobnav__ico { display: flex; } .mobnav__ico img { width: 18px; height: 18px; /*opacity: .5;*/ margin-right: 18px; } .mobnav__user-name { width: 100%; padding-right: 25px; } .mobnav__user-name a { color: #f89e1c; text-decoration: none; } .mobnav__price-type { display: flex; justify-content: space-between; margin: 0 auto; margin-bottom: 8px; max-width: 175px; } .mobnav__price { text-decoration: none; color: #f89e1c; } .mobnav__price.selected { pointer-events: none; color: #000; } .mobnav__bag { display: flex; text-decoration: none; color: #000; margin-bottom: 13px; } .mobnav__bag-text { width: 100%; } .mobnav__bag span { color: #999; } .mobnav__phone { text-decoration: none; color: #000; display: flex; margin-bottom: 12px; align-items: center; font-weight: 700; } .mobnav__phone span { font-size: 12px; } .mobnav__phone-box { display: flex; flex-direction: column; line-height: 1.25; } .mobnav__phone-box a { margin-bottom: 5px; font-weight: 700; } .mobnav__phone-box a:last-child { margin-bottom: 0; } .mobnav__callback { display: flex; align-items: center; color: #f89e1c; text-decoration: none; } .mobnav__link { display: block; text-decoration: none; color: #000; margin-bottom: 22px; } .mobnav__link:last-child { margin-bottom: 0; } .mobcatalog { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; transition: transform .3s; transform: translateX(-200%); z-index: 99999; overflow: auto; } .mobcatalog.opened { transform: translateX(0); } .mobcatalog__back { color: #f89e1c; font-size: 16px; letter-spacing: .2px; position: relative; padding: 14px 15px 14px 40px; margin: 0 10px; border-bottom: 1px solid #ddd; } .mobcatalog__back:before { content: ''; position: absolute; top: 50%; left: 2px; transform: translateY(-50%) rotate(45deg); border-bottom: 2px solid #999; border-left: 2px solid #999; width: 10px; height: 10px; } .mobcatalog__box { margin: 15px 0; } .mobcatalog__link { display: flex; padding: 10px; color: #000; text-decoration: none; } .mobcatalog__link img { width: 32px; height: 32px; margin-right: 8px; } .mobcatalog__section { position: relative; max-height: 45px; overflow: hidden; } .mobcatalog__drop { position: relative; } .mobcatalog__arrow { position: absolute; top: 0; right: 0; width: 65px; height: 45px; } .mobcatalog__arrow:before { content: ''; position: absolute; width: 1px; height: 13px; background-color: #ddd; top: 50%; left: 0; transform: translateY(-50%); } .mobcatalog__arrow:after { content: ''; position: absolute; width: 8px; height: 8px; border-bottom: 2px solid #999; border-right: 2px solid #999; top: 45%; left: 50%; transform: translate(-45%, -70%) rotate(45deg); transition: transform .3s; } .mobcatalog__drop.opened > .mobcatalog__arrow:after { transform: translate(-50%, -20%) rotate(-135deg); } .mobcatalog__section.mobcatalog__drop.opened { background-color: #eee; max-height: 9999px; } .mobcatalog__section.mobcatalog__drop > .mobcatalog__link { padding: 4px 10px 4px 8px; align-items: center; } .mobcatalog__drop.opened > .mobcatalog__drop { background-color: #f5f5f5; max-height: 45px; overflow: hidden; transition: padding .3s; } .mobcatalog__drop.opened > .mobcatalog__drop.opened { max-height: 9999px; } .mobcatalog__drop.opened .mobcatalog__drop > .mobcatalog__link { padding: 12px 10px; } .mobcatalog__drop.opened .mobcatalog__drop .mobcatalog__drop .mobcatalog__link { background-color: #fff; padding: 8px 10px; } .mobcatalog__drop.opened .mobcatalog__drop.opened .mobcatalog__drop { max-height: 9999px; padding: 8px 0; background-color: #fff; } .mobcatalog__nav { border-top: 1px solid #ddd; padding: 10px } .mobcatalog__nav-link { display: block; margin: 15px 0; color: #000; text-decoration: none; line-height: 1.25; } .mobile-catalog { margin-top: 16px; padding: 16px; display: flex; align-items: center; justify-content: center; background-color: #f89e1c; color: #fff; } .mobile-catalog img { margin-right: 12px; width: 15px; } } @media screen and (min-width: 992px) { .mobile-catalog { display: none; } } @media screen and (max-width: 1024px) { #left { margin-bottom: 0; } #left .heading.orange { display: none; } #right { margin-top: 0; } #breadcrumbs { /*margin-top: -20px;*/ margin-left: -24px; margin-right: -24px; padding: 5px 12px; } #breadcrumbs ul { display: flex; overflow: auto !important; padding: 0 12px; } #breadcrumbs ul .internal-crumbs { display: none; } #breadcrumbs::before { background: linear-gradient(to left, rgba(255, 255, 255, 0.2), #ffffff 100%); pointer-events: none; position: absolute; top: 0; left: 0; height: 100%; content: ''; width: 30px; z-index: 2; } #breadcrumbs::after { right: 0 !important; width: 30px !important; } #breadcrumbs .arrow { margin: 0 10px; font-size: 16px; vertical-align: sub; } h1.changeName { margin-bottom: 0; } #nextSection { display: none; } } @media screen and (max-width: 700px) { .mobheader { padding: 11px 11px 2px; } #breadcrumbs { margin-left: -12px; margin-right: -12px; } #breadcrumbs::after { width: 22px !important; } #breadcrumbs::before { width: 22px; } #breadcrumbs ul { padding: 0; } } @media screen and (max-width: 500px) { .admin-mobile { padding-top: 39px; } #panel { top: 0; } } @media screen and (max-width: 480px) { .mobile-catalog { margin-top: 15px; } } .webformModal { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; color: #000000; overflow: hidden; display: none; z-index: 9999; height: 100%; width: 100%; left: 0px; top: 0px; } .webformModalHideScrollBar { position: relative; overflow: auto; height: 100%; width: 120%; } .webformModalcn100 { position: relative; height: 100%; width: 100%; width: 100vw; /* css3 */ } .webformModal.visible { display: block; } .webformModalContainer { box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); transform: translateX(-50%) translateY(0%); /*transform: translateX(-50%) translateY(-50%);*/ -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-name: zoomIn; animation-name: zoomIn; background-color: #ffffff; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 500px; min-width: 300px; width: calc(100% - 20px); top: 24px; left: 50%; z-index: 100; } .small .webformModalContainer { transform: translateX(-50%) translateY(-50%); margin-bottom: 0px; top: 50%; } .webFormDw form { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .webFormDw form.loading { pointer-events: none; opacity: 0.8; } .webFormModalHeading { background-color: #424242; position: relative; text-align: center; line-height: 60px; font-size: 18px; color: #ffffff; } .webformModal .webFormModalHeadingExit { position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } .webformModal .webFormModalHeadingExit { background: url(/bitrix/templates/dresscode/images/exit.png) 0 0 no-repeat transparent; } .webformModal .webFormModalHeadingExit:hover { background-position: 0 -21px; } .webformModal .webFormModalHeadingExit:active { background-position: 0 -42px; } .webFormDescription { margin: 24px 0 0 0; max-width: 800px; } .webformModal .webFormDescription { padding: 0 24px; } .webformModal .webFormItems, .webformModal .webFormTools, .webformModal .webFormError { padding: 0 24px; } .webFormItem { margin-top: 24px; } .webFormItemCaption { font-weight: 500; margin-bottom: 12px; line-height: 21px; } .webFormItemImage { vertical-align: middle; display: inline-block; padding-right: 6px; } .webFormItemLabel { vertical-align: middle; display: inline-block; color: #555555; } .webFormItemRequired { display: inline-block; padding-left: 4px; color: #ff0000; } .webFormItemFieldVariant { display: inline-block; margin-left: 12px; } .webFormItemFieldVariant:first-child { margin-left: 0px; } .webFormItemField input[type="password"], .webFormItemField input[type="text"], .webFormItemField select { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 300; border: 1px solid #e7e7e7; padding-left: 12px; line-height: 55px; max-width: 100%; font-size: 14px; color: #555555; outline: none; height: 55px; width: 100%; } .webFormItemField textarea { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 300; border: 1px solid #e7e7e7; padding-left: 12px; line-height: 21px; padding-top: 12px; max-width: 100%; font-size: 14px; color: #555555; height: 150px; outline: none; width: 100%; } .webFormItemField input[id*="form_date_"] { margin-bottom: 6px; } .webFormItemField input[type="text"]:focus, .webFormItemField input[type="password"]:focus, .webFormItemField textarea:focus { border: 1px solid #aaaaaa; } .webFormItemField input[type="checkbox"] + label, .webFormItemField input[type="radio"] + label { cursor: pointer; } .webFormItemField input[type="checkbox"]:not(checked), .webFormItemField input[type="radio"]:not(checked) { position: absolute; opacity: 0; } .webFormItemField input[type="checkbox"]:not(checked) + label, .webFormItemField input[type="radio"]:not(checked) + label { position: relative; padding-left: 28px; } .webFormItemField input[type="checkbox"].error + label:before { border: 1px solid #ff0000 !important; } .webFormItemField input[type="checkbox"] + label:before { background: url(/bitrix/templates/dresscode/images/checkBox.png) 0 0 no-repeat transparent; } .webFormItemField input[type="radio"] + label:before { background: url(/bitrix/templates/dresscode/images/radio.png) 0 0 no-repeat transparent; } .webFormItemField input[type="checkbox"]:not(checked) + label:before, .webFormItemField input[type="radio"]:not(checked) + label:before { position: absolute; content: " "; height: 17px; width: 17px; left: 0; top: 0px; } .webFormItemField input[type="checkbox"]:not(checked) + label:hover:before, .webFormItemField input[type="radio"]:not(checked) + label:hover:before { background-position: 0 -17px; } .webFormItemField input[type="checkbox"]:checked + label:before, .webFormItemField input[type="radio"]:checked + label:before { background-position: 0 -34px; } .webFormItemField input[type="checkbox"]:checked + label:hover:before, .webFormItemField input[type="radio"]:checked + label:hover:before { background-position: 0 -51px; } .webFormItemField input[type="checkbox"]:disabled + label, .webFormItemField input[type="radio"]:disabled + label { cursor: default; } .webFormItemField input[type="checkbox"]:disabled + label:before, .webFormItemField input[type="radio"]:disabled + label:before { background-position: 0 -68px !important; } .webFormItemField img.calendar-icon { vertical-align: middle !important; margin: 0 0 0 0px !important; border: 0 !important; } .webFormItemField [multiple] { line-height: 120px; height: 120px; padding: 12px; } .webFormCaptchaPicture { margin-top: 12px; } .webFormCaptchaPicture img { vertical-align: middle; max-width: 100%; } .webFormCaptchaLabel { margin-bottom: 12px; margin-top: 12px; } .webFormItemField input.captcha_word { max-width: 300px; } .webFormTools { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 24px; } .webFormTools input[type="submit"], .webFormTools input[type="reset"] { -webkit-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 300; border: 1px solid #e7e7e7; text-align: center; line-height: 55px; font-size: 14px; cursor: pointer; color: #ffffff; outline: none; height: 55px; width: 100%; padding: 0; } .webFormTools .tc:first-child { padding-right: 12px; } .webFormTools .tc:last-child { padding-left: 12px; } .webFormTools input[type="submit"]:active { position: relative; top: 1px; } .webFormTools input[type="submit"].loading { background-image: url(/bitrix/templates/dresscode/images/loading.gif); background-color: #000000 !important; background-position: 50% 50%; background-repeat: no-repeat; border: 1px solid #000000; pointer-events: none; color: #dddddd; opacity: 0.1; } .webFormTools input[type="reset"] { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid #aaaaaa; background-color: #ffffff; color: #000000; } .webFormTools input[type="reset"]:hover { border: 1px solid #cccccc; } .webFormTools input[type="reset"]:active { position: relative; top: 1px; } .webFormItemError, .webFormError { font-weight: 500; margin-bottom: 12px; font-size: 12px; color: #ff0000; display: none; } .webFormError { margin-bottom: 0; margin-top: 24px; } .webFormItemError.visible, .webFormError.visible { display: block; } .webFormItemField .error { border: 1px solid #ff0000 !important; } .webFormMessage { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); line-height: 250px; position: fixed; overflow: auto; color: #000000; display: none; z-index: 1000; height: 100%; width: 100%; left: 0px; top: 0px; } .webFormMessageContainer { box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4); background-color: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: -225px; position: absolute; text-align: center; margin-top: -125px; border-radius: 2px; padding: 0px 24px; height: 250px; width: 450px; left: 50%; top: 50%; } .webFormMessageMiddle { vertical-align: middle; display: inline-block; line-height: 21px; } .webFormMessageHeading { margin-bottom: 24px; text-align: center; font-weight: 500; font-size: 18px; } .webFormMessageDescription { text-align: center; } .webFormMessageExit { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #000000; text-decoration: none; display: inline-block; text-align: center; border-radius: 2px; line-height: 40px; margin-top: 24px; padding: 0 24px; color: #ffffff; height: 40px; } .webFormMessageExit:hover { opacity: 0.8; } .webFormMessageExit:active { position: relative; top: 1px; } @media all and (max-width: 650px) { .webFormItemField input[id*="form_date_"] { margin-bottom: 12px; } .webFormItemField img.calendar-icon { margin-left: 0px !important; } .webFormTools input[type="submit"], .webFormTools input[type="reset"] { max-width: 150px; } } @media all and (max-width: 400px) { .webFormTools input[type="submit"], .webFormTools input[type="reset"] { margin-bottom: 24px; max-width: 300px; display: block; width: 100%; } } .webformModalCloseArea { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; } @media screen and (max-width: 1024px) { #left .hover-menu { display: none; } #panel { position: absolute; } } #catalogElement .also-buy .label.changeAvailable { text-align: left; } @media screen and (max-width: 533px) { #smallElementTools .secondTool { width: 100% !important; } #smallElementTools .mainTool { width: 100% !important; } } #zoomer.opened { z-index: 999999 !important; } .fix-select .soa-property-container { z-index: 999 !important; } #video .item { width: calc(33.33% - 24px); position: relative; padding: 0; padding-bottom: 17%; margin: 0 12px 24px; } #video .items iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } #video .items.sz1 .item { width: calc(33.33% - 24px); position: relative; padding: 0; padding-bottom: 17%; margin: 0 12px 24px; } #video .items.sz1 iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } #video .items.sz2 .item { width: calc(33.33% - 24px); position: relative; padding: 0; padding-bottom: 17%; margin: 0 12px 24px; } #video .items.sz2 iframe { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; } @media screen and (max-width: 700px) { #video .items.sz1 .item { padding-bottom: 52%; width: calc(100% - 24px) !important; margin-bottom: 24px; } #video .items.sz1 .item:last-child { margin-bottom: 0; } #video .items.sz2 .item { padding-bottom: 52%; width: calc(100% - 24px) !important; margin-bottom: 24px; } #video .items.sz2 .item:last-child { margin-bottom: 0; } } .items.productList.line-items .product { width: 100%; } #catalog .items.productList .product .tabloid .productColText .name { display: none !important; } #catalog .items.productList.line-items { border-left: none; } #catalog .items.productList.line-items .product { border: 1px solid #e7e8ea; } #catalog .items.productList.line-items .product:before { display: none; } #catalog .items.productList.line-items .product:hover { border: 1px solid #ccc; } #catalog .items.productList.line-items .product { height: auto; margin-bottom: 24px; } #catalog .items.productList.line-items .product .tabloid { height: auto; box-shadow: none; background: none; position: relative; border-bottom: none; padding: 0 10px; border: none; } #catalog .items.productList.line-items .product .tabloid .productTable { display: flex; justify-content: space-between; align-items: center; } #catalog .items.productList.line-items .product .tabloid .productColText { width: 270px; min-width: 270px; padding: 24px; box-sizing: border-box; border-left: 1px solid #e7e8ea; } #catalog .items.productList.line-items .product .picture img { max-width: 100%; max-height: 100%; } #catalog .items.productList.line-items .productColImage { width: 400px; } #catalog .items.productList.line-items .product .rating { height: 18px; display: none; } #catalog .items.productList.line-items .product .tabloid .productColText .optional { position: relative; } #catalog .items.productList.line-items .product .tabloid .productColText .optional .row { display: flex; flex-direction: column; margin-bottom: 0; } #catalog .items.productList.line-items .product .tabloid .productColText .optional .row .label { width: 100%; } #catalog .items.productList.line-items .product .tabloid .productColText .optional .row .label.fastBack { margin-bottom: 12px; width: 55%; } #catalog .items.productList.line-items .product .tabloid .productColText .optional .row .label.addWishlist { position: absolute; top: 0; right: 0; width: 75px; } #catalog .items.productList.line-items .product .tabloid .label.changeAvailable { right: calc(0% + 280px); } #catalog .items.productList.line-items .product .name { font-size: 18px; margin-bottom: 12px; margin-right: 12px; flex-grow: 1; height: auto; } #catalog .items.productList.table-items .product .name .rating { display: none; } #catalog .items.productList.line-items .product .name .rating { display: block; float: none; width: 79px; margin-top: 5px; } #catalog .items.productList.table-items .product .tabloid .productColText .optional .article { display: none; } #catalog .items.productList.line-items .product .tabloid .productColText .optional .article { display: block; background-color: #f3f3f3; border-radius: 4px; text-align: center; line-height: 32px; padding: 0 12px; color: #888; margin-top: 12px; } .items.productList.list-items .product { width: 100%; } #catalog .items.productList.list-items { border-left: none; } #catalog .items.productList.list-items .product { border: 1px solid #e7e8ea; } #catalog .items.productList.list-items .product:before { display: none; } #catalog .items.productList.list-items .product:hover { border: 1px solid #ccc; } #catalog .items.productList.list-items .product { height: auto; margin-bottom: 24px; } #catalog .items.productList.list-items .product .tabloid { height: auto; box-shadow: none; background: none; position: relative; border-bottom: none; /* padding: 0 10px; */ border: none; padding: 10px 10px; } #catalog .items.productList.list-items .product .tabloid .productTable { display: flex; align-items: center; } #catalog .items.productList.list-items .picture .getFastView { display: none; } #catalog .items.productList.list-items .picture:hover .getFastView { display: none; } #catalog .items.productList.list-items .productColText { display: flex; align-items: center; flex-grow: 1; } #catalog .items.productList.list-items .picture { line-height: 60px; height: 60px; width: 120px; } #catalog .items.productList.list-items .picture img { max-width: 100%; max-height: 100%; } #catalog .items.productList.list-items .product .markerContainer { display: none; } #catalog .items.productList.list-items .product .name { width: 28%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; padding-right: 4%; font-size: 13px; } #catalog .items.productList.list-items .product .name .rating { display: block; width: 79px; height: 21px; } #catalog .items.productList.list-items .product .tabloid .productColText .optional { display: flex; align-items: center; flex-grow: 1; justify-content: space-evenly; } #catalog .items.productList.list-items .product .tabloid .productColText .optional .article { display: block; background-color: #f3f3f3; border-radius: 4px; text-align: center; line-height: 32px; padding: 0 12px; color: #888; margin-top: 12px; } #catalog .items.productList.list-items .product .addCart { font-size: 14px; width: 130px; height: 40px; line-height: 40px; margin: 12px 40px; } #catalog .items.productList.list-items .product .tabloid .productColText .prices-block { padding: 12px; min-width: 180px; } #catalog .items.productList.line-items .productTable .productColImage .youtube_ico { position: absolute; bottom: 0; left: 10px; } #catalog .items.productList.list-items .productTable .productColImage .youtube_ico { position: absolute; left: 10px; bottom: auto; top: 5px; margin-top: 0; } #catalog .items.productList.list-items .product .row { display: flex; flex-direction: column; margin-bottom: 0; } #catalog .items.productList.list-items .product .row .label { width: 100%; } #catalog .items.productList.list-items .product .row .label.fastBack { margin-bottom: 8px; } #catalog .items.productList.list-items .product .price { margin: 40px 0; display: flex; } /**/ #catalog .items.productList { position: relative; } #catalog .items.productList.load:before { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; background-color: #fff; opacity: 1; transition: opacity .3s; } #catalog .items.productList:before { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; background-color: #fff; opacity: 0; transition: opacity .3s; z-index: 5; pointer-events: none; } #catalog .productList { padding-left: 10px; padding-right: 10px; } @media screen and (max-width: 1800px) { #catalog .items.productList.list-items .product .name .rating { display: none; } #catalog .items.productList.list-items .product .name { align-items: flex-start; width: 20%; padding-right: 2%; } } @media screen and (max-width: 1670px) { #catalog .items.productList.list-items .product .addCart { margin: 12px 40px; } } @media screen and (max-width: 1580px) { #catalog .items.productList.list-items .product .tabloid .productColText .optional .article { display: none; } } @media all and (max-width: 1450px) { .language-logo { display: none; } .logo-text { display: none; } } @media screen and (max-width: 1366px) { #catalog .items.productList.list-items .product .addCart { margin: 12px 20px; } #catalog .items.productList.list-items .product .tabloid .productColText .optional { width: 220px; } #catalog .items.productList.list-items .productColText { justify-content: space-around; } #catalog .items.productList.list-items .product .tabloid { padding: 0 10px; } } @media screen and (max-width: 1280px) { #catalog .items.productList.list-items .product .prices-block .price-item { display: flex; flex-direction: column; align-items: center; } #catalog .items.productList.list-items .product .addCart { margin: 12px 0 12px 10px; } } @media screen and (max-width: 1180px) { #catalog .items.productList.list-items .product .row:first-child { display: none; } #catalog .items.productList.list-items .product .tabloid .productColText .optional { width: auto; flex-grow: 0; } #catalog .items.productList.list-items .product .name { width: 30%; height: auto; } } @media screen and (max-width: 1024px) { #catalog .items.productList.line-items .product .tabloid .productTable { margin-top: 0; } } @media screen and (max-width: 767px) { #catalog .items.productList.line-items .product .tabloid .productTable { flex-wrap: wrap; padding-top: 24px; } #catalog .items.productList.line-items .productColImage { width: 40%; padding-right: 0; position: relative; } #catalog .items.productList.line-items .product .tabloid .productColText { width: 100%; padding: 10px; background-color: #f9f9f9; border-left: none; } #catalog .items.productList.line-items .prices-block { padding-top: 0; } #catalog .items.productList.line-items .product .tabloid .productColText .optional { display: flex; justify-content: flex-start; align-items: center; margin-top: 10px; padding-top: 10px; } #catalog .items.productList.line-items .product .tabloid .productColText .optional .row { flex-direction: row; margin-bottom: 0; } #catalog .items.productList.line-items .product .tabloid .productColText .optional .row .label.addWishlist { position: static; } #catalog .items.productList.line-items .product .tabloid .productColText .optional .row .label { width: 100%; white-space: nowrap; margin-right: 20px; } #catalog .items.productList.line-items .product .tabloid .productColText .optional .article { position: absolute; right: 0; margin-top: 0; top: 0; } #catalog .items.productList.line-items .product .tabloid .productColText .optional .row .label.fastBack { width: 100%; margin-bottom: 0; } #catalog .items.productList.line-items .product .tabloid .label.changeAvailable { right: 10px; } #catalog .items.productList.line-items .product .addCart { margin-bottom: 10px; } #catalog .items.productList.line-items .product .name { width: calc(60% - 12px); } #catalog .items.productList.list-items .product .tabloid .productColText .optional { display: none; } } @media screen and (max-width: 700px) { #catalog .items.productList.table-items .product .tabloid .productTable { position: relative; } #catalog .items.productList.table-items .product .tabloid .productTable .productColImage { width: 110px; } /*#catalog .items.productList.table-items .product .tabloid .name {display:none;}*/ #catalog .items.productList.table-items .product .tabloid .productColText .name { display: block !important; } #catalog .items.productList.line-items .product .addCart { display: block; margin-top: 0; height: 40px; font-size: 14px; width: 140px; line-height: 40px; margin: 0 auto 10px; } #catalog .items.productList.line-items .product .btn-simple.add-cart { display: none; } #catalog .items.productList.line-items .prices-block .price-item { text-align: center; justify-content: center; } #catalog .items.productList.line-items .product .price { text-align: center; } #catalog .items.productList.line-items .productColImage { padding-right: 12px; } #catalog .items.productList.line-items .product .name { width: calc(60% - 24px); } #catalog .items.productList.line-items .product .picture img { max-width: 80%; } #catalog .items.productList.list-items .product .btn-simple.add-cart { display: none; } #catalog .items.productList.list-items .product .addCart { display: block; } #catalog .items.productList.list-items .product .tabloid .productTable { margin-top: 0; width: auto; padding: 0 24px; } #catalog .items.productList.list-items .product .tabloid .productColImage { display: none; } #catalog .items.productList.list-items .productColText { justify-content: space-between; } #catalog .items.productList.list-items .product .name { width: 40%; } #catalog .items.productList.list-items .product .prices-block .price-item b { white-space: nowrap; } #catalog .items.productList.list-items .product .price { flex-wrap: wrap; align-items: center; justify-content: center; } #catalog .items.productList.list-items .product .price .word_price_text { width: 100%; text-align: center; } } @media screen and (max-width: 550px) { #catalog .items.productList.line-items .product .tabloid .productColText .optional { display: none; } #catalog .items.productList.line-items .product .tabloid .productColText { padding-bottom: 0; } } @media screen and (max-width: 480px) { #catalog .items.productList.list-items .product .tabloid .productTable { flex-direction: column; align-items: center; } #catalog .items.productList.list-items .product .tabloid .productTable { padding-top: 36px; } #catalog .items.productList.list-items .product .tabloid .productColImage { display: block; padding: 0 0 24px; } #catalog .items.productList.list-items .picture { margin: 0 auto; } #catalog .items.productList.list-items .product .name { width: 100%; padding: 0; justify-content: center; margin-bottom: 24px; } #catalog .items.productList.list-items .productColText { flex-direction: column; } #catalog .items.productList.list-items .product .addCart { margin-left: 0; } #catalog .items.productList.list-items .product .name .middle { text-align: center; } #catalog .items.productList.list-items .product .price { margin: 0 0 6px; } } .slider__nav-wrap { max-width: 400px; margin: 0 auto; position: relative; } #elementContainer #moreImagesCarousel #moreImagesLeftButton, #elementContainer #moreImagesCarousel #moreImagesRightButton { background: url('/bitrix/components/dresscode/catalog.item/templates/detail/images/carouselArrows.png') 0 0 no-repeat #0000; width: 40px; height: 50px; transform: translateY(-70%); margin: 0; } #elementContainer #moreImagesCarousel #moreImagesLeftButton { left: 0; background-position: -20px -5px; } #elementContainer #moreImagesCarousel #moreImagesRightButton { right: 0; background-position: -100px -5px; } .slider__nav-wrap .controls { display: block !important; } #elementContainer #moreImagesCarousel .slider__nav .slick-list { width: 80%; margin: 0 auto; max-width: 320px; } @media screen and (max-width: 1024px) { #elementContainer #moreImagesCarousel #moreImagesLeftButton, #elementContainer #moreImagesCarousel #moreImagesRightButton { transform: translateY(-50%); } } @media screen and (max-width: 480px) { #elementContainer #moreImagesCarousel #moreImagesLeftButton { left: -9px; } #elementContainer #moreImagesCarousel #moreImagesRightButton { right: -9px; } #elementContainer #moreImagesCarousel { overflow: visible; } .slider__nav-wrap { margin: 0 -15px; } } #elementContainer .mainContainer { position: relative; } #elementContainer .mainContainer .col.fixed:first-child { position: fixed; top: 0; } #elementContainer .mainContainer .col.absolute:first-child { position: absolute; bottom: 0; } .minSumOrder { display: flex; flex-direction: column; position: relative; padding-left: 50px; margin-left: 25px; } .minSumOrder:before { content: ''; width: 40px; height: 40px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-image: url('/bitrix/templates/dresscode/images/exclamation-mark.svg'); } .minSumOrder span { margin: 0 0 5px; } .limit-price-block { display: flex; width: 100%; align-items: flex-end; } #newOrder.no-active { pointer-events: none; background-color: #ccc; } @media screen and (max-width: 767px) { .limit-price-block { flex-direction: column; align-items: flex-start; } .minSumOrder { margin-top: 15px; margin-left: 0; } } @media screen and (max-width: 600px) { .limit-price-block { align-items: center; } } .fastBuyError { position: relative; padding-top: 50px; } .fastBuyError:before { content: ''; width: 40px; height: 40px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-image: url('/bitrix/templates/dresscode/images/exclamation-mark.svg'); } .av-balance { padding: 25px 35px; background-color: #fff; overflow: auto; } .av-balance__row { display: flex; padding: 16px 0; font-size: 14px; border-top: 1px solid #ddd; min-width: 500px; } .av-balance__row:first-child { color: #afafaf; } .av-balance__row:last-child { border-bottom: 1px solid #ddd; } .av-balance__date { width: 20%; padding-right: 16px; border-right: 1px solid #ddd; display: flex; flex-direction: column; } .av-balance__type { width: 50%; padding: 0 16px; border-right: 1px solid #ddd; } .av-balance__row.type-shipping .av-balance__type > span, .av-balance__row.type-shipping .av-balance__sum > span { color: #337ab7 !important; font-weight: 700; } .av-balance__row.type-payment .av-balance__type > span, .av-balance__row.type-payment .av-balance__sum > span { color: #53c079 !important; font-weight: 700; } .av-balance__row.type-payment_return .av-balance__type > span, .av-balance__row.type-payment_return .av-balance__sum > span { color: #FF0000 !important; font-weight: 700; } .av-balance__row.type-shipping_return .av-balance__type > span, .av-balance__row.type-shipping_return .av-balance__sum > span { color: #FF0000 !important; font-weight: 700; } .av-balance__row.type-shipping { cursor: pointer; } .av-balance__row.type-shipping_return { cursor: pointer; } .av-balance__sum { width: 20%; padding: 0 16px; border-right: 1px solid #ddd; } .av-balance__print { width: 10%; padding-left: 16px; } .av-balance__print a { display: flex; align-items: center; text-decoration: none; color: #000; } .av-balance__print img { width: 27px; height: 28px; } .av-balance__type-accord { transition: max-height .3s; overflow: hidden; padding-top: 20px; display: none; } .av-balance__type-accord.opened { } .av-balance__type-accord div:not(:last-child) { margin-bottom: 15px; } .av-balance__type-accord div span { display: block; } .av-balance__period { background-color: #fff; padding: 25px 35px; display: flex; justify-content: space-between; margin-bottom: 24px; } .av-balance__field { display: flex; justify-content: space-between; align-items: center; } .av-balance__inputs { display: flex; align-items: center; } .av-balance__col p { margin: 0; } .av-balance__period-title { margin-right: 15px; font-weight: 700; } .av-balance__btn { border: none; background-color: #F89E1C; cursor: pointer; outline: none; color: #fff; padding: 17px 15px 18px; transition: background-color .3s; } .av-balance__btn:hover { background-color: #ffa800; } .av-balance__input { padding: 14px 15px; border: 1px solid #ddd; margin-right: 30px; } .av-balance__input input { padding: 0; border: none; font-size: 14px; width: 150px; } .av-balance__input:last-child { position: relative; } /*.av-balance__input:last-child:before {position:absolute;content:'';width:10px;height:1px;border-bottom: 1px solid #ddd;top:50%;transform:translate(-50%, -50%);left:-15px;}*/ @media screen and (max-width: 700px) { .av-balance__period, .av-balance { padding: 25px 12px; margin: 0 -12px 24px; } .av-balance__period-title { width: 100%; margin-bottom: 15px; } .av-balance__inputs { flex-wrap: wrap; } .av-balance__field { align-items: flex-end; } } @media screen and (max-width: 560px) { .av-balance__field { flex-direction: column; align-items: flex-start; } .av-balance__inputs { justify-content: space-between; width: 100%; } .av-balance__btn { margin-top: 15px; } .av-balance__input { margin: 0; } .av-balance__col { width: 100%; } .av-balance__col p { display: flex; flex-direction: column; } .av-balance__col p span { margin-bottom: 10px; } } .av-header__cart-popup-wrap { position: absolute; top: 100%; pointer-events: none; right: calc(100% - 60px); transition: opacity .3s; opacity: 0; z-index: 100; padding-top: 25px; } .av-header__cart-popup-wrap:before { content: ''; position: absolute; width: 0; height: 0; border-left: 10px solid #0000; border-right: 10px solid #0000; border-bottom: 15px solid #fff; right: 18px; top: 10px; z-index: 3; } .av-header__cart-popup-wrap:after { content: ''; width: 15px; height: 15px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: 16px; right: 22px; transform: rotate(-135deg); box-shadow: 0 0 15px #d1d1d1; z-index: 1; } .av-header__cart-popup { width: 260px; box-sizing: border-box; padding: 20px 15px 15px; background-color: #fff; box-shadow: 0 0 15px #d1d1d1; text-align: left; border-radius: 5px; position: relative; z-index: 2; } .cart:hover .av-header__cart-popup-wrap { opacity: 1; pointer-events: all; } .av-header__cart-popup-row { display: flex; justify-content: space-between; margin-bottom: 20px; } .cart { position: relative; } .av-header__cart-popup-order { background-color: #F89E1C; cursor: pointer; color: #fff; transition: background-color .3s; font-size: 14px; line-height: 50px; height: 50px; border: none; text-align: center; display: block; text-decoration: none; border-radius: 5px; } .av-header__cart-popup-order:hover { background-color: #ffa800; } .av-header__cart-popup-cart { text-align: center; color: #000; text-decoration: none; display: block; margin-top: 10px; background-color: #f4f4f4; line-height: 45px; height: 45px; border-radius: 5px; } .av-header__cart-popup-cart:hover { } .av-header__cart-popup-total { margin-right: 10px; } .av-header__cart-popup-total span { font-weight: 700; } .av-header__cart-popup-sum { font-weight: 700; } @media screen and (max-width: 700px) { #personalCart #basketProductList .product { height: auto; } } .cart .heading { display: none; } .product .marker { text-align: center; width: 68.75px; } .product .marker-red { font-size: 18px; font-weight: 400; padding: 12px 4px; } .price-item__row { display: inline-flex; flex-wrap: wrap; width: calc(100% - 107px); } .price-item__row > span:first-child { margin-right: 10px; } .price-item__row .oldPriceLabel { font-weight: 400; } .price-item__row .oldPriceLabel .discount { color: #888; font-size: 13px; } .price-item__row span span { font-weight: 400; font-size: 14px; } .price-item > span:not(.price-item__row) { font-weight: 400; font-size: 14px; } .prices-block .price-item { display: block !important; } .priceVal span { font-weight: 400; font-size: 14px; } .product .price .discount { display: inline-block; } .word_price_text_detail { font-size: 14px; } .word_price_text { font-size: 14px; } .productColText .price span span span { font-weight: 400; font-size: 14px; } .productColText .price__row { display: inline-flex; flex-wrap: wrap; width: calc(100% - 38px); align-items: center; } .productColText .price__row .discount { margin-top: 2px; } .productColText .price__row > span:first-child { margin-right: 5px; } .product.is-marker .label.changeAvailable { max-width: calc(100% - 100px); text-align: right; } @media screen and (max-width: 374px), (min-width: 601px) and (max-width: 700px) { .productColText .prices-block .price-item b { width: 100%; } .productColText .prices-block .price-item { display: flex !important; } .productColText .price-item__row { width: 100%; } } @media screen and (max-width: 1024px) and (min-width: 701px) { .product .tabloid { height: 290px; } .product { height: 291px; } } @media screen and (max-width: 700px) { #catalog .items.productList.table-items .product .tabloid .name { display: block; } .productColText { display: block; } } /*@media screen and (max-width: 1800px) and (min-width: 1025px) {*/ /* .product {*/ /* height: 323px;*/ /* }*/ /* .product .tabloid {*/ /* height:322px;*/ /* }*/ /*}*/ #appFastView .marker { text-align: center; width: 68.75px; } #appFastView .marker-red { text-align: center; padding: 12px 4px; font-size: 18px; width: 68.75px; font-weight: 700; } #appFastView .price .oldPriceLabel .economy { font: normal normal 12px 'Roboto', arial, sans-serif; padding: 3px 8px; line-height: 16px; font-weight: 700; background-color: #e31837; color: #fff; } .items.productList.list-items .word_price_text { margin-right: 5px; } #catalog .items.productList.list-items .product .price { width: 30%; } @media screen and (max-width: 1366px) { #catalog .items.productList.list-items .product .price { width: 35%; } } @media screen and (max-width: 767px) { #catalog .items.productList.list-items .product .price { width: 40%; } } @media screen and (max-width: 700px) { #catalog .items.productList.list-items .product .productColText .price .price__row { justify-content: center; text-align: center; } #catalog .items.productList.list-items .product .productColText .price__row > span:first-child { margin-right: 0; } } #left .hover-menu .prices-block:after { display: none !important; } #main.color_white #leftMenu > li:hover .price-item, #leftMenu .activeDrop .price-item { color: #000; } #main.color_white #leftMenu > li:hover .article, #leftMenu .activeDrop .article { color: #000; } .font--regular { font-weight: 300 !important; font-size: 13px !important; } @media screen and (max-width: 1024px) { #main .compliter { display: block; } } /*#tableContainer .column:nth-child(2) {vertical-align:top;}*/ /* правки 22.12.20 */ @media all and (min-width: 480px) and (max-width: 1900px) { .about--white .mbox .about__team .about__team-img > img { height: auto; } } #wishlist .changeAvailable { top: 7px; right: 35px; } #wishlist .product .picture img { max-height: 73%; } .container.contacts > .row { width: 100%; } .container.contacts .row .contacts__item-map { width: 100%; } @media all and (max-width: 458px) { .container.contacts > .stagh2 { margin-left: 17px; } .container.contacts > p { width: 100%; } } @media all and (min-width: 600px) and (max-width: 680px) { .container.installation > .row > .installation__item { padding-top: 5rem !important; } } @media all and (min-width: 681px) and (max-width: 768px) { .container.installation > .row > .installation__item { padding-top: 8rem !important; } } @media all and (min-width: 1025px) and (max-width: 1800px) { body:not(.is-admin) #homeCatalog .product > .tabloid { height: 315px; } body:not(.is-admin) #homeCatalog .product { height: 316px; } /*.product.last {*/ /* height: 316px;*/ /*}*/ } @media all and (min-width: 701px ) and (max-width: 1024px ) { body:not(.is-admin) #similar-content .product > .tabloid { height: 320px; } body:not(.is-admin) #similar-content .product { height: 322px; } body:not(.is-admin) #related .product > .tabloid { height: 299px; } body:not(.is-admin) #related .product { height: 310px; } .is-admin #related .product { height: 371px; } .is-admin #related .product > .tabloid { height: 370px; } .is-admin #wishlist .product { height: 346px; } .is-admin #wishlist .product > .tabloid { height: 345px } } @media all and (min-width: 1025px) { .is-admin #related .product { height: 400px; } .is-admin #related .product > .tabloid { height: 399px; } .is-admin #wishlist .product { height: 370px; } .is-admin #wishlist .product > .tabloid { height: 366px } } @media all and (min-width: 1800px) { .is-admin #related .product { height: 422px; } .is-admin #related .product > .tabloid { height: 407px; } .is-admin #wishlist .product { height: 400px; } .is-admin #wishlist .product > .tabloid { height: 389px } } .is-admin #related .product .prices-block:after, #wishlist .product .prices-block:after { background: transparent; } @media (max-width: 700px) { #catalogElement #elementContainer .addCompare { display: block; } } .mobnav__user #flushTopCompareMob .count, #flushTopwishlistMob .count { color: #999; } .mobnav__user #flushTopCompareMob, #flushTopwishlistMob { display: flex; color: #000; text-decoration: none; margin-bottom: 13px; } .mobnav__user #flushTopCompareMob .mobnav__ico, #flushTopwishlistMob .mobnav__ico { display: block; position: relative; width: 20px; height: 20px; line-height: 34px; text-align: center; margin-right: 18px; transition: all 0.2s ease-in-out; } .mobnav__user #flushTopCompareMob .mobnav__ico img, #flushTopwishlistMob .mobnav__ico img { display: none; } .mobnav__user #flushTopwishlistMob .mobnav__ico::after { content: ''; position: absolute; left: 3px; top: 1px; width: 16px; height: 16px; background: url("/bitrix/templates/dresscode/images/wishCompImage.png") 0 0 no-repeat; transition: all 0.2s ease-in-out; filter: invert(55%); } .mobnav__user #flushTopCompareMob .mobnav__ico::after { content: ''; position: absolute; left: 3px; top: 1px; width: 16px; height: 16px; background: url("/bitrix/templates/dresscode/images/wishCompImage.png") 0 0 no-repeat; transition: all 0.2s ease-in-out; background-position: 0 -16px; filter: invert(55%); } div.site_banner_wrapper { width: 100%; } div.site_banner_wrapper img { width: 100%; height: 100%; } @media all and (min-width: 1024px) { .site_banner-small { display: none; } .site_banner-big { min-height: 35px; display: block; } } @media all and (min-width: 581px) and (max-width: 1023px) { .site_banner-big { display: none; } .site_banner-small { display: block; } } @media all and (min-width: 1024px) { .site_banner-big { display: block; object-fit: cover; } } @media all and (max-width: 580px) { .site_banner-big { display: none; } .site_banner-small { min-height: 56px; display: block; } } .mob_fix { position: fixed !important; top: 0; } #leftMenu .drop { top: 0; bottom: 0; min-height: 100%; } #main.color_white #leftMenu > li { position: static; } #searchResultMobile .searchAllResult { -webkit-font-smoothing: antialiased; box-sizing: content-box; outline: none; border-top: 1px solid #e7e8ea; background-color: #f3f3f3; font-weight: 700; text-transform: uppercase; text-decoration: none; position: relative; text-align: center; line-height: 85px; font-size: 14px; display: block; color: #000000; height: 85px; } #searchResultMobile .searchAllResult span { font: normal normal 14px "Roboto", arial, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 700; text-transform: uppercase; text-align: center; line-height: 85px; font-size: 14px; color: #000000; box-sizing: content-box; border-bottom: 1px dashed #000000; padding-bottom: 4px; } /*}*/ /*header_phone_svg*/ .header__callback { width: 50%; position: relative; padding-left: 30px; text-align: left; line-height: 18px; display: flex; } .header__callback::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-image: url("/bitrix/templates/dresscode/images/mobile/phone-ico.svg"); background-repeat: no-repeat; background-size: cover; width: 20px; height: 20px; } @media (max-width: 1024px) { .header__callback { width: 17%; padding-left: 0; } .header__callback::before { transform: translateY(-80%); } } .header__callback a { opacity: 0; margin: 0; } /*mobile-call popup*/ @media all and (min-width: 1024px) { .call-popup_mobile-wrapper { display: none; } } @media all and (max-width: 1024px) { .call-popup_mobile-wrapper { position: absolute; z-index: 99999; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; border: 0.5px solid #e0e0e0; display: none; flex-direction: column; padding: 0 0 10px; min-width: 310px; width: 50%; font: normal normal 14px "Roboto", arial, sans-serif; font-weight: 300; } .call-popup_mobile-wrapper .call-popup_top { display: flex; align-items: baseline; justify-content: space-between; padding: 5px 15px 0; border-bottom: 1px solid #e0e0e0; background: #f5f5f5; } .call-popup_mobile-wrapper .call-popup_top h2 { font-size: 24px; margin-top: 10px; margin-bottom: 15px; font-weight: 600; letter-spacing: 0.5px; color: #f89e1c; } .call-popup_mobile-wrapper .call-popup_top .close_mobile_icon { display: block; width: 20px; height: 20px; position: relative; border: 2px solid black; border-radius: 50%; cursor: pointer; } .call-popup_mobile-wrapper .call-popup_top .close_mobile_icon::before { content: ''; position: absolute; width: 15px; height: 2px; color: black; display: block; border-top: 2px solid black; top: 55%; transform: translate(0, -50%) rotate(45deg); left: 2px; } .call-popup_mobile-wrapper .call-popup_top .close_mobile_icon::after { content: ''; position: absolute; width: 15px; height: 2px; color: black; display: block; border-top: 2px solid black; top: 55%; transform: translate(0, -50%) rotate(-45deg); left: 3px; } .call-popup_mobile-wrapper .call-popup_phone-numbers_wrapper { display: flex; padding: 20px 15px; border-bottom: 1px solid #e0e0e0; align-items: flex-start; } .call-popup_mobile-wrapper .call-popup_phone-numbers_wrapper .call-popup_phone-numbers { display: flex; flex-direction: column; margin-left: 8%; } .call-popup_mobile-wrapper .call-popup_phone-numbers_wrapper .call-popup_phone-numbers a { font-size: 18px; text-decoration: none; font-weight: 600; color: black; margin-top: 2px; letter-spacing: 1px; border-bottom: 2px dashed black; } .call-popup_mobile-wrapper .call-popup_phone-numbers_wrapper .call-popup_phone-numbers a:not(:first-child) { margin-top: 10px; } .call-popup_mobile-wrapper .call-popup-working_time-global-wrapper { display: flex; flex-direction: column; padding: 20px 15px; border-bottom: 1px solid #e0e0e0; } .call-popup_mobile-wrapper .call-popup-working_time-global-wrapper .call-popup-working_time-wrapp { display: flex; align-items: flex-start; } .call-popup_mobile-wrapper .call-popup-working_time-global-wrapper .call-popup-working_time-wrapp .call-popup-working_time { display: flex; flex-direction: column; margin-left: 8%; font-size: 17px; font-weight: 500; } .call-popup_mobile-wrapper .call-popup-working_time-global-wrapper .call-popup-working_time-wrapp .call-popup-working_time .call-popup-working_time_title { font-weight: 600; letter-spacing: 0.5px; margin-bottom: 5px; } .call-popup_mobile-wrapper .call-popup-working_time-global-wrapper .call-popup-working_time_desc { font-size: 17px; margin-top: 10px; } .call-popup_mobile-wrapper .call-popup-working_time-global-wrapper .call-back-button { border: 1px solid #f89e1c; width: 100%; text-align: center; padding: 10px 0; max-width: 282px; font-size: 18px; text-decoration: none; color: white; margin: 16px auto 0; border-radius: 5px; cursor: pointer; background: #f89e1c; } .call-popup_mobile-wrapper .call-popup-working_time-global-wrapper .call-back-button:hover { color: white; opacity: 0.9; transition: all .2s ease-out; } .call-popup_mobile-wrapper .call-popup_bottom { display: flex; padding: 10px 15px 0; justify-content: center; } .call-popup_mobile-wrapper .call-popup_bottom .close_mobile_button { width: 100%; text-align: center; padding: 10px 0; max-width: 70%; font-size: 18px; cursor: pointer; color: #f89e1c; } #main.overlay_mob_popup::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: black; opacity: 0.7; z-index: 9; } } .also-buy__col .also-buy__btn { position: initial !important; } /* FAQ styles */ #main:before { content: ""; display: block; clear: both; } #main div[itemprop="mainEntity"] { display: block; position: relative; border-radius: 7px; overflow: hidden; margin-bottom: 15px; margin-top: 15px; } #main div[itemprop="mainEntity"] > p { display: block; position: relative; } #main div[itemprop="mainEntity"] > p:after { content: ''; position: absolute; right: 10px; top: 15px; border: 5px solid transparent; border-top: 5px solid #fff; } #main div[itemprop="mainEntity"].active > p:after { transform: rotate(180deg) translatey(50%); } #main div[itemprop="mainEntity"] div[itemprop="acceptedAnswer"] { /*display: none;*/ padding: 15px; border: 1px solid #e7e8ea; border-top: none; border-radius: 0 0 7px 7px; } #main div[itemprop="mainEntity"] > h3:first-child { background-color: #f89e1c; padding: 8px 15px; cursor: pointer; color: #000; } #main div[itemprop="mainEntity"] > p:first-child b { font-weight: 400; } #main div[itemprop="mainEntity"] > p:first-child:after { border-top: 5px solid #000; } #main div[itemprop="mainEntity"] > p:first-child b { margin-left: 5px; } @media screen and (max-width: 480px) { .tiles-list .tile-wrap:nth-child(n) .image-wrap { display: table-cell !important; } } #smartFilter .paramsBox { overflow: hidden; } .shop-review-item-table { display: flex; } .shop-review-item-col-autor { flex-shrink: 0; } .shop-review-item-col-text { display: flex; flex-wrap: wrap; height: auto; min-height: 100%; } .shop-review-item-text { align-self: center; width: 100%; } .shop-review-item-answer { width: 100%; margin-left: 70px; } .shop-review-item-col-text > a { display: inline-block; margin-bottom: 20px; width: 100%; } @media screen and (max-width: 600px) { .shop-review-item-table { flex-wrap: wrap; } } .impressions.review-answer { margin-top: 24px; margin-left: 70px; } .impressions.review-answer .label { margin-bottom: 12px; font-weight: 500; color: #000; position: relative; } .impressions.review-answer .label:after { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border-bottom: 1px dashed #000; position: absolute; display: block; content: ""; height: 1px; bottom: 0px; width: 100%; } #catalogElement #reviews p { font-size: 14px; color: #111; line-height: 26px; } #catalogElement #reviews .impressions.review-answer p { color: #555; } #appFastView { z-index: 99999; } .phonesTc.hide { opacity: 0; } .header__callback .openWebFormModal.link.callBack { opacity: 1; /*padding-left: 30px;*/ } .header__callback .openWebFormModal.link.callBack:after { /*left: 30px;*/ right: 0; width: auto; } .product .picture img, #brandList .picture img { object-fit: contain; } @media screen and (max-width: 700px) { #slider { max-height: 300px; overflow: hidden; } } .b-lazy { -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; opacity: 0; } .b-lazy.b-loaded { opacity: 1; } #topSearch2 #searchQuery + span { background-color: #fafafa; position: absolute; width: 18px; left: 13px; top: 50%; height: 20px; transform: translateY(-50%); transition: opacity .2s; opacity: 0; } #topSearch2 #searchQuery + span:before { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; z-index: 2; border-radius: 50%; background-color: #fafafa; border: .1em solid #d7d7d7; border-left-color: #979797; transform: rotate(360deg); transform-origin: 50.01%; animation: loadRotate 1.1s linear infinite; } @keyframes loadRotate { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn) } } #topSearch2 #searchQuery.loading + span { opacity: 1; } #popSection .picture img { object-fit: contain; } @media screen and (max-width: 634px) { body #footerTabsCaption, body #footerTabs { display: block; } #footerTabs .productTable { display: flex; flex-direction: column; margin-top: 5px; } #footerTabs .productColImage { width: 100%; max-width: none; padding: 0; margin-bottom: 10px; } } @media screen and (max-width: 500px) { #footerTabsCaption { height: 65px; line-height: 65px; } #footerTabsCaption .items { display: flex; justify-content: space-around; } #footerTabsCaption .item { margin-right: 0; } #footerTabsCaption .item a { font-size: 13px; padding-bottom: 2px; } } /*@media screen and (max-width: 374px) {*/ /*}*/ /* seo-table start */ .seo-table { border-top: 1px solid #e7e8ea; margin-top: 40px; } .seo-table__table { width: 100%; border-collapse: collapse; max-width: 700px; } .seo-table__table a { color: #ffa800; text-decoration: none; } .seo-table__table thead { color: #999; } .seo-table__table td { border-bottom: 1px solid #e7e8ea; line-height: 28px; } .seo-table__table td:last-child { text-align: right; white-space: nowrap; padding-left: 20px; } /* seo-table end */ .lending-page .container.contacts { justify-content: center; text-align: center; } .lending-page .container.contacts .contacts-part-1 { display: flex; flex-direction: column; align-items: center; } .lending-page .container.contacts .row { flex-direction: column; max-width: 660px; } /*.lending-page .container.contacts .row > div {width:50% !important;}*/ .lending-page .container.contacts .row .map-container { padding: 0; } .container.contacts .row .contacts__item-map { margin-bottom: 20px; } /*@media screen and (max-width:1600px) {*/ /* .lending-page .container.contacts .row {flex-direction:column;max-width:660px;}*/ /*}*/ .lending-page .container.contacts .contacts-part-1 p { font-size: 18px !important; } .lending-page .receive .row > div { padding: 0; } .lending-page .receive__item-text p { line-height: 1.5; } @media screen and (max-width: 992px) { .lending-page .container.contacts { flex-direction: column; align-items: center; justify-content: center; text-align: center; } } @media screen and (max-width: 767px) { .lending-page .receive .row { max-width: none; } } #appFastBuyContainer { display: flex; justify-content: space-between; flex-direction: column; } #appFastBuyContainer #fastBuyResult { transform: none; } #fastBuyResult #fastBuyResultImg img { width: 120px; height: 120px; display: block; margin: 20px auto 0; } .av-personal__box .button_temp { /*transition: all 0.2s ease-in-out;*/ /*text-decoration: none;*/ /*text-align: center;*/ /*line-height: 50px;*/ /*margin: 24px auto;*/ /*font-size: 14px;*/ /*display: block;*/ /*height: 50px;*/ /*width: 254px;*/ background-color: #F89E1C; color: #ffffff; } .catalog-section-list-pictures { display: flex; flex-wrap: wrap; } .catalog-section-list-pictures .catalog-section-list-item { height: auto; line-height: 185px; padding: 0 10px; } .catalog-section-list-pictures .catalog-section-list-item-wp { width: 100%; padding: 5px 0 15px; } .catalog-section-list-pictures .catalog-section-list-picture { height: auto; line-height: normal; } .catalog-section-list-pictures .catalog-section-list-picture img { width: 100%; height: 130px; object-fit: contain; } .catalog-section-list-pictures .catalog-section-list-link { padding: 0 5px; } .detail-text-wrap img { max-width: 100%; } .other-news-list .image a { display: block; } .other-news-list .image a img { min-width: 100%; max-width: 100%; } .other-news .other-news-list .image { padding: 0 0 15px; } .footer-links-block { display: flex; justify-content: center; margin: 25px; flex-wrap: wrap; } .footer-links-block a { color: #000; text-align: center; padding: 5px 10px; } /* 3.2. Перелинковка региональных страниц на странице “Доставка” */ .deliv-region-block ul { margin: 0 0 -10px; list-style: none; display: flex !important; flex-wrap: wrap; padding: 0; } .deliv-region-block ul li { width: calc(25% - 20px); margin: 0 10px 10px; } .deliv-region-block ul li a { color: #F89E1C; transition: color .3s; text-decoration: none; } .deliv-region-block ul li a:hover { color: #ff7300; text-decoration: underline; } .region-block { display: flex; flex-wrap: wrap; margin: 30px -10px -10px } .region-block a { color: #F89E1C; transition: color .3s; text-decoration: none; margin: 0 10px 10px; width: calc(25% - 20px); } .region-block a:hover { color: #ff7300; text-decoration: underline; } #brands { padding: 25px 24px } #brands .brand-list { margin: 0 -10px -24px; padding: 0; display: flex; flex-wrap: wrap; list-style: none; } #brands .brand-list .brand-item { width: calc(25% - 20px); margin: 0 10px 10px; } #brands .brand-list .brand-item a { color: #F89E1C; transition: color .3s; text-decoration: none; } #brands .brand-list .brand-item a:hover { color: #ff7300; text-decoration: underline; } .search-sections { line-height: initial; font-size: 12px; margin-top: 5px; } .search-sections a { color: #F89E1C; transition: color .3s; text-decoration: none; display: inline-block; margin-right: 5px; } .search-sections a:hover { color: #ff7300; text-decoration: underline; } #topSearchLine { max-width: 650px } @media screen and (max-width: 1560px) { .deliv-region-block ul li { width: calc(33.33% - 20px); } .region-block a { width: calc(33.33% - 20px); } #brands .brand-list .brand-item { width: calc(33.33% - 20px); } } @media screen and (max-width: 1100px) { .deliv-region-block ul li { width: calc(50% - 20px); } .region-block a { width: calc(50% - 20px); } } @media screen and (max-width: 1024px) { body.is-admin div#foundation { padding-top: 128px !important; } } @media screen and (max-width: 767px) { #brands .brand-list { margin: 0 -10px -10px; } #brands .brand-list .brand-item { width: calc(50% - 20px); } } @media screen and (max-width: 550px) { .deliv-region-block ul li { width: 100%; } .region-block a { width: 100%; } #brands .brand-list .brand-item { width: 100%; } } #serviceBlock .item { display: flex; } #serviceBlock .picBlock { width: 40%; display: flex; border: none; margin-right: 10px; flex-shrink: 0 } #serviceBlock .picBlock a { width: 100%; } #serviceBlock .picBlock img { max-width: 100%; max-height: 100%; width: 100%; object-fit: cover; } #serviceBlock .name { font-size: 14px; } #newsBlock .newsPreview { display: flex; } #newsBlock .newsPic { width: 40%; display: flex; border: none; margin-right: 10px; flex-shrink: 0 } #newsBlock .newsPic a { width: 100%; } #newsBlock .newsPic img { max-width: 100%; max-height: 100%; width: 100%; object-fit: contain; } #newsBlock .newsOverview { width: 60%; font-size: 14px; } #newsBlock .newsTitle { margin: 0; } #collectionBlock .item { display: flex; } #collectionBlock .picBlock { width: 40%; display: flex; border: none; margin-right: 10px; flex-shrink: 0 } #collectionBlock .picBlock a { width: 100%; } #collectionBlock .picBlock img { max-width: 100%; max-height: 100%; width: 100%; object-fit: contain; } #collectionBlock .tools { width: 60%; } #collectionBlock .tools .name { font-size: 14px; } /*table style start*/ .info-table { padding-top: 30px; } .info-table table { border-collapse: collapse; margin-top: 20px; } .info-table-name { font-weight: 400; font-size: 18px; } .info-table table tbody th { font-size: 14px; font-weight: 600; } .info-table table a { color: #ffa800; } /*table style end*/ /*change blog and news start*/ #serviceBlock .item { flex-wrap: wrap; } #serviceBlock .picBlock, #serviceBlock .tools { width: 80%; margin: 0 auto; height: 100%; padding-bottom: 10px; } #newsBlock .newsPreview { flex-wrap: wrap; } #newsBlock .newsPic, #newsBlock .newsOverview, #newsBlock .newsPreview:first-child .newsPic + .newsOverview { width: 80%; margin: 0 auto; height: 100%; padding-bottom: 10px; } #collectionBlock .item { flex-wrap: wrap; } #collectionBlock .picBlock, #collectionBlock .tools { width: 80%; margin: 0 auto; height: 100%; padding-bottom: 10px; } /*change blog and news end*/ /*NEW CHANGES*/ @media (min-width: 1280px) and (max-width: 1500px) { #newsContainer .item { display: inline-flex; } #newsContainer .item .wrap { height: 100%; width: 100%; } #newsContainer .item .title { margin-top: 65px; } } @media (max-width: 1300px) { #catalogSection .sectionItems .item .itemContainer .sectionList { margin: 0 -25px; } #catalogSection .sectionItems .item .itemContainer .sectionList .section img { max-width: 85px; padding-right: 0; } #catalogSection .sectionItems .item .itemContainer .bigPicture { padding-right: 10px; } } @media (max-width: 1100px) { #catalogSection .sectionItems .item .itemContainer .sectionList .section img { max-width: 60px; } } @media (max-width: 750px) { #slider .sliderContent .bigText { font-size: 18px; line-height: 20px; } #slider .sliderContent { width: 310px; } #slider ul li span { height: 270px; background-repeat: no-repeat; background-position: 25%; } #slider { max-height: 360px; } } @media (max-width: 550px) { #slider .sliderContent .bigText { font-size: 18px; line-height: 25px; } #slider .sliderContent { left: 15px; } #slider .sliderContent { width: 200px; } #slider .sliderContent .bigText { font-size: 13px; line-height: 15px; } #slider .sliderContent .mediumTextLight { line-height: 16px; margin-top: 5px; font-size: 13px; } #slider .sliderContent .cButton { margin-top: 7px !important; font-size: 10px !important; height: 30px !important; line-height: 30px !important; } } @media (max-width: 500px) { #slider ul li span { height: 190px; } #slider .sliderContent { width: 200px; padding: 0 0 0 10px; } .info-table table { font-size: 12px; } .info-table table tbody th { font-size: 12px; padding: 0 5px; } .info-table { overflow-x: auto; } .info-table td { text-align: center; padding: 0; } .info-table .font--regular { font-size: 12px !important; } } @media (max-width: 390px) { #slider .sliderContent { width: 155px; } #slider ul li span { height: 150px; } #slider .sliderContent .mediumTextLight { line-height: 16px; margin-top: 5px; font-size: 11px; } #slider .sliderContent .bigText { font-size: 12px; line-height: 12px; } } /*NEW CHANGES*/ .articles-mob { display: none; background-color: #f9f9f9; } .articles-mob .wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; margin: 0 24px; } .articles-mob__heading { text-decoration: none; display: block; color: #000; line-height: 55px; height: 55px; font-size: 16px; } .articles-mob__list { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0; } .articles-mob__item { flex: 0 1 calc(33.333% - 15px); list-style: none; } .article-card__name { color: #000; } .article-card__content { width: 100%; text-align: center; } .article-card__img { display: block; width: 100%; max-width: 100%; max-height: 100%; object-fit: contain; } .article-card__link { width: 100%; height: 100%; display: flex; } .article-card__img-wrapper { max-width: 185px; /*height: 135px;*/ width: 100%; } .article-card { display: flex; align-items: center; justify-content: center; flex-direction: column; } @media (max-width: 1024px) { .articles-mob { display: block; } .article-card__img-wrapper { margin-bottom: 10px; } } @media (max-width: 576px) { .articles-mob__item { flex: 0 1 100%; } .articles-mob__item:not(:last-child) { margin-bottom: 15px; } .article-card__img-wrapper { /*height: 170px;*/ width: 90%; margin-bottom: 10px; max-width: unset; } .article-card__img { object-fit: unset; } } @media (max-width: 390px) { .article-card__content { width: 75%; } } /*25.10.2021*/ .item .characteristic { display: flex; align-items: flex-end; justify-content: space-between; position: relative; overflow: hidden; font-size: 12px; box-sizing: border-box; } .item .characteristic::after { content: ""; height: 1px; position: absolute; left: 0; right: 0; bottom: 7px; border-bottom: 1px dotted #ccc; /*background: url("data:image/gif;base64,R0lGODlhBAABAJEAAPHx8Z2dnf///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjA2Q0U2NzY4NDg4MTFFNkJGMTY5RkM0NzcwRkRGRDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjA2Q0U2Nzc4NDg4MTFFNkJGMTY5RkM0NzcwRkRGRDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMDZDRTY3NDg0ODgxMUU2QkYxNjlGQzQ3NzBGREZENyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMDZDRTY3NTg0ODgxMUU2QkYxNjlGQzQ3NzBGREZENyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAAEAAEAAAIDjAQFADs=") 0 100% repeat-x;*/ } .item .characteristic * { box-sizing: border-box; } .item .characteristic__name { width: 50%; position: relative; z-index: 1; } .item .characteristic__name span, .item .characteristic__value span { background: #fbfbfd; } .item .characteristic__value > span { padding-left: 10px; } .item .characteristic__name span { padding-right: 5px; } .item .characteristic__value { width: 50%; position: relative; text-align: right; z-index: 1; } .brandsDescription { color: unset; } title { box-sizing: border-box; } .list-advantages .image { width: unset; } /* .detail-text-wrap img { max-width: unset; } */ /*25.10.2021*/ /*28.10.2021*/ @media (max-width: 992px) { .paramsBoxTitle { /* width: 100%; */ } #smartFilter .paramsBox { padding: 8px 0 17px; } .paramsBoxTitle span { display: block; width: 100%; height: 100%; padding: 11px 0; } .paramsBox * { box-sizing: border-box; } } @media (max-width: 992px) { #smartFilterForm .slider { display: block !important; margin: 24px auto 0; height: 54px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA2AgMAAADrF2LAAAAACVBMVEVHcEzt7e3///9IXr1WAAAAAXRSTlMAQObYZgAAAB5JREFUKM9jYIAAFQZUQDX+BDrzR8HQBgOUXmjFBwCxHQuJCk5g1gAAAABJRU5ErkJggg==") 3px 0 repeat-x transparent; box-sizing: border-box; } #smartFilterForm .slider * { box-sizing: border-box; } #smartFilter .handler { height: 14px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATYAAAAOBAMAAABXzC3uAAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCMjlEMTc3Mzk5NkIxMUU1QTRENkJEMUNCRkU4QzEzQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMjlEMTc3Mjk5NkIxMUU1QTRENkJEMUNCRkU4QzEzQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QTUzMkZGRjk5NjkxMUU1QUM5OUM5Q0Y3QkY1RjYwMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QTUzMzAwMDk5NjkxMUU1QUM5OUM5Q0Y3QkY1RjYwMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqkuufAAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAGFBMVEX/tQH/pwb/mAX/wwD/0AD+iADLawD5dQAYLGsnAAACgElEQVRIx82VTYrcMBCFS60cwBLMviUw2WqQDjBgX2AEwjdI9gHj6+dVye0f2Z11TH8tLx9fPZXJWO93rDfGOWOsMYoxpjPGkDrSAaUIfyEQaRBPaBBCjFqnGGMaYhxPJDAM44jfvx8y3rsKMnE0RDQW7x7ZrEU8psakI8pQQExEJERidGQ0n+FHrPH0oHVEpDS+SMI4Jo7H+dLbbCdtB2pOKPRWQWWHnLQr5GhK9H3CIHWdxj9zUKgjMqaoQQiscDjqGxFxTGnVd5uPcvaI4uym74jog07rlHVPjPvZGXfWJwqhruu6QGrXtxMx5jhA4xBkwrvCOCSMOL1TR6X3vpSV3n8gk79Vac3De/WAxgcUPtoWYsSEmMQaMeGjvq2BQmSFpwbKiId0ky0jVl7jZcvvPZO/Xe79vU7/ZJ2EuFeFGC9aGBTdKET7AuoXawNPCqu+1GRDlDf0uerMGSpzqxJTdp0VjaY7X2SestFoIZrYtpC4hTCobxWKRhkxakhzXqbST6DML4VH/H7mbH32NxqdYqy9NFFzC5WSi3JSyPoYLVMWjam9zAOVaVnAtLKUMs/lJ/K81cmIykbjesqlbvYhSSNVaBVWjbWNX1E3l5nKsswXZjk55p8ywddV56bV9v67bWPHGp17kttU0roT5V1j0rppouxFuTmyF1klsapF1DXM9Swv5hkRW509n5Yvj8XEG40AjcSlbttIUPlZd3Y8qwxyfgWOSbRsz8xMF42zKMwcb8I7N3Nq9WVR6Er5dv1lRz75U4MvYNtGCutupOtO5E9LpOX3cvO8cl50IisUbhqbFkJhlottTm20rM/LXjzvRFU/KWu+to306/99/gKF749uxVbhygAAAABJRU5ErkJggg==") 0 0 no-repeat transparent !important; } #smartFilter .slider .blackoutLeft, #smartFilter .slider .blackoutRight { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOBAMAAAA7w+qHAAAAElBMVEUVFRUhISE5OTktLS1BQUFLS0un2z3CAAAAVElEQVQI123IwQmAMAyF4ecGCV2gxHq3ZgEpGaHdfxVf8OLBwBcePyLWTDfsWI1Ghc1hqaKFWWLb3ROX+5UqelfvRf2EavEkXKwkwKYvPhGhT/q7B7CyDshuZuSAAAAAAElFTkSuQmCC") 0 0 repeat-x transparent !important; height: 14px; } #smartFilter .slider ins { width: 34px; height: 34px; top: -10px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAAAiCAMAAACEAWyZAAAAVFBMVEVHcEz09PSCgoJXV1cCAgIBAQHm5uYAAAAAAAAAAACYmJjNzc3Ly8vv7+/X19fk5OTs7Ozw8PD4+Pj////09PTr6+v29vby8vL7+/vExMSoqKhtbW0mb2XFAAAAEXRSTlMA3SAvEBuBAwYKOWeIyYvD9C53QPQAAAKsSURBVEjHxZdtl5sgEIWXACbxLRERafv//2dhYAbQsR+6u+3Fo+6e53C5A6j5+PgPuhd9IxGQx+OZ9Hiw2FcQEXk+VT90XTf0KnAn7CuIwATk1ok1SXS3iHGEj1r9HwljjGcJYFRn1iLTqZYCwnnU6h1PGOesjYcxJwKY2wQGHo6o6VZTQMBYUd4zhDHW7jsc0aslEiOyTTETFQVEbZOqcyRcsKhknTiORU0r1MPn8xrbRMmB8KEqlYwz/kAcfKLTVFfvHmoLPYNBuoMWanwnIvqYqoFTQ7h9Oco6IlJog1lKsHA1OXgkbJsnp7IVsdtlP7e9FA+GW/WPjuGUhxMJzic4VYRdGO22hA7VFZ6XgAoDEVYsI1cR+8I6CZyl+0P1ZwsDh+8VdKN64yzbDBFsoDhNQKTUQ+w1tR8guI0aQu57JEqgnyCKREQJ9AtEkYZcu7SiUPm5gFuly910ZeEmghYwEnPsdIOWiHADf+1zY4QtG2CrjLBlA2yV0ZYibHje0rWrjMyVZuzmuBUpERFx+KB8wZulSjSUtZvmiFYvzUAxSnNERkQsWyrctqU52vAf1Rz1Zb+n+tIzoM/d9GWq8wzgVBNBQbZEUK6+GGnheAmdu9HiYvFWxIYZ2tIBkfeRni+246zzLtHzhVFFbLwSkZ8McmG34yJp38s36/OuCdYnE1i7kU00anqS6fG0eqMagjVCIkfSL8bnpRU9mwOR9l9jdSAYHyIwkpxOO2SSunrbBOIU6EScfCoChyNfZbdDe0ndvD8DkSLRiSGOeaRWx3e51uO7ivMedRM6E/g4C1YXRL0OWqJQchbZR8xSc2ORI+4nMV4RWL/pRCAVMN0P4zwOfbhTzFgiIYdx/FsCvzIBS1KK/Q79LFG+m4N0PF1/WX+O+Je/Jr7999FvKy2W9yC7CnIAAAAASUVORK5CYII=") 0 0 no-repeat transparent; } #smartFilter .slider .left { right: -30px; } #smartFilter .slider .right { left: -30px; } #smartFilter .slider .blackoutLeft:before, #smartFilter .slider .blackoutRight:before { content: none; } } @media (max-width: 700px) { #catalog .items.productList.table-items .product .tabloid .productTable .productColImage { width: 40%; } .product .picture { height: 105px; } .product .picture img { /* transform: translateY(-30px); */ } .productTable .productColImage .youtube_ico { bottom: 10px; } } @media (max-width: 600px) { .product .picture { line-height: 0; height: 150px; } #catalog .items.productList.table-items .product .tabloid .productTable .productColImage { width: 50%; } .product .picture img { max-width: unset; max-height: unset; height: 100%; width: 100%; /* transform: translate3d(0, -20px, 0); */ } .productTable .productColImage .youtube_ico { bottom: 5px; } } /*28.10.2021*/ /*02.11.2021*/ #smartFilter .paramsBox .rangeSlider > span:not(.irs) { padding: 4px; margin-left: 10px; border: 1px solid #F89E1C; background-color: #F89E1C; border-radius: 4px; color: white; cursor: pointer; } .irs--flat .irs-min, .irs--flat .irs-max { display: none; } .irs--flat .irs-bar { height: 14px !important; background: url("/bitrix/templates/dresscode/images/handlerActive.png") 0 0 no-repeat transparent; background-color: transparent !important; } .irs--flat .irs-line { background: url("/bitrix/templates/dresscode/images/handler.png") 0 0 repeat-x transparent; height: 14px !important; background-color: transparent !important; } .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { display: none; } .irs--flat .irs-handle { background: url("/bitrix/templates/dresscode/images/motionButton.png") 0 0 no-repeat transparent; cursor: pointer; height: 29px !important; width: 29px !important; z-index: 10; top: 17px !important; } .irs--flat .irs-handle i { display: none !important; } .irs--flat { height: 54px !important; background: url("/bitrix/templates/dresscode/images/uiBg.png") 3px 0 repeat-x transparent; margin: 24px auto 0; position: relative; max-width: 300px; width: 100%; } #smartFilter .slider { display: none !important; } /*02.11.2021*/ /*03.11.2021*/ #smartFilter .paramsBox { padding: 24px 16px; } #smartFilter .rangeSlider input[type="text"] { width: 58px; } /*03.11.2021*/ /*04.11.2021*/ .close-btn { padding: 4px; margin-left: 10px; border-radius: 4px !important; color: white; cursor: pointer; width: 23px; text-align: center; } @media (max-width: 1024px) { .smartFilter__title { display: flex; align-items: center; } } /*04.11.2021*/ /*05.11.2021*/ .catalogLine--fixed-down { position: fixed; top: -54px; left: 0; right: 0; background-color: #fff; z-index: 1111; transition: all 1s } .catalogLine--fixed-up { top: 54px; transition: all 1s; } .catalog-top { /*padding-top: 140px;*/ } /*05.11.2021*/ /*24.11.2021*/ #smartFilter .paramsBox .params { max-width: 100%; } @media (max-width: 800px) { #slider .sliderContent { padding-top: 30px; } } @media (max-width: 610px) { .blog-banner .banner-elem h1 { max-width: 90%; max-height: 85px; } } @media (max-width: 500px) { #slider .sliderContent { padding-top: 30px; } } @media (max-width: 370px) { #slider .sliderContent .cButton { margin-top: 0; } } #right .global-block-container { display: flex; justify-content: space-between; } .global-information-block { height: 313px; overflow: auto; } /*24.11.2021*/ .white-text-slider { color: #ffffff; } /*25.11.2021*/ .blog-banner .banner-elem { height: 478px; } @media (max-width: 1600px) { .blog-banner .banner-elem { height: 380px; } } @media (max-width: 1400px) { .blog-banner .banner-elem { height: 290px; } } /*30.11.2021 бокова форма "Є запитання ?" */ #right .global-block-container { border-collapse: collapse !important; table-layout: fixed !important; display: table !important; width: 100% !important; } /*}*/ /*1.12.2021*/ /*1.12.2021*/ /* 15/12/21 */ #slider ul li span { background-repeat: no-repeat !important; background-size: contain !important; } @media only screen and (min-width: 1520px) { #slider ul li span { height: 534px !important; } } @media only screen and (max-width: 1368px) { #slider ul li span { height: 463px !important; } } @media only screen and (max-width: 1280px) { #slider ul li span { height: 417px !important; } } @media only screen and (max-width: 1024px) { #slider ul li span { height: 463px !important; } } @media only screen and (max-width: 768px) { #slider ul li span { height: 341px !important; } } @media only screen and (max-width: 500px) { #slider ul li span { height: 192px !important; } } @media only screen and (max-width: 425px) { #slider ul li span { height: 191px !important; } } @media only screen and (max-width: 414px) { #slider ul li span { height: 185px !important; } } @media only screen and (max-width: 390px) { #slider ul li span { height: 174px !important; } } @media only screen and (max-width: 375px) { #slider ul li span { height: 167px !important; } } @media only screen and (max-width: 360px) { #slider ul li span { height: 160px !important; } } @media only screen and (max-width: 320px) { #slider ul li span { height: 141px !important; } } /* 15/12/21 */ .product:hover .tabloid { z-index: 99 !important; } /* NEW DESIGN of MAIN PAGE start*/ /*MAIN SLIDER start*/ #subLeftMenu { margin: 0; padding: 5px 24px; } .internal__compliter { display: block; max-width: 1920px; margin: 0 auto 0; /*margin-top: 35px;*/ /*padding: 0 24px;*/ box-sizing: border-box; } .slider-wrapper .slick-track { display: flex; } .slider-wrapper.slick-initialized.slick-slide { height: inherit !important; } .slider-wrapper__slide { width: 100%; position: relative; z-index: 1; height: 395px; overflow: hidden; } .slider-wrapper__slide img { height: 395px; width: 100%; -o-object-fit: cover; object-fit: cover; transition: transform 1s ease-in-out; } .slider-wrapper__slide img:hover { transform: scale(1.03); transition: transform 1s ease-in-out; } .text-block { pointer-events: none; position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); left: 90px; width: 50%; display: flex; flex-direction: column; justify-content: center; height: 100%; } .bigText { font-size: 36px; font-weight: 400; line-height: normal; } .mediumTextLight { font-size: 18px; padding: 20px 0 0; } .mediumTextLight span { font-weight: bold; } .cButton { font-size: 20px; line-height: 1.07; text-decoration: none; color: #ffffff; background-color: #f89e1c; display: flex; justify-content: center; align-items: center; width: 190px; height: 45px; transition: background-color .3s; margin-top: 20px; } .img-arrow-slider { width: 68px; height: auto; /*fill: none;*/ fill: rgba(243, 243, 243, 0.5); transition: background-color .3s; } .img-arrow-slider:hover { fill: #676a6721; transition: background-color .3s; } .arrow-prev, .arrow-next { position: absolute; content: ''; top: 50%; transform: translateY(-50%); z-index: 99; opacity: .5; cursor: pointer; transition: all 0.3s ease-in-out; } .arrow-prev { left: 0; } .arrow-prev:hover, .arrow-next:hover { opacity: 1; transition: all 0.3s ease-in-out; } .arrow-next { right: 0; transform: rotate(180deg) translateY(50%); } .my-dots { position: absolute; bottom: 0; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .my-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .my-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .my-dots li button:hover, .my-dots li button:focus { outline: none; } .my-dots li button:hover:before, .my-dots li button:focus:before { opacity: 1; } .my-dots li button:hover:before { border: 1px solid #6D6D6D; } .my-dots li button:hover:after { border: 1px solid #575757; } .my-dots li button:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; border: 1px solid #575757; border-radius: 50%; content: ''; text-align: center; opacity: .25; color: black; } .my-dots li button:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; border: 1px solid #575757; border-radius: 50%; content: ''; text-align: center; opacity: 0; color: black; } .my-dots li.slick-active button:before, .my-dots li.slick-active button:after { opacity: 1; } .my-dots li.slick-active button:before { background: #6D6D6D; border: 1px solid #6D6D6D; } .my-dots li.slick-active button:hover:before { background: #575757; border: 1px solid #575757; } .my-dots li.slick-active button:hover:after { border: 1px solid #575757; } .my-dots li.slick-active button:after { border: 1px solid #6D6D6D; } /*MAIN SLIDER end*/ @media all and (max-width: 1920px) { .internal__compliter { padding: 0 24px; } } @media all and (max-width: 425px) { .slider-wrapper__slide img { height: 100%; } } /*.play {*/ /* position: absolute;*/ /* z-index: 2;*/ /* content: '';*/ /* left: 50%;*/ /* top: 50%;*/ /* transform: translate(-50%, -50%);*/ /* background: #56534e;*/ /* border-radius: 50% / 10%;*/ /* color: #FFFFFF;*/ /* font-size: 2em;*/ /* height: 63px;*/ /* width: 90px;*/ /* padding: 0;*/ /* text-align: center;*/ /* text-indent: 0.1em;*/ /* transition: all 150ms ease-out;*/ /*}*/ /*a:hover .play {*/ /* background: red;*/ /*}*/ /*.play::before {*/ /* background: inherit;*/ /* border-radius: 5% / 50%;*/ /* bottom: 9%;*/ /* content: "";*/ /* left: -5%;*/ /* position: absolute;*/ /* right: -5%;*/ /* top: 9%;*/ /*}*/ /*.play::after {*/ /* position: absolute;*/ /* content: ' ';*/ /* top: 50%;*/ /* transform: translate(-50%, -50%);*/ /* width: 0;*/ /* height: 0;*/ /* border-style: solid;*/ /* border-width: 13.5px 0 13.5px 24px;*/ /* border-color: transparent transparent transparent #ffffff;*/ /*}*/ /*Popular category start*/ .popular__category .items { display: flex; flex-wrap: wrap; border-top: 1px solid #e7e8ea; border-left: 1px solid #e7e8ea; } .popular__category .item { display: flex; flex-direction: column; width: 20%; height: auto; float: left; box-sizing: border-box; background-color: #ffffff; border-right: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; /*padding: 15px 15px 0;*/ text-align: center; text-decoration: none; } .popular__category .item .a { display: flex; margin: 0 auto; width: 100%; } .popular__category .item img { /*max-width: 100%;*/ /*max-height: 100%;*/ /*margin: 0 auto;*/ max-width: 100%; max-height: 120px; min-height: 120px; margin: 0 auto; object-fit: contain; width: 100%; background-color: #fff; } .popular__category .item .item-text { display: flex; height: 100%; /*padding: 20px 10px 15px;*/ padding: 10px 10px 10px; } .popular__category .item p { font-size: 16px; color: #000000; margin: 0; width: 100%; display: flex; flex-direction: column; height: 100%; } /*Popular category end*/ /*Popular services start*/ /*.popular__services {*/ /* margin-bottom: 15px;*/ /*}*/ .popular__services .items { /*display: flex;*/ /*flex-wrap: wrap;*/ border-top: 1px solid #e7e8ea; border-left: 1px solid #e7e8ea; position: relative; } .popular__services .item { display: flex; flex-direction: column; width: 16.666%; height: auto; float: left; box-sizing: border-box; background-color: #ffffff; border-right: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; padding: 15px 15px 0; text-align: center; text-decoration: none; } .popular__services .item .a { display: flex; margin: 0 auto; overflow: hidden; width: 100%; } .popular__services .item img { /*max-width: 100%;*/ max-width: 276px; max-height: 100%; max-height: 190px; min-height: 190px; background-color: #fff; margin: 0 auto; } .popular__services .item .item-text { display: flex; height: 100%; padding: 10px 0 10px; min-height: 42px; } .popular__services .item p { font-size: 16px; color: #000000; margin: 0; width: 100%; display: flex; flex-direction: column; height: 100%; } /*Popular services end*/ /*BRANDS start*/ /*#brandList {*/ /* margin-top: 0;*/ /* margin-bottom: 85px;*/ /*}*/ #brandList .items { border-top: 1px solid #e7e8ea; } #brandList .item { position: relative; z-index: 1; width: 16.666%; height: 135px; line-height: 135px; } #brandList:has(.brandList__wrapper) .item { position: relative; z-index: 1; width: 100%; height: 135px; line-height: 135px; } #brandList .brandList__wrapper .picture img { max-height: 100%; max-width: 100%; } #brandList .tabloid { position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; padding: 0; } .block-title { display: flex; justify-content: flex-start; align-items: center; /*padding: 25px 0;*/ padding: 16px 0; } .block-title h2 { display: block; padding-left: 12px; font-size: 30px; line-height: normal; color: #000000; margin: 0; font-weight: 300; } .block-title a { margin: 0 10px 0 45px; font-size: 14px; color: #f89e1c; text-decoration: none; border-bottom: 1px solid transparent; max-height: 19px; transition: .3ms ease-in-out; } .look-all { display: flex; align-items: center; margin-top: 5px; } .block-title a:hover { border-bottom: 1px solid #ffa800; } .img-arrow-all { width: 8px; height: 15px; fill: #f89e1c; } /*BRANDS end*/ /*Blog starts*/ .blog { margin: 0 auto; padding: 0 24px; max-width: 1920px; } .blog .items { display: flex; flex-wrap: wrap; border-top: 1px solid #e7e8ea; border-left: 1px solid #e7e8ea; } .blog .item { display: flex; flex-direction: column; width: 16.666%; height: auto; float: left; box-sizing: border-box; background-color: #ffffff; border-right: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; padding: 15px 15px 0; text-align: center; text-decoration: none; } .blog .item .a { display: flex; margin: 0 auto; height: 100%; width: 100%; } .blog .item img { max-width: 100%; max-height: 100%; margin: 0 auto; } .blog .item .item-text { display: flex; height: 100%; padding: 20px 10px 15px; } .blog .item p { font-size: 16px; color: #000000; margin: 0; width: 100%; display: flex; flex-direction: column; height: 100%; } /*Blog end*/ /*News starts*/ .news { margin: 0 auto 50px; padding: 0 24px; max-width: 1920px; } .news .items { display: flex; flex-wrap: wrap; border-top: 1px solid #e7e8ea; border-left: 1px solid #e7e8ea; } .news .item { display: flex; flex-direction: column; width: 16.666%; height: auto; float: left; box-sizing: border-box; background-color: #ffffff; border-right: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; padding: 15px 15px 0; text-align: center; text-decoration: none; } .news .item .a { display: flex; margin: 0 auto; height: 100%; width: 100%; } .news .item img { max-width: 100%; max-height: 100%; margin: 0 auto; } .news .item .item-text { display: flex; height: 100%; padding: 20px 10px 15px; } .news .item p { font-size: 16px; color: #000000; margin: 0; width: 100%; display: flex; flex-direction: column; height: 100%; } /*News end*/ #latestReviews { padding: 0 24px; margin: 0 auto; max-width: 1920px; } .review-text.shadow:before { background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FFFFFF 90%); } /*TEXT show/hide start*/ /*SEO BLOCK*/ .seo-block { text-align: center; padding: 0 24px; margin-bottom: 20px; } .seo-block .container { height: 140px; padding-bottom: 35px; overflow: hidden; position: relative; } .seo-block .container.open { height: 100%; } .seo-block .container.open:after { height: 0px; } .seo-block .container:after { content: ""; position: absolute; bottom: 0px; left: 0; right: 0; height: 80px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #F3F3F3 90%); transition: all 0.35s; } .seo-block .container:before { content: ""; position: absolute; bottom: 0px; left: 0; right: 0; height: 40px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #F3F3F3 90%); transition: all 0.35s; } .seo-block .container.open:before { height: 0px; } .seo-block p { /*font-size: 12px;*/ /*line-height: 20px;*/ /*color: #000;*/ /*margin-bottom: 25px;*/ align-items: center; text-align: left; } .seo-block .inner-title { font-size: 22px; font-weight: 500; color: #000000; } .seo-block .h3 { color: #C0A171; margin-bottom: 40px; } .seo-block .seo-hidden { display: none; } .seo-block .seo-arrow { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; z-index: 2; font-size: 12px; line-height: 1; cursor: pointer; color: #f99e1c; } .seo-block a { text-decoration-style: double; /*letter-spacing: 0.02em;*/ /*color: #A38452;*/ /*border-bottom: 1px solid #A38452;*/ } .seo-block .container.open .seo-arrow { bottom: px; } .seo-block img { width: auto; display: table; margin: 15px; max-width: 200px; float: none; } .seo-block img:first-child { margin-left: 0; } .seo-block ul, .seo-block ol { list-style: disc; padding: revert; padding: 0 0 0 20px; } .seo-block h2, .seo-block h3, .seo-block h4, .seo-block h5 { margin-bottom: 15px; margin-top: 31px; } .seo-block h2:first-child { margin-top: 0; } .seo-block li img { max-width: 100px; margin: 0 0 0 15px; } /*.wrapper-text {*/ /* margin: 50px auto;*/ /*}*/ .inner-text { font-size: 14px; color: #000000; } /*TEXT show/hide end*/ /*Home catalog start*/ .main__tabs { margin: 0 auto; padding: 0 24px; max-width: 1920px; } .prefooter__tabs { margin-bottom: 35px; } .main__tabs-wrapper { display: flex; flex-direction: column; } .prefooter__tabs-wrapper { display: flex; flex-direction: column; } .main__tabs-wrapper .responsive-tabs .catalog-tab { border-top: 1px solid #ccc; cursor: pointer; font-size: 30px; color: #111111; text-align: center; display: flex; justify-content: center; align-items: center; white-space: nowrap; } .prefooter__tabs-wrapper .pre-responsive-tabs .catalog-tab { border-top: 1px solid #ccc; cursor: pointer; font-size: 30px; color: #111111; text-align: center; display: flex; justify-content: center; align-items: center; } .main__tabs-wrapper .responsive-tabs .active { background-color: #f89e1c; color: #ffffff; } .prefooter__tabs-wrapper .pre-responsive-tabs .active { background-color: #f89e1c; color: #ffffff; border-left: 1px solid #f89e1c !important; border-right: 1px solid #f89e1c !important; border-top: 1px solid #f89e1c !important; } .main__tabs-wrapper .responsive-tabs .active + .catalog-content { display: block; } .prefooter__tabs-wrapper .pre-responsive-tabs .active + .catalog-content { display: block; height: auto; } .main__tabs-wrapper .responsive-tabs .catalog-content { display: none; } .prefooter__tabs-wrapper .pre-responsive-tabs .catalog-content { display: block; height: 0; overflow: hidden; } .main__tabs-wrapper .ajaxContainer { overflow: visible; } .main__tabs-wrapper .ajaxContainer .product { width: 16.66%; } .prefooter__tabs-wrapper .product { width: 16.66%; } .main__tabs-wrapper .responsive-tabs-placeholder { display: none; } .prefooter__tabs-wrapper .responsive-tabs-placeholder { display: none; } .main__tabs-wrapper .catalog-tab.active .img-arrow-all { fill: #ffffff; transform: rotate(270deg); } .prefooter__tabs-wrapper .catalog-tab.active .img-arrow-all { fill: #ffffff; transform: rotate(270deg); } .main__tabs-wrapper .catalog-tab .img-arrow-all { fill: #f89e1c; transform: rotate(90deg); margin-right: 20px; } .prefooter__tabs-wrapper .catalog-tab .img-arrow-all { fill: #f89e1c; transform: rotate(90deg); margin-right: 20px; } .product.last .icon img { margin: 0 auto; } .product .label { z-index: 99; } .product .picture img { padding-top: 0; margin: 0 auto; } /*Home catalog end*/ /*Popular and Visited items start*/ .popular-image { display: block; } .slider-wrapper__slide .product { width: 100%; } #viewedProduct .viewedBtnLeft { left: 0; } #viewedProduct .viewedBtnRight { right: 0; } /*Popular and Visited items end*/ #footerTabsCaption { background: #f3f3f3; } #footerTabsCaption .item a { color: #000000; font: normal normal 30px "Roboto", arial, sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0; padding: 0; vertical-align: inherit; } .main__tabs-wrapper .responsive-tabs .catalog-tab:first-child { border-left: 1px solid #e7e8ea; border-top: 1px solid #e7e8ea; } .main__tabs-wrapper .responsive-tabs .catalog-tab { width: 16.58%; border-top: 1px solid #e7e8ea; border-right: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; } @media all and (max-width: 1368px) { .popular__category .item .item-text { padding: 10px 5px; } .popular__services .item .item-text { padding: 10px 5px; } .blog .item .item-text { padding: 10px 5px; } .news .item .item-text { padding: 10px 5px; } } @media all and (max-width: 1280px) { .bigText { font-size: 26px; } .main__tabs-wrapper .responsive-tabs .catalog-tab { font-size: 24px; padding: 0 10px; width: 15.5%; } #footerTabsCaption .item a { font-size: 24px; } } @media all and (min-width: 1025px) { .pc-image { display: block; } .mobile-image { display: none; } } @media all and (max-width: 1024px) { .logo-img-deck { display: none; } .logo-img-mob { display: block; } .logo-img-mob img { width: 160px; height: 90px; margin-left: -30px; margin-bottom: -20px; margin-top: -20px; } .popular__services .item { width: 25%; } .popular__category .item { width: 25%; } .blog .item { width: 25%; } .news .item { width: 25%; } .main__tabs-wrapper .main__tabs .ajaxContainer .product { width: 25%; } /*#brandList .item {*/ /* width: 25%;*/ /*}*/ .main__tabs-wrapper .ajaxContainer .product { width: 25%; } .pc-image { display: none; } .mobile-image { display: block; } } /*pre footer tabs start*/ #footerTabsCaption { padding-top: 50px; } #footerTabsCaption .items { text-align: center; overflow: hidden; display: flex; justify-content: space-around; } #footerTabsCaption .item { width: 50%; margin-right: 0; background: #ffffff; } #footerTabsCaption .item.chosen { background: #f99e1c; } #footerTabsCaption .item .selected { border-bottom: none; } #footerTabsCaption .item .selected { color: #ffffff !important; } #viewedProduct .wrap, #topProduct .wrap { margin: 0; } .footer-links-block { padding-top: 25px; padding-bottom: 25px; } /*pre footer tabs end*/ .footer-links-block a { color: #f99e1c; text-decoration: none; } .footer-links-block a:hover { text-decoration: underline; } #topProduct .topBtnLeft, #topProduct .topBtnRight, .slick-main-slider .topBtnLeft, .slick-main-slider .topBtnRight { z-index: 999; } /*review start*/ .show-all-rev, .show-all-rev.arr-rotate-review { position: relative; width: 100%; color: #999999; cursor: pointer; } .show-all-rev:after, .show-all-rev.arr-rotate-review:after { position: absolute; content: url("/bitrix/templates/dresscode/images/new/icon-arr1.png"); left: 158px; top: 50%; transform: translateY(-50%); z-index: 4; } .show-all-rev.arr-rotate-review:after { transform: rotate(180deg); top: 7%; } .text-answer { margin-bottom: 35px; } span.show-answer span:first-child { color: #f89e1c; border-bottom: none; font-weight: normal; } .review-text.shadow:after, .review-text.opened:after { display: none; } .show-answer__arr, .show-answer__arr.arr-rotate-shop { position: relative; z-index: 1; } .show-answer__arr:after { position: absolute; content: url("/bitrix/templates/dresscode/images/new/icon-arr2.png"); right: -28px; top: 50%; transform: translateY(-50%); z-index: 4; } .show-answer__arr.arr-rotate-shop:after { transform: rotate(180deg); top: 7%; } .latestReviews__slider { padding: 0; } .latestReviews__slider .slick-arrow.slick-prev { left: 0; } .latestReviews__slider .slick-arrow.slick-next { right: 0; } #topProduct .topBtnLeft, .slick-main-slider .topBtnLeft { left: 0; } #topProduct .topBtnRight, .slick-main-slider .topBtnRight { right: 0; } /*review end*/ .latestReviews__item { padding: 30px 45px 40px; } .latestReviews__item .review-date { bottom: 10px; } #headerLine4 #topAuth ul li a:after, .header__callback .openWebFormModal.link.callBack:after, #headerLine4 .user-geo-position-value-link:after { border-bottom: none; } #headerLine4 #topAuth ul li a:hover, #headerLine4 .user-geo-position-value-link:hover::after { border-bottom: 1px solid #ffa800; } .header__callback .openWebFormModal.link.callBack:hover { text-decoration: underline; } /*@media all and (max-width: 2560px) {*/ #main.color_white #left #subLeftMenu { padding-bottom: 5px; padding-top: 5px; line-height: 20px; } /*}*/ @media only screen and (max-width: 1800px) { .btn-simple.btn-micro { padding: 6px 8px; max-width: 190px; } } /*Media quaries*/ @media only screen and (min-width: 769px) { .fancybox-slide { width: 75% !important; height: 90% !important; top: 50% !important; transform: translate(-50%, -50%) !important; left: 50% !important; } .fancybox-toolbar { right: 8% !important; top: 8% !important; } .pc-image { height: 395px; object-fit: cover; } .main__tabs-wrapper .responsive-tabs .catalog-tab { float: left; /*border-top: 0;*/ } .prefooter__tabs-wrapper .pre-responsive-tabs .catalog-tab { float: left; border-top: 0; width: 50%; } .main__tabs-wrapper .responsive-tabs .active + .catalog-content { display: block !important; height: 0; overflow: hidden; } .prefooter__tabs-wrapper .pre-responsive-tabs .active + .catalog-content { display: block !important; height: 0; overflow: hidden; } .main__tabs-wrapper .responsive-tabs-placeholder { clear: both; display: block; } .prefooter__tabs-wrapper .responsive-tabs-placeholder { clear: both; display: block; } .main__tabs-wrapper .catalog-tab.active .img-arrow-all, .main__tabs-wrapper .catalog-tab .img-arrow-all { display: none; } .prefooter__tabs-wrapper .catalog-tab.active .img-arrow-all, .prefooter__tabs-wrapper .catalog-tab .img-arrow-all { display: none; } } @media all and (max-width: 768px) { #video .items .item { padding-bottom: 52%; width: calc(100% - 26px); margin-bottom: 24px; } #video .items .item:last-child { margin-bottom: 0; } .block-title { padding-bottom: 10px; } .popular__category, .popular__category, #brandList, .main__tabs, .blog, .news { margin: 0; } .slick-slider { margin-bottom: 0; } .footer-links-block { padding-top: 20px; } #footerTabsCaption { padding-top: 0; } .main__tabs-wrapper .responsive-tabs .catalog-tab:first-child, .main__tabs-wrapper .responsive-tabs .catalog-tab { width: auto; } .bigText { font-size: 18px; } .block-title { justify-content: space-between; align-items: baseline; } .block-title a { padding: 0 10px 0 20px; } .mediumTextLight { font-size: 16px; } .cButton { font-size: 16px; } .mediumTextLight { padding: 15px 0 0; } .text-block { left: 25px; } .main__tabs-wrapper .responsive-tabs .catalog-tab { font-size: 16px; padding-left: 20px; color: #f89e1c; width: auto; } .main__tabs-wrapper .responsive-tabs .active { color: #ffffff; } .main__tabs-wrapper .responsive-tabs .catalog-tab { justify-content: space-between; } .main__tabs-wrapper .ajaxContainer .product { width: 100%; } .slider-popular-wrapper .product { width: 100%; } } @media all and (max-width: 767px) { /*#brandList .item {*/ /* width: 50%;*/ /*}*/ .oFilter .btn-simple.btn-micro { min-width: auto; } .popular__category .item { width: 50%; padding: 10px 5px 0; } .popular__category .item p { font-size: 14px; } .popular__services .item { width: 50%; padding: 12px 0 0; } .popular__services .item p { font-size: 14px; } .blog .item { width: 50%; padding: 12px 5 0; } .blog .item p { font-size: 14px; } .news .item { width: 50%; padding: 12px 5 0; } .news .item p { font-size: 14px; } .block-title h2:not(:last-child) { padding-left: 0; } .main__tabs, .blog, .news, #latestReviews { padding: 0 12px; } #footerTabsCaption, #footerTabs { margin-right: 12px; margin-left: 12px; } #footerTabsCaption { line-height: 50px; } #footerTabsCaption .items { flex-direction: column; /*padding: 20px 0;*/ } #footerTabsCaption .item { width: auto; padding: 15px 0; } #footerTabsCaption .item:not(:last-child) { margin-bottom: 0; } #footerTabsCaption { height: auto; line-height: inherit; } /*.news .item:nth-child(n+3),*/ /*.blog .item:nth-child(n+3) {*/ /* display: none;*/ /*}*/ .block-title a { margin: 0; } .text-block { width: 70%; } } @media all and (max-width: 700px) { .internal__compliter { padding: 0 12px; } } @media all and (max-width: 640px) { .slick-slider.latestReviews__slider .slick-track { display: flex !important; } .slick-slider.latestReviews__slider .slick-list { display: flex; height: auto !important; } .review-text.shadow { max-height: 100px !important; } } @media all and (max-width: 500px) { #catalogLine .oSmartFilter.btn-simple.btn-micro { width: auto; } .blog .item { padding: 10px 10px 0; width: 100%; } .blog .item .item-text { padding: 5px 8px; } .blog .item img { width: 100%; max-height: 100%; margin: 0 auto; } .news .item { padding: 10px 10px 0; width: 100%; } .news .item .item-text { padding: 5px 8px; } .popular__category .item .item-text { padding: 5px 8px; } .popular__services .item .item-text { padding: 5px 8px; } .seo-block .container { height: 170px; } .latestReviews__item { padding: 30px 35px 40px; } #footerTabsCaption .item a { font-size: 16px; } .block-title h2 { font-size: 16px; } .look-all { font-size: 11px; padding-right: 0; } .bigText { font-size: 12px; } .mediumTextLight { font-size: 11px; padding: 15px 0; line-height: 15px; } .cButton { width: 96px; height: 30px; font-size: 10px; } .play { height: 32px; width: 45px; } .play::after { border-width: 7px 0 7px 12px; } .main__tabs .ajaxContainer .product { width: 100%; } .my-dots { bottom: -5%; } } @media (min-width: 429px) and (max-width: 430px) { #right { margin-top: -15px; } .slider-wrapper__slide img { height: 395px; } } @media all and (max-width: 429px) { .slider-wrapper__slide img { height: 220px; } .pc-image { display: none !important; } .bigText { position: relative; top: 15px; } } /* NEW DESIGN of MAIN PAGE end*/ #leftMenu { padding: 4px 0 3px 0; } #leftMenu .pc img { max-width: initial; } #elementContainer .marker { min-width: 68.75px; width: 100%; background: transparent; } .markerContainer { top: 12px; } .markerContainer .marker { min-width: 75px; /*background: transparent;*/ } .markerContainer .marker.deliv-marker { background: transparent; } .markerContainer .marker.deliv-marker img { width: 77px; } #leftMenu li .pc { padding-left: 20px; } #leftMenu li .pc img { width: 32px; } #empty .emptyMenu { display: flex; flex-direction: row; flex-wrap: wrap; } #leftMenu .pc, #leftMenu .tx { padding: 4px 8px !important; } /*Youtube Page start*/ .tabs__caption { gap: 10px; } .tabs__caption, .tabs__caption-internal { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; position: relative; } .tabs__caption a { text-decoration: none; } .tabs__caption .tabs__caption-item { font-size: 16px; padding: 9px 15px; min-width: 134px; width: auto; background: #ffffff; color: #000000; position: relative; border: 1px solid #f3f3f3; text-align: center; cursor: pointer; } .tabs__caption-title { padding: 50px 0 20px; font-size: 18px; /*border-bottom: 1px solid #f3f3f;*/ } .tabs__caption .tabs__caption-item:not(.active), .tabs__caption-internal .tabs__caption-item-internal:not(.active) { cursor: pointer; } .tabs__caption .tabs__caption-item:not(.active):hover { background: #f89e1c; } .tabs__caption .active { background: #f89e1c; color: #ffffff; } .tabs__content { display: none; } .tabs__content.active:not(:last-child) { margin-bottom: 50px; } .tabs__content.active, .tabs__content-internal.active { display: block; } .tabs__caption-item-internal .count-svg, .tabs__caption-item-internal.active .count-number { display: none; } .tabs__caption-item-internal.active .count-svg, .tabs__caption-item-internal .count-number { display: block; } .tabs__caption-item-internal .count-svg { color: red; } .tabs__caption-item-internal .count-number { width: 18px; } .tabs__caption-item-internal .count-svg { width: 18px; } /* tabs-internal start */ .tabs-internal { display: flex; justify-content: space-between; border: 1px solid #f3f3f3; } .tabs__caption-internal { flex-direction: column; /*min-width: 425px;*/ /*max-width: 425px;*/ width: 425px; } .tabs__content-internal { display: none; padding: 0; width: 100%; } .youtube-playlist { display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 34px 30px; } .youtube-playlist .youtube-playlist__name { font-size: 16px; font-weight: 600; } .youtube-playlist .youtube-playlist__count { font-size: 13px; font-weight: 300; color: #888888; } .youtube-playlist__files { overflow-y: scroll; } .youtube-playlist__files::-webkit-scrollbar { width: 5px; } /* Track */ .youtube-playlist__files::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-border-radius: 10px; border-radius: 10px; } /* Handle */ .youtube-playlist__files::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(193, 193, 193, 0.8); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); } .youtube-playlist__files::-webkit-scrollbar-thumb:window-inactive { background: rgba(193, 193, 193, 0.4); } .tabs__content-internal .item { position: relative; width: 100%; overflow: hidden; padding-top: 56.25%; /* 16:9 Aspect Ratio */ } .tabs__content-internal .item .main-video { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; } .tabs__caption-internal .tabs__caption-item-internal { min-height: 98px; display: flex; align-items: center; font-size: 16px; /*padding: 15px 10px 15px 0;*/ min-width: 134px; width: auto; background: #ffffff; color: #000000; position: relative; border: 1px solid #f3f3f3; text-align: center; cursor: pointer; } .tabs__caption-internal .active { background: #f1f1f1; color: #000000; } .tabs__caption-internal .tabs__caption-item-internal:not(.active):hover { background: #f1f1f1; } .internal-flex { display: flex; flex-wrap: nowrap; } .internal-flex__count { display: flex; flex-wrap: nowrap; align-items: center; padding: 0 5px 0 7px; } .internal-flex__image { padding-right: 10px; } .internal-flex__image img { width: 131px; object-fit: cover; height: 75px; } .internal-flex__text { display: flex; flex-direction: column; justify-content: space-evenly; text-align: left; padding-right: 10px; } .flex__text-title { font-size: 16px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; box-orient: vertical; } .flex__text-subtitle { font-size: 13px; font-weight: 300; overflow: hidden; text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; box-orient: vertical; } .tabs__content-internal iframe { width: 100%; height: 100%; border: none; } /* tabs-internal end */ @media screen and (min-width: 1368px) { .youtube-playlist__files { height: 300px; } } @media screen and (min-width: 1600px) { .youtube-playlist__files { height: 400px; } } @media screen and (min-width: 1792px) { .youtube-playlist__files { height: 500px; } } @media screen and (max-width: 1367px) { .tabs-internal { flex-direction: column; margin-bottom: 50px; } .tabs__caption-internal { max-width: 100%; } .tabs__content-internal, .tabs__caption-internal { width: 100%; } .youtube-playlist__files { min-height: 100px; height: 100%; max-height: 300px; } } @media screen and (max-width: 650px) { .tabs__caption .tabs__caption-item, .tabs__caption-internal .tabs__caption-item-internal { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } } @media screen and (min-width: 1920px) { .youtube-playlist__files { height: 543px; } } @media screen and (min-width: 2560px) { .youtube-playlist__files { height: 568px; } } /*Youtube Page end*/ /* selection*/ .cd-dropdown, .cd-select { position: relative; min-width: 300px; width: 100%; margin: 20px auto; display: block; } .cd-dropdown > span { width: auto; height: 60px; line-height: 60px; color: #999; font-weight: 700; font-size: 16px; background: #fff; display: block; padding: 0 50px 0 30px; position: relative; cursor: pointer; } .cd-dropdown > span:after { content: ''; background-image: url("/bitrix/templates/dresscode/images/new/youtube-page/youtube-arrow.svg"); background-repeat: no-repeat; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 15px; text-align: center; /*font-size: 12px;*/ /*padding: 10px;*/ height: 15px; /*line-height: 24px;*/ /*border-left: 1px solid #ddd;*/ } .cd-dropdown.cd-active > span:after { transform: rotate(180deg); top: 37%; } .cd-dropdown ul { list-style-type: none; margin: 0; padding: 0; display: block; position: relative; } .cd-dropdown ul li { display: block; } .cd-dropdown ul li span { width: auto; background: #fff; line-height: 60px; padding: 0 30px 0 30px; display: block; color: #bcbcbc; cursor: pointer; font-weight: 700; } .cd-dropdown > span, .cd-dropdown ul li span { -webkit-backface-visibility: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cd-dropdown > span span[class^="icon-"], .cd-dropdown > span span[class*=" icon-"] { padding: 0 30px 0 45px; } /* Select fallback styling */ .cd-select { border: 1px solid #ddd; } /* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .main p { color: #AAA; padding: 20px 30px 0px 0px; font-size: 20px; line-height: 34px; font-weight: 300; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8); } /* Header Style */ .codrops-top { line-height: 24px; font-size: 11px; background: #fff; background: rgba(255, 255, 255, 0.5); text-transform: uppercase; z-index: 9999; position: relative; box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2); } .codrops-top a { padding: 0px 10px; letter-spacing: 1px; color: #333; display: inline-block; } .codrops-top a:hover { background: rgba(255, 255, 255, 0.8); color: #000; } .codrops-top span.right { float: right; } .codrops-top span.right a { float: left; display: block; } /* Demo Buttons Style */ .codrops-demos { float: right; padding-top: 10px; } .codrops-demos a { display: inline-block; margin: 10px; color: #666; font-weight: 700; line-height: 30px; border-bottom: 4px solid transparent; } .codrops-demos a:hover { color: #000; border-color: #000; } .codrops-demos a.current-demo, .codrops-demos a.current-demo:hover { color: #aaa; border-color: #aaa; } @media screen and (max-width: 730px) { .fleft { width: 100%; float: none; text-align: center; } } .cd-dropdown > span, .cd-dropdown ul li:nth-last-child(-n+3) span { /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);*/ border: 1px solid #f3f3f3; } .cd-dropdown ul { position: absolute; top: 0px; width: 100%; } .cd-dropdown ul li { position: absolute; width: 100%; } .cd-active.cd-dropdown > span { color: #f89e1c; } .cd-active.cd-dropdown > span, .cd-active.cd-dropdown ul li span { /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);*/ border: 1px solid #f3f3f3; } .cd-active.cd-dropdown ul li span { -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .cd-active.cd-dropdown ul li span:hover { background: #f3f3f3; color: #000000; } @media screen and (max-width: 767px) { .tabs__caption { display: none; } .youtube-playlist { font-size: 13px; padding: 15px 30px; } .tabs__caption-title { padding-top: 20px; } .flex__text-title { font-size: 12px; } .flex__text-subtitle { font-size: 10px; } .internal-flex__image img { width: 90px; height: 50px; } } @media screen and (min-width: 768px) { .mobile-tabs { display: none; } .banner-elem .tb { height: 180px; } } @media screen and (max-width: 500px) { .slider-wrapper__slide img { height: 220px; } .internal-flex__count { padding: 0; } .flex__text-title { margin-bottom: 5px; } .flex__text-title, .flex__text-subtitle { line-height: normal; } .youtube-playlist__files { height: 200px; } } /*Youtube pagination start*/ .youtube-show-more { display: block; text-align: center; padding: 70px 0; } .youtube-show-more a { font-size: 16px; padding: 9px 15px; min-width: 134px; min-width: 134px; background: #f89e1c; color: #ffffff; position: relative; border: 1px solid #f3f3f3; text-align: center; text-decoration: none; cursor: pointer; } .youtube-show-more a:hover { background-color: #ffa800; } /*Youtube pagination end*/ /*breadcrumbs start*/ #breadcrumbs, #breadcrumbs ul { overflow: visible; } #breadcrumbs ul li { position: relative; } #breadcrumbs ul li:hover .internal-crumbs { opacity: 1; visibility: visible; } .internal-crumbs { opacity: 0; visibility: hidden; transition: opacity .5s; position: absolute; background: #ffffff; box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2); top: 20px; left: 0; width: 100%; min-width: 170px; z-index: 99; padding: 10px; } .flex-crumbs { display: flex; flex-direction: column; height: 100%; } .flex-crumbs li { color: #000000; } .flex-crumbs li:hover { color: #888888; cursor: pointer; } /*breadcrumbs end*/ /*breadcrumbs near footer start*/ .articles-links-block { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; /*gap: 15px;*/ margin-bottom: 45px; } .articles-links-block span { margin-right: 15px; } .articles-links-block a { position: relative; text-decoration: none; color: #f99e1c; text-align: center; padding: 5px 10px; } .articles-links-block a:hover { text-decoration: underline; } /*breadcrumbs near footer end*/ /*27.05*/ .articles-links-block span { display: inline-flex; align-self: center; } .footer-links-block span { display: inline-flex; align-self: center; } /*27.05*/ /*05.09.2022*/ #appFastBuy .qtyBlock { margin-bottom: 12px; } #appFastBuy .qtyBlock .qty { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; display: inline-block; text-align: center; font-size: 12px; margin: 0 2px; height: 19px; width: 40px; padding: 0 2px; border: 0; } #appFastBuy .qtyBlock .qty { background-color: #e7e8ea; color: #000000; } #appFastBuy .qtyBlock .qty.error { border: 1px solid #ff0000; } #appFastBuy .qtyBlock .plus, #appFastBuy .qtyBlock .minus { vertical-align: middle; display: inline-block; height: 19px; width: 19px; } #appFastBuy .qtyBlock .plus, #appFastBuy .qtyBlock .minus { background: url(/bitrix/components/dresscode/catalog.item/templates/detail/images/plusMinusElement.png) 0 0 no-repeat #424242; } #appFastBuy .qtyBlock .plus { background-position: 0 -19px; } #appFastBuy .qtyBlock .plus:hover { background-position: -19px -19px; } #appFastBuy .qtyBlock .plus:active { background-position: -38px -19px; } #appFastBuy .qtyBlock .minus:hover { background-position: -19px 0x; } #appFastBuy .qtyBlock .minus:active { background-position: -38px 0px; } #appFastBuy .qtyBlock label { padding-right: 12px; } @media (max-width: 576px) { /* body.is-admin #main { margin-top: 72px !important; } */ .bx-auth .forgot-bottom { display: block; margin-top: 15px; } .btn-simple.btn-micro { min-width: 160px; } .banner-elem .tb { height: 116px; } } .sc-chat-window--bar { bottom: 0px !important; } .toggle-button { border-radius: 100px !important; width: 36px !important; height: 53px !important; margin-bottom: 20px; } .toggle-button__icon { margin-right: 10px; position: absolute; } .subTableRow:has(.search_res.visible) #searchOverlap { display: block; } .main__tabs .responsive-tabs .img-arrow-all { pointer-events: none; } @media (max-width: 1024px) { .mobheader .mobheader__btns .topCompare { margin-top: 0; } .mobheader .mobheader__btns .topCompare a { width: 48px; height: 48px; } .mobheader .mobheader__btns .topCompare a .icon { margin-right: 0; height: 48px; width: 48px; pointer-events: none; } .mobheader .mobheader__btns .header__callback { width: 48px; height: 48px; padding: 0; } .mobheader .mobheader__btns .header__callback a { width: 48px; height: 48px; padding: 0; } .mobheader .mobheader__btns .header__callback:before { transform: translateY(-50%) translateX(-50%); top: calc(50% - 2px); left: 50%; } .mobheader .mobheader__btns .mobheader__btn.mobheader__search { padding: 0; margin: 0; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; } .mobheader .mobheader__btns .mobheader__btn.mobheader__search img { margin-bottom: 4px; pointer-events: none; } .mobheader .mobheader__btns #flushMainCartMobile { width: 48px; height: 48px; } .mobheader .mobheader__btns #flushMainCartMobile .mobheader__btn.mobheader__bag { padding: 0; margin: 0; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; } .mobheader .mobheader__btns #flushMainCartMobile .mobheader__btn.mobheader__bag:before { top: 0; right: 0; } .mobheader .mobheader__btns #flushMainCartMobile .mobheader__btn.mobheader__bag img { margin-bottom: 4px; pointer-events: none; } } #foundation:has(.main_node.eChild.activeDrop) .removedItemsContainer ul.removedItemsList { display: none !important; } #catalogLine select { border-radius: 4px; padding: 0 30px 0 10px; height: 30px; align-items: center; -webkit-appearance: none; -moz-appearance: none; background-image: url(/bitrix/templates/dresscode/images/arrDown.svg); background-position: right 7px center; background-repeat: no-repeat; background-size: 15px 15px; background-color: #F8F8F8B2; font-family: 'Roboto', sans-serif !important; font-weight: 300; font-size: 14px; color: #000; } .mobheader-search { height: 38px; position: relative; background-color: #fff; padding: 8px 0; } .mobheader-search .mobheader-search__icon { height: 24px; width: 24px; position: absolute; left: 16px; transform: translateY(-50%); top: 50%; } .mobheader-search .mobheader-search__field { height: 100%; border-radius: 48px; padding: 0 16px 0 50px; width: calc(100% - 64px); border: 1px solid #e7e8ea; } .mobheader-search .mobheader__search-input { height: 100%; padding: 0; border: none; border-radius: inherit; } .mobheader-search .mobheader__result { background-color: #fff; } .mobheader-search .search-sections { display: none; } .mobheader-search .mobheader__result-title { margin-top: 0; border-top: none; line-height: 14px; padding: 23px 0 15px; } body:has(.mobheader-search .mobheader__result #searchResultMobile.visible) { overflow: hidden !important; } .mobheader-search .mobheader__result .items-search.list-items-search { overflow-y: auto; padding-top: 0; height: 100%; max-height: 320px; } .mobheader-search .mobheader__result .searchAllResult { height: 50px !important; display: flex !important; justify-content: center; align-items: center; } .mobheader-search .mobheader__result .searchAllResult span { padding: 0; border-bottom: none !important; line-height: inherit !important; } .mobHeader-wishlist a { width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; } .mobHeader-wishlist a img { width: 22px; margin-bottom: 5px; } .mainTool.fixed.--only-mob .columnRowWrap .fastBack.changeID, .mainTool.fixed.--only-mob .columnRowWrap .addCart.changeCart { height: 40px !important; line-height: 40px !important; } .mobheader .mobHeader-wishlist { position: relative; } .mobheader .mobHeader-wishlist .wishlist-count { position: absolute; top: 0; right: 0; width: 24px; height: 24px; border: 2px solid #ddd; border-radius: 50%; background-color: #fff; font-size: 13px; line-height: 21px; text-align: center; box-sizing: border-box; color: #d1d1d1; } .mobheader .mobHeader-wishlist a.active .wishlist-count { border-color: #f89e1c; color: #f89e1c; } #upButton { right: 52px; bottom: 220px; } #bingc-phone-button { bottom: 111px !important; right: 40px !important; } #kwizbot_widget .toggle-button { bottom: 20px !important; right: 32px !important; } @media (max-width: 1024px) { #upButton { right: 20px; bottom: 193px; } #bingc-phone-button { bottom: 95px !important; right: 9px !important; } #kwizbot_widget .toggle-button { bottom: 15px !important; right: 2px !important; } body:has(#catalogElement.item) #bingc-phone-button { right: 7px !important; bottom: 232px !important; } body:has(#catalogElement.item) #kwizbot_widget .toggle-button { bottom: 155px !important; } body:has(#catalogElement.item) #upButton { right: 18px; bottom: 328px; } body:has(#catalogElement.item) #footer { padding-bottom: 136px; } } /* new socials */ .h-socials { display: flex; align-items: center; height: 40px; } .h-socials__item { display: inline-flex; position: relative; align-items: center; justify-content: center; transition: opacity .3s; } .h-socials__item:before { content: ''; position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; border-radius: 3px; background-color: var(--bgColor); } .h-socials__item:not(:last-child) { margin-right: 2px; } .h-socials__item:hover { opacity: .7; } .h-socials__item svg { position: relative; width: 28px; height: 28px; fill: #fff; } #brandList .picture { opacity: 1; } /* compare notification */ .topCompare { position: relative; } .av-compare-notification { display: flex; position: absolute; top: 40px; right: -140px; z-index: 9999; justify-content: flex-end; padding-top: 16px; pointer-events: none; } .av-compare-notification__item { position: relative; /*margin-right: 142px;*/ padding: 10px 24px; border-radius: 3px; background-color: #F89E1C; color: #fff; text-decoration: underline; white-space: nowrap; opacity: 0; transition: opacity .3s; pointer-events: none; } .av-compare-notification__item.is-active { opacity: .9; } .av-compare-notification__item:before { content: ''; position: absolute; top: -17px; left: 36px; width: 0; height: 0; border-left: 20px solid #F89E1C; border-top: 18px solid transparent; } /*@media screen and (max-width: 1490px) {*/ /* .av-compare-notification {*/ /* padding-top: 24px;*/ /* }*/ /*}*/ /*@media screen and (max-width: 1367px) {*/ /* .av-compare-notification {*/ /* padding-top: 32px;*/ /* }*/ /*}*/ /*@media screen and (max-width: 1024px) {*/ /* .av-compare-notification {*/ /* z-index: 99999;*/ /* padding-top: 66px;*/ /* }*/ /* .av-compare-notification__item:before {*/ /* top: auto;*/ /* right: 26px;*/ /* bottom: 100%;*/ /* transform: scaleY(-1);*/ /* }*/ /*}*/ /*@media screen and (max-width: 700px) {*/ /* .av-compare-notification__item {*/ /* margin-right: 154px;*/ /* }*/ /*}*/ #smallElementTools .mainTool .prices-block, #elementTools .mainTool .prices-block { padding-top: 0; display: flex; flex-direction: column; row-gap: 6px; margin-bottom: 10px; } #smallElementTools .mainTool .install, #elementTools .mainTool .install { font-family: 'Roboto Condensed'; color: #52a91f; font-size: 15px; line-height: 18px; font-weight: 300; margin-bottom: 24px; } #smallElementTools .mainTool .install { text-align: center; } #elementTools .mainTool .install > span:first-of-type, #smallElementTools .mainTool .install > span:first-of-type { margin-left: 6px; } #smallElementTools .mainTool .columnRowWrap a.fastBack.label.changeID { color: #000; } body.is-admin #foundation > br { display: none; } @media (max-width: 1024px) { body.is-admin #foundation #main { margin-top: 0 !important; } body.is-admin:has(.mobheader:not(.mob_fix)):has(#foundation .product-nav) #foundation #main { margin-top: 20px !important; } body.is-admin:has(.mobheader.mob_fix):has(#foundation :not(.product-nav)) #foundation #main { margin-top: 120px !important; } body.is-admin:has(.mobheader.mob_fix):has(#foundation .product-nav) #foundation #main { margin-top: 146px !important; } } @media (max-width: 767px) { body.is-admin:has(.mobheader.mob_fix):has(#foundation :not(.product-nav)) #foundation #main { margin-top: 80px !important; } body.is-admin:has(.mobheader.mob_fix):has(#foundation .product-nav) #foundation #main { margin-top: 116px !important; } } @media (max-width: 550px) { body.is-admin:has(.mobheader.mob_fix):has(#foundation :not(.product-nav)) #foundation #main { margin-top: 50px !important; } body.is-admin:has(.mobheader.mob_fix):has(#foundation .product-nav) #foundation #main { margin-top: 92px !important; } } @media (max-width: 425px) { body.is-admin:has(.mobheader.mob_fix):has(#foundation :not(.product-nav)) #foundation #main { margin-top: 30px !important; } body.is-admin:has(.mobheader.mob_fix):has(#foundation .product-nav) #foundation #main { margin-top: 72px !important; } } @media (max-width: 767px) { #foundation #main #breadcrumbs { height: auto !important; margin-bottom: 20px !important; } } /* catalog 17.09.24 start */ @media screen and (max-width: 1024px) { #catalogLine .viewList .element:nth-child(2) { display: none; } #catalogLine .viewList .element .table { padding: 0; } #catalog .productList { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; padding: 0; } #catalog .productList.list-items { grid-template-columns: 1fr; } .product { width: 100%; } } @media screen and (max-width: 790px) { #catalog .productList { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 700px) { #catalog .items.productList.grid-items { grid-template-columns: repeat(2, 1fr); } #catalog .items.productList.grid-items .productTable { display: flex; flex-direction: column; } #catalog .items.productList.grid-items .productColImage { width: 100%; max-width: none; padding-right: 0; } #catalog .items.productList.grid-items .product .picture { height: 150px; } #catalog .items.productList.grid-items .product .picture img { max-width: 100%; max-height: 100%; transform: none; } #catalog .items.productList.grid-items .product .label.changeAvailable { position: absolute; top: 236px; right: auto; left: 14px; max-width: none; white-space: nowrap; } #catalog .items.productList.grid-items .btn-simple.add-cart { display: none; } #catalog .items.productList.grid-items .product .row { overflow: visible; margin: 0; } #catalog .items.productList.grid-items .product .label { float: none; } #catalog .items.productList.grid-items .product .label.addCompare, #catalog .items.productList.grid-items .product .label.addWishlist { display: flex; position: absolute; top: 10px; right: 15px; justify-content: center; width: 23px; height: 16px; margin: 0; padding: 0; font-size: 0; } #catalog .items.productList.grid-items .product .label.addCompare .icon, #catalog .items.productList.grid-items .product .label.addWishlist .icon { margin: 0; padding: 0; } #catalog .items.productList.grid-items .product .label.addWishlist { top: 43px; } #catalog .items.productList.grid-items .product .label.fastBack { display: flex; align-items: center; justify-content: center; width: auto; height: 30px; margin-bottom: 0; border: 1px solid #E7E8EA; border-radius: 2px; color: #000000; font-weight: 300; font-size: 13px; line-height: 18px; } #catalog .items.productList.grid-items .product .label.fastBack img { display: none; } #catalog .items.productList.grid-items .product .addCart { margin-top: 14px; } #catalog .items.productList.grid-items .product .name { margin-bottom: 43px; } #catalog .items.productList.grid-items .elementProperties { display: none; } } @media screen and (max-width: 600px) { #catalog .productList { grid-template-columns: 1fr; } } @media screen and (max-width: 525px) { #catalogLine { display: flex; height: 32px; margin-bottom: 20px; padding: 0; border: none; line-height: 32px; } #catalogLine .column:last-child { display: inline-flex; flex-grow: 1; justify-content: flex-end; } #catalogLine .viewList { display: flex; } #catalogLine .viewList .element { display: flex; align-items: center; } #catalogLine .viewList .element:not(:first-child) { margin-left: 2px; } #catalogLine select { padding: 0 22px 0 8px; } #catalogLine .oSmartFilter .ico { padding-right: 6px; } .catalogLine--fixed-down { position: static; } } @media screen and (min-width: 1024px) { .multi-theme-compact .multi-wrapper { margin: 42px auto !important; } body:has(.mobheader.shadow) .multi-theme-compact .multi-wrapper { margin: 10px auto !important; } } @media screen and (max-width: 1023px) { body:has(.multi-header) .mobheader .mobheader-search { display: none; } body:has(.multi-header) #foundation { padding-top: 20px; } } .subTableColumn .search-sections { display: none; } .verticalBlock.logo-wrap .language-logo { display: none; } #logo a { display: flex; } .multi-theme-compact .multi-wrapper a.multi-title, .multi-theme-compact .multi-wrapper .multi-title .multi-arrow-rightIcon { transition: all .2s; } .multi-theme-compact .multi-wrapper a.multi-title:hover { color: #F89E1C !important; border-bottom: 1px solid #F89E1C !important; } .multi-theme-compact .multi-wrapper .multi-title:hover .multi-arrow-rightIcon { fill: #F89E1C; } .multi-theme-compact .multi-wrapper .multi-taxon span { transition: all .2s; } .multi-theme-compact .multi-wrapper .multi-taxon:hover span:first-child { color: #F89E1C !important; } .multi-theme-compact .multi-wrapper .multi-item:hover .multi-content a span { color: #F89E1C !important; } .popular-category-slider a div.a { justify-content: center; overflow: hidden; } .popular-category-slider a img { min-height: 190px; background-color: #fff; } .youtube__wrapper { display: block; /*min-height: 17vw;*/ } .youtube-player { padding-bottom: 53%; } .youtube__wrapper .item { height: auto; } @media screen and (max-width: 768px) { .internal__compliter { margin: 0 auto 0; } } @media (max-width: 767px) { .slick-main-slider .main-block__right-text .btn-simple, .main-block__right-text .descr, .youtube__wrapper .item { display: inherit !important; } } .popular__services-wrapper .items.clearfix.popular-category-slider:not(.slick-initialized) { display: flex; overflow: hidden; } .popular__services-wrapper .items.clearfix.popular-category-slider:not(.slick-initialized) .item { width: 16.66%; min-width: 16.66%; max-width: 16.66%; } @media (max-width: 1500px) { .popular__services-wrapper .items.clearfix.popular-category-slider:not(.slick-initialized) .item { width: 20%; min-width: 20%; max-width: 20%; } } @media (max-width: 1200px) { .popular__services-wrapper .items.clearfix.popular-category-slider:not(.slick-initialized) .item { width: 25%; min-width: 25%; max-width: 25%; } } @media (max-width: 960px) { .popular__services-wrapper .items.clearfix.popular-category-slider:not(.slick-initialized) .item { width: 33.33%; min-width: 33.33%; max-width: 33.33%; } } @media (max-width: 768px) { .popular__services-wrapper .items.clearfix.popular-category-slider:not(.slick-initialized) .item { width: 50%; min-width: 50%; max-width: 50%; } } /* catalog 17.09.24 end */ #leftMenu .drop { width: auto; background-color: #f5f5f5; } .cataloglist__wrap:has(.menuLink) { display: grid; grid-template-columns: 1fr; grid-row-gap: 12px; grid-column-gap: 12px; } .cataloglist__wrap:has(.menuItems:nth-child(2)) { grid-template-columns: 1fr 1fr; } .cataloglist__wrap:has(.menuItems:nth-child(3)) { grid-template-columns: 1fr 1fr 1fr; } #leftMenu .drop:after { content: ""; position: absolute; left: 0; top: 0; width: calc(100% + 26px); height: 100%; background-color: #f5f5f5; z-index: -1; } #leftMenu .menuItems { width: 100%; /*display: grid;*/ /*grid-template-columns: 1fr 1fr 1fr;*/ /*grid-row-gap: 12px;*/ /*grid-column-gap: 12px;*/ background-color: #f5f5f5; display: flex; flex-direction: column; row-gap: 12px; flex-wrap: wrap; } #leftMenu .menuItems li.category { display: grid; grid-template-columns: 1fr 3fr; background-color: #fff; padding: 12px; } #leftMenu .menuItems li.category .category__image a { padding-right: 12px; } #leftMenu .menuItems li.category .category__image img { max-width: 100px; min-width: 100px; width: 100px; object-fit: contain; max-height: 100px; } #leftMenu .menuItems .category-list_subCategories .menuLink.menuLink-title { margin-bottom: 8px; } #leftMenu .menuItems .category-list_subCategories { min-width: 240px; } @media (max-width: 1600px) { #leftMenu .menuItems { grid-template-columns: 1fr 1fr; } } @media (max-width: 1120px) { #leftMenu .menuItems .category-list_subCategories { min-width: 200px; } } #leftMenu .menuItems > li { margin-top: 0; } .b24-widget-button-position-bottom-right { right: 54px !important; bottom: 26px !important; z-index: 200002 !important } @media all and (max-width: 1024px) { .b24-widget-button-position-bottom-right { right: 25px !important; bottom: 22px !important; z-index: 200002 !important } body:has(#catalogElement.item) .b24-widget-button-position-bottom-right { right: 22px !important; bottom: 165px !important; } } @media (max-width: 1600px) { .collapsed.hover-menu div.cataloglist__wrap:has(.menuLink) { padding: 12px; display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-flow: row; gap: 12px 12px; max-width: 800px; } .collapsed.hover-menu #leftMenu .cataloglist__wrap .menuItems { display: contents; } .cataloglist__wrap .category { break-inside: avoid; } #leftMenu .drop:after { width: 100%; } } @media only screen and (max-width: 768px) { .items.productList.grid-items .clear { display: none; } } @media only screen and (min-width: 768px) { .items.productList.table-items + .show_more_desscode_row { display: block; } .items.productList.table-items .clear { display: inline-block; } } @media all and (max-width: 1024px) { body #main:has(.product-nav) { margin-top: 84px !important; } /*#main {*/ /* margin-top: 50px;*/ /*}*/ } /* .main-slider .text-block { pointer-events: none; } */ #pictureContainer .pictureSlider.product__slider-main:not(.slick-initialized) .item { display: none !important; } #pictureContainer .pictureSlider.product__slider-main:not(.slick-initialized) .item:first-child { display: block; } .multi-header .multi-input { font-weight: 300 !important; } .multi-theme-compact .multi-wrapper .multi-item .multi-content a span { font-weight: 300 !important; transition: all .2s; } .multi-results .multi-cell .multi-title span { font-weight: 300 !important; } @media (max-width: 1024px) { .is-loading { overflow: hidden; } .page-preloader { position: fixed; inset: 0; display: none; z-index: 999999; } .page-preloader.active { display: block; } .page-preloader__backdrop { position: absolute; inset: 0; background: #888; opacity: .3; } .page-preloader__spinner { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; transform: translate(-50%, -50%); } .page-preloader__spinner::before { content: ""; position: absolute; inset: 0; box-sizing: border-box; border-radius: 50%; border: 8px solid rgba(255,255,255,0.4); border-top-color: #fff; animation: preloader-spin .8s linear infinite; will-change: transform; } @keyframes preloader-spin { to { transform: rotate(360deg); } } } @media (min-width: 1280px) { .shop-detail__desc{ display:flex; align-items:flex-start; gap:48px; min-height:0; } .shop-detail__col{ width:40%; min-height:0; } .shop-detail__slider{ width:60%; height:var(--left-h, auto); max-height:var(--left-h, none); overflow:hidden; min-height:0; position:relative; display:flex; } .shop-detail__gallery{ flex:1 1 auto; min-width:0; height:100%; } .shop-detail__arrows{ position:absolute; inset:0; display:flex; top: 50%; align-items:center; justify-content:space-between; pointer-events:none; padding:0 8px; } .shop-detail__arrow{ pointer-events:auto; cursor:pointer; display:flex; align-items:center; justify-content:center; width:36px; height:36px; } .shop-detail__slider .slick-list, .shop-detail__slider .slick-track, .shop-detail__slider .slick-slide{ height:100% !important; min-height:0; } .shop-detail__slider img{ width:100%; height:100%; object-fit:cover; display:block; } } .shop-detail__gallery .slick-dots li button { width: 16px; height: 16px; min-height: 16px; cursor: pointer; } .shop-detail__gallery .slick-dots { position: absolute; left: 50%; } @media (max-width: 1280px) { .shop-detail__slider { max-height: 400px; height: 400px; } .shop-detail__slider .shop-detail__gallery, .shop-detail__slider .slick-list, .shop-detail__slider .slick-track { height: 100%; max-height: 100%; } .shop-detail__slider img { height: 100%; max-height: 100%; object-fit: cover; } } /* End */ /* /bitrix/templates/dresscode/fonts/roboto/roboto.css?17706452391649 */ /* /bitrix/templates/dresscode/css/select2.min.css?171507128315823 */ /* /bitrix/templates/dresscode/css/slick.css?17150712831764 */ /* /bitrix/templates/dresscode/css/slick-theme.css?17150712834592 */ /* /bitrix/templates/dresscode/css/jquery.fancybox.min.css?171507128312795 */ /* /bitrix/templates/dresscode/themes/white/default/style.css?177064523943324 */ /* /bitrix/templates/dresscode/css/lightYouTube.min.css?17706452393395 */ /* /local/components/ignis/selector/templates/.default/style.css?171507110112292 */ /* /bitrix/templates/dresscode/components/bitrix/menu/leftMenuV2/style.css?17706452395008 */ /* /bitrix/components/dresscode/search.line/templates/version2/style.css?177064523912691 */ /* /bitrix/templates/dresscode/headers/header7/css/style.css?177064523932947 */ /* /bitrix/templates/dresscode/headers/header7/css/types/type1.css?171507128072 */ /* /bitrix/templates/dresscode/components/bitrix/menu/topMenu6/style.css?1770645239455 */ /* /bitrix/components/dresscode/compare.line/templates/version4/style.css?17150717791255 */ /* /bitrix/components/dresscode/favorite.line/templates/version4/style.css?17150717791439 */ /* /bitrix/templates/dresscode/components/ignis/sale.basket.basket.line/topCart5/style.css?17150712881989 */ /* /bitrix/templates/dresscode/components/ignis/sale.basket.basket.line/mobile_left/style.css?17150712881989 */ /* /bitrix/components/dresscode/compare.line/templates/version4_mob/style.css?17150717791255 */ /* /bitrix/components/dresscode/favorite.line/templates/version4_mob/style.css?17150717791255 */ /* /bitrix/components/dresscode/compare.line/templates/version4_mob_header/style.css?17150717791355 */ /* /bitrix/templates/dresscode/components/dresscode/favorite.line/version4_mob_header/style.css?17262367921439 */ /* /bitrix/templates/dresscode/components/ignis/sale.basket.basket.line/mobile_main/style.css?17150712882126 */ /* /local/components/custom/form.result.new/templates/modal/style.css?177064523910848 */ /* /bitrix/templates/dresscode/components/bitrix/menu/leftSubMenu/style.css?1715071286302 */ /* /bitrix/templates/dresscode/components/dresscode/products.by.filter/.default/style.css?17706452392466 */ /* /bitrix/templates/dresscode/components/dresscode/catalog.viewed.product/.default/style.css?17706452392792 */ /* /local/components/custom/random.filters/templates/.default/style.css?1715071103150 */ /* /bitrix/templates/dresscode/template_styles.css?1770647566448165 */