/* Start:/bitrix/templates/dresscodeV3/fonts/roboto/roboto.css?17450754442282*/ @font-face { font-family: 'robotobold'; src: url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-bold.eot'); src: url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-bold.woff') format('woff'), url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'robotomedium'; src: url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-medium.eot'); src: url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-medium.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-medium.woff') format('woff'), url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-medium.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'roboto_condensedlight'; src: url('/bitrix/templates/dresscodeV3/fonts/roboto/robotocondensed-light.eot'); src: url('/bitrix/templates/dresscodeV3/fonts/roboto/robotocondensed-light.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/dresscodeV3/fonts/roboto/robotocondensed-light.woff') format('woff'), url('/bitrix/templates/dresscodeV3/fonts/roboto/robotocondensed-light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_cnregular'; src: url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-condensed.eot'); src: url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-condensed.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-condensed.woff') format('woff'), url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-condensed.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_ltregular'; src: url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-light.eot'); src: url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-light.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-light.woff') format('woff'), url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotoregular'; src: url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-regular.eot'); src: url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-regular.woff') format('woff'), url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_thregular'; src: url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-thin.eot'); src: url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-thin.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-thin.woff') format('woff'), url('/bitrix/templates/dresscodeV3/fonts/roboto/roboto-thin.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* End */ /* Start:/bitrix/templates/dresscodeV3/css/font-awesome.min.css?174507544227466*/ /*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('/bitrix/templates/dresscodeV3/css/../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('/bitrix/templates/dresscodeV3/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('/bitrix/templates/dresscodeV3/css/../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('/bitrix/templates/dresscodeV3/css/../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('/bitrix/templates/dresscodeV3/css/../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('/bitrix/templates/dresscodeV3/css/../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"} /* End */ /* Start:/bitrix/templates/dresscodeV3/css/owl.carousel.min.css?17450754423351*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/bitrix/templates/dresscodeV3/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/bitrix/templates/dresscodeV3/css/owl.theme.default.min.css?17450754421013*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/bitrix/templates/dresscodeV3/themes/default/style.css?174507544432106*/ /* Base color: #ff9601 Base color hover: #ffa800; Base color focus: #ad7b00; */ body.index{ background-color: #fff; } #topHeader{ border-bottom: 1px solid #f6f6f6; background: #ffffff; } #topService{ color: #000000; border-left: 1px solid #f6f6f6; } #topService li{ border-right: 1px solid #f6f6f6; } #topService li a{ color: #000000; } #topService li:hover a:hover{ color: #ffa800; } #topService li a:focus{ color: #ad7b00; } #topService .selected{ color: #ffa800; } #subHeader{ background: #ffffff; border-bottom: 0px solid #f6f6f6; } #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: #ff9601; } #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/dresscodeV3/themes/default/../../images/sprite.png) -25px -25px no-repeat transparent; } #headerTools .telephone .icon:hover{ /*background: url(/bitrix/templates/dresscodeV3/themes/default/images/callbackHead.png) -35px 0 no-repeat transparent;*/ } #headerTools .search .icon{ background: url(/bitrix/templates/dresscodeV3/themes/default/images/searchHead.png) 0 0 no-repeat transparent; } #headerTools .search .icon:hover{ background: url(/bitrix/templates/dresscodeV3/themes/default/images/searchHead.png) -35px 0 no-repeat transparent; } #headerTools .wishlist .icon{ background: url(/bitrix/templates/dresscodeV3/themes/default/../../images/sprite.png) -125px -27px no-repeat transparent; } /*#headerTools .wishlist .icon:after, #headerTools .compare .icon:after,*/ #headerTools .cart .icon:after {content: '';display: block;width: 10px;height: 10px;background: url(/bitrix/templates/dresscodeV3/themes/default/../../images/sprite.png) -45px -195px no-repeat transparent;position: absolute;bottom: 0;right: 0;} #headerTools .wishlist .icon:after {bottom: 3px;right: 7px;} #headerTools .compare .icon:after {bottom: 10px;right: -1px;} #headerTools .cart .icon:after {right: auto;left: 50px;bottom: 6px;} #headerTools .wishlist .icon.active{ background: url(/bitrix/templates/dresscodeV3/themes/default/../../images/sprite.png) -125px -27px no-repeat transparent; } #headerTools .wishlist .icon.active:hover{ } #headerTools .compare .icon{ background: url(/bitrix/templates/dresscodeV3/themes/default/../../images/sprite.png) -33px -75px no-repeat transparent; } #headerTools .compare .icon.active{ background: url(/bitrix/templates/dresscodeV3/themes/default/../../images/sprite.png) -33px -75px no-repeat transparent; } #headerTools .compare .icon.active:hover{ } #headerTools .cart .icon{ background: url(/bitrix/templates/dresscodeV3/themes/default/../../images/sprite.png) -125px -75px no-repeat transparent; } #headerTools .cart .icon.active{ background: url(/bitrix/templates/dresscodeV3/themes/default/../../images/sprite.png) -125px -80px no-repeat transparent; } #headerTools .cart .icon.active:hover{ } #headerTools .cart ins{ color: #888888; } #headerTools .cart ins.active{ color: #979797; font-weight: normal; } #topHeader #topMenu{ } #topHeader #topMenu li a{ color: #000000; } #topHeader #topMenu li a:hover{ color: #ffa800; } #topHeader #topMenu .sub{ background-color: #eeeeee; } #topHeader #topMenu .sub li{ border-bottom: 1px solid #e0e0e0; border-top: 0px; } #topHeader #topMenu .sub li:hover { background: #e0e0e0; } #mainMenuContainer .minCatalogButton{ background: #202730; color: #ffffff; } #changeYouCity{ background: url(/bitrix/templates/dresscodeV3/themes/default/images/modalBg.png) 0 0 repeat #232323; } #changeYouCity .heading{ color: #ffa800; } #changeYouCity .list li a{ color: #cccccc; } #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/dresscodeV3/themes/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; } #mainMenuContainer{ background-color: #202730; } #mainMenu > li a{ color: #ffffff; } #mainMenu > li a:hover{ color: #ff9601; } #menuCatalogSection .drop ul li a:hover{ color: #ff9601; } #left .heading{ color: #ffffff; } #left .opener{ background: #ff9601; } #left .heading ins{ background: url(/bitrix/templates/dresscodeV3/themes/default/images/iconMenu.png) 0 50% no-repeat transparent; } #left .sideBlock .heading{ background-color: #2b2b2b; } #left #subscribe .sideBlockContent{ border: 1px solid #e7e8ea; } #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{ border: 2px solid #fff; } /*#slider ol li:hover{ background: url(/bitrix/templates/dresscodeV3/themes/default/images/slideButton.png) -18px 0 no-repeat transparent; }*/ #slider ol li.selected, #slider ol li:active, #slider ol li:hover {background: #ff4a00;border-color: #ff4a00;} /*#slider ol li:active{ background: url(/bitrix/templates/dresscodeV3/themes/default/images/slideButton.png) -36px 0 no-repeat transparent; } #slider ol li.selected{ background: url(/bitrix/templates/dresscodeV3/themes/default/images/slideButton.png) -54px 0 no-repeat transparent; } #slider ol li.selected:hover{ background: url(/bitrix/templates/dresscodeV3/themes/default/images/slideButton.png) -72px 0 no-repeat transparent; } #slider ol li.selected:active{ background: url(/bitrix/templates/dresscodeV3/themes/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: #ff9601; 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: #ff9601; color: #ffffff; } #right .heading{ background: #2b2b2b; color: #ffffff; } #footer{ background-color: #f9f9f9; } #footer .fc{ background-color: #2b2b2b; } #catalogLine{ border: 1px solid #e7e8ea; } #catalogLine select{ border: 1px solid #e7e8ea; color: #888888; } #catalogLine .viewList .element a{ background: url(/bitrix/templates/dresscodeV3/themes/default/images/catalogView.png) 0 0 no-repeat transparent; } #leftFooter{ background: #2b2b2b; } #leftFooter .heading{ color: #ffffff; } #leftFooter ul li{ margin-bottom: 3px; } #leftFooter a{ color: #999999; } #leftFooter a:hover{ color: #ff9601; } #leftFooter .selected{ color: #ff9601; } #rightFooter{ background: unset; } #rightFooter .list li{ color: #888888; } #rightFooter .email a{ color: #ffffff; } #rightFooter p{ color: #888888; } #rightFooter .hr{ border-top: 1px solid #575757; } #rightFooter .telephone{ color: #ff9601; } #rightFooter .email{ color: #ffffff; } #rightFooter .showMap{ color: #ff9601; } #rightFooter .showMap:hover{ color: #ffa800; } #footerBottom{ background: #1c1c1c; color: #777; } #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/dresscodeV3/themes/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: #ff9601; } #appBasket .price{ color: #000000; } #appBasket .price .discount { color: #888888; } #appBasket .plus, #appBasket .minus{ background: url(/bitrix/templates/dresscodeV3/themes/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: #ff9601; } #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: #ff9601; color: #ffffff; } #appFastBuyContainer #fastBuyFormSubmit:hover{ background-color: #ffa800; } #appFastBuyContainer #fastBuyFormSubmit.loading{ background: url(/bitrix/templates/dresscodeV3/themes/default/images/loading.gif) 24px 50% no-repeat #ffa800 !important; } #fastBuyResult #fastBuyResultClose{ background-color: #ff9601; color: #ffffff; } #fastBuyResult #fastBuyResultClose:hover{ background-color: #ffa800; } #appFastBuyContainer .marker { background-color: #424242; color: #ffffff; } #appFastBuyContainer .name{ color: #000000; } #appFastBuyContainer .name:hover{ color: #ff9601; } #appFastBuyContainer .price{ color: #000000; } #appFastBuyContainer .price .discount{ color: #888888; } #appFastView .appFastViewExit, #fastViewStores .fastViewStoresExit{ background: url(/bitrix/templates/dresscodeV3/themes/default/images/exit.png) 0 0 no-repeat transparent; } #appFastView .appFastViewExit:hover, #fastViewStores .fastViewStoresExit:hover{ } #appFastView .appFastViewExit:active, #fastViewStores .fastViewStoresExit:active{ } #appProductPriceVariant .appPriceVariantExit{ background: url(/bitrix/templates/dresscodeV3/themes/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, #infoTabsCaption .item a{ color: #888888; } #footerTabsCaption .item .selected, #infoTabsCaption .item .selected{ border-bottom: 1px dashed #000000; color: #000000; } #infoTabsCaption .item .selected { border: none; font-weight: bold; font-family: 'Roboto Condensed', sans-serif !important; color: #202730; font-size: 34px; } #footerTabsCaption .item .selected:hover, #infoTabsCaption .item .selected:hover{ color: #000000; } #footerTabsCaption .item a:hover, #infoTabsCaption .item a:hover{ color: #ff9601; } #footerTabs{ background-color: #f9f9f9; } #footerLine{ background-color: #1a1a1a; border-top: 2px solid #202020; box-shadow: 1px 1px 12px #000000; } #footerLine .item .callback{ color: #ff9601; } #footerLine .item .wishlist .icon{ background: url(/bitrix/templates/dresscodeV3/themes/default/images/wishlistFooterMin.png) 0 0 no-repeat; } #footerLine .item .cart .icon{ background: url(/bitrix/templates/dresscodeV3/themes/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/dresscodeV3/themes/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/dresscodeV3/themes/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: #ff9601; } #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: #ff9601; } #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 #ff9601; } #empty a{ color: #000000; } #empty a:hover{ color: #ff9601; } #empty .back{ border-bottom: 1px dashed #ff9601; color: #ff9601; } #empty .back:hover{ color: #ffa800; } .product{ border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; } .product:nth-child(1), .product:nth-child(2), .product:nth-child(3), .product:nth-child(4), .product:nth-child(5){ /*border-top: 1px solid #e7e8ea;*/ } .product:nth-child(5n+1){ /*border-left: 1px solid #e7e8ea;*/ } .product.last{ border: none; position: absolute !important; bottom: -120px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .product .tabloid{ background-color: #ffffff; } .product .marker { background-color: #424242; color: #ffffff; } .product .name{ color: #000000; } .product .name:hover{ color: #ff9601; } .product .price{ color: #000000; } .product .price .discount{ color: #888888; } .product .addCart{ background: #ff9601; color: #ffffff; } .product .addCart:hover{ background-color: #ffa800; } .product .label{ color: #7a7a7a; padding: 0; } .product .label.fastBack {color: #2c2c2c;font-weight: bold;} .product .label:hover{ color: #000000; } .product .skuPropertyName{ color: #888888; } .product .skuProperty .selected .skuPropertyLink{ border: 1px solid #ff9601; } .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: 1px solid #ff4a00; padding-bottom: 0; } .product.last .showMore{ color: #000000; } .product.last .showMore:hover{ color: #ff9601; } .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/dresscodeV3/themes/default/images/iconMenu.png) 50% 50% no-repeat #ff9601; border-right: 1px solid #ff9601; } .heading.orange{ background: #ff9601; } .mfeedback input, .mfeedback textarea{ background-color: #f3f3f3; color: #000000; } .mfeedback input:focus, .mfeedback textarea:focus{ background-color: #eeeeee; } .mfeedback input[type="submit"]{ background-color: #ff9601; 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: #ff9601; 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: #ff9601; } .blackLink, .backToIndexPage{ color: #000000; } .blackLink:hover, .backToIndexPage:hover{ color: #ff9601; } .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: #ff9601; } @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: #ff9601; 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: 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: #ff9601; } #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: #202730; color: #fff; } #nextSection li, #nextSection .title{ border-bottom: 1px solid #e7e8ea; } #nextSection li a{ color: #000000; } #nextSection li a:hover, #nextSection li .selected { } #nextSection li:hover a, #nextSection li._selected a {color: #fff;} #nextSection li:hover span, #nextSection li._selected span {background: #ff4a00;} #nextSection li .cnt{ color: #888888; } /*end section.list.level2*/ /*catalog.element*/ #elementSmallNavigation .tab{ border-right: 1px solid #e7e8ea; } #elementSmallNavigation .tab.active a{ color: #ff9601; } #elementSmallNavigation .tab.active span{ border-bottom: 1px dashed #ff9601; } #elementTools .addCart, #smallElementTools .addCart{ background: #ff9601; } #elementTools .addCart:hover, #smallElementTools .addCart:hover{ background-color: #ffa800; } #elementContainer .elementSkuProperty .selected .elementSkuPropertyLink{ border: 1px solid #ff9601; } .elementProperties a:hover{ color: #ff9601; } #elementProperties .stats a:hover{ color: #ff9601; } #files .item .info .name:hover{ color: #ff9601; } /*reviews*/ #catalogReviews .heading .reviewAddButton:hover{ border-color: #ff9601; color: #ff9601; } #showallReviews:hover{ color: #ff9601; } #catalogElement #newReview .usedSelect li a.selected { background: #ff9601; } #catalogElement #newReview .submit { background: #ff9601; } #catalogElement #newReview .submit:hover { background: #ffa800; } /*set*/ #set .setTools .addCart{ background: #ff9601; } #set .setTools .addCart:hover{ background-color: #ffa800; } #set .setElement .name:hover{ color: #ff9601; } #setWindowPrice .addCart{ background: #ff9601; } #setWindowPrice .addCart:hover{ background-color: #ffa800; } /*end.catalog.element*/ /* catalog.section */ #catalogLineList .name:hover{ color: #ff9601; } #catalogLineList .addCart{ background: #ff9601; } #catalogLineList .addCart:hover{ background-color: #ffa800; } #catalogLineList .skuProperty .selected .skuPropertyLink{ border: 1px solid #ff9601; } #catalogLineList .prop a:hover{ color: #ff9601; } /* table */ #catalogTableList .name:hover{ color: #ffa800; } #catalogTableList .addCart, #catalogTableList .more{ background-color: #ff9601; } #catalogTableList .addCart:hover, #catalogTableList .more:hover{ background-color: #ffa800; } /* end.catalog.section /*smart filter */ #smartFilter .showALL { color: #ff9601; } #smartFilter .showALL:hover{ color: #ffa800; } #smartFilter .radio label:hover, #smartFilter .checkbox label:hover{ color: #ff9601; } #smartFilter .dropdownList .selected, #smartFilter .dropdownList .item:hover { background-color: #ffa800; } #smartFilter .handler { background: #ff4a00; border: 1px solid #cecece; -webkit-box-shadow: inset 0 0 0 1px #fff; -moz-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } #set_filter { background-color: #ff9601; } #set_filter:hover{ background-color: #ffa800; } #smartFilter .checkboxList .selected .icon, #smartFilter .dropdown .selected .icon { border-color: #ff9601; } #smartFilter .hint { background: url(/bitrix/templates/dresscodeV3/themes/default/images/question.png) 0 0 no-repeat transparent; } #smartFilter .hintValue .close { color: #ff9601; } #smartFilter .hintValue .close:hover { color: #ffa800; } #smartFilter input[type="submit"], #smartFilter input[type="reset"], #smartFilter button { border: 1px solid #ff9601; background-color: #ff9601; } #smartFilter input[type="submit"]:hover, #smartFilter button:hover { background-color: #ffa800; } #modef { background: url(/bitrix/templates/dresscodeV3/themes/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/dresscodeV3/themes/default/images/menuMore.png) 0 50% no-repeat transparent; } #topMenu .bar > a:hover, #topMenu .bar.active > a{ background: url(/bitrix/templates/dresscodeV3/themes/default/images/menuMore.png) -21px 50% no-repeat transparent; } #topMenu .sub li:hover a{ color: #ffa800; } #personalMenu li a:hover{ color: #ff9601; } #subLeftMenu .selected a{ color: #ffa800; } #leftMenu .menuItems a:hover span{ color: #ff9601; } #mainMenu .drop ul li a:hover, #mainMenu .drop .nextColumn ul li a:hover{ color: #ff9601; } /* end menu */ /* news */ #newsDetail .more{ background: #ff9601; } #newsDetail .more:hover{ background-color: #ffa800; } #newsContainer .column .item .title a:hover{ color: #ff9601; } #newsContainer .column .item .more{ background: #ff9601; } #newsContainer .column .item .more:hover{ background-color: #ffa800; } #newsContainer .column .item .title a:hover{ color: #ff9601; } #newsContainer .column .item .more, .mainServiceContainer .item .more{ background: #ff9601; } #newsContainer .column .item .more:hover, .mainServiceContainer .item .more:hover{ background-color: #ffa800; } .backToList:hover{ color: #ff9601; } #brandList .name:hover{ color: #ffa800; } #newsContainer .column .item .title a:hover, .mainServiceContainer .item .title a:hover{ color: #ff9601; } #newsContainer .column .item .more{ background: #ff9601; } #newsContainer .column .item .more:hover{ background-color: #ffa800; } #collectionBlock .name:hover{ color: #ffa800; } #collectionBlock .link{ color: #ffa800; } #newsBlock .newsTitle:hover { color: #ff9601; } #serviceBlock .name:hover{ color: #ffa800; } #serviceBlock .link{ color: #ffa800; } /* end news */ /* order cancel */ .bx_my_order_cancel a:hover{ color: #ff9601; } .bx_my_order_cancel input[type="submit"]{ background:#ff9601; } .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: #ff9601; } .bx_my_order_switch .bx_mo_link:hover{ color: #ff9601; } /* end order cancel */ /* #subscribe */ #subscribeEdit a:hover{ color: #ff9601; } #subscribeEdit .submit { background: #ff9601; } #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: #ff9601; color: #fff; } /* end navigation */ #brandList .name:hover{ color: #ffa800; } #brandList .last .showMore:hover{ color: #ffa800; } #brandList .last .ps:hover{ color: #ffa800; } #homeCatalog .captionList .cItem{ } #homeCatalog .caption.selected{ } #mainProfile .profileSettings .heading { color: #ff9601; } #mainProfile .profileSettings .submit { background: #ff9601; } #mainProfile .profileSettings .submit:hover { background: #ffa800; } #main input[name="BuyButton"], #main input[type="submit"]{ background-color: #ff9601; } #main input[name="BuyButton"]:hover, #main input[type="submit"]:hover{ background-color: #ffa800; } #newOrder{ background-color: #ff9601; } #newOrder:hover{ background-color: #ffa800; } #orderSuccess a{ color: #ff9601; } #orderSuccess a:hover{ color: #ffa800; } #personalCart #basketView .item a{ background: url(/bitrix/templates/dresscodeV3/themes/default/images/cartView.png) 0 0 no-repeat transparent; } #personalCart #tabsControl .item a:hover{ color: #ff9601; } #personalCart #tabsControl .item .selected:hover{ border-bottom: 1px dashed #ff9601; } #personalCart .productTable .clear a:hover { color: #ff9601; } #personalCart .productTable .name a:hover { color: #ff9601; } #orderMake{ background-color: #ff9601; } #orderMake:hover{ background-color: #ffa800; } .orderLoad { background: url(/bitrix/templates/dresscodeV3/themes/default/images/orderLoad.gif) 24px 50% no-repeat #ff9601 !important; } #wishlist .prop a:hover{ color: #ffa800; } #popSection .name:hover{ color: #ff9601; } #popSection .last .showMore:hover{ color: #ff9601; } #popSection .last .ps:hover{ color: #ff9601; } #storesList .storesListTableLink, #storeDetail .storesMoreLink{ color: #ff9601; } #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: #ff9601; } #geo-location-window .geo-location-window-list-item .selected span{ border-bottom: 1px dashed #ff9601; color: #ff9601; } #appFastView .addCart:hover, #geo-location-window .geo-location-window-button:hover{ background-color: #ffa800; } #geo-location-window .geo-location-window-list-item a:hover{ color: #ffa800; } .information-feedback, .shop-review-top-new-button{ border: 1px solid #ff9601; color: #ff9601; } .information-feedback:hover, .shop-review-top-new-button:hover{ border: 1px solid #ffa800; color: #ffa800; } .webFormTools input[type="submit"] { background-color: #ff9601; } .webFormTools input[type="submit"]:hover { background-color: #ffa800; } #bx-soa-order-form .bx-blue .btn.btn-default { background-color: #ff9601; border: 1px solid #ff9601; color: #ffffff; } #bx-soa-order-form textarea{ outline: none; } #bx-soa-order-form a{ color: #ff9601; } #bx-soa-order-form a:hover{ color: #ffa800; } #bx-soa-order-form .bx-blue .btn.btn-default:hover{ background-color: #ffa800; } #bx-soa-order-form .bx-sls .quick-location-tag, .bx-slst .quick-location-tag{ color: #23527c; } #appProductPriceVariant .linkMore{ background: #ff9601; } #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: #ff9601; } #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/dresscodeV3/themes/default/images/loading.gif) 24px 50% no-repeat #ffa800 !important; } #slider .sliderContent .bigTextColor, #slider .sliderContent .mediumTextColor, #slider .sliderContent .smallTextColor, #slider .sliderContent .bigTextLightColor{ color: #ff9601; } /*end*/ ::selection { background: #eca712; color: #fff; } ::-moz-selection { background: #eca712; color: #fff; } ::-webkit-selection { background: #eca712; color: #fff; } @media (max-width: 767px) { #headerTools .tools .icon {width: 35px !important;height: 35px !important;} #headerTools .wishlist .icon, #headerTools .wishlist .icon.active { background: url(/bitrix/templates/dresscodeV3/themes/default/../../images/sprite.png) -80px -16px no-repeat transparent; background-size: 130px auto; } #headerTools .compare .icon, #headerTools .compare .icon.active { background: url(/bitrix/templates/dresscodeV3/themes/default/../../images/sprite.png) -15px -48px no-repeat transparent; background-size: 130px auto; } #headerTools .cart .icon, #headerTools .cart .icon.active { background: url(/bitrix/templates/dresscodeV3/themes/default/../../images/sprite.png) -80px -48px no-repeat transparent; background-size: 130px auto; } } /* End */ /* Start:/bitrix/templates/dresscodeV3/components/bitrix/menu/multilevel/style.css?17450754421779*/ .mainMenu {float: left;width: 76%;} .mainMenu__xs {} .mainMenu__title {} .mainMenu__xsBtn {} .mainMenu__xsBtn._active {color: red;} .mainMenu__ul {margin: 0;padding: 0;list-style: none; position: absolute; display: none; z-index: 10; left:100%; top: 0px; min-width: 100%; } .mainMenu__ul._lvl_1 {position: relative; display: block; left:0;min-width: 0;width: 96%;} .mainMenu__ul._lvl_1._active {display: block !important;} .mainMenu__ul._lvl_2 {left:0; top: auto;background: #fff;border: 2px solid #ff4a00;padding: 1px;padding-top: 50px;margin-top: -50px;margin-left: -15px;} .mainMenu__ul._hover {display: block;} .mainMenu__ul._right {left: auto; right: 100%;} .mainMenu__item {position: relative;} .mainMenu__item._lvl_1 {display: block;float: left;padding: 0 10px;} .mainMenu__link {padding: 0 2px; display: block; white-space: nowrap; z-index: 101;text-decoration: none;color: #3e3e3e;line-height: 49px;font-size: 16px;} .mainMenu__link._lvl_1 {text-align: center;} .mainMenu__link._lvl_1:hover {color: #ff4a00;} .mainMenu__link._lvl_2 {padding: 0 35px;} .mainMenu__link._lvl_2:hover {background: #ff4a00;color: #fff;} .mainMenu__link._parent {padding-right: 24px;} .mainMenu__item._parent._hover > a {z-index: 99;position: relative;} .mainMenu__item._parent._hover .mainMenu__caret {z-index: 99;} .mainMenu__item._hover>.mainMenu__caret {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);} .mainMenu__caret {position: absolute; right:20px; top: 5px; cursor: pointer;} .mainMenu__caret:before {content: '\f107'; font-family: FontAwesome; padding: 10px 0; display: block; } .mainMenu__item._parent._lvl_1>.mainMenu__caret:before {content: '\f107';} /* End */ /* Start:/bitrix/components/bitrix/search.suggest.input/templates/.default/style.css?1745075448501*/ input.search-suggest {} div.search-popup{border: 1px solid #333333;background: #FFFFFF;padding: 2px;margin: 0px;} div.search-popup-row, div.search-popup-row-active{position: relative; padding: 2px 4px;margin: 0px;cursor: hand;cursor: pointer;} div.search-popup-row{background:#FFFFFF;} div.search-popup-row-active{background:#EEEEEE;} div.search-popup-el-name, div.search-popup-el-cnt{position: relative; margin:0px;padding:0px;text-align:left;} div.search-popup-el-cnt{text-align:right; float:right;} /* End */ /* Start:/bitrix/templates/dresscodeV3/components/vregions/header.select/template_new/style.css?174507544211069*/ .vregions-sepia{ position : fixed; left : 0; top : 0; width : 100%; height : 100%; display : none; z-index : 999; background : url(/bitrix/templates/dresscodeV3/components/vregions/header.select/template_new/img/sepia.png) repeat 0 0; } .vr-template__link{ text-decoration : none; color : #000000; } .vr-template__link_hidden{ display : none; } .vr-popup{ position : fixed; left : 0; top : 0; width : 100%; height : 100%; display : none; z-index : 1000; opacity : 1; overflow-x : hidden; overflow-y : auto; } .vr-popup__content{ background : #ffffff; position : relative; border-radius : 5px; margin : 10px auto; max-width : 90%; text-align : left; float : none !important; } @media (min-width : 768px){ .vr-popup__content{ width : 740px; } } @media (min-width : 992px){ .vr-popup__content{ width : 970px; } .vr-popup__content_que{ width : 740px; } } @media (min-width : 1200px){ .vr-popup__content{ width : 1170px; } .vr-popup__content_que{ width : 740px; } } .vr-popup__content:after{ clear : both; } .vr-popup__header{ padding-left : 5%; background-color : #a0a4bc; -moz-border-radius : 5px 5px 0px 0px; -webkit-border-radius : 5px 5px 0px 0px; -khtml-border-radius : 5px 5px 0px 0px; border-radius : 5px 5px 0px 0px; float : none !important; margin : 0 !important; } .vr-popup__title{ line-height : 50px; color : #ffffff; margin : 0px; padding : 0px; font-size : 24px; float : none !important; } .vr-popup__close{ display : block; position : absolute; right : 27px; top : 17px; font-size : 0; cursor : pointer; opacity : 1; border : none; } .vr-popup__close:before, .vr-popup__close:after{ position : absolute; content : ' '; height : 14px; width : 3px; background-color : #ffffff; } .vr-popup__close:hover:before, .vr-popup__close:hover:after{ background-color : #8184a1; } .vr-popup__close:before{ transform : rotate(45deg); } .vr-popup__close:after{ transform : rotate(-45deg); } .vr-popup__body{ background : #f4f5fd; padding : 0px; -moz-border-radius : 0px 0px 5px 5px; -webkit-border-radius : 0px 0px 5px 5px; -khtml-border-radius : 0px 0px 5px 5px; border-radius : 0px 0px 5px 5px; font-size : 14px; color : #8184a1; float : none !important; } .vr-popup__paragraph{ padding : 20px 5%; margin : 0px; } .vr-popup__que-buttons-wrapper{ padding : 0px 5% 20px 5%; } .vregions-list{ float : none !important; } .vregions-list__col{ float : left; padding : 0 10px; width : 33.33333%; box-sizing : border-box; margin : 0 !important; } .vregions-list__col:first-child{ padding-left : 5%; } .vregions-list__col:last-child{ padding-right : 5%; } .vregions-list__col_width-one-1{ width : 100%; } .vregions-list__col_width-one-2{ width : 50%; } .vregions-list__col_width-one-3{ width : 33.33333%; } .vregions-list__col_width-one-4{ width : 25%; } .vregions-list__col_width-one-5{ width : 20%; } .vregions-list__col_width-one-6{ width : 16.6666667%; } @media (max-width : 767px){ .vregions-list__col{ width : 100%; } } .vr-popup__regions-letter-block{ padding-bottom : 20px; } .vr-no-padding{ padding : 0 !important; } .vr-popup__regions-letter-heading{ color : #8184a1; font-size : 15px; line-height : 22px; text-decoration : none; display : block; text-align : center; border : none; margin-top : 10px; font-weight : bold; } .vr-popup__regions-letter-heading.vr-popup__regions-letter-heading_first{ } .vr-popup__region-link, .vr-popup__region-link:link{ color : #8184a1; font-size : 14px; line-height : 22px; text-decoration : none; display : block; text-align : center; border : none; border-radius : 3px; } .vr-popup__region-link:hover{ text-decoration : underline; color : #156ba0; } .vr-popup__region-link.vr-popup__region-link_chosen{ font-weight : bold; font-size : 15px; } .vr-popup__button, .vr-popup__button:visited, .vr-popup__button:link{ color : #ffffff; background-color : #337ab7; display : inline-block; padding : 6px 12px; margin : 0 5px 5px 0; font-size : 14px; font-weight : 400; line-height : 1.42857143; text-align : center; white-space : nowrap; vertical-align : middle; -ms-touch-action : manipulation; touch-action : manipulation; cursor : pointer; -webkit-user-select : none; -moz-user-select : none; -ms-user-select : none; user-select : none; background-image : none; border : 1px solid transparent; border-radius : 4px; text-decoration : none; } .vr-popup__button:hover, .vr-popup__button:focus, .vr-popup__button:active{ color : #ffffff; background-color : #286090; border-color : #204d74; } .vr-popup__button_danger{ background-color : #d9534f; } .vr-popup__button_danger:hover, .vr-popup__button_danger:focus, .vr-popup__button_danger:active{ background-color : #c9302c; border-color : #ac2925; } .clearfix:before, .clearfix:after{ content : '\0020'; display : block; overflow : hidden; visibility : hidden; width : 0; height : 0; } .clearfix:after{ clear : both; } .modal-open{ overflow : hidden; } .vr-popup__search-wrap{ margin : 0px; display : block; position : relative; float : none !important; padding : 20px 5%; } .vr-popup__search-input{ width : 100%; line-height : 30px; height : 34px; padding : 6px 30px; box-sizing : border-box; font-size : 14px; color : #555555; border : 1px solid #cccccc; border-radius : 4px; -webkit-box-shadow : inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow : inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition : border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition : border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition : border-color ease-in-out .15s, box-shadow ease-in-out .15s; background : #ffffff url("/bitrix/templates/dresscodeV3/components/vregions/header.select/template_new/img/search-icon.png") no-repeat; background-position : 7px center; } .vr-popup__search-input.with-suggestions{ border-bottom-left-radius : 0; border-bottom-right-radius : 0; } .vregions-suggestions-wrap{ border : 1px solid #cccccc; border-radius : 0 0 4px 4px; position : absolute; width : 90%; overflow : hidden; box-sizing : border-box; background-color : #ffffff; z-index : 1; float : none !important; margin : 0 !important; } .vregions-suggestion{ display : block; padding : 10px 15px; background-color : #ffffff; border : none; color : #000000; cursor : pointer; float : none !important; margin : 0 !important; } .vregions-suggestion:hover{ background-color : #f5f5f5; } .vregions-chosen-list{ width : 100%; margin : 20px auto; float : none !important; } .vregions-chosen-list__item{ float : left; height : 40px; text-align : center; list-style : none; font-weight : bold; color : #000000; } .vregions-chosen-list__item-one-1{ width : 100%; } .vregions-chosen-list__item-one-2{ width : 50%; } .vregions-chosen-list__item-one-3{ width : 33.33333%; } .vregions-chosen-list__item-one-4{ width : 25%; } .vregions-chosen-list__item-one-5{ width : 20%; } .vregions-chosen-list__item-one-6{ width : 16.6666667%; } @media (max-width : 767px){ .vregions-chosen-list__item{ width : 100%; } } .vr-popup__suggested-region{ font-weight : 700; } .vregions-oblast__select{ display : block; width : 100%; height : 34px; padding : 6px 12px; font-size : 14px; line-height : 1.42857143; color : #555555; background-color : #ffffff; background-image : none; border : 1px solid #cccccc; border-radius : 4px; margin-bottom : 30px; -webkit-box-shadow : inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow : inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition : border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition : border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition : border-color ease-in-out .15s, box-shadow ease-in-out .15s; box-sizing : border-box; } .vr-template__fixed{ position : relative; bottom : 0px; width : 100%; background-color : #9c9b9b; left : 0px; line-height : 30px; z-index : 1000; text-align : center; } .vr-template__fixed .vr-template__label{ color : #ffffff; } .vr-template__fixed .vr-template__link{ color : #ffffff; } .vregions-another-region{ padding : 20px 10px 30px 10px; text-align : center; } .vregions-another-region__btn{ display : inline-block; margin-bottom : 0; font-weight : 400; text-align : center; white-space : nowrap; vertical-align : middle; -ms-touch-action : manipulation; touch-action : manipulation; cursor : pointer; -webkit-user-select : none; -moz-user-select : none; -ms-user-select : none; user-select : none; background-image : none; color : #ffffff; background-color : #5cb85c; border : 1px solid #4cae4c; padding : 10px 16px; font-size : 18px; line-height : 1.3333333; border-radius : 6px; } .vregions-another-region__btn:hover{ color : #ffffff; background-color : #398439; border-color : #255625; text-decoration : none; } .vr-popup_inner-title{ display : block; max-width : 100%; margin-bottom : 10px; font-weight : 700; margin-top : 20px; font-size : 14px; color : #8184a1; text-align : center; } .vregions-list__col_oblasti{ } .vr-popup__oblast-link{ color : #8184a1; font-size : 15px; line-height : 25px; text-decoration : none; display : block; text-align : left; border : none; border-radius : 3px; } @media (max-width : 767px){ .vr-popup__oblast-link{ text-align : center; } } /* End */ /* Start:/bitrix/templates/dresscodeV3/components/bitrix/form.result.new/modal/style.css?174507544211095*/ .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; text-align: left; padding-bottom: 15px; } .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: 100px; max-width: 550px; min-width: 320px; width: 100%; top: 100px; left: 50%; } .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: 25px; width: 25px; right: 20px; top: 20px; } .webformModal .webFormModalHeadingExit{ background: url(/bitrix/templates/dresscodeV3/components/bitrix/form.result.new/modal/images/exit.png) 0 0 no-repeat transparent; } .webformModal .webFormModalHeadingExit:hover{ opacity: 0.6; /*background-position: 0 -21px ;*/ } .webformModal .webFormModalHeadingExit:active{ /*background-position: 0 -42px ;*/ } .webFormDescription{ font-size: 18px; color: #848484; font-weight: 300; } .webformModal .webFormDescription{ padding: 0 24px; } .webformModal .webFormItems, .webformModal .webFormTools, .webformModal .webFormError{ padding: 0 95px; } .webFormItem{ margin-top: 24px; } .webFormItemCaption{ font-family: "robotoMedium"; margin-bottom: 12px; line-height: 21px; } .webFormItemImage{ vertical-align: middle; display: inline-block; padding-right: 6px; } .webFormItemLabel{ vertical-align: middle; display: inline-block; color: #555555; } .webFormItemRequired{ display: inline-block; padding-left: 4px; color: #ff0000; } .webFormItemFieldVariant{ display: inline-block; margin-left: 12px; } .webFormItemFieldVariant:first-child{ margin-left: 0px; } .webFormItemField { background-position: 10px center; background-repeat: no-repeat; } .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-family: "roboto_ltregular"; border: 1px solid #e7e7e7; padding-left: 45px; line-height: 55px; /*max-width: 600px;*/ max-width: 100%; font-size: 19px; color: #555555; outline: none; height: 55px; width: 100%; background: none !important; } .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-family: "roboto_ltregular"; 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(/bitrix/templates/dresscodeV3/components/bitrix/form.result.new/modal/images/checkBox.png) 0 0 no-repeat transparent; } .webFormItemField input[type="radio"] + label:before { background: url(/bitrix/templates/dresscodeV3/components/bitrix/form.result.new/modal/images/radio.png) 0 0 no-repeat transparent; } .webFormItemField input[type="checkbox"]:not(checked) + label:before, .webFormItemField input[type="radio"]:not(checked) + label:before { position: absolute; content: " "; height: 17px; width: 17px; left: 0; top: 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; padding-bottom: 70px !important; } .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; border: 1px solid #e7e7e7; text-align: center; line-height: 55px; font-size: 18px; cursor: pointer; color: #ffffff; outline: none; height: 55px; padding: 0; font-family: 'PT Sans', sans-serif; font-weight: bold; padding: 0 45px; text-transform: uppercase; } .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/dresscodeV3/components/bitrix/form.result.new/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-family: "robotoMedium"; 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%; } } /* End */ /* Start:/bitrix/templates/dresscodeV3/components/bitrix/menu/catalogMenu_my3/style.css?174507544212094*/ #mainMenuContainer{ position: relative; z-index: 10; } body.is-open-menu #mainMenuContainer ~ * { filter: blur(5px); } body.is-open-menu #main::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; background-color: rgba(0,0,0,.3); } body.is-open-menu jdiv { display: none; } #mainMenuContainer .minCatalogButton{ font-family: "roboto_ltregular"; text-decoration: none; padding-left: 24px; line-height: 65px; font-weight: 400; font-size: 18px; display: none; height: 65px; } #mainMenuContainer .minCatalogButton img{ vertical-align: middle; padding-right: 12px; margin-top: -2px; } #menuCatalogSection{ height: 54px; float: left; } #menuCatalogSection .catalogButton{ -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: none; background-color: #ff4a00; text-decoration: none; line-height: 54px; padding: 0 26px; color: #ffffff; display: block; font-family: 'roboto_cnregular'; font-size: 18px; font-weight: normal; } #menuCatalogSection .catalogButton:hover{ background-color: #000000; } #menuCatalogSection .catalogButton:before { content:'\2630'; margin-right: 4px; } #menuCatalogSection .catalogButton img{ vertical-align: middle; padding-right: 12px; margin-top: -2px; } #menuCatalogSection .catalogButtonImage{ background: url(/bitrix/templates/dresscodeV3/components/bitrix/menu/catalogMenu_my3/images/catalogButton.png) 0 0 no-repeat transparent; vertical-align: middle; display: inline-block; margin-right: 12px; margin-top: -2px; height: 18px; width: 30px; } #menuCatalogSection .sectionMenuArrow{ background: url(/bitrix/templates/dresscodeV3/components/bitrix/menu/catalogMenu_my3/images/sectionMenuArrow.png) 0 0 no-repeat transparent; vertical-align: middle; display: inline-block; margin-left: 12px; margin-top: -2px; height: 6px; width: 9px; } #mainMenu{ list-style: none; overflow: hidden; padding: 0px; height: 54px; margin: 0px; } #mainMenu .removedItemsLink > a{ background: url(/bitrix/templates/dresscodeV3/components/bitrix/menu/catalogMenu_my3/images/menuSlicedIcon.png) 50% 50% no-repeat transparent; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; height: 60px; float: left; width: 40px; } #mainMenu .removedItemsLink > a:hover{ opacity: 0.8; } #mainMenu .removedItemsLink .removedItemsList{ box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); margin: 0px 0px 0px -211px; background-color: #1a1a1a; position: absolute; list-style: none; display: none; padding: 0px; z-index: 100; width: 300px; top: 60px; left: 0px; } #mainMenu .removedItemsLink:hover .removedItemsList{ display: block; } #mainMenu .removed{ border-top: 1px solid #222222; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #mainMenu .removed:hover{ background-color: #202020; } /*#mainMenu .removed:first-child{ border-top: 0px; } */ #mainMenu .removed a{ text-decoration: none; line-height: 24px; padding: 18px 24px; display: block; } #mainMenu a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: block; } #mainMenu > li{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-right: 1px solid #222222; line-height: 60px; float: left; } #mainMenu > li:first-child{ border-left: 1px solid #222222; } #mainMenu > li:hover{ background-color: #202020; } #mainMenu > li:first-child{ margin-left: 0px; } #mainMenu > li > a{ text-decoration: none; padding: 0 23px; line-height:54px; font-family: 'roboto_cnregular'; font-size: 18px; } #mainMenu > li img{ -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; padding-right: 12px; } #mainMenu > li a:hover img{ opacity: 0.8; } #menuCatalogSection .sectionMenuArrow{ padding-left: 12px; } /* drop sections */ /*#menuCatalogSection .drop{ box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); border-bottom: 1px solid #dddddd; background-color: #ffffff; position: absolute; padding: 24px 0px; display: none; z-index: 100; width: 100%; top: 67px; left: 0; } #menuCatalogSection .drop ul{ margin: -24px 0 0 0; overflow: hidden; list-style: none; padding: 0px; } #menuCatalogSection .drop .menuSectionContainer{ overflow: hidden; } #menuCatalogSection .drop ul li{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 180px; text-align: center; margin-top: 24px; height: 180px; float: left; width: 20%; } #menuCatalogSection .drop ul li:nth-child(5n+1){ border-left: 0; } #menuCatalogSection .drop ul li .container{ vertical-align: middle; width: auto !important; display: inline-block; line-height: 21px; } #menuCatalogSection .drop ul 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; font-family: 'robotobold'; text-decoration: none; font-size: 14px; display: block; color: #000000; } #menuCatalogSection .drop ul li .picture{ margin-bottom: 12px; line-height: 130px; height: 130px; } #menuCatalogSection .drop ul li .picture img{ vertical-align: middle; } #menuCatalogSection .drop ul li .picture:hover{ opacity: 0.9; }*/ #mainMenu .drop{ box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); border-bottom: 1px solid #dddddd; background-color: #ffffff; position: absolute; padding: 24px 0px; display: none; z-index: 99; width: 100%; top: 60px; left: 0; } #mainMenu .drop .nextColumn{ line-height: 21px; list-style: none; float: left; width: 20%; padding: 0; margin: 0; } #mainMenu .drop .nextColumn > li{ margin-top: 12px; display: block; } #mainMenu .drop .nextColumn > li:first-child{ margin-top: 0px; } #mainMenu .drop .nextColumn > li > a{ text-transform: uppercase; font-family: 'robotobold'; text-decoration: none; color: #000000; } #mainMenu .drop .nextColumn .menu2Link{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 12px; overflow: hidden; } #mainMenu .drop .nextColumn .menu2Link img{ padding-bottom: 12px; } #mainMenu .drop .nextColumn ul{ list-style: none; padding: 0; margin: 0; } #mainMenu .drop .nextColumn ul li{ margin-top: 12px; display: block; } #mainMenu .drop .nextColumn ul li a{ text-decoration: none; color: #000000; } svg.svg:hover path { } #mainMenuContainer #menu { background: #fff; width: 300px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 5px 0 5px; border-radius: 0 0 5px 5px; padding: 10px 0 15px 0; position: absolute; top: 54px; height: auto; box-sizing: border-box; display:none; box-shadow: 0 14px 28px rgba(0,0,0,0.10), 0 10px 10px rgba(0,0,0,0.08); } #mainMenuContainer #menu.menu_id_active { -webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; -khtml-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; } #mainMenuContainer #menu ul { list-style: none; margin: 0; padding: 0; } #mainMenuContainer #menu > ul > li { width: 301px; } #mainMenuContainer #menu > ul > li > a { font-size: 16px; color: #3f3f3f; font-weight: normal; line-height: 18px; text-decoration: none; display: block; padding: 5px 25px 5px 24px; margin-bottom: 0px; z-index: 6; position: relative; vertical-align: middle; background: url("/bitrix/templates/dresscodeV3/components/bitrix/menu/catalogMenu_my3/images/menu_arrow_right.png") 281px center no-repeat; } #mainMenuContainer #menu > ul > li > a > span.picture{ width: 25px; display: inline-block; text-align:center; } #mainMenuContainer #menu > ul > li > a > span.picture img{ margin:0; } #mainMenuContainer #menu > ul > li:last-child > a:before { color: #ff6c30!important; } #mainMenuContainer #menu > ul > li > span { font-size: 14px; color: #303339; font-weight: 500; line-height: 18px; text-decoration: none; display: block; padding: 5px 25px 5px 24px; margin-bottom: 0px; z-index: 6; position: relative; vertical-align: middle; background: url("/bitrix/templates/dresscodeV3/components/bitrix/menu/catalogMenu_my3/images/menu_arrow_right.png") 281px center no-repeat; } #mainMenuContainer #menu > ul > li:hover > a { color: #ff6c30; } #mainMenuContainer #menu > ul > li:hover [class*="e90"]:before, #mainMenuContainer #menu > ul > li:hover [class*="e91"]:before { color: #ff6c30; } #mainMenuContainer #menu > ul > li > a.non_opened { background: none; } #mainMenuContainer #menu > ul > li > span.non_opened { background: none; } #mainMenuContainer #menu > ul > li > span img { vertical-align: middle; margin-right: 12px; margin-left: 4px; } #mainMenuContainer #menu > ul > li > a img { vertical-align: middle; margin-right: 12px; margin-left: 4px; } #mainMenuContainer #menu > ul > li > a img.active_image_category { display: none; } #mainMenuContainer #menu > ul > li > span img.active_image_category { display: none; } #mainMenuContainer #menu > ul > li > a:hover img.non_active_image_category { display: none; } #mainMenuContainer #menu > ul > li > a:hover img.active_image_category { display: inline-block; } #mainMenuContainer #menu > ul > li > div { display: none; background: #fff; position: absolute; z-index: 5; left: 300px; top: 0px; -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; -khtml-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; min-height: 100%; padding: 0; box-sizing: border-box; } #mainMenuContainer #menu > ul > li.is-hover > div, #mainMenuContainer #menu > ul > li:hover > div { display: block; } #mainMenuContainer #menu > ul > li ul { /*float: left;*/ } #mainMenuContainer #menu > ul > li ul li { padding: 0 10px; } #mainMenuContainer #menu > ul > li .subchildren ul > li { padding: 0; } #mainMenuContainer #menu > ul > li .subchildren ul > li > a { font-size: 15px; color: #404040; font-weight: 300; padding: 1px 4px; } #mainMenuContainer #menu > ul > li .subchildren ul > li.show_also_menu > a { color: #0070c9; } #mainMenuContainer #menu > ul > li .subchildren ul > li.show_also_menu > a span { padding-right: 12px; background: url("/bitrix/templates/dresscodeV3/components/bitrix/menu/catalogMenu_my3/../image/show_also_menu.png") right center no-repeat; } #mainMenuContainer #menu > ul > li ul li.subcounter_menu { display: none; } #mainMenuContainer #menu > ul > li ul + ul { padding-left: 20px; } #mainMenuContainer #menu > ul > li ul > li > a { text-decoration: none; padding: 4px 4px 1px 4px; color: #000; display: block; white-space: nowrap; min-width: 120px; } #mainMenuContainer #menu > ul > li ul > li > span { text-decoration: none; padding: 4px; color: #000; display: block; white-space: nowrap; min-width: 120px; } #mainMenuContainer #menu > ul > li ul > li> a:hover { color: #ff6c30; } #mainMenuContainer #menu > ul > li > div > ul > li > a { color: #404040; font-size: 16px; position: relative; font-weight: normal; } #mainMenuContainer #menu > ul > li > div > ul > li > a.opened{ padding-right: 20px; background: url(/bitrix/templates/dresscodeV3/components/bitrix/menu/catalogMenu_my3/images/menu_arrow_right.png) 253px center no-repeat; } #mainMenuContainer #menu > ul > li > div > ul > li > a img { vertical-align: middle; margin-right: 12px; } #mainMenuContainer #menu > ul > li > div > ul > li > span img { vertical-align: middle; margin-right: 12px; } #mainMenuContainer #menu ul.children-list { float: left; width: 279px; border-right: 1px solid #eaeaea; height: 100%; padding:10px 0 } #mainMenuContainer #menu .children{ box-shadow: 0 14px 28px rgba(0,0,0,0.10), 0 10px 10px rgba(0,0,0,0.08); } #mainMenuContainer #menu > ul > li > div > ul > li > div { display: none; background: #fff; position: absolute; z-index: 5; left: 279px; top: 0px; -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; -khtml-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; min-height: 100%; padding: 0; box-sizing: border-box; } #mainMenuContainer #menu > ul > li > div > ul > li.is-hover > div, #mainMenuContainer #menu > ul > li > div > ul > li:hover > div { display: block; } body.is-open-menu #menuCatalogSection #menu, #menuCatalogSection:hover #menu{ display:block; } /* End */ /* Start:/bitrix/templates/dresscodeV3/components/dresscode/search.line/template1/style.css?17450754425915*/ .nbSearch {position: relative;} #topSearch{ position: absolute; display: none; width: 100%; z-index: 35; top: 0px; right: 0px; width: 310px; padding-top: 10px; } #topSearch form{ } #topSearch table{ width: 100%; border-collapse: collapse; } #topSearch .submit{ width: 60px; padding-left: 12px; } #topSearch input[type="submit"]{ background: #fff url(/bitrix/templates/dresscodeV3/components/dresscode/search.line/template1/images/modalSearch.png) -60px -8px no-repeat ; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: transparent; cursor: pointer; font-size: 0px; height: 33px; width: 50px; position: absolute; top: 0px; right: 0px; padding: 0; border: none !important; border-radius:50px; top:4px; } #topSearch input[type="submit"]:hover{ background-position: -8px -8px; } #topSearch .searchField{ position: relative; } #topSeachCloseForm{ -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; position: absolute; color: #ffffff; right: 24px; } #topSeachCloseForm:hover{ color: #ffa900; } #searchResult{ background-color: #ffffff; position: absolute; display: none; height: auto; z-index: 999; width: 100%; top: 133px; left: 0; } #searchResult h1{ border-top: 1px solid #e7e8ea; font-family: 'robotobold'; text-transform: uppercase; background-color: #ffffff; position: relative; text-align: center; line-height: 85px; font-size: 18px; height: 85px; margin: 0px; } #searchResult.visible{ display: block; } #searchResult .productList{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; padding: 0 24px; } #searchResult .item{ width: 25%;height: 400px!important; } #searchResult .product{ border: 0; /* clear */ border-right: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; } #searchResult .product:nth-child(6n+1) { border-left: 1px solid #e7e8ea; } #searchResult .product:nth-child(1), #searchResult .product:nth-child(2), #searchResult .product:nth-child(3), #searchResult .product:nth-child(4), #searchResult .product:nth-child(5), #searchResult .product:nth-child(6) { border-top: 1px solid #e7e8ea; height: 347px; } #searchResult .searchAllResult{ -webkit-transition: all 0.2 ease-in-out; -o-transition: all 0.2 ease-in-out; transition: all 0.2 ease-in-out; border-top: 1px solid #e7e8ea; background-color: #f3f3f3; font-family: 'robotobold'; text-transform: uppercase; text-decoration: none; position: relative; text-align: center; line-height: 85px; font-size: 14px; display: block; color: #000000; height: 85px; } #searchResult .searchAllResult:hover{ background-color: #eeeeee; } #searchResult .searchAllResult span{ border-bottom: 1px dashed #000000; padding-bottom: 4px; } #searchResult .errorMessage{ margin: 24px 36px 24px 36px; text-align: center; font-size: 14px; } #searchProductsClose{ background: url(/bitrix/templates/dresscodeV3/components/dresscode/search.line/template1/images/exit.png) 0 0 no-repeat transparent; position: absolute; margin-top: -9px; display: block; height: 18px; width: 18px; right: 24px; top: 50%; } #searchProductsClose:hover{ background-position: -18px 0; } #searchProductsClose:active{ background-position: -36px 0; } .bx-pagination { margin: 10px 0; } .bx-pagination .bx-pagination-container { text-align: center; position: relative; } .bx-pagination .bx-pagination-container ul { padding: 0; margin: 0; list-style: none; display: inline-block; } .bx-pagination .bx-pagination-container ul li { display: inline-block; margin: 0 2px 15px 2px; } .bx-pagination .bx-pagination-container ul li span{ -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease; transition: color .3s ease, background-color .3s ease, border-color .3s ease; background: #eff0f1; padding: 0 8px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; font-size: 14px; border-radius: 16px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-pagination .bx-pagination-container ul li a { text-decoration: none; display: block; border-radius: 16px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; vertical-align: middle; } .bx-pagination .bx-pagination-container ul li a:hover span{ background: #DADADA; } .bx-pagination .bx-pagination-container ul li.bx-active span{ /* background: #ff9601; color: #fff;*/ } .bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span { background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; color: #444; } .bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span{ color: #aab1b4; background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span { background: #fff; border-color: #DADADA; color: #000; } #topSearchForm { } #topSearch input[type="text"] { background: #fff; height: 40px; border: none; width: 100%; box-sizing: border-box; padding: 10px 15px; font-size: 18px; border-radius: 2px; } /* End */ /* Start:/bitrix/templates/dresscodeV3/components/bitrix/breadcrumb/.default/style.css?1745075442520*/ #breadcrumbs{ margin-bottom: 12px; line-height: 21px; margin-top: 24px; font-size: 12px; } #breadcrumbs ul{ overflow: hidden; list-style: none; padding: 0; margin: 0; } #breadcrumbs ul li{ vertical-align: middle; display: inline-block; } #breadcrumbs ul li a{ text-decoration: none; display: inline-block; line-height: 21px; } #breadcrumbs .arrow{ vertical-align: middle; display: inline-block; font-family: arial; font-size: 16px; margin: 0 12px; color: #ff4a00; } /* End */ /* Start:/bitrix/templates/dresscodeV3/styles.css?1745075442607*/ .getFastView {display:none} #scrollTable .addCart, #scrollTable .addSku { line-height: 40px; height: 60px; } .compareli { border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; background:#fff; display: inline-block; padding: 15px; } #compareBlock .left .propList { margin-top: 274px !important; } #compareBlock .left .wrap { border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; background: #fff; } .discription-cart img {border-radius: 30px;} .related_table .heading { background: #f8f8f8; border-radius: 0; display: inline-block; padding: 30px 0!important; width: 100%; } /* End */ /* Start:/bitrix/templates/dresscodeV3/template_styles.css?1745683316310351*/ #appFastBuyContainerhtml { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 100%; } input:-webkit-autofill { transition: background-color 5000s ease-in-out 0s !important; } input[type='text'],input[type='password'],input[type='number'], textarea {-webkit-appearance: none;} body{ font: normal normal 16px 'roboto_cnregular', sans-serif!important; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; background-color: #ffffff; line-height: 21px!important; margin: 0; } .c-bxmaker-authuserphone_login-default-box .cbaup_title { text-transform: uppercase; padding-left: 115px; font-family: 'Roboto Condensed', sans-serif !important; line-height: 36px !important; text-align: left; margin: 24px 0 24px !important; margin-top: 24px; font-size: 30px; color: #000000; display: block; font-weight: bold !important; text-transform: uppercase; } body._fastView, body._bannerOpen {overflow: hidden;} ._secondary body {background: #f8f8f8;} ._secondary .sale{ } #headerTools{ border: none!important; } .cont-block { background: #fff; border: 1px solid #e7e8ea; padding: 20px; } .rat { color: #a94442; background-color: #f2dede; border-color: #ebccd1; padding: 15px; } .rat p { margin:0; } .compareli .requestPrice { font-size: 14px!important; font-weight: bold; } .navbar-bottom-mobile { display:none; } .redprice {color:#f5170f!important} .revnews { background: #fff; box-shadow: 0 5px 18px rgba(0,0,0,.12); padding:24px; } .about .nbCatalogTopSlider__itemPic { filter: blur(10px); position:relative; } .sticker1 { width: 65px; height: 65px; background:none; position: absolute; z-index: 9; right:0px; top: 10px; } .sticker2 { width: auto; height: auto; background:none; position: absolute; z-index: 9; left: 15px; top: 50px; text-align: left; } .spisok-sticker2 { width: auto; height: auto; background:none; position: absolute; z-index:9; left: 15px; text-align: left; } .spisok-sticker-global { width: auto; height: auto; background:none; position: absolute; z-index:9; top:35px; left: 15px; text-align: left; } .twoyearsgaranty { padding: 0px 3px; text-decoration: none; color: #fff; display: inline-block; border: 1px solid #ff4a00; border-radius: 2px; background: #ff4a00; font-size: 14px; } .globalstiker { padding: 0px 3px; text-decoration: none; color: #fff; border: 1px solid #202730; border-radius: 2px; background: #202730; font-size: 14px; } .banner99 { margin-bottom:20px; } .changeDescription { font-size:16px; } .c-bxmaker-authuserphone_login-default-box { border: 0; max-width: 300px; padding: 0; position: relative; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } .c-bxmaker-authuserphone_login-default-box { border: 0; max-width: 100%; padding: 20px; background: #fff; box-shadow: 0 5px 18px rgba(0,0,0,.12); margin: 20px 0; } .c-bxmaker-authuserphone_login-default-box .cbaup_row.btn_box { text-align: left; padding-bottom: 0; } .c-bxmaker-authuserphone_login-default-box .cbaup_row .cbaup_btn { margin: 0 auto; font-size: 18px; width: auto; text-align: center; display: inline-block; padding: 10px 30px; cursor: pointer; background: #ff4a00; border: 1px solid; border-color: none; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; } .c-bxmaker-authuserphone_login-default-box .cbaup_title { margin-top: 0 !important; } .c-bxmaker-authuserphone_login-default-box .cbaup_row { padding-bottom: 15px; position: relative; max-width: 450px; } .cbaup_btn_link { color: #ff4a00; border-bottom: 1px dashed #ff4a00; } .cbaup_btn_link:hover { color: #111!; } #comments_soobwa .user_summary_name { font-size: 16px; color: #272727; font-weight: bold; margin-bottom: 3px; } #comments_soobwa .comments_item { background: #fff; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; margin-top: 20px; border: 1px solid #e9e9e9; } #comments_soobwa .field_wrap textarea { border:1px solid #ddd; } #comments_soobwa .btn_blue { background: #ff4a00; color: #fff; font-weight: 700; } #comments_soobwa .comments_title { font-family: 'Roboto Condensed', sans-serif !important; line-height: 36px !important; text-align: left; margin: 24px 0 24px !important; font-size: 26px; color: #000; display: block; font-weight: bold !important; text-transform: uppercase; } .adrev { margin: 10px 0; display: inline-block; padding: 20px; border-radius: 4px; box-shadow: 0 5px 18px rgba(0,0,0,.12); width:100% } .vazhno { color: #a94442; background-color: #f2dede; border-color: #ebccd1; padding: 20px; margin-bottom: 20px; } .informativno { padding: 20px; color: #684f26; background-color: #fcf8e3; border-color: #faebcc; } .row { margin-right: 0!important; margin-left: 0!important; } .mart { background:#ff4a00; } .mart:hover { background:#202730 } .mart span,.mart .menuText { color:#fff; } .bx-authform { margin: 0 0 25px; max-width: 100%; padding: 20px; background-color: #ffffff; border: 1px solid #ddd; } .modal-open .modal {z-index: 1050;} .modal-backdrop {position: fixed !important;} #headerTools .tools li{} #pictureContainer { } #CatalogSubscribe_rab .popup-window-titlebar-text,.popup-window-titlebar-text { -webkit-box-sizing: border-box; box-sizing: border-box; color: #141414; display: inline-block; font-size: 20px; font-weight: bold; max-width: 100%; line-height: 49px; overflow: hidden; padding: 0 30px 0 20px; text-overflow: ellipsis; white-space: nowrap; } #CatalogSubscribe_rab .popup-window-with-titlebar .popup-window-content { padding: 0 20px; } #CatalogSubscribe_rab .bx-catalog-popup-message { min-width: 240px; margin: 0; font: normal 16px 'roboto_cnregular', sans-serif !important; } #CatalogSubscribe_rab .popup-window .btn,#CatalogSubscribe_rab .popup-window-buttons .btn { line-height: 30px; background: #ff4a00; height: 40px; border-radius: 0; text-transform: uppercase; } #CatalogSubscribe_rab .popup-window .btn:hover { background: #202730; } #CatalogSubscribe_rab .popup-window-buttons .btn { margin: 0 10px; } #CatalogSubscribe_rab .popup-window-buttons .btn-primary,.popup-window-buttons .btn-primary { background: #202730; } .rab.bx-catalog-subscribe-button { color: #fff; padding: 10px 0px; text-transform: uppercase; text-decoration: none; text-align: center; display: block; background-image: linear-gradient(to left,transparent,transparent 50%,#ef2b2b 50%,#f5170f); background-position: 0 0; background-size: 200% 100%; font: normal normal 14px 'roboto_cnregular'; border: 1px solid #f5170f; border-radius: 2px; display: inline-block; width: 70%; cursor: pointer; max-width: 370px; } .rab.bx-catalog-subscribe-button:hover { background: #202730; border:1px solid #202730; } #dip .rab.bx-catalog-subscribe-button { width: 100%; margin:0; padding: 15px 0px; font-weight:bold; border-radius: 0; } #CatalogSubscribe_rab .popup-window-buttons { text-align: center; padding: 0px 10px 10px; position: relative; } #newsDetail .more,#newsContainer .column .item .more { background: #ff4a00; } .black-block { background: #000; color: #fff; } #breadcrumbs {margin: 0;font-size: 14px;} .breadCont {background: #fff;} .breadCont .limiter {padding-bottom: 0 !important;} #logo{ border: none!important; } .consent { position: absolute; left: 0; bottom: 0; padding: 10px 20px; width: 40%; } .bx-soa-pp-list-termin { font-size: 18px!important; color: #353535!important; width:100% } a#ipol_yadost_inject_courier a{ text-align: left; margin: 4px 0!important; padding-left: 0!important; } .bx-soa-pp-list-description { font-size: 18px!important; font-weight: normal!important; text-align: left; margin:5px 0; } #homeCatalog .captionBtnRight,#homeCatalog .captionBtnLeft { right: 0px; display: none; } .mngtelv { font-size: 24px; font-weight: bold; color: #222; } /******** Текст мибенд3*****/ .block1-miband3 { background: url(/images/miband3-desc/miband3-1.jpg) no-repeat; height: 368px; position:relative; } .block2-miband3 { background: url(/images/miband3-desc/miband3-2.jpg) no-repeat; height: 494px; position:relative; } .block3-miband3 { background: url(/images/miband3-desc/miband3-3.jpg) no-repeat; height: 439px; position:relative; } .block4-miband3 { background: url(/images/miband3-desc/miband3-4.jpg) no-repeat; height: 453px; position:relative; } .block5-miband3 { background: url(/images/miband3-desc/miband3-5.jpg) no-repeat; height: 439px; position:relative; } .block1-miband3 .promo1 { color: #fff; text-transform: uppercase; font-weight: bold; font-size: 30px; position: absolute; top: 30px; left: 30px; } .block1-miband3 .promo2 { color: #fff; text-transform: uppercase; font-weight: bold; font-size: 30px; position: absolute; bottom: 30px; right: 30px; } .block2-miband3 h3 { margin: 0; text-align: center; color: #fff; padding: 30px 0; font-size: 40px; } .block2-miband3 .promo1,.block2-miband3 .promo2,.block2-miband3 .promo3 { text-align: center; background: #b1c8d1; border: 4px solid #9aa3b4; font-size: 20px; color: #fff; padding: 10px 0; } .block3-miband3 h3 { position: absolute; color: #fff; font-size: 30px; right: 30px; top: 30px; } .block3-miband3 .promo1 { position: absolute; color: #fff; right: 60px; top: 100px; } .block4-miband3 h3 { position: absolute; color: #fff; left: 30px; } .block4-miband3 .promo1 { position: absolute; color: #fff; left: 30px; top: 60px; } .block5-miband3 h3 { position: absolute; color: #fff; font-size: 60px; right: 60px; } .block5-miband3 .promo1 { position: absolute; color: #fff; right: 60px; top: 80px; font-size: 17px; } /******************/ .odin { background: #fff; box-shadow: 0 5px 18px rgba(0,0,0,.12); padding: 20px; } .mngtel { padding:0!important; } .tpimggg,.tpimggg-mob { /*padding:10px;*/ } .tpimggg span,.tpimggg-mob span { color: #fff; font-weight: bold; font-family: 'Roboto Condensed', sans-serif !important; font-size: 20px; } .tpimggg p,.tpimggg-mob p { color:#fff; } .tpimggg,.tpimggg-mob{ text-align:center; background-color: #202730; } .tpimggg-mob { display:none } .phonetop,.phonemobtop { text-decoration: none; font-size: 24px; display: block; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; padding-top: 3px; color: #222; } .allert { background: #fffec7; padding: 10px 20px; } .newallert { background: #dcf9ad; padding: 10px 20px; margin: 10px 0; } .my_slider { max-width: 100%; margin:0 auto; padding: 30px 0; } .my_yandex { width:100%; max-width: 1480px; margin:0 auto; } .welcome_yandex_market { display: block; float: left; width:100%; max-width: 39%; height: 192px; background: url('/bitrix/templates/dresscodeV3/images/yam.png') no-repeat center; text-decoration: none; color: #2b2b2b; text-align: center; box-sizing: border-box; padding-top: 145px; background-color:#f6f6f6; font-weight: bold; } #personalMenu { background: #fff; border: 1px solid #e7e8ea; padding: 10px; margin: 0 0 10px 0; } #personalMenu li { margin-bottom: 0px; float: left; margin-right: 0; } #personalMenu li a { font-size: 14px!important; padding: 0 10px; } .bottom_yam { -webkit-box-shadow: 0 -5px 24px rgba(0,0,0,.19); -moz-box-shadow: 0 -5px 24px rgba(0,0,0,.19); box-shadow: 0 -5px 24px rgba(0,0,0,.19); background: #ff4a00; } .my_form1{ float:right; padding-left:48px; margin-top: 42px; width: 100%; max-width: 61%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .shops { margin: 30px 0; background: #fafafa url(/images/bgshop2.jpg) no-repeat; padding: 50px 0; min-height: 300px; } .delshops { margin: 30px 0; background: #fafafa url(/images/bgshop2.jpg) no-repeat; padding: 50px 0; min-height: 300px; } .shops .col-md-4 { margin:10px 0; } .my_form1{ float:right; padding-left:48px; margin-top: 42px; width: 100%; max-width: 61%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a.map_block_metro { font-size: 22px; padding-left: 40px; line-height: 28px; margin-bottom: 15px; display: block; text-decoration: none; background: url(/images/metro.png) left top no-repeat; color: #333; font-weight: bold; } .map_block_left,.map_block_3_text,.map_reg_left { padding:20px 0 } .map_block_name { font-size: 16px; font-weight:bold } .map_block_3_text_top,.map_block_var,.map_block_delivery { font-size: 22px; line-height: 28px; margin-bottom: 15px; display: block; text-decoration: none; color: #333; font-weight: bold; } .map_block_1,.map_block_3,.map_block_1_reg { background: #fff; box-shadow: 0 5px 18px rgba(0,0,0,.12); padding: 10px 20px; } .map_block_delivery .glyphicon,.map_block_var .glyphicon,.map_block_3_text_top .glyphicon { margin-right:10px; color: #ff4a00; } .map { background: #fff; border: 1px solid #e7e8ea; padding: 10px; } #fd2e363ab0edee28629cb81963da6002 .widget-info { z-index: 1001; position: relative; box-sizing: border-box; width: 100%!important; padding: 20px 20px 15px; border: 0!important; background: #fff!important; } #fd2e363ab0edee28629cb81963da6002 .widget-info .widget-cols { float: left; width: 30%!important; } #fd2e363ab0edee28629cb81963da6002 .widget-info .widget-map-container { float: right; width: 68%!important; margin-bottom: 15px; } .ymaps-2-1-71-map { width: 100% !important; } .global-content-block { width: 100% } .my_podpis input[type=text] { width: 235px;margin-top:10px; height: 40px; background: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 0px; border: 1px solid #b8b8b8; padding: 0px; padding-left: 55px; padding-right: 20px; font-size: 15px; color: #000; font-weight: 300; background: url(/upload/img/mail_input.png) 21px center no-repeat; outline: none; } .welcome_newsletter_button { float: right; position: relative; margin-top:10px; width: 163px; color: #2f2f2f; line-height: 40px; font-size: 17px; text-align: center; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; border: 2px solid #ff4a00; text-transform: uppercase; font-weight: bold; font-family: 'PT Sans', sans-serif; padding: 6px 12px; } .welcome_newsletter_button:hover {background: #ff4a00;color: #fff;} .shop-reviews,.shop-review-form-container { font-size: 18px; background: #fff; border: 1px solid #e7e8ea; margin: 10px 0; padding: 20px; } #newsContainer .column .item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e7e8ea; padding: 0 24px 24px 24px; margin-bottom: 24px; background: #fff; box-shadow: 0 5px 18px rgba(0,0,0,.12); } #newsContainer .column .item .bigPicture img { -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; max-height: 100%; max-width: 100%; object-fit: cover; height: 220px; width: 320px; } .my_inp1 { } .my_inp2 { position: relative; right: 0; bottom: 0; } .my_form_newsletter { padding: 30px 0; } .my_inp2 input[type="submit"] { color: #fff; margin-bottom: 0!important; } .my_podpis input[type="text"] { margin-top: 0; width: 100%; border: 2px solid #ff4a00; padding: 20px 20px 20px 55px; border-radius: 50px; color: #090909; background: #fff; } .newsletter_btn { border-radius: 4px; color: #fff; background: transparent; border: 2px solid; padding: 8px 20px; font-size:14px; } .newsletter_btn:hover { background:#202730; border: 2px solid #202730; } .fab { text-align:center; } .lbl .fa { font-size:40px; color:#fff; } .my_left_bl, .my_podpis { width:57%; float:left; box-sizing: border-box; } .my_ttl1{ font-size: 24px; font-weight: 700; color: #fff; text-transform: uppercase; } .my_ttl2 { color: #fff; font-size: 14px; } .my_podpis { width:100%; color:#fff; text-align: center; } .char-block { display: inline-block; width: 100%; padding: 5px 0; font-size: 16px; } .char-block .name{ color: #85868a; } .char-block .name span:after { content:''; } .chr:nth-child(2n) { background:#fafafa; } @media (max-width: 1560px) { .welcome_yandex_market { } .my_left_bl { } .my_podpis { } .my_form1 { } } @media (max-width:1030px) { .my_form1 { padding-left: 10px; } .welcome_yandex_market, .my_form1 { width:100%; float:none; max-width: 100%; margin-left:0; background-size: 320px; } } @media (max-width: 960px) { .my_left_bl, .my_podpis { width:100%; max-width: 100%; float:none; padding-top:20px; padding-bottom: 20px;text-align:center; } #elementContainer #detailText img { } } img{ border: 0; max-width: 100%; height: auto; } input{ outline: none; } input[placeholder]{ text-overflow: ellipsis; } input::-moz-placeholder{ text-overflow: ellipsis; } input:-moz-placeholder{ text-overflow: ellipsis; } input:-ms-input-placeholder{ text-overflow: ellipsis; } a:not([href]){ cursor: default; } :focus::-webkit-input-placeholder{ color: transparent; } :focus::-moz-placeholder{ color: transparent; } :focus:-moz-placeholder{ color: transparent; } :focus:-ms-input-placeholder{ color: transparent; } input:focus { outline: none; } a{ outline: none; } h1{ font-family: 'Roboto Condensed', sans-serif!important; line-height: 36px; text-align: left; margin: 24px 0 24px!important; font-size: 30px; color: #000000; display: block; font-weight: bold!important; text-transform: uppercase; } .h2, h2 { font-size: 26px!important; font-family: 'Roboto Condensed', sans-serif!important; font-weight: bold; text-transform: uppercase; } .tab-content .h2,.tab-content h2,.tab-content .h3,.tab-content h3 { font-size: 26px; font-family: 'Roboto Condensed', sans-serif!important; font-weight: bold; } h3{ font-family: 'Roboto Condensed', sans-serif!important; font-weight: 400; font-size: 16px; } b, strong{ font-family: 'Roboto Condensed', sans-serif; font-weight: 400; } *{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /****** MAIN STYLE******/ .tovar h3 { margin: 0; } .tovar .row { margin-bottom:30px; } .tovar ul { padding:15px; } .sale .h2garant { text-align: center; width: 100%; font-family: 'Roboto Condensed', sans-serif !important; line-height: 36px; padding: 24px 0 24px !important; display: block; font-weight: bold !important; text-transform: uppercase; font-size: 36px !important; background:transparent; color:#111; margin:0 !important } .h2garant { text-align: center; width: 100%; font-family: 'Roboto Condensed', sans-serif !important; line-height: 36px; margin: 24px 0 24px !important; display: block; font-weight: bold !important; text-transform: uppercase; font-size: 36px !important; background:#fff; padding: 15px; } .h3garant { font-size: 32px; margin: 20px 0; display: inline-block; } .garanty_top { display:inline-block } .garanty_step { background: #fff; box-shadow: 0 5px 18px rgba(0,0,0,.12); padding: 20px; height: 124px; margin-bottom: 20px; } .garanty_step_number { background: #ff4a00; color: #fff; border-radius: 50%; height: 42px; line-height: 42px; } .mishaservice1_block .mishaservice1_block_text { font-size: 24px; color: #fff; background: #ff4a00; text-align: center; border-bottom: 1px solid #e14a0d; padding: 20px 0; } .mishaservice1_block .mishaservice1_block_subblocks span { display: block; border-left: none; font-size: 18px; color: #fff; background: #ff4a00; border-top: 1px solid #ff6729; border-bottom: 1px solid #e14a0d; text-align: center; padding: 10px 0; } .mishaservice1_text { background: #fff; box-shadow: 0 5px 18px rgba(0,0,0,.12); padding: 20px; } .mishaservice1_block.col-md-6 { padding:0 } .bl1 { display: inline-block; margin-bottom: 10px; background: #ff4a00; } .garanty_service_block1,.garanty_service_block2,.garanty_service_block3 { background: #fff; box-shadow: 0 5px 18px rgba(0,0,0,.12); padding: 20px; } .garanty_service .glyphicon { font-size: 22px; position: absolute; right: 15px; top: 5px; color: #fff; background: #ff4a00; padding: 5px; border-radius: 50%; } #checkorreturn .glyphicon { font-size: 30px; position: absolute; right: 30px; top: 15px; color: #fff; background: #ff4a00; padding: 15px; border-radius: 50%; } #checkorreturn,#vozvr { display: inline-block; margin: 10px 0 0 0; background: #fff; box-shadow: 0 5px 18px rgba(0,0,0,.12); padding: 20px; width: 100%; position:relative } #checkorreturn h2 { margin:0; margin-bottom:20px; } .working-guarantee-subtitle { display: inline-block; width: 100%; padding: 0; margin: 0px 0 20px 0; font-weight: 300; color: #747474; } .working-guarantee-two p { display: inline-block; float: left; width: calc(100% - 30px); margin: 0px 0px 23px 0px; border-bottom: 1px solid #ddd; padding-bottom: 20px; } /****************/ #topHeader{ position: relative; min-width: 320px; height: 52px; z-index: 11; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.07); } #mainMenuContainer.fixtop { position: fixed; width: 100%; top: 0; box-shadow: 0 5px 18px rgba(0,0,0,.12); z-index: 100; } a.link.callBack { color: #fff !important; border-bottom: 0; text-transform: uppercase; font-weight: normal; background: #ff4a00; font-size: 13px !important; padding: 0 15px; border-radius: 2px; } .loading #topHeader{ overflow: hidden; } .loading #topMenu{ opacity: 0; } .rekv { font-size: 18px; background: #fff; border: 1px solid #e7e8ea; margin: 10px 0; padding: 20px; } .rekv h3,.webFormHeading { font-family: 'Roboto Condensed', sans-serif; line-height: 36px; font-weight: 400; text-align: left; margin: 24px 0 24px; font-size: 30px; color: #000000; display: block; font-weight: bold; text-transform: uppercase; } .obsv { font-size: 18px; background: #fff; border: 1px solid #e7e8ea; padding: 20px; } .bold{ font-family: 'robotobold'; } /* auth register city block */ #topService{ float: right; width: 24%; padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #topService div[id^=bx_incl_area_]{ float: right; } #topService li{ line-height: 50px; list-style: none; padding: 0 12px; float: right; margin: 0; } #topService li { border-right: 0; } #topService li.top-auth-personal, #topService li.top-auth-exit { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } #topService .null{ display: inline-block; line-height: 0px; padding: 0px; height: 0px; width: 0px; } #topService li:not(.null) a{ font-size: 16px; -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; white-space: nowrap; } #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: 100px; z-index: 3; } .loading #subHeader{ overflow: hidden; } #logo{ line-height: 90px; text-align: center; max-height: 102px; overflow: hidden; width: 333px; float: left; margin-top: 0; position: relative; } #logo a{ display: block; } #logo a:active{ position: relative; top: 1px; } #logo img{ vertical-align: middle; max-height: 102px; max-width: 100%; } #topHeading{ padding: 0 18px; width: 162px; float: left; } #topHeading .vertical{ line-height: 102px; } #topHeading p{ font: normal normal 16px "roboto_ltregular" , arial , sans-serif; vertical-align: middle; display: inline-block; line-height: 21px; text-align: center; margin: 0px; } #headerTools{ float: right; height: 96px; } #headerTools .tools{ list-style:none; padding: 0; margin: 0; padding-top: 30px; } #headerTools .tools .icon{ float: left; } #headerTools .tools .heading{ text-decoration: none; font-size: 24px; display: block; font-weight:bold; font-family: 'Roboto Condensed', sans-serif; padding-top: 3px; } #headerTools .tools .heading._basket {font-size: 18px;} #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: 16px; display: inline-block; margin-top: 5px; } #topSearch { position: absolute; display: none; width: 100%; z-index: 35; top: 0px; right: 0px; width: 700px; padding-top: 7px; } .telephone .nf { margin-top:-12px; } .bx-soa-item-td-text .bonus { text-align: right; } #headerTools .tools .link:active{ position: relative; top: 1px; } #headerTools .tools .link._badge { color: #fff; background: #ff4a00; text-align: center; min-width: 30px; line-height: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; position: absolute; left: 30px; top: -20px; margin-top: 0; box-shadow: 0 0 0 2px #fff; } #headerTools .tools li{ list-style: none; padding: 0; float: left; margin: 0; border-left: 1px solid #e4e4e4; padding-left: 23px; } #headerTools .tools li.cart {padding-right: 27px;} #headerTools .tools li.compare {padding-right: 20px;} #headerTools .tools li.wishlist {padding-right: 6px;margin-top:0} #headerTools .tools li.telephone {padding-right: 45px;margin-top: -6px;} #headerTools .tools li.wishlist, #headerTools .tools li:first-child {border: none;} #headerTools .tools li.wishlist ._badge {top: -13px;} #headerTools .tools div[id*="bx_"]{ } #headerTools .wrap{ vertical-align: middle; display: inline-block; position: relative; line-height: 21px; } #headerTools .icon{ height: 49px; margin-right: 10px; } #headerTools .nf{ float: left; margin-left: 12px; text-align: right; } #headerTools .nf._basket {text-align: left;} #headerTools .text{ font-size: 13px; } #headerTools .icon:active{ /*position: relative;*/ top: 1px; } #headerTools .telephone .icon{ width: 49px; } #headerTools .search .wrap{ padding: 0 8px; } #headerTools .search .icon{ width: 35px; margin: 0; } #headerTools .wishlist .icon{ width: 49px; } #headerTools .compare .icon{ width: 36px; } #headerTools .cart .icon{ width: 49px; } #headerTools .cart ins{ display: inline-block; text-decoration: none; border-radius: 3px; text-align: center; margin-left: 0; padding: 0; font-size: 17px; font-family: 'PT Sans', sans-serif; font-weight: 400; } #mainMenuContainer{ height: 54px; } #topMenu .bar > a{ background: url(/bitrix/templates/dresscodeV3/images/menuMore.png) 0 50% no-repeat transparent; } #topHeader.color_default #topMenu .bar > a{ background-image: url(/bitrix/templates/dresscodeV3/images/menuMore2.png) } #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; } #main{ /*margin-top: 24px;*/ min-width: 320px; } #main .compliter{ border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } #left{ display: table-cell; vertical-align: top; width: 355px; } #left .heading{ font-family: "roboto_ltregular"; text-decoration: none; padding-left: 24px; line-height: 65px; font-weight: 400; font-size: 18px; display: block; height: 65px; } #left .heading .arrow{ background-position: -27px 50%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #left .heading.opened .arrow{ -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } #left .menuRolled + .collapsed{ display: none; } #left .heading ins{ vertical-align: middle; display: inline-block; margin-right: 24px; line-height: 65px; height: 65px; float: right; width: 27px; } #left .sideBlock .heading{ line-height: 60px; font-size: 16px; height: 60px; } #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{ vertical-align: middle; max-height: 100%; 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; } .limiter._slider {position: relative;} .limiter._slider:after {content: '';background: url(/bitrix/templates/dresscodeV3/images/bear.png) no-repeat center;width: 242px;height: 358px;position: absolute;left: -102px;top: 63px;} #slider ul{ position: relative; list-style: none; padding: 0; margin: 0; } #slider ul li{ position: relative; } #slider ul li span{ background-position: center center; -moz-background-size: cover; background-size: cover; display: block; height: 350px; } #slider ul li img{ width: auto; display: inline-block; margin-left: -120px; } #slider ol{ position: absolute; left: 50%; bottom: 12px; } #slider ol li{ margin-right: 4px; cursor: pointer; height: 18px; width: 18px; float: left; } #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 { display: table-cell; vertical-align: top; } #bannersBlock { padding-left: 12px; position: relative; overflow: hidden; width: 356px; } #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{overflow: hidden;} #footer.variant_3 #leftFooter, #footer.variant_3 #rightFooter, #footer.variant_3 #footerBottom, #footer.variant_3 .fc{ background-color: #47494d; } #footer.variant_4 #leftFooter, #footer.variant_4 #rightFooter, #footer.variant_4 #footerBottom, #footer.variant_4 .fc{ background-color: #f3f3f3; } #footer.variant_5 #leftFooter, #footer.variant_5 #rightFooter, #footer.variant_5 #footerBottom, #footer.variant_5 .fc{ background-color: #ffffff; } #footer.variant_6 #leftFooter, #footer.variant_6 #rightFooter, #footer.variant_6 #footerBottom, #footer.variant_6 .fc{ background-color: #142236; } #footer.variant_7 #leftFooter, #footer.variant_7 #rightFooter, #footer.variant_7 #footerBottom, #footer.variant_7 .fc{ background-color: #24433c; } #footer.variant_8 #leftFooter, #footer.variant_8 #rightFooter, #footer.variant_8 #footerBottom, #footer.variant_8 .fc{ background-color: #4e0838; } #footer.variant_5 #footerBottom{ border-top: 1px solid #f1f1f1; } #footer.variant_6 #footerBottom{ border-top: 1px solid rgba(255, 255, 255, 0.1); } #footer.variant_7 #footerBottom, #footer.variant_8 #footerBottom{ border-top: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_4 #footerBottom{ border-top: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_3 #footerBottom{ border-top: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_2 #footerBottom{ border-top: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_4 #leftFooter a, #footer.variant_5 #leftFooter a{ color: #000000; } #footer.variant_4 #leftFooter a:active{ position: relative; top: 1px; } #footer.variant_2 #leftFooter a{ color: #ffffff; } #footer.variant_2 #leftFooter a:hover, #footer.variant_2 #leftFooter .selected{ opacity: 0.8; } #footer.variant_2 #rightFooter .telephone, #footer.variant_2 #rightFooter .showMap{ color: #ffffff; } #footer.variant_2 #rightFooter .showMap:hover{ opacity: 0.8; } #footer.variant_3 #leftFooter .heading{ border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_3 #leftFooter ul li{ border-top: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_2 #leftFooter .heading, #footer.variant_4 #leftFooter .heading, #footer.variant_5 #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, #footer.variant_5 #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_3 #leftFooter ul li:first-child, #footer.variant_4 #leftFooter ul li:first-child, #footer.variant_5 #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_4 #rightFooter, #footer.variant_4 #rightFooter p, #footer.variant_4 #rightFooter .list li, #footer.variant_4 #rightFooter .email{ color: #000000; } #footer.variant_5 #rightFooter, #footer.variant_5 #rightFooter p, #footer.variant_5 #rightFooter .list li, #footer.variant_5 #rightFooter .email{ color: #000000; } #footer.variant_2 #rightFooter, #footer.variant_2 #rightFooter p, #footer.variant_2 #rightFooter .list li, #footer.variant_2 #rightFooter .email{ color: #ffffff; } #footer.variant_2 #rightFooter .email a, #footer.variant_4 #rightFooter .email a, #footer.variant_5 #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_2 #rightFooter .hr, #footer.variant_4 #rightFooter .hr, #footer.variant_5 #rightFooter .hr, #footer.variant_7 #rightFooter .hr, #footer.variant_8 #rightFooter .hr{ border-top: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_2 #footerBottom .sn .vk{ background: url(/bitrix/templates/dresscodeV3/images/snC.png) 0 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .vk, #footer.variant_5 #footerBottom .sn .vk{ background: url(/bitrix/templates/dresscodeV3/images/snW.png) 0 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .fb{ background: url(/bitrix/templates/dresscodeV3/images/snC.png) -60px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .fb, #footer.variant_5 #footerBottom .sn .fb{ background: url(/bitrix/templates/dresscodeV3/images/snW.png) -60px 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .od{ background: url(/bitrix/templates/dresscodeV3/images/snC.png) -120px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .od, #footer.variant_5 #footerBottom .sn .od{ background: url(/bitrix/templates/dresscodeV3/images/snW.png) -120px 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .tw{ background: url(/bitrix/templates/dresscodeV3/images/snC.png) -180px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .tw, #footer.variant_5 #footerBottom .sn .tw{ background: url(/bitrix/templates/dresscodeV3/images/snW.png) -180px 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .go{ background: url(/bitrix/templates/dresscodeV3/images/snC.png) -240px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .go, #footer.variant_5 #footerBottom .sn .go{ background: url(/bitrix/templates/dresscodeV3/images/snW.png) -240px 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .yo{ background: url(/bitrix/templates/dresscodeV3/images/snC.png) -300px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .yo, #footer.variant_5 #footerBottom .sn .yo{ background: url(/bitrix/templates/dresscodeV3/images/snW.png) -300px 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .vk:hover, #footer.variant_4 #footerBottom .sn .vk:hover, #footer.variant_5 #footerBottom .sn .vk:hover{ background-position: 0 -60px; } #footer.variant_2 #footerBottom .sn .fb:hover, #footer.variant_4 #footerBottom .sn .fb:hover, #footer.variant_5 #footerBottom .sn .fb:hover{ background-position: -60px -60px; } #footer.variant_2 #footerBottom .sn .od:hover, #footer.variant_4 #footerBottom .sn .od:hover, #footer.variant_5 #footerBottom .sn .od:hover{ background-position: -120px -60px; } #footer.variant_2 #footerBottom .sn .tw:hover, #footer.variant_4 #footerBottom .sn .tw:hover, #footer.variant_5 #footerBottom .sn .tw:hover{ background-position: -180px -60px; } #footer.variant_2 #footerBottom .sn .go:hover. #footer.variant_4 #footerBottom .sn .go:hover. #footer.variant_5 #footerBottom .sn .go:hover{ background-position: -240px -60px; } #footer.variant_2 #footerBottom .sn .yo:hover, #footer.variant_4 #footerBottom .sn .yo:hover, #footer.variant_5 #footerBottom .sn .yo:hover{ background-position: -300px -60px; } #footer.variant_2 .sn li:first-child, #footer.variant_3 .sn li:first-child, #footer.variant_4 .sn li:first-child, #footer.variant_5 .sn li:first-child, #footer.variant_7 .sn li:first-child{ border-left: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_2 .sn li, #footer.variant_3 .sn li, #footer.variant_4 .sn li, #footer.variant_5 .sn li, #footer.variant_7 .sn li{ border-right: 1px solid rgba(0, 0, 0, 0.1); } #catalogColumn .product{ /*height: 367px !important;*/ height: 394px !important; width: 25% !important; border: 0 !important; /* clear old */ } #catalogColumn .product:nth-child(-n+4){ height: 366px !important; border-top: 0 !important; } #catalogColumn .product:nth-child(4n+1){ border-left: 0 !important; } #catalogColumn .product:nth-child(-n+4){ /*height: 367px !important;*/ } #catalogColumn .product:nth-child(-n+4){ height: 395px !important; } #catalogColumn .product{ border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important; } #catalogColumn .product:nth-child(-n+4){ border-top: 1px solid #e7e8ea !important; } #catalogColumn .product:nth-child(4n+1){ } #catalogColumn #catalogLineList .description{ display: none; } #catalogColumn #catalogLineList .prop{ width: 100%; } #catalogColumn #catalogTableList .column:nth-child(3), #catalogColumn #catalogTableList .column:nth-child(4){ display: none; } #catalogColumn .items h2 { text-align: center; } #catalogLine{ margin-bottom: 24px; border-radius: 0px; line-height: 55px; padding: 0 12px; height: 55px; background: #fff; } #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 sel ect{ border-radius: 0px; padding: 0 12px; height: 30px; background: #fff; } #catalogLine .viewList{ vertical-align: middle; display: inline-block; overflow: hidden; } #catalogLine .viewList .element{ margin-left: 12px; float: left; } #catalogLine .viewList .element:first-child{ margin-left: 0px; } #catalogLine .viewList .element a{ vertical-align: middle; display: inline-block; height: 55px; width: 30px; } #catalogLine .viewList .element .squares{ background-position: 0 0; } #catalogLine .viewList .element .squares:hover{ background-position: -30px 0; } #catalogLine .viewList .element .squares.selected{ background-position: -60px 0; } #catalogLine .viewList .element .line{ background-position: 0 -55px; } #catalogLine .viewList .element .line:hover{ background-position: -30px -55px; } #catalogLine .viewList .element .line.selected{ background-position: -60px -55px; } #catalogLine .viewList .element .table{ background-position: 0 -110px; } #catalogLine .viewList .element .table:hover{ background-position: -30px -110px; } #catalogLine .viewList .element .table.selected{ background-position: -60px -110px; } #catalogLine .viewList .element .squares:active, #catalogLine .viewList .element .table:active, #catalogLine .viewList .element .line:active{ position: relative; top: 1px; } #rowFooter{ display: table; width: 100%; table-layout: fixed; } #leftFooter{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table-cell; vertical-align: top; padding: 34px 0; width: 60%; } #leftFooter .footerRow{ overflow: hidden; list-style: none; padding-left: 20px; } #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: 24px; display: block; text-transform: uppercase; font-weight: bold; } #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: 18px; padding: 6px 0; display: inline-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;color:#ff4a00 } #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%; } #footerBottom{ clear: both; padding: 35px 0; } #footerBottom:after {content: '';display: block;clear: both;} #footerBottom .creator{ 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{ float: right; padding-top: 4px; padding-right: 7px; } #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%; border: 1px solid #fff; } #appBasket .heading{ position: relative; text-align: left; line-height: 60px; font-size: 24px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; padding: 0 24px; font-weight: bold; background: #202730; } #appBasket .close{ position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; background: url(/bitrix/templates/dresscodeV3/images/closeWhite.png) no-repeat center; } #appBasket .lower .tools .icon, #appBasket .lower .tools .continue {border-right: 1px solid #fff;} #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/dresscodeV3/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/dresscodeV3/images/rating.png) repeat 0 -14px transparent; width: 0px; z-index: 10; } #appBasket .markerContainer .marker { font: normal normal 12px "roboto_ltregular" , arial , sans-serif; margin-bottom: 8px; line-height: 16px; padding: 3px 4px; z-index: 2; } #appBasket .picture{ position: relative; line-height: 280px; text-align: center; height: 280px; width: 300px; float: left; } #appBasket .picture:active{ position: relative; top: 1px; } #appBasket .picture img{ vertical-align: middle; max-height: 90%; max-width: 90%; } #appBasket .information{ line-height: 280px; } #appBasket .information .wrapper{ vertical-align: middle; display: inline-block; line-height: 21px; } #appBasket .name{ -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; max-width: 300px; margin-bottom: 18px; text-decoration: none; font-size: 14px; display: block; } #appBasket .price{ font-family: 'robotobold'; margin-bottom: 18px; font-size: 18px; display: block; } #appBasket .price .discount { font-family: 'roboto_ltregular'; padding-left: 8px; font-size: 14px; } #appBasket .qtyBlock{ margin-bottom: 18px; overflow: hidden; } #appBasket .qtyBlock .label{ padding-right: 4px; } #appBasket .plus, #appBasket .minus{ vertical-align: middle; display: inline-block; height: 19px; width: 19px; } #appBasket .qty{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; display: inline-block; text-align: center; font-size: 12px; margin: 0 2px; height: 19px; width: 40px; padding: 0 2px; border: 0; } #appBasket .qty.error{ border: 1px solid #ff0000; } #appBasket .sum{ font-family: 'robotobold'; line-height: 50px; padding: 0 24px; font-size: 18px; height: 50px; } #appBasket .sum .discount{ font-family: 'roboto_ltregular'; padding-left: 8px; font-size: 14px; } #appBasket .lower{ line-height: 60px; overflow: hidden; height: 60px; } #appBasket .lower .tools{ border-collapse: collapse; table-layout: fixed; border-spacing: 0px; width: 100%; } #appBasket .lower .tools .av:hover{ background: unset; } #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 .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/dresscodeV3/images/compare.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .addCompare.added .ico{ background: url(/bitrix/templates/dresscodeV3/images/compareActive.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .addWishlist .ico{ background: url(/bitrix/templates/dresscodeV3/images/wishlist.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .addWishlist.added .ico{ background: url(/bitrix/templates/dresscodeV3/images/wishlistActive.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .inStock{ text-decoration: none !important; } #appBasket .lower .tools .inStock .ico{ background: url(/bitrix/templates/dresscodeV3/images/inStock.png) 0 0 no-repeat transparent; border: 0 !important; } #appBasket .lower .tools .outOfStock .ico{ background: url(/bitrix/templates/dresscodeV3/images/outOfStock.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .onOrder .ico{ background: url(/bitrix/templates/dresscodeV3/images/onOrder.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .delete .ico{ background: url(/bitrix/templates/dresscodeV3/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; text-transform: uppercase; font-weight: bold; } #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{ -ms-filter: none; filter: none; -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; height: 100%; width: 100%; z-index: 1001; left: 0px; top: 0px; display: none; } #appFastBuyContainer{ box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #ffffff; margin-top: -215px; position: absolute; overflow: hidden; height: 430px; width: 700px; left: 30%; top: 38%; } #appFastBuyContainer .column{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 24px; /*padding: 0 24px;*/ width: 380px; float: left; } #appFastBuyContainer .column:first-child{ text-align: center; width: 320px; } #appFastBuyContainer .heading{ position: relative; text-align: center; line-height: 60px; font-size: 18px; height: 60px; } #appFastBuyContainer .title{ margin-bottom: 12px; text-align: center; margin-right: 24px; font-size: 16px; display: block; } #appFastBuyContainer .formLine{ margin-bottom: 12px; } #appFastBuyContainer input{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; padding-left: 12px; width: 354px; height: 50px; border: 0; } #appFastBuyContainer input[type="checkbox"]{ vertical-align: middle; display: inline-block; margin-right: 6px; margin-top: 0px; height: 14px; width: 14px; } #appFastBuyContainer input[type="checkbox"].error + label{ border-bottom: 1px solid #ff0000 !important; } #appFastBuyContainer textarea{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; padding-left: 12px; padding-top: 12px; resize: none; width: 354px; height: 60px; border: 0; } #appFastBuyContainer input:focus, #appFastBuyContainer textarea:focus{ outline: none; } #appFastBuyContainer #fastBuyFormSubmit{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; font-size: 14px; display: block; height: 50px; width: 354px; } #appFastBuyContainer #fastBuyFormSubmit:active{ position: relative; top: 1px; } #appFastBuyContainer #fastBuyFormSubmit.loading{ -webkit-transition: background 0s !important; -o-transition: background 0s !important; transition: background 0s !important; text-indent: 12px; opacity: 0.9; } #appFastBuyContainer #fastBuyFormSubmit.loading img{ display: none; } #appFastBuyContainer #fastBuyFormSubmit img{ vertical-align: middle; padding-right: 4px; margin-top: -2px; } #appFastBuyContainer .markerContainer{ position: absolute; top: 0px; left: 12px; } #appFastBuyContainer #fastBuyResult{ /* transform: translateY(50%); */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; } #fastBuyResult #fastBuyResultTitle{ text-align: center; margin-top: 24px; font-size: 16px; } #fastBuyResult #fastBuyResultMessage{ text-align: center; margin-top: 24px; } #fastBuyResult #fastBuyResultClose{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; margin: 24px auto; font-size: 14px; display: block; height: 50px; width: 254px; } #fastBuyResult #fastBuyResultClose:active{ position: relative; top: 1px; } #appFastBuyContainer .marker { font: normal normal 12px "roboto_ltregular" , arial , sans-serif; margin-bottom: 8px; padding: 3px 4px; line-height: 16px; z-index: 2; } #appFastBuyContainer .name{ -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; font-size: 14px; display: block; text-decoration: none; margin-bottom: 12px; height: 44px; line-height: 44px; overflow: hidden; } #appFastBuyContainer .middle{ line-height: 21px; vertical-align: middle; display: inline-block; } #appFastBuyContainer .price{ font-family: 'robotobold'; text-decoration: none; margin-bottom: 12px; font-size: 28px; display: block; } #appFastBuyContainer .price .discount{ font-family: 'roboto_ltregular'; padding-left: 4px; font-size: 14px; } #appFastBuyContainer #fastBuyName{ padding: 0 24px; } #appFastBuyContainer #fastBuyPicture{ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-bottom: 12px; position: relative; text-align: center; line-height: 230px; display: block; height: 230px; } #appFastBuyContainer #fastBuyPicture .url{ text-align: center; line-height: 230px; display: block; height: 230px; } #appFastBuyContainer #fastBuyPicture .picture{ vertical-align: middle; max-height: 90%; max-width: 90%; } #appFastBuy .close{ background: url(/bitrix/templates/dresscodeV3/images/exit.png) 0 0 no-repeat transparent; position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } #appFastBuy .close:hover{ background-position: 0 -21px ; } #appFastBuy .close:active{ background-position: 0 -42px ; } #appFastView{ -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; overflow: auto; z-index: 1000; height: 100%; width: 100%; left: 0px; top: 0px; /*display: none;*/ } #appFastView .appFastViewContainer{ box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: zoomIn; animation-name: zoomIn; background-color: #ffffff; margin-left: -585px; margin-top: -275px; position: absolute; height: 710px; width: 1280px; left: 50%; top: 50%; } #appFastView .appFastViewPictureColumn{ padding-right: 30px; position: relative; height: 595px; width: 60%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #appFastView .appFastViewDescriptionColumn{ position: relative; overflow: hidden; width: 40%; 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-y: auto; height: 330px; } #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; position: relative; height: 200px; width: 40%; float: left; padding-right: 50px; } #appFastView .appFastViewInformationColumn .addWishlist, #appFastView .appFastViewInformationColumn .addCompare {border: 1px solid #dedede;padding: 10px 12px;} #appFastView .markerContainer{ position: absolute; color: #ffffff; z-index: 88; left: 12px; top: 12px; } #appFastView .marker { font: normal normal 12px "roboto_ltregular" , arial , sans-serif; margin-bottom: 8px; line-height: 16px; padding: 3px 4px; z-index: 2; } #appFastView .appFastViewPictureSlider, #appFastView .appFastViewPictureCarousel, #appFastView .appFastViewPictureSliderItems, #appFastView .appFastViewPictureCarouselItems{ -webkit-transition: left 0.2s ease-in-out; -o-transition: left 0.2s ease-in-out; transition: left 0.2s ease-in-out; position: relative; overflow: hidden; } #appFastView .appFastViewPictureSlider {margin-bottom: 80px;} #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: 100px; } #appFastView .appFastViewPictureSliderItemPicture, #appFastView .appFastViewPictureCarouselItemPicture{ vertical-align: middle; max-height: 100%; max-width: 100%; } #appFastView .appFastViewPictureCarouselItemPicture {background-position: center;background-repeat: no-repeat;background-size: contain;height: 100px;width: 100px;} #appFastView .appFastViewPictureCarouselItemLink {border: 2px solid #dedede;display: inline-block} #appFastView .appFastViewPictureCarouselItemLink.active {border: 2px solid #ff4a00;} #appFastView .appFastViewPictureCarouselLeftButton, #appFastView .appFastViewPictureCarouselRightButton{ background: url(/bitrix/templates/dresscodeV3/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; height: 100px; 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%; display: none; } #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{ position: relative; text-align: left; line-height: 85px; font-size: 33px; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; padding: 0 35px; white-space: nowrap; padding-right: 60px; text-overflow: ellipsis; overflow: hidden; } #appFastView .appFastViewHeading a {color: #000;text-decoration: none;} #appFastView .appFastViewHeading a:hover {text-decoration: underline} #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: 16px; } #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 .appFastViewExit{ position: absolute; display: block; height: 25px; width: 25px; 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: #ff4a00; 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; line-height: 60px; text-align: center; font-size: 18px; display: block; color: #ffffff; height: 60px; float: right; padding: 0 45px; text-transform: uppercase; font-weight: bold; } #appFastView .price{ text-decoration: none; position: relative; line-height: 28px; font-size: 34px; display: block; color: #000000; float: left; font-weight: bold; line-height: 60px; } #appFastView .secondTool {clear: both;padding-top: 10px; line-height: initial;} #appFastView .secondTool:after {content: '';display: block;clear: both;} #main .secondTool .fastBack.label.changeID { color: #fff; padding: 10px 0; text-transform: uppercase; text-decoration: none; text-align: center; display: block; background-image: linear-gradient(to left,transparent,transparent 50%,#202730 50%,#303844); background-position: 0 0; background-size: 200% 100%; transition: all .25s ease-in; font: normal normal 14px 'roboto_cnregular'; border: 1px solid #202730; } #main .secondTool .fastBack.label.changeID:hover { background-image: linear-gradient(to left,transparent,transparent 50%,#303844 50%,#202730); color:#fff; text-decoration:none } #appFastView .getPriceWindow{ line-height: 33px; } #appFastView .priceValue{ border-bottom: 1px dashed #bbbbbb; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; padding-bottom: 8px; color: #000000; } #appFastView .priceValue:hover{ color: #333333; } #appFastView .priceValue:active{ position: relative; top: 1px; } #appFastView .article{ color: #888888; padding: 0 5px 0 35px; margin-top: -10px; float: left; } #appFastView .avial { float: left; margin-top: -10px; font-size: 16px; font-weight: normal; } #appFastView .article.hidden{ display: none; } #appFastView .discount{ font-family: 'roboto_ltregular'; padding-left: 4px; font-size: 14px; color: #888888; } #appFastView .price .oldPriceLabel{ font-family: 'roboto_ltregular'; text-decoration: none; margin-top: 6px; font-size: 14px; display: block; color: #888888; } #appFastView .price .discount, #appFastView .price .discount{ font-family: 'roboto_ltregular'; padding-left: 4px; font-size: 14px; color: #888888; } #appFastView .icon{ vertical-align: middle; display: inline-block; } #appFastView .addCart .icon{ padding-right: 12px; margin-top: -4px; } #appFastView .rating{ display: inline-block; vertical-align: middle; margin-left: 6px; margin-top: -4px; position: relative; overflow: hidden; height: 15px; width: 79px; z-index: 2; } #appFastView .rating i{ background: url(/bitrix/templates/dresscodeV3/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/dresscodeV3/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; margin-bottom: 30px; } #appFastView .appFastViewInformationColumn .row._wide {clear: both;width: 100%;} #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; text-decoration: none; line-height: 21px; font-size: 15px; color: #717171; } #appFastView .appFastViewInformationColumn .fastBack { font-weight: bold; line-height: 21px; font-size: 15px; color: #717171; border: 1px solid #ddd; padding: 10px 12px; border-radius:4px; vertical-align: middle; } #appFastView .appFastViewInformationColumn .fastBack:hover { background:transparent; color: #000; border: 1px solid #ddd; } #appFastView .appFastViewInformationColumn a.label:hover{ color: #000000; } #appFastView .appFastViewInformationColumn a.label:active{ position: relative; top: 1px; } #appFastView .appFastViewInformationColumn a.inStock span{ padding-bottom: 2px; } #personalCart input[name="BuyButton"]{ margin-bottom: 24px; margin-top: 24px; display: block; } #orderList, #subscribeEdit{ margin-bottom: 36px; } #footerTabsCaption{ line-height: 85px; height: 85px; } #footerTabsCaption .items{ text-align: center; overflow: hidden; } #footerTabsCaption .item:last-child{ margin-right: 0px; } #footerTabsCaption .item{ vertical-align: middle; display: inline-block; margin-right: 24px; } #footerTabsCaption .item a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; font-family: 'robotobold'; text-decoration: none; padding-bottom: 8px; font-size: 16px; } #footerTabs{ overflow: hidden; } #footerTabs .wrapper, #footerTabsCaption .wrapper{ max-width: 1480px; min-width: 320px; margin: auto; } #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; /*display: none;*/ } #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/dresscodeV3/images/compareFooterMinC.png); } #footerLine.color_theme .item .wishlist .icon{ background-image: url(/bitrix/templates/dresscodeV3/images/wishlistFooterMinC.png); } #footerLine.color_theme .item .cart .icon{ background-image: url(/bitrix/templates/dresscodeV3/images/cartFooterMinC.png); } #footerLine.color_theme .item .callback .icon{ background-image: url(/bitrix/templates/dresscodeV3/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%; box-sizing: border-box; } #footerLine .col:first-child {padding-left: 20px; box-sizing: border-box;} #footerLine .col:last-child{ text-align: right; padding-right: 20px; } #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;color:#ff4a00 } #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 .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: 'robotobold'; padding-bottom: 4px; } #empty{ overflow: hidden; } #empty .emptyWrapper{ padding-bottom: 24px; overflow: hidden; } #empty .pictureContainer{ margin-right: 24px; float: left; } #empty h3{ font-family: 'robotobold'; text-transform: uppercase; font-weight: 400; font-size: 16px; padding: 0; margin: 0; } #empty p{ font-size: 14px; } #empty a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; font-size: 14px; } #empty a:active{ position: relative; } #empty a img{ vertical-align: middle; padding-right: 12px; } #empty .emptyTitle{ text-transform: uppercase; font-family: 'robotobold'; margin-top: 24px; font-size: 14px; } #empty .emptyMenu{ margin: 24px 0 24px 0; list-style: none; overflow: hidden; padding: 0; } #empty .emptyMenu li{ margin-bottom: 12px; width: 33.333333%; float: left; } #empty .back{ padding-bottom: 2px; } #empty .back:active{ position: relative; top: 1px; } #overlap{ background-color: #000000; position: fixed; display: none; opacity: 0.8; height: 100%; width: 100%; z-index: 33; left: 0px; top: 0px; } #searchOverlap{ background-color: #000000; position: fixed; display: none; opacity: 0.8; height: 100%; width: 100%; z-index: 34; left: 0px; top: 0px; } #infoTabs{ padding-bottom: 36px; } #infoTabs .tab{ display: none; } #infoTabs .tab.selected{ display: block; } #infoTabsCaption{ line-height: 85px; height: 85px; } #infoTabsCaption .items{ text-align: center; overflow: hidden; } #infoTabsCaption .item{ vertical-align: middle; display: inline-block; margin-left: 24px; } #infoTabsCaption .item:first-child{ margin-left: 0px; } #infoTabsCaption .item a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; font-family: 'robotobold'; text-decoration: none; padding-bottom: 8px; font-size: 16px; } #catalogColumn{ border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } #catalogColumn #nextSection{ margin-top: 0px; } #catalogColumn .leftColumn{ padding-bottom: 24px; display: table-cell; vertical-align: top; width: 280px; } #catalogColumn .rightColumn{ display: table-cell; vertical-align: top; padding-left: 24px; } #catalogColumn #middleSlider{ margin-bottom: 24px; } #catalogColumn #middleSlider .limiter{ padding: 0px; margin: 0px; width: auto; } #nextSection .title{ font-size: 18px; } #catalogColumn .leftColumn .heading{ font-size: 18px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; text-decoration: none; display: block; background: #202730; text-align: left; padding: 18px 20px; color: #fff; } @media all and (max-width: 1300px) { #catalogColumn #middleSlider{ display: none; } #catalogColumn .leftColumn{ width: 285px; } } @media all and (max-width: 1024px) { #catalogColumn .rightColumn, #catalogColumn .leftColumn{ display: block; width: auto; } #catalogColumn .rightColumn{ padding: 0; } #reformal_tab{ display: none !important; } #smartFilter .heading{ line-height: 46px; height: 46px; } } /* 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; } /*.mainService{ margin-top: 24px; }*/ .mainService.fullBg{ background-color: #ffffff; padding-bottom: 36px; } .mainService .slideContainer{ position: relative; overflow: hidden; margin: 0 -12px; } .mainService .heading{ margin-bottom: 0px !important; text-transform: uppercase; font-family: 'robotobold'; text-align: center; padding-left: 18px; line-height: 95px; font-size: 18px; display: block; color: #000000; height: 95px; } .mainServiceContainer{ overflow: hidden; } .mainServiceContainer .items{ list-style: none; overflow: hidden; padding: 0px; margin: 0px; } .rightColumn .items { } .advantages{ padding: 10px 10px 0; display: inline-block; width: 100%; margin-bottom: 0; } .advantages .label { padding: 0; color: #414141!important; background:transparent } .advantages .label:before { content:'\2714'; color: #7ea21a; margin-right:5px; } .limitations { padding: 10px 10px 0; display: inline-block; width: 100%; margin-bottom: 0; } .limitations .label { padding: 0; color: #414141!important; background:transparent } .limitations .label:before { content:'\2716'; color: #d53c3c; margin-right:5px; } .impressions { padding: 10px; display: inline-block; width: 100%; margin-bottom:10px; } .impressions .label { padding: 0; color: #414141!important; background:transparent } .reviewItem:nth-child(2n) { } .mainServiceContainer .item{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; float: left; background: #fff; box-shadow: 0 5px 18px rgba(0,0,0,.12); width:33% } .rightColumn .items h2 { font-family: 'Roboto Condensed', sans-serif !important; line-height: 36px !important; text-align: left; margin: 10px 0 !important; font-size: 30px; color: #000000; display: block; font-weight: bold !important; text-transform: uppercase; padding: 15px 20px; border-bottom: 1px solid #ddd; } .mainServiceContainer .item .wrap{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; padding: 15px 24px; } .mainServiceContainer {border: 0px solid #ececec;margin-top: 7px;} .mainServiceContainer .item .bigPicture{ line-height: 175px; text-align: center; height: auto; padding-top: 0px; margin-bottom: 15px; } .mainServiceContainer .item .bigPicture a {display: block; height: 0px; padding-top: 63%; background-position: center center; background-repeat: no-repeat; background-size: cover;} .mainServiceContainer .item .bigPicture a:active{ position: relative; top: 1px; } .mainServiceContainer .item .bigPicture img{ -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: top; max-height: 100%; max-width: 100%; display: none; } .mainServiceContainer .item .bigPicture img:hover{ } .mainServiceContainer .item .title{ margin-top: 18px; } .bx-soa-pp-desc-container .bx-soa-pp-company-desc { color: #292929; font-size: 16px; line-height: 20px; padding-top: 10px; position: relative; display: inline-block; } .mainServiceContainer .item .title 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; line-height: 44px; overflow: hidden; font-size: 14px; color: #7a7a7a; display: block; height: 56px; overflow: hidden; margin-bottom: 20px; } .mainServiceContainer .item .title a span{ vertical-align: middle; display: inline-block; line-height: 18px; font-size: 15px; color: #333; } .mainServiceContainer .item .title a:active{ position: relative; top: 1px; } .mainServiceContainer .item .newsDate{ margin-top: 0; color: #b4b4b4; font-size: 18px; } .mainServiceContainer .item .newsDate .pic{ vertical-align: middle; padding-right: 4px; margin-top: -4px; } .mainServiceContainer .item .description{ margin-top: 12px; font-size: 14px; color: #888888; } .mainServiceContainer .item .more { -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; display: inline-block; margin-bottom: 24px; padding: 5px 20px; margin-top: 12px; color: #fff; border: 2px solid #ff4a00; background: #ff4a00; font-size: 14px; border-radius: 2px; } .mainServiceContainer .item .more:hover, .mainServiceContainer .item .more:active{ position: relative; background: #333; color: #fff; border: 2px solid #333; } .mainService .btnLeft, .mainService .btnRight{ background: url(/bitrix/templates/dresscodeV3/images/slideArrowSmallBlack.png) 0 0 no-repeat transparent; transform: translateY(-50%); position: absolute; height: 70px; width: 35px; z-index: 22; top: 50%; } .mainService .btnLeft{ left: 0px; } .mainService .btnRight{ right: 0px; } .mainService .btnLeft:hover{ } .mainService .btnLeft:active{ } .mainService .btnRight{ } .mainService .btnRight:hover{ } .mainService .btnRight:active{ } #newsDetail { border: 1px solid #e7e8ea; padding:24px; margin-bottom: 24px; background: #fff; box-shadow: 0 5px 18px rgba(0,0,0,.12); } #newsDetail .bigPicture img { max-width: 100%; width: 100%; } .personal-order-info{ margin-bottom: 12px; } .personalInfoLabel{ margin-top: 24px; font-size: 14px; } .productList{ list-style: none; padding: 0; margin: 0; position: relative; margin-bottom: 105px; z-index: 0; } .product{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 20%; height: 366px; } .sale .product { width: 20%; height: 395px !important; } .sale #main { } #elementDop .productList .product { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 25%; height: 367px; } .related-pro { border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; background: #fff; display: inline-block; padding: 15px; text-align:center; width: 100%; } .td_photo { text-align: center; height: 120px; vertical-align: top; } .btn-related { display: inline-block; padding: 0; } .td_name { height: 65px; overflow:hidden; text-align: center; } .td_name a { color:#111; } .td_price { text-align: center; font-size: 20px; margin: 10px 0; color: #111; } .btn-related { cursor: pointer!important; text-align: center; background: #ff4a00; color: #fff; border-radius: 3px; padding: 10px 20px; } .btn-related:hover { text-decoration:none; color:#fff; background: #1c1c1c; } #related .owl-carousel .owl-item img { display: inline-block; width: auto; text-align: center; } #related .owl-nav { position: absolute; right: 0; top: -100px; margin: 0; } .product:nth-child(1), .product:nth-child(2), .product:nth-child(3), .product:nth-child(4), .product:nth-child(5){ height: 366px; } .product.last{ /* next page */ width: auto !important; float: none; clear: both; } .name-block { position:relative } .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 0; height: 393px; z-index: 1; } .product .NotSquaresSlider1 { height: 364px !important; } .product .markerContainer{ position: absolute; z-index: 88; left: 8px; top: 8px; } .product .marker { font: normal normal 12px "roboto_ltregular" , arial , sans-serif; margin-bottom: 8px; line-height: 16px; padding: 3px 4px; z-index: 2; } .product .rating { position: absolute; width: 79px; z-index: 2; right: 8px; top: 8px; } .product .rating i { background: url(/bitrix/templates/dresscodeV3/images/rating.png) repeat 0 0px transparent; position: absolute; display: block; height: 15px; width: 79px; left: 0px; top: 0px; } .product .rating i.m { background: url(/bitrix/templates/dresscodeV3/images/rating.png) repeat 0 -14px transparent; z-index: 10; width: 0px; } .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; text-align: center; font-size: 16px; display: block; text-decoration: none; margin-bottom: 12px; /*height: 72px;*/ height: 60px; line-height: 44px; overflow: hidden; color: #222; padding: 0 12px; } .product .middle { line-height: 18px; vertical-align: middle; display: inline-block; font-size: 16px; height: 54px; overflow: hidden; } .nalichie-spisok { float: right; display: block; margin-top: 0; padding:0 0 0 12px; } .product .price{ font-size: 18px; display: block; text-decoration: none; margin-bottom: 12px; top: 0; position: relative; text-align: left; font-weight: bold; padding: 0 12px; } .popprod .product .price{ font-size: 20px; display: block; text-decoration: none; margin-bottom: 12px; top: 0; position: relative; text-align: center; font-weight: bold; padding: 0 12px; } .sale .product .price { /*text-align: center;*/ } #homeCatalog .product .price{ font-size: 22px; display: block; text-decoration: none; margin-bottom: 12px; top: 0; position: relative; text-align: center; font-weight: bold; padding: 0 12px; } .customSlider .product .price{ font-size: 22px; display: block; text-decoration: none; margin-bottom: 12px; top: 0; position: relative; text-align: center; font-weight: bold; padding: 0 12px; } .product .price .measure{ font-size: 0px; } .product .price .discount{ font-family: 'roboto_ltregular'; 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; vertical-align: middle; max-height: 90%; max-width: 90%; } .form-group {position:relative} .form-group .bx-soa-tooltip { position: absolute!important; left: 188px; } .tooltip.top .tooltip-arrow { display: none; } .bx-soa .form-group .radio-inline .radioSpan { top:0!important; } .loading .product .getFastView{ pointer-events: none; } .product .getFastView, #catalogLineList .picture .getFastView{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: 'roboto_condensedlight'; background-color: #2b2b2b; text-decoration: none; border-radius: 2px; visibility: hidden; position: absolute; text-align: center; margin-left: -75px; margin-top: -20px; line-height: 40px; cursor: pointer; color: #ffffff; /*display: none;*/ height: 40px; width: 150px; opacity: 0; z-index: 2; left: 50%; top: 50%; } .product:hover .getFastView, #catalogLineList .picture:hover .getFastView{ visibility: visible; /*display: block;*/ opacity: 0.9; } .product .getFastView:hover, #catalogLineList .picture .getFastView:hover{ opacity: 1; } .product .addCart1, .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: 25px; height: 50px; font-size: 18px; text-align: center; display: block; text-decoration: none; margin-top: 16px; margin-bottom: 0; margin-left: 0px; margin-right: 0px; text-transform: uppercase; font-weight: bold; border-radius: 0px; } .product .icon{ vertical-align: middle; display: inline-block; } .product .addCart .icon{ padding-right: 12px; margin-top: -4px; } .product .row{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 17px; overflow: hidden; } .product .label{ -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: 16px; display: block; float: left; width: 50%; font-weight: normal; font-size: 12px; } .product .label.addCompare {white-space: nowrap;} .product .row .label:last-child{ width: 47%; } .product .label .icon{ padding-right: 6px; margin-top: -4px; } .inStock{ color: #73b24e !important; } .inStock:hover{ color: #73b24e !important; } a.inStock span{ } a.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: 0px; } .product .skuProperty .disabled{ display: none; } .product .skuPropertyLink{ text-decoration: none; text-align: center; line-height: 20px; padding: 4px 4px; font-size: 12px; display: block; } .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 .morePhoto{ display: block; } .product.last {padding-top: 30px;} .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; background: #ff4a00; color: #fff; width: 345px; margin: 0 auto; position: relative; padding-top: 30px; padding-bottom: 23px; } .product.last .icon{ display: inline-block; margin-bottom: 12px; text-align: center; background: #ff4a00; color: #fff; font-size: 33px; width: 45px; line-height: 45px; position: absolute; left: 50%; top: -19px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .product.last .ps{ font-size: 24px; } .product.last .value{ padding-left: 6px; font-size: 24px; } .product.last .small{ display: inline-block; width: 100%; } .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{ margin-bottom: 36px; } .mfeedback .errortext, .mfeedback .mf-ok-text{ font-weight: 400; font-size: 16px; } .mfeedback .mf-ok-text + form{ display: none; } .mfeedback .mf-text{ font-size: 14px; margin-top: 8px; } .mfeedback input, .mfeedback textarea{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular" , arial , sans-serif; margin-top: 8px; padding: 0 12px; height: 48px; border: 0px; } .mfeedback textarea{ padding-top: 12px; height: 150px; outline: none; resize: none; } .mfeedback input[type="submit"]{ cursor: pointer; padding: 0 48px; } #userPersonalInfoReg + label:before{ margin-top: -2px; } #userPersonalInfoReg.error + label:before{ border: 1px solid #ff0000 !important; } .bx-auth { margin-bottom: 36px; overflow: hidden; } .bx-auth .alert{ font-family: 'robotobold'; text-transform: uppercase; display: inline-block; margin-bottom: 24px; padding: 12px 48px; font-weight: 400; font-size: 12px; } .bx-auth .alert.small{ font-family: "roboto_ltregular"; line-height: 28px; max-width: 600px; font-size: 14px; } .bx-authform-label-container{ margin-bottom: 8px; } .bx-auth .bx-authform-description-container{ margin-bottom: 12px; } .bx-auth .bx-captcha{ margin-top: 28px; } .bx-auth .bx-authform-formgroup-container{ float: left; width: 450px; } .bx-auth .bx-authform-formgroup-container-line{ overflow: hidden; } .bx-auth .registerText{ padding-bottom: 24px; max-width: 800px; margin-top: 0px; display: block; } .bx-auth input{ font-family: "roboto_ltregular" , arial , sans-serif; font-size: 14px; } .bx-auth .leftContainer{ margin-right: 48px; float: left; } .bx-auth .rightContainer{ float: left; } .bx-auth .rightContainer p{ max-width: 450px; display: block; } .bx-auth input[type="checkbox"] + label, .bx-auth input[type="radio"] + label { cursor: pointer; } .bx-auth input[type="checkbox"]:not(checked), .bx-auth input[type="radio"]:not(checked) { position: absolute; opacity: 0; } .bx-auth input[type="checkbox"]:not(checked) + label, .bx-auth input[type="radio"]:not(checked) + label { position: relative; padding-left: 24px; } .bx-auth input[type="checkbox"] + label:before { background: url(/bitrix/templates/dresscodeV3/images/checkBox.png) 0 0 no-repeat transparent; } .bx-auth input[type="radio"] + label:before { background: url(/bitrix/templates/dresscodeV3/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: 12xp; 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: auto; border-radius:0; text-transform:uppercase } .popup-window-buttons .btn { line-height: 30px; background: #ff4a00; height: 40px; border-radius: 0; text-transform: uppercase; } .popup-window-buttons .btn.btn-primary { background:#202730 } .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; } #topSearch {display:block!important} /** #topSearchForm { width: 60%; float: right; } #topSearch{ display: block; background-color: transparent; padding-bottom: 0px; background-color: transparent; position: relative; line-height: 40px; min-width: 320px; height: 15px; margin-top: -15px;margin-right: 15px; width: 35%; z-index: 35; left: 0; float: right; } #topSearch input[type="text"] { background: #363636; height: 40px; } #topSearch input[type="submit"] { top: -62px !important; height: 40px; background:url(/bitrix/templates/.default/components/dresscode/search.line/template1/images/modalSearch.png) 0% 50% no-repeat!important; border:0; } **/ #searchQuery { background: #363636; } .catalog-item-links{ margin-bottom: 12px; } .catalog-detail{ margin-bottom: 12px; } .contactList { margin-bottom: 10px; margin-top: 0; overflow: hidden; list-style: none; background: #fff; border: 1px solid #e7e8ea; padding: 10px; } .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; } .webformModalContainer .webFormDescription { display:none; } .blurred1{ -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/dresscodeV3/images/sn.png) 0 0 no-repeat transparent; } .sn .fb{ background: url(/bitrix/templates/dresscodeV3/images/sn.png) -60px 0 no-repeat transparent; } .sn .od{ background: url(/bitrix/templates/dresscodeV3/images/sn.png) -120px 0 no-repeat transparent; } .sn .tw{ background: url(/bitrix/templates/dresscodeV3/images/sn.png) -180px 0 no-repeat transparent; } .sn .go{ background: url(/bitrix/templates/dresscodeV3/images/sn.png) -240px 0 no-repeat transparent; } .sn .yo{ background: url(/bitrix/templates/dresscodeV3/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/dresscodeV3/images/sprite.png) -45px -304px no-repeat transparent; position: fixed; cursor: pointer; display: none; bottom: 132px; height: 110px; width: 110px; right: 24px; z-index: 99; opacity: .8; } #upButton:hover{ opacity: 1; } #upButton:active{ opacity: 1; } #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/dresscodeV3/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-family: "roboto_ltregular"; margin-bottom: 12px; padding-left: 12px; width: 354px; height: 50px; border: 0; } #requestPrice input { background-color: #f3f3f3; color: #000000; } #requestPrice .personalInfoRequest{ margin-bottom: 12px; } #requestPrice input[type="checkbox"]{ vertical-align: middle; display: inline-block; margin-bottom: 0px; margin-right: 6px; margin-top: -2px; height: 14px; width: 14px; } #requestPrice input[type="checkbox"].error + label{ border-bottom: 1px solid #ff0000 !important; } #requestPrice textarea{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; margin-bottom: 12px; padding-left: 12px; padding-top: 12px; resize: none; width: 354px; height: 60px; border: 0; } #requestPrice textarea { background-color: #f3f3f3; } #requestPrice input:focus, #requestPrice textarea:focus{ background-color: #e9e9e9; outline: none; } #requestPrice #requestPriceSubmit{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; font-size: 14px; cursor: pointer; display: block; color: #ffffff; height: 50px; width: 354px; } #requestPrice #requestPriceSubmit:active{ position: relative; top: 1px; } #requestPrice #requestPriceSubmit.loading{ -webkit-transition: background 0s !important; -o-transition: background 0s !important; transition: background 0s !important; text-indent: 12px; opacity: 0.9; } #requestPrice #requestPriceSubmit.loading img{ display: none; } #requestPrice #requestPriceSubmit img{ vertical-align: middle; padding-right: 4px; margin-top: -2px; } #requestPrice .markerContainer{ position: absolute; top: 0px; left: 12px; } #requestPrice .error{ border: 1px solid #ff0000; } #smartFilter{ margin-top: 0px; background: #fff; } #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; } .clean{ position: relative; overflow: hidden; padding: 0 2px; } .limiter{ max-width: 1280px; min-width: 320px; margin: auto; clear: both; } .limiter .compliter > div[id*="bx_"] { width: 355px; padding-right: 24px; display: table-cell; vertical-align: top; } .limiter .compliter > div[id*="bx_"] #left{ padding-right: 0 } /* page styles */ .priceTableContainer{ max-width: 1000px; overflow-x: auto; min-width: 320px; } .priceTableStyle80{ border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .priceTableStyle80 th{ font-family: "robotomedium"; background-color: #f7f7f7; border: 1px solid #e4e4e4; font-weight: normal; padding: 12px 24px; } .priceTableStyle80 td{ border: 1px solid #e4e4e4; vertical-align: middle; padding: 12px 24px; text-align: left; color: #333333; } .mediumText{ font-family: "robotomedium"; } .pagePicture{ max-width: 100%; height: auto; } .skuPropertyValue.loading{ position: relative; } .skuPropertyValue.loading img{ opacity: 0; } .skuPropertyValue.loading:after { content: ""; display: block; width: 20px; height: 20px; position:absolute; top: 50%; margin-top: -10px; margin-left: -10px; left: 50%; background: url(/bitrix/templates/dresscodeV3/images/loaderMin.gif) 50% 50% no-repeat #fff; } #stores{ margin-top: 24px; font-size: 13px; } #stores .wrap{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; overflow: auto; } #stores .heading{ border-top: 1px solid #efefef; font-family: 'robotobold'; text-transform: uppercase; letter-spacing: 1px; padding: 36px 24px; font-weight: 800; font-size: 20px; display: block; } #stores .storeTable{ width: 100%; table-layout: fixed; border-collapse: collapse; min-width: 400px; } #stores .storeTable tr:nth-child(odd) td{ background-color: #f9f9f9; } #stores .storeTable th{ background-color: #f3f3f3; padding: 12px 24px; font-weight: 400; text-align: center; } #stores .storeTable td{ /*border-top: 1px solid #e7e8ea;*/ text-align: center; padding: 12px 24px; } #stores .storeTable .name{ text-align: left; width: 35%; } #stores .storeTable td.name{ text-align: left; } #stores .storeTable .lb{ display: inline-block; text-align: left; } #stores .storeTable .icon{ vertical-align: middle; padding-right: 6px; margin-top: -4px; } #stores .storeTable .green{ /*font-weight: 800;*/ color: #73b24e; } #stores .storeTable .red{ color: #ff0000; } #stores .storeTable .picture{ vertical-align: middle; padding-right: 12px; } #stores .storeTable a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: underline; color: #000000; } #stores .storeTable a:hover{ color: #888888; } #stores #storeMap{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 24px; padding: 0 24px; } #error404{ margin-bottom: 24px; text-align: center; } #error404 h1{ font-family: "roboto_thregular"; margin-bottom: 24px; text-align: center; line-height: 48px; font-size: 48px; } #error404 .errorPic{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom: 48px; text-align: center; margin-top: 48px; display: block; } #error404 .errorPic img{ max-height: 90%; max-width: 90%; } #error404 .errorPic:hover{ opacity: 0.8; } #error404 .errorText{ font-family: 'robotobold'; text-transform: uppercase; line-height: 28px; } #error404 .errorText a{ color: #ff9601; } #error404 #empty{ border-top: 1px solid #e5e5e5; margin-top: 48px; } #error404 #empty .emptyTitle{ text-align: center; margin-top: 48px; } #error404 #empty .emptyMenu a{ display: inline-block; width: 250px; text-align: left; } #middleSlider img{ width: 100%; } #modef{ left: 295px; } .slider_middle #slider ul li span, .slider_middle #slider .limiter{ height: 800px; } .slider_small #slider ul li span, .slider_small #slider .limiter{ height: 600px; } .slider_middle #slider ul li span, .slider_small #slider ul li span{ background-position: 50% 0; } .nbMobSearsh{display: none;} @media all and (max-width: 1920px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 540px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 420px; } } @media all and (max-width: 1600px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 450px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 380px; } } @media all and (max-width: 1366px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 480px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 350px; } } @media all and (max-width: 1440px) { .bx_page {max-width:860px} } @media all and (max-width: 1300px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 420px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 420px; } .bx_page {max-width:860px} } @media all and (max-width: 1200px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 400px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 400px; } .bx_page {max-width:860px} } @media all and (max-width: 1100px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 380px; } .bx_page {max-width:860px} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 380px; } } @media all and (max-width: 1024px){ .bx_page {max-width:860px} .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 350px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 350px; } } @media all and (max-width: 850px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 300px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 300px; } } @media all and (max-width: 768px) { .bx_page img { height:auto } .garanty_service .glyphicon { font-size: 10px; } #checkorreturn .glyphicon { font-size: 10px; position: absolute; right: 15px; top: 15px; color: #fff; background: #ff4a00; padding: 6px; border-radius: 50%; } .garanty_step { height: auto; } .garanty_step_number { display: none; } .ocb-form { width: 100%; height: auto; padding-left: 15px; } } @media all and (max-width: 700px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 280px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 280px; } #personalMenu li { margin-bottom: 5px; margin-right: 0px; float: none; text-align: center; background: #ff4a00; padding: 0px; } #personalMenu li a { color: #fff; font-size: 14px; display: block; padding-bottom: 0; padding: 5px; } #personalMenu li:hover { background: #1a1a1a; } #personalMenu li a:hover { color: #fff!important; } #personalMenu li .selected { color: #ff4a00 !important; border-bottom: 0; background: #fff; border: 2px solid #ff4a00; } } @media all and (max-width: 660px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 260px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 260px; } } @media all and (max-width: 480px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 220px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 220px; } } body.panels_white #homeCatalog .captionList{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: transparent; } 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{ border-right: 1px solid #e7e8ea; border-left: 1px solid #e7e8ea; background-color: #ffffff; 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; } @media all and (min-width: 1024px){ .menuContainerColor.color_white #mainMenuContainer{ border-bottom: 1px solid #f6f6f6; border-top: 1px solid #f6f6f6; background-color: #ffffff; } .menuContainerColor.color_gray #mainMenuContainer{ border-bottom: 1px solid #f6f6f6; border-top: 1px solid #f6f6f6; background-color: #fbfbfb; } .menuContainerColor.color_white #mainMenuContainer #mainMenu > li:first-child, .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li:first-child{ border-left: 1px solid #f6f6f6; } .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li:first-child{ border-color: rgba(255, 255, 255, 0.2); } .menuContainerColor.color_white #mainMenuContainer #mainMenu > li, .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li{ border-right: 1px solid #f6f6f6; } .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li{ border-color: rgba(255, 255, 255, 0.2); } .menuContainerColor.color_white #mainMenuContainer #mainMenu > li:hover{ background-color: #fbfbfb; } .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li:hover{ background-color: #ffffff; } .menuContainerColor.color_white #mainMenuContainer #mainMenu > li a, .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li a, .menuContainerColor.color_white #mainMenuContainer #mainMenu > li a:hover, .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li a:hover{ color: #000000; } .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li > a, .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li > a:hover{ color: #ffffff; } .menuContainerColor.color_white #menuCatalogSection, .menuContainerColor.color_gray #menuCatalogSection{ border-left: 1px solid #f6f6f6; } .menuContainerColor.color_theme #menuCatalogSection{ border-color: rgba(255, 255, 255, 0.2) } .menuContainerColor.color_white #menuCatalogSection .catalogButton{ background-color: #ffffff; color: #000000; } .menuContainerColor.color_gray #menuCatalogSection .catalogButton{ background-color: #fbfbfb; color: #000000; } .menuContainerColor.color_white #menuCatalogSection .catalogButton:hover, .menuContainerColor.color_theme #menuCatalogSection .catalogButton:hover, .menuContainerColor.color_gray #menuCatalogSection .catalogButton:hover{ opacity: 0.8; } .menuContainerColor.color_white #mainMenu .removedItemsLink .removedItemsList, .menuContainerColor.color_gray #mainMenu .removedItemsLink .removedItemsList{ background-color: #fbfbfb; } .menuContainerColor.color_white #mainMenu .removed, .menuContainerColor.color_gray #mainMenu .removed{ border-top: 1px solid #ffffff; } .menuContainerColor.color_theme #mainMenu .removed{ border-color: rgba(255, 255, 255, 0.2); } .menuContainerColor.color_theme #mainMenu .removed:hover a{ color: #ffffff; } .menuContainerColor.color_white #mainMenu .removed:hover, .menuContainerColor.color_gray #mainMenu .removed:hover{ background-color: #ffffff; } .menuContainerColor.color_white #mainMenu .removedItemsLink > a, .menuContainerColor.color_gray #mainMenu .removedItemsLink > a{ background-image: url(/bitrix/templates/dresscodeV3/images/menuSlicedIconW.png); } .menuContainerColor.color_white #menuCatalogSection .catalogButtonImage, .menuContainerColor.color_gray #menuCatalogSection .catalogButtonImage{ background-image: url(/bitrix/templates/dresscodeV3/images/catalogButtonW.png); } .menuContainerColor.color_white #menuCatalogSection .sectionMenuArrow, .menuContainerColor.color_gray #menuCatalogSection .sectionMenuArrow{ background-image: url(/bitrix/templates/dresscodeV3/images/sectionMenuArrowW.png); } } @media all and (max-width: 1800px) { body.panels_white #right .heading{ border-bottom: 0px; } } @media all and (max-width: 1000px) { #error404 .errorText{ display: none; } } /*#error404 .wrapper{ width: 1000px; margin: auto; }*/ .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; } .clear{ clear:both; } .hidden { display: none; } .hiddenZone{ display: none; } @media all and (max-width: 1920px) { #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ } } @media all and (max-width: 1600px) { #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 350px; } #slider .sliderContent, #slider .leftContainer{ left: 72px; } #slider .rightContainer{ right: 48px; left: unset; } #slider .centerContainer{ transform: translateX(-50%) translateY(-50%) !important; left: 50%; } } @media all and (max-width: 1500px) { #footerTabs .wrapper, #footerTabsCaption .wrapper, .limiter{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*#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; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 350px; } } @media all and (max-width: 1440px) { .product .price { font-size: 16px; } #catalogColumn .product{ width: 25% !important; /* height: 346px !important;*/ border: 0 !important; } #catalogColumn .product:nth-child(-n+4){ /*height: 346px !important;*/ border-top: 0 !important; } #catalogColumn .product:nth-child(4n+1){ border-left: 0 !important; } /*#catalogColumn .product:nth-child(-n+3){ height: 347px !important; }*/ #catalogColumn .product{ border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important; } #catalogColumn .product:nth-child(-n+3){ border-top: 1px solid #e7e8ea !important; } #catalogColumn .product:nth-child(3n+1){ border-left: 1px solid #e7e8ea !important; } #catalogColumn #catalogLineList .description{ display: none; } #catalogColumn #catalogLineList .prop{ width: 100%; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 350px; } } @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; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ } /* #catalogColumn .leftColumn{ width: 320px; }*/ } @media all and (max-width: 1500px) { #similar .product{ height: 346px !important; width: 33% !important; border: 0 !important; } } @media all and (max-width: 900px) { #similar .product{ height: 346px !important; width: 100% !important; border: 0 !important; } } @media all and (max-width: 1365px) { .product{ height: 346px; width: 25%; border: 0 !important; } .product:nth-child(-n+4){ height: 347px; } .product{ border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important; } .product:nth-child(-n+4){ border-top: 1px solid #e7e8ea !important; } .product:nth-child(4n+1){ border-left: 1px solid #e7e8ea !important; } #brandList .item, #popSection .item{ border: 0 !important; border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; width: 25% !important; } #popSection .item:nth-child(-n+4){ border-top: 1px solid #e7e8ea !important; } #brandList .item:nth-child(4n+1), #popSection .item:nth-child(4n+1){ border-left: 1px solid #e7e8ea !important; } #logo{ } #topService .city{ display: none; } #headerTools .wishlist .nf{ } #headerTools .compare .nf{ } #footer .nav > li{ width: 33.313131%; } #footer .nav > li:last-child{ display: none; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 350px; } #footer .rightTable .leftColumn{ display: none; } #rightFooter{ width: 23%; } #empty .emptyMenu li{ width: 50%; } #modef{ left: 301px; } #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight, #slider .sliderContent .bigTextLightColor{ line-height: 42px; font-size: 36px; } #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight{ line-height: 30px; font-size: 24px; } #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight{ line-height: 21px; font-size: 14px; } #slider .sliderContent{ max-width: 400px; } #slider .sliderContent br{ display: none; } #slider .sliderContent, #slider .leftContainer{ left: 24px; } #slider .rightContainer{ left: unset; right: 24px; } #slider .centerContainer{ transform: translateX(-50%) translateY(-50%); left: 50%; } /* #homeCatalog .captionList{ background: #ffffff; }*/ } @media all and (max-width: 1280px) { .global-block-container{ min-height: auto !important; } .global-block-container .global-information-block{ display: none; } } @media all and (max-width: 1200px) { #homeCatalog .item:nth-child(2n){ border-right: 0; } #homeCatalog .item{ width: 50%; } #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 .priceLabel{ display: none; } #catalogLineList .column:last-child .article{ display: none; } #catalogTableList .column:nth-child(7){ display: none; } #homeCatalog .item:nth-child(5n){ border-right: 1px solid #e7e8ea; } #homeCatalog .item:nth-child(4n){ border-right: 1px solid #e7e8ea; } #homeCatalog .item:nth-child(3n){ border-right: 1px solid #e7e8ea; } #catalogLineList .column:last-child{ background-color: #f9f9f9; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 430px; } } @media all and (max-width: 1100px) { #homeCatalog{ margin-top: 24px; } .product{ height: 355px !important; width: 33.33333% ; border: 0 !important; } .product:nth-child(-n+4){ height: 357px !important; border-top: 0 !important; } .product:nth-child(4n+1){ border-left: 0 !important; } .product:nth-child(-n+3){ height: 355px !important; } .product{ border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important; } .product:nth-child(-n+3){ border-top: 1px solid #e7e8ea !important; } .product:nth-child(3n+1){ border-left: 1px solid #e7e8ea !important; } #brandList .item, #popSection .item{ width: 33.33333% !important; border: 0 !important; border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; } #popSection .item:nth-child(-n+3){ border-top: 1px solid #e7e8ea !important; } #brandList .item:nth-child(3n+1), #popSection .item:nth-child(3n+1){ border-left: 1px solid #e7e8ea !important; } #brandList .item:nth-child(4n+1), #popSection .item:nth-child(4n+1){ border-left: 0px !important; } #brandList .item:nth-child(-n+4), #popSection .item:nth-child(-n+4){ border-top: 0 !important; } #catalogLineList .description{ display: none; } #catalogLine .column:last-child .label{ display: none; } #catalogLineList .prop{ width: 100%; } #catalogTableList .column:nth-child(4){ display: none; } #catalogColumn .product{ /*height: 346px !important;*/ height: 394px !important; width: 50% !important; border: 0 !important; /* clear old */ } #catalogColumn .product:nth-child(-n+3){ height: 346px !important; border-top: 0 !important; } #catalogColumn .product:nth-child(3n+1){ border-left: 0 !important; } #catalogColumn .product:nth-child(-n+2){ height: 357px !important; } #catalogColumn .product{ border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important; } #catalogColumn .product:nth-child(-n+2){ border-top: 1px solid #e7e8ea !important; } #catalogColumn .product:nth-child(2n+1){ border-left: 1px solid #e7e8ea !important; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 410px; } } @media all and (max-width: 1100px) and (min-width: 900px) { .product:nth-child(3n+1).last, #popSection .item:nth-child(3n+1).last, #brandList .item:nth-child(3n+1).last{ line-height: 70px !important; height: 70px !important; width: 100% !important; } .product:nth-child(3n+1).last .icon, #popSection .item:nth-child(3n+1).last .icon, #brandList .item:nth-child(3n+1).last .icon{ display: none; } .product:nth-child(3n+1).last .small, #popSection .item:nth-child(3n+1).last .small, #brandList .item:nth-child(3n+1).last .small{ display: none; } } @media all and (max-width: 1024px) { #catalog-section-banners{ display: none; } #colorSwitcher{ display: none !important; } #slider .sliderBtnRight, #slider .sliderBtnLeft{ display: none; } #mainMenuContainer .minCatalogButton{ display: block; } #mainMenuContainer{ /*background: transparent;*/ height: auto; } #mainMenuContainer .limiter{ } #mainMenu{ background-color: #2b2b2b; display: none; height: auto; } #mainMenu li{ border-top: 1px solid #222222; line-height: 21px; float: none; } #mainMenu li:first-child{ border: 0; } #mainMenu li a{ padding: 18px 24px; display: block; } #middleSlider{ display: none; } #menuCatalogSection{ display: none; } #bestsellers{ margin-top: 0; } #footer .top .left, #headerTools .nf, .product:hover .fastShow{ } .drop{ display: none !important; } #rightFooter{ display: none; } #smartFilter .heading{ cursor: pointer; } #nextSection ul{ display: none; } #nextSection .title{ cursor: pointer; } #smartFilterForm{ display: none; } #smartFilterForm .slider{ display: none; } #modef{ display: none !important; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 380px; } .product .getFastView, #catalogLineList .picture .getFastView{ display: none !important; } #appFastView{ display: none !important; } #fastViewStores{ display: none !important; } a.inStock span{ border: 0 !important; } #slider ol{ } #slider .slideVideo{ display: none; } #slider .videoPoster { display: block; } .templateSwitcherSettings, .templateSwitcher{ display: none !important; } } @media all and (max-width: 850px) { #topHeading{ display: none; } #leftFooter .column{ width: 50%; } #leftFooter .column:last-child{ } #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; } .product{ height: 346px !important; width: 50%; border: 0 !important; /* clear old */ } .product:nth-child(-n+3){ height: 346px !important; border-top: 0 !important; } .product:nth-child(3n+1){ border-left: 0 !important; } .product:nth-child(-n+2){ height: 347px !important; } #brandList .item, #popSection .item{ width: 50% !important; border: 0 !important; } #brandList .item:nth-child(3n+1), #popSection .item:nth-child(3n+1){ border-left: 0px !important; } #brandList .item:nth-child(-n+4), #popSection .item:nth-child(-n+4){ border-top: 0 !important; } #headerTools .nf{ } #catalogLine .column:last-child .label{ display: none; } .product{ border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important; } .product:nth-child(-n+2){ border-top: 1px solid #e7e8ea !important; } .product:nth-child(2n+1){ border-left: 1px solid #e7e8ea !important; } #brandList .item, #popSection .item{ border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; } #popSection .item:nth-child(-n+2){ border-top: 1px solid #e7e8ea !important; } #brandList .item:nth-child(2n+1), #popSection .item:nth-child(2n+1){ border-left: 1px solid #e7e8ea !important; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 330px; } #modef{ display: none !important; } } @media all and (max-width: 800px) { #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight, #slider .sliderContent .bigTextLightColor{ line-height: 30px; font-size: 24px; } #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight{ line-height: 24px; font-size: 18px; } #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight{ line-height: 21px; font-size: 14px; } } @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 .limiter, #slider .videoPoster{ height: 200px; } #footerTabs .wrapper, #footerTabsCaption .wrapper, .limiter{ padding: 0px 12px; margin: 0px; } #mainMenuContainer .limiter{ padding: 0px; } #topMenu{ margin-left: 12px; } #logo { border-right: 0; } #topSearch form{ box-sizing: border-box; } #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; } #catalogLine .column:nth-child(2){ display: none; } .copyright img{ display: none; } .copyright{ display: block; width: 60px; height: 60px; background: url(/bitrix/templates/dresscodeV3/images/sn.png) -360px -0px no-repeat transparent; } .copyright:hover{ background-position: -360px -60px; } #catalogLineList .resizeColumn{ width: 40%; } #catalogLineList .column .resizeColumn.last{ width: 20%; } #catalogLineList .column:last-child .optional .label{ width: 100% } #catalogLineList .column:last-child .optional .label:first-child{ display: none; } #catalogLineList .column:last-child .priceLabel{ display: none; } #catalogTableList .column:nth-child(8){ display: none; } #appBasket{ display: none !important; } #overlap{ display: none !important; } .blurred{ -webkit-filter: blur(0px) !important; -moz-filter: blur(0px) !important; -ms-filter: blur(0px) !important; -o-filter: blur(0px) !important; filter: blur(0px) !important; } #upButton{ display: none !important; } #newsContainer .column .item .bigPicture{ width: 100%; float: none; } #catalogSection .sectionItems .item .itemContainer .description{ display: none; } div.mf-name, div.mf-email, div.mf-captcha, div.mf-message{ width: 100%; } .product .row:first-child{ display: none; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 310px; } } @media all and (max-width: 660px) { #footer{ padding-top: 0px; } #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%; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 290px; } } @media all and (max-width: 500px) { .top-auth-personal, .top-auth-exit, .top-auth-login, .top-auth-register{ border: none !important; position: absolute; top: 0px; } .top-auth-personal, .top-auth-login{ left: 12px; z-index:999;padding-left: 50px!important; } .top-auth-exit{ left: 120px; padding-left: 50px!important; } .top-auth-register{ left: 52px; padding-left: 50px!important; } #headerTools{ border: none; } #headerTools .telephone{ line-height: 21px !important; border: none !important; position: absolute; padding: 0px; right: 0px; } #headerTools .telephone .callBack{ display: none; } #headerTools .telephone .nf{ margin: 0; float: none; display: block; } #headerTools .telephone .nf .heading{ display: none; } #headerTools .telephone .nf .heading:first-child{ font-family: "robotomedium"; font-size: 14px; display: block; color: #ff4800;text-decoration:none; } #headerTools .tools li{ border: none !important; } #headerTools .tools .cart{ padding: 0px; } #topService, #topHeader.color_theme #topMenu, #topHeader.color_theme #topService, #topHeader.color_black #topMenu, #topHeader.color_black #topService{ border: none; } #topHeader.color_theme #topService li, #topHeader.color_black #topService li, #topService li{ padding: 0px; border: none; } #logo{ line-height: 75px; /*height: 75px;*/ border: none; } #headerTools .tools li{ line-height: 75px; } #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; } #topHeader #topMenu{ border: none; z-index: 1000; position: relative; } #topMenu .bar{ padding: 0px; } #topSearch input[type="text"]{ font-size: 14px; } #topSeachCloseForm{ font-size: 13px; } .user-geo-position{ padding-right: 0px; } } @media all and (max-width: 486px) { #catalogLine .column:last-child{ display: none; } } @media all and (max-width: 480px) { /* #homeCatalog .limiter{ padding: 0px; margin: 0px; }*/ #brandList .heading{ padding-bottom: 24px; } .sale .product.sku { width:100%; /*height: 370px !important;*/ height: auto!important; } .sale .product .tabloid { /*height: 368px !important;*/ height: auto !important; } .product{ height: 357px !important; border: 0 !important; /* clear old */ } .product:nth-child(-n+3){ height: 357px !important; border-top: 0 !important; } .product:nth-child(3n+1){ border-left: 0 !important; } .product:nth-child(-n+1){ height: 357px !important; } .product{ border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important; } .product:nth-child(-n+1){ border-top: 1px solid #e7e8ea !important; } .product:nth-child(1n+1){ border-left: 1px solid #e7e8ea !important; } #brandList .item, #popSection .item{ width: 100% !important; border: 0 !important; /* clear old */ } #popSection .item:nth-child(-n+2){ border-top: 0px !important; } #brandList .item, #popSection .item{ border-bottom: 1px solid #e7e8ea !important; border-left: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important; } #brandList .item:nth-child(3n+1), #popSection .item:nth-child(3n+1){ border-left: 1px solid #e7e8ea !important; } #popSection .item:first-child{ border-top: 1px solid #e7e8ea !important; } #homeCatalog{ margin-top: 12px; } #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){ margin-top: 0px; } #catalogTableList .column{ text-align: center; display: block; } #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; } #catalogColumn .product{ /*height: 346px !important;*/ height: 394px !important; width: 100% !important; border: 0 !important; } #catalogColumn .product:nth-child(-n+3){ height: 346px !important; border-top: 0 !important; } #catalogColumn .product:nth-child(3n+1){ border-left: 0 !important; } #catalogColumn .product:nth-child(-n+1){ height: 347px !important; } #catalogColumn .product{ border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important; } #catalogColumn .product:nth-child(-n+1){ border-top: 1px solid #e7e8ea !important; } #catalogColumn .product:nth-child(1n+1){ border-left: 1px solid #e7e8ea !important; } #slider{ width: 100%; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 250px; } #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; right: unset; left: unset; width: 100%; } #slider .sliderContent .smallText{ display: none; } #slider ul li span { -webkit-transition: 1s -webkit-filter linear; transition: 1s filter linear; } #slider ul li span:hover { transform: scale(1); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); -webkit-filter: blur(0px); filter: blur(0px); } #leftFooter .heading{ } #leftFooter ul{ } #leftFooter .column{ padding-right: 0px; } #footerBottom .creator{ text-align: center; float: none; } #homeCatalog .captionList .cItem:first-child .caption{ border-left: none; } #homeCatalog .captionBtnRight{ display: none; } #homeCatalog .captionBtnLeft{ display: none; } } @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{ } #requestPrice .requestPriceFormHeading{ margin-top: 32px; } } @media all and (max-width: 400px) { #logo{ width: 150px; } } @media all and (max-width: 360px) { #catalogLine{ display: none; } #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/dresscodeV3/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/dresscodeV3/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/dresscodeV3/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-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: 256px; top: 0px } .global-information-block-hide-scroll{ padding-right: 24px; max-height: 100vh; overflow: hidden; width: 320px; } .global-information-block-hide-scroll-cn{ width: 280px; } .global-information-block.max-scroll .global-information-block-cn{ position: absolute; bottom: 0px; top: auto; } .information-heading{ margin-bottom: 12px; font-size: 24px; font-weight: bold; } .information-text{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 12px; color: #767676; font-size: 18px; } .information-list-item{ border: 1px solid #ededed; border-radius: 2px; padding: 12px 12px; margin-top: 24px; background: #fff; color: #282828; font-size: 18px; } .information-item-icon{ padding-right: 18px; 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;ma 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; } .tb{ border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } .tc{ vertical-align: middle; display: table-cell; } #catalog-section-banners{ margin: 0px 0px 24px 0px; clear: both; } #catalog-section-banners li{ list-style: none; } #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/dresscodeV3/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/dresscodeV3/images/slideButtonSect.png) -18px 0 no-repeat transparent; } #catalog-section-banners ol li:active{ background: url(/bitrix/templates/dresscodeV3/images/slideButtonSect.png) -36px 0 no-repeat transparent; } #catalog-section-banners ol li.selected{ background: url(/bitrix/templates/dresscodeV3/images/slideButtonSect.png) -54px 0 no-repeat transparent; } #catalog-section-banners ol li.selected:hover{ background: url(/bitrix/templates/dresscodeV3/images/slideButtonSect.png) -72px 0 no-repeat transparent; } #catalog-section-banners ol li.selected:active{ background: url(/bitrix/templates/dresscodeV3/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/dresscodeV3/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; } #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: -175px; text-align: center; position: fixed; z-index: 99999; height: 450px; 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/dresscodeV3/images/setting.png) 50% 50% no-repeat transparent; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; vertical-align: middle; display: inline-block; height: 24px; width: 24px; } #colorSwitcher:hover .settingTouchPicture{ transform: rotate(360deg); } #colorSwitcher .title{ text-transform: uppercase; font-family: 'robotobold'; text-align: center; margin-top: 12px; } #colorSwitcher .items{ text-align: center; margin-top: 12px; overflow: hidden; } #colorSwitcher .item{ margin-bottom: 12px; margin-left: 12px; height: 48px; width: 48px; float: left; } #colorSwitcher .item:nth-child(3n+1){ /*margin-left: 0px;*/ } #colorSwitcher .menuSelect{ margin-top: 12px; } #colorSwitcher .menuSelect sel ect{ -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 .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/dresscodeV3/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; } .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; } .sale_order_full_table input[name="BuyButton"]{ margin-bottom: 24px; } #bx-soa-order * { -webkit-box-sizing: border-box !Important; -moz-box-sizing: border-box !Important; box-sizing: border-box !Important; } .microdata{ display: none; } .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/dresscodeV3/images/setting.png) 50% 50% no-repeat transparent; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; vertical-align: middle; display: inline-block; height: 198px; width: 51px; } .templateSwitcher .switcherList{ overflow: hidden; } .templateSwitcher .switcherListItem{ background-color: #ffffff; border: 1px solid #ff9601; display: inline-block; border-radius: 2px; text-align: center; line-height: 40px; height: 40px; } .templateSwitcher .switcherListItem:hover{ border-color: #ffa800; } .templateSwitcher .switcherListItem.active{ background-color: #ff9601; color: #ffffff; } .templateSwitcher .switcherListItem.active a{ color: #ffffff; } .templateSwitcher .switcherListItem:first-child{ margin-right: 12px; } .templateSwitcher .switcherListItem a{ text-decoration: none; padding: 0 24px; color: #ff9601; display: block; } .templateSwitcher .switcherListItem a:active{ position: relative; top: 1px; } .templateSwitcher .switcherHeading{ font-family: "robotomedium"; margin-bottom: 18px; padding: 0 24px; font-size: 16px; } .templateSwitcher .switcherBigHeading{ border-bottom: 1px solid #f3f3f3; text-transform: uppercase; padding-bottom: 24px; margin-bottom: 24px; padding-right: 24px; padding-left: 24px; font-size: 18px; } .templateSwitcher .switcherBigHeading .switcherClose{ text-decoration: none; margin-top: -1px; font-size: 21px; color: #ff0000; float: right; } .templateSwitcher .switcherBigHeading .switcherClose:hover{ opacity: 0.7; } .templateSwitcher .switcherBigHeading .switcherClose:active{ position: relative; top: 1px; } .templateSwitcher .switcherHeading2{ font-family: "robotomedium"; margin-bottom: 12px; padding: 0 24px; } .templateSwitcher .switcherRowBlock{ border-top: 1px solid #f3f3f3; padding-top: 24px; margin-top: 24px; } .templateSwitcher .switcherSelect{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f3f3f3; cursor: pointer; padding: 0 12px; outline: none; height: 40px; width: 90%; } .templateSwitcher .switcherIcons{ margin-bottom: 24px; } .templateSwitcher .switcherDescription{ font-size: 13px; color: #888888; } .templateSwitcher .switcherBackgroundItems{ text-align: center; overflow: hidden; } .templateSwitcher .switcherThemes{ margin-top: 24px; overflow: hidden; } .templateSwitcher .switcherThemesItem{ display: inline-block; margin-bottom: 12px; margin-left: 12px; height: 30px; width: 30px; } .templateSwitcher .switcherBackgroundItem{ display: inline-block; height: 30px; width: 30px; } .templateSwitcher .switcherBackgroundItem:first-child{ margin-right: 12px; } .templateSwitcher .switcherThemesItem a, .templateSwitcher .switcherBackgroundItem a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 2px; display: block; height: 30px; width: 30px; } .templateSwitcher .switcherThemesItem a:active, .templateSwitcher .switcherBackgroundItem a:active{ position: relative; top: 1px; } .templateSwitcher .switcherThemesItem.selected a, .templateSwitcher .switcherBackgroundItem.selected a{ background-image: url(/bitrix/templates/dresscodeV3/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 { fr om { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { fr om { 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; } } .slideBox div.caption.selected { } #requestPrice #requestPriceSubmit, #requestPrice #requestPriceResultClose, #compareBlock .leftTools .all, #compareTools .hide, #scrollTable .addCart, #scrollTable .addSku, #specialProduct .specialTimeItem, #specialProduct .more, #slider .sliderContent .cButton { background-color: #ff4a00!important; } .product .addCart { background-color: #ff4a00!important; } .product .addCart:hover { background-color: #ff4a00!important; } #set_filter { background-color: #ff4a00!important; } #set_filter, #del_filter { line-height: 40px; } #newsContainer .column .item .more:hover, .mainServiceContainer .item .more { } #rightFooter .showMap { color: #ff4a00!important; } .footerMenu a.selected { color: #ff4a00!important; } .footerMenu a:hover { color: #ff4a00!important; } #headerTools .tools .link:hover { } #main .limiter { padding:0 15px; } #headerTools .tools .link { color: #ff4a00; } #topHeader #topMenu li a:hover { color: #ff4a00!important; } .foundation a:hover { color: #ff4a00!important; } #mainMenu > li > a:hover { color: #fff!important; } #menuCatalogSection .drop ul li .container:hover a { color: #ff4a00!important; } #elementTools .addCart, #smallElementTools .addCart { background: #ff4a00!important; } .product .middle:hover { color: #ff4a00!important; } #appFastView .addCart, #geo-location-window .geo-location-window-button { background: #ff4a00!important; } .btn-buy { float:left } .btn-buy,._buy { width: 49%; display: inline-block; } ._buy { float:right; } .addCart { color:#fff; padding: 10px 0px; text-transform: uppercase; text-decoration:none; text-align:center; display: block; background-image: linear-gradient(to left,transparent,transparent 50%,#ef2b2b 50%,#f5170f); background-position: 0 0; background-size: 200% 100%; transition: all .15s ease-in; font: normal normal 14px 'roboto_cnregular'; border: 1px solid #ff4a00; border-radius: 4px; } .addCart:hover { background-image: linear-gradient(to left,transparent,transparent 50%,#ff4a00 50%,#ff4a00); color:#fff; text-decoration:none } .addCart.added { color:#fff; padding: 10px 0px; text-transform: uppercase; text-decoration:none; text-align:center; display: block; background: #abc212!important; background-position: 0 0; background-size: 200% 100%; transition: all .15s ease-in; font: normal normal 14px 'roboto_cnregular'; border: 1px solid #abc212; border-radius: 2px!important; } .addCart:hover .icon { } #flushFooterCart .active { color:#ff4a00!important; } #flushFooterCart .active .mark { color:#ff4a00!important; } span::selection { background: #ff4a00!important; } span::-moz-selection { background: #ff4a00!important; } a::selection { background: #ff4a00!important; } a::-moz-selection { background: #ff4a00!important; } p::selection { background: #ff4a00!important; } p::-moz-selection { background: #ff4a00!important; } img::selection { background: #ff4a00!important; } img::-moz-selection { background: #ff4a00!important; } div::selection { background: #ff4a00!important; } div::-moz-selection { background: #ff4a00!important; } .w-item { cursor:pointer; } @media (max-width: 1000px) { .test { width: 100%!important; } .w-item { padding: 5px 5px!important; } } #appBasket .lower .tools .continue a, #appBasket .lower .tools .goToBasket a { background: #ff4a00!important; } #foundation .limiter { } #fastBuyFormSubmit { background: #ff4a00!important; } .appFastViewInformationColumn .disabled { display:none!important; } @media (max-width: 1000px) { #headerTools .tools li { padding: 0 5px; } } .bx-pagination .bx-pagination-container ul li.bx-active span { background: #ff4a00; } @media (min-width: 770px) and (max-width: 990px) { #logo { width: 40%!important; margin-left: 0px; } } @media (max-width: 760px) { #logo { } } @media all and (max-width: 1200px) { #mainMenuContainer .minCatalogButton{ display: block; } #mainMenuContainer{ /*background: transparent;*/ height: auto; } #mainMenuContainer .limiter{ } #mainMenu{ background-color: #2b2b2b; display: none; height: auto; } #mainMenu li{ border-top: 1px solid #222222; line-height: 21px; float: none; } #mainMenu li:first-child{ border: 0; } #mainMenu li a{ padding: 18px 24px; display: block; } #middleSlider{ } #menuCatalogSection{ } } @media all and (max-width: 1000px) { #elementSmallNavigation a { font-size: 11px; } #elementProperties { width:100%; } #elementProperties table { width:100%!important; min-width: 100%!important; } } @media all and (max-width: 800px) { #elementSmallNavigation a { font-size: 9px; } } @media all and (max-width: 1100px) { #elementProperties { width:100%; } #elementProperties table { width:100%!important; min-width: 100%!important; } } .bx-authform .btn-primary { -webkit-appearance: none;border:none!important;cursor:pointer!important;border-radius: 4px!important;background-color: #ff4a00!important; padding: 10px; color: #fff; } #fastBuyResultClose { background-color: #ff4a00!important; } #fastBuyResultClose:hover { background-color: #ff4a00!important; } .sendWebFormDw { background-color: #ff4a00!important; } .sendWebFormDw:hover { background-color: #ff4a00!important; } @media all and (max-width: 1000px) { .u2 { margin-left: 0px; border: solid 1px #ff4a00!important; text-align: center; padding-bottom: 0px; padding-top: 0px; } .ocb-form .ocb-form-wrap #ocb-params input[type="text"], .ocb-form .ocb-form-wrap #ocb-params textarea { width:95%; } } @media all and (max-width: 1000px) { .bg_table table tr td { padding-left: 7px; } } .information-feedback:hover, .shop-review-top-new-button:hover { border: 1px solid #ff4a00; color: #ff4a00; } .information-feedback, .shop-review-top-new-button { border: 1px solid #ff4a00;; color: #ff4a00;; } #personalMenu li a:hover { color: #ff4a00;; } #main input[name="BuyButton"], #main input[type="submit"] { background: #ff4a00!important; color:#fff; } .sale-paysystem-button-container { padding: 10px 0; display: inline-block; width: 100%; text-align: center; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-page.bx-soa-page-confirm .bx-soa-page-block-content { display: inline-block; padding: 30px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-page.bx-soa-page-confirm .bx-soa-page-payment-addition { margin-top: 20px; padding: 0; background:#fbfbfb; } #modef { background: #ff4a00!important; } #appFastBuyContainer { height: 570px !important; } .bx-yandex-map {box-sizing: border-box;} .nbWishList {display: none;position: absolute;background: #fff;} /*desktops*/ @media (max-width: 1200px) { } /*tablets*/ @media (max-width: 991px) { } /*phones*/ @media (max-width: 767px) { #mainMenu {position: static !important} /*#mainMenuContainer {height: calc(100vh - 115px);}*/ #mainMenuContainer:after {content: '';display: block;height: 50px;background: #fff;} ._menuOpen body, ._menuOpen2 body {overflow: hidden;height: 100vh;-webkit-overflow-scrolling: touch;} .visible-xs-block {display: block !important; width: auto !important;} } #searchProductsClose { left:24px!important; } .top-auth-login a {position: relative;padding-left: 40px;} .top-auth-login a:before {content: '';display: block;background: url(/bitrix/templates/dresscodeV3/images/sprite.png) -30px -125px no-repeat;width: 40px;height: 40px;position: absolute;left: 0;top: 0;} .top-auth-register a {position: relative;padding-left: 40px;} .top-auth-register a:before {content: '';display: block;background: url(/bitrix/templates/dresscodeV3/images/sprite.png) -80px -125px no-repeat;width: 40px;height: 40px;position: absolute;left: 0;top: 0;} .nbSearch {float: right;} .nbSearch__btn {display: block;width: 67px;height: 67px;position: relative;display:none} .nbSearch__btn:before { content: ''; display: block; background: url(/bitrix/templates/dresscodeV3/images/sprite.png) -130px -130px no-repeat; width: 40px; height: 40px; position: absolute; left: 50%; top: 40%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } #leftFooter .column._contacts {padding-left: 100px;} #leftFooter .column._contacts .telephone {position: relative;padding-left: 55px;color: #949494;font-size: 18px;line-height: 40px;margin-bottom: 13px;} #leftFooter .column._contacts .telephone:before {content: '';display: block;width: 40px;height: 40px;background: url(/bitrix/templates/dresscodeV3/images/sprite.png) no-repeat -130px -180px;position: absolute;left: 0;top: 0;} #leftFooter .column._contacts .email {position: relative;padding-left: 55px;color: #949494;font-size: 18px;line-height: 40px;margin-bottom: 18px;} #leftFooter .column._contacts .email:before {content: '';display: block;width: 40px;height: 40px;background: url(/bitrix/templates/dresscodeV3/images/sprite.png) no-repeat -80px -180px;position: absolute;left: 0;top: 0;} #leftFooter .column._contacts .email a {display: inline;margin: 0;padding: 0;font-size: 18px;} #leftFooter .column._contacts .workTime {position: relative;padding-left: 55px;color: #949494;font-size: 18px;} #leftFooter .column._contacts .workTime:before {content: '';display: block;width: 40px;height: 40px;background: url(/bitrix/templates/dresscodeV3/images/sprite.png) no-repeat -30px -230px;position: absolute;left: 0;top: 0;} #leftFooter .column._catalog {padding-left: 105px;} #leftFooter .column._service {padding-left: 15px;} .contactCont {margin-left: -55px;} .socialBlock {margin: 0;padding: 0; list-style: none;} .socialBlock li {display: block;float: left;} .socialBlock a {display: block;background: url(/bitrix/templates/dresscodeV3/images/sprite.png) no-repeat;width: 45px;height: 45px;} .socialBlock a.vk {background-position: -127px -425px;} .socialBlock a.vk:hover {background-position: -127px -477px;} .socialBlock a.go {background-position: -83px -425px;} .socialBlock a.go:hover {background-position: -83px -476px;} .socialBlock a.yo {background-position: -28px -425px;} .socialBlock a.yo:hover {background-position: -28px -476px;} .infoBlock { float: left; position: relative; padding-left: 121px; font-size: 14px; margin-right: 100px; width: 33%; } .infoBlock:after {content: '';display: block;width: 108px;height: 160px;background: url(/bitrix/templates/dresscodeV3/images/bearSmall.png) no-repeat;float: left;margin-right: 15px;position: absolute;left: 0;top: -64px;} .bottomAddr {float: left;font-size: 15px;position: relative;padding-left: 50px;width: 33%;} .bottomAddr:before {content: '';display: block;background: url(/bitrix/templates/dresscodeV3/images/sprite.png) no-repeat -80px -230px;width: 40px;height: 40px;position: absolute;left: 0;top: 0;} .bottomAddr a {color: #ff4a00;} .bottomAddr__link {padding-top: 25px;} .contentRow {} .contentRow:after {content: '';display: block;clear: both;} .contentCol {float: left;} .contentCol._left {width: 74%;} .contentCol._right { width: 26%; padding-left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bannerNews {background: url(/bitrix/templates/dresscodeV3/images/newsXiaomi.jpg) no-repeat center;display: block;width: 278px;height: 183px;margin-bottom: 17px;} .bannerReviews {background: url(/bitrix/templates/dresscodeV3/images/reviewsBanner.png) no-repeat center;display: block;width: 281px;height: 183px;margin-left: -3px;} .mainPageTextBlock {} .mainPageTextBlock:after {content: '';display: block;clear: both;} .mainPageTextBlock__outer {background: #f8f8f8;padding: 40px 0; margin-bottom: 50px;} .mainPageTextBlock__col {float: left;} .mainPageTextBlock__col._left {width: 28%;} .mainPageTextBlock__col._right {width: 72%;} .mainPageTextBlock h2, .mainPageTextBlock__title {font-family: 'PT Sans', sans-serif;font-size: 24px;margin-bottom: 15px;line-height: 28px; color: #101010;} .mainPageTextBlock__text {font-size: 18px;color: #111;} .mainPageTextBlock__text a {color: #ff4a00;} .body__title {text-align: center;font-size: 28px;color: #202730;text-decoration: none;font-family: 'roboto_cnregular';text-transform: uppercase;line-height: 37px;margin-bottom: 35px;} .customSlider .product:nth-child(1), .customSlider .product:nth-child(2), .customSlider .product:nth-child(3), .customSlider .product:nth-child(4), .customSlider .product:nth-child(5) {height: 375px} .customSlider {padding-top: 65px;position: relative;margin-top: -65px !important;} .customSlider .bx-viewport {border-right: 1px solid #e7e8ea;} .customSlider .bx-has-controls-direction {position: absolute;top: -6px;text-align: right;width: 100%;} .customSlider .bx-controls-direction a {display: inline-block;width: 50px;height: 40px;text-align: left;text-indent: -9999px;margin-left: 10px;/*border: 1px solid #e7e8ea;*/} .customSlider .bx-controls-direction a:hover {opacity: .7;} .customSlider .bx-controls-direction .bx-prev {background: url(/bitrix/templates/dresscodeV3/images/sprite.png) no-repeat -108px -680px;} .customSlider .bx-controls-direction .bx-next {background: url(/bitrix/templates/dresscodeV3/images/sprite.png) no-repeat -142px -680px;} .customSlider .productList .product .optional {border-top: none;} .sticker {width: 65px;height: 65px;position: absolute;z-index: 99;left: 10px;top: 10px;} .sticker._novinki {background: url(/bitrix/templates/dresscodeV3/images/sprite.png) no-repeat -18px -570px;} .sticker._rekomenduem {background: url(/bitrix/templates/dresscodeV3/images/sprite.png) no-repeat -120px -570px;} .sticker._rasprodazha {background: url(/bitrix/templates/dresscodeV3/images/sprite.png) no-repeat -18px -670px;} .stickerCont {top: 30px;position: absolute;left: 5px;} .sticker__item {background-size: contain;width: 50px;height: 50px;} .pseudoArrow { display: inline-block; border: 5px solid transparent; border-left-color: black; position: relative; margin-left: 10px; } .pseudoArrow:before {content: '';display: block;height: 2px;width: 15px;background: black;position: absolute;left: -20px;top: 50%;margin-top: -1px;} .pseudoArrow:after {content: ''; display: block;height: 10px;width: 2px;background: black;position: absolute;left: -20px;;top: -10px;} .name._dop .pseudoArrow {margin-left: 50px;} .dopBasket ._dop {padding: 5px 14px;} .mainService__inner {position: relative;padding-top: 40px;margin-top: -40px;} .mainServiceContainer {padding-top: 15px;} .mainService__direction {position: absolute;top: 0;text-align: right;width: 100%;} .mainService .btnLeft, .mainService .btnRight { position: static; display: inline-block; /*border: 1px solid #e7e8ea;*/ width: 50px; height: 40px; } .mainService .btnLeft {background: url(/bitrix/templates/dresscodeV3/images/sprite.png) no-repeat -108px -680px;} .mainService .btnRight {background: url(/bitrix/templates/dresscodeV3/images/sprite.png) no-repeat -142px -680px} .mainPageTextBlock__title._hideDesktop {display: none;} .body__mobilePhone {display: none;text-align: center;} .body__mobilePhone .wrap {font-family: 'Roboto Condensed', sans-serif;font-weight: bold;font-size: 24px;margin-bottom: 5px;} #menuCatalogSection .drop ul {margin: 0;} #menuCatalogSection .drop ul li {width: 33.3333%;text-align: left;height: 120px;margin-top: 0;} #menuCatalogSection .drop ul li:after {content: '';display: block;clear: both;} #menuCatalogSection .drop ul li .picture {float: left;margin-right: 15px;margin-left: 30px;height: 90px;} #menuCatalogSection .drop ul li .menuLink {display: table-cell;height: 90px;vertical-align: middle; width: 500px;} #menuCatalogSection .drop ul li svg {max-width: 100%;max-height: 100%;} #menuCatalogSection .drop ul li .container {vertical-align: top;} #foundation .drop .limiter {padding-bottom: 0;} .callBackTitle {text-align:center;text-transform: uppercase;font-size: 24px;font-weight: bold;padding: 75px 0 0;font-size: 34px; letter-spacing: 3px;} #breadcrumbs {position: relative;padding: 25px 0;} #breadcrumbs ul li a {color: #969696;} #breadcrumbs ul li a:hover {text-decoration: underline;} ._secondary h1 {padding-left: 115px;font-weight: bold;} ._secondary #breadcrumbs {padding-left: 115px;} ._secondary #breadcrumbs:before {content: '';display: block;width: 100px;height: 135px;background: url(/bitrix/templates/dresscodeV3/images/bearSecondSmall.png) no-repeat center;position: absolute;left: 0px;top: 19px; border-right: 15px solid transparent; box-sizing: border-box; background-size: contain; } ._secondary.bigBear h1 {padding-left: 0px;} ._secondary.bigBear #breadcrumbs {padding-left: 295px;} ._secondary.bigBear #breadcrumbs:before {content: '';display: block;width: 25%;height: 200px;background: url(/bitrix/templates/dresscodeV3/images/bearSecondBig.png) no-repeat center;position: absolute;left: 0px;top: 19px; border-right: 15px solid transparent; box-sizing: border-box; background-size: contain; } .bigBear #catalogColumn .leftColumn {padding-top: 165px;} .nextSection__toggle, .smartFilter__toggle {float: right;color: #fff;text-decoration: none !important;} .nextSection__toggle:before, .smartFilter__toggle:before {content: '\f107';font-family: FontAwesome;} #smartFilter .slider {width: 90%;} #smartFilter .slider ins {background: url(/bitrix/templates/dresscodeV3/images/sprite.png) no-repeat -27px -775px !important;width: 45px;height: 45px;top: -18px;} #appBasketContainer {width: 824px; margin-left: -412px; height: 500px; margin-top: -250px;} #appBasket .heading {padding: 10px 24px; font-size: 30px;} #appBasket .close {top: 30px; right: 25px;} #appBasket .close:hover {background-position: center; opacity: 0.6;} #appBasket .name {font-size: 18px;} #appBasket .price {font-size: 24px;} #appBasket .qtyBlock .label {font-size: 18px; font-family: 'robotobold'; vertical-align: top; line-height: 35px;} #appBasket .plus, #appBasket .minus:hover, #appBasket .minus {height: 35px; width: 31px; vertical-align: top; background-image: url(/bitrix/templates/dresscodeV3/images/plusMinus_new.png); background-position: center -8px;} #appBasket .plus:hover, #appBasket .plus {background-position: center -58px;} #appBasket .qty {height: 35px; font-size: 18px; font-family: 'robotobold'; vertical-align: top; margin: 0;} #appBasket .sum {font-size: 30px; background: transparent; padding: 10px 24px;margin-right: -15px;padding-left: 0;} #appBasket .information {line-height: 360px;} #appBasket .information .wrapper {width: 416px;} #appBasket .picture {width: 400px; height: 360px; line-height: 360px;} #appBasket .stickerCont {position: absolute;left: 15px;top: 15px;} #appBasket .stickerCont img {max-width: 100%;vertical-align: top;} #appBasket .stickerCont > div {width: 63px;height: 63px;} #appBasket .lower .tools .continue .text, #appBasket .lower .tools .goToBasket .text {font-size: 16px;} #appBasket .lower .tools .icon .ico {height: 50px;width: 50px;} #appBasket .lower .tools .addCompare .ico {background: url(/bitrix/templates/dresscodeV3/images/appBasketIcons.png) 0 -50px no-repeat transparent;} #appBasket .lower .tools .addWishlist .ico {background: url(/bitrix/templates/dresscodeV3/images/appBasketIcons.png) 0 -100px no-repeat transparent;} #appBasket .lower .tools .inStock .ico {background: url(/bitrix/templates/dresscodeV3/images/appBasketIcons.png) 0 0px no-repeat transparent;} #appBasket .lower .tools .delete .ico {background: url(/bitrix/templates/dresscodeV3/images/appBasketIcons.png) 0 -150px no-repeat transparent;} #modef {background: #202730 !important; height: 50px; line-height: 50px; font-size: 16px; left: 282px; white-space: nowrap; width: auto; padding-left: 15px;} #modef:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(32, 39, 48, 0); border-right-color: #202730; border-width: 9px; margin-top: -9px; } #modef #modef_send {background: #ff4a00; padding: 0 15px; margin-left: 15px;} .product .getFastView, #catalogLineList .picture .getFastView {font-family: 'robotobold'; vertical-align: middle; height: 60px; line-height: 60px; width: 206px; margin-left: -103px; border-radius: 10px; text-transform: uppercase; font-size: 13px;} .product .getFastView:before, #catalogLineList .picture .getFastView:before {content: ''; display: inline-block; width: 40px; height: 50px; background: url(/bitrix/templates/dresscodeV3/images/sprite.png) -34px -826px no-repeat; vertical-align: middle;} #catalogLine .label {font-size: 16px;color: #767676;} #catalogLineList .itemRow {margin-bottom: 0px; border: 1px solid #ececec; border-bottom: none; background: #fff;} #catalogLineList .itemRow:hover {border: 1px solid #ececec; border-bottom: none;} #catalogLineList .itemRow:last-child {margin-bottom: 24px; border-bottom: 1px solid #ececec;} #catalogLineList .column:first-child {width: 200px;} #catalogLineList .column:last-child {border: none; width: 217px; padding: 20px;} #catalogLineList .column._price {width: 160px; padding-left: 15px;} #catalogLineList .prop, #catalogLineList .name {font-size: 18px; color: #787878;} #catalogLineList .name {margin-bottom: 20px;} #catalogLineList .addCart {height: 50px; line-height: 50px; border-radius: 0px; margin: 0px; margin-bottom: 20px;} #catalogLineList .label {} #catalogLineList .fastBack.label {width: 100%; text-align: center; font-family: 'robotobold'; color: #2c2c2c;} #catalogLineList .inStock.label {text-align: center; font-family: "PT Sans", sans-serif; width: 100%; padding-right: 5px; box-sizing: border-box; font-size: 16px;} #catalogLineList .price {font-size: 24px; height: 50px; line-height: 50px; margin-bottom: 20px;} #catalogLineList .addWishlist.label {width: 100%; font-family: "PT Sans", sans-serif; font-size: 16px;} #catalogLineList .addCompare.label {width: 100%; font-family: "PT Sans", sans-serif; font-size: 16px;} #catalogLineList .picture .getFastView {transform: scale(0.8);} .bx-pagination .bx-pagination-container ul li.bx-pag-prev, .bx-pagination .bx-pagination-container ul li.bx-pag-next {display: none} .bx-pagination .bx-pagination-container ul li a { height: 37px; min-width: 37px; line-height: 37px; } .bx-pagination .bx-pagination-container ul li span {border-radius: 0px; height: 37px; min-width: 37px; line-height: 37px; border: 1px solid #cccccc; background: #fff; font-size: 18px; } .bx-pagination .bx-pagination-container ul li.bx-active span {border: 1px solid #ff4a00;} .subMenus {display: none;} #wishlist .removeFromWishlist {z-index: 100;} #tableContainer {width: auto; display: block;} #tableContainer .column {display: block;} #elementContainer {margin-right: 230px!important; width: auto !important;} #catalogElement {border-top:none;} #elementContainer .mainContainer {} #elementContainer .mainContainer .col {padding: 15px; vertical-align: top; position: relative;} #elementContainer .mainContainer .col._left {width: 55%;} #elementContainer .mainContainer .col._right {height: 600px;} #elementNavigation {width: 230px; vertical-align: top; float: right; padding: 0 !important; background: none !important; position: relative;} #elementNavigation.fixed .tabs{width: 100%; position: relative; top: 0px;} #elementNavigation.maxScroll .tabs {width: 100%; position: absolute; top: 0px;} #elementNavigation .tabs a {display: block; text-align: left;position: relative; border: 1px solid transparent; transition: none; } #elementNavigation .tabs .tab:hover a, #elementNavigation .tabs .tab.active a { border-top: 1px solid #ececec; border-right: 1px solid #ececec; background: #fff;} #elementNavigation .tabs .tab a:after, #elementNavigation .tabs .tab a:after { z-index: -1; position: absolute; content: ""; bottom: 14px; width: 90%; top: 70%; max-width:300px; background: #777; box-shadow: 0 15px 10px #777; transform: rotate(2deg); right: 10px; left: 10%; opacity: 0; } #elementNavigation .tabs .tab:hover a:after, #elementNavigation .tabs .tab.active a:after { opacity: 1; } #elementNavigation .tabs a {font-size: 18px; color: #666666; padding: 16px 9px;} #elementNavigation .tabs img {padding-left: 0px; padding-right: 9px; margin-top: -3px; opacity: 0.5;} #elementNavigation .tabs .tab:hover img, #elementNavigation .tabs .tab.active img {opacity: 1;} .mainContainer__articul { text-align: left; font-size: 14px; color: #fbfbfb; display: inline-block; margin-right: 10px; margin-bottom:20px; background: #ff4a00; padding: 0px 3px; border-radius: 2px; } #elementContainer #moreImagesCarousel #moreImagesLeftButton, #elementContainer #moreImagesCarousel #moreImagesRightButton {width: 7px;} #elementContainer #moreImagesCarousel {margin: 0 -15px; width: auto; padding: 0 15px;} #elementContainer #moreImagesCarousel .carouselWrapper {width: auto;;} #elementContainer #moreImagesCarousel #moreImagesLeftButton {left: 4px; background-position: left center; background-size: 14px 16px; margin-top: -8px;} #elementContainer #moreImagesCarousel #moreImagesRightButton {right: 4px; background-position: right center; background-size: 14px 16px; margin-top: -8px;} #elementContainer #moreImagesCarousel .slideBox {height: 105px;} #elementContainer #moreImagesCarousel .slideBox .item {height: auto;} #elementContainer #moreImagesCarousel .slideBox .item a {border: 1px solid #dedede; box-sizing: border-box; width: 104px; height: 104px; line-height: 102px; margin: 0 auto;} #elementContainer #moreImagesCarousel .slideBox .item.selected a {line-height: 100px;} #elementContainer #moreImagesCarousel .slideBox .item img {margin: 0px;} .offers .offer .header { font-size: 12px; color: #666; padding-top: 0; text-align: left; padding-right: 10px; } .offers .offer {margin:0;} .offers .offer .items .item {font-size: 14px; color: #666; height: 30px; border: 1px solid #ececec; border-radius: 0px;} .offers .offer .items .item span {color: #666 !important;} .offers .offer .items .item.selected, .offers .offer .items .item:hover, .offers .offer .items .item:focus {background: #ff4a00; border: 1px solid #ff4a00; color: #fff;} .offers .offer .items .item.selected span, .offers .offer .items .item:hover span, .offers .offer .items .item:focus span {color: #fff !important;} .offers .offer .scroller { display: block; overflow: hidden; margin-left: 0px; } .offers .offer .items .item { float: left; padding: 7px; padding-right: 7px; padding-left: 7px; height: 35px; padding-left: 14px; padding-right: 14px; box-sizing: border-box; border: 1px solid #D0D0D0; color: #D0D0D0; cursor: pointer; border-radius: 3px; margin-right: 8px; margin-top: 2px; margin-bottom: 2px; height: 30px; line-height: 12px; } #picta .item { min-width: 40px; text-align: center; } .offers .offer.picture .header {padding-top: 0;} .offers .offer.picture .items .item {height: 40px;} .offers .offer.picture .items .item.selected, .offers .offer.picture .items .item:hover, .offers .offer.picture .items .item:focus {background: #fff; border: 2px solid #ff4a00; color: #fff;} .mainTool { padding-top: 5px; margin-bottom: 0px; } .mainTool .mainTool__left {float: left; width: 100%;} .mainTool .mainTool__right {float: left; width: 50%; padding-left: 15px; box-sizing: border-box;} .mainTool .clearfix {float: none; clear: both;} .mainTool .addCart { } .mainTool .addCart img {vertical-align: middle; margin-right: 10px; margin-bottom: 5px;} .mainTool .addCart.added {padding: 0;} .mainTool .price { font-size: 30px; font-weight:bold; line-height: 40px; color: #000; } .secondTool {margin-top:10px;} .secondTool .secondTool__col {float: left; width: 50%;box-sizing: border-box; padding-bottom: 20px; } .secondTool .secondTool__col._buy {padding-left: 15px;} .secondTool .clearfix {clear: both; float: left;} .secondTool .changeAvailable {font-size: 18px; text-decoration: none !important; font-weight: normal !important; line-height: 1;} .secondTool .changeAvailable.inStock span {line-height: 1; height: 16px; display: inline-block;} .secondTool .changeAvailable img {margin-right: 5px;} .appFastViewInformationColumn .secondTool .fastBack { } .secondTool .fastBack:hover { background: #ff4a00 } #nap { padding-top: 0; font-size: 18px; display:inline-block } #nap a { padding:0; } .inStock.changeAvailable img,.outOfStock.changeAvailable img { margin-top:-5px; } .secondTool .fastBack img {vertical-align: middle; margin-right: 10px;display: none;} .secondTool .clearfix {clear: both; float: none;} .secondTool .addWishlist, .secondTool .addCompare { display: inline-block; padding: 0px 14px; border: 1px solid #e0e0e0; color: #666666; text-decoration: none !important; vertical-align: middle; line-height: 36px; font-size: 16px;margin-right: 5px;} .secondTool .addWishlist span, .secondTool .addCompare span, .secondTool .addWishlist img, .secondTool .addCompare img {vertical-align: middle; display: inline;} .secondTool .addWishlist img, .secondTool .addCompare img {margin-right: 5px;} .secondTool .yashareBlock {padding-top: 30px; padding-bottom: 27px;} .secondTool .ya-share-label {display: inline-block; margin: 0; padding-top: 3px; padding-right: 5px; vertical-align: middle;} .secondTool .ya-share2_inited {display: inline-block; vertical-align: middle;} .secondTool__fixBlock { margin: 0px 0; } .btnwishadd { text-align: left; margin-left: 0; margin-top: 0; display: inline-block; } .btnwishadd .addWishlist,.btnwishadd .addCompare { color: #999; display: inline-block; font-size: 14px; } .btnwishadd .addWishlist:hover,.btnwishadd .addCompare:hover { } .btnwishadd .icon { position: relative; top: -2px; margin-right: 4px; } .bl-prod-top-cart { text-align:left; } .delivery { text-align: left; padding: 20px; font-size: 16px; line-height: 20px; margin: 10px 0; border-radius: 2px; color: #775d30; background-color: #fcf8e3; border-color: #faebcc; } .delivery h3 { margin:0; font-size: 16px; font-weight: bold; } .delivery a { color: #ff4a00; } .srokd { float:right } .srokd:before { content:""; margin-right: 4px; } .yashareBlock { margin-top: 10px; } #elementNavigation.fixed .tabs {top: 0px; left:auto; bottom: auto; position: fixed; right: auto; width: auto; width: 230px;} #elementContainer #detailText .heading {border-top: none;} #elementContainer .mainContainer {margin-bottom: 45px;} .complect-section {padding: 0 !important; background: #fff !important; margin-bottom: 45px !important;} .complect-section>.prod-page-container {background: #fff; background: none; padding: 0 !important; border: 0px solid #ececec;} #tableContainer .heading {font-family: 'Roboto Condensed', sans-serif;margin:30px 0; font-size: 30px; padding: 0;line-height: 1; text-transform: uppercase; font-weight: bold;} .complect-section .table-cell {display: block !important;;} .topfotoprod {background:#fff; margin-bottom:0px;} .complect-section ul li { display: inline-block; vertical-align: top; margin: 0 0px 0px 0; height: 330px; position: relative; padding: 30px 40px; box-sizing: border-box; text-align: center; list-style-type: none; width: 33%; background: #fff; border-radius: 2px; } .complect-section ul li:before { content: "+"; position: absolute; background: none; border-radius: 50%; right: -20px; z-index: 9; top: 0; bottom: 0; margin: auto; width: 40px; height: 40px; line-height: 32px; color: #000; font-size: 80px; } .complect-section ul li:last-child:before { display: none; } .complect-section ul li .namu {color: #787878 !important; font-family: "PT Sans", sans-serif !important; font-size: 18px !important;} .complect-section ul li .cenu._old {text-decoration: line-through;} .complect-section .complect-total {width: auto !important;padding: 25px !important;} .complect-section .complect-total .ypa1 {border: 1px solid #cccccc; height: 44px; border-top: none; position: relative; margin-bottom: 40px !important;} .complect-section .complect-total .ypa1:after, .complect-section .complect-total .ypa1:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .complect-section .complect-total .ypa1:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 12px; margin-left: -12px; } .complect-section .complect-total .ypa1:before { border-color: rgba(204, 204, 204, 0); border-top-color: #cccccc; border-width: 13px; margin-left: -13px; } .complect-section .complect-total input[type="button"] {width: 188px; height: 63px; font-size: 24px; font-family: 'robotobold'; padding: 0px !important; line-height: 63px; border-radius: 0px !important; margin: 0px 30px !important} .complect-section .complect-total {text-align: center;} .complect-section .complect-total .price-wrap, .complect-section .complect-total .add2cart-wrap, .complect-section .complect-total .eco-span {display: inline-block !important; vertical-align: middle; color: #010101 !important; } .complect-section .complect-total .eco-span {width: 144px; text-align: left;} .complect-section hr {background: #ececec; height: 1px; border: none;} .complect-section hr:last-child {display: none;} .nbElementTabs {margin-bottom: 45px;} .nbElementTabs>ul {margin: 0;padding: 0;list-style: none; margin-bottom: -1px;} .nbElementTabs>ul>li {background: #f8f8f8; border: 0px solid #cfcfcf; color: #ff4a00; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: bold; border-bottom: none; display: inline-block; vertical-align: top; margin-right: 0px;} .nbElementTabs>ul>li.active {background: #fff; border-color: #ececec;} .nbElementTabs>ul>li a {display: block; padding: 10px 14px; color: #ff4a00; text-decoration: none !important;} .nbElementTabs>ul>li.active a {color: #000000;} .nbElementTabs .tab-content {background: #fff; padding: 25px 15px; border: 0px solid #ececec; border-radius: 0px;} .nbElementTabs .tab-pane {display: none;} .nbElementTabs .tab-pane.active {display: block;} #elementContainer #detailText {padding: 0 !important;} #elementProperties {padding: 0;} #elementProperties .heading {display: none !important} #elementProperties .stats {table-layout: auto;} #elementProperties .stats tr {border: none !important;} #elementProperties .stats .cap td {padding: 0;font-size: 24px; font-family: 'robotobold'; padding-bottom: 30px; text-align: left;} #elementProperties .stats .cap td:before {display: none;} #elementProperties .stats .gray td {background-color: #fff;} #elementProperties .stats tr:hover td { background: #fff; } #elementProperties .stats td {font-size: 18px; color: #666666; text-align: right; position: relative;} #elementProperties .stats td.name {text-align: left;} #elementProperties .stats td span {padding: 0px 0px 0px 5px; } #elementProperties .stats .name span {padding: 0 5px 0 0;} #elementProperties .stats td.right {width: 0px;} #elementProperties .stats td:before {content: ''; display: block; position: absolute; left: 0px; right: 0px; top: 21px; border-bottom: 1px dotted #c9c9c9;} #elementProperties .stats td span {position: relative; background: #fff;} #tableContainer .column:nth-child(2) {padding-bottom: 0px;} #related, #similar {margin-bottom: 45px;} #related .heading, #similar .heading {font-family: 'Roboto Condensed', sans-serif; font-size: 30px; margin: 0px; padding: 0; margin-bottom: 30px; line-height: 1; text-transform: uppercase; font-weight: bold; border: none;} #related .heading span, #similar .heading span {color: #ff4a00;} #related .product, #similar .product { height: 395px !important; /*height: 367px !important;*/ } #related .productList, #similar .productList {margin-bottom: 0px;} #related {} .related_table {width: 100%;} .related_table tr {border: 1px solid #ececec;} .related_table tr td {background: #fff;padding: 10px;} .related_table tr td.td_photo a {display: block; height: 90px; width: 90px; background-position: center center; background-size: cover;} .related_table tr td.td_photo {width: 120px;} .related_table tr td.td_name a {color: #787878 !important; font-size: 18px;} .related_table tr td .new_price{font-size: 24px; color: #202730; font-weight: bold; white-space: nowrap;} .related_table tr td.td_buy a {width: 135px; height: 65px; line-height: 65px; font-size: 24px; font-weight: bold; display: block; border-radius: 0px; text-align: center; padding: 0;} #catalogReviews .ratingContainer .rating, #reviews .rating, #newRating .rating, .newRating2 .rating { display: inline-block; vertical-align: middle; margin-left: 0px; margin-top: 0px; position: relative; overflow: hidden; height: 22px; width: 110px; z-index: 2; } .rat { margin-top:10px; } #catalogReviews .ratingContainer .rating i, #reviews .rating i, #newRating .rating i, .newRating2 .rating i { background: url(/bitrix/templates/dresscodeV3/images/rating_new.png) repeat 0 0px transparent; height: 22px; width: 110px; position: absolute; display: block; left: 0px; top: 0px; } #catalogReviews .ratingContainer .rating i.m, #reviews .rating i.m, #newRating .rating i.m, .newRating2 .rating i.m { background: url(/bitrix/templates/dresscodeV3/images/rating_new.png) repeat 0 -22px transparent; width: 0px; z-index: 10; } .countReviewsTools, .newRating2 .label{ color: #c2c2c2 !important; font-weight: 500 !important; } #showallReviews {display: inline-block; border: 2px solid #ff4a00; padding: 10px 15px; font-size: 18px; font-family: 'robotobold'; color: #000 !important; border-radius: 0px; line-height: 1.2;height: auto; width: auto;} #showallReviews {margin: 0 0 0px;} .reviewAddButton { display: inline-block; border: 2px solid #ff4a00; padding: 10px 15px; font-size: 18px; font-family: 'robotobold'; color: #fff !important; border-radius: 0px; line-height: 1.2; height: auto; width: auto; background: #ff4a00; } #catalogReviews {margin: 0px; overflow: visible;} #catalogReviews #reviews {margin: 0 -15px 0px;padding: 15px 0 0; list-style: none;} #catalogReviews .reviewItem {margin: 0 0px; padding: 15px; border-top: 1px solid #ececec; font-size: 18px; color: #525252;} #catalogReviews .reviewItem .reviewName {color: #000; font-size: 18px; font-weight: bold; line-height: 22px; vertical-align: top; margin-bottom: 25px;} #catalogReviews .reviewItem .reviewName .reviewNameName {padding-top: 3px; vertical-align: top; display: inline-block; padding-right: 10px;} #catalogReviews .reviewItem .rating {vertical-align: top;} #catalogReviews .reviewItem .label {color: #000; font-size: 18px; font-weight: bold;} #catalogReviews .reviewItem .reviewDate {padding-top: 20px;} #newReview {margin: 15px -15px 0; border-top: 1px solid #ececec; padding: 15px 15px 0; font-size: 18px;} #newReview .heading {font-size: 24px;} .reviews__btns {border-top: 1px solid #ececec; padding-top: 15px;} .newReview__table {width: 100%;} .newReview__table .desc {white-space: nowrap; width: 150px; text-align: right; padding-right: 15px; vertical-align: top;} .newReview__table .desc._input {padding-top: 5px;} .newReview__table .value {padding-bottom: 30px;} .newReview__table .value._title {padding-bottom: 15px;} .newReview__table .value._btn {padding-bottom: 0px;} .newReview__table .value textarea {width: 100%; box-sizing: border-box; border: 1px solid #b7b7b7; height: 120px;} .newReview__table .value input {width: 100%; box-sizing: border-box; border: 1px solid #b7b7b7; height: 45px;} .newReview__table .submit {display: inline-block; padding: 15px 20px; font-size: 18px; color: #fff; font-weight: bold; background: #ff4a00;} #elementSmallNavigation {display: none;} #tableContainer #elementNavigation {display: block;} .tmpMobileBlock {display: none;} #personalCart #tabsControl { background: #fff; border: 1px solid #e3e3e3; padding: 19px 40px 16px 20px; } #personalCart #tabsControl .item {font-size: 18px; text-transform: uppercase; font-weight: bold; margin-left: 44px;} #personalCart #tabsControl .item a {} #personalCart #tabsControl .item a:hover, #personalCart #tabsControl .item .selected {color: #ff4a00;} #basketView { background: #fff; border: 1px solid #e3e3e3; padding: 20px 40px 17px 20px; } #personalCart #basketView .item {font-size: 16px;} #personalCart #basketView .item a {background-image: url(/bitrix/templates/dresscodeV3/themes/default/images/catalogView.png); display: inline-block; height: 50px; width: 30px; margin: -16px 0;} #personalCart #basketView .item a.table {background-position: 0 -55px;} #personalCart #basketView .item a.table:hover {background-position: -30px -55px;} #personalCart #basketView .item a.table.selected {background-position: -60px -55px;} #personalCart .productTable th {color: #787878; font-size: 18px; background: #e4e4e4; padding: 17px 12px;} #personalCart .productTable .pic {height: 110px; width: 110px;} #personalCart .productTable .name a {font-size: 18px; color: #787878;} #personalCart .productTable .name a:hover {color: #ff4a00;} #personalCart .plus, #personalCart .minus, #personalCart .plus1, #personalCart .minus1 {width: 32px; height: 36px; margin: 0; float: left; background: #424242 url(/bitrix/templates/dresscodeV3/images/plusMinus_new.png) 50% 0px no-repeat;} #personalCart .qty {height: 36px; width: 40px; float: left;font-size: 18px;} #personalCart .productTable .basketQty {width: 106px;} #personalCart .productTable .basketQty:after {content: ''; clear: both; float: none;} #personalCart .plus:hover, #personalCart .plus, #personalCart .plus1:hover, #personalCart .plus1 {background-position: 50% -57px;} #personalCart .minus:hover, #personalCart .minus, #personalCart .minus1:hover, #personalCart .minus1 {background-position: 50% -7px;} #personalCart a.inStock span {font-size: 16px;} #personalCart .price {font-size: 18px;} #personalCart .price .discount, #personalCart .price .measure {display: none;} #personalCart .productTable .sum {font-family: "PT Sans", sans-serif !important; font-size: 18px; font-weight: bold;} #personalCart .productList .item .topSection .delete, #personalCart .productTable .delete {background: url(/bitrix/templates/dresscodeV3/images/deleteNew.png) 0px 0px no-repeat; height: 24px; width: 24px;} #personalCart .productList .item .topSection .delete:hover, #personalCart .productTable td .delete:hover {background: url(/bitrix/templates/dresscodeV3/images/deleteNew.png) 0px -24px no-repeat;} #personalCart .orderLine {background: #fff;} #personalCart .orderLine .price, #personalCart .orderLine .label {font-size: 24px; font-family: "PT Sans", sans-serif !important;color:#333;} #personalCart .orderLine .price {font-weight: bold;} #personalCart .orderLine .label {margin-right: 0px;} #newOrder {font-size: 24px; height: 70px; line-height: 70px; width: 300px; text-transform: uppercase; font-weight: bold; border-radius: 0px;} #newOrder img {display: none;} #personalCart .productList .product .middle {text-align: left;} #personalCart .productList .price {font-size: 24px; font-weight: bold; text-align: left;} #personalCart .productList .basketQty__name {height: 36px; float: left; font-size: 18px; padding-top: 8px; padding-right: 10px; box-sizing: border-box;} #personalCart .productList .item {height: 415px !important;} #personalCart .productList .product:hover .tabloid, #personalCart .productList .tabloid {height: 415px !important; border-bottom: 1px solid #ececec;} #personalCart .productList .product:hover .tabloid {border-bottom: 1px solid #ff4a00;} .bx-soa-section.bx-selected {border: 1px solid #dfdfdf;} .bx-soa-section-title {font-size: 24px !important; font-family: "PT Sans", sans-serif !important; text-transform: uppercase; font-weight: bold; padding: 0px;} .global-information-block-hide-scroll {width: 100%; padding-right: 0px;} .global-information-block-hide-scroll-cn {width: 100%;} #personalCart .product .picture img {max-height: 80%;} .nbCatalogTopSlider{padding: 20px 10px 40px 10px;background-color: #ffffff;border: 1px solid #ddd;margin-bottom: 10px;} .nbCatalogTopSlider__itemInner {display: table;width: 100%;} .nbCatalogTopSlider__itemLeft, .nbCatalogTopSlider__itemRight {display: table-cell;} .nbCatalogTopSlider__itemLeft {width: 65%;background-repeat: no-repeat;background-position: center;background-size: cover} .nbCatalogTopSlider__itemRight {padding-left: 30px;} .nbCatalogTopSlider__itemPic { background-repeat: no-repeat; background-position: center; height: 255px; background-size: contain; } .nbCatalogTopSlider__cont {display: table;width: 100%;} .nbCatalogTopSlider__contLeft, .nbCatalogTopSlider__contRight {display: table-cell;vertical-align: top} .nbCatalogTopSlider__contLeft {width: 65%;} .nbCatalogTopSlider__contRight{padding-left: 20px;} .nbCatalogTopSlider__contRight h3 {margin-top: 0} .nbCatalogTopSlider__contRight .h3_div { margin-top: 0; margin-bottom: 10px; font-weight: 500; line-height: 1.1; font-size: 24px; font-family: 'Roboto Condensed', sans-serif !important; } .nbCatalogTopSlider__contRight span {background: url(/images/metro.png) left top no-repeat; padding-left: 40px;} .nbCatalogTopSlider .bx-wrapper .bx-controls-direction a {width: 50px;height: 40px;margin-top: -20px;} .nbCatalogTopSlider .bx-wrapper .bx-next {background: url(/bitrix/templates/dresscodeV3/images/sprite.png) no-repeat -142px -680px;right: 0;} .nbCatalogTopSlider .bx-wrapper .bx-prev {background: url(/bitrix/templates/dresscodeV3/images/sprite.png) no-repeat -108px -680px;left: 0;} .nbCatalogTopSlider .bx-wrapper .bx-pager.bx-default-pager a.active, .nbCatalogTopSlider .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #ff4a00;} .g-recaptcha > div.error {border: 1px solid #ff0000;} .mobileLogo {position: fixed;top: 0;left: 0;bottom: -20px;right: 0;background: #fff;display: none;z-index: 999;text-align: center;padding-top: 30px} .mobileLogo svg {position: absolute;left: 50%;top: 50%;} .mobileLogo__inner {position: relative;z-index: 1;} .mobileLogo__inner img {max-width: 100%;} .buyAlfa__cont { } .buyAlfa {font-size: 15px;line-height: 21px;color: #000;font-weight: bold;padding: .2em .6em .3em;} .buyAlfa._detail { font-size: 14px; display: inline-block; line-height: 18px; width: 100%; text-align: left; font-weight: normal; padding: 0; text-decoration: underline; } .buyAlfa._detail:hover{ } .imgalfa { height:40px; } .linkalfa { padding: 0; display: inline-block; border-radius: 2px; float: right; margin-top: 10px; color: #ccc; font-size: 20px; text-transform: uppercase; font-weight:bold } .pretextressrochka { display: inline-block; font-size: 14px; color: rgb(68,68,68); text-decoration: none; background: #f8f8f8; border:1px solid #ddd; user-select: none; padding: 10px 20px; outline: none; width: 100%; text-transform: lowercase; margin-top: 10px; border-radius: 4px; } .pretextressrochka:hover { color: rgb(255, 255, 255); background: rgb(249, 86, 86) linear-gradient(#fe3737, #ff4a00); border:1px solid #ff4a00; } .mainTool__left2 { padding: 20px; border-radius: 4px; box-shadow: 0 5px 18px rgba(0,0,0,.12); } #popup-buycheaper { border-radius: 4px; } .buylow { display: inline-block; font-size: 14px; color: rgb(68,68,68); text-decoration: none; user-select: none; outline: none; background: #f8f8f8; border:1px solid #ddd; width: 100%; text-transform: lowercase; margin-top: 5px; border-radius: 4px; cursor:pointer } .buylow a { color: rgb(68,68,68); display: inline-block; padding: 10px 20px; width: 100%; } .buylow a:hover { color:#fff; text-decoration:none } .buylow:hover { color: rgb(255, 255, 255); background: rgb(249, 86, 86) linear-gradient(#fe3737, #ff4a00); text-decoration:none; border:1px solid #ff4a00; } .ofprice,.ofprice2 { display: inline-block; width: 100%; } .ofprice { margin-bottom: 10px; } .buyAlfa._list {font-weight: bold;text-align: center;width: 100%;display: block;color: #2c2c2c;padding-top: 0;} #alfaForm .modal-body {width: 100%;} #alfaForm .modal-dialog.wide-modal {width: 99%;} #alfaForm .userData {} #alfaForm .modal-dialog.wide-modal .userData {display: none;} #alfaForm .alfaFrame {display: none} #alfaForm .modal-dialog.wide-modal .alfaFrame {display: block} #alfaFrameObj {width: 100%;background: url(/bitrix/templates/dresscodeV3/images/loader.svg) no-repeat center;border: none;} .container-tovar { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); grid-template-rows: repeat(4, 500px); font-size: 16px; } .item-1-watch, .item-4-watch, .item-5-watch, .item-8-watch, .item-9-watch, .item-12-watch, .item-13-watch, .item-16-watch, .item-17-watch { align-self: center; padding: 0 15px; } .container-tovar > div > img { width: 100%; height: 100%; object-fit: cover; } .container-tovar225 { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); grid-template-rows: repeat(4, 225px); font-size: 16px; } @media (min-width: 1200px) { .loading #subHeader {overflow: visible;} #headerTools .tools li.cart {padding: 0;} .nbBasketLink {display: block; height: 78px; background: #fff; margin: -26px 0 -3px; padding: 26px 27px 0 23px; box-sizing: border-box;} #headerTools .cart .icon:after {left: 73px;} body._nbBasket #headerTools .cart .icon:after {transform: rotate(180deg);} #headerTools .tools li.cart .link._badge {left: 53px;} body._nbBasket .nbBasket {z-index: 10000;} .nbBasket__popup {position: absolute; top: 52px; right: 0px; width: 1055px; background: #fff; box-sizing: border-box; display: none;} body._nbBasket .nbBasket__popup {display: block;} body._nbBasket {/*overflow: hidden;*/} body._nbBasket .nbBasket__overlay { background: rgba(0, 0, 0, 0.4); position: fixed; overflow: auto; z-index: 1000; height: 100%; width: 100%; left: 0px; top: 0px; } .nbPersonalCart {} .nbPersonalCart__header {height: 77px; overflow: hidden;} .nbPersonalCart__headerTitle {font-size: 36px; padding: 0px 0 0px 28px; float: left;line-height: 77px; padding-right: 80px;} .nbPersonalCart__headerCount {float: left; line-height: 77px; font-size: 18px; padding-top: 5px;} .nbPersonalCart__headerCount span {color: #168ccc;} .nbPersonalCart__headerClear {float: right; } .nbPersonalCart__headerClear #allClear {line-height: 77px; padding: 5px 30px 0; display: block; font-size: 18px; text-transform: uppercase; text-decoration: none !important; color: #1a1a1a; position: relative;} .nbPersonalCart__headerClear #allClear:before, .nbPersonalCart__headerClear #allClear:after { position: absolute; left: 11px; top: 31px; content: ' '; height: 22px; width: 2px; background-color: #000; } .nbPersonalCart__headerClear #allClear:before { transform: rotate(45deg); } .nbPersonalCart__headerClear #allClear:after { transform: rotate(-45deg); } .nbPersonalCart__headerClear #allClear:hover {color: red;} .nbPersonalCart__headerClear #allClear:hover:before, .nbPersonalCart__headerClear #allClear:hover:after {background: red;} #personalCart.nbPersonalCart .productTable {width: 100%;} #personalCart.nbPersonalCart .productTable th {background: #ececec; color: #1a1a1a; font-weight: normal; font-size: 18px; padding: 20px 30px; border-right: 1px solid #d2d2d2;} #personalCart.nbPersonalCart .productTable td {border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; padding: 14px;} #personalCart.nbPersonalCart .productTable td .pic img {max-width: 100%;max-height:100% } #personalCart.nbPersonalCart .productTable td .nameTable {display: table; width: 100%;} #personalCart.nbPersonalCart .productTable td .nameTable a {display:table-cell; vertical-align: middle; padding-left: 10px; text-decoration: none; color: #373737;} #personalCart.nbPersonalCart .productTable td .nameTable a.pic {display: inline-block; width: 100px; padding-left: 0px;text-align:center;} #personalCart.nbPersonalCart .price {} #personalCart.nbPersonalCart .plus, #personalCart.nbPersonalCart .minus {float: left; width: 32px; height: 36px; padding: 0px !important;} #personalCart.nbPersonalCart .qty {background-color: #e7e8ea; float: left; border: none; height: 36px; width: 40px; box-sizing: border-box; text-align: center;} #personalCart.nbPersonalCart .productTable .basketQty {margin: 0 auto;} #personalCart.nbPersonalCart .productTable .sum {font-size: 24px; font-weight: bold;height: 24px; line-height: 24px; display: inline-block; vertical-align: top; padding-right: 24px;} #personalCart.nbPersonalCart .productTable .delete {height: 24px; vertical-align: top; padding-left: 0px; display: inline-block;} #personalCart.nbPersonalCart .productTable .addWishlist {background: url(/bitrix/templates/dresscodeV3/images/addWishlistIcon.png) 50% -12px no-repeat; height: 24px; width: 50px; display: inline-block; vertical-align: top; text-indent: -9999px; padding-left: 0px; text-align: left;} #personalCart.nbPersonalCart .productTable .addWishlist.added {background-position: 50% -62px; } #personalCart.nbPersonalCart .productTable td.tdPrice {white-space: nowrap; width: 245px; text-align: right;} .nbPersonalCart__summ {padding: 30px 45px 20px; border-bottom: 1px solid #ececec; text-align: right; font-size: 24px; font-weight: bold;} .nbPersonalCart__btns {padding: 30px;} .nbPersonalCart__btnBlock {float: left;} .nbPersonalCart__btnBlock._right {float: right;} .nbPersonalCart__btnTxt {font-size: 16px; color: #8b8b8b;padding-top: 5px;} .nbPersonalCart__btn {display: inline-block; height: 54px; box-sizing: border-box; font-size: 14px; color:#2d2d2d; padding: 17px 28px; border: 1px solid #b5b5b5; text-decoration: none;} .nbPersonalCart__btn._basket {border: 3px solid #ff4a00; font-weight: bold; padding: 15px 28px;} } /*desktops*/ @media (max-width: 1200px) { .limiter {max-width: 970px;} #topService {width: 28%;} .mainMenu {width: 72%;} .mainMenu__link {font-size: 16px;} .my_form1 {width: 61%;} #menuCatalogSection {float: none;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster {height: 325px;} #headerTools .tools li.telephone {padding-right: 0;} #headerTools .nf._basket {display: none;} #homeCatalog .item {width: 33.3333%;} #tableContainer #elementNavigation {display: none;} #elementSmallNavigation {display: block;} #elementContainer { margin-right: 0px!important; width: auto !important; } .nbBasket__popup {display: none !important;} #catalogColumn .product { width: 50% !important; /*height: 357px !important;*/ height: 394px !important; border: none !important;} #catalogLine .column {margin-left: 4px; } #catalogColumn .product:nth-child(-n+3) {border: none !important;} .product .tabloid {} #catalogColumn .product:nth-child(3n+1) {border: none !important;} #catalogLineList .column {display: table-cell !important; float: none !important; padding: 5px !important; } #catalogLineList .column:first-child {width: 20%; padding-left: 10px !important;} #catalogLineList .column:nth-child(2) {width: 30%;} #catalogLineList .column._price {width: 25%;} #catalogLineList .column:last-child {width: 25%; padding-right: 10px !important; background: #fff; line-height: 40px;} #catalogLineList .resizeColumn, #catalogLineList .column .resizeColumn.last {display: block; float: none; width: 100%; white-space: nowrap; text-align: center !important;} #catalogLineList .price {font-size: 20px; line-height: 40px; height: 40px; margin-bottom: 10px;} #catalogLineList .column:last-child .optional .label {width: 100%;} #catalogLineList .column:last-child .addCart {margin: 0px;} #catalogLineList .row {margin-bottom: 5px;} #catalogLineList .column:last-child .optional .label {padding: 0;text-align: center;} #catalogLineList .prop, #catalogLineList .name {font-size: 14px;} #catalogLineList .picture .getFastView {display: none !important;} #similar .product {width: 33.33%;} } /*tablets*/ @media (max-width: 992px) { .limiter {max-width: 750px;} #breadcrumbs:before {display: none;} .mainMenu__ul._lvl_1 {display: block;padding: 13px 0;} .mainMenu__ul._lvl_1:after {content: ''; display: block;clear: both;} .mainMenu__item._lvl_1 {display: block;float: left;width: 33.3333%;} .mainMenu__link._lvl_1 {text-align: left;line-height: 40px;} .mainMenu__ul._lvl_2 {margin-left: -6px;} .mainMenu__link._lvl_2 {padding: 0 10px;} .mainMenu__caret {position: relative;z-index: 9999;top: auto;} .mainMenu__caret:before {padding: 4px 10px;display: inline-block;} .mainMenu__link._parent {padding-right: 0;display: inline-block;} .mainMenu__link {font-size: 18px;} #topService {width: 26%;padding: 13px 0;} #topService li {line-height: inherit;} #topService li.top-auth-personal, #topService li.top-auth-exit {float: none;text-align: left;} #topService li:not(.null) a {line-height: 40px;} .top-auth-login a, .top-auth-register a {padding-left: 47px;} .top-auth-register a:before {background: url(/bitrix/templates/dresscodeV3/images/sprite.png) -80px -132px no-repeat;} .top-auth-personal a::before { content: ''; display: block; background: url(/bitrix/templates/dresscodeV3/images/sprite.png) -30px -125px no-repeat; width: 40px; height: 40px; position: absolute; left: 0; top: 0; } .top-auth-personal a {z-index:1} #topHeader {height: auto;} #topHeader .limiter {padding-bottom: 0;} #topHeader .limiter:after {content: '';display: block;clear: both;} .mainMenu {width: 74%;} #headerTools {height: auto;width: 404px;} #headerTools .tools {padding-top: 70px;} #headerTools .tools li.telephone {float: left;width: 374px;padding-right: 25px;clear: both;text-align: right;margin-bottom: 40px;} #headerTools .tools li.telephone .nf {display: block;} #headerTools .tools li.wishlist {clear: left;} #headerTools .tools li.cart {padding-right: 0;padding-left: 22px;} #headerTools .tools li.compare {padding-left: 25px;} #logo {margin-top: 40px;margin-top: 7px;margin-bottom: 15px;} #subHeader {height: auto;} #subHeader .limiter {padding-bottom: 16px;} #subHeader .limiter:after {content: '';display: block;clear: both;} #mainMenuContainer {background: #202730;} .limiter._slider:after {display: none;} .my_slider {padding: 0;} .limiter._slider {padding: 0;} #slider {margin-left: -9px;margin-right: -9px;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster {height: 250px;} #homeCatalog .item {width: 33.3333%;} .mainPageTextBlock__title._hideDesktop {display: block;} .mainPageTextBlock__title._hideTablet {display: none;} .mainPageTextBlock__col._left, .mainPageTextBlock__col._right {width: 100%;} .contentRow {display: none;} .welcome_yandex_market {display: none;} .my_form1 {width: 100%;padding-bottom: 15px;margin-top: 0;} .infoBlock {margin-right: 15px;} .bottomAddr { max-width: 320px;} #footerBottom .social {float: left;margin-left: 110px;} #leftFooter .column._catalog {display: none;} #mainMenu { position: absolute; left: 0; right: 0; z-index: 99; background: #fff; -webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); } #mainMenu._open {display: block;} #mainMenu li {border: none;} #mainMenu > li {float: left;width: 33.3333%;} #mainMenu > li:nth-child(3n+1) {clear: left;} #mainMenu > li a {color: #202730;} #mainMenu .parentOperner {display: none;} .menuItem {display: table;width: 100%;} .menuImg {width: 45px;} .menuImg svg, .menuImg img {max-width: 100%;height: 55px;} .menuImg, .menuText {display: table-cell;vertical-align: middle;font-weight: bold;text-transform: uppercase;font-size: 15px;} .menuText {padding-left: 20px;} #topService {border-right: none;} #headerTools .tools {padding-top: 38px;} #headerTools .nf._basket {display: block;} .mainPageTextBlock__outer {margin-bottom: 0px;} .limiter._contentRow {margin: 0 !important;padding: 0 !important; max-width: 100%;} .contentRow {display: block;} .contentCol._left {width: 100%; float: none;} .contentCol._right {display: none;} #middleSlider {display: block; margin-bottom: 0px;} #appBasketContainer {width: 724px; margin-left: -362px;} #appBasket .picture { width: 300px;} ._secondary #breadcrumbs, ._secondary.bigBear #breadcrumbs {padding-left: 80px; position: relative;} ._secondary #breadcrumbs:before, ._secondary.bigBear #breadcrumbs:before {background: url(/bitrix/templates/dresscodeV3/images/bearSecondSmall.png) no-repeat center; position: absolute;left: 0px;top: 5px; bottom: 5px; height: auto; background-size: contain; width: 80px;} .bigBear #catalogColumn .leftColumn {padding-top: 15px; padding-bottom: 0px;} #nextSection {margin-bottom: 15px;} #smartFilter .heading {height: auto; line-height: 1;} #catalog .product .picture {height: 220px; line-height: 220px;} .product:hover .tabloid {border: none; box-shadow: none; position: relative; background: #fff; height: 345px; border-bottom: none;} #catalog .product .tabloid {height: 345px; } #leftFooter .column {width: 50%;} #elementContainer .mainContainer .col._left {display: block; width: auto;} .secondTool__fixBlock {position: relative; bottom: 0px;left: 0px;right: 0px;} .ypa:after {color: #0f0f0f !important;font-size: 40px; } .complect-section ul li {height: auto !important;} .complect-section .complect-total {float: none !important;;} #personalCart #basketView {display: none;} #personalCart #tabsControl .item {margin-bottom: 0px;} #personalCart #tabsControl {float: none; width: auto;} #similar .product {width: 50%;} #similar .product:hover .tabloid {height: 365px;} #elementContainer .mainContainer {display: block;} #elementContainer .mainContainer .col._left, #elementContainer .mainContainer .col {width: 100% !important; display: block; box-sizing: border-box;} .nbCatalogTopSlider__contLeft {width: 55%;} } /*phones*/ @media (max-width: 767px) { .mobileLogo._open {display: block;} .blockDetailDescr__pic {display: none;} #newsContainer .column{width: 100%;} #elementProperties .stats,#elementProperties .stats tr { display: inline-block; width: 100%; } #elementProperties .stats td.name { text-align: left; display: inline-block; font-weight: bold; } #elementProperties .stats td span { padding: 0; } .mainPageTextBlock__title._hideMobile {display: none;} .mainMenu {display: none;} #topService li a {padding-top: 50px;} #topService li a span {display: none;} #topHeader {min-width: 0;} .body__mobilePhone {display: block;clear: both;} #headerTools {position: absolute;top: 0;right: 0;width: 100px;z-index: 99;} #headerTools .nf._basket {display: none;} #headerTools .tools .compare, #headerTools .tools .wishlist {display: block;} .my_slider {display: none;} #logo {float: none;width: auto;text-align: center;} #headerTools {width: 155px;} #headerTools .wishlist .icon:after, #headerTools .compare .icon:after, #headerTools .cart .icon:after {display: none;} #headerTools .tools {padding-top: 0;} #headerTools .tools li {line-height: 50px;} #headerTools .tools li.compare {padding: 0;} #headerTools .tools li.cart {padding: 0} #headerTools .wishlist .nf, #headerTools .compare .nf {display: none;} #headerTools .tools .link._badge {left: 15px;top: -13px;font-size: 11px;} #headerTools .tools li.wishlist {margin-top: 0;padding-right: 0;} #headerTools .tools li.telephone {} #headerTools .tools li.telephone .heading {display: none !important;} #topHeader > .limiter:after {content: '';display: block;clear: both;} #topService {float: right;width: 28%;margin-right: 140px;} #topService:after {content: '';display: block;clear: both;} #topService li:not(.null) a {position: relative;} .top-auth-personal, .top-auth-login, .top-auth-register {padding-left: 0 !important;left: auto;position: static;} .product.last .ps, .product.last .value {font-size: 20px;display: inline-block;} .product.last {border: none !important;} .product.last .showMore {width: auto; padding: 15px 10px;} .body__title, #homeCatalog .caption a, #infoTabsCaption .item .selected {font-size: 24px;} #leftFooter .footerRow {padding-left: 0;} #leftFooter .column._contacts {padding-left: 57px;margin-bottom: 30px;} #leftFooter .column._service {padding-left: 57px;} .contactCont {margin-left: -57px;} #leftFooter .column._contacts .telephone, #leftFooter .column._contacts .email, #leftFooter .column._contacts .workTime {padding-left: 57px;} .infoBlock {padding-left: 57px;margin-bottom: 15px;} .infoBlock:after {background-size: contain;width: 50px;height: 90px;top: -5px;left: -10px;} #leftFooter .heading {font-size: 18px;} .bottomAddr {padding-left: 57px;margin-bottom: 15px;} .customSlider {position: relative;} .customSlider .bx-controls-direction {position: relative;} .customSlider .bx-controls-direction a {position: absolute;margin-left: 0;border: none;} .customSlider .bx-controls-direction .bx-prev {left: 0;} .customSlider .bx-controls-direction .bx-next {right: 0;} #homeCatalog .item {width: 100%;} .mainService .btnLeft, .mainService .btnRight {position: absolute;top: 0;} #headerTools .tools .link._hiddenMobile {display: none;} .body__menuOpener { position: absolute; left: 0px; top: 0px; width: 66px; height: 50px; z-index: 100; display: block; } ._menuOpen .body__menuOpener:before {/*content: '';display: block;width: 40px;height: 40px;background: #fff;*/} .body__menuOpener span { display: block; left: 16px; right: 16px; height: 4px; background: #202730; position: absolute; top: 25px; /*-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;*/ } .body__menuOpener span:before, .body__menuOpener span:after { content: ''; display: block; height: 4px; background: #202730; width: 100%; position: absolute; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .body__menuOpener span:before { top: 10px; } .body__menuOpener span:after { bottom: 10px; } ._menuOpen2 .body__menuOpener span {background: none;} ._menuOpen2 .body__menuOpener span:before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } ._menuOpen2 .body__menuOpener span:after { bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } ._menuOpen2, ._menuOpen {overflow: hidden;} #mainMenuContainer { position: fixed; z-index: 99; /*top: 50px;*/ top:0px; left: 0; width: 100%; bottom: 0; -webkit-transform: translateX(-110%); -moz-transform: translateX(-110%); -ms-transform: translateX(-110%); -o-transform: translateX(-110%); transform: translateX(-110%); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.22); -moz-box-shadow: 0 0 8px rgba(0,0,0,.22); box-shadow: 0 0 8px rgba(0,0,0,.22); padding: 30px 0; background: #fff; overflow-y: auto; } /*._menuOpen #mainMenuContainer { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }*/ ._menuOpen #mainMenuContainer { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .parentOperner {float: right;line-height: 60px;} .parentOperner:after {content: '\f105';font-family: FontAwesome;} .nbSearch__btn {display: none;} #mainMenu {display: block;background: #fff;} #mainMenu li {border: none;} #mainMenu > li a {color: #202730;padding: 0 24px;} #mainMenu > li._hasChild > .menuLink {margin-right: 55px;padding-right: 0; display: block; border-bottom: 1px solid transparent;} #mainMenu .drop { position: fixed; top: 0; display: block !important; -webkit-transform: translateX(110%); -moz-transform: translateX(110%); -ms-transform: translateX(110%); -o-transform: translateX(110%); transform: translateX(110%); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; overflow-y: auto; } #mainMenu .drop .nextColumn {width: 100%;} #mainMenu .drop._open { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .menuBack {text-decoration: none;display: inline-block;font-size: 18px;margin-bottom: 30px} .menuBack:before {content: '\f104';font-family: FontAwesome;color: #ff4a00;margin-right: 10px;} #headerTools .tools li.wishlist ._badge, #headerTools .tools .link._badge {top: -6px;} #headerTools .tools .link._badge {min-width: 20px;line-height: 20px;} .catalogButton {display: none;} #topService {padding: 0;} .top-auth-login a, .top-auth-register a {padding-left: 40px;} .top-auth-register a:before {background: url(/bitrix/templates/dresscodeV3/images/sprite.png) -80px -125px no-repeat} .webformModal .webFormItems, .webformModal .webFormTools, .webformModal .webFormError {padding: 0 15px;} .webFormDescription {padding: 0 15px;font-size: 14px;} .limiter._contentRow {display: none;} ._menuOpen2 .body__menuOpener {background: #fff} ._menuOpen2 #foundation:before {content: ''; position: absolute; top: 44px; left: 0px; width: 66px; height: 6px; background: #fff; z-index: 1000;} #mainMenuContainer {padding: 0; position: absolute;} ._menuOpen2 .__jivoMobileButton, #mainMenuContainer .nbSearch, #mainMenuContainer .catalogButton, #mainMenuContainer #searchResult {display: none} #mainMenuContainer #mainMenu {padding: 30px 0 15px;;} #mainMenuContainer #mainMenu > li {display: block; float: none; width: 100%;} #mainMenu .parentOperner { display: block; position: absolute; right: 0; } #mainMenuContainer .menuBack {border-bottom: 1px solid #e6e6e6; padding-bottom: 15px; margin-bottom: 12px;} #mainMenu .drop .nextColumn > li {margin-top: 0px;} #mainMenu .drop .nextColumn > li .menu2Link {padding: 12px 24px; color: #646464 ; font-weight: normal; font-family: 'PT Sans', sans-serif; } #mainMenu .drop {position: fixed; bottom: 0; overflow-y: auto; height: auto !important;} #mainMenu .drop._open {transform: translateX(150px); } .subMenus {padding: 0; position: fixed; z-index: 99; /*top: 50px;*/ top:0; left: 0; width: 100%; bottom: 0; overflow-y: auto; -webkit-transform: translateX(110%); -moz-transform: translateX(110%); -ms-transform: translateX(110%); -o-transform: translateX(110%); transform: translateX(110%); background: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; display: block; } .subMenus .drop {} .subMenus .drop._open {display: block !important;} ._menuOpen .subMenus._active { -webkit-transform: translateX(110%); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0px); } .subMenus .menuBack {border-bottom: 1px solid #e6e6e6; padding: 15px 28px;margin-bottom: 12px;display: block;color: #646464;} .subMenus .drop .nextColumn {margin: 0;padding: 0;list-style: none;} .subMenus .drop .nextColumn > li {margin-top: 0px;} .subMenus .drop .nextColumn > li .menu2Link {padding: 13px 28px; color: #646464 ; font-weight: normal; font-family: 'PT Sans', sans-serif; display: block; font-size: 18px; text-decoration: none !important;} .callBackTitle {line-height: 1.1;} .webFormTools {padding-bottom: 15px !important;} .callBackTitle {padding-top: 50px;} #breadcrumbs {display: none;} #leftFooter .column {width: 100%;} .related_table {} .related_table td {display: block; width: auto !important; text-align: center;} ._secondary h1 {padding-left: 0px;} .offers .offer .header {float: none; text-align: left;} .offers .offer .scroller {margin: 0;} .mainTool .mainTool__left, .mainTool .mainTool__right {display: block;width: auto !important; float: none; text-align: center; padding: 0px;} .secondTool .secondTool__col {float: none; width: auto;box-sizing: border-box;padding: 0 0 10px !important;} .complect-section .complect-total .price-wrap, .complect-section .complect-total .add2cart-wrap, .complect-section .complect-total .eco-span {display: block; text-align: center; width: auto;} .nbElementTabs>ul {white-space: nowrap; overflow: auto;} .related_table tr td.td_photo a, .related_table tr td.td_buy a {margin: 0 auto;} #elementSmallNavigation {display: none;} .tmpMobileBlock {display: block;} #personalCart a.inStock span {font-size: 12px; white-space: nowrap;} #personalCart .changeAvailable {white-space: nowrap;} #personalCart .productList .basketQty__name {display: none;} #personalCart .productList .item {border-bottom: 1px solid #ececec !important; height: 414px !important;} #personalCart .productList .product:hover .tabloid {border: none !important;} #personalCart .orderLine {height: auto;} #personalCart .orderLine #sum {float: none;} .bx-soa-section-title-container {padding: 10px 10px !important;} .bx-soa-section-title-count {margin: -3px 10px 0 0 !important;} .bx-soa-section-title {font-size: 15px !important;} #bx-soa-order-form a {} #bx-soa-order-form .bx-blue .btn.btn-default { } .bx-soa-pp-company-graf-container {padding-top: 0% !important;} .bx-soa-pp-desc-container .bx-soa-pp-company-logo {display: none !important;} .bx-soa-pp-desc-container .bx-soa-pp-company-subTitle, .bx-soa-pp-desc-container .bx-soa-pp-company-block, .bx-soa-pp-desc-container .bx-soa-pp-list {margin-left: 0px !important;} .bx-soa-pp-list-termin {width: auto !important;} #bx-soa-properties label.bx-soa-customer-label, #bx-soa-properties .bx-soa-custom-label, .bx-soa-pp-desc-container .form-group.bx-soa-pp-field label {float: none !important;width: auto !important; } #bx-soa-properties #orderDescription, #bx-soa-properties .soa-property-container, .bx-soa-pp-desc-container .form-group.bx-soa-pp-field .bx-soa-service-small, .bx-soa-pp-desc-container .form-group.bx-soa-pp-field input {margin-left: 0px !important; width: auto !important;} #bx-soa-properties #orderDescription {width: 100% !important;} .nbHiddenXs {display: none!important;} #catalogLine .column:last-child {display: none;} #similar .product {width: 100%;} #headerTools .tools li.telephone .wrap .callBack, #headerTools .tools li.telephone .wrap .nf .heading, .phonetop, #headerTools .tools li.telephone .wrap .nf .openWebFormModal {display: none;} .tabs {min-width: 290px !important;} .tabs > label {box-sizing: border-box; width: 100% !important; margin: 0px !important;} #catalogColumn .product {width: 100% !important;} #headerTools .tools li.telephone {width: auto; position: absolute;} .product .tabloid {border: none !important;} .product:hover .tabloid {height: 360px; border: none !important;} .product .optional {border: none !important; display: none !important;} #catalog .product .tabloid {height: auto!important;} #catalogColumn .product:nth-child(1n+1), #catalogColumn .product:nth-child(-n+1), #catalogColumn div.product {height: auto!important; border-bottom: 1px solid #e7e8ea !important; border-left: none !important;} #catalog .product .tabloid {padding: 12px;} .prodSlider .product:nth-child(-n+4), .prodSlider .product {border: 1px solid #e7e8ea !important; height: auto!important;} .phonetop, .phonemobtop{font-size: 20px; text-align: center; } .medo ul{margin-top: 5px; margin-bottom: 0;} a.link.callBack{font-size: 16px;text-align: center;} .nbMobSearsh{ display: block; background-color:#d2d2d2; margin-bottom: 0; } .nbMobSearsh form{position: relative;padding-top: 10px; height: 54px} .nbMobSearsh .search-suggest{padding-left: 10px;width: 100%; height: 32px; padding-right: 50px; background-color: #fff; border:1px solid #fff;} /*#main .nbMobSearsh #mobSearch_btn.mobSearch_btn{width:50px; position: absolute; right: 0; top:20px; height: 40px; text-indent: -999999px; background-color: #fff!important; border:none; background-image: url(/bitrix/templates/dresscodeV3/images/modalSearch_.png)!important; background-repeat: no-repeat!important; background-position: -2px -3px!important;}*/ #foundation .nbMobSearsh .limiter{padding-bottom: 0;} #mobSearch_btn{position: absolute;right: 0; top:10px;width:50px; text-indent: -999999px; height: 32px; background-color: #fff!important;border:none; background-image: url(/bitrix/templates/dresscodeV3/images/modalSearch_.png)!important; background-position: -2px -8px!important;} } @media screen and (min-width: 300px) { #appFastBuy { } #appFastBuyContainer { height: 900px !important; width: 100%; left: 100%; top: 34%; } #appFastBuyContainer { margin-left: -321px; } #appFastBuyContainer .formLine { margin-bottom: 3px; } .formLine label { font-size: 10px; } #fastBuyPicture { display:none!important; } #appFastBuyContainer textarea { height:80px;width: 100%; } #appFastBuyContainer input { height:30px;width: 100%; } #appFastBuyContainer .column { margin-top:0px; width: 100%;padding-left: 10px; padding-right: 10px; } #rad { display:none!important; } } @media screen and (min-width: 350px) { #appFastBuyContainer { height: 900px !important; width: 100%; left: 0%; top: 34%; margin-left: 0px; } } @media screen and (min-width: 1020px) { #appFastBuyContainer { width: 700px; left: 30%; margin-left: 22px; height: auto!important; } #rad { display:block!important; } #fastBuyPicture { display:block!important; } #appFastBuyContainer .column{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 24px; /*padding: 0 24px;*/ width: 380px; float: left; } #appFastBuyContainer .column:first-child{ text-align: center; width: 320px; } #appFastBuyContainer .heading{ position: relative; text-align: center; line-height: 60px; font-size: 18px; height: 60px; } #appFastBuyContainer .title{ margin-bottom: 12px; text-align: center; margin-right: 24px; font-size: 16px; display: block; } #appFastBuyContainer .formLine{ margin-bottom: 12px; } #appFastBuyContainer input{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; padding-left: 12px; width: 354px; height: 50px; border: 0; } #appFastBuyContainer input[type="checkbox"]{ vertical-align: middle; display: inline-block; margin-right: 6px; margin-top: 0px; height: 14px; width: 14px; } #appFastBuyContainer input[type="checkbox"].error + label{ border-bottom: 1px solid #ff0000 !important; } #appFastBuyContainer textarea{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; padding-left: 12px; padding-top: 12px; resize: none; width: 354px; height: 60px; border: 0; } #appFastBuyContainer input:focus, #appFastBuyContainer textarea:focus{ outline: none; } #appFastBuyContainer #fastBuyFormSubmit{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; font-size: 14px; display: block; height: 50px; width: 354px; } #appFastBuyContainer #fastBuyFormSubmit:active{ position: relative; top: 1px; } #appFastBuyContainer #fastBuyFormSubmit.loading{ -webkit-transition: background 0s !important; -o-transition: background 0s !important; transition: background 0s !important; text-indent: 12px; opacity: 0.9; } #appFastBuyContainer #fastBuyFormSubmit.loading img{ display: none; } #appFastBuyContainer #fastBuyFormSubmit img{ vertical-align: middle; padding-right: 4px; margin-top: -2px; } #appFastBuyContainer .markerContainer{ position: absolute; top: 0px; left: 12px; } #appFastBuyContainer #fastBuyResult{ /* transform: translateY(50%); */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; } #fastBuyResult #fastBuyResultTitle{ text-align: center; margin-top: 24px; font-size: 16px; } #fastBuyResult #fastBuyResultMessage{ text-align: center; margin-top: 24px; } #fastBuyResult #fastBuyResultClose{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; margin: 24px auto; font-size: 14px; display: block; height: 50px; width: 254px; } #fastBuyResult #fastBuyResultClose:active{ position: relative; top: 1px; } #appFastBuyContainer .marker { font: normal normal 12px "roboto_ltregular" , arial , sans-serif; margin-bottom: 8px; padding: 3px 4px; line-height: 16px; z-index: 2; } #appFastBuyContainer .name{ -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; font-size: 14px; display: block; text-decoration: none; margin-bottom: 12px; height: 44px; line-height: 44px; overflow: hidden; } #appFastBuyContainer .middle{ line-height: 21px; vertical-align: middle; display: inline-block; } #appFastBuyContainer .price{ font-family: 'robotobold'; text-decoration: none; margin-bottom: 12px; font-size: 18px; display: block; } #appFastBuyContainer .price .discount{ font-family: 'roboto_ltregular'; padding-left: 4px; font-size: 14px; } #appFastBuyContainer #fastBuyName{ padding: 0 24px; } #appFastBuyContainer #fastBuyPicture{ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-bottom: 12px; position: relative; text-align: center; line-height: 230px; display: block; height: 230px; } #appFastBuyContainer #fastBuyPicture .url{ text-align: center; line-height: 230px; display: block; height: 230px; } #appFastBuyContainer #fastBuyPicture .picture{ vertical-align: middle; max-height: 90%; max-width: 90%; } #appFastBuy .close{ background: url(/bitrix/templates/dresscodeV3/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 ; } } @media only screen and (max-width: 767px) and (min-width: 414px){ #catalogColumn .product, #homeCatalog .item { width: 50% !important; } .product .addCart1, .product .addCart { max-width: 100%; margin: 16px 0 0 0; } } /**/ @media only screen and (max-width: 500px) and (min-width: 414px) { #catalogColumn .product, #homeCatalog .item { width: 50% !important; } .product .addCart1, .product .addCart { max-width: 100%; margin: 16px 0 0 0; } .product .addCart1, .product .addCart.current { display: flex; align-items: center; align-content: center; justify-content: center; } .product .addCart1, .product .addCart.current span { width: min-content; padding: 0; line-height: 21px; } .product .price { font-size: 14px !important; } .product .name+div { height: 25px; width: min-content; } } @media only screen and (max-width: 590px) and (min-width: 414px){ .product .name+div{ height: 30px; text-align: center; /*float: none !important;*/ float: right; } } .medo { background:#ff4a00; color:#fff; border-radius: 50px; padding: 10px; margin: 20px 25px; } .medo .anewyear { color:#fff; padding: 10px; display: inline-block; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; text-transform: uppercase; } .medo ul { padding:10px; } .medo li { list-style-type: none; display: inline-block; width: 100%; margin-bottom: 10px; } .medo li a { text-decoration: none; color: #222; font-family: 'Roboto Condensed', sans-serif; font-size: 18px; text-transform: uppercase; padding-right: 0px; font-weight: 700; } .medo li a:hover { color: #ff4a00; } .dopblockgaranty { margin-top: 10px; } .checkbox, .radio { display: none; } .checkbox-custom, .radio-custom { width: 20px; height: 20px; border: 2px solid #ccc; border-radius: 3px; position: relative; } .checkbox-custom, .radio-custom, .label { display: inline-block; vertical-align: middle; background: #fff; } .checkbox:checked + .checkbox-custom::before, .radio:checked + .radio-custom::before { content: ""; display: block; position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; background: #ff4a00; border-radius: 2px; } .radio-custom, .radio:checked + .radio-custom::before { border-radius: 50%; cursor: pointer; } .checkbox-custom { position: relative; /* Обязательно задаем, чтобы мы могли абсолютным образом позиционировать псевдоэлемент внютри нашего кастомного чекбокса */ width: 20px; /* Обязательно задаем ширину */ height: 20px; /* Обязательно задаем высоту */ border: 2px solid #ccc; border-radius: 3px; } /* Кастомный чекбокс и лейбл центрируем по вертикали. Если вам это не требуется, то вы можете убрать свойство vertical-align: middle из данного правила, но свойство display: inline-block обязательно должно быть */ .checkbox-custom, .label { display: inline-block; vertical-align: middle; background: #fff; } /* Если реальный чекбокс у нас отмечен, то тогда добавляем данный признак и к нашему кастомному чекбоксу */ .checkbox:checked + .checkbox-custom::before { content: ""; /* Добавляем наш псевдоэлемент */ display: block; /* Делаем его блочным элементом */ position: absolute; /* Позиционируем его абсолютным образом */ /* Задаем расстояние от верхней, правой, нижней и левой границы */ top: 2px; right: 2px; bottom: 2px; left: 2px; background: #413548; /* Добавляем фон. Если требуется, можете поставить сюда картинку в виде "галочки", которая будет символизировать, что чекбокс отмечен */ border-radius: 2px; } .dopsSelector,.buyAlfa__cont { padding: 20px; border-radius: 4px; box-shadow: 0 5px 18px rgba(0,0,0,.12); } .buyAlfa__cont { margin-top:10px; padding:10px 20px; } .dopsSelector h3,.block-rassrochka h3{ font-weight:bold; padding: 0; margin: 0; margin-bottom:10px; } .dopsSelector__item { display: block; background: transparent; padding: 0; margin-bottom: 4px; width: 100%; font-weight: normal; font-size: 14px; color: #222; } .dopsSelector__item._selected, .dopsSelector__item:hover {background: transparent;cursor:pointer;} .dopsSelector__item .fa, .blockInsurrence .fa { float: right; color: #ff4a00; font-size: 18px; cursor: pointer; } .blockInsurrence {padding-top: 0;} .blockInsurrence label { cursor: pointer; display: inline-block; margin-left: 0; width: 100%; } .blockInsurrence .fa {margin-left: 15px;} .dopsSelector__item input[type=radio], .blockInsurrence input[type=checkbox] {margin-right: 5px;display: none;} .blockDetailDescr { display: none; position: fixed; background: #fff; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 99999; max-width: 700px; min-width: 280px; } .blockDetailDescr._open {display: block;padding: 30px;} .blockDetailDescr__closeCont {margin-top: -15px;margin-right: -15px;} .blockDetailDescr__close {display: inline-block;width: 40px;height: 40px;position: relative;} .blockDetailDescr__close:before { content: ''; display: block; width: 2px; height: 30px; background: #ccc; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .blockDetailDescr__close:after { content: ''; display: block; height: 2px; width: 30px; background: #ccc; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .blockDetailDescr__text {min-width: 280px;margin-top: -25px;} .blockDetailDescr__pic {background: url(/bitrix/templates/dresscodeV3/images/bear.png) no-repeat center;background-size: contain;padding-top: 150%;margin-left: -30px;margin-right: -30px;} #modalOverlay {background: rgba(0,0,0,.7);position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 9999;} .sectionSliderCont {clear: both;text-align: center;} .sectionSliderCont img {max-width: 100%;} #similar .product .price { font-size: 18px; text-align: left; } #elementProperties .stats .cap, #elementProperties .stats .cap:hover td { background-color: #fff !important; border: 0 !important; display: inherit; } ._secondary #breadcrumbs:before {z-index: 1} .srlink { border: none; font-weight: bold; font-family: 'Roboto Condensed', sans-serif !important; color: #202730; font-size: 34px !important; text-align: center; margin-bottom: 20px; } .srlink2 { border: none; font-weight: bold; font-family: 'Roboto Condensed', sans-serif !important; color: #202730; font-size: 34px !important; text-align: center; margin-bottom: 20px; width: 100%; display: inline-block; text-transform: uppercase; margin-top: 20px; } .bla-1,.bla-2,.bla-3 { background: #fff; box-shadow: 0 5px 18px rgba(0,0,0,.12); padding: 10px 20px; margin-bottom:10px; } .redalfa { color: #f00; font-weight: bold; font-size: 18px; } /****region***/ .vregion { font-size: 14px; display:inline-block; position: relative; } .vr-template { } .vr-wrap { } .vr-popup { background-color: rgba(0, 0, 0, 0.2); } .vr-popup__body { background: #fff!important; } .vr-popup__header { padding-left: 25px; background-color: #202730!important; } .vr-popup__region-link, .vr-popup__region-link:link { color: #222!important; font-size: 16px!important; text-align:left!important; line-height: 22px; text-decoration: none; display: block; border: none; border-radius: 3px; } .vr-popup__region-link:hover { text-decoration: underline; } .vr-popup__body { background: #f4f5fd; padding: 40px 5%!important; } .vregions-chosen-list { } .vr-popup__paragraph { padding: 0px; margin: 0px 0px 10px 0px; color: #222; font-size: 18px; } .vr-popup__button, .vr-popup__button:visited, .vr-popup__button:link,.vr-popup__button { color: #ffffff!important; background-color: #e15311!important; display: inline-block; padding: 6px 12px; margin: 0 5px 5px 0; font-size: 16px!important; cursor:pointer!important; } .vr-popup__button:hover,.vr-popup__button:hover{ background-color: #cc5118!important; border: 1px solid #cc5118!important; text-decoration:none } .vr-popup__content { background: #ffffff; position: relative; border-radius: 5px; margin: 10px auto; top: 30%; } .vregions-sepia { background-color: rgba(0, 0, 0, 0.5); } .vregions-chosen-list__item { float: left; height: auto; text-align: left; list-style: none; font-weight: bold; color: #202730; padding: 0 10px; font-size: 18px; margin-bottom:4px } .vregions-list__col:last-child { border-right: 0; } .catalog-region{ color: #202730; font-weight: bold; } .addCart1.disabled { display:none; } #e18e2ce2119ae947a1ca79610a49cff4 .ya-link { text-decoration: none; border-bottom: 1px dashed #ff4a00!important; color: #ff4a00!important; } .vidacha { display: inline-block; width: 100%; margin-bottom: 10px; margin-top: 0; overflow: hidden; list-style: none; background: #fff; border: 1px solid #e7e8ea; padding: 10px; } .vidleft { padding-top: 80px; } .vidleft h3{ font-family: 'Roboto Condensed', sans-serif; text-align: left; color: #fff; display: block; font-weight: bold; font-size: 24px; text-transform: uppercase; background-color: #ff4a00; padding: 10px; display: inline-block; } .vidleft a { font-size: 14px; color: #222; font-family: 'Roboto Condensed', sans-serif !important; } .vidleft .mngtelv { font-weight: bold; font-size: 24px; font-family: 'Roboto Condensed', sans-serif !important; line-height: 30px; color: #222; } .vidleft-dost { padding-top: 80px; } .vidleft-dost .metro { background: url(/images/metro.png) left top no-repeat; padding-left: 40px; } .vidleft-dost h3 { background-color: #ff4a00; color: #fff; padding: 10px; font-size:18px; } .h3delivery { font-family: 'Roboto Condensed', sans-serif !important; line-height: 36px !important; text-align: left; margin: 24px 0 24px !important; font-size: 30px; color: #323131; display: block; font-weight: bold; text-transform: uppercase; font-size: 28px; } .dostavka-oplata .nbCatalogTopSlider__contRight { padding-left: 20px; padding-right: 15px; } .dostavka-oplata .nbCatalogTopSlider__contRight h3{ background-color: #ff4a00; color: #fff; padding: 10px; font-size:18px; } .block-menu-lk { font-size: 15px; border: 1px solid #dddddd; background: #fff; padding: 16px 0px; border-radius: 4px; margin-bottom: 3px; text-align: center; width: 33%; display: inline-block; } .block-menu-lk a{ color: #222; font-size: 18px; } .block-menu-lk a:hover { color:#ff4a00; } .shop-review-item-answer-text { margin-top: 12px; color: #000; font-size: 16px; background: #fffcc6; padding: 10px; } .sale-order-detail-title-element { padding:0!important } .sale-order-detail-total-payment { background: #202730; color: #fff; } .sale-order-detail-order-item-title { display: inline-block; float: left; width: 80%; } .sale-order-detail-order-item-properties { padding: 3px 0; text-align: center; } .delivery-region { display: inline-block; width: 100%; margin-bottom: 10px; margin-top: 0; overflow: hidden; list-style: none; background: #fff; border: 1px solid #e7e8ea; padding:20px; } .delivery-region a { color:#ff4a00; } .delivery-region ul { padding: 20px; color: #684f26; background-color: #fcf8e3; border-color: #faebcc; } .delivery-region li { list-style-type: none; } .delivery-region li:before { content: '\2714'; margin-right:10px; } .razreshenie li:before { content: '\2714'; margin-right:10px; } .zapret li:before { content: '\2716'; margin-right:10px; color:red; } .delregspan { color: #a94442; background-color: #f2dede; border-color: #ebccd1; padding:20px; margin-bottom: 20px; } .delregspan p { margin:0; } .information-feedback, .shop-review-top-new-button { border: 1px solid #ff4a00; background: #ff4a00; color: #fff; font-weight: bold; padding: 15px; border-radius: 2px; } .information-feedback:hover { color:#fff; background: #202730; border: 1px solid #202730; text-decoration:none; } .shop-review-top-new-button { height: auto; line-height: 10px; } .shop-review-top-new-button:hover { color:#fff; background: #202730; border: 1px solid #202730; text-decoration:none; } .webFormDw { display: inline-block; width: 100%; margin-bottom: 10px; margin-top: 0; overflow: hidden; list-style: none; background: #fff; border: 1px solid #e7e8ea; padding: 20px; } .my_inp2 input[type="submit"] { color:#fff; } .vregions-suggestions-wrap { z-index:999999999; display:block } .bonus { text-align: left; font-size: 14px; color: #666; display: block; line-height: 18px; } .mmoneti-prod { margin:10px 0 } .mmoneti-prod a { color: #ff4a00; text-decoration:underline } .bx-ui-sls-tree-trunk { padding:0; margin-bottom:10px; } .bx-soa-location-input-container { margin-top:20px; } #bonus_payment_block { font-size: 16px; background: #fff; margin: 10px 0; padding: 20px; display: inline-block; } #bonus_payment_block strong { margin: 5px 0; display: inline-block; } #paybonus_input { border: 1px solid #ddd; border-radius: 2px; width: 100%; padding: 10px; display: inline-block; } #subscribeEdit { padding: 20px; background-color: #ffffff; border: 1px solid #ddd; margin-bottom: 10px; } #elementErrorContainer .close { display:none } #mainProfile .profileSettings textarea { font: inherit!important; } .bonusmishka { background: #fff; border: 1px solid #e7e8ea; padding: 20px; } .bonusmishka h2,.pravila-bonus h2 { font-family: 'Roboto Condensed', sans-serif; line-height: 36px; font-weight: 400; text-align: left; margin: 0 0 10px 0; font-size: 30px; color: #202730; display: block; font-weight: bold; text-transform: uppercase; } .pravila-bonus ul { color: #222; background-color: #fff; border-color: transparent; } .orange { color:#ff4a00 } .status_1,.status_2,.status_3,.status_4 { background: #fff; box-shadow: 0 5px 18px rgba(0,0,0,.12); padding: 20px; } .gr { text-align: left; padding: 20px; font-size: 16px; line-height: 20px; margin: 10px 0; border-radius: 2px; color: #3c7730; background-color: #daf0cc; border-color: #93c87f; } .yl { text-align: left; padding: 20px; font-size: 16px; line-height: 20px; margin: 10px 0; border-radius: 2px; color: #776930; background-color: #fbf7ac; border-color: #c8c47f; } .or { text-align: left; padding: 20px; font-size: 16px; line-height: 20px; margin: 10px 0; border-radius: 2px; color: #fff; background-color: #ff4a00; border-color: #f2b36d; } .rd { text-align: left; padding: 20px; font-size: 16px; line-height: 20px; margin: 10px 0; border-radius: 2px; color: #236e90; background-color: #b7e1ff; border-color: #7facc8; } .status_header { font-size: 22px; color: #202730; text-transform: uppercase; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; } .howmany { border: 1px solid #ddd; padding: 20px 0; } .status_1 { border-right: 1px solid #ddd; } .status_2 { border-right: 1px solid #ddd; } .status_3 { border-right: 1px solid #ddd; } .status_4 { } .left-lk { display: inline-block; width: 24%; float: left; margin-right:1%; } .right-lk { display: inline-block; float: right; width: 74%; } .l-block-cart,.r-block-cart { width: 49%; padding: 0 15px; } .row-lk { display: inherit; } .block-menu-lk { cursor:pointer; font-weight: 700; text-decoration: none; padding: .8em 1em calc(.8em + 3px); border-radius: 3px; background: #fff; transition: 0.2s; border: 0; box-shadow: 0 5px 15px rgba(0,0,0,.12); padding: 20px; } .block-menu-lk:hover { background:#ff4a00 } .block-menu-lk:hover a { text-decoration:none; color:#fff; } .innova_instagram_item_image img { height: 190px; object-fit: cover; } .titleinst { width: 100%; font-family: 'Roboto Condensed', sans-serif; line-height: 36px; text-align: left; margin: 24px 0 0px; font-size: 30px; color: #000000; display: block; font-weight: bold; text-transform: uppercase; } .descinst { margin-bottom: 20px; display: inline-block; } .mainPageTextBlock__col._right { width: 100%; } .mainPageTextBlock__col._left { width: 100%; } #bx-soa-order { background: #fff; border: 1px solid #e7e8ea; padding: 20px; } .bx-soa-section .bx-soa-section-title-container { background:transparent } .bx-soa-section.bx-selected .bx-soa-section-title-container{ background:inherit } .overprice { position:relative; } .spisok-oldpriceblock { position: absolute; bottom: -5px; left: 12px; } .oldpriceblock { display: inline-block; width: 100%; margin-top:10px; } .oldpriceblock-ac { display: inline-block; width: 100%; margin-top: 0; position: absolute; bottom: -10px; left: 0; text-align: center; } .nameoldprice,.valueoldprice { display:inline-block } .valueoldprice { color: #e92424; text-decoration: line-through; font-weight: bold; font-size: 13px; } .modal-header { background-color: #202020; position: relative; text-align: center; line-height: 40px; font-size: 22px; color: #ffffff; } .modal-dialog .modal-body { width: 100%; background: #ff4a00; } .razdel-link.red { } .razdel-link.orange { color:#fff; padding: 15px 20px; text-transform: uppercase; width:350px; text-decoration:none; text-align:center; margin:30px 0; display: block; background-image: linear-gradient(to left,transparent,transparent 50%,#ff4a00 50%,#ff4a00); background-position: 0 0; background-size: 200% 100%; transition: all .25s ease-in; font: 400 18px tahoma; border: 1px solid #ff4a00; } .razdel-link.orange:hover { background-position: 100% 0; color:#ff4a00; } .bx-soa-pp-company-image { position: absolute; max-width: 80%!important; top: 50%; left: 50%; transform: translate(-50%,-50%); background-size: contain; background-repeat: no-repeat; background-position: center; width: 160px!important; height: 50px!important; } .container-tovar225 img { max-width: 100%; object-fit: cover; height: 225px; width: 100%; } #searchResult { background-color:#ffffff; position: absolute; display: none; height: auto; z-index: 999; width: 700px; top: 45px !important; left: 580px; } #searchResult h1 { border-top: 1px solid #e7e8ea; font-family: 'robotobold'; text-transform: uppercase; background-color: #ffffff; position: relative; text-align: center; line-height: 38px; font-size: 18px; height: 40px; padding: 0; margin-bottom: 0 !important; } .radi li a { color: #828282; font-size: 14px; text-decoration: underline; margin-right: 10px; } ul.radi {padding: 0 20px;} .radi li { list-style-type: none; display: inline-block; } .tov1i { display: inline-block; width: 10%; float: left; } .tov1n { display: inline-block; float: left; width: 70%; } .pois li { display: inline-block; margin-bottom: 10px; border-bottom: 1px solid #ddd; padding: 10px 0; } ul.pois {padding: 0;} .tov1i img { width: 100%; } #searchSection { display: inline-block; margin: 10px 0 0 0; background: #fff; box-shadow: 0 5px 18px rgba(0,0,0,.12); padding: 20px 30px; width: 100%; position: relative; } #searchSection li{ list-style-type: none; display: inline-block; margin-right: 10px; } #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: #373737; } #bonus_payment_block { width:100% } .tbl1 table { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 14px; border-radius: 10px; border-spacing: 0; text-align: center; } .tbl1 th { background: #ff4a00; color: white; text-shadow: 0 1px 1px #2D2020; padding: 10px 20px; } .tbl1 th, .tbl1 td { border-style: solid; border-width: 0 1px 1px 0; border-color: white; } .tbl1 th:first-child,.tbl1 td:first-child { text-align: left; } .tbl1 th:first-child { border-top-left-radius: 10px; } .tbl1 th:last-child { border-top-right-radius: 10px; border-right: none; } .tbl1 td { padding: 10px 20px; background: #EAEAEA; } .tbl1 tr:last-child td:first-child { border-radius: 0 0 0 10px; } .tbl1 tr:last-child td:last-child { border-radius: 0 0 10px 0; } .tbl1 tr td:last-child { border-right: none; } .inforassrochka { padding: 10px 20px; display: inline-block; margin: 10px 0; border-radius: 4px; box-shadow: 0 5px 18px rgba(0,0,0,.12); width:100%; } .rasR,.rasR2 { font-size: 22px; font-family: "PT Sans", sans-serif !important; text-transform: uppercase; font-weight: bold; } #catalogSection .sectionItems .item .itemContainer .bigTitle { font-family: 'Roboto Condensed', sans-serif !important; line-height: 36px !important; text-align: left; margin: 5px 0 24px !important; font-size: 24px; color: #202730; display: block; font-weight: bold !important; text-transform: uppercase; } #catalogSection .sectionItems .item .itemContainer .sectionList .section a { color: #202730; } #catalogSection .sectionItems .item .itemContainer .sectionList .section a:hover { border-bottom: 0; } #catalogSection .sectionItems .item .itemContainer .sectionList .section a { border-bottom: 0; color: #202730; margin: 0; padding: 0 0 4px; } #catalogSection .sectionItems .item { border: 0px solid #e7e8ea; display: inline-block; float: left; width: 33%; height: 350px; overflow: hidden; background: #fff; box-shadow: 0 5px 18px rgba(0,0,0,.12); margin-bottom: 10px; } #catalogSection .sectionItems .item .itemContainer .sectionList .section { margin-bottom: 0; width: 50%; float: left; display: inline-block; } #catalogSection .sectionItems .item:first-child { border-top: 1px solid #e7e8ea; width: 99%; background: #fff; box-shadow: 0 5px 18px rgba(0,0,0,.12); margin-bottom: 10px; } #catalogSection .sectionItems .item:first-child .itemContainer .sectionList .section { width: 25%; } #catalog .bigTitle .picture img { height:50px; } #mainMenuContainer #menu ul.children-list { border-right:0; } } #mainMenuContainer #menu { z-index: 9999!important; } .vregions-another-region__btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; color: #ffffff; background-color: #ff4a00; border: #ff4a00; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; margin-top: 40px; } .vr-template__link { text-decoration: underline; } .sale #breadcrumbs::before { content: ''; background: transparent; } .sale .breadCont {display:none} .sale .my_slider { padding:0 } .sale #main .limiter { padding:0; /*margin-bottom: 20px;*/ margin-bottom: 165px; } .podpiska-btn { background: transparent; border: 2px solid; border-radius: 50px; padding: 8px 20px; } .sale #middleSlider { width: 100%; height:100%; } .h3prop { font-size: 20px !important; } .rightColumn h1,h1.changeName { font-family: 'Roboto Condensed', sans-serif !important; line-height: 36px; text-align: left; margin: 24px 0 24px !important; font-size: 28px; display: block; font-weight: bold !important; text-transform: uppercase; } .discription-cart { text-align:center; } .discription-cart h2.left { text-align:left; } .dicription-block img { margin-bottom:10px } .razda {padding:0} .razda li { list-style-type:none; color:#fff; display: inline-block; border: 1px solid #ff4a00; border-radius: 2px; background: #ff4a00; font-size: 14px; padding: 10px; margin-bottom: 4px; } .razda a { color:#fff; } .razda li:hover a { color:#fff; text-decoration:none } .razda li:hover { border: 1px solid #202730; border-radius: 2px; background: #202730; } #bx_cookie_info { position: fixed; z-index: 100; bottom: 0; width: 100%; background:#fdfdfd; padding: 15px 0 0 0; } .advanced-container-medium { width: 1280px; margin: 0 auto; position: relative; font-size: 12px; text-align: center; line-height: 16px; } .close-cookie:after { content: '\2716'; color:#666; position: absolute; right: 0px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-page.bx-soa-page-confirm .bx-soa-page-table { margin-bottom: 10px; background: #fff; border: 1px solid #eee; padding: 30px; display: inline-block; } .bx-soa-cart-total-button-container a,.bx-soa-orderSave-button a { color: #fff!important; } #ipol_yadost_inject_pickup { background-color:#ff4a00 !important; border-color:#ff4a00 !important; display: inline-block; border-radius: 4px; margin: 10px 0; } #ipol_yadost_inject_pickup a { color:#fff !important; font-size: 14px; display: inline-block; padding: 10px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-cart-total.bx-soa-cart-total-fixed { position: fixed; top: 10px!important; } .1ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-cart-d { float: none!important; text-align: left!important; font-weight: normal; width: 100%!important; display: inline-block!important; } .1ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-cart-t { float: none!important; font-weight: normal!important; width: 100%!important; display: inline-block!important; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-item-td-text .bx-price { white-space: nowrap; font-size: 22px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-item-title { padding-bottom: 5px; font-size: 18px; } .bx-soa-cart-d { font-size: 18px; font-weight: bold!important; color:#111; } .bx-soa-cart-total { border: 0px none; background:rgb(255, 255, 255) none repeat scroll 0% 0%; box-shadow:rgba(0, 0, 0, 0.12) 0px 5px 18px; } .feb14 { background: url(https://img4.cliparto.com/pic/s/252469/4691552-seamless-pattern-of-hearts.jpg); } #pp-1881.paramsBox{ background:#eee; } #smartFilter .paramsBoxTitle._open span { font-weight: normal; } #pp-1881 .paramsBoxTitle {color:#fff} .snyt img { opacity:0.2; } .error-404-block .error-404-text1 { text-align:center; font-size:20px; margin:50px 0px; } .title404 { font-size:60px; margin:20px 0; display:inline-block } /*====================== 404 page =======================*/ .page_404{ padding:40px 0; background:#fff; } .page_404 img{ width:100%;} .four_zero_four_bg{ background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif); height: 400px; background-position: center; } .four_zero_four_bg h2{ font-size:120px!important; } .four_zero_four_bg h3{ font-size:80px; } .link_404{ color: #fff!important; padding: 10px 20px; background: #ff4a00; margin: 20px 0; display: inline-block; border-radius:4px; } .link_404:hover { text-decoration:none } .contant_box_404{ margin-top:-50px;} /*********** style sonar *****/ @media screen and (max-width: 1080px) { #catalogElement { display:none } .mainMenu__link { font-size: 14px; } #menuCatalogSection .catalogButton { background-color: transparent; } } @media screen and (max-width: 768px) { .medo .navmenus{ display:none } .yd-widget-container.inlinesvg_yes {display:none!important} #bx-soa-total-mobile {display:none} #homeCatalog .captionList { line-height: 30px; height: 30px; text-align: center; } #nextSection .title { background-color: #ff4a00; color:#fff; } .sale .slider-stock { display:none; } .instmod {display:none} .shops { margin: 10px 0; background: transparent; padding: 10px 0; min-height: 300px; } .medo_show .navmenus{ display: block } .menu-mobile-toggle { position: relative; /* top: 10px; */ /* width: 65px; */ height: 40px; /* margin-left: -32px; */ /* margin-top: 10px; */ /* padding-bottom: 10px; */ display: block; color: #202730; line-height: 60px; font-size: 30px; } .menu-mobile-toggle .atext{ position: relative; left: 0; font-size: 18px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; text-transform: uppercase; padding: 18px 20px; color: #fff; top: -14px; bottom: 0; } .menu-mobile-toggle__line { position: absolute; width: 34px; height: 4px; top: 2px; left: 20px; bottom: 0; margin: auto; background-color: #fff; -webkit-transition: background-color .4s ease; transition: background-color .4s ease; } .menu-mobile-toggle__line:before { top: 7px; } .menu-mobile-toggle__line:after, .menu-mobile-toggle__line:before { position: absolute; top: -10px; left: 0; right: 0; height: 4px; content: ''; background-color: #fff; -webkit-transition: all .4s ease; transition: all .4s ease; } .medo_show .menu-mobile-toggle .menu-mobile-toggle__line { background: transparent; } .menu-mobile-toggle__line:before { top: 10px; } .medo_show .menu-mobile-toggle .menu-mobile-toggle__line { background: transparent; } .medo_show .menu-mobile-toggle .menu-mobile-toggle__line:before { top: 0; -webkit-transform: rotate(225deg); transform: rotate(225deg); } .medo_show .menu-mobile-toggle .menu-mobile-toggle__line:after { top: 0; -webkit-transform: rotate(-225deg); transform: rotate(-225deg); } a.menu-mobile-toggle:hover { cursor: pointer; text-decoration: none !important; } .bx-soa-item-tr.bx-soa-basket-info.bx-soa-item-tr-first { padding:20px; } .bx-soa-item-td.bx-soa-item-properties { text-align: center!important; } .nbCatalogTopSlider__contLeft,.nbCatalogTopSlider__contRight { padding-left: 0; width: 100%; text-align: center; display: inline-block; } #bx-soa-order { background: #fff; border: 1px solid #e7e8ea; padding: 10px 0; } .bx-soa-item-table .bx-soa-item-td-title { color:#111; font-size:20px; } .bx-soa-item-table .bx-soa-item-td-text { font-size: 18px; color: #333; margin: 10px 0; } .block-menu-lk { width: 100% } .left-lk,.right-lk { width: 100%; float: none; margin-right: 0; } .l-block-cart,.r-block-cart { width: 100%; padding: 0 15px; } .card-block .card-block_item-label { display: inline-block; min-width: 130px!important; color: #a8a8a8; } .lks .container,.lks .col-12 { padding:0 } .card-block .col-12 { padding:0 15px; } .nbCatalogTopSlider__cont { display: inline-block; width: 100%; } .nbCatalogTopSlider__contRight { margin-top:30px; } #elementDop .productList .product { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 100%; } .block1-miband3 { background: url(/images/miband3-desc/miband3-1.jpg) no-repeat; height: 368px; position: relative; background-position: top; } .block1-miband3 .promo1 { color: #fff; text-transform: uppercase; font-weight: bold; font-size: 30px; position: relative; top: 20px; left: 0; text-align: center; display: inline-block; line-height: 30px; } .block1-miband3 .promo2 { color: #fff; text-transform: uppercase; font-weight: bold; font-size: 20px; position: absolute; bottom: 60px; right: 30px; } .block2-miband3 .promo1, .block2-miband3 .promo2, .block2-miband3 .promo3 { text-align: center; background: #b1c8d1; border: 4px solid #9aa3b4; font-size: 20px; color: #fff; padding: 10px 0; width: 100%; display: inline-block; } .block3-miband3 h3 { position: absolute; color: #fff; font-size: 30px; right: 10px; top: 30px; text-align: center; } .block3-miband3 .promo1 { position: absolute; color: #fff; top: 130px; text-align: center; padding: 0; display: inline-block; width: 100%; right: auto; } .block4-miband3 .promo1 { position: absolute; color: #fff; left: 0px; top: 100px; } .block5-miband3 .promo1 { position: absolute; color: #fff; right: 60px; top: 100px; font-size: 17px; } .nbElementTabs .tab-content { background: #fff; padding: 0!important; } .block1-miband3,.block2-miband3,.block3-miband3,.block4-miband3,.block5-miband3 { padding:20px ; } .consent { position: absolute; left: 0; bottom: 0px; padding: 10px 20px; width: 100%; } .nbCatalogTopSlider__itemInner { display: table; width: 100%; text-align: center; } .srlink { font-size: 20px!important; width: 60%; display: inline-block; line-height: 20px; padding-top: 20px; } .srlink2 { border: none; font-weight: bold; font-family: 'Roboto Condensed', sans-serif !important; color: #202730; font-size: 24px !important; text-align: center; margin-bottom: 20px; } .body__title { margin-bottom: 30px; } .u1 { margin-left: 0; padding-left: 0; background: #ff4a00; } .u2 { border: solid 1px #ff4a00 !important; padding: 15px; font-weight: 700; border-radius: 0; text-align: center; text-decoration: none; font-size: 20px; } #mainMenu > li > a:hover {color: #ff9601 !important;} } @media screen and (max-width: 767px) { .telephone .nf .vregion, .btnwishadd { display: none; } } @media screen and (max-width: 736px) { #elementDop .productList .product { width: 50% !important; } .tpimggg {display:none} .lbl {margin:10px 0;text-align:center;} .newsletter_btn { margin: 10px 0; } #elementContainer .mainContainer .col._right { height: auto; } .product.last .icon { display: none; } } @media (max-width: 660px) { .my_podpis input[type=text], .welcome_newsletter_button, .my_inp2, .my_inp1 { width:100%; float:none; max-width: 100%; box-sizing: border-box; } .my_inp2 { margin-top: 20px; } .infoBlock { width: auto; } .container-tovar,.container-tovar225 { background-color: white; display: inline-block; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); grid-template-rows: repeat(4, 500px); padding: 0 15px; } .item-1-watch, .item-4-watch, .item-5-watch, .item-8-watch, .item-9-watch, .item-12-watch { align-self: center; padding: 0px; } .vidleft-dost { padding-top: 0px; } .bottomAddr {float: left;font-size: 18px;position: relative;padding-left: 50px;width: 100%;} .navbar-bottom-mobile { display: block; background-image: -webkit-linear-gradient(#fff, #eee 50%, #e4e4e4); background-image: -o-linear-gradient(#fff, #eee 50%, #e4e4e4); background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee), to(#e4e4e4)); background-image: linear-gradient(#fff, #eee 50%, #e4e4e4); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe4e4e4', GradientType=0); -webkit-filter: none; filter: none; border: 1px solid #d5d5d5; text-shadow: 0 1px 0 rgba(255,255,255,0.3); position: fixed; right: 0; left: 0; z-index: 100; bottom: 0; } .fast-panel-item { float: left; width: 25%; text-align: center; font-size: 16px; padding: 10px 0 0; } .fast-panel-item .fa { font-size:28px; color:#ff4a00; } .fast-panel-item a { color: #454545; } .fast-panel-item a:hover { text-decoration:none; } .fast-panel-item img { height:30px; } .telephone .nf .vregion, .btnwishadd { display: none; } .sale #main .limiter { padding: 10px; margin-bottom: 20px; } } @media screen and (max-width: 460px) { .nbCatalogTopSlider__itemPic { background-repeat: no-repeat; background-position: center; height: 180px; background-size: contain; } .rating-block.newRating2{ flex-wrap: wrap !important; width: 100% !important; } .rating-block.newRating2 .rating{ margin: auto; padding: 0 27px; width: 100% !important; } .rating-block.newRating2 .rating i{ left: calc(50% - 55px); } .rating-block.newRating2 img.icon{ margin-left: auto !important; } .rating-block.newRating2 .label{ margin-right: auto !important; } } /*@media screen and (max-width: 414px) {*/ @media screen and (max-width: 450px) { .telephone .nf .vregion,.btnwishadd { } .overprice { height:auto!important } .item.product.sku { /*height:374px!important;*/ height: auto !important; } .sale #main .limiter { padding: 10px; margin-bottom: 20px; } #catalogSection .sectionItems .item { width: 99%; height: auto; } #catalogSection .sectionItems .item:first-child .itemContainer .sectionList .section { width: 50%; } #catalogColumn .mainServiceContainer .item { } .nalichie-spisok { float: none; display: block; margin-top: 0; padding: 0 0 0 12px; } .spisok-oldpriceblock { position: relative; bottom: 0; left: 0; height: 42px; } .mainTool .price { width: 100%; } .mainTool .mainTool__left, .mainTool .mainTool__right { padding: 20px; } #dip .rab.bx-catalog-subscribe-button { width: 100%; margin: 0; padding: 10px 0px; font-weight: normal; border-radius: 2px; line-height: 18px; } .addCart1.disabled { display: block !important; height: 40px; line-height: 38px; font-size: 14px; font-weight: normal; border-radius: 3px; width: 90%; margin: auto; background: #202730 !important; } .product .addCart { display: block; height: 40px; line-height: 18px; font-size: 14px; font-weight: normal; border-radius: 3px; width: 90%; margin: auto; } #homeCatalog .items.productList .product .addCart, #homeCatalog .addCart1.disabled {display:none} .nbElementTabs > ul > li a { padding:10px; } .body__mobilePhone .vregion { font-size: 18px; margin-bottom: 15px; position: relative; margin-top: 15px; } .yashareBlock { display:none; } .oldpriceblock { text-align: center; } .btnwishadd { margin-bottom: 20px; } #elementDop .productList .product { width: 50% !important; min-height: 400px !important; } #homeCatalog .product .tabloid { border: none !important; text-align: center; min-height: 370px; } .product .price { text-align: center; font-size: 24px; } .btn-buy, ._buy { width: 100%; display: inline-block; margin: 5px 0; } .secondTool .addWishlist, .secondTool .addCompare { display: inline-block; width: 100%; margin: 4px 0; } .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; /*height: auto;*/ z-index: 1; text-align: center; height: 368px; } .product .NotSquaresSlider1 { height: 368px !important; } .product .middle { line-height: 22px; vertical-align: middle; display: inline-block; height: 64px; overflow: hidden; font-size: 16px; } .twoyearsgaranty { font-size: 11px; } #related .heading, #similar .heading { font-size: 24px; text-align: center; } #similar .product .price { font-size: 18px; text-align: center; display: inline-block; } .nbCatalogTopSlider__itemPic { background-repeat: no-repeat; background-position: center; height: 170px; background-size: contain; } .tpimggg-mob { display:block } #headerTools { position: absolute; top: 0; right: 0; width: 155px; z-index: 99; } #headerTools.mobcl { position: absolute; top: 90px; right: 0; width: 155px; z-index: 99; } .nf .vr-template {display:none} #mainMenuContainer { position: fixed; z-index: 99; top: 0; } ._menuOpen2 #foundation::before { content: ''; background: transparent; } .tpimggg-mob p { color: #fff; font-size: 14px; } .rating-block.newRating2{ flex-wrap: wrap !important; width: 100% !important; } .rating-block.newRating2 .rating{ margin: auto; padding: 0 27px; width: 100% !important; } .rating-block.newRating2 .rating i{ left: calc(50% - 55px); } .rating-block.newRating2 img.icon{ margin-left: auto !important; } .rating-block.newRating2 .label{ margin-right: auto !important; } } @media screen and (max-width: 375px) { .spisok-oldpriceblock { position: relative; bottom: 0; left: 0; height: auto; } #headerTools.mobcl { position: absolute; top: 90px; right: 0; width: 155px; z-index: 99; } .tpimggg-mob p { color: #fff; font-size: 14px; } #catalogSection .sectionItems .item:first-child .itemContainer .sectionList .section { width: 100%; } .twoyearsgaranty { font-size: 13px; } #dip .rab.bx-catalog-subscribe-button { width: 70%; margin: 0; padding: 10px 0px; font-weight: normal; border-radius: 2px; line-height: 18px; } .product .addCart { display: block; height: 40px; line-height: 18px; font-size: 14px; font-weight: normal; border-radius: 3px; width: 70%; margin: auto; } .addCart1.disabled { display: block; height: 40px; line-height: 38px; font-size: 14px; font-weight: normal; border-radius: 3px; width: 70%; margin: auto; background: #202730 !important; } .tabloid .product .addCart {display:none} #catalog .tabloid .product .addCart {display:block} .nalichie-spisok { float: none; display: inline-block; margin-top: 0; padding: 0; } #headerTools { position: absolute; top: 0; right: 0; width: 155px; z-index: 99; } #mainMenuContainer { position: fixed; z-index: 99; top: 0; } ._menuOpen2 #foundation::before { content: ''; background: transparent; } } @media screen and (max-width: 318px) { #headerTools { position: absolute; top: 0px; right: 0; width: 155px; z-index: 99; } .btn-buy, ._buy { width: 100%; display: inline-block; margin: 5px 0; } .secondTool .addWishlist, .secondTool .addCompare { display: inline-block; width: 100%; margin: 4px 0; } } .navmenus{ display:none; } @media (max-width: 767px){ .navmenus{ width: 100%; position: absolute; z-index: 99; background-color: #fff; top: 50px; left: 0; -webkit-transform: translateX(-110%); -moz-transform: translateX(-110%); -ms-transform: translateX(-110%); -o-transform: translateX(-110%); transform: translateX(-110%); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.22); -moz-box-shadow: 0 0 8px rgba(0,0,0,.22); box-shadow: 0 0 8px rgba(0,0,0,.22); overflow-y: auto; height:100%; display:block; } .navmenus.medo_show{ /*display:block;*/ } .navmenus ul{ margin: 0; list-style: none; padding: 0; } .navmenus ul li{ } .navmenus ul li a{ border-bottom: 1px solid #e6e6e6; padding: 15px 28px; display: block; color:#202730; } } @media (max-width: 415px){ .navmenus{ top: 50px; } } ._menuOpen2 .navmenus { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .nyear a { position: relative; text-decoration: none; text-shadow: 0 -1px 1px #e6330a; user-select: none; padding: .8em 2em; outline: none; border-radius: 1px; background: linear-gradient(to left,rgba(0,0,0,.3), rgba(0,0,0,.0) 50%, rgba(0,0,0,.3)), linear-gradient(#e6330a, #fe1717,#e6330a); background-position-x: 0%, 0%; background-position-y: 0%, 0%; background-size: auto, auto; background-size: 100% 100%, auto; background-position: 50% 50%; transition: 0.2s; } .nyear a:before { content:'\2042'; } .nyear a:after { } .medo-ny a{ position: relative; text-decoration: none; text-shadow: 0 -1px 1px #e6330a; user-select: none; padding: .8em 2em; outline: none; border-radius: 1px; background: linear-gradient(to left,rgba(0,0,0,.3), rgba(0,0,0,.0) 50%, rgba(0,0,0,.3)), linear-gradient(#e6330a, #fe1717,#e6330a); background-position-x: 0%, 0%; background-position-y: 0%, 0%; background-size: auto, auto; background-size: 100% 100%, auto; background-position: 50% 50%; box-shadow: inset #eb0000 0 -1px 1px, inset 0 1px 1px #ff0c00, #c22 0 0 0 1px, #000 0 10px 15px -10px; transition: 0.2s; width: 100%; display: inline-block; color:#fff; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; margin-top: 10px; } .tags-list{ margin-bottom: 24px; border-radius: 0; line-height: 40px; padding: 0 12px; /*height: 55px;*/ /*background: #fff;*/ /*border: 1px solid #e7e8ea;*/ } .item-tag{ margin-right: 5px; margin-bottom: 10px; padding: 6px 15px; display: inline-block; font-size: 14px; line-height: 1; border-radius: 14px; background-color: #e3e3e3; color: #373737; text-decoration: none; } .item-tag:hover{ color: #ffffff!important; background-color: #ff4a00; text-decoration: none; } .d-none{ display: none; } .rating-block.newRating2{ padding: 0 12px; position: relative; margin-bottom: 12px; display: flex; flex-wrap: nowrap; } .rating-block.newRating2 .rating{ vertical-align: unset; display: block; margin-right: auto; right: unset; top: unset; } .rating-block.newRating2 img.icon{ margin: auto 5px auto auto; display: block; } .rating-block.newRating2 .label{ width: auto; margin: auto 0; display: block; } /* End */ /* /bitrix/templates/dresscodeV3/fonts/roboto/roboto.css?17450754442282 */ /* /bitrix/templates/dresscodeV3/css/font-awesome.min.css?174507544227466 */ /* /bitrix/templates/dresscodeV3/css/owl.carousel.min.css?17450754423351 */ /* /bitrix/templates/dresscodeV3/css/owl.theme.default.min.css?17450754421013 */ /* /bitrix/templates/dresscodeV3/themes/default/style.css?174507544432106 */ /* /bitrix/templates/dresscodeV3/components/bitrix/menu/multilevel/style.css?17450754421779 */ /* /bitrix/components/bitrix/search.suggest.input/templates/.default/style.css?1745075448501 */ /* /bitrix/templates/dresscodeV3/components/vregions/header.select/template_new/style.css?174507544211069 */ /* /bitrix/templates/dresscodeV3/components/bitrix/form.result.new/modal/style.css?174507544211095 */ /* /bitrix/templates/dresscodeV3/components/bitrix/menu/catalogMenu_my3/style.css?174507544212094 */ /* /bitrix/templates/dresscodeV3/components/dresscode/search.line/template1/style.css?17450754425915 */ /* /bitrix/templates/dresscodeV3/components/bitrix/breadcrumb/.default/style.css?1745075442520 */ /* /bitrix/templates/dresscodeV3/styles.css?1745075442607 */ /* /bitrix/templates/dresscodeV3/template_styles.css?1745683316310351 */