/* Start:/bitrix/templates/autosimpo_/font-awesome-4.5.0/css/font-awesome.min.css?176371367327470*/ /*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.ru - @fontawesome * License - http://fontawesome.ru/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('/bitrix/templates/autosimpo_/font-awesome-4.5.0/css/../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('/bitrix/templates/autosimpo_/font-awesome-4.5.0/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('/bitrix/templates/autosimpo_/font-awesome-4.5.0/css/../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('/bitrix/templates/autosimpo_/font-awesome-4.5.0/css/../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('/bitrix/templates/autosimpo_/font-awesome-4.5.0/css/../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('/bitrix/templates/autosimpo_/font-awesome-4.5.0/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/components/bitrix/menu/templates/store_v3_main/style.min.css?1763713703841*/ .main-menu{display:block;padding-left:16px;padding-top:5px;margin:5px 0 35px;width:100%;list-style:none}.menu-main-items-container{box-sizing:border-box;transition:width 170ms ease;max-width:275px}header .menu-main-items-container{background-color:#f3f3f3}.menu-main-items{display:block;padding:12px 0 0;margin:0}.menu-main-item{display:block;padding:0 0 0 17px;margin:0}.menu-main-item-link{padding:0 17px 0 0;width:100%;display:flex;align-items:center;justify-content:space-between;position:relative;min-height:40px;text-decoration:none !important;vertical-align:middle}.menu-main-item-text{font-style:normal;font-weight:normal;font-size:16px;line-height:21px;color:#121212;opacity:.6}.menu-main-item-angle{display:block;transform:rotate(-45deg);border-bottom:1px solid;border-right:1px solid;color:#121212;opacity:.6;width:7px;height:7px} /* End */ /* Start:/bitrix/components/bitrix/catalog.section.list/templates/store_v3_menu/style.min.css?17637137011020*/ .catalog-sections-list-menu-items{display:block;padding:0;margin:0;background-color:#fff}.catalog-sections-list-menu-item{display:block;padding:0 0 0 17px;margin:0}.catalog-sections-list-menu-item-link{padding:0 17px 0 0;width:100%;display:flex;align-items:center;justify-content:space-between;position:relative;min-height:55px;border-bottom:1px solid rgba(18,18,18,0.06);vertical-align:middle;text-decoration:none !important}.catalog-sections-list-menu-item-text{font-style:normal;font-weight:normal;font-size:18px;line-height:21px;color:#333;padding:17px 0}.catalog-sections-list-menu-item-text:hover{color:#000}.catalog-sections-list-menu-item-text i{font-style:normal;opacity:.6}.catalog-sections-list-menu-item:active,.catalog-sections-list-menu-item:hover,.catalog-sections-list-menu-item.selected .catalog-sections-list-menu-item-text{opacity:1}.catalog-sections-list-menu-item-angle{display:block;transform:rotate(-45deg);border-bottom:1px solid;border-right:1px solid;color:#333;opacity:.6;width:7px;height:7px} /* End */ /* Start:/bitrix/components/bazarow/favorites.add/templates/.default/style.min.css?17637137061736*/ #favorites_popup_wrap{min-height:100%;padding:0;position:relative;display:inline-block;color:#4d4c4c}#favorites_popup_wrap .modal-header{min-height:16.42857143px;padding:0;border:0;font-size:30px}#favorites_popup_wrap .modal-body{position:relative;padding:30px;font-size:18px}#favorites_popup_wrap .form-row{max-width:960px;margin:10px 0}#favorites_popup_wrap .form-row:after{content:"";display:table;clear:both}#favorites_popup_wrap .form-row:first-child{margin-top:0}#favorites_popup_wrap .form-cell-3{float:left;display:block;margin-right:2%;width:30%}#favorites_popup_wrap .form-cell-3:last-child,#favorites_popup_wrap .form-cell-9:last-child{margin-right:0}#favorites_popup_wrap .form-cell-9{float:left;display:block;margin-right:2%;width:68%}#favorites_popup_wrap label{font-weight:400;font-size:18px}#favorites_popup_wrap input[type=text]{height:32px;width:100%;border:1px #b7b7b7 solid;padding:0 5px}#favorites_popup_wrap input[type=text].error{box-shadow:0 0 0 1px red}#favorites_popup_wrap button,#favorites_popup_wrap input[type=text],#favorites_popup_wrap textarea{transition:all .25s;-webkit-transition:all .25s;-o-transition:all .25s}#favorites_popup_wrap textarea{height:112px;width:100%;border:1px #b7b7b7 solid;padding:0 5px}#favorites_popup_wrap .button_wrap{text-align:right}#favorites_popup_wrap button{font-size:18px;border:0;background-color:#ddd}#favorites_popup_wrap button:hover{box-shadow:0 0 0 3px #ccc}#favorites_popup_wrap small.error{color:red}@media screen and (min-width:600px){#favorites_popup_wrap{width:600px}}@media screen and (max-width:600px){#favorites_popup_wrap .form-cell-3{float:none}#favorites_popup_wrap .form-cell-9{float:none;width:100%}#favorites_popup_wrap .modal-header{font-size:25px}} /* End */ /* Start:/bitrix/components/bazarow/favorites.line/templates/.default/style.css?176371370640*/ /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/bitrix/templates/autosimpo_/components/bitrix/sale.basket.basket.line/basket_link/style.min.css?17637136733328*/ .bx-basket-block{font-size:12px;padding-bottom:5px;white-space:nowrap;position:relative;padding-left:20px}.bx-basket-block>.fa{color:#97a1ab;width:12px;position:absolute;left:0;top:3px}.bx-basket-block a{color:#039be5;border-bottom:1px dashed;margin-right:10px}.bx-basket-block a:hover{text-decoration:none;border-bottom-color:transparent}@media(min-width:768px){.bx-basket-fixed{width:200px;position:fixed;z-index:1100;background:#fff;padding-top:10px;border:1px solid #f0f0f0;box-shadow:0 7px 10px rgba(0,0,0,0.15);border-radius:1px;overflow:hidden}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;z-index:1100;background:#fff;padding-top:10px;border:1px solid #f0f0f0;box-shadow:0 7px 10px rgba(0,0,0,0.15);border-radius:1px;overflow:hidden;bottom:0;left:0;right:0}.bx-basket-item-list{display:none}}.bx-basket-fixed .bx-basket-block{margin-left:10px}.bx-basket-item-list{position:relative;padding-bottom:20px;border-top:1px solid #f7f7f7;overflow:hidden}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;bottom:0;left:0;right:0}.bx-closed .bx-basket-item-list{height:20px;overflow:hidden}.bx-basket-item-list-action{cursor:pointer;background:#f7f7f7;position:absolute;bottom:0;right:0;left:0;z-index:120;height:20px;line-height:14px;vertical-align:middle;text-align:center;font-size:12px;color:#4f4f4f;padding:3px 0}.bx-basket-item-list-button-container{text-align:center;position:absolute;bottom:20px;border-top:1px solid #f7f7f7;padding:10px 0;background:#fff;left:0;right:0}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{padding-top:15px;position:relative;padding-right:10px;padding-left:10px;margin-bottom:15px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{border-bottom:0;margin-bottom:0}.bx-basket-item-list-item-status{font-weight:bold;padding:3px;background:#ebebeb;margin:0 10px 20px;line-height:16px;font-size:13px;border-radius:3px;text-align:center}.bx-basket-item-list-item-img{text-align:center;position:relative;padding-bottom:5px}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;color:#3f3f3f;text-decoration:none}.bx-basket-item-list-item-remove{position:absolute;right:10px;top:-7px;width:20px;height:20px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center;opacity:.5}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;text-decoration:line-through;color:#b0b0b0}.bx_cart_login_top .bx-hdr-profile a{text-decoration:none}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em} /* End */ /* Start:/bitrix/templates/autosimpo_/components/bitrix/menu/section_menu/style.min.css?1763713673492*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/autosimpo_/components/bitrix/menu/section_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/bitrix/templates/autosimpo_/components/bitrix/menu/2-level-menu/style.css?176371367364*/ #nav > ul li { background-position: 10px center; } /* End */ /* Start:/bitrix/templates/autosimpo_/template_styles.css?1773225627108502*/ .profile-container { max-width: 1200px; margin: 0 auto; padding: 20px; font-family: Arial, sans-serif; } h1, h2 { color: #333; font-size: 24px; margin-bottom: 15px; } .card { background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 15px; margin-bottom: 15px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .card-header { display: flex; align-items: center; gap: 10px; } .avatar-icon { width: 40px; height: 40px; border-radius: 50%; background: #ff6600; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 20px; } .field-row { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } .label { font-weight: bold; color: #666; } .value { flex: 1; padding: 8px; border: 1px solid #ddd; border-radius: 4px; } .edit-btn { background: #f0f0f0; border: none; cursor: pointer; padding: 5px 10px; border-radius: 50%; } .active { border: 2px solid #ff6600; } .status { color: #ff6600; font-weight: bold; } .add-btn { background: #fff; border: 1px dashed #ddd; padding: 20px; text-align: center; cursor: pointer; } .enter_exit_ico_icons { position: relative; /* важно, чтобы позиционирование работало относительно ячейки */ } /* Общее для обеих ссылок */ .auth-link { display: inline-flex; align-items: center; gap: 6px; /* расстояние между иконкой и текстом */ text-decoration: none; color: #5b5b5b; } /* Иконка Вход (толщину не трогаем, она уже устраивает) */ .login-ico { width: 32px; height: 32px; /* position: relative; */ /* если нужно двигать — раскомментировать */ } .enter_exit_ico_icons a:hover { color: #ff6600 !important; } /* Если хочешь управлять толщиной через CSS, а не в SVG */ .profile-ico path { stroke: currentColor; stroke-width: 0.8 !important; /* ← основной способ сделать толще */ } /* Если вдруг где-то заливка просочилась */ .enter_exit_ico_icons svg { fill: none; } html, body { overflow-x: hidden; } .btn-view svg rect { stroke: #666688; /* Обводка */ fill: #F2F2F5; /* Фон */ } .btn-view svg rect:nth-child(n+2) { fill: #666688; /* Квадраты внутри */ } /* Оранжевый цвет для активного режима */ .btn-view.active svg rect { stroke: #FF6600; /* Оранжевая обводка */ } .btn-view.active svg rect:nth-child(n+2) { fill: #371905; /* Оранжевые элементы внутри */ } @font-face{ font-family: PTSans; src: url(/bitrix/templates/autosimpo_/fonts/pt-sans-caption.ttf); } @font-face{ font-family: PTSansNarrow; src: url(/bitrix/templates/autosimpo_/fonts/pt-sans-narrow.ttf); } *{margin: 0; padding: 0; font-family: PTSans;} h2{ font-family: 'Play400', sans-serif; font-family: 'Play400', sans-serif; font-size: 20px; font-weight: bold; color: #5b5b5b; text-transform: uppercase; margin: 14px 0; } h3{ font-family: 'Play400', sans-serif; font-family: 'Play400', sans-serif; font-size: 20px; font-weight: bold; color: #5b5b5b; text-transform: uppercase; padding: 20px 0; text-align: center; } .clear{clear: both;} .theme_red_color{color: rgb(237,96,16) !important;} .theme_blue_color{color: rgb(237,96,16) !important;} .theme_black_color{color: #555 !important;} .theme_red_back{background-color: rgb(237,96,16) !important;} .theme_blue_back{background-color: rgb(237,96,16) !important;} .theme_black_back{background-color: #555 !important;} #article_search_form_mobile.theme_red_border{border: 2px solid rgb(237,96,16);} #article_search_form_mobile.theme_blue_border{border: 2px solid rgb(237,96,16);} #article_search_form_mobile.theme_black_border{border: 2px solid #555;} .slider_theme_red .control-slide.active{ background-color: rgb(237,96,16) !important; } .slider_theme_blue .sli-links .control-slide.active{ background-color: rgb(237,96,16) !important; } .slider_theme_black .sli-links .control-slide.active{ background-color: #444 !important; } .red_bold, .starrequired{ color: rgb(237,96,16); font-weight: bold; } .theme_red_block a.btn-default{ background-color: rgb(237,96,16) !important; border-color: rgb(237,96,16) !important; } .theme_blue_block a.btn-default{ background-color: rgb(237,96,16) !important; border-color: rgb(237,96,16) !important; } .theme_black_block a.btn-default{ background-color: #555 !important; border-color: #555 !important; } input[name='BuyButton']{ background: rgb(237,96,16) none repeat scroll 0 0; border: 0 none; color: #fff; cursor: pointer; font-family: 'Play400', sans-serif; font-family: 'Play400', sans-serif; font-size: 15px; font-weight: bold; height: 40px; text-transform: uppercase; width: 191px; } .theme_black_block input[name='BuyButton']{ background-color: #555 !important; } .theme_blue_block input[name='BuyButton']{ background-color: #555 !important; } .theme_red_block input[name='BuyButton']{ background-color: #555 !important; } a.btn-default{ border-radius: 0; font-family: 'Play400', sans-serif; font-size: 15px; font-weight: bold; width: 191px; max-width: 40%; } .green{color:#3E7500;} header, div.settings_wrap{ position: relative; } /*------SLIDE_SHOW-----*/ .sli-links{ bottom: 8px; height: 20px; left: 0; position: absolute; text-align: center; width: 100%; z-index: 100; } .sli-links .control-slide{ background: #e2e4e4 none repeat scroll 0 0; border-radius: 50%; cursor: pointer; display: inline-block; height: 12px; margin: 0 3px; transition: background 0.5s ease 0s; width: 12px; } .sli-links .control-slide:hover{ cursor:pointer; background-color:#999; } .sli-links .control-slide.active{ background: rgb(237,96,16) none repeat scroll 0 0; height: 12px; width: 12px; } .sli-links .control-slide i{display: none;} #prewbutton, #nextbutton{ display:block; width:15px; height:100%; position:absolute; top:0; overflow:hidden; text-indent:-999px; background:url(/arrowBg.png) left center no-repeat; opacity:0.8; z-index:3; outline:none !important;} #prewbutton{left:10px;} #nextbutton{ right:10px; background:url(/arrowBg.png) right center no-repeat; } #prewbutton:hover, #nextbutton:hover{ opacity:1;} /*---------/SLIDE_SHOW-------*/ td.mob_menu, td.apparat{ display: none; } td.basket_ico_icons span{ color: #5b5b5b; font-weight: bold; cursor: pointer; } td.basket_ico_icons:hover span{ stroke:rgb(237,96,16); color: rgb(237,96,16); } td.basket_ico_icons svg { fill: #5b5b5b; } td.basket_ico_icons:hover svg { fill: rgb(237,96,16); } td.favorite svg { fill: #5b5b5b; } td.favorite svg { transform: scale(0.88); } td.favorite:hover svg { fill: rgb(237,96,16); } td.favorite span{ color: #5b5b5b; font-weight: bold; cursor: pointer; } td.favorite:hover span{ color: rgb(237,96,16); } td.enter_exit_ico_icons svg { fill: #5b5b5b; } td.enter_exit_ico_icons:hover svg { fill: rgb(237,96,16); } td.enter_exit_ico_icons span{ color: #5b5b5b; font-weight: bold; font-weight: bold; cursor: pointer; } td.enter_exit_ico_icons:hover span{ color: rgb(237,96,16); } div.cat1 a{ background-color: #dedede; } div.cat2 a{ background-color: #dedede; } div.cat3 a{ background-color: #dedede; } div.cat4 a{ background-color: #dedede; } div.cat5 a{ background-color: #dedede; } div.cat6 a{ background-color: #dedede; } /* div.cat1:hover a{ background-color: #22343E; } div.cat2:hover a{ background-color: #22343E; } div.cat3:hover a{ background-color: #22343E; } div.cat4:hover a{ background-color: #22343E; } div.cat5:hover a{ background-color: #22343E; } div.cat6:hover a{ background-color: #22343E; } */ div.cat1 span{ color: #22343E; } div.cat2 span{ color: #22343E; } div.cat3 span{ color: #22343E; } div.cat4 span{ color: #22343E; } div.cat5 span{ color: #22343E; } div.cat6 span{ color: #22343E; } div.cat1:hover span{ color: rgb(237,96,16); } div.cat2:hover span{ color: rgb(237,96,16); } div.cat3:hover span{ color: rgb(237,96,16); } div.cat4:hover span{ color: rgb(237,96,16); } div.cat5:hover span{ color: rgb(237,96,16); } div.cat6:hover span{ color: rgb(237,96,16); } div.cat1:hover div{background:rgb(237,96,16)} div.cat2:hover div{background:rgb(237,96,16)} div.cat3:hover div{background:rgb(237,96,16)} div.cat4:hover div{background:rgb(237,96,16)} div.cat5:hover div{background:rgb(237,96,16)} div.cat6:hover div{background:rgb(237,96,16)} td.loup_btn, td.icons{ width: 53px; height: 53px; text-align: center; vertical-align: middle; background: url(/bitrix/templates/autosimpo_/img/back_lines.jpg); cursor: pointer; } td.loup_btn img{ position: relative; top: 2px; right: 1px; padding: 14px; } @media screen and (min-width:1873px){ .profile-ico { transform: scale(1.076); position: absolute; left: 21px; /* ← подвинь по горизонтали (вправо положительное) */ top: 0px; /* ← подвинь по вертикали (вверх отрицательное) */ } .order_block{ position:relative; top:180px; left:0px; } .desktop-version { display: block; /* Показываем десктопную версию */ } .mobile-version { display: none; /* Прячем мобильную версию */ } td.call_me_ico_icons{ background:#eee; } td.call_me_ico_icons:hover{ background:rgb(237,96,16); } img.whatsapp_img{ width: 50px; height: 50px; } div.auth_reg{ position: absolute; left: 740px; top: 280px; width: 300px; height: 400px; } a.whatsapp{ position:fixed; z-index : 301; left:1655px; top:100px; } a.mail_trigger{ position:fixed; z-index : 301; left:1719px; top:100px; } td.search_background{ position: absolute; top:-32px; left:515px; width:750px; height:107px; z-index : 101; } td.search_input{ position: fixed; z-index : 301; left:-130px; top:-110px; border-radius: 60px; transition: transform 0.3s ease; display: flex; width: 50px; height: 35px; border: 3px solid #000; } td.search_input input{ background-color: #fff; position: fixed; z-index : 301; top: 22px; left:720.5px; border-radius: 0.4vw; border: 1px solid #000; transition: transform 0.3s ease; padding: 20px 15px; width: 739px; height: 50px; box-sizing: border-box; } div.popular_category{ position: absolute; left: 200px; top:580px; width:1552px; height:200px } div.popular_category2{ position: absolute; left: 200px; top:1550px; width:1472px; height:200px } span.text1{ font-family: 'Play400', sans-serif; font-size: 14pt; position:relative;top:74%;left:-2% } span.text2{ font-family: 'Play400', sans-serif; font-size: 14pt; position:relative;top:74%; } span.text3{ font-family: 'Play400', sans-serif; font-size: 14pt; position:relative;top:74%;left:-1% } span.text41{ font-family: 'Play400', sans-serif; font-size: 14pt; position:relative;top:74%;left:34%; } span.text42{ font-family: 'Play400', sans-serif; font-size: 14pt; position:relative;top:83%;left:-13%; } span.text51{ font-family: 'Play400', sans-serif; font-size: 14pt; position:relative;top:74%;left:26%; } span.text52{ font-family: 'Play400', sans-serif; font-size: 14pt; position:relative;top:83%;left:-15%; } span.text6{ font-family: 'Play400', sans-serif; font-size: 14pt; position:relative;top:74%; } div.slides{ position: absolute; left: 200px; top: 160px; clip-path: polygon( 0% 6px, /* верхняя левая */ 6px 0%, /* верхняя левая */ calc(100% - 6px) 0%, /* верхняя правая */ 100% 6px, /* верхняя правая */ 100% calc(100% - 6px), /* нижняя правая */ calc(100% - 6px) 100%, /* нижняя правая */ 6px 100%, /* нижняя левая */ 0 calc(100% - 6px) /* нижняя левая */ ); } #slider-wrap{position: relative; width:100%;} #slider{ width:1563px; height:373px; position:relative;} .slide{ background-size: 100% !important; width:100%; height:100%;} .slide div{ width: 100%; height: 100%; background-repeat: no-repeat; background-position: left center; background-size: cover; } td.logo_trigger{ position: fixed; z-index : 301; top: 15px; left:185px; } img.img1{ width:255px; height:66px; } td.menu_catalog button{ background-color: rgb(237,96,16); cursor: pointer; position: fixed; z-index : 301; top: 21px; left:485px; clip-path: polygon( 0% 5px, /* верхняя левая */ 5px 0%, /* верхняя левая */ calc(100% - 5px) 0%, /* верхняя правая */ 100% 5px, /* верхняя правая */ 100% calc(100% - 5px), /* нижняя правая */ calc(100% - 5px) 100%, /* нижняя правая */ 5px 100%, /* нижняя левая */ 0 calc(100% - 5px) /* нижняя левая */ ); border:none; transition: transform 0.3s ease; padding: 20px 25px; width: 199px; height: 52px; box-sizing: border-box } td.menu_catalog:hover button{ background-color: rgb(200, 80, 13); } svg.poloski3{ position: absolute; z-index: 180; left:18px; top:-17px; width:80px; height:80px; stroke:#fff } .text7{ color: #fff; } #dropdown-menu.popular_category { display: none; position: fixed; top: 100px; left: 200px; background-color: #eee; z-index: 200; width: 1472px; height:173px; } span.text7{ font-family: 'Play400', sans-serif; font-size: 16pt;position:absolute;top:16px;left:75px;font-weight:normal; } span.text8{ font-family: 'Play400', sans-serif; font-size: 14pt;position:absolute;top:26px;left:62px; } input.text9{ font-family: 'Play400', sans-serif; font-size: 14pt; } span.text11{ font-family: 'Play400', sans-serif; font-size: 18pt; position:absolute; left: 478px; top:540px } td.menu_up{ z-index : 301; position: fixed; left: 159px; top: -1970px; } div.menu ul{ height: 10vw; } a.text10{ font-family: 'Play400', sans-serif; font-size: 18px; padding: 1px 10px; } td.up{background: #fff; width:3485px; height:165px; position:fixed; left:-590px; top:-20px;z-index : 300} td.number_mobile span{ font-family: 'Play400', sans-serif; font-size: 15pt; } td.number_mobile{ position: fixed; left: 1470px; top: 104px; z-index : 301; } td.call_me_ico_icons{ position: absolute;left: 1294.2px; top: 89.3px; cursor: pointer; clip-path: polygon( 0% 4.8px, /* верхняя левая */ 4.8px 0%, /* верхняя левая */ calc(100% - 4.8px) 0%, /* верхняя правая */ 100% 4.8px, /* верхняя правая */ 100% calc(100% - 4.8px), /* нижняя правая */ calc(100% - 4.8px) 100%, /* нижняя правая */ 4.8px 100%, /* нижняя левая */ 0 calc(100% - 4.8px) /* нижняя левая */ );transition: transform 0.3s ease; cursor: pointer; display: flex; width:201.7px; height: 33.5px; z-index : 96; } a.fancybox{ font-family: 'Play400', sans-serif; font-size: 17pt; position:absolute; top:2px;left:13px; } img.whatsapp_img{ width: 40px; height: 40px; } img.mail_trigger_img{ width: 40px; height: 40px; } td.ramka4{ background-color: #000; position: absolute; z-index : 95; top: 89px; left:1294px; clip-path: polygon( 0% 5px, /* верхняя левая */ 5px 0%, /* верхняя левая */ calc(100% - 5px) 0%, /* верхняя правая */ 100% 5px, /* верхняя правая */ 100% calc(100% - 5px), /* нижняя правая */ calc(100% - 5px) 100%, /* нижняя правая */ 5px 100%, /* нижняя левая */ 0 calc(100% - 5px) /* нижняя левая */ ); border:none; transition: transform 0.3s ease; width: 202px; height: 34px; box-sizing: border-box; } td.basket_ico_icons{ position: fixed; z-index : 301; left: 1494px; top: 18px; width: 10px; height: 10px; } td.basket_ico_icons svg{ width:39px; height:39px; } td.enter_exit_ico_icons{ position: fixed; z-index : 301; left: 1712px; top: 21px; } td.enter_exit_ico_icons svg{ width:32px; height:32px; } td.favorite{ position: fixed; left: 1608px; top: 18px; width: 10px; height: 10px; z-index : 301; } td.favorite svg{ width:39px; height:39px; } td.enter_exit_ico_icons span{ position:fixed; top:58px; left:1715px; font-family: 'Play400', sans-serif !important; font-size: 12pt; } td.basket_ico_icons span{ position:fixed; top:58px; left:1482px;font-family: 'Play400', sans-serif !important; font-size: 12pt; } td.favorite span{ position:fixed;top:58px; left:1585px;font-family: 'Play400', sans-serif !important; font-size: 12pt; } td.count_favorite{ position:fixed;top:20px; left:1645px; } .basket_sht_main_theme_color{ position:fixed;top:20px; left:1530px; } table.head_bar{ position:absolute; left: 175px; top : -10px; width: 1480px; height: 100px; margin: 20px 0 0 0; border-spacing: 0px 10px; position: relative; border-collapse: separate; } div.menu ul{ width:1000px; } div.menu ul li{ display: inline-block; z-index: 150; margin: 2070px 11px; } a.cat1_a{ position: absolute;left:0%; width:190px; height:190px; clip-path: polygon( 0% 5px, /* верхняя левая */ 5px 0%, /* верхняя левая */ calc(100% - 5px) 0%, /* верхняя правая */ 100% 5px, /* верхняя правая */ 100% calc(100% - 5px), /* нижняя правая */ calc(100% - 5px) 100%, /* нижняя правая */ 5px 100%, /* нижняя левая */ 0 calc(100% - 5px) /* нижняя левая */ ); display: flex; justify-content: center; } img.cat1_img{ height:60%;; width:60%; position:absolute;top:14%; } a.cat2_a{ position: absolute;left:17.7%; width:190px;height:190px;clip-path: polygon( 0% 5px, /* верхняя левая */ 5px 0%, /* верхняя левая */ calc(100% - 5px) 0%, /* верхняя правая */ 100% 5px, /* верхняя правая */ 100% calc(100% - 5px), /* нижняя правая */ calc(100% - 5px) 100%, /* нижняя правая */ 5px 100%, /* нижняя левая */ 0 calc(100% - 5px) /* нижняя левая */ ); display: flex; justify-content: center; } img.cat2_img{ height:60%;; width:60%; position:absolute;top:14%; } a.cat3_a{ position: absolute;left:35.4%;width:190px;height:190px;clip-path: polygon( 0% 5px, /* верхняя левая */ 5px 0%, /* верхняя левая */ calc(100% - 5px) 0%, /* верхняя правая */ 100% 5px, /* верхняя правая */ 100% calc(100% - 5px), /* нижняя правая */ calc(100% - 5px) 100%, /* нижняя правая */ 5px 100%, /* нижняя левая */ 0 calc(100% - 5px) /* нижняя левая */ ); display: flex; justify-content: center; } img.cat3_img{ height:60%;; width:60%; position:absolute;top:14%; } a.cat4_a{ position: absolute;left:53.1%;;width:190px;height:190px;clip-path: polygon( 0% 5px, /* верхняя левая */ 5px 0%, /* верхняя левая */ calc(100% - 5px) 0%, /* верхняя правая */ 100% 5px, /* верхняя правая */ 100% calc(100% - 5px), /* нижняя правая */ calc(100% - 5px) 100%, /* нижняя правая */ 5px 100%, /* нижняя левая */ 0 calc(100% - 5px) /* нижняя левая */ ); display: flex; justify-content: center; } img.cat4_img{ height:60%;; width:60%; position:absolute;top:14%; } a.cat5_a{ position: absolute;left:70.8%;;width:190px;height:190px;clip-path: polygon( 0% 5px, /* верхняя левая */ 5px 0%, /* верхняя левая */ calc(100% - 5px) 0%, /* верхняя правая */ 100% 5px, /* верхняя правая */ 100% calc(100% - 5px), /* нижняя правая */ calc(100% - 5px) 100%, /* нижняя правая */ 5px 100%, /* нижняя левая */ 0 calc(100% - 5px) /* нижняя левая */ ); display: flex; justify-content: center; } img.cat5_img{ height:60%;; width:60%; position:absolute;top:14%; } a.cat6_a{ position: absolute;left:88.5%;;width:190px;height:190px;clip-path: polygon( 0% 5px, /* верхняя левая */ 5px 0%, /* верхняя левая */ calc(100% - 5px) 0%, /* верхняя правая */ 100% 5px, /* верхняя правая */ 100% calc(100% - 5px), /* нижняя правая */ calc(100% - 5px) 100%, /* нижняя правая */ 5px 100%, /* нижняя левая */ 0 calc(100% - 5px) /* нижняя левая */ ); display: flex; justify-content: center; } img.cat6_img{ height:60%;; width:60%; position:absolute;top:14%; } div.cat1_ramka{ position:absolute; top:-0.1vw;left:-0.13%; width:194px; height:194px; clip-path: polygon( 0% 5px, /* верхняя левая */ 5px 0%, /* верхняя левая */ calc(100% - 5px) 0%, /* верхняя правая */ 100% 5px, /* верхняя правая */ 100% calc(100% - 5px), /* нижняя правая */ calc(100% - 5px) 100%, /* нижняя правая */ 5px 100%, /* нижняя левая */ 0 calc(100% - 5px) /* нижняя левая */ ); } div.cat2_ramka{ position:absolute; top:-0.1vw;left:17.6% ; width:194px; height:194px; clip-path: polygon( 0% 5px, /* верхняя левая */ 5px 0%, /* верхняя левая */ calc(100% - 5px) 0%, /* верхняя правая */ 100% 5px, /* верхняя правая */ 100% calc(100% - 5px), /* нижняя правая */ calc(100% - 5px) 100%, /* нижняя правая */ 5px 100%, /* нижняя левая */ 0 calc(100% - 5px) /* нижняя левая */ ); } div.cat3_ramka{ position:absolute; top:-0.1vw;left:35.3%; width:193.5px; height:194px; clip-path: polygon( 0% 5px, /* верхняя левая */ 5px 0%, /* верхняя левая */ calc(100% - 5px) 0%, /* верхняя правая */ 100% 5px, /* верхняя правая */ 100% calc(100% - 5px), /* нижняя правая */ calc(100% - 5px) 100%, /* нижняя правая */ 5px 100%, /* нижняя левая */ 0 calc(100% - 5px) /* нижняя левая */ ); } div.cat4_ramka{ position:absolute; top:-0.1vw;left:53%; width:193px; height:194px; clip-path: polygon( 0% 5px, /* верхняя левая */ 5px 0%, /* верхняя левая */ calc(100% - 5px) 0%, /* верхняя правая */ 100% 5px, /* верхняя правая */ 100% calc(100% - 5px), /* нижняя правая */ calc(100% - 5px) 100%, /* нижняя правая */ 5px 100%, /* нижняя левая */ 0 calc(100% - 5px) /* нижняя левая */ ); } div.cat5_ramka{ position:absolute; top:-0.1vw;left:70.7%; width:194px; height:194px; clip-path: polygon( 0% 5px, /* верхняя левая */ 5px 0%, /* верхняя левая */ calc(100% - 5px) 0%, /* верхняя правая */ 100% 5px, /* верхняя правая */ 100% calc(100% - 5px), /* нижняя правая */ calc(100% - 5px) 100%, /* нижняя правая */ 5px 100%, /* нижняя левая */ 0 calc(100% - 5px) /* нижняя левая */ ); } div.cat6_ramka{ position:absolute; top:-0.1vw;left:88.4%; width:194px; height:194px; clip-path: polygon( 0% 5px, /* верхняя левая */ 5px 0%, /* верхняя левая */ calc(100% - 5px) 0%, /* верхняя правая */ 100% 5px, /* верхняя правая */ 100% calc(100% - 5px), /* нижняя правая */ calc(100% - 5px) 100%, /* нижняя правая */ 5px 100%, /* нижняя левая */ 0 calc(100% - 5px) /* нижняя левая */ ); } img.phone_call_img{ width: 0vw; height: 0vw; } div.custom-filter { width:17%; height:41.5%; position:fixed; left:178px; top:133px; font-family: 'Play400', sans-serif; font-size:14pt;color:#000; } div.katalog_category { position:absolute; left:212px; top:180px; } div.katalog_category2 { position:absolute; left:565px; top:180px; } .mobile-menu-panel__content{ display: none; } .mobile-menu-panel__close-btn{ display: none; } .mobile-menu-contacts{ display: none; } .search-overlay{ display: none; } .auth_info{ transform:scale(1.3); cursor: move; position: absolute; left:-150px; top: 0px; width: 300px; height: 400px; } .auth_vhod{ position: absolute; left: 750px; top: 280px; width: 300px; height: 400px; } .mobile-filter-panel{ display: none; } .custom-filter{ display: block; } } @media screen and (max-width:1872px) and (min-width:601px){ /* Иконка Профиль — толще линии + возможность двигать */ .profile-ico { transform: scale(1.1); position: absolute; left: 1vw; /* ← подвинь по горизонтали (вправо положительное) */ top: 0vh; /* ← подвинь по вертикали (вверх отрицательное) */ } .order_block{ position:relative; top:30vh; left:-0.5vw; transform: scale(0.962); } .desktop-version { display: block; /* Показываем десктопную версию */ } .mobile-version { display: none; /* Прячем мобильную версию */ } td.up{background: #fff; width:379.5vw; height:9vw; position:fixed; left:-200vw; top:-1vw;z-index : 300} td.call_me_ico_icons{ background:#eee; } td.call_me_ico_icons:hover{ background:rgb(237,96,16); } div.auth_reg{ position: absolute; left: 42.75vw; top: 35vh; z-index : 301 } img.whatsapp_img{ width: 2vw; height: 2vw; z-index : 301 } a.whatsapp{ position:fixed; z-index: 101; left:84.1vw; top:5.1vw; width: 2.5vw; height: 2.5vw; z-index : 301 } img.mail_trigger_img{ width: 2vw; height: 2vw; z-index : 301 } a.mail_trigger{ position:fixed; left:87.2vw; top:5.1vw; z-index: 101; width: 2.5vw; height: 2.5vw; z-index : 301 } img.phone_call_img{ width: 0vw; height: 0vw; } td.search_input{ position: fixed; z-index : 302; left:-130px; top:-110px; border-radius: 60px; transition: transform 0.3s ease; display: flex; width: 50px; height: 35px; border: 3px solid #000; } td.search_input input{ background-color: #fff; position: fixed; z-index : 302; top: 1.43vw; left:38.48vw; border-radius: 0.4vw; border: 1px solid #000; transition: transform 0.3s ease; padding: 0.5vw 1vw; width: 34.68vw; height: 2.54vw; box-sizing: border-box; } div.popular_category{ position: absolute;left: 10.75vw; top:30.5vw;width:78vw;height:10.75vw } div.popular_category2{ position: absolute;left: 10.75vw; top:75vw;width:78vw;height:10.75vw } span.text1{ font-family: 'Play400', sans-serif; font-size: 1vw; position:relative;top:74%; } span.text2{ font-family: 'Play400', sans-serif; font-size: 1vw; position:relative;top:74%; } span.text3{ font-family: 'Play400', sans-serif; font-size: 1vw; position:relative;top:74%; } span.text41{ font-family: 'Play400', sans-serif; font-size: 1vw; position:relative;top:74%;left:38%; } span.text42{ font-family: 'Play400', sans-serif; font-size: 1vw; position:relative;top:83%;left:-16%; } span.text51{ font-family: 'Play400', sans-serif; font-size: 1vw; position:relative;top:74%;left:30%; } span.text52{ font-family: 'Play400', sans-serif; font-size: 1vw; position:relative;top:83%;left:-17%; } span.text6{ font-family: 'Play400', sans-serif; font-size: 1vw; position:relative;top:74%; } div.slides{ position: absolute; left: 10.7vw; top: 8vw; clip-path: polygon( 0% 0.3vw, /* верхняя левая */ 0.3vw 0%, /* верхняя левая */ calc(100% - 0.3vw) 0%, /* верхняя правая */ 100% 0.3vw, /* верхняя правая */ 100% calc(100% - 0.3vw), /* нижняя правая */ calc(100% - 0.3vw) 100%, /* нижняя правая */ 0.3vw 100%, /* нижняя левая */ 0 calc(100% - 0.3vw) /* нижняя левая */ ); } #slider-wrap{position: relative; width:100%;} #slider{ width:78.5vw; height:19.5vw; position:relative;} .slide{ background-size: 100% !important; width:100%; height:100%; } .slide div{ width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; /* ← ВАЖНО */ background-size: cover; /* ← Оставляем */ } td.logo_trigger{ position: fixed; z-index : 301; top: 1vw; left:10vw; } img.img1{ width:14vw; height:3.75vw; } td.menu_catalog button{ cursor: pointer; background-color: rgb(237,96,16); position: fixed; z-index : 101; top: 1.4vw; left:25.9vw; clip-path: polygon( 0% 0.28vw, /* верхняя левая */ 0.28vw 0%, /* верхняя левая */ calc(100% - 0.28vw) 0%, /* верхняя правая */ 100% 0.28vw, /* верхняя правая */ 100% calc(100% - 0.28vw), /* нижняя правая */ calc(100% - 0.28vw) 100%, /* нижняя правая */ 0.28vw 100%, /* нижняя левая */ 0 calc(100% - 0.28vw) /* нижняя левая */ ); border:none; transition: transform 0.3s ease; z-index : 301; width: 10.65vw; height: 2.7vw; box-sizing: border-box } td.menu_catalog:hover button{ background-color: rgb(200, 80, 13); } #dropdown-menu.popular_category { display: none; position: fixed; top: 5vw; left: 10.5vw; background-color: #eee; z-index: 100; width: 78.6vw; height:18%; } svg.poloski3{ position: absolute; z-index: 180; left:-5vw; top:-0.4vw; width:16vw; height:3.2vw; stroke:#fff; } .text7{ color: #fff; } ul.top_menu, ul.bottom_menu{ position: fixed; z-index : 301; left:27.5vw; top: 0.875vw; width: 10.45vw; height: 4.325vw; } span.text7{ font-family: 'Play400', sans-serif; font-size: 1.1vw;position:absolute;top:0.7vw;left:4vw; font-weight:normal; } span.text8{ font-family: 'Play400', sans-serif; font-size: 1.0vw;position:absolute;top:1.3vw;left:2.825vw; } input.text9{ font-family: 'Play400', sans-serif; font-size: 1vw; } td.menu_up{ z-index: 100; position: fixed; left: 9.9vw; top: -94.2vw; z-index : 301; } div.menu ul{ height: 10vw; } a.text10{ font-family: 'Play400', sans-serif; font-size: 0.85vw; padding: 0px 0px; } span.text11{ font-family: 'Play400', sans-serif; font-size: 1.2vw; position:absolute; left: 26vw; top:28vw; } td.number_mobile span{ font-family: 'Play400', sans-serif; font-size: 1.15vw; } td.number_mobile{ z-index : 301; position: fixed; left: 73.6vw; top: 5.55vw; } td.call_me_ico_icons{ position: absolute;left: 69.17vw; top: 4.79vw; cursor: pointer; clip-path: polygon( 0% 0.24vw, /* верхняя левая */ 0.24vw 0%, /* верхняя левая */ calc(100% - 0.24vw) 0%, /* верхняя правая */ 100% 0.24vw, /* верхняя правая */ 100% calc(100% - 0.24vw), /* нижняя правая */ calc(100% - 0.24vw) 100%, /* нижняя правая */ 0.24vw 100%, /* нижняя левая */ 0 calc(100% - 0.24vw) /* нижняя левая */ );transition: transform 0.3s ease; cursor: pointer; display: flex; width:10.715vw; height: 1.73vw; z-index : 96; } a.fancybox{ font-family: 'Play400', sans-serif; font-size: 1.18vw; position:absolute; top:0vh;left:0.7vw; } td.ramka4{ background-color: #000; position: absolute; z-index : 101; top: 4.785vw; left:69.15vw; clip-path: polygon( 0% 0.25vw, /* верхняя левая */ 0.25vw 0%, /* верхняя левая */ calc(100% - 0.25vw) 0%, /* верхняя правая */ 100% 0.25vw, /* верхняя правая */ 100% calc(100% - 0.25vw), /* нижняя правая */ calc(100% - 0.25vw) 100%, /* нижняя правая */ 0.25vw 100%, /* нижняя левая */ 0 calc(100% - 0.25vw) /* нижняя левая */ ); border:none; transition: transform 0.3s ease; width: 10.75vw; height: 1.75vw; box-sizing: border-box; } td.basket_ico_icons{ position: fixed; z-index : 301; left: 75vw; top: 1.2vw; width: 10px; height: 10px; } td.basket_ico_icons svg{ width:2vw; height:2vw; } td.enter_exit_ico_icons{ position: fixed; z-index : 301; left: 86.6vw; top: 1.4vw; } td.enter_exit_ico_icons svg{ width:1.6vw; height:1.6vw; } td.favorite{ position: fixed; z-index : 301; left: 81vw; top: 1.2vw; } td.favorite svg{ width:2.0vw; height:2.0vw; } td.enter_exit_ico_icons span{ position:fixed; top:3.15vw; left:86.55vw;font-family: 'Play400', sans-serif !important; font-size: 0.85vw; } td.basket_ico_icons span{ position:fixed; top:3.15vw; left:74.25vw;font-family: 'Play400', sans-serif !important; font-size: 0.85vw; } td.favorite span{ position:fixed;top:3.15vw; left:79.7vw;font-family: 'Play400', sans-serif !important; font-size: 0.85vw; } td.count_favorite{ position:fixed;top:20px; left:1555px; } .basket_sht_main_theme_color{ position:fixed;top:20px; left:1440px; } table.head_bar{ position:absolute; left: 9.1vw; top : 1.0vw; width: 1480px; height: 100px; } div.menu ul{ width:50vw; } div.menu ul li{ display: inline-block; margin: 100vw 1vw; } a.cat1_a{ position: absolute;left:0%; width:8.7vw; height:8.83vw; clip-path: polygon( 0% 0.28vw, /* верхняя левая */ 0.28vw 0%, /* верхняя левая */ calc(100% - 0.28vw) 0%, /* верхняя правая */ 100% 0.28vw, /* верхняя правая */ 100% calc(100% - 0.28vw), /* нижняя правая */ calc(100% - 0.28vw) 100%, /* нижняя правая */ 0.28vw 100%, /* нижняя левая */ 0 calc(100% - 0.28vw) /* нижняя левая */ ); display: flex; justify-content: center; } img.cat1_img{ height:60%;; width:60%; position:absolute;top:14%; } a.cat2_a{ position: absolute;left:17.9%; width:8.7vw; height:8.83vw;clip-path: polygon( 0% 0.28vw, /* верхняя левая */ 0.28vw 0%, /* верхняя левая */ calc(100% - 0.28vw) 0%, /* верхняя правая */ 100% 0.28vw, /* верхняя правая */ 100% calc(100% - 0.28vw), /* нижняя правая */ calc(100% - 0.28vw) 100%, /* нижняя правая */ 0.28vw 100%, /* нижняя левая */ 0 calc(100% - 0.28vw) /* нижняя левая */ ); display: flex; /* Flexbox для центрирования содержимого */ justify-content: center; /* Центрирование по горизонтали */ } img.cat2_img{ height:60%;; width:60%; position:absolute;top:14%; } a.cat3_a{ position: absolute;left:35.8%;width:8.7vw; height:8.83vw;clip-path: polygon( 0% 0.28vw, /* верхняя левая */ 0.28vw 0%, /* верхняя левая */ calc(100% - 0.28vw) 0%, /* верхняя правая */ 100% 0.28vw, /* верхняя правая */ 100% calc(100% - 0.28vw), /* нижняя правая */ calc(100% - 0.28vw) 100%, /* нижняя правая */ 0.28vw 100%, /* нижняя левая */ 0 calc(100% - 0.28vw) /* нижняя левая */ ); display: flex; /* Flexbox для центрирования содержимого */ justify-content: center; /* Центрирование по горизонтали */ } img.cat3_img{ height:60%; width:60%; position:absolute;top:14%; } a.cat4_a{ position: absolute;left:53.7%;width:8.7vw; height:8.83vw;clip-path: polygon( 0% 0.28vw, /* верхняя левая */ 0.28vw 0%, /* верхняя левая */ calc(100% - 0.28vw) 0%, /* верхняя правая */ 100% 0.28vw, /* верхняя правая */ 100% calc(100% - 0.28vw), /* нижняя правая */ calc(100% - 0.28vw) 100%, /* нижняя правая */ 0.28vw 100%, /* нижняя левая */ 0 calc(100% - 0.28vw) /* нижняя левая */ ); display: flex; /* Flexbox для центрирования содержимого */ justify-content: center; /* Центрирование по горизонтали */ } img.cat4_img{ height:60%; width:60%;position:absolute;top:14%; } a.cat5_a{ position: absolute;left:71.6%;width:8.7vw; height:8.83vw;clip-path: polygon( 0% 0.28vw, /* верхняя левая */ 0.28vw 0%, /* верхняя левая */ calc(100% - 0.28vw) 0%, /* верхняя правая */ 100% 0.28vw, /* верхняя правая */ 100% calc(100% - 0.28vw), /* нижняя правая */ calc(100% - 0.28vw) 100%, /* нижняя правая */ 0.28vw 100%, /* нижняя левая */ 0 calc(100% - 0.28vw) /* нижняя левая */ ); display: flex; /* Flexbox для центрирования содержимого */ justify-content: center; /* Центрирование по горизонтали */ } img.cat5_img{ height:60%; width:60%; position:absolute;top:14%; } a.cat6_a{ position: absolute;left:89.5%;width:8.7vw; height:8.83vw;clip-path: polygon( 0% 0.28vw, /* верхняя левая */ 0.28vw 0%, /* верхняя левая */ calc(100% - 0.28vw) 0%, /* верхняя правая */ 100% 0.28vw, /* верхняя правая */ 100% calc(100% - 0.28vw), /* нижняя правая */ calc(100% - 0.28vw) 100%, /* нижняя правая */ 0.28vw 100%, /* нижняя левая */ 0 calc(100% - 0.28vw) /* нижняя левая */ ); display: flex; /* Flexbox для центрирования содержимого */ justify-content: center; /* Центрирование по горизонтали */ } img.cat6_img{ height:60%; width:60%; position:absolute;top:14%; } div.cat1_ramka{ position:absolute; top:-0.1vw;left:-0.13%; width:8.9vw; height:9.05vw; clip-path: polygon( 0% 0.28vw, /* верхняя левая */ 0.28vw 0%, /* верхняя левая */ calc(100% - 0.28vw) 0%, /* верхняя правая */ 100% 0.28vw, /* верхняя правая */ 100% calc(100% - 0.28vw), /* нижняя правая */ calc(100% - 0.28vw) 100%, /* нижняя правая */ 0.28vw 100%, /* нижняя левая */ 0 calc(100% - 0.28vw) /* нижняя левая */ ); } div.cat2_ramka{ position:absolute; top:-0.1vw;left:17.77% ; width:8.9vw; height:9.05vw; clip-path: polygon( 0% 0.28vw, /* верхняя левая */ 0.28vw 0%, /* верхняя левая */ calc(100% - 0.28vw) 0%, /* верхняя правая */ 100% 0.28vw, /* верхняя правая */ 100% calc(100% - 0.28vw), /* нижняя правая */ calc(100% - 0.28vw) 100%, /* нижняя правая */ 0.28vw 100%, /* нижняя левая */ 0 calc(100% - 0.28vw) /* нижняя левая */ ); } div.cat3_ramka{ position:absolute; top:-0.1vw;left:35.67%; width:8.9vw; height:9.05vw; clip-path: polygon( 0% 0.28vw, /* верхняя левая */ 0.28vw 0%, /* верхняя левая */ calc(100% - 0.28vw) 0%, /* верхняя правая */ 100% 0.28vw, /* верхняя правая */ 100% calc(100% - 0.28vw), /* нижняя правая */ calc(100% - 0.28vw) 100%, /* нижняя правая */ 0.28vw 100%, /* нижняя левая */ 0 calc(100% - 0.28vw) /* нижняя левая */ ); } div.cat4_ramka{ position:absolute; top:-0.1vw;left:53.57%; width:8.9vw; height:9.05vw; clip-path: polygon( 0% 0.28vw, /* верхняя левая */ 0.28vw 0%, /* верхняя левая */ calc(100% - 0.28vw) 0%, /* верхняя правая */ 100% 0.28vw, /* верхняя правая */ 100% calc(100% - 0.28vw), /* нижняя правая */ calc(100% - 0.28vw) 100%, /* нижняя правая */ 0.28vw 100%, /* нижняя левая */ 0 calc(100% - 0.28vw) /* нижняя левая */ ); } div.cat5_ramka{ position:absolute; top:-0.1vw;left:71.47%; width:8.9vw; height:9.05vw; clip-path: polygon( 0% 0.28vw, /* верхняя левая */ 0.28vw 0%, /* верхняя левая */ calc(100% - 0.28vw) 0%, /* верхняя правая */ 100% 0.28vw, /* верхняя правая */ 100% calc(100% - 0.28vw), /* нижняя правая */ calc(100% - 0.28vw) 100%, /* нижняя правая */ 0.28vw 100%, /* нижняя левая */ 0 calc(100% - 0.28vw) /* нижняя левая */ ); } div.cat6_ramka{ position:absolute; top:-0.1vw;left:89.37%; width:8.9vw; height:9.05vw; clip-path: polygon( 0% 0.28vw, /* верхняя левая */ 0.28vw 0%, /* верхняя левая */ calc(100% - 0.28vw) 0%, /* верхняя правая */ 100% 0.28vw, /* верхняя правая */ 100% calc(100% - 0.28vw), /* нижняя правая */ calc(100% - 0.28vw) 100%, /* нижняя правая */ 0.28vw 100%, /* нижняя левая */ 0 calc(100% - 0.28vw) /* нижняя левая */ ); } div.custom-filter { width:17%; height:41.5%; position:fixed; left:9.7vw; top:8.45vw; font-family: 'Play400', sans-serif; font-size:1vw;color:#000; } div.katalog_category { position:absolute; left:10.7vw; top:10vw; } div.katalog_category2 { position:absolute; left:29.4vw; top:10vw; } .mobile-menu-panel__content{ display: none; } .mobile-menu-panel__close-btn{ display: none; } .mobile-menu-contacts{ display: none; } .search-overlay{ display: none; } .auth_info{ transform:scale(1.2); cursor: move; position: absolute; left:-6vw; top: 0px; width: 20vw; height: 30vh; } .auth_vhod{ position: absolute; left: 750px; top: 280px; width: 300px; height: 400px; } .mobile-filter-panel{ display: none; } .custom-filter{ display: block; } } @media screen and (max-width: 600px) { .order_block{ position:relative; top:77vh; left:22vw; transform: scale(1.7); } /* --- Логика переключения версий --- */ .desktop-version { display: none; } .mobile-version { display: block; } .mobile-version { margin-bottom: 50px; /* Задает отступ в 20 пикселей снизу */ } .mobile-menu-panel__content{ display: block; } .mobile-menu-panel__close-btn{ display: block; } .mobile-menu-panel__content{ transform: scale(1.4); } .mobile-menu-contacts{ transform: scale(1.4); } .mobile-filter-panel{ display: block; } .custom-filter{ display: none; } /* --- Стили для мобильного хедера --- */ .mobile-header { display: flex; justify-content: space-between; align-items: center; padding: 0 16px; /* --- ИСПРАВЛЕНИЯ ЗДЕСЬ --- */ position: fixed; /* Приклеиваем к экрану */ top: 0; /* К самому верху, без отступов */ left: 0; /* Для всех браузеров, чтобы не было сдвигов */ width: 100%; height: 76px; /* <-- ВАЖНО: Конкретная высота в пикселях */ background-color: #fff; border-bottom: 1px solid #e0e0e0; z-index: 1000; } /* --- Стили для логотипа в мобильной версии --- */ .mobile-logo { line-height: 0; } .mobile-logo img { position: absolute; top:4vw; left:24vw; height: 55px; width: auto; } /* --- Общие стили для обеих кнопок в хедере --- */ .mobile-header__button_1, .mobile-header__button_2 { background: none; border: none; cursor: pointer; padding: 8px; line-height: 0; } .mobile-header__button_1 svg, .mobile-header__button_2 svg { width: 44px; height: 44px; position: absolute; top:4vw; } .mobile-header__button_1 svg { left:4vw; } .mobile-header__button_2 svg { left:86vw; } /* --- Стили для выезжающего меню --- */ /* Изначально панель спрятана */ .mobile-menu-panel { position: fixed; top: 76px; /* <-- ВАЖНО: Отступ равен высоте шапки .mobile-header */ left: 0vw; width: 550px; height: calc(100% - 76px); /* <-- ВАЖНО: Высота на оставшуюся часть экрана */ background-color: #fff; z-index: 2000; transform: translateX(-100%); transition: transform 0.3s ease-in-out; } .menu-main-items-container{ position: absolute; left:17vw; width: 65vw; } /* Когда JS добавляет класс .is-open, панель появляется */ .mobile-menu-panel.is-open { transform: translateX(0); } /* Фон-затемнение */ .menu-overlay { display: none !important; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1999; } /* --- Стили для кнопки-контейнера крестика --- */ .mobile-menu-panel__close-btn { position: absolute; top:-8vh; left:2vw; background: #fff; /* Убираем фон у кнопки */ border: none; /* Убираем стандартную рамку кнопки */ padding: 8px; /* Небольшой отступ для удобства нажатия */ cursor: pointer; /* Показываем курсор-руку при наведении */ line-height: 0; /* Помогает идеально отцентрировать SVG внутри */ } /* --- Стили для самой SVG-иконки крестика --- */ .mobile-menu-panel__close-btn svg { width: 44px; /* Задаем нужный вам размер */ height: 44px; /* V-- ЗАДАЕМ ЦВЕТ ЗАЛИВКИ КРЕСТИКА --V */ fill: rgb(237, 96, 16); } /* --- Бонус: эффект при наведении --- */ .mobile-menu-panel__close-btn:hover svg { /* Можно сделать крестик темнее при наведении */ fill: rgb(200, 80, 13); } /* Стили для блока контактов в мобильном меню */ .mobile-menu-contacts { position: absolute; top:37vh; left:22vw; padding: 20px 15px; margin-top: auto; /* Прижимает блок к низу панели */ border-top: 1px solid #f0f0f0; /* Декоративная линия-разделитель */ text-align: center; } .contacts-phone { display: block; font-size: 18px; font-weight: bold; color: rgb(237, 96, 16); /* Ваш оранжевый цвет */ text-decoration: none; margin-bottom: 20px; /* Отступ до иконок */ } .contacts-phone:hover { text-decoration: underline; } /* Стили для контейнера с иконками */ .contact-icons { display: flex; /* Используем flex для выравнивания иконок */ justify-content: center; /* Центрируем иконки */ align-items: center; gap: 30px; /* Расстояние между иконками */ } /* Стили для самих иконок */ .contact-icons a img { height: 32px; /* Размер иконок */ width: auto; } .search-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; /* Сплошной белый фон */ z-index: 3000; /* Выше всех остальных элементов */ /* Свойства для скрытия и плавной анимации */ opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; } /* Класс для показа оверлея */ .search-overlay.is-visible { opacity: 1; visibility: visible; } /* Контейнер для самой строки поиска */ .search-bar-container { display: flex; align-items: center; padding: 10px 16px; border-bottom: 1px solid #eee; } /* Кнопка "Закрыть" (крестик) */ .search-close-btn { background: none; border: none; cursor: pointer; padding: 0; margin-right: 10px; } .search-close-btn svg { width: 36px; height: 36px; fill: #888; } /* Форма поиска */ .search-form { flex-grow: 1; /* Занимает все оставшееся место */ position: relative; } /* Поле для ввода текста */ .search-input { width: 80%; height: 48px; border: 1px solid #ddd; border-radius: 24px; /* Делает углы полностью круглыми */ padding: 0 50px 0 20px; /* Отступы: справа для лупы, слева для текста */ font-size: 16px; outline: none; /* Убирает синюю обводку при фокусе */ } .search-input:focus { border-color: rgb(237, 96, 16); /* Оранжевая рамка при фокусе */ } /* Кнопка "Найти" (лупа) */ .search-submit-btn { position: absolute; right: 0vw; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; padding: 8px; } .search-submit-btn svg { width: 36px; height: 36px; fill: rgb(237, 96, 16); /* Оранжевый цвет */ } .section-title { position: relative; top:-28vh; font-size: 20px; font-weight: bold; padding: 24px 16px 16px; text-align: center; } /* Контейнер для сетки категорий */ .category-grid { display: grid; grid-template-columns: 1fr 1fr; /* Создаем 2 колонки равной ширины */ gap: 16px; /* Расстояние между плитками */ padding: 0 16px 24px; /* Отступы по бокам и снизу */ } /* Стили для каждой плитки-категории */ .category-tile { position: relative; top:-28vh; display: flex; flex-direction: column; /* Картинка над текстом */ align-items: center; justify-content: center; background-color: #f7f7f7; border-radius: 12px; padding: 16px; text-decoration: none; color: #333; font-weight: 500; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.05); min-height: 120px; /* Минимальная высота для ровного вида */ } .category-tile img { height: 100px; /* Размер иконки */ width: auto; margin-bottom: 12px; } /* Внешняя рамка */ .promo-slider { position: relative; top:-27vh; width: 90%; margin: 16px auto; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; } /* Внутренний контейнер, в котором лежат все слайды */ /* Этот код должен быть внутри @media screen and (max-width: 600px) { ... } */ /* Убеждаемся, что внутренние контейнеры слайдера растянуты на всю рамку */ .promo-slider #slider-wrap, .promo-slider #slider { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /* Этот код должен быть внутри @media для мобильных */ .mobile-version #mobile-slider .slide { width: 100% !important; height: 100% !important; /* ИЗМЕНЕНИЯ ЗДЕСЬ */ background-size: 200% !important; /* Показываем картинку целиком */ background-color: #ffffff !important; /* Добавляем белый фон для пустых областей */ clip-path: polygon( 0% 17px, /* верхняя левая */ 17px 0%, /* верхняя левая */ calc(100% - 17px) 0%, /* верхняя правая */ 100% 17px, /* верхняя правая */ 100% calc(100% - 17px), /* нижняя правая */ calc(100% - 17px) 100%, /* нижняя правая */ 17px 100%, /* нижняя левая */ 0 calc(100% - 17px) /* нижняя левая */ ); background-position: right !important; background-repeat: no-repeat !important; } /* --- Стили для нижней мобильной навигации --- */ .mobile-bottom-nav { /* ЭТО СВОЙСТВО ДЕЛАЕТ ПАНЕЛЬ ВИДИМОЙ ВСЕГДА ВНИЗУ ЭКРАНА */ position: fixed; bottom: 0; left: 0vw; width: 100%; /* ИЗМЕНЕНО: Увеличили высоту панели, чтобы поместился крупный шрифт и иконки */ height: 75px; background-color: #ffffff; border-top: 1px solid #e0e0e0; display: flex; justify-content: space-around; z-index: 1500; } .mobile-nav-link { display: flex; flex-direction: column; justify-content: center; align-items: center; flex-grow: 1; color: #888888; text-decoration: none; /* Убрали font-size отсюда, чтобы задать его отдельно */ } .mobile-nav-link.active { color: rgb(237, 96, 16); } .mobile-nav-icon { /* ИЗМЕНЕНО: Увеличили размер иконок (было 24px) */ width: 32px; height: 32px; margin-bottom: 4px; } .mobile-nav-text { /* ИЗМЕНЕНО: Увеличили размер текста (было 10px) */ font-size: 14px; } .auth_info{ position:absolute;top:-5vh;} .auth_vhod{ position: absolute; left: 20vw; top: 30vh; transform:scale(1.5); } /* --- Стили для выезжающей панели фильтра --- */ /* 1. Изначально панель спрятана за левым краем экрана */ .mobile-filter-panel { position: fixed; top: 0; left: 0; width: 100%; /* Ширина панели */ height: 100%; background-color: #fff; z-index: 2000; /* Выше всех остальных элементов */ /* Эта строка прячет панель */ transform: translateX(-100%); /* Эта строка отвечает за плавную анимацию */ transition: transform 0.3s ease-in-out; box-shadow: 4px 0px 15px rgba(0,0,0,0.1); overflow-y: auto; /* Добавляет прокрутку, если фильтр длинный */ } /* 2. Когда JS добавляет класс .is-open, панель появляется */ .mobile-filter-panel.is-open { transform: translateX(0); } /* 3. Стили для шапки внутри панели */ .mobile-filter-panel__header { display: flex; justify-content: space-between; align-items: center; padding: 15px; border-bottom: 1px solid #eee; position: sticky; /* Шапка фильтра "прилипает" при прокрутке */ top: 0; background-color: #fff; z-index: 1; } .mobile-filter-panel__title { font-size: 18px; font-weight: bold; } .mobile-filter-panel__close-btn { font-size: 28px; background: none; border: none; cursor: pointer; } /* 4. Отступы для самого контента фильтра */ .mobile-filter-panel__content { padding: 15px; } /* 5. Фон-затемнение */ .filter-overlay { display: none; /* Изначально скрыт */ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1999; /* Ниже, чем панель, но выше остального сайта */ } .mobile-filter-trigger { position: absolute; z-index: 200; top:9.5vh; left:3vw; background: none; /* Убирает фон */ border: none; /* Убирает рамку */ padding: 0; /* Убирает внутренние отступы */ cursor: pointer; /* Оставляет курсор-руку */ } /* 2. Сбрасываем неправильную ширину у вложенного контейнера */ .grid-view-mobile .product-item-container { width: 100% !important; } /* 3. Сбрасываем позиционирование у переключателя вида, если он есть */ .view-switcher { position: static !important; margin-bottom: 16px; padding: 0 16px; } .mobile-filter-panel__close-btn{ position: absolute; left:90vw; top:1vh; color: rgb(237,96,16); transform: scale(3); } .mobile-filter-panel__content{ transform: scale(2); position: absolute; top:10vh; left:9vw; } } td.vin_request_btn{ background: #ebecec; text-align: center; } td.vin_request_btn a{ color: rgb(237,96,16); display: block; font-family: 'Play400', sans-serif; font-size: 16px; font-weight: bold; padding: 16px 0; text-decoration: none; text-transform: uppercase; } td.text a{ color: #5b5b5b; padding: 12px 0; text-decoration: none; } td.text a:hover{text-decoration: underline;} td.enter_exit_text{padding: 0 4px;} td.text{ background: #ebecec; font-family: 'Play400', sans-serif; font-size: 13px; color: #5b5b5b; text-align: center; } td.text p{ font-family: 'Play400', sans-serif; font-size: 13px; color: #5b5b5b; } td.text p a{color: #5b5b5b;} td.basket_text a{padding: 0;} td.basket_text{padding: 0 10px;} a.theme_back_hover_:hover{ background-color: rgb(237,96,16); } @media screen and (min-width:1000px){ a.theme_back_hover_red:hover{ background-color: rgb(237,96,16); clip-path: polygon( 0% 9px, /* верхняя левая */ 9px 0%, /* верхняя левая */ calc(100% - 9px) 0%, /* верхняя правая */ 100% 9px, /* верхняя правая */ 100% calc(100% - 9px), /* нижняя правая */ calc(100% - 9px) 100%, /* нижняя правая */ 9px 100%, /* нижняя левая */ 0 calc(100% - 9px) /* нижняя левая */ ); } } ul.top_menu li.menu_item, ul.bottom_menu li.menu_item{ display: inline-flex; margin: 0 auto; position: relative; width: 10vw; } ul.top_menu li.menu_item a.menu_link, ul.bottom_menu li.menu_item a.menu_link{ display: block; font-weight: bold; color: #000; text-transform: uppercase; text-decoration: none; width: 10vw; text-align: center; box-sizing: border-box; } a.theme_back_hover_blue:hover, a.theme_back_hover_blue:active{ background: #2b6197; color: #fff !important; font-weight: normal; } a.theme_back_hover_black:hover, a.theme_back_hover_black:active{ background: #555; color: #fff !important; font-weight: normal; } ul.top_menu li.has_toggle:hover>ul.toggle_menu{ display: block; background: #22343E; } ul.toggle_menu{ position: absolute; top: 59px; left: 0; background: #ebecec; display: none; z-index: 101; } ul.toggle_menu li{ list-style: none; min-width: 221px; } ul.toggle_menu li a{ display: block; padding: 15px 20px 15px 10%; font-family: 'Play400', sans-serif; font-size: 14px; font-weight: bold; color: #5b5b5b; text-transform: uppercase; text-decoration: none; } input.vin_submit{ display: inline-block !important; width: 215px !important; } div.wrapper{ width: 1004px; margin: 0 auto; width: 98%; } div.first_wrap{min-height: 300px;} div.wrap_bread{ display: block; width: 98%; margin: 0 auto; position: relative; min-height: 10px; } .popup_img{margin: 10px 0;} .popup_text{ font-family: 'Play400', sans-serif; font-size: 16px; font-weight: bold; text-align: center; } /*-------====SLIDER_CORE_STYLES===-------*/ .slider-container{ position: relative; overflow: hidden; width: 100%; margin: 0 auto; } .slider{position: relative; width: 9999px;} .slider:before, .slider:after{ display: table; content: ' '; } .slider:after{clear: both;} .slider .slide{ position: relative; float: left; margin: 0; padding: 0; } .slider .slide img{ display: block; height: auto; } #next > span, #prev > span{ display: block; width: 16px; height: 24px; } /* Arrows */ #next > span{background-position: -20px 0;} #prev > span{background-position: 0 0;} #next, #prev{ position: absolute; top: 50%; margin-top: -20px; padding: 10px 15px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 5px; background: rgba(0, 0, 0, .39); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000'); /* ie8 */ -o-user-select: none; } #prev{left: 10px;} #next{right: 10px;} .caption{ position: absolute; bottom: 0; display: block; width: 100%; padding: 0 10px 30px; color: #fff; background: rgba(0,0,0,.8); background: -webkit-linear-gradient(bottom, rgba(0,0,0, .8), transparent 100%); background: linear-gradient(to top, rgba(0,0,0, .8), transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000'); /* ie8 */ } .caption a{display: block; color: #fff;} .slider-nav{ position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; margin: 0; padding: 0; text-align: center; line-height: 30px; filter: alpha(opacity=90); /* ie8 */ } .slider-nav a{ display: inline-block; width: 12px; height: 12px; margin: 0 3px; -webkit-transition: background .5s ease; -moz-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease; border-radius: 50%; background: #e2e4e4; cursor: pointer; } .slider_theme_red .slider-nav a:hover{ background: #e6b3b3; } .slider_theme_red .active{ width: 12px; height: 12px; background: rgb(237,96,16); } .slider_theme_blue .slider-nav a:hover{ background: #97bfe7; } .slider_theme_blue .active{ width: 12px; height: 12px; background: #2b6197; } .slider_theme_black .slider-nav a:hover{ background: #fff; } .slider_theme_black .active{ width: 12px; height: 12px; background: #555; } /*-------====/SLIDER_CORE_STYLES===-------*/ ul.marks_box{ margin-top: 30px; text-align: center; } ul.marks_box li{ display: inline-block; margin: 15px; vertical-align: top; } ul.marks_box li a{ text-decoration: none; } ul.marks_box li:first-child{ font-family: 'Play400', sans-serif; font-size: 16px; font-weight: bold; color: rgb(237,96,16); text-transform: uppercase; padding: 18px 0 0; text-align: left; } div.catalog_top_box{ margin: 30px 0 0 0; padding: 1px 1.2% 18px; background: #e8e8e8; } ul.catalog_section{ text-align: center; overflow: hidden; position: relative; width: 100%; } ul.catalog_section .owl-item{ backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); float: left; } li.catalog_item{ background: #fff none repeat scroll 0 0; border: 1px solid #5b5b5b; display: inline-block; margin: 0 1% 2%; padding: 16px; width: 220px; } #catalog_top_carousel li.catalog_item{ width: 168px; } div.image_box{ width: 100%; height: 130px; background-size: contain !important; background-position: center center !important; } p.item_name{ display: table-cell; height: 70px; line-height: 12px; text-align: left; vertical-align: middle; } p.item_name a{ font-family: 'Play400', sans-serif; font-size: 12px; color: F; text-decoration: none; } p.item_name a:hover{ text-decoration: underline; } div.item_price{ text-align: left; white-space: nowrap; } span.true_price{ font-family: 'Play400', sans-serif; font-size: 24px; font-weight: bold; color: rgb(237,96,16); } span.old_price{ font-family: 'Play400', sans-serif; font-size: 14px; color: #5b5b5b; } div.item_btns a{display: block;} a.to_basket_btn{ font-family: 'Play400', sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #5b5b5b; text-transform: uppercase; padding: 3px 3px 3px 22px; background: #ebecec; position: relative; text-shadow: 0 1px 0 #fff; margin: 4px 0 0 0; text-align: center; } a.no_item{ font-family: 'Play400', sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; color: #5b5b5b; text-transform: uppercase; padding: 4px 0 5px; background: #ebecec; position: relative; text-shadow: 0 1px 0 #fff; margin: 4px 0 0 0; text-align: center; cursor: default; } a.to_detail_btn{ font-family: 'Play400', sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #5b5b5b; text-transform: uppercase; padding: 3px 3px 3px 27px; background: #ebecec; position: relative; text-shadow: 0 1px 0 #fff; margin: 4px 0 0 0; text-align: center; } span.basket_btn_icon{ width: 24px; position: absolute; top: 4px; left: 7px; height: 20px; background-size: 24px !important; background-position: 0px 0px !important; } a.to_basket_btn:hover span.basket_btn_icon{ background-position: 0px -20px !important; } div.item_btns a.theme_back_hover_red:hover{ text-shadow: 0 -1px 0 #730000; } div.item_btns a.theme_back_hover_blue:hover{ text-shadow: 0 -1px 0 #073666; } a.theme_back_hover_black:hover{ text-shadow: 0 -1px 0 #222; } span.detail_btn_icon{ width: 15px; position: absolute; top: 4px; left: 13px; height: 17px; background-size: 15px !important; background-position: 0px 0px !important; } a.to_detail_btn:hover span.detail_btn_icon{ background-position: 0px -17px !important; } div.owl-buttons{text-align: center;} div.owl-buttons .owl-prev{ background: rgba(0, 0, 0, 0) url("/bitrix/templates/autosimpo_/img/left.jpg") no-repeat scroll 0 0; cursor: pointer; font-family: 'Play400', sans-serif; font-size: 0; height: 75px; left: 0; position: absolute; top: 33%; width: 50px; z-index: 10; opacity: 0.7; } div.owl-buttons .owl-next{ background: rgba(0, 0, 0, 0) url("/bitrix/templates/autosimpo_/img/right.jpg") no-repeat scroll 0 0; cursor: pointer; font-family: 'Play400', sans-serif; font-size: 0; height: 75px; right: 0; position: absolute; top: 33%; width: 50px; z-index: 10; opacity: 0.7; } div.owl-buttons .owl-prev:hover, div.owl-buttons .owl-next:hover{ opacity: 1; } div.news_box{ position: relative; margin: 10px 0 20px 0; } ul.news_list{ display: flex; margin: 0 auto; width: 98%; } ul.news_list li{ display: inline-block; border: 1px solid #5b5b5b; width: 168px; padding: 16px; background-color: #fff; margin: 0 auto; list-style: none; } p.date{ font-family: 'Play400', sans-serif; font-size: 10px; color: #969696; text-align: left; } p.news_name{ text-align: left; height: 100px; display: table-cell; vertical-align: middle; } p.news_name a{ font-family: 'Play400', sans-serif; font-size: 13px; color: rgb(237,96,16); font-weight: bold; } p.news_preview_text{ color: #5b5b5b; display: block; font-family: 'Play400', sans-serif; font-size: 12px; height: 140px; overflow: hidden; text-align: left; vertical-align: middle; } .news_box h2{ float: left; margin-top: 0; padding-left: 16px; } a.all_news{ /*position: absolute; top: 0; right: 0;*/ float: right; padding-right: 16px; line-height: 27px; color: rgb(237,96,16); font-weight: bold; font-family: 'Play400', sans-serif; font-size: 13px; text-decoration: underline; } a.all_news:hover{text-decoration: none;} div.subscribe_box{ background-color: #ebecec; margin: 0 0 16px 0; } input.subs_input_text{ float: left; padding: 18px 18px 18px 54px; font-family: 'Play400', sans-serif; font-size: 12px; background-position: 10px center !important; background-color: #fff !important; border: none; width: calc(100% - 150px); box-sizing: border-box; border-top: 1px solid #ebecec; border-bottom: 1px solid #ebecec; } input.subs_input_text:required{ box-shadow: none; } td.td_inp_txt{width: 47%; position: relative;} td.td_sub{width: 150px;} input.subs_submit{ float: left; background-color: rgb(237,96,16); border: none; color: #fff; cursor: pointer; font-family: 'Play400', sans-serif; font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; width: 150px; height: 53px; } div.subscribe_box table{ width: 100%; border-collapse: collapse; } td.td_notes p{ font-family: 'Play400', sans-serif; font-size: 15px; line-height: 16px; text-align: center; } div.catalog_section_box{ background-color: #E8E8E8; padding: 0 0 8px 0; margin-bottom: 30px; } ul.catalog_section_list{ text-align: center; display: block; } ul.catalog_section_list li{ display: inline-block; margin: 0 9px 10px 9px; border: 1px solid #ebecec; } ul.catalog_section_list li a{ font-family: 'Play400', sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #5b5b5b; padding: 20px 15px; display: block; } ul.catalog_section_list li a:hover{ box-shadow: 0 0 6px 2px #aaa inset; } section{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; padding: 0 20px; margin: 10px 0; } section p{margin: 0 0 20px 0; font-family: 'Play400', sans-serif; font-size: 12px;} div.bottom_box{position: relative;} div.share_block{ margin: 0 auto; padding: 18px 0 0; width: 240px; } div.copyright_block{ position: absolute; right: 20px; top: 34px; } div.reg_auth_block{ position: absolute; top: 0; left: 20px; } div.reg_auth_block a{ font-family: 'Play400', sans-serif; font-size: 16px; color: #5b5b5b; line-height: 45px; text-decoration: none; } div.reg_auth_block a:hover{ text-decoration: underline; } div.share_block ul li{display: inline-block;} div.share_block ul li a{ display: block; width: 55px; height: 55px; background-position: 0 0 !important; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } div.share_block ul li a:hover{ background-position: 0 -55px !important; } div.copyright_block a, div.copyright_block span{ font-family: 'Play400', sans-serif; font-size: 12px; text-decoration: none; } div.copyright_block a{color: #5b5b5b;} div.copyright_block span{color: rgb(237,96,16);} td.mob_menu{position: relative; cursor: pointer;} span.mob_menu_icon_red{ display: block; height: 2px; left: 50%; margin-left: -20px; margin-top: -1px; position: absolute; top: 50%; transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; width: 30px; background-color: rgb(237,96,16); } span.mob_menu_icon_red::after{ content: ""; display: block; height: 2px; left: 50%; margin-left: -15px; margin-top: 6px; position: absolute; top: 50%; transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; width: 30px; background-color: rgb(237,96,16); } span.mob_menu_icon_red::before{ content: ""; display: block; height: 2px; left: 50%; margin-left: -15px; margin-top: -8px; position: absolute; top: 50%; transition: all 0.1s ease 0s; width: 30px; background-color: rgb(237,96,16); } span.mob_menu_icon_blue{ display: block; height: 2px; left: 50%; margin-left: -20px; margin-top: -1px; position: absolute; top: 50%; transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; width: 30px; background-color: #2b6197; } span.mob_menu_icon_blue::after{ content: ""; display: block; height: 2px; left: 50%; margin-left: -15px; margin-top: 6px; position: absolute; top: 50%; transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; width: 30px; background-color: #2b6197; } span.mob_menu_icon_blue::before{ content: ""; display: block; height: 2px; left: 50%; margin-left: -15px; margin-top: -8px; position: absolute; top: 50%; transition: all 0.1s ease 0s; width: 30px; background-color: #2b6197; } span.mob_menu_icon_black{ display: block; height: 2px; left: 50%; margin-left: -20px; margin-top: -1px; position: absolute; top: 50%; transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; width: 30px; background-color: #555; } span.mob_menu_icon_black::after{ content: ""; display: block; height: 2px; left: 50%; margin-left: -15px; margin-top: 6px; position: absolute; top: 50%; transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; width: 30px; background-color: #555; } span.mob_menu_icon_black::before{ content: ""; display: block; height: 2px; left: 50%; margin-left: -15px; margin-top: -8px; position: absolute; top: 50%; transition: all 0.1s ease 0s; width: 30px; background-color: #555; } div.subscribe_box tr.mob_notes{ display: none; } tr.mob_notes td p{ margin: 0 auto; text-align: center; width: 97%; } div.bottom_var{ display: block; } div.top_var, #article_search_form_mobile, table.head_bar_xs{ display: none; } form .field_name{ color: #5b5b5b; display: block; font-family: 'Play400', sans-serif; font-size: 16px; margin: 0 auto; text-align: left; text-transform: uppercase; width: auto; } form .field_name_line{ color: #5b5b5b; display: inline-block; font-family: 'Play400', sans-serif; font-size: 16px; margin: 0 auto; text-align: right; text-transform: uppercase; padding: 0 14px 0 0; } form .inp_txt{ display: block; font-family: 'Play400', sans-serif; font-size: 16px; margin: 0 auto; padding: 6px 8px; width: 300px; } form .inp_txt_line, form .inp_txt_line_select, form .inp_txt_line_frame{ font-family: 'Play400', sans-serif; font-size: 16px; margin: 0 auto; padding: 6px 8px; width: 300px; } #wright_us{margin-left: 20%;} #cap-block p{margin-left: 320px;} .callme_form .inp_txt { width: 100% !important; box-sizing: border-box; } .callme_form input[type="button"]{ width: 100% !important; } .callme_form p{ margin: 10px 0; text-align: center; } #popup_callme h2{ text-align: center; color: #5b5b5b; } .avto_form input[type="button"], .avto_form input[type="submit"], .avto_form input[type="reset"]{ background: rgb(237,96,16) none repeat scroll 0 0; border: 0 none; color: #fff; cursor: pointer; font-family: 'Play400', sans-serif; font-size: 15px; height: 40px; text-transform: uppercase; width: 316px; display: block; margin: 4px auto; opacity: 1; } input[name="captcha_word"]{ width: 167px; } .avto_form input[type="button"]:hover, .avto_form input[type="submit"]:hover, .avto_form input[type="reset"]:hover{ opacity: .8; } a.button_link{ background: rgb(237,96,16) none repeat scroll 0 0; color: #fff; text-decoration: none; text-transform: uppercase; display: block; opacity: 1; padding: 6px 10px; text-align: center; } a.button_link:hover{opacity: .8;} form.callme_form{margin: 0 10px;} /**/ div.menu ul li a{ color:#5b5b5b; text-transform: uppercase; font-weight: bold; } div.menu ul li a:hover{ text-decoration: none; } .menu ul li a.active{color: black;} .theme_red.menu ul li a.active{color: rgb(237,96,16);} .theme_blue.menu ul li a.active{color: #2b6197;} /**/ div.bx-system-auth-form{ font-weight: bold; font-family: 'Play400', sans-serif; font-size: 14px; text-align: center; min-height: 250px; } div.bx-system-auth-form .field_name{ color: #5b5b5b; display: block; font-weight: bold; font-family: 'Play400', sans-serif; font-size: 16px; margin: 0 auto; text-align: left; text-transform: uppercase; width: 185px; } div.bx-auth-reg .field_name{ color: #5b5b5b; display: block; font-weight: bold; font-family: 'Play400', sans-serif; font-size: 16px; margin: 10px auto 0; text-align: left; text-transform: uppercase; width: auto; } .bx-auth-reg table{margin: 0 auto;} div.bx-system-auth-form input[type='text'], div.bx-system-auth-form input[type='password'], .bx-auth-reg input[type='text'], .bx-auth-reg input[type='password']{ font-weight: bold; font-family: 'Play400', sans-serif; font-size: 16px; padding: 8px 6px; } div.bx-system-auth-form input[type='submit']{ background: rgb(237,96,16) none repeat scroll 0 0; border: 0 none; color: #fff; cursor: pointer; font-weight: bold; font-family: 'Play400', sans-serif; font-size: 15px; height: 40px; text-transform: uppercase; width: 191px; border-radius: 0.5vw; } td.registr_submit{text-align: left;} div.bx-system-auth-form tr td{ padding: 8px; } .wrightus_form{ width: 97%; margin: 0 auto; } div.not_auth{ margin: 80px 0 110px 0; } div.not_auth p{ text-align: center; margin: 20px 0; font-family: 'Play400', sans-serif; font-size: 18px; font-weight: bold; } a, div.not_auth a{ color: #337ab7; text-decoration: none; } .detal_table{ border-collapse: collapse; margin: 15px auto; width: 98%; } .vin_table tr:first-child, .detal_table tr:first-child{ background: #eee; } .detal_table tr td{ border: 1px solid #999; font-family: Open Sans; font-family: 'Play400', sans-serif; font-size: 14px; padding: 4px 8px; } .td_price{ font-weight: bold;} .gray_curens{color: #999; font-family: 'Play400', sans-serif; font-size: 10px;} .quantity_inp{width: 114px; text-align: center;} a.buy_button{ background: linear-gradient(to top, #ddd, #eee) repeat scroll 0 0; border: 1px solid #999; color: #111; display: block; margin: 2px auto; max-width: 80px; padding: 2px 4px; } .basket_icon{ display: inline-block; height: 13px; width: 16px; margin: 0 3px 0 0; background-size: contain !important; } .captcha_notis, .captcha_pict{ text-align: center; margin-left: -46px; } a.button_link_line{ background: rgb(237,96,16) none repeat scroll 0 0; color: #fff !important; display: inline-block; min-width: 160px; opacity: 1; padding: 11px 20px; text-align: center; text-decoration: none; text-transform: uppercase; } div.podpiska form input.submit, button.submit, a.checkout_basket{ border: 0 none; color: #fff; cursor: pointer; font-weight: bold; font-family: 'Play400', sans-serif; font-size: 15px; height: 55px; position: relative; text-transform: uppercase; top: 1px; width: 154px; } .checkout_basket{ padding: 12px 20px; text-decoration: none; } .vin_table tr td{ border: 1px solid #999; font-family: 'Play400', sans-serif; font-size: 14px; padding: 4px 8px; } .vin_table, .detal_table{ border-collapse: collapse; margin: 15px auto; } .vin_table tr:first-child, .detal_table tr:first-child{ background: #eee none repeat scroll 0 0; font-weight: bold; } .str_quest td:first-child{ background: #eee none repeat scroll 0 0; font-weight: bold; } .req_vin_list li{ border-bottom: 1px dashed #ddd; list-style: outside none none; } div.left_side{width: 184px; float: left;} .left_side_cabinet, .left_side_section_list{ background: #ebecec; margin: 20px 20px 20px 0; } .left_side_cabinet ul, .left_side_section_list ul{ padding: 0 0 16px 0; } .left_side_cabinet ul li, .left_side_section_list ul li{ list-style: none; margin: 10px 0; padding: 0 0 0 20px; } .left_side_cabinet ul li a, .left_side_section_list ul li a{ color: #777; font-weight: bold; font-family: 'Play400', sans-serif; font-size: 17px; } .left_side_cabinet ul li a:hover, .left_side_section_list ul li a:hover{ text-decoration: underline; } div.wright_us{ position: absolute; right: 0; top: -63px; } .right_side{ position: absolute; left:204px; top:170px; width: 1504px; } .right_side.examples img{max-width: 100%;} .ul_in_cont{padding: 0 0 0 40px;} div.search-page{ position: relative; margin-bottom: 10px; } .search-page hr{margin: 5px 0;} input.search-suggest{ width: 90%; padding: 8px 8px 8px 30px; } div.search-page input[type='submit']{ border: medium none; height: 30px; left: 0; padding: 14px; position: absolute; top: 4px; width: 30px; } div.bx-basket p{margin: 0;} .main_catalog_box{ background: #fff !important; } .display_property{ font-family: 'Play400', sans-serif; font-size: 10px; color: #777; text-align: left; margin: 2px 0; } .col_minus, .col_plus{ background: #ebecec none repeat scroll 0 0; font-weight: bold; text-shadow: 0 1px 0 #ffffff; width: 26px; cursor: pointer; } .item_quantity{height: 24px;} .add_basket_wrap{ width: 400px; background: #fff; } .add_basket_wrap .popup_head{ text-align: center; font-family: 'Play400', sans-serif; font-size: 20px; font-weight: bold; } .continue_sale, .to_order_link{ background: #ebecec none repeat scroll 0 0; color: #5b5b5b; font-family: 'Play400', sans-serif; font-size: 14px; font-weight: bold; margin: 4px 6px 6px; padding: 6px 8px; position: relative; text-align: center; text-decoration: none; text-shadow: 0 1px 0 #fff; text-transform: uppercase; display: inline-block; } .continue_sale:hover, .to_order_link:hover{ text-decoration: none; text-shadow: none; } .link_box{text-align: center;} .simpo_news_list{ display: block; text-align: center; } .simpo_news_list li{ display: inline-block; background: #fff none repeat scroll 0 0; border: 1px solid #bbb; margin: 0 0 5px; padding: 16px; width: 180px; } .simpo_news_list li p{ font-family: 'Play400', sans-serif; font-size: 14px; height: 94px; overflow: hidden; text-align: left; } .simpo_news_list li h2 a{ display: table-cell; vertical-align: middle; height: 70px; font-family: 'Play400', sans-serif; font-size: 15px; text-align: left; } .nl_item_link{ display: block; padding: 8px 3px 8px 27px !important; } .nl_item_link>span{top: 10px;} .bx-breadcrumb .bx-breadcrumb-item span{ text-transform: lowercase; } .simpo_news_list h2{ margin: 4px 0 !important; display: block; } #user_div_reg table tbody tr td:first-child{ color: #5b5b5b; font-family: 'Play400', sans-serif; font-size: 16px; font-weight: bold; padding: 0 14px 0 0; text-align: right; text-transform: uppercase; } p.pass_req, div.soc-serv-main{ text-align: center; } .bx_item_detail .bx_item_title h1{ margin-bottom: 25px; } .bx_item_detail img{ max-width: 350px; } .bx_catalog_tile .bx_catalog_tile_ul li{ float: none; display: inline-block; } .popup-window-close-icon{ background: rgba(0, 0, 0, 0) url("/bitrix/js/main/core/images/controls-sprite.png") no-repeat scroll -20px 3px; cursor: pointer; height: 13px; margin-right: -5px; outline: medium none; position: absolute; right: 10px; top: 5px; width: 13px; } .row{ margin-left: -12px !important; margin-right: -12px !important; } #fancybox-wrap, #fancybox-wrap *{box-sizing: content-box;} .bx-404-container img{max-width: 100%;} .bx-404-container ul{padding-left: 1em;} /*------== MEDIA ==--------*/ @media screen and (min-width: 1024px){ #article_search_form_mobile{display: none !important;} ul.top_menu{display: flex !important;} } @media screen and (min-width:1000px) and (max-width:1259px){ span.basket_notis{display: none;} } @media screen and (min-width:1080px) and (max-width:1280px){ ul.news_list li:nth-child(6){display: none;} } @media screen and (min-width:1000px) and (max-width:1079px){ div.catalog_top_box{ margin: 30px 0 0 0; padding: 1px 1.1% 18px; background: #e8e8e8; } ul.news_list li:nth-child(6), ul.news_list li:nth-child(5){ display: none; } } /*--------== TABLET ===--------*/ /* @media screen and (min-width:790px) and (max-width:1023px){ span.basket_notis, p.summ_basket, td.reg_userinfo_ico, td.reg_userinfo_text, a.buy_button b, div.left_side{ display: none; } div.head_wrap{width: 100% !important;} div.right_side{margin: 0;} table.head_bar{ border-collapse: collapse; margin: 0; } td.logo, td.phones{ border: 2px solid #ebecec !important; } td.logo{ border-left: none !important; padding: 0 4px 0 0; } td.logo img{margin-top: 2px;} td.phones{ background: none; padding: 0; border-left: none !important; } td.mob_menu, td.apparat{ display: table-cell; } td.mob_menu:active{ background-color: #ebecec; } td.search_input input{ padding: 38px 8px; font-family: PTSansNarrow; } td.basket_ico{border-right: none !important;} td.text{background-color: #fff; } td.basket_text{ border-left: none !important; background: url("/bitrix/templates/autosimpo_/img/back_lines.jpg") repeat !important; } td.apparat, td.mob_menu{ width: 53px; text-align: center; border-right: none !important; } td.menu_catalog{ width: 53px; text-align: center; border-right: none !important; background: #fff !important; } ul.bottom_menu, #slider-wrap, section{ display: none; } ul.top_menu{ display: block; position: absolute; top: 0; left: 53px; width: calc(100% - 53px); margin: 0; z-index: 110; display: none; text-align-last: left; box-shadow: 2px 2px 4px #555; } ul.top_menu li.menu_item{ border-bottom: 1px solid #aaa; border-top: 1px solid #fff; display: block; } ul.top_menu li.menu_item a.menu_link{ padding: 20px; } div.copyright_block{ position: absolute; right: 20px; top: 22px; } .copyright_block i{display: block;} ul.marks_box li:first-child{ padding: 5px 0 0; } div.subscribe_box td.td_notes{display: none;} div.subscribe_box tr.mob_notes{display: table-row;} div.share_block ul li a{ background-position: -4px -5px !important; width: 45px; height: 45px; } div.share_block ul{text-align: center;} div.news_box{ background-color: #ebecec; margin: 0; padding: 10px 0 20px; position: relative; } td.td_inp_txt{padding: 0 30px 11px;} div.subs_n_news{ background-color: #ebecec; width: 100%; } div.catalog_top_box{background-color: #fff;} div.bottom_var{display: none;} div.top_var{display: block;} ul.news_list li{padding: 8px;} ul.toggle_menu{ box-shadow: 1px 1px 2px #999; background-color: #fbfbfb; } ul.marks_box{margin-top: 0;} form .field_name_line{ text-align: left; display: block; margin: 0; } #wright_us, #cap-block p{margin-left: 0;} div.menu ul{width: auto;} div.menu ul li{margin: 5px 1%;} div.menu ul li a{text-decoration: underline;} input.subscription-email{width: 50%; padding: 6px 5px;} div.text_about{margin: 20px 10px 0;} .wrightus_form{width: 60%;} ul.toggle_menu{ position: static; } #article_search_form_mobile{display: none !important;} } */ /*--------== [] ===--------*/ /*--------== MOBIL ===--------*/ /* @media screen and (min-width:360px) and (max-width:789px){ span.basket_notis, p.summ_basket, td.reg_userinfo_ico, td.reg_userinfo_text, a.buy_button b, td.quantity_col, div.subscription-notes, td.mobile_die, div.left_side{ display: none; } h1{font-family: 'Play400', sans-serif; font-size: 22px;} div.head_wrap{ width: 100% !important; } div.right_side{margin: 0;} input.subscription-email{ padding: 6px 5px; width: 87%; } table.head_bar{ border-collapse: collapse; margin: 0; } td.logo, td.phones{border: 2px solid #ebecec !important;} td.logo{ border-left: none !important; padding: 0 10px 0 0; } td.phones{ background: none; padding: 0; border-left: none !important; } td.mob_menu, td.apparat{display: table-cell;} td.mob_menu:active{background-color: #ebecec;} td.search_input{display: none;} td.search_input input{ padding: 38px 8px; font-family: PTSansNarrow; width: 89%; } td.basket_ico{border-right: none !important;} td.text{background-color: #fff;} td.basket_text{ border-left: none !important; background: url("/bitrix/templates/autosimpo_/img/back_lines.jpg") repeat !important; } td.apparat, td.mob_menu{ width: 53px; text-align: center; border-right: none !important; } ul.bottom_menu, #slider-wrap, section{display: none;} ul.top_menu{ display: block; position: absolute; top: 0; left: 53px; width: calc(100% - 53px); margin: 0; z-index: 110; display: none; text-align-last: left; box-shadow: 2px 2px 4px #555; } ul.top_menu li.menu_item{ border-bottom: 1px solid #aaa; border-top: 1px solid #fff; display: block; } ul.top_menu li.menu_item a.menu_link{ padding: 20px; } div.copyright_block{ position: absolute; right: 20px; top: 22px; } .copyright_block i{display: block;} ul.marks_box li:first-child{ padding: 5px 0 0; } div.subscribe_box td.td_notes{ display: none; } div.subscribe_box tr.mob_notes{ display: table-row; } div.share_block ul li a{ background-position: -4px -5px !important; width: 45px; height: 45px; } div.share_block{width: 99%;} div.share_block ul{text-align: right;} div.news_box{ background-color: #ebecec; margin: 0; padding: 10px 0 20px; position: relative; } td.td_inp_txt{padding: 0 30px 11px;} div.subs_n_news{ background-color: #ebecec; width: 100%; } div.catalog_top_box{background-color: #fff;} div.bottom_var{display: none;} div.top_var{display: block;} ul.news_list li{padding: 4px;} ul.news_list li{width: 160px;} ul.toggle_menu{ box-shadow: 1px 1px 2px #999; background-color: #fbfbfb; } span.zap_po, td.call_me_text, td.enter_exit_text{ position: relative; right: 0; top: 0; display: none;} td.phones span{ font-family: 'Play400', sans-serif; font-size: 12px; line-height: 17px; letter-spacing: -0.2px; } #catalog_top_carousel .catalog_item{ padding: 16px 2px; } ul.catalog_section_list li{ display: block; margin: 0 9px 2px; } div.copyright_block{ position: relative; right: 0; top: 0; margin: 10px 0; text-align: center; } div.copyright_block i{display: inline;} .for_section{display: none;} div.reg_auth_block a{ font-family: 'Play400', sans-serif; font-size: 14px; line-height: 37px; } ul.marks_box{margin-top: 0;} ul.marks_box li{margin: 5px;} td.logo img{ position: relative; left: -7px; top: 2px; max-width: 100%; min-width: 150px; } div.reg_auth_block{left: 0;} #article_search_form_mobile{ position: absolute; top: 56px; left: 2%; padding: 12px; background: #fff; box-shadow: 2px 2px 4px #555; z-index: 111; width: 88%; border: 2px solid rgb(237,96,16); } #article_search_form_mobile input[type='text']{ display: block; margin: 0 0 8px; padding: 8px; width: calc(99% - 16px); } #article_search_form_mobile input[type='submit']{ background: #e2e2e2 none repeat scroll 0 0; border: 1px solid #999; display: block; font-weight: bold; padding: 8px; text-transform: uppercase; width: 100%; } form .inp_txt{width: 93%;} form .field_name, div.menu ul{width: auto;} #wright_us, #cap-block p{margin-left: 0;} div.menu ul li{ display: block; list-style: none; margin: 10px 0; } div.bx-system-auth-form .field_name, div.bx-system-auth-form input[type="text"], div.bx-system-auth-form input[type="password"], .bx-auth-reg input[type="text"], .bx-auth-reg input[type="password"]{ width: 93%; } .detal_table tr td{padding: 3px 6px; font-family: 'Play400', sans-serif; font-size: 12px;} .wrightus_form{width: 93%;} .field_name_line{width: auto;} form .inp_txt_line{width: 92% !important;} p.choose_req a{display: block; margin: 0;} form .field_name_line{ text-align: left; display: block; margin: 0; } #basket_items td.custom{display: none;} form .inp_txt_line_frame{ width: 34% !important; font-family: 'Play400', sans-serif; font-size: 16px; margin: 0 auto; padding: 6px 8px; } .profile-table td{ display: block; margin: 4px 0 0; vertical-align: top; width: 100%; } #user_div_reg table tr td:first-child{ text-align: right; } .bx_order_list .bx_order_list_table tbody tr td{ font-family: 'Play400', sans-serif; font-size: 11px; padding: 5px 3px; } .bx_order_list .bx_order_list_table_order tbody tr td{ color: #3f3f3f; font-family: 'Play400', sans-serif; font-size: 11px; } .bx_my_order_status_desc h2{font-family: 'Play400', sans-serif; font-size: 13px;} .bx_my_order .bx_my_order_table thead tr td{font-family: 'Play400', sans-serif; font-size: 11px;} .bx_my_order .bx_my_order_status{ padding: 6px; font-family: 'Play400', sans-serif; font-size: 12px; width: 91%; } .bx_big.bx_bt_button_type_2{ padding: 0; } .bx_my_order .bx_my_order_table td a{ font-family: 'Play400', sans-serif; font-size: 12px; } .bx_my_order .bx_big.bx_bt_button_type_2{ height: auto; line-height: 18px; min-width: 0 !important; width: 65% !important; } .vin_table tr td{padding: 4px 2px; font-family: 'Play400', sans-serif; font-size: 10px;} div.text_about{margin: 20px 10px 0;} .add_basket_wrap{width: auto;} ul.toggle_menu{position: static;} } */ /*--------== MOBIL_SMALL ===--------*/ /* @media screen and (max-width:359px){ table.head_bar_xs{ display: table; border-collapse: collapse; margin: 0; width: 100%; position: relative; } ul.toggle_menu{position: static;} table.head_bar_xs tr td{border: 2px solid #ebecec;} div.right_side{margin: 0;} .vin_table tr td{padding: 4px 2px; font-family: 'Play400', sans-serif; font-size: 10px;} ul.news_list{overflow: hidden;} input.subscription-email{width: 87%; padding: 6px 5px;} div.subscription-form{padding: 8px;} .bx_big.bx_bt_button_type_2{padding: 0;} .bx_my_order .bx_my_order_table td a{ font-family: 'Play400', sans-serif; font-size: 12px; } .bx_my_order .bx_big.bx_bt_button_type_2{ height: auto; line-height: 18px; min-width: 0 !important; width: 65% !important; } .bx_my_order .bx_my_order_status{ padding: 6px; font-family: 'Play400', sans-serif; font-size: 12px; width: 91%; } .bx_my_order .bx_my_order_table thead tr td{ font-family: 'Play400', sans-serif; font-size: 11px; } h1{font-family: 'Play400', sans-serif; font-size: 18px; margin-top: 10px;} .bx_my_order_status_desc h2{font-family: 'Play400', sans-serif; font-size: 13px;} span.basket_notis, p.summ_basket, td.reg_userinfo_ico, td.reg_userinfo_text, a.buy_button b, td.quantity_col, table.head_bar, td.price_col, td.has_quant_col, div.subscription-notes, td.mobile_die, div.left_side{ display: none; } a.button_link_line{ font-family: 'Play400', sans-serif; font-size: 11px; padding: 13px 20px; min-width: 178px; } div.head_wrap{width: 100% !important;} td.logo, td.phones{border: 2px solid #ebecec !important;} td.logo{ border-left: none !important; padding: 0 4px 0 0; } td.phones{ background: none; padding: 0; border-left: none !important; } td.mob_menu, td.apparat{ display: table-cell; } td.mob_menu:active{background-color: #ebecec;} td.search_input, ul.bottom_menu, #slider-wrap, section, div.subscribe_box td.td_notes, div.bottom_var, span.zap_po, td.call_me_text, td.enter_exit_text, .for_section{ display: none; } td.search_input input{ padding: 38px 8px; font-family: PTSansNarrow; width: 89%; } td.basket_ico{border-right: none !important;} td.text{background-color: #fff;} td.basket_text{ border-left: none !important; background: url("/bitrix/templates/autosimpo_/img/back_lines.jpg") repeat !important; } td.apparat, td.mob_menu{ width: 53px; height: 53px; text-align: center; border-right: none !important; } ul.top_menu{ display: none; position: absolute; top: 0; left: 53px; width: calc(100% - 53px); margin: 0; z-index: 110; text-align-last: left; box-shadow: 2px 2px 4px #555; } ul.top_menu li.menu_item{ border-bottom: 1px solid #aaa; border-top: 1px solid #fff; display: block; } ul.top_menu li.menu_item a.menu_link{ padding: 15px 10px; font-family: 'Play400', sans-serif; font-size: 11px; } ul.toggle_menu li a{font-family: 'Play400', sans-serif; font-size: 11px;} div.copyright_block{ position: absolute; right: 20px; top: 22px; } .copyright_block i, div.top_var{display: block;} ul.marks_box li:first-child{padding: 5px 0 0;} div.subscribe_box tr.mob_notes{ display: table-row; } div.share_block ul li a{ background-position: -4px -5px !important; width: 45px; height: 45px; } div.share_block{width: 99%;} div.share_block ul{text-align: center;} .news_box{ background-color: #ebecec; margin: 0; padding: 10px 0 20px; position: relative; } td.td_inp_txt{padding: 0 20px 11px;} div.subs_n_news{ background-color: #ebecec; width: 100%; } div.catalog_top_box{background-color: #fff;} ul.news_list li{margin: 0 auto 10px; padding: 4px;} ul.toggle_menu{ box-shadow: 1px 1px 2px #999; background-color: #fbfbfb; } td.phones span{ font-family: 'Play400', sans-serif; font-size: 12px; font-weight: bold; line-height: 24px; } #catalog_top_carousel .catalog_item{ padding: 16px 2px; } ul.catalog_section_list li{ display: block; margin: 0 9px 2px; } div.copyright_block{ position: relative; right: 0; top: 0; margin: 10px 0; text-align: center; } div.copyright_block i{display: inline;} div.reg_auth_block a{ font-family: 'Play400', sans-serif; font-size: 14px; line-height: 37px; } ul.marks_box{display: none; margin-top: 0;} div.first_wrap{height: auto; min-height: auto;} div.wright_us{position: absolute; right: 2px; top: 6px;} ul.marks_box li{margin: 5px;} td.logo img{position: static; max-width: 100%;} input.subs_input_text{width: 100%;} input.subs_submit{width: 100%;} div.reg_auth_block{left: 0;} #article_search_form_mobile{ position: absolute; top: 170px; left: 2%; padding: 12px; background: #fff; box-shadow: 2px 2px 4px #555; z-index: 111; width: 84%; border: 2px solid rgb(237,96,16); } #article_search_form_mobile input[type='text']{ display: block; margin: 0 0 8px; padding: 8px; width: calc(99% - 16px); } #article_search_form_mobile input[type='submit']{ background: #e2e2e2 none repeat scroll 0 0; border: 1px solid #999; display: block; font-weight: bold; padding: 8px; text-transform: uppercase; width: 100%; } div.first_wrap{padding: 0;} div.reg_auth_block{ position: relative; padding-left: 9%; } #wright_us, #cap-block p{margin-left: 0;} .avto_form input[type="button"], .avto_form input[type="submit"], .avto_form input[type="reset"]{ margin: 4px 0; width: 100%; font-family: 'Play400', sans-serif; font-size: 11px; } .captcha_notis{font-family: 'Play400', sans-serif; font-size: 9px;} form .field_name{width: auto;} form .inp_txt{width: 85%;} div.menu ul{width: auto;} div.menu ul li{ display: block; list-style: none; margin: 10px 0; } div.bx-system-auth-form .field_name, div.bx-system-auth-form input[type="text"], div.bx-system-auth-form input[type="password"], .bx-auth-reg input[type="text"], .bx-auth-reg input[type="password"]{ width: 93%; } .detal_table tr td{ font-family: 'Play400', sans-serif; font-size: 12px; padding: 3px 6px; } .wrightus_form{width: 93%;} .field_name_line{width: auto !important;} .inp_txt_line_select{ width: 100% !important; font-family: 'Play400', sans-serif; font-size: 13px !important; padding: 8px !important; } form .inp_txt_line{ width: 92% !important; } form .inp_txt_line_frame{ width: 34% !important; font-family: 'Play400', sans-serif; font-size: 16px; margin: 0 auto; padding: 6px 8px; } form .field_name_line{ text-align: left; display: block; margin: 0; } p.choose_req a{display: block; margin: 0;} #basket_items td.custom{display: none;} .bx_ordercart .bx_ordercart_order_pay, .bx_ordercart .bx_ordercart_order_sum, .bx_ordercart .bx_ordercart_order_pay_left, .bx_ordercart .bx_ordercart_order_pay_right, .bx_ordercart .bx_ordercart_order_pay_center, .bx_ordercart .bx_ordercart_order_pay_center span, .bx_ordercart .bx_ordercart_order_pay_center .checkout, .bx_ordercart .bx_ordercart_order_table_container table, .bx_ordercart .bx_ordercart_order_table_container table tbody, .bx_ordercart .bx_ordercart_order_table_container table tbody tr, .bx_ordercart .bx_ordercart_order_table_container table tbody tr td, .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle a, .bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price{ font-family: 'Play400', sans-serif; font-size: 10px; } .profile-table td{ display: block; margin: 4px 0 0; vertical-align: top; width: 100%; } .bx_order_list .bx_order_list_table tbody tr td{ font-family: 'Play400', sans-serif; font-size: 11px; padding: 5px 3px; } .bx_order_list .bx_order_list_table_order tbody tr td{ color: #3f3f3f; font-family: 'Play400', sans-serif; font-size: 11px; } div.text_about{margin: 20px 10px 0;} .add_basket_wrap{width: auto;} } */ /*--------== BIG ===--------*/ @media screen and (min-width:1440px) and (max-width:2400px){ p, section p, p.news_preview_text, p.news_name a{ font-family: 'Play400', sans-serif; font-size: 14px; } } #popup_callme .modal-content{ max-width: 400px; margin: 0 auto; } #popup_callme .modal-header { border-bottom: 0; } #basket-root.theme_red_color .basket-btn-checkout{ background-color: rgb(237,96,16) !important; color: #fff; } #add_basket_popup .modal-content{ max-width: 400px; margin: 0 auto; } #add_basket_popup .modal-header { border-bottom: 0; } #add_basket_popup .popup_img{ margin: 10px 0; width: 400px; display: block; } #add_basket_popup .popup_img img{ width: auto; height: 130px; margin: 0 auto; display: block; } .modal-header .close { margin-top: -2px; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; } .close { float: right; font-family: 'Play400', sans-serif; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } .img-responsive{ display: block; max-width: 100%; height: auto; } .img-rounded{border-radius: 6px;} .img-thumbnail{ padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -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; max-width: 100%; height: auto; } .img-circle{border-radius: 50%;} .sr-only{ position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus{ position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"]{cursor: pointer;} .embed-responsive{ position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video{ position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive-16by9{padding-bottom: 56.25%;} .embed-responsive-4by3{padding-bottom: 75%;} .modal-open{overflow: hidden;} .modal{ display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog{ -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog{ -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal{ overflow-x: hidden; overflow-y: auto; } .modal-dialog{ position: relative; width: auto; margin: 10px; } .modal-content{ position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0; } .modal-backdrop{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade{ opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in{ opacity: 0.5; filter: alpha(opacity=50); } .modal-header{ padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close{margin-top: -2px;} .modal-title{ margin: 0; line-height: 1.42857143; } .modal-body{ position: relative; padding: 20px; } .modal-footer{ padding: 20px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn{ margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn{ margin-left: -1px; } .modal-footer .btn-block + .btn-block{ margin-left: 0; } .modal-scrollbar-measure{ position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px){ .modal-dialog{ width: 600px; margin: 30px auto; } .modal-content{ -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm{width: 300px;} } @media (min-width: 992px){ .modal-lg{ width: 900px; } } /* END */ /* End */ /* /bitrix/templates/autosimpo_/font-awesome-4.5.0/css/font-awesome.min.css?176371367327470 */ /* /bitrix/components/bitrix/menu/templates/store_v3_main/style.min.css?1763713703841 */ /* /bitrix/components/bitrix/catalog.section.list/templates/store_v3_menu/style.min.css?17637137011020 */ /* /bitrix/components/bazarow/favorites.add/templates/.default/style.min.css?17637137061736 */ /* /bitrix/components/bazarow/favorites.line/templates/.default/style.css?176371370640 */ /* /bitrix/templates/autosimpo_/components/bitrix/sale.basket.basket.line/basket_link/style.min.css?17637136733328 */ /* /bitrix/templates/autosimpo_/components/bitrix/menu/section_menu/style.min.css?1763713673492 */ /* /bitrix/templates/autosimpo_/components/bitrix/menu/2-level-menu/style.css?176371367364 */ /* /bitrix/templates/autosimpo_/template_styles.css?1773225627108502 */