/* Start:/bitrix/templates/maximus_2018/font/font-awesome/css/font-awesome.min.css?144825652427466*/ /*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('/bitrix/templates/maximus_2018/font/font-awesome/css/../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('/bitrix/templates/maximus_2018/font/font-awesome/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('/bitrix/templates/maximus_2018/font/font-awesome/css/../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('/bitrix/templates/maximus_2018/font/font-awesome/css/../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('/bitrix/templates/maximus_2018/font/font-awesome/css/../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('/bitrix/templates/maximus_2018/font/font-awesome/css/../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"} /* End */ /* Start:/bitrix/templates/maximus_2018/css/flexslider.css?14474778085300*/ /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* Icon Fonts *********************************/ /* Font-face Icons */ @font-face { font-family: 'flexslider-icon'; src:url('/bitrix/templates/maximus_2018/css/../fonts/flexslider-icon.eot'); src:url('/bitrix/templates/maximus_2018/css/../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/maximus_2018/css/../fonts/flexslider-icon.woff') format('woff'), url('/bitrix/templates/maximus_2018/css/../fonts/flexslider-icon.ttf') format('truetype'), url('/bitrix/templates/maximus_2018/css/../fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; } .flex-direction-nav a.flex-next:before { content: '\f002'; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} .flex-direction-nav .flex-next { opacity: 1; right: 10px;} } /* End */ /* Start:/bitrix/templates/maximus_2018/css/animate.css?144747420876080*/ @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* End */ /* Start:/bitrix/templates/maximus_2018/js/raty/jquery.raty.css?1453680196963*/ .cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png { font-size: 2em; } @font-face { font-family: "raty"; font-style: normal; font-weight: normal; src: url("/bitrix/templates/maximus_2018/js/raty/fonts/raty.eot"); src: url("/bitrix/templates/maximus_2018/js/raty/fonts/raty.eot?#iefix") format("embedded-opentype"); src: url("/bitrix/templates/maximus_2018/js/raty/fonts/raty.svg#raty") format("svg"); src: url("/bitrix/templates/maximus_2018/js/raty/fonts/raty.ttf") format("truetype"); src: url("/bitrix/templates/maximus_2018/js/raty/fonts/raty.woff") format("woff"); } .cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "raty"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; } .cancel-on-png:before { content: "\e600"; } .cancel-off-png:before { content: "\e601"; } .star-on-png:before { content: "\f005"; } .star-off-png:before { content: "\f006"; } .star-half-png:before { content: "\f123"; } /* End */ /* Start:/bitrix/templates/maximus_2018/css/jquery.mCustomScrollbar.css?153597058053157*/ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 10px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #e0e0e0; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #005f9f; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #005f9f; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #005f9f; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/bitrix/templates/maximus_2018/css/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* End */ /* Start:/bitrix/templates/maximus_2018/css/owl.carousel.css?14800627411572*/ /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; max-height: 340px; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { /*cursor:url(/bitrix/templates/maximus_2018/css/grabbing.png) 8 8, move;*/ } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* End */ /* Start:/bitrix/templates/maximus_2018/css/owl.theme.css?14619180691788*/ /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls{ margin-top: -10px; text-align: center; position: absolute; top: 0; right: 0; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(/bitrix/templates/maximus_2018/css/AjaxLoader.gif) no-repeat center center } /* End */ /* Start:/bitrix/templates/maximus_2018/js/ion.rangeSlider/css/ion.rangeSlider.css?14616998143428*/ /* Ion.RangeSlider // css version 2.0.3 // © 2013-2014 Denis Ineshin | IonDen.com // ===================================================================================================================*/ /* ===================================================================================================================== // RangeSlider */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.single { } .irs-slider.from { } .irs-slider.to { } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0,0,0,0.0); z-index: 2; } .lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed; } .irs-disabled { opacity: 0.4; } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } /* End */ /* Start:/bitrix/templates/maximus_2018/js/ion.rangeSlider/css/ion.rangeSlider.skinNice.css?15359672742052*/ /* Ion.RangeSlider, Nice Skin // css version 2.0.3 // © Denis Ineshin, 2014 https://github.com/IonDen // ===================================================================================================================*/ /* ===================================================================================================================== // Skin details */ .irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider { background: url(/bitrix/templates/maximus_2018/js/ion.rangeSlider/css/../img/sprite-skin-nice-1.png) repeat-x; } .irs { height: 40px; } .irs-with-grid { height: 60px; } .irs-line { height: 4px; top: 13px; } .irs-line-left { height: 4px; background: #e8e8e8; } .irs-line-mid { height: 4px; background: #e8e8e8; } .irs-line-right { height: 4px; background: #e8e8e8; } .irs-bar { height: 4px; top: 13px; background: #005f9f; } .irs-bar-edge { top: 13px; height: 4px; width: 11px; background: #005f9f; } .irs-shadow { height: 4px; top: 22px; background: #000; opacity: 0.15; } .lt-ie9 .irs-shadow { filter: alpha(opacity=15); } .irs-slider { width: 13px; height: 13px; top: 8px; background-position: -30px -124px; } .irs-slider.state_hover, .irs-slider:hover { background-position: -30px -124px; } .irs-min, .irs-max { color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 3px; background: rgba(0,0,0,0.1); -moz-border-radius: 3px; border-radius: 3px; } .lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #ccc; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: rgba(0,0,0,0.3); -moz-border-radius: 3px; border-radius: 3px; } .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999; } .irs-grid-pol { background: #99a4ac; } .irs-grid-text { color: #99a4ac; } .irs-disabled { } /* End */ /* Start:/bitrix/templates/maximus_2018/js/select2/dist/css/select2.min.css?146426136615196*/ .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* End */ /* Start:/bitrix/templates/maximus_2018/js/select2/themes/select2-bootstrap-theme-master/dist/select2-bootstrap.min.css?145756921015323*/ /*! Select2 Bootstrap Theme v0.1.0-beta.4 | MIT License | github.com/select2/select2-bootstrap-theme */.select2-container--bootstrap .select2-search--dropdown .select2-search__field,.select2-container--bootstrap .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);border:1px solid #ccc;background-color:#fff;color:#555;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.select2-container--bootstrap{display:block}.select2-container--bootstrap .select2-selection{box-shadow:inset 0 1px 1px rgba(0,0,0,.075);border-radius:4px;font-size:14px;outline:0}.select2-container--bootstrap .select2-search--dropdown .select2-search__field{box-shadow:inset 0 1px 1px rgba(0,0,0,.075);border-radius:4px;font-size:14px}.select2-container--bootstrap .select2-search__field{outline:0}.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder{color:#999}.select2-container--bootstrap .select2-search__field:-moz-placeholder{color:#999}.select2-container--bootstrap .select2-search__field::-moz-placeholder{color:#999;opacity:1}.select2-container--bootstrap .select2-search__field:-ms-input-placeholder{color:#999}.select2-container--bootstrap .select2-results__option[role=group]{padding:0}.select2-container--bootstrap .select2-results__option[aria-disabled=true]{color:#777;cursor:not-allowed}.select2-container--bootstrap .select2-results__option[aria-selected=true]{background-color:#f5f5f5;color:#262626}.select2-container--bootstrap .select2-results__option--highlighted[aria-selected]{background-color:#337ab7;color:#fff}.select2-container--bootstrap .select2-results__option .select2-results__option{padding:6px 12px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option{margin-left:-12px;padding-left:24px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-24px;padding-left:36px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-36px;padding-left:48px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-48px;padding-left:60px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-60px;padding-left:72px}.select2-container--bootstrap .select2-results__group{color:#777;display:block;padding:6px 12px;font-size:12px;line-height:1.428571429;white-space:nowrap}.select2-container--bootstrap.select2-container--focus .select2-selection,.select2-container--bootstrap.select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;border-color:#66afe9}.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b{border-color:transparent transparent #999;border-width:0 4px 4px}.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection{border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-color:transparent}.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection{border-top-right-radius:0;border-top-left-radius:0;border-top-color:transparent}.select2-container--bootstrap .select2-selection__clear{color:#999;cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--bootstrap .select2-selection__clear:hover{color:#333}.select2-container--bootstrap.select2-container--disabled .select2-selection{border-color:#ccc;-webkit-box-shadow:none;box-shadow:none}.select2-container--bootstrap.select2-container--disabled .select2-search__field,.select2-container--bootstrap.select2-container--disabled .select2-selection{cursor:not-allowed}.select2-container--bootstrap.select2-container--disabled .select2-selection,.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice{background-color:#eee}.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove,.select2-container--bootstrap.select2-container--disabled .select2-selection__clear{display:none}.select2-container--bootstrap .select2-dropdown{-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);border-color:#66afe9;overflow-x:hidden;margin-top:-1px}.select2-container--bootstrap .select2-dropdown--above{margin-top:1px}.select2-container--bootstrap .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--bootstrap .select2-selection--single{height:34px;line-height:1.428571429;padding:6px 24px 6px 12px}.select2-container--bootstrap .select2-selection--single .select2-selection__arrow{position:absolute;bottom:0;right:12px;top:0;width:4px}.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b{border-color:#999 transparent transparent;border-style:solid;border-width:4px 4px 0;height:0;left:0;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--bootstrap .select2-selection--single .select2-selection__rendered{color:#555;padding:0}.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--bootstrap .select2-selection--multiple{min-height:34px}.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;display:block;line-height:1.428571429;list-style:none;margin:0;overflow:hidden;padding:0;width:100%;text-overflow:ellipsis;white-space:nowrap}.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder{color:#999;float:left;margin-top:5px}.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice{color:#555;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:default;float:left;margin:5px 0 0 6px;padding:0 6px}.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field{background:0 0;padding:0 12px;height:32px;line-height:1.428571429;margin-top:0;min-width:5em}.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:3px}.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear{margin-top:6px}.select2-container--bootstrap.input-lg,.select2-container--bootstrap.input-sm{border-radius:0;font-size:12px;height:auto;line-height:1;padding:0}.form-group-sm .select2-container--bootstrap .select2-selection--single,.input-group-sm .select2-container--bootstrap .select2-selection--single,.select2-container--bootstrap.input-sm .select2-selection--single{border-radius:3px;font-size:12px;height:30px;line-height:1.5;padding:5px 22px 5px 10px}.form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.select2-container--bootstrap.input-sm .select2-selection--single .select2-selection__arrow b{margin-left:-5px}.form-group-sm .select2-container--bootstrap .select2-selection--multiple,.input-group-sm .select2-container--bootstrap .select2-selection--multiple,.select2-container--bootstrap.input-sm .select2-selection--multiple{min-height:30px}.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.select2-container--bootstrap.input-sm .select2-selection--multiple .select2-selection__choice{font-size:12px;line-height:1.5;margin:4px 0 0 5px;padding:0 5px}.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.select2-container--bootstrap.input-sm .select2-selection--multiple .select2-search--inline .select2-search__field{padding:0 10px;font-size:12px;height:28px;line-height:1.5}.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.select2-container--bootstrap.input-sm .select2-selection--multiple .select2-selection__clear{margin-top:5px}.form-group-lg .select2-container--bootstrap .select2-selection--single,.input-group-lg .select2-container--bootstrap .select2-selection--single,.select2-container--bootstrap.input-lg .select2-selection--single{border-radius:6px;font-size:18px;height:46px;line-height:1.3333333;padding:10px 31px 10px 16px}.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,.select2-container--bootstrap.input-lg .select2-selection--single .select2-selection__arrow{width:5px}.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.select2-container--bootstrap.input-lg .select2-selection--single .select2-selection__arrow b{border-width:5px 5px 0;margin-left:-10px;margin-top:-2.5px}.form-group-lg .select2-container--bootstrap .select2-selection--multiple,.input-group-lg .select2-container--bootstrap .select2-selection--multiple,.select2-container--bootstrap.input-lg .select2-selection--multiple{min-height:46px}.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.select2-container--bootstrap.input-lg .select2-selection--multiple .select2-selection__choice{font-size:18px;line-height:1.3333333;border-radius:4px;margin:9px 0 0 8px;padding:0 10px}.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.select2-container--bootstrap.input-lg .select2-selection--multiple .select2-search--inline .select2-search__field{padding:0 16px;font-size:18px;height:44px;line-height:1.3333333}.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.select2-container--bootstrap.input-lg .select2-selection--multiple .select2-selection__clear{margin-top:10px}.input-group-lg .select2-container--bootstrap.select2-container--open .select2-selection--single .select2-selection__arrow b,.select2-container--bootstrap.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #999;border-width:0 5px 5px}.select2-container--bootstrap[dir=rtl] .select2-selection--single{padding-left:24px;padding-right:12px}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:0;padding-left:0;text-align:right}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow{left:12px;right:auto}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow b{margin-left:0}.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:0;margin-right:6px}.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.has-warning .select2-dropdown,.has-warning .select2-selection{border-color:#8a6d3b}.has-warning .select2-container--focus .select2-selection,.has-warning .select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;border-color:#66512c}.has-warning.select2-drop-active{border-color:#66512c}.has-warning.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#66512c}.has-error .select2-dropdown,.has-error .select2-selection{border-color:#a94442}.has-error .select2-container--focus .select2-selection,.has-error .select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;border-color:#843534}.has-error.select2-drop-active{border-color:#843534}.has-error.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#843534}.has-success .select2-dropdown,.has-success .select2-selection{border-color:#3c763d}.has-success .select2-container--focus .select2-selection,.has-success .select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;border-color:#2b542c}.has-success.select2-drop-active{border-color:#2b542c}.has-success.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#2b542c}.input-group .select2-container--bootstrap{display:table;table-layout:fixed;position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group.select2-bootstrap-prepend .select2-container--bootstrap .select2-selection{border-bottom-left-radius:0;border-top-left-radius:0}.input-group.select2-bootstrap-append .select2-container--bootstrap .select2-selection{border-bottom-right-radius:0;border-top-right-radius:0}.select2-bootstrap-append .input-group-btn,.select2-bootstrap-append .input-group-btn .btn,.select2-bootstrap-append .select2-container--bootstrap,.select2-bootstrap-prepend .input-group-btn,.select2-bootstrap-prepend .input-group-btn .btn,.select2-bootstrap-prepend .select2-container--bootstrap{vertical-align:top}.form-control.select2-hidden-accessible{position:absolute!important;width:1px!important}.form-inline .select2-container--bootstrap{display:inline-block} /* End */ /* Start:/bitrix/templates/maximus_2018/js/countdown/css/jquery.countdown.css?1488874291826*/ /* jQuery Countdown styles 2.0.0. */ .countdown-rtl { direction: rtl; } .countdown-holding span { color: #888; } .countdown-row { clear: both; width: 100%; display: block; text-align: center; } .countdown-show1 .countdown-section { width: 98%; } .countdown-show2 .countdown-section { width: 48%; } .countdown-show3 .countdown-section { width: 32.5%; padding: 0 3px; } .countdown-show4 .countdown-section { width: 24.5%; } .countdown-show5 .countdown-section { width: 19.5%; } .countdown-show6 .countdown-section { width: 16.25%; } .countdown-show7 .countdown-section { width: 14%; } .countdown-section { display: block; float: left; font-size: 75%; text-align: center; } .countdown-amount { font-size: 250%; } .countdown-period { display: block; } .countdown-descr { display: block; width: 100%; } /* End */ /* Start:/bitrix/templates/maximus_2018/css/additional.min.css?15661135713356*/ @charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic,cyrillic-ext");@font-face{font-family:"PTSansFallback";font-style:normal;font-weight:normal;src:url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebRegular.eot?#iefix") format("embedded-opentype"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebRegular.woff") format("woff"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebRegular.ttf") format("truetype")}@font-face{font-family:"PTSansFallback";font-style:normal;font-weight:bold;src:url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebBold.eot?#iefix") format("embedded-opentype"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebBold.woff") format("woff"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebBold.ttf") format("truetype")}@font-face{font-family:"PTSansFallback";font-style:italic;font-weight:normal;src:url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebItalic.eot?#iefix") format("embedded-opentype"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebItalic.woff") format("woff"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebItalic.ttf") format("truetype")}@media(min-width:100px) and (max-width:767px){.subcontainer{width:100% !important;padding:0 23px !important}}@media(min-width:768px) and (max-width:991px){.subcontainer-md{width:73.96% !important}}@media(max-width:767px){.no-gutters-container-xs{margin-left:0;margin-right:0}.no-gutters-container-xs>div{padding-right:0;padding-left:0}}@media(max-width:991px){.no-gutters-container-md{margin-left:0;margin-right:0}.no-gutters-container-md>div{padding-right:0;padding-left:0}}.position-static{position:static}.position-relative{position:relative}@media(min-width:576px) and (max-width:767px){.position-static-sm{position:static}.position-relative-sm{position:relative}}@media(min-width:768px) and (max-width:991px){.position-static-md{position:static}.position-relative-md{position:relative}}@media(min-width:992px) and (max-width:1199px){.position-static-lg{position:static}.position-relative-lg{position:relative}}@media(min-width:1200px){.position-static-xl{position:static}.position-relative-xl{position:relative}}.borderign{border:solid 1px #e8e8e8;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;padding:30px}.borderign-no{border:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;padding:0}@media(max-width:767px){.borderign-no-sm{border:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;padding:0}}@media(max-width:991px){.borderign-no-md{border:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;padding:0}}.border-horizontal{border:1px solid #005f9f}.display-filter{webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)";-o-filter:grayscale(100%);filter:grayscale(100%)}.display-filter:hover{webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none}@media(max-width:767px){.display-filter-none{webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none}}@media(max-width:991px){.display-filter-md-none{webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none}}.column-view-2{-webkit-column-width:484px;-moz-column-width:484px;column-width:484px;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}.rdelivery-block__action{position:relative}.shop-search-block__rdelivery-block [class^=icon-]{right:5px !important;left:auto !important} /* End */ /* Start:/bitrix/templates/maximus_2018/css/header.css?171800034041472*/ @charset "UTF-8"; @import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic,cyrillic-ext"); @font-face { font-family: "PTSansFallback"; font-style: normal; font-weight: normal; src: url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebRegular.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebRegular.woff") format("woff"), url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebRegular.ttf") format("truetype"); } @font-face { font-family: "PTSansFallback"; font-style: normal; font-weight: bold; src: url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebBold.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebBold.woff") format("woff"), url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebBold.ttf") format("truetype"); } @font-face { font-family: "PTSansFallback"; font-style: italic; font-weight: normal; src: url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebItalic.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebItalic.woff") format("woff"), url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebItalic.ttf") format("truetype"); } /* ICONS */ [class^=icon-] { position: relative; } .icon-map-pin::before { content: ""; width: 11px; height: 13px; margin: 0 9px -1px 0; display: inline-block; position: relative; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/map-pin.svg") 0 0 no-repeat; } .icon-phone::before { content: ""; width: 14px; height: 14px; margin: 0 5px -2px 0; display: inline-block; position: relative; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/back-phone.svg") 0 0 no-repeat; } .icon-address::before { content: ""; font-family: FontAwesome; width: 14px; height: 14px; margin: 0 5px -2px 0; display: inline-block; position: relative; -webkit-background-size: cover; color: #ffffff; } .icon-signin::before { content: ""; font-family: FontAwesome; width: 14px; height: 14px; margin: 0 5px -2px 0; display: inline-block; position: relative; -webkit-background-size: cover; color: #ffffff; } .icon-signout::before { content: ""; font-family: FontAwesome; width: 14px; height: 14px; margin: 0 5px -2px 0; display: inline-block; position: relative; -webkit-background-size: cover; color: #ffffff; } .icon-registration::before { content: ""; font-family: FontAwesome; width: 14px; height: 14px; margin: 0 5px -2px 0; display: inline-block; position: relative; -webkit-background-size: cover; color: #ffffff; } .icon-profile::before { content: ""; font-family: FontAwesome; width: 14px; height: 14px; margin: 0 5px -2px 0; display: inline-block; position: relative; -webkit-background-size: cover; color: #ffffff; } /********************* TOP BARS ****************************/ .top-bar-blue { background-color: #005f9f; height: 40px; } .top-menu, .user-menu { list-style: none; margin: 0; padding: 0; display: inline-block; } .top-menu__item { display: inline-block; text-align: center; position: relative; } .top-menu-item__link { color: #ffffff; background: transparent; font-size: 14px; padding: 0 16px; line-height: 40px; height: 40px; display: block; overflow: hidden; } .top-menu-item__link.location { padding-left: 5px; } .top-menu-item__link:focus { color: #ffffff; } .top-menu-item__link:hover, .top-menu-item__link.active { color: #ffffff; background: #005085; } .top-menu-item__link.link_narrow { padding: 0 7px; display: inline-block; vertical-align: middle; font-weight: bold; } @media (max-width: 991px) { .top-menu-item__link.link_narrow { padding: 0; border-bottom: solid 1px #fff; margin: 0 14px; line-height: 15px; height: auto; cursor: pointer; } } .user-menu .top-menu__item:first-of-type::after { content: "|"; width: 1px; height: auto; color: #ffffff; display: inline-block; font-size: 1rem; position: relative; top: 3px; font-weight: bold; } @media (max-width: 991px) { .user-menu .top-menu__item:first-of-type::after { display: none; } } .shop-search-block { display: none; position: absolute; z-index: 310; width: 316px; height: 540px; background: #fff; color: #3f4244; padding: 28px 0 0; -webkit-box-shadow: 0 3px 9px 0 rgba(55, 55, 55, 0.46); box-shadow: 0 13px 9px 0 rgba(55, 55, 55, 0.46); } .shop-search-block__search-block { padding: 0 18px; } button.search-btn { height: 40px; width: 40px; position: relative; } button.search-btn:before { content: ""; width: 16px; height: 16px; position: absolute; display: block; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/search-icon.svg") 0 0 no-repeat; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .shop-search-block__cities_block, .top-search-block__result_block { width: 100%; height: 370px; margin: 19px 0 0 0; padding: 0 12px 0 0; } .top-search-block__result_block { margin: 0; display: none; position: absolute; background: #fff; z-index: 210; -webkit-box-shadow: 0 3px 9px 0 rgba(55, 55, 55, 0.46); box-shadow: 0 13px 9px 0 rgba(55, 55, 55, 0.46); } .top-search-block__result_block .highlight { font-weight: 700; } @media (max-width: 767px) { .top-search-block__result_block { width: 200px !important; } } .city-list, .search-result-list { padding: 0; margin: 0; width: 100%; list-style: none; text-align: left; } .city-list__item, .search-list__item { overflow: hidden; width: 100%; padding-left: 18px; line-height: 26px; height: 29px; color: #3f4244; font-size: 14px; cursor: pointer; box-sizing: border-box; border-left: solid 2px transparent; } .city-list__item:hover, .city-list__item.active, .search-list__item:hover, .search-list__item.active { background: #f2f7fa; border-left: solid 2px #005f9f; color: #005f9f; } .city-list__item.empty_result, .search-list__item.empty_result { color: #999999; display: none; } .city-list__item.empty_result:hover, .search-list__item.empty_result:hover { background: none; border-left: none; color: #999999; } .shop-search-block__rdelivery-block { border-top: 1px solid #c7c7c7; background: #f2f7fa; text-align: left; font-size: 14px; padding: 22px 16px 20px 18px; } .rdelivery-block__text { margin-bottom: 9px; } header { background: #fff; position: relative; z-index: 70; margin: 0 0 10px; } /* main-header */ .main-header { padding: 0; border-bottom: solid 1px #e7eef0; min-height: 90px; box-sizing: border-box; background: #fff; } .top-search, .top-info-block { margin: 7px 0 0 0; width: 100%; } .main-header__phone { text-align: left; font-size: 19px; color: #005f9f; margin-bottom: 2px; font-weight: 400; } @media (max-width: 991px) { header { margin-bottom: 0; } header .row { margin-right: 0; margin-left: 0; } .main-header { min-height: 56px; } .top-logo__container { background: #fff; } .top-contacts__container { padding: 20px 0 19px; color: #fff; background: #005f9f; } .top-actions__container { color: #fff; background: #005f9f; } .top-info-block { margin: 0; } .top-height_mobile { height: 32px; } .main-header__phone { margin-bottom: 0; } } @media (max-width: 767px) { .main-header { min-height: 112px; } .top-logo__container { height: 56px; } .top-actions__container { height: 56px; } .top-height_mobile { height: 32px; } } .mobile-search { -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; width: 36px; height: 36px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/search-ad-sprite.png") 0 0 no-repeat; } .mobile-search:active, .mobile-search:focus, .mobile-search:hover { background-position: -37px 0; text-decoration: none; } @media (max-width: 770px) { .mobile-search { width: 20px; height: 21px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/search-ad-sm-sprite.png") 0 0 no-repeat; } .mobile-search:active, .mobile-search:focus, .mobile-search:hover { background-position: -22px 0; } } @media (max-width: 1199px) and (min-width: 768px) { .main-header__phone { font-size: 15px; } } @media (max-width: 991px) { .main-header__phone { color: #fff; font-weight: 400; font-size: 19px; text-align: center; } } .main-header__subtext { text-align: left; color: #999999; } .top-wishlist_border { border-right: solid 1px #d3d3d3; padding-right: 12px !important; padding-bottom: 5px; } @media (max-width: 1199px) and (min-width: 768px) { .top-wishlist_border { padding-right: 14px !important; } } @media (max-width: 991px) { .top-wishlist-md_border { /*border-right: solid 1px #d3d3d3;*/ padding-right: 20px !important; padding-bottom: 0; } } @media (max-width: 767px) { .top-wishlist-md_border { padding-right: 27px !important; } } .top-cart_padding { padding-left: 7px !important; margin-top: -6px; } .top-cart__loader { background: rgba(255, 255, 255, 0.7) url("/bitrix/templates/maximus_2018/css/../img/icons/ajax-loader.gif") center center no-repeat !important; background-size: 20% !important; width: 100%; height: 100%; position: absolute; z-index: 1; } .top-cart__loader-container { position: relative; } @media (max-width: 991px) { .top-cart_padding { margin-top: 0; padding-left: 5px !important; padding-right: 5px !important; } .top-cart__loader { background: rgba(0, 95, 159, 0.8) url("/bitrix/templates/maximus_2018/css/../img/icons/ajax-loader-mobile.gif") center center no-repeat !important; background-size: 50% !important; width: 160%; height: 120%; margin-top: 0; margin-left: -8px; } } .top-wishlist, .top-cart { text-align: center; position: relative; margin-top: 0; } .top-wishlist:not(.active), .top-cart:not(.active) { margin-top: 5px; } .top-wishlist a, .top-cart a { text-decoration: none; } @media (max-width: 991px) { .top-wishlist:not(.active), .top-cart:not(.active) { margin-top: 0; } } .top-wishlist__name, .top-cart__name { display: inline-block; vertical-align: middle; text-align: left; } .top-wishlist__name a, .top-wishlist__name span, .top-cart__name a, .top-cart__name span { font-size: 12px; text-align: left; color: #999999; line-height: 16px; text-decoration: none; } .top-wishlist__name a:hover, .top-wishlist__name a:focus, .top-wishlist__name a:active, .top-wishlist__name span:hover, .top-wishlist__name span:focus, .top-wishlist__name span:active, .top-cart__name a:hover, .top-cart__name a:focus, .top-cart__name a:active, .top-cart__name span:hover, .top-cart__name span:focus, .top-cart__name span:active { color: #999999; text-decoration: underline; } .top-wishlist__name span:hover, .top-wishlist__name span:focus, .top-wishlist__name span:active, .top-cart__name span:hover, .top-cart__name span:focus, .top-cart__name span:active { text-decoration: none; } .top-wishlist__name .total-text, .top-cart__name .total-text { color: #999999; line-height: 14px; text-transform: none; font-weight: 400; font-size: 12px; } .top-wishlist__name .total-text .summ, .top-cart__name .total-text .summ { display: block; } @media (max-width: 991px) { .top-wishlist__name, .top-cart__name { display: none; } } @media (max-width: 1189px) { .top-menu-item__link { padding: 0 12px; } } .top-wishlist__img, .top-cart__img { vertical-align: middle; display: inline-block; margin-right: 10px; } .top-wishlist__img { position: relative; width: 33px; height: 30px; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/wishlist.svg") 0 0 no-repeat; } .top-cart__img { position: relative; width: 42px; height: 33px; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/cart.svg") 0 0 no-repeat; } .top-wishlist.active .top-wishlist__img { -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/wishlist_active.svg") 0 0 no-repeat; } .top-wishlist.active .top-wishlist__img::before { content: attr(data-count); width: 18px; height: 18px; border-radius: 50%; box-sizing: border-box; background: #005f9f; position: absolute; right: -10px; top: -5px; color: #ffffff; font-size: 11px; text-align: center; line-height: 20px; } .top-wishlist.active .top-wishlist__name a { font-size: 14px; text-transform: uppercase; font-weight: 700; text-align: left; color: #005f9f; line-height: 20px; text-decoration: none; } .top-wishlist.active .top-wishlist__name a:hover, .top-wishlist.active .top-wishlist__name a:focus, .top-wishlist.active .top-wishlist__name a:active { color: #005f9f; text-decoration: underline; } .top-cart.active .top-cart__img { width: 42px; height: 33px; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/cart_active.svg") 0 0 no-repeat; } .top-cart.active .top-cart__img::before { content: attr(data-count); width: 18px; height: 18px; border-radius: 50%; box-sizing: border-box; background: #ee2e22; position: absolute; right: -8px; top: -4px; color: #ffffff; font-size: 11px; text-align: center; line-height: 20px; } .top-cart.active .top-cart__name a { font-size: 14px; text-transform: uppercase; font-weight: 700; text-align: left; color: #005f9f; line-height: 20px; text-decoration: none; } .top-cart.active .top-cart__name a:hover, .top-cart.active .top-cart__name a:focus, .top-cart.active .top-cart__name a:active { color: #005f9f; text-decoration: underline; } @media (max-width: 991px) { .top-wishlist.active .top-wishlist__img, .top-wishlist__img { width: 27px; height: 25px; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/wishlist_mobile.svg") 0 0 no-repeat; } .top-wishlist.active .top-wishlist__img::before, .top-wishlist__img::before { content: attr(data-count); border-radius: 50%; box-sizing: border-box; position: absolute; text-align: center; width: 18px; height: 18px; line-height: 18px; bottom: 0px; top: auto; right: -19px; background: #c5d6ea; color: #000000; font-size: 12px; font-weight: 700; } .top-cart.active .top-cart__img, .top-cart__img { width: 35px; height: 29px; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/cart_mobile.svg") 0 0 no-repeat; margin-right: 0; left: -7px; } .top-cart.active .top-cart__img::before, .top-cart__img::before { content: attr(data-count); border-radius: 50%; box-sizing: border-box; position: absolute; text-align: center; width: 18px; height: 18px; line-height: 18px; bottom: 0px; top: auto; right: -19px; background: #c5d6ea; color: #000000; font-size: 12px; font-weight: 700; } } @media (max-width: 1099px) and (min-width: 992px) { .logo-img_lg { width: 220px; } } .main-menu { width: 100%; max-height: 113px; background: #fff; } .main-menu-container { width: 1270px; height: 113px; margin: 0 auto; text-align: justify; background: #fff; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; } .main-menu-container::after { content: ""; display: inline-block; width: 100%; } .main-menu-container .main-menu__item { display: inline-block; width: 113px; vertical-align: top; padding-top: 20px; text-align: center; height: 100%; } .main-menu-container .main-menu__item.active { border-bottom: solid 3px #005f9f; } .main-menu-container .main-menu__item.active.show { border: none; } .main-menu-container .main-menu__item a { color: #3f4244; font-size: 14px; } .main-menu-container .main-menu__item a:hover, .main-menu-container .main-menu__item a:focus, .main-menu-container .main-menu__item a:active { color: #3f4244; text-decoration: none; } .main-menu-container .main-menu__item .menu-item__img-container { width: 100%; text-align: center; height: 36px; } .main-menu-container .main-menu__item .menu-item__img { display: inline-block; } .main-menu-container .main-menu__item .menu-item__text { display: inline-block; text-align: center; } .main-menu-container .main-menu__item.phones .menu-item__img { width: 20px; height: 32px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/menu_icon/phones.png") 0 0 no-repeat; } .main-menu-container .main-menu__item.phones .menu-item__text { width: 70px; } .main-menu-container .main-menu__item.phones:hover .menu-item__img { background: transparent url("/bitrix/templates/maximus_2018/css/../img/menu_icon/act_phones.png") 0 0 no-repeat; } .main-menu-container .main-menu__item.pads .menu-item__img { width: 25px; height: 32px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/menu_icon/pads.png") 0 0 no-repeat; } .main-menu-container .main-menu__item.pads .menu-item__text { width: 70px; } .main-menu-container .main-menu__item.pads:hover .menu-item__img { background: transparent url("/bitrix/templates/maximus_2018/css/../img/menu_icon/act_pads.png") 0 0 no-repeat; } .main-menu-container .main-menu__item.photo .menu-item__img { width: 35px; height: 25px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/menu_icon/photo.png") 0 0 no-repeat; } .main-menu-container .main-menu__item.photo .menu-item__text { width: 90px; } .main-menu-container .main-menu__item.photo:hover .menu-item__img { background: transparent url("/bitrix/templates/maximus_2018/css/../img/menu_icon/act_photo.png") 0 0 no-repeat; } .main-menu-container .main-menu__item.audio .menu-item__img { width: 38px; height: 28px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/menu_icon/audio.png") 0 0 no-repeat; } .main-menu-container .main-menu__item.audio .menu-item__text { width: 40px; } .main-menu-container .main-menu__item.audio:hover .menu-item__img { background: transparent url("/bitrix/templates/maximus_2018/css/../img/menu_icon/act_audio.png") 0 0 no-repeat; } .main-menu-container .main-menu__item.notebooks .menu-item__img { width: 38px; height: 25px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/menu_icon/notebooks.png") 0 0 no-repeat; } .main-menu-container .main-menu__item.notebooks .menu-item__text { width: 88px; } .main-menu-container .main-menu__item.notebooks:hover .menu-item__img { background: transparent url("/bitrix/templates/maximus_2018/css/../img/menu_icon/act_notebooks.png") 0 0 no-repeat; } .main-menu-container .main-menu__item.portable .menu-item__img { width: 36px; height: 35px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/menu_icon/portable.png") 0 0 no-repeat; } .main-menu-container .main-menu__item.portable .menu-item__text { width: 88px; } .main-menu-container .main-menu__item.portable:hover .menu-item__img { background: transparent url("/bitrix/templates/maximus_2018/css/../img/menu_icon/act_portable.png") 0 0 no-repeat; } .main-menu-container .main-menu__item.auto .menu-item__img { width: 31px; height: 32px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/menu_icon/auto.png") 0 0 no-repeat; } .main-menu-container .main-menu__item.auto .menu-item__text { width: 114px; } .main-menu-container .main-menu__item.auto:hover .menu-item__img { background: transparent url("/bitrix/templates/maximus_2018/css/../img/menu_icon/act_auto.png") 0 0 no-repeat; } .main-menu-container .main-menu__item.children .menu-item__img { width: 37px; height: 32px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-children.svg") 0 0 no-repeat; } .main-menu-container .main-menu__item.children .menu-item__text { width: 78px; } .main-menu-container .main-menu__item.children:hover .menu-item__img { background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-children_act.svg") 0 0 no-repeat; } .main-menu-container .main-menu__item.sport .menu-item__img { width: 28px; height: 31px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-sport.svg") 0 0 no-repeat; } .main-menu-container .main-menu__item.sport .menu-item__text { width: 95px; } .main-menu-container .main-menu__item.sport:hover .menu-item__img { background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-sport_act.svg") 0 0 no-repeat; } .main-menu-container .main-menu__item.brand .menu-item__img { width: 44px; height: 29px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/menu_icon/brand.png") 0 0 no-repeat; } .main-menu-container .main-menu__item.brand .menu-item__text { width: 76px; } .main-menu-container .main-menu__item.brand:hover .menu-item__img { background: transparent url("/bitrix/templates/maximus_2018/css/../img/menu_icon/act_brand.png") 0 0 no-repeat; } .main-menu-container .main-menu__item.homeitems .menu-item__img { width: 40px; height: 32px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/menu_icon/homeitems.png") 0 0 no-repeat; } .main-menu-container .main-menu__item.homeitems .menu-item__text { width: 76px; } .main-menu-container .main-menu__item.homeitems:hover .menu-item__img { background: transparent url("/bitrix/templates/maximus_2018/css/../img/menu_icon/act_homeitems.png") 0 0 no-repeat; } .main-menu-container .main-menu__item.voicerecorder .menu-item__img { width: 40px; height: 40px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/voicerecorder2.svg") 0 0 no-repeat; background-size: 40px 40px; } .main-menu-container .main-menu__item.limit18 .menu-item__img { width: 35px; height: 35px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/menu_icon/limit18.png") 0 0 no-repeat; background-size: 35px 35px; } .main-menu-container .main-menu__item.gift .menu-item__img { width: 35px; height: 35px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/menu_icon/gift.png") 0 0 no-repeat; background-size: 35px 35px; } .sticky-wrapper.is-sticky .main-menu, .sticky-wrapper.is-sticky .main-menu-container { border-bottom: solid 1px #e7eef0; } @media (min-width: 1366px) { .main-menu-container { padding: 0 30px; } } @media (max-width: 1279px) and (min-width: 1189px) { .main-menu-container { width: 1170px; } } @media (max-width: 1189px) and (min-width: 989px) { .main-menu-container { width: 960px; } } @media (max-width: 1189px) and (min-width: 989px) { .main-menu-container .main-menu__item { width: 102px; } .main-menu-container .main-menu__item .menu-item__text { word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } } @media (max-width: 991px) { .main-menu { max-height: 114px; margin-bottom: 0; border-bottom: solid 1px #e7eef0; } } .active-menu-container { display: none; width: 100%; min-height: 300px; border-top: solid 3px #005f9f; position: absolute; z-index: 300; background: #fff; margin: -14px 0 0 0; padding-bottom: 20px; border-bottom: solid 1px #005f9f; -webkit-box-shadow: 0 3px 13px 0 rgba(55, 55, 55, 0.46); box-shadow: 0 3px 13px 0 rgba(55, 55, 55, 0.46); } .active-menu-container .top-corner { -moz-transition: all 500ms; -o-transition: all 500ms; -webkit-transition: all 500ms; transition: all 500ms; display: block; position: absolute; top: -7px; width: 10px; height: 7px; background: #fff url("/bitrix/templates/maximus_2018/css/../img/sprites/main-menu-corner.png") 0 0 no-repeat; } .active-menu-container__menu-block { padding-bottom: 20px; } .active-menu-container__menu-block#nav-brand .menu-block__header.brand { margin: 10px 0 10px; } .active-menu-container__menu-block#nav-brand .menu-block__header.brand a { font-size: 13px; color: #005f9f; font-weight: 700; } .active-menu-container__menu-block#nav-brand .menu-block__header.brand a:hover, .active-menu-container__menu-block#nav-brand .menu-block__header.brand a:focus, .active-menu-container__menu-block#nav-brand .menu-block__header.brand a:active { color: #005f9f; text-decoration: underline; } .active-menu-container__menu-block#nav-brand .row:first-of-type .menu-block__header.brand { margin: 32px 0 10px; } .active-menu-container__menu-block .menu-block__header { margin: 32px 0 10px; } .active-menu-container__menu-block .menu-block__header a { font-size: 13px; color: #005f9f; font-weight: 700; } .active-menu-container__menu-block .menu-block__header a:hover, .active-menu-container__menu-block .menu-block__header a:focus, .active-menu-container__menu-block .menu-block__header a:active { color: #005f9f; text-decoration: underline; } .active-menu-container__menu-block .menu-block__items { margin-bottom: 14px; } .active-menu-container__menu-block .menu-block__items ul { list-style: none; padding: 0; margin: 0; } .active-menu-container__menu-block .menu-block__items ul li > a { line-height: 20px; color: #3f4244; font-size: 13px; text-decoration: none; font-weight: 400; } .active-menu-container__menu-block .menu-block__items ul li > a:hover, .active-menu-container__menu-block .menu-block__items ul li > a:focus, .active-menu-container__menu-block .menu-block__items ul li > a:active { color: #005f9f; text-decoration: underline; } .active-menu-container__menu-block .menu-block__items ul li.active > a { color: #005f9f; text-decoration: underline; } .active-menu-container__menu-block .menu-block__items ul li.active > a:hover, .active-menu-container__menu-block .menu-block__items ul li.active > a:focus, .active-menu-container__menu-block .menu-block__items ul li.active > a:active { color: #005f9f; text-decoration: underline; } .active-menu-container__menu-block .menu-block__items ul li.more-cats > a { color: #005f9f; } .active-menu-container__menu-block .menu-block__items ul li.more-cats > a:hover, .active-menu-container__menu-block .menu-block__items ul li.more-cats > a:focus, .active-menu-container__menu-block .menu-block__items ul li.more-cats > a:active { color: #005f9f; text-decoration: underline; } .active-menu-container__menu-block .menu-block__items ul li.more-cats > a .fa { vertical-align: middle; } .moblie-menu { width: 100%; height: 55px; } .moblie-menu .moblie-menu__item { height: 55px; border-left: solid 1px #e7eef0; border-right: solid 1px #e7eef0; padding-top: 0; } .moblie-menu .moblie-menu__item a { text-decoration: none; color: #3f4244; } .moblie-menu .moblie-menu__item .moblie-item__img { padding-bottom: 0; display: inline-block; vertical-align: middle; margin-right: 14px; } .moblie-menu .moblie-menu__item:first-of-type { border-left: none; border-right: none; padding-top: 0; } .moblie-menu .moblie-menu__item:first-of-type .moblie-item__img { padding-bottom: 0; } .moblie-menu .moblie-menu__item:last-of-type { border-right: none; border-left: none; } .moblie-menu .moblie-menu__item:last-of-type .moblie-item__img { padding-bottom: 0; } .moblie-menu .moblie-menu__item .moblie-item__img { text-align: center; } .moblie-menu .moblie-menu__item .moblie-item__text { text-align: center; font-size: 16px; color: #3f4244; display: inline-block; vertical-align: middle; } .moblie-menu-sm { width: 100%; height: 55px; } .moblie-menu-sm .moblie-menu__item { height: 55px; border-left: solid 1px #e7eef0; border-right: solid 1px #e7eef0; } .moblie-menu-sm .moblie-menu__item a { text-decoration: none; color: #3f4244; } .moblie-menu-sm .moblie-menu__item .moblie-item__img { margin-bottom: 4px; } .moblie-menu-sm .moblie-menu__item:first-of-type { border-left: none; border-right: none; padding-top: 0; } .moblie-menu-sm .moblie-menu__item:first-of-type .moblie-item__img { margin-bottom: 8px; } .moblie-menu-sm .moblie-menu__item:last-of-type { border-left: none; border-right: none; } .moblie-menu-sm .moblie-menu__item:last-of-type .moblie-item__img { margin-bottom: 4px; } .moblie-menu-sm .moblie-menu__item .moblie-item__img { text-align: center; } .moblie-menu-sm .moblie-menu__item .moblie-item__text { text-align: center; font-size: 14px; color: #3f4244; } .moblie-menu-sm .moblie-menu__item:hover, .moblie-menu-sm .moblie-menu__item:active, .moblie-menu-sm .moblie-menu__item:focus { background: #f2f7fa; } .mobile-active-menu-wrapper { background: rgba(0, 0, 0, 0.8); position: fixed; z-index: 1100; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; text-align: center; visibility: hidden; } .mobile-active-menu-wrapper.slideInLeft { visibility: visible; } .mobile-active-menu-wrapper .mobile-menu-close { display: block; width: 30px; height: 30px; position: absolute; top: 36px; right: 40px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/mobile-menu-close-sprite.png") 0 0 no-repeat; cursor: pointer; } .mobile-active-menu-wrapper .menu-container { padding: 28px 0 0; position: absolute; width: 612px; height: 100%; left: 0; top: 0; background: #fff; visibility: hidden; } .mobile-active-menu-wrapper .menu-container .logo-block img { margin: 0 auto; } .mobile-active-menu-wrapper .menu-container.slideInLeft { visibility: visible; } .mobile-active-menu-wrapper .menu-container .search-block { padding: 0 30px; margin-top: 37px; } .mobile-active-menu-wrapper .menu-container .search-block .form-control.large { height: 85px; font-size: 27px; padding-left: 40px; } .mobile-active-menu-wrapper .menu-container .search-block .icon-remove { font-size: 34px; top: 47%; } .mobile-active-menu-wrapper .menu-container .search-block.city-list__item, .mobile-active-menu-wrapper .menu-container .search-block .search-list__item { font-size: 16px; line-height: 28px; height: 28px; white-space: nowrap; } .mobile-active-menu-wrapper .menu-container .search-block button.search-btn { width: 85px; height: 85px; padding: 6px 12px; } .mobile-active-menu-wrapper .menu-container .search-block button.search-btn::before { -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/search-icon.svg") center center no-repeat; width: 33px; height: 33px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block { text-align: left; height: 280px; margin-top: 30px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_scrollTools { right: 24px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul { list-style: none; padding: 0; margin: 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li { margin: 0 30px 0 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li a { display: block; border-top: solid 1px #b2b2b2; margin: 0 30px; height: 92px; font-size: 27px; line-height: 88px; vertical-align: middle; color: #3f4244; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li a:focus, .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li a:hover, .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li a:active { text-decoration: none; color: #005f9f; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li a.catalog::before { content: ""; display: inline-block; width: 31px; height: 42px; vertical-align: middle; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-mobile-catalog.svg") 0 0 no-repeat; margin-right: 21px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li a.cart { border-top: none; margin: 0 30px 0 13px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li a.cart::before { content: ""; display: inline-block; width: 55px; height: 44px; vertical-align: middle; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-mobile-cart.svg") 0 0 no-repeat; margin-right: 13px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li a.wishlist { border-top: none; margin: 0 30px 0 22px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li a.wishlist::before { content: ""; display: inline-block; width: 44px; height: 38px; vertical-align: middle; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-mobile-wishlist.svg") 0 0 no-repeat; margin-right: 15px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li a.address::before { content: ""; display: inline-block; width: 31px; height: 37px; vertical-align: middle; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-mobile-address.svg") 0 0 no-repeat; margin-right: 19px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li a.personal::before { content: ""; display: inline-block; width: 30px; height: 40px; vertical-align: middle; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-mobile-personal.svg") 0 0 no-repeat; margin-right: 16px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li .panel-group { margin-bottom: 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li .panel-group .panel { border: none; background: transparent; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li .panel-group .panel + .panel { margin-top: 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li .panel-group .panel-default > .panel-heading { background: transparent; padding: 0; border: none; color: #3f4244; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li .panel-group .panel-default > .panel-heading .panel-title { margin-top: 0; margin-bottom: 0; font-size: 26px; color: inherit; font-weight: 400; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li .panel-group .panel-default > .panel-heading .panel-title a { border-bottom: none; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li .panel-group .panel-default .panel-body { background: #fff; border: none; padding: 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li .panel-group .panel-default .panel-body ul { padding: 0; margin: 0 30px; list-style: none; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li .panel-group .panel-default .panel-body ul li a { padding: 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li.mobile-menu__item_first-level { background: #efefef; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li.mobile-menu__item_first-level a { margin: 0; padding: 0 30px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li:first-of-type a { border-top: none; } @media (max-width: 720px) { .mobile-active-menu-wrapper .mobile-menu-close { width: 19px; height: 19px; top: 36px; right: 40px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/mobile-menu-close-sprite.png") -30px 0 no-repeat; } .mobile-active-menu-wrapper .menu-container { padding: 13px 0 0; position: absolute; width: 253px; } .mobile-active-menu-wrapper .menu-container .search-block { padding: 0 10px; display: block; } .mobile-active-menu-wrapper .menu-container .search-block input[type=search] { padding-left: 25px; } .mobile-active-menu-wrapper .menu-container .search-block button.search-btn { width: 37px; height: 37px; padding: 6px; } .mobile-active-menu-wrapper .menu-container .search-block button.search-btn::before { -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/search-icon.svg") center center no-repeat; width: 13px; height: 13px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block { margin-top: 30px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_scrollTools { right: 4px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li { min-height: 44px; margin: 0 10px 0 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li a { margin: 0 0 0 20px; height: auto; font-size: 18px; line-height: 20px; padding: 10px 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li a.catalog::before { content: ""; display: inline-block; width: 19px; height: 24px; vertical-align: middle; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-mobile-catalog.svg") 0 0 no-repeat; margin-left: 12px; margin-right: 27px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li a.cart { border-top: none; margin: 0 0 0 20px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li a.cart::before { content: ""; display: inline-block; width: 32px; height: 25px; vertical-align: middle; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-mobile-cart.svg") 0 0 no-repeat; margin-left: 1px; margin-right: 24px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li a.wishlist { border-top: none; margin: 0 0 0 20px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li a.wishlist::before { content: ""; display: inline-block; width: 25px; height: 22px; vertical-align: middle; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-mobile-wishlist.svg") 0 0 no-repeat; margin-left: 6px; margin-right: 25px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li a.address::before { content: ""; display: inline-block; width: 21px; height: 25px; vertical-align: middle; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-mobile-address.svg") 0 0 no-repeat; margin-left: 6px; margin-right: 29px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li a.personal::before { content: ""; display: inline-block; width: 20px; height: 27px; vertical-align: middle; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-mobile-personal.svg") 0 0 no-repeat; margin-left: 6px; margin-right: 30px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li .panel-group { margin-bottom: 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li .panel-group .panel { border: none; background: transparent; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li .panel-group .panel + .panel { margin-top: 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li .panel-group .panel-default > .panel-heading { background: transparent; padding: 0; border: none; color: #3f4244; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li .panel-group .panel-default > .panel-heading .panel-title { margin-top: 0; margin-bottom: 0; font-size: 18px; line-height: 20px; color: inherit; font-weight: 400; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li .panel-group .panel-default > .panel-heading .panel-title a { padding: 10px 0 10px 20px; border-bottom: none; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li .panel-group .panel-default .panel-body { background: #fff; border: none; padding: 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li .panel-group .panel-default .panel-body ul { padding: 0; margin: 0 0 0 20px; list-style: none; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li .panel-group .panel-default .panel-body ul li a { padding: 10px 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li.mobile-menu__item_first-level { background: #efefef; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li.mobile-menu__item_first-level a { margin: 0; padding: 10px 0 10px 20px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_container > ul li:first-of-type a { border-top: none; } } /*# sourceMappingURL=header.css.map */ /* End */ /* Start:/bitrix/templates/maximus_2018/css/footers.css?154052525710833*/ /************************************************* css for footers****************************************/ @import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic,cyrillic-ext"); @font-face { font-family: "PTSansFallback"; font-style: normal; font-weight: normal; src: url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebRegular.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebRegular.woff") format("woff"), url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebRegular.ttf") format("truetype"); } @font-face { font-family: "PTSansFallback"; font-style: normal; font-weight: bold; src: url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebBold.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebBold.woff") format("woff"), url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebBold.ttf") format("truetype"); } @font-face { font-family: "PTSansFallback"; font-style: italic; font-weight: normal; src: url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebItalic.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebItalic.woff") format("woff"), url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebItalic.ttf") format("truetype"); } footer { width: 100%; background: #fff; padding: 55px 0 47px; min-height: 278px; } @media (max-width: 991px) { footer { padding: 35px 0 30px; margin-top: 50px; border-top: solid 1px #e7eef0; } } .footer-screen__full .row > [class^=col-] .footer-menu-container { height: 100%; border-right: solid 2px #337fb2; padding-top: 27px; } .footer-screen__full .row > [class^=col-]:last-of-type .footer-menu-container { border-right: none; } .footer-menu-container .footer-menu__header { font-size: 24px; line-height: 26px; color: #3f4244; margin-bottom: 28px; } .footer-menu-container .footer-menu__body ul { list-style: none; margin: 0; padding: 0; } .footer-menu-container .footer-menu__body ul li { padding: 5px 0; } .footer-menu-container .footer-menu__body ul li a { font-size: 14px; line-height: 18px; color: #000000; text-decoration: none; } .footer-menu-container .footer-menu__body ul li a:hover, .footer-menu-container .footer-menu__body ul li a:active { text-decoration: underline; color: #000000; } .footer-menu-container .footer-menu__body:not(:first-of-type) { margin-top: 20px; } .payment-container { margin: 0 0 30px 0; } .payment-container .payment-container__header { font-size: 24px; line-height: 26px; color: #3f4244; margin-bottom: 20px; } .payment-container .payment-container__body ul { list-style: none; padding: 0; margin: 0; } .payment-container .payment-container__body ul li { margin-right: 13px; display: inline-block; border-right: solid 1px #e5e5e5; padding-right: 13px; height: 37px; vertical-align: middle; } .payment-container .payment-container__body ul li:last-of-type { border-right: none; padding-right: 0; margin-right: 0; } .payment-container .payment-container__body ul li div { height: 37px; } .kindofpay .pay-method { display: inline-block; vertical-align: middle; } .kindofpay .pay-method-visa { width: 48px; height: 15px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/payment-icons/visa.svg") center center no-repeat; background-size: contain; } .kindofpay .pay-method-visa:hover, .kindofpay .pay-method-visa:focus { background: transparent url("/bitrix/templates/maximus_2018/css/../img/payment-icons/visa_active.svg") center center no-repeat; background-size: contain; } .kindofpay .pay-method-mastercard { width: 54px; height: 33px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/payment-icons/mastercard.svg") center center no-repeat; background-size: contain; } .kindofpay .pay-method-mastercard:hover, .kindofpay .pay-method-mastercard:focus { background: transparent url("/bitrix/templates/maximus_2018/css/../img/payment-icons/mastercard_active.svg") center center no-repeat; background-size: contain; } .kindofpay .pay-method-sb { width: 31px; height: 30px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/payment-icons/sberbank.svg") center center no-repeat; background-size: cover; } .kindofpay .pay-method-sb:hover, .kindofpay .pay-method-sb:focus { width: 31px; height: 30px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/payment-icons/sberbank_active.svg") center center no-repeat; background-size: cover; } .address-container { margin-bottom: 34px; } .address-container .address-container__header { font-size: 24px; line-height: 26px; color: #3f4244; margin-bottom: 16px; } .address-container .address-container__link { margin-bottom: 13px; } .address-container .address-container__link a { color: #3f4244; font-size: 14px; text-decoration: underline; } .address-container .address-container__link a:hover { text-decoration: none; color: #3f4244; } .address-container .address-container__phone { font-size: 14px; color: #3f4244; } .address-container .address-container__phone span { font-size: 14px; } .subscribe-container { margin-bottom: 5px; } .subscribe-container .subscribe-container__header { font-size: 24px; line-height: 26px; color: #3f4244; margin-bottom: 20px; } .subscribe-container .subscribe-container__info { font-size: 14px; margin-bottom: 14px; } .subscribe-container .subscribe-container__form .form-group input[type=text] { padding-left: 10px; height: 37px; border-color: #a3a3a3; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; max-width: 149px; } .social-container { float: right; } .social-container .social-container__name { display: inline-block; font-size: 18px; color: #3f4244; margin-right: 11px; vertical-align: middle; } .social-container .social-container__body { display: inline-block; vertical-align: middle; } .social-container .social-container__body ul { list-style: none; padding: 0; margin: 0; } .social-container .social-container__body ul li { display: inline-block; margin-right: 6px; } .social-container .social-container__body ul li:last-of-type { margin-right: 0; } .copyright-container { width: 100%; background: #005f9f; height: 40px; line-height: 20px; font-size: 14px; } .copyright-container .copyright-block { height: 40px; } .copyright-container .copyright { display: inline-block; color: #ffffff; vertical-align: middle; margin-right: 25px; } .copyright-container .vis-raiting { display: inline-block; vertical-align: middle; border: solid 1px #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; text-align: center; color: #ffffff; margin-right: 23px; padding: 0 9px 0 8px; } .copyright-container .terms-container { display: inline-block; vertical-align: middle; color: #ffffff; } .copyright-container .terms-container a { display: inline-block; font-size: 14px; color: #ffffff; margin-right: 9px; } .copyright-container .terms-container a:last-of-type { margin-right: 0; margin-left: 9px; } .copyright-container .terms-container a:hover, .copyright-container .terms-container a:active, .copyright-container .terms-container a:focus { color: #ffffff; text-decoration: underline; } .mobile-footer { text-align: center; } .mobile-footer .footer-mobile-menu { margin-bottom: 40px; text-align: center; } .mobile-footer .footer-mobile-menu ul { list-style: none; padding: 0; margin: 0; } .mobile-footer .footer-mobile-menu ul li { display: inline-block; margin-right: 16px; } .mobile-footer .footer-mobile-menu ul li:not(:first-of-type)::before { content: "|"; display: inline-block; color: #000000; font-size: 18px; line-height: 22px; margin-right: 16px; } .mobile-footer .footer-mobile-menu ul li a { font-weight: 400; color: #000000; text-decoration: underline; font-size: 18px; line-height: 22px; } .mobile-footer .footer-mobile-menu ul li a:hover, .mobile-footer .footer-mobile-menu ul li a:focus { text-decoration: none; color: #000000; } .mobile-footer .social-mobile-container__body { display: inline-block; vertical-align: middle; margin-bottom: 48px; } .mobile-footer .social-mobile-container__body ul { list-style: none; padding: 0; margin: 0; } .mobile-footer .social-mobile-container__body ul li { display: inline-block; margin-right: 23px; } .mobile-footer .social-mobile-container__body ul li:last-of-type { margin-right: 0; } .mobile-footer .payment-container { width: 570px; padding-bottom: 17px; margin: 0 auto 22px; border-bottom: solid 1px #e7eef0; } .mobile-footer .payment-container .payment-container__header { font-size: 18px; line-height: 20px; color: #3f4244; margin-bottom: 15px; } .mobile-footer .address-container { margin-bottom: 0; } .mobile-footer .address-container .address-container__header { font-size: 18px; line-height: 20px; color: #3f4244; margin-bottom: 16px; } .mobile-footer .address-container .address-container__link { margin-bottom: 14px; } .mobile-footer .address-container .address-container__link a { color: #3f4244; font-size: 14px; line-height: 16px; text-decoration: underline; } .mobile-footer .address-container .address-container__link a:hover { text-decoration: none; color: #3f4244; } .mobile-footer .address-container .address-container__phone { font-size: 24px; line-height: 26px; color: #3f4244; } .mobile-footer .address-container .address-container__phone span { font-size: 24px; line-height: 26px; } @media (max-width: 767px) { footer { width: auto; margin-left: 23px; margin-right: 23px; padding: 16px 0 34px; margin-top: 0; } .mobile-footer .footer-mobile-menu { margin-bottom: 16px; padding-bottom: 19px; text-align: center; border-bottom: solid 1px #e7eef0; } .mobile-footer .footer-mobile-menu ul li { display: block; margin-right: 0; padding: 10px 0; } .mobile-footer .footer-mobile-menu ul li:not(:first-of-type)::before { display: none; } .mobile-footer .footer-mobile-menu ul li a { font-weight: 400; color: #000000; text-decoration: underline; font-size: 18px; line-height: 22px; } .mobile-footer .footer-mobile-menu ul li a:hover, .mobile-footer .footer-mobile-menu ul li a:focus { text-decoration: none; color: #000000; } .mobile-footer .payment-container { width: 100%; } .copyright-container { height: 68px; text-align: center; } .copyright-container .copyright-block { height: auto; line-height: 25px; padding: 0 10px; } .copyright-container .copyright { display: inline; vertical-align: middle; margin-right: 23px; } .copyright-container .vis-raiting { display: inline; vertical-align: middle; margin-right: 0; padding: 1px 9px 1px 8px; } } @media (max-width: 380px) { .copyright-container .copyright { white-space: nowrap; } .copyright-container .copyright span { white-space: pre-wrap; } } /*# sourceMappingURL=footers.css.map */ /* End */ /* Start:/bitrix/templates/maximus_2018/css/index.min.css?154052547922309*/ @import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic,cyrillic-ext");@font-face{font-family:"PTSansFallback";font-style:normal;font-weight:normal;src:url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebRegular.eot?#iefix") format("embedded-opentype"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebRegular.woff") format("woff"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebRegular.ttf") format("truetype")}@font-face{font-family:"PTSansFallback";font-style:normal;font-weight:bold;src:url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebBold.eot?#iefix") format("embedded-opentype"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebBold.woff") format("woff"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebBold.ttf") format("truetype")}@font-face{font-family:"PTSansFallback";font-style:italic;font-weight:normal;src:url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebItalic.eot?#iefix") format("embedded-opentype"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebItalic.woff") format("woff"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebItalic.ttf") format("truetype")}.tp-banner-container{height:340px;overflow:hidden;margin-bottom:38px;border:solid 1px #dcdcdc;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px}.tp-banner-container .main-banner{position:relative}.tp-banner-container .main-banner .btn-purchase{position:absolute}.tp-banner-container .item .img-bg{height:340px}.tp-banner-container .owl-theme .owl-controls{left:17px;right:auto;top:auto;bottom:15px;background:rgba(163,163,163,0.4);-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;border-radius:15px;padding:0 6px}.tp-banner-container .owl-theme .owl-controls .owl-page{padding-top:4px}.tp-banner-container .owl-theme .owl-controls .owl-page span{width:9px;height:9px;border:solid 2px #fff;margin:0 5px 0 0}.tp-banner-container .owl-theme .owl-controls .owl-page.active span{border:solid 2px #fff;background:#005f9f}.tp-banner-container .owl-theme .owl-controls .owl-page:first-of-type span{margin-left:5px}@media(max-width:991px){.tp-banner-container{height:396px;overflow:hidden;border-top:0;border-left:0;border-right:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0}.tp-banner-container .owl-carousel{max-height:396px}.tp-banner-container .owl-theme .owl-controls{left:99px}.tp-banner-container .item .img-bg{height:396px}}@media(max-width:767px){.tp-banner-container{height:144px}.tp-banner-container .owl-theme .owl-controls{left:42px}.tp-banner-container .item .img-bg{height:144px}}#side_wishlist{position:relative}.main-wishlist-container{background:#fff;width:100%;height:340px;overflow:hidden;padding:24px 22px 22px;margin-bottom:40px;border:solid 1px #dcdcdc;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px}.main-wishlist-container .empty-cart{position:relative;margin-bottom:10px}.main-wishlist-container .empty-cart .empty-cart-img{width:53px;height:46px;-webkit-background-size:cover;background-size:cover;background:transparent url("/bitrix/templates/maximus_2018/css/../img/icons/wishlist-empty.png") 0 0 no-repeat;margin:0 auto 20px}.main-wishlist-container .empty-cart .empty-cart-text{position:relative;width:90%;background:#e1e1e1;margin:0 auto;color:#999;text-align:center;padding:14px 12px;border-radius:5px;font-weight:700}.main-wishlist-container .empty-cart .empty-cart-text::before{content:"";width:14px;height:14px;border:transparent solid 14px;border-bottom:#e1e1e1 solid 14px;position:absolute;z-index:auto;margin:-40px 0 0 0;left:50%;-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.main-wishlist-container .main-wishlist-container__header{margin-bottom:10px}.main-wishlist-container .main-wishlist-container__header.product-of-day{margin-bottom:12px}.main-wishlist-container .main-wishlist-container__header .wishlist-header__name{position:relative;display:inline-block;background:#005f9f;color:#fff;font-weight:600;font-size:1rem;text-transform:uppercase;padding:9px 11px;line-height:.8rem;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;vertical-align:middle}.main-wishlist-container .main-wishlist-container__header .wishlist-header__name::after{content:"";display:inline-block;width:6px;height:6px;border:solid 6px transparent;border-left-color:#005f9f;position:absolute;right:-12px;top:9px}.main-wishlist-container .main-wishlist-container__carousel{margin-bottom:10px;position:relative}.main-wishlist-container .main-wishlist-container__carousel .slide{position:absolute;z-index:1;left:0;top:0;width:100%}.main-wishlist-container .main-wishlist-container__carousel .slide .old-price__block{color:#005f9f;font-size:14px;text-align:left;min-height:21px}.main-wishlist-container .main-wishlist-container__carousel .slide .wishlist-carousel__img{vertical-align:middle;display:inline-block;width:80px;height:80px;overflow:hidden;position:relative}.main-wishlist-container .main-wishlist-container__carousel .slide .wishlist-carousel__img img{position:absolute;left:50%;top:50%;-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.main-wishlist-container .main-wishlist-container__carousel .slide .wishlist-carousel__img:not(:first-of-type){margin-left:-4px}.main-wishlist-container .main-wishlist-container__carousel .slide .wishlist-carousel__img .wishlist-item__remove{position:absolute;width:15px;height:15px;top:-6px;right:-3px;z-index:20;color:#005f9f;font-size:18px;cursor:pointer;display:none;background:#f3f7fa}.main-wishlist-container .main-wishlist-container__carousel .slide .wishlist-carousel__img.product-of-day{text-align:center;width:100%;height:120px;margin-top:0}.main-wishlist-container .main-wishlist-container__carousel .slide .wishlist-carousel__img.product-of-day img{max-height:100%;max-width:100%;display:inline-block;position:relative;top:initial;left:initial;-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0)}.main-wishlist-container .main-wishlist-container__carousel .slide.active{z-index:5}.main-wishlist-container .main-wishlist-container__carousel .slide.active .wishlist-carousel__img:hover{opacity:.5}.main-wishlist-container .main-wishlist-container__carousel .slide.active .wishlist-carousel__img:hover .wishlist-item__remove{display:block}.main-wishlist-container .main-wishlist-container__carousel .slide .text-container__name{height:34px;overflow:hidden;text-align:left;margin:10px 0 7px}.main-wishlist-container .main-wishlist-container__carousel .slide .text-container__name a{color:#000;font-size:18px;font-weight:700}.main-wishlist-container .main-wishlist-container__carousel .slide .text-container__name a:hover,.main-wishlist-container .main-wishlist-container__carousel .slide .text-container__name a:active,.main-wishlist-container .main-wishlist-container__carousel .slide .text-container__name a:focus{color:#005f9f;text-decoration:none}.main-wishlist-container .main-wishlist-container__carousel .slide .text-container__price{text-align:left;min-height:19px;margin-bottom:8px}.main-wishlist-container .main-wishlist-container__carousel .slide .text-container__price .old-price{color:#999;font-size:14px;text-decoration:line-through;margin-right:0;margin-top:5px;height:16px}.main-wishlist-container .main-wishlist-container__carousel .slide .text-container__price .actual-price{color:#005f9f;font-size:24px;font-weight:400}.main-wishlist-container .main-wishlist-container__carousel .slide .text-container__attr .rating{margin-bottom:10px}.main-wishlist-container .main-wishlist-container__carousel .slide .text-container__attr .rating .raty-item{display:inline-block}.main-wishlist-container .main-wishlist-container__carousel .slide .text-container__attr .rating .request-count{display:inline-block;font-size:12px;color:#999}.main-wishlist-container .main-wishlist-container__carousel .slide .text-container__attr .availability{float:right;margin-bottom:0}.main-wishlist-container .wishlist-slider-navigation{z-index:10;position:absolute;width:82px;height:30px;top:67px;background:rgba(163,163,163,0.4);-webkit-border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;-ms-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;padding-left:8px;right:0}.main-wishlist-container .wishlist-slider-navigation a{display:inline-block;font-size:30px;color:#fff;vertical-align:middle;text-decoration:none}.main-wishlist-container .wishlist-slider-navigation a:hover{color:#005f9f}.main-wishlist-container .wishlist-slider-navigation .num-block{display:inline-block;text-align:center;width:39px;overflow:hidden;vertical-align:middle}.main-wishlist-container .wishlist-slider-navigation .current-num{font-size:14px;display:inline-block;font-weight:700;color:#fff;vertical-align:middle;margin-top:2px;text-align:right}.main-wishlist-container .wishlist-slider-navigation .current-num::after{content:"/";display:inline-block;font-size:14px;font-weight:700;vertical-align:top}.main-wishlist-container .wishlist-slider-navigation .total-num{font-size:14px;color:#fff;font-weight:700;display:inline-block;vertical-align:middle;margin-left:-2px;margin-top:2px}@media(max-width:1101px){.main-wishlist-container{padding:14px 12px 12px}.main-wishlist-container .main-wishlist-container__carousel .slide .wishlist-carousel__img.product-of-day{height:90px}}.main-news__header h2{color:#3f4244;font-size:22px;font-weight:400;text-transform:uppercase;display:inline-block;margin:0 10px 0 0;padding:0;line-height:22px}.main-news__header a{vertical-align:text-bottom;display:inline-block;color:#005f9f;font-size:14px;text-transform:none}.main-news__header a:hover,.main-news__header a:active,.main-news__header a:focus{color:#005f9f;text-decoration:underline}.main-news__item{padding:20px 0}.main-news__block .news-block__img{width:100%;height:157px;overflow:hidden}.main-news__block .news-block__img.small-img{height:94px}.main-news__block .news-block__img img{max-width:110%}.main-news__block .news-block__date{vertical-align:top;text-transform:uppercase;font-size:12px;line-height:12px;color:#999;margin-bottom:14px}.main-news__block .news-block__news-header{font-size:24px;line-height:23px;height:70px;overflow:hidden;text-overflow:ellipsis;margin-bottom:12px}.main-news__block .news-block__news-header.small-header{margin-bottom:0}.main-news__block .news-block__news-header a{color:#000}.main-news__block .news-block__news-header a:hover,.main-news__block .news-block__news-header a:focus{color:#000}.main-news__block .news-block__news-header.small-header{font-size:14px;line-height:18px}.main-news__block .news-block__news-text{font-size:14px;color:#000;line-height:17px}@media(max-width:767px){.main-news{margin-top:18px}.main-news .news-block__img{margin-bottom:20px}.main-news__block .row.second-item>div:last-of-type .main-news__item{border-bottom:solid 1px #e9e9e9}}.wide-banner-container{height:100%}.wide-banner-container .wide-banner-carousel{height:100%;margin:0;padding:0;max-height:100%}.review-carosel-container{height:497px;overflow:hidden;padding-left:0;padding-right:0;margin-top:30px}.review-carosel-container .review-item-carosel{margin-top:28px}.review-carosel-container .owl-theme .owl-controls .owl-prev,.review-carosel-container .owl-theme .owl-controls .owl-next{background:rgba(255,255,255,0.6)}.review-carosel-container .owl-theme .owl-controls .owl-prev:hover,.review-carosel-container .owl-theme .owl-controls .owl-prev:focus,.review-carosel-container .owl-theme .owl-controls .owl-next:hover,.review-carosel-container .owl-theme .owl-controls .owl-next:focus{background:rgba(255,255,255,0.6)}.review-carosel-container .owl-theme .owl-controls{top:96px}@media(max-width:991px){.review-carosel-container .owl-theme .owl-controls .owl-prev,.review-carosel-container .owl-theme .owl-controls .owl-next{background:#dadada}.review-carosel-container .owl-theme .owl-controls .owl-prev:hover,.review-carosel-container .owl-theme .owl-controls .owl-prev:focus,.review-carosel-container .owl-theme .owl-controls .owl-next:hover,.review-carosel-container .owl-theme .owl-controls .owl-next:focus{background:#dadada}.review-carosel-container .owl-theme .owl-controls{top:146px}}@media(max-width:767px){.review-carosel-container{height:478px}.review-carosel-container .review-item-carosel{margin-top:28px;max-height:477px;border-bottom:solid 1px #e9e9e9;margin-bottom:0;padding-bottom:30px}.review-carosel-container .owl-theme .owl-controls{top:100px}}.review-carosel-header{position:relative}.review-carosel-header h2{color:#3f4244;font-size:22px;font-weight:400;text-transform:uppercase;display:inline-block;margin:0 14px 0 0;padding:0;line-height:22px}.review-carosel-header a{vertical-align:baseline;display:inline-block;color:#005f9f;font-size:12px;text-transform:none}.review-carosel-header a:hover,.review-carosel-header a:active,.review-carosel-header a:focus{color:#005f9f;text-decoration:underline}@media(min-width:992px){.review-carosel-header{padding:0 30px}}.review-item{position:relative}.review-item .review-item__image-container{width:100%;height:200px;overflow:hidden;margin-bottom:15px;position:relative;text-align:center}.review-item .review-item__image-container img{height:200px;width:auto}.review-item .review-item__image-container.job img{height:auto;width:auto;max-height:100%}.review-item .review-item__text-container{height:155px}.review-item .text-container__category{margin-bottom:2px;white-space:nowrap;overflow:hidden;position:relative}.review-item .text-container__category::after{content:"";position:absolute;right:0;top:0;width:40px;height:100%;background:-moz-linear-gradient(left,rgba(255,255,255,0.2),#fff 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0.2),#fff 100%);background:-o-linear-gradient(left,rgba(255,255,255,0.2),#fff 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0.2),#fff 100%);background:linear-gradient(to right,rgba(255,255,255,0.2),#fff 100%)}.review-item .text-container__category ul{list-style:none;margin:0;padding:0}.review-item .text-container__category ul li{font-size:12px;display:inline-block;opacity:.5;margin-left:-0.1em}.review-item .text-container__category ul li::after{content:"|";margin-left:2px;display:inline-block;color:#005f9f}.review-item .text-container__category ul li a{font-size:12px;color:#005f9f;font-weight:400;text-decoration:none}.review-item .text-container__category ul li:last-of-type::after{content:""}.review-item:hover .text-container__category ul li{opacity:1}.review-item:hover .text-container__category ul li a:hover,.review-item:hover .text-container__category ul li a:active,.review-item:hover .text-container__category ul li a:focus{text-decoration:underline}.review-item .text-container__name{margin-bottom:20px;height:44px;overflow:hidden}.review-item .text-container__name a{color:#000;font-size:18px;font-weight:400;line-height:22px}.review-item .text-container__name a:hover,.review-item .text-container__name a:active,.review-item .text-container__name a:focus{color:#000;text-decoration:underline}.review-item .text-container__text{margin-bottom:10px;color:#005f9f;font-size:14px;line-height:16px;height:74px}.review-item .text-container__attr .comments{float:right}.review-item .text-container__attr .comments .comment-counter{font-size:14px;color:#3f4244}.review-item .text-container__attr .comments .comment-counter::before{content:"";width:15px;height:12px;display:inline-block;background:transparent url("/bitrix/templates/maximus_2018/css/../img/icons/comment-icon.svg") 0 0 no-repeat;margin:0 4px -2px 0;-webkit-background-size:cover;background-size:cover}.review-item .text-container__attr .date{text-transform:uppercase;color:#a3a3a3;font-size:12px;float:left}.review-item.job-blog .review-item__text-container{height:354px}.review-item.job-blog .text-container__text{height:260px}.info-item{position:relative}.info-item .info-item__image-container{width:204px;height:145px;overflow:hidden;margin-bottom:10px;position:relative}.info-item .info-item__image-container img{height:145px;width:auto;position:absolute;left:50%;-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.info-item .info-item__text-container{height:354px}.info-item .text-container__name{margin-bottom:10px;height:64px;overflow:hidden;color:#3f4244;font-size:14px;font-weight:700}.info-item .text-container__name a{color:#3f4244;font-size:14px;font-weight:700}.info-item .text-container__name a:hover,.info-item .text-container__name a:active,.info-item .text-container__name a:focus{color:#3f4244;text-decoration:underline}.info-item .text-container__text{margin-bottom:10px;color:#3f4244;font-size:12px;height:auto;overflow:hidden}@media(min-width:992px){.review-item .review-item__text-container{padding-right:30px;padding-left:30px}}.narrow-banner-container{margin-top:30px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;height:454px;overflow:hidden}.narrow-banner-container .narrow-banner-carousel{height:100%;margin:0;padding:0;max-height:100%}.brands-carosel-container{background:transparent;margin:0;padding:0;width:100%}.brands-item-carosel{height:92px;overflow:hidden}.brands-item-carosel.owl-carousel{margin-top:30px}@media(min-width:992px){.brands-item-carosel.owl-carousel .owl-controls .owl-prev,.brands-item-carosel.owl-carousel .owl-controls .owl-next{width:31px}}@media(max-width:991px){.brands-item-carosel.owl-carousel .owl-controls{top:40px}}@media(max-width:767px){.brands-item-carosel.owl-carousel .owl-controls{top:42px}}@media(max-width:767px){.brands-carosel-container{height:123px}.brands-carosel-container .brands-item-carosel{height:122px;max-height:122px;border-bottom:solid 1px #e9e9e9}}.brands-item{height:92px;padding:5px;overflow:hidden}.brands-item .brands-item__image-container img{-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;-webkit-transition:all 1s ease-out;height:70px;width:auto}.brands-item .brands-item__image-container img:hover{-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-o-transform:scale(1.4)}.brands-item .brands-item__image-container h2{-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;-webkit-transition:all 1s ease-out;font-size:1.4rem;margin:0;display:block}.brands-item .brands-item__image-container h2:hover{-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-o-transform:scale(1.4)}.brands-item .brands-item__category{margin-bottom:10px;position:relative;background:#fff}.brands-item .brands-item__category ul{list-style:none;margin:0;padding:0}.brands-item .brands-item__category ul li{font-size:12px;display:inline-block;opacity:.5;margin-left:-0.1em}.brands-item .brands-item__category ul li::after{content:"|";margin-left:2px;display:inline-block;color:#999}.brands-item .brands-item__category ul li a{font-size:12px;color:#005f9f;font-weight:400;text-decoration:none}.brands-item .brands-item__category ul li a:hover{color:#005f9f;text-decoration:underline}.brands-item .brands-item__category ul li:last-of-type::after{content:""}@media(max-width:991px){.brands-item .brands-item__image-container img{height:80px}.brands-item .brands-item__image-container img:hover{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0)}.brands-item .brands-item__image-container h2{font-size:2rem}.brands-item .brands-item__image-container h2:hover{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0)}}@media(max-width:767px){.brands-item{width:170px}}.looking-carosel-header h2{color:#3f4244;font-size:22px;font-weight:400;text-transform:uppercase;display:inline-block;margin:0 14px 0 0;padding:0;line-height:22px}.looking-item-carosel{height:196px;overflow:hidden}.looking-item-carosel.owl-carousel{max-height:196px;margin-top:20px;padding-top:20px}.looking-item-carosel .owl-item{border-right:solid 1px #e8e8e8;padding-top:0}@media(min-width:992px){.looking-item-carosel.owl-carousel .owl-controls{top:84px}}@media(max-width:991px){.looking-item-carosel.owl-carousel .owl-controls{top:134px}}@media(max-width:767px){.looking-item-carosel.owl-carousel .owl-controls{top:88px}}.looking-item{position:relative;text-align:left;margin-top:-10px}.looking-item .looking-item__image-container{display:inline-block;width:100%;height:80px;overflow:hidden;margin:0 10px 0 0;vertical-align:middle;text-align:center}.looking-item .looking-item__image-container img{height:70px;width:auto}.looking-item .looking-item__text-container{margin-top:8px;display:inline-block;vertical-align:middle;text-align:left}.looking-item .looking-item__text-container .text-container__name{margin-bottom:0;color:#000;font-size:14px;line-height:16px;font-weight:400;height:32px;overflow:hidden;text-overflow:ellipsis}.looking-item .looking-item__text-container .text-container__name a{color:#000;font-size:14px;font-weight:400}.looking-item .looking-item__text-container .text-container__name a:hover,.looking-item .looking-item__text-container .text-container__name a:active,.looking-item .looking-item__text-container .text-container__name a:focus{color:#005f9f;text-decoration:none}.looking-item .looking-item__text-container .rating{float:left;margin-bottom:6px}.looking-item .looking-item__text-container .rating .raty-item{display:inline-block}.looking-item .looking-item__text-container .rating .request-count{display:inline-block;font-size:12px;color:#999}.looking-item .looking-item__text-container .text-container__price{font-size:18px;font-weight:400;color:#005f9f}@media(max-width:767px){.looking-carosel-container{margin-top:30px}.looking-item{text-align:center}}.text-container{min-height:50px}.text-container__inner{padding:20px 40px}.text-container h1{font-size:40px;line-height:47px;font-weight:400;color:#005f9f;margin-bottom:20px;text-transform:none}.text-container ul{padding:0}.text-container ul li{list-style-image:url("/bitrix/templates/maximus_2018/css/../img/icons-svg/list-marker.svg");margin-bottom:17px;font-size:16px;line-height:23px}.text-container ul li strong{text-transform:uppercase}.text-container p{line-height:20px;font-size:16px;margin:0 0 20px 0}.text-container p:last-of-type{margin:0}.text-container p.main-paragraf{line-height:30px;font-size:24px}.text-container p.blockquote-paragraf{font-size:24px;line-height:30px;border-top:solid 2px #005f9f;padding-top:22px} /* End */ /* Start:/bitrix/templates/maximus_2018/css/news.min.css?15441774531551*/ @import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic,cyrillic-ext");@font-face{font-family:"PTSansFallback";font-style:normal;font-weight:normal;src:url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebRegular.eot?#iefix") format("embedded-opentype"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebRegular.woff") format("woff"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebRegular.ttf") format("truetype")}@font-face{font-family:"PTSansFallback";font-style:normal;font-weight:bold;src:url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebBold.eot?#iefix") format("embedded-opentype"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebBold.woff") format("woff"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebBold.ttf") format("truetype")}@font-face{font-family:"PTSansFallback";font-style:italic;font-weight:normal;src:url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebItalic.eot?#iefix") format("embedded-opentype"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebItalic.woff") format("woff"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebItalic.ttf") format("truetype")}.news-block-detail{background-color:#fff;padding:56px 70px 60px}.news-block-detail h1{color:#005f9f;font-size:2.52rem !important;line-height:3rem !important}.news-block-detail h2{color:#005f9f;font-size:1.4rem;font-weight:700;line-height:1.8rem;margin:0 0 13px 0}.news-block-detail .image-container{text-align:center;padding:26px;max-height:408px;height:408px;display:inline-block;width:100%}.news-block-detail .image-container img{display:inline-block;max-height:100%}.news-block-detail span[itemprop=articleBody] img{width:100% !important;height:100% !important}@media(max-width:575px){.news-block-detail{padding:16px 20px 20px}.news-block-detail .image-container{max-height:280px;height:280px}} /* End */ /* Start:/bitrix/templates/maximus_2018/css/catalog.min.css?154563467746306*/ @charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic,cyrillic-ext");@font-face{font-family:"PTSansFallback";font-style:normal;font-weight:normal;src:url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebRegular.eot?#iefix") format("embedded-opentype"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebRegular.woff") format("woff"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebRegular.ttf") format("truetype")}@font-face{font-family:"PTSansFallback";font-style:normal;font-weight:bold;src:url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebBold.eot?#iefix") format("embedded-opentype"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebBold.woff") format("woff"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebBold.ttf") format("truetype")}@font-face{font-family:"PTSansFallback";font-style:italic;font-weight:normal;src:url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebItalic.eot?#iefix") format("embedded-opentype"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebItalic.woff") format("woff"),url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebItalic.ttf") format("truetype")}.catalog-main-container{position:relative}.catalog_container.detail{border-bottom:none !important}.catalog-item-carosel-container{background:#fff;margin:0;padding:0;width:100%;height:458px;overflow:hidden}.catalog-item-carosel-container.empty-container{height:auto;margin-bottom:30px}.catalog-carosel-header{padding:0;position:relative;margin-bottom:15px}.catalog-carosel-header h2{color:#3f4244;font-size:22px;font-weight:400;text-transform:uppercase;display:inline-block;margin:0 18px 0 0;padding:0;line-height:18px}.catalog-carosel-header a{display:inline-block;color:#005f9f;font-size:14px;text-transform:none}.catalog-carosel-header a:hover,.catalog-carosel-header a:active,.catalog-carosel-header a:focus{color:#005f9f;text-decoration:underline}.catalog-carosel-header a:hover h2,.catalog-carosel-header a:active h2,.catalog-carosel-header a:focus h2{color:#005f9f;text-decoration:none}.owl-carousel{max-height:386px;margin-top:8px;margin-bottom:30px}.owl-carousel .owl-wrapper{min-width:100% !important}.owl-carousel.tp-banner-boxed{margin-top:0}.carousel-item{margin-top:0;position:relative;display:block}.carousel-item__inner{border:solid 1px #e8e8e8;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;padding:30px 30px 15px}.carousel-item .carousel-item__image-container{width:100%;height:204px;overflow:hidden;position:relative;padding:0;margin-top:0}.carousel-item .carousel-item__image-container a{height:100%}.carousel-item .carousel-item__image-container img{height:160px;width:auto}.carousel-item .carousel-item__image-container img.wide{height:auto;width:160px}.carousel-item .carousel-item__image-labels{position:absolute;width:50px;height:100%;z-index:10;display:flex;justify-content:center;align-content:center;flex-direction:column}.carousel-item .carousel-item__image-labels__item{margin:5px auto;width:49px;height:49px}.carousel-item .text-container__category{margin-bottom:9px;white-space:nowrap;overflow:hidden;position:relative;background:#fff;min-height:16px}.carousel-item .text-container__category::after{content:"";position:absolute;right:0;top:0;width:40px;height:100%;background:-moz-linear-gradient(left,rgba(255,255,255,0.2),#fff 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0.2),#fff 100%);background:-o-linear-gradient(left,rgba(255,255,255,0.2),#fff 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0.2),#fff 100%);background:linear-gradient(to right,rgba(255,255,255,0.2),#fff 100%)}.carousel-item .text-container__category ul{list-style:none;margin:0;padding:0;position:relative}.carousel-item .text-container__category ul li{font-size:12px;display:inline-block;opacity:.5;margin-left:-0.1em}.carousel-item .text-container__category ul li:first-of-type{margin-left:0}.carousel-item .text-container__category ul li::after{content:"|";margin-left:2px;display:inline-block;color:#999}.carousel-item .text-container__category ul li a{font-size:14px;color:#999;text-decoration:none}.carousel-item .text-container__category ul li:last-of-type::after{content:""}.carousel-item:hover .text-container__category ul li{opacity:1}.carousel-item:hover .text-container__category ul li a:hover,.carousel-item:hover .text-container__category ul li a:active,.carousel-item:hover .text-container__category ul li a:focus{color:#005f9f;text-decoration:underline}.carousel-item .text-container__name{height:34px;overflow:hidden;margin-bottom:19px;line-height:1rem}.carousel-item .text-container__name a{color:#000;font-size:16px;font-weight:700}.carousel-item .text-container__name a:hover,.carousel-item .text-container__name a:active,.carousel-item .text-container__name a:focus{color:#005f9f;text-decoration:none}.carousel-item .text-container__price{min-height:40px;margin-bottom:8px}.carousel-item .text-container__price .old-price{color:#999;font-size:16px;text-decoration:line-through;margin-right:9px;height:16px}.carousel-item .text-container__price .actual-price{color:#005f9f;font-size:22px;font-weight:400}.carousel-item .text-container__attr .rating{float:left;margin-bottom:10px}.carousel-item .text-container__attr .rating .raty-item{display:inline-block}.carousel-item .text-container__attr .rating .request-count{display:inline-block;font-size:12px;color:#999}.carousel-item .text-container__attr .availability{float:right;margin-bottom:0}.catalog-item{margin-bottom:30px}.catalog-item .catalog-item__block{background:#fff;border:solid 1px #e8e8e8;border-radius:3px;padding-left:22px;padding-right:22px}.catalog-item .catalog-item__block a:hover,.catalog-item .catalog-item__block a:focus,.catalog-item .catalog-item__block a:active{text-decoration:none}.catalog-item.brand{height:210px}.catalog-item.brand .catalog-item__block{height:200px}.catalog-item.brand .catalog-item__block .item-img-wrap h2{display:block;position:absolute;top:50%;left:50%;-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.carousel-item__image-labels{position:absolute;width:59px;height:100%;z-index:11;display:flex;top:0;justify-content:center;align-content:center;flex-direction:column}.carousel-item__image-labels__item{cursor:pointer;margin:6px auto;width:58px;height:58px}.carousel-item__image-labels.detail{justify-content:start;right:60px;top:30px}.filter-container{background-color:#fff}.filter-container .filter-btn__container{margin:20px 22px 8px}.filter-container .filter-block__header{margin:0 0 12px;font-size:16px;color:#3f4244;font-weight:700;border-bottom:solid 1px #ebebeb;padding-bottom:14px;position:relative;padding-right:16px;cursor:pointer}.filter-container .filter-block__header.filter-up+.filter-block__body{display:none}.filter-container .filter-block__header.filter-down+.filter-block__body{display:block}.filter-container .filter-block__header i{position:absolute;top:0;right:0}.filter-container .filter-block__header .item_counter{margin:10px 0}.filter-container .filter-block__body .checkbox-block{display:block}.filter-container .filter-block__body .checkbox-block .form-control-checkbox_middle{margin-top:5px}.filter-container .filter-block__body .checkbox-block input[type=checkbox]:not(checked)+label{color:#000}.filter-container .filter-block__body .checkbox-block input[type=checkbox]:checked+label{color:#000}.filter-container .filter-block__body .checkbox-block label{font-size:16px}.filter-container .filter-block__body .checkbox-block label span{color:#000;font-size:16px}.filter-container .filter-block__body .range-values{display:inline-block;width:48%;text-align:center}.filter-container .filter-block__body .range-values input{width:95%;border-radius:3px;border:solid 1px #e8e8e8;font-size:16px;text-align:center;padding:0;font-weight:700}.filter-container .filter-block__body .range-values label{color:#999;font-size:14px;margin-right:6px;display:none}.filter-container .tags-block{padding:16px 0;margin-left:22px;margin-right:22px}.filter-container .tags-block .wishlist-buyall{cursor:pointer;margin:10px 0}.filter-container .tags-block .wishlist-clear{margin:0}.filter-container .brand-block{padding:16px 0;margin-left:22px;margin-right:22px}.filter-container .brand-block .filter-block__body{height:200px;overflow:hidden}.filter-container .price-block{padding:16px 0;margin-left:22px;margin-right:22px}.filter-container .price-block .filter-block__body{min-height:60px}.filter-container .filter-action{min-height:40px;background:#f2f7fa;padding:20px 0;text-align:center;position:fixed;bottom:0;right:0;left:0;z-index:990000}.filter-container .filter-action .btn-red{height:48px;line-height:44px;font-size:24px;width:70%}.filter-container .filter-action .btn-blue{height:48px;line-height:44px;font-size:24px;width:70%;background:#005f9f;color:#fff}@media(max-width:991px){.filter-container{width:100%;display:none;position:absolute;z-index:62;-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5);background:#fff}.filter-container .filter-header__adaptive{font-size:30px;font-weight:700;padding:20px 20px 30px}.filter-container .filter-block__header{font-size:1.3rem;line-height:1.3rem}.filter-container .filter-block__body .checkbox-block{margin-bottom:19px}.filter-container .filter-block__body .checkbox-block .form-control-checkbox{font-size:1rem;line-height:24px}.filter-container .filter-block__body .checkbox-block .form-control-checkbox_middle{margin-top:6px}.filter-container .filter-block__body .checkbox-block input[type=checkbox]:not(checked){position:absolute;opacity:0}.filter-container .filter-block__body .checkbox-block input[type=checkbox]:not(checked)+label{position:relative;padding:0 0 0 44px}.filter-container .filter-block__body .checkbox-block input[type=checkbox]+label{cursor:pointer}.filter-container .filter-block__body .checkbox-block input[type=checkbox]+label::before{content:"";position:absolute;top:-2px;left:0;width:30px;height:30px}.filter-container .filter-block__body .checkbox-block input[type=checkbox]:checked+label::after{background:#005f9f;content:"";position:absolute;top:6px;left:7px;width:15px;height:15px}.filter-container .filter-block__body .checkbox-block label span{font-size:1rem}.filter-container .filter-block__body .range-values{display:inline-block;width:48%;margin-bottom:20px}.filter-container .filter-block__body .range-values:last-of-type{text-align:right}.filter-container .filter-block__body .range-values input{font-size:1rem;width:80%}.filter-container .filter-block__body .range-values label{display:none}}@media(max-width:576px){.filter-container{width:300px}}.select2-container--default .select2-selection--single.sort_select .select2-selection__arrow{display:none}.select2-container--default .select2-selection--single.sort_select{border-radius:3px;border:1px solid #e8e8e8}.select2-container--default .select2-selection--single.sort_select .select2-selection__rendered{padding-right:8px}.select2-container--default .select2-selection--single.sort_select .select2-selection__rendered div>i{float:right;position:relative;top:12px}.section-action{min-height:40px;margin-bottom:10px}.section-action .sort-container{line-height:39px}.section-action .sort-container .sort-container__header{font-size:14px;color:#999;margin-right:5px}.section-action .sort-container ul{display:inline-block;list-style:none;padding:0;margin:0 0 0 -4px}.section-action .sort-container ul li{display:inline-block}.section-action .sort-container ul li:not(:first-of-type){margin-left:18px}.section-action .sort-container ul li a{color:#005f9f;font-size:14px}.section-action .sort-container ul li a.asc:after{content:"";width:6px;height:4px;display:inline-block;background:transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/sort-corner.png") 0 0 no-repeat;margin-left:4px;vertical-align:middle}.section-action .sort-container ul li a.desc:after{content:"";width:6px;height:4px;display:inline-block;background:transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/sort-corner.png") 0 0 no-repeat;margin-left:4px;-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);vertical-align:middle}.section-action .sort-container ul li a.active{color:#999;text-decoration:underline;font-size:14px}.section-action .sort-container ul li a:hover,.section-action .sort-container ul li a:active,.section-action .sort-container ul li a:focus{color:#999;text-decoration:underline}.section-action .view-container{display:inline-block;vertical-align:middle;line-height:40px}.section-action .view-container ul{vertical-align:middle;display:inline-block;list-style:none;padding:0;margin:0}.section-action .view-container ul::before{font-size:1rem;content:"Вид:";color:#868585;display:inline-block;vertical-align:middle;margin-right:4px}.section-action .view-container ul li{vertical-align:middle;display:inline-block;width:30px;height:30px}.section-action .view-container ul li:not(:first-of-type){margin-left:6px}.section-action .view-container ul li a{vertical-align:middle;display:inline-block}.section-action .view-container ul li a.block{width:17px;height:12px;background:transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/catalog_block.svg") 0 0 no-repeat;-webkit-background-size:cover;background-size:cover}.section-action .view-container ul li a.block.active{background:transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/catalog_block_active.svg") 0 0 no-repeat;-webkit-background-size:cover;background-size:cover}.section-action .view-container ul li a.grid{width:16px;height:13px;background:transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/catalog_list.svg") 0 0 no-repeat;-webkit-background-size:cover;background-size:cover}.section-action .view-container ul li a.grid.active{background:transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/catalog_list_active.svg") 0 0 no-repeat;-webkit-background-size:cover;background-size:cover}.section-action .view-container ul li a:hover,.section-action .view-container ul li a:active,.section-action .view-container ul li a:focus{color:transparent;text-decoration:none}.section-action .filter-action{position:relative;height:72px;font-size:21px;color:#999;text-align:center;cursor:pointer}.section-action .filter-action:hover,.section-action .filter-action:active,.section-action .filter-action:focus{color:#005f9f;background:#f2f7fa}.section-action .filter-action:hover a:hover,.section-action .filter-action:hover a:active,.section-action .filter-action:hover a:focus,.section-action .filter-action:active a:hover,.section-action .filter-action:active a:active,.section-action .filter-action:active a:focus,.section-action .filter-action:focus a:hover,.section-action .filter-action:focus a:active,.section-action .filter-action:focus a:focus{text-decoration:none}.section-action .sort-action{position:relative;height:72px;font-size:21px;color:#999;text-align:center}.section-action .sort-action i{line-height:22px;color:#999;font-size:22px;margin:0 0 0 18px}.section-action .sort-action:hover,.section-action .sort-action:active,.section-action .sort-action:focus{background:#f2f7fa;color:#005f9f}.section-action .sort-action:hover i,.section-action .sort-action:active i,.section-action .sort-action:focus i{color:#005f9f}.section-action .sort-action:hover a:hover,.section-action .sort-action:hover a:active,.section-action .sort-action:hover a:focus,.section-action .sort-action:active a:hover,.section-action .sort-action:active a:active,.section-action .sort-action:active a:focus,.section-action .sort-action:focus a:hover,.section-action .sort-action:focus a:active,.section-action .sort-action:focus a:focus{text-decoration:none}@media(max-width:991px){.section-action{padding:0 10px 0 5px;min-height:42px;position:relative;z-index:60;background:#ededed}.section-action .filter-action{height:42px}.section-action .filter-action__params a{font-size:.8rem;color:gray;text-transform:uppercase;text-decoration:underline}.section-action .view-container{display:none !important}}@media(max-width:767px){.section-action{padding:0;min-height:42px;position:relative;z-index:60;background:#ededed}.section-action .filter-action{height:42px}.section-action .filter-action>div{border-right:none !important}.section-action .filter-action__params a{font-size:.8rem;color:gray;text-transform:uppercase;text-decoration:underline}.section-action .view-container{display:none !important}.section-action .sort-action{position:relative;height:42px;font-size:.8rem;color:#999;text-align:center}.section-action .sort-action a{font-size:.8rem;color:gray;text-decoration:underline}.section-action .sort-action i{font-size:22px;margin:0 0 0 3px;vertical-align:middle;line-height:14px}.section-action .back-link{background:#005f9f;color:#fff;font-size:40px;width:100%}.section-action .back-link__block{color:#fff;text-decoration:none}.section-action .back-link a{color:#fff;text-decoration:none}.section-action .back-link a:hover,.section-action .back-link a:active,.section-action .back-link a:visited{color:#fff;text-decoration:none}}.catalog-item-grid-list{display:none}.catalog-item-grid-list .grid-item{min-height:346px;background:#fff;margin-bottom:10px;padding:16px 20px 14px}.catalog-item-grid-list .grid-item .price-container{padding:0}.catalog-item-grid-list .grid-item .carousel-item__image-container{width:100%;height:100%;position:relative}.catalog-item-grid-list .grid-item .carousel-item__image-container a{height:100%}.catalog-item-grid-list .grid-item .carousel-item__image-container img{height:200px}.catalog-item-grid-list .grid-item .carousel-item__image-container img.wide{height:auto;width:200px}.catalog-item-grid-list .grid-item .carousel-item__text-container{padding:0;height:375.5px;overflow:hidden}.catalog-item-grid-list .grid-item .carousel-item__text-container .text-container__category{margin-bottom:10px;white-space:nowrap;overflow:hidden;position:relative;background:#fff}.catalog-item-grid-list .grid-item .carousel-item__text-container .text-container__category::after{content:"";position:absolute;right:0;top:0;width:40px;height:100%;background:-moz-linear-gradient(left,rgba(255,255,255,0.2),#fff 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0.2),#fff 100%);background:-o-linear-gradient(left,rgba(255,255,255,0.2),#fff 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0.2),#fff 100%);background:linear-gradient(to right,rgba(255,255,255,0.2),#fff 100%)}.catalog-item-grid-list .grid-item .carousel-item__text-container .text-container__category ul{list-style:none;margin:0;padding:0}.catalog-item-grid-list .grid-item .carousel-item__text-container .text-container__category ul li{font-size:12px;display:inline-block;opacity:.5;margin-left:-0.1em}.catalog-item-grid-list .grid-item .carousel-item__text-container .text-container__category ul li:first-of-type{margin-left:0}.catalog-item-grid-list .grid-item .carousel-item__text-container .text-container__category ul li::after{content:"|";margin-left:2px;display:inline-block;color:#999}.catalog-item-grid-list .grid-item .carousel-item__text-container .text-container__category ul li a{font-size:12px;color:#999;text-decoration:none}.catalog-item-grid-list .grid-item .carousel-item__text-container .text-container__category ul li:last-of-type::after{content:""}.catalog-item-grid-list .grid-item .carousel-item__text-container:hover .text-container__category ul li{opacity:1}.catalog-item-grid-list .grid-item .carousel-item__text-container:hover .text-container__category ul li a:hover,.catalog-item-grid-list .grid-item .carousel-item__text-container:hover .text-container__category ul li a:active,.catalog-item-grid-list .grid-item .carousel-item__text-container:hover .text-container__category ul li a:focus{text-decoration:underline;color:#005f9f}.catalog-item-grid-list .grid-item .carousel-item__text-container .text-container__name{margin-bottom:10px;color:#000;font-size:16px;font-weight:700;min-height:34px}.catalog-item-grid-list .grid-item .carousel-item__text-container .text-container__name a{color:#000;font-size:16px;font-weight:700}.catalog-item-grid-list .grid-item .carousel-item__text-container .text-container__name a:hover,.catalog-item-grid-list .grid-item .carousel-item__text-container .text-container__name a:active,.catalog-item-grid-list .grid-item .carousel-item__text-container .text-container__name a:focus{color:#005f9f;text-decoration:none}.catalog-item-grid-list .grid-item .carousel-item__text-container .text-container__text{margin-bottom:10px;color:#3f4244;font-size:12px;max-height:32px;overflow:hidden}.catalog-item-grid-list .grid-item .carousel-item__text-container .text-container__attr .ean{color:#838383;font-size:.8rem;vertical-align:middle;margin-right:8px}.catalog-item-grid-list .grid-item .carousel-item__text-container .text-container__attr .rating{vertical-align:middle;display:inline-block}.catalog-item-grid-list .grid-item .carousel-item__text-container .text-container__attr .rating>div{display:inline-block;vertical-align:middle}.catalog-item-grid-list .grid-item .carousel-item__text-container .text-container__attr .rating img{vertical-align:top;margin-top:2px}.catalog-item-grid-list .grid-item .carousel-item__text-container .text-container__attr .rating .request-count{font-size:.8rem;color:#005f9f;margin-left:5px}.catalog-item-grid-list .grid-item .carousel-item__text-container .text-container__attr .label{position:relative;display:inline-block;top:0;margin-left:6px}.catalog-item-grid-list .grid-item .options-container{margin-top:10px;line-height:19px}.catalog-item-grid-list .grid-item .options-container .detail-options__header{color:#7c7c7c;font-weight:700;font-size:14px}.catalog-item-grid-list .grid-item .options-container .detail-options__body{color:#7c7c7c;font-size:14px}.catalog-item-grid-list .grid-item .options-container .detail-options__body ul{margin:0;padding:0;list-style:none}.catalog-item-grid-list .grid-item .text-container__price .price-container__discount{margin-bottom:16px}.catalog-item-grid-list .grid-item .text-container__price .price-container__discount .old-price{color:#999;font-size:1rem;text-decoration:line-through;margin-right:26px}.catalog-item-grid-list .grid-item .text-container__price .price-container__discount .discount{color:#999;font-size:.87rem}.catalog-item-grid-list .grid-item .text-container__price .actual-price{color:#005f9f;font-size:38px;font-weight:400;margin-bottom:20px;line-height:30px}.catalog-item-grid-list .grid-item .buy-action__container{margin-bottom:23px}.catalog-item-grid-list .grid-item .availability{font-size:1rem}.catalog-item-grid-list .grid-item .availability ul{margin:0;padding:0;list-style-type:none}.catalog-item-grid-list .grid-item .availability ul li{font-size:1rem}.catalog-item-grid-list .grid-item .availability ul li::before{content:"⬤";margin-right:8px}.catalog-item-grid-list .grid-item .delivery__container{margin-bottom:24px}.catalog-item-grid-list .grid-item .delivery__container ul{margin:0;padding:0;list-style-type:none}.catalog-item-grid-list .grid-item .delivery__container ul li{font-size:.8rem;color:#000;margin-bottom:13px}.catalog-item-grid-list .grid-item .delivery__container ul li a{color:#000;text-decoration:none;border-bottom:dashed 1px #000}.catalog-item-grid-list .grid-item .delivery__container ul li a:hover,.catalog-item-grid-list .grid-item .delivery__container ul li a:active,.catalog-item-grid-list .grid-item .delivery__container ul li a:focus{color:#005f9f;text-decoration:none;border-bottom:0}.catalog-item-grid-list .grid-item .action-container{margin-top:14px}.catalog-item-grid-list .grid-item .action-container>a:not(:first-of-type){margin-left:6px}.additional-colors__header{font-size:.87rem;color:#999;margin-right:4px}.additional-colors__list{list-style:none;padding:0;margin-bottom:14px}.additional-colors__item{display:inline-block;width:26px;height:26px}.additional-colors__item.active{border-color:#005f9f;border-width:2px}.additional-colors__item-color{width:16px;height:16px;border-radius:16px}.load-more-item-container{background:#fff;margin-bottom:25px;min-height:50px;text-align:center;font-weight:700;color:#005f9f;font-size:14px;line-height:32px}.load-more-item-container a{color:#005f9f}.load-more-item-container a:hover,.load-more-item-container a:focus,.load-more-item-container a:active{text-decoration:none}@media(max-width:992px){.load-more-item-container{min-height:75px;font-weight:400;font-size:21px;line-height:75px;padding-top:0;margin-right:0}}.item-detail{background:#fff;margin-bottom:10px}.item-detail h1,.item-detail .h1{font-size:1.5rem;font-weight:400}.item-detail .left_part{padding:27px 30px 46px}.item-detail .text-container__attr div{display:inline-block;vertical-align:middle}.item-detail .text-container__attr .ean{font-size:.8rem;margin-right:14px}.item-detail .text-container__attr .request-count{font-size:.8rem;margin-left:10px;color:#005f9f}.item-detail .text-container__attr .rating{vertical-align:middle;display:inline-block}.item-detail .text-container__attr .rating>div{display:inline-block;vertical-align:middle}.item-detail .text-container__attr .rating img{vertical-align:top;margin-top:2px}.item-detail .carousel-item__image-labels.detail{justify-content:start;left:60px;top:30px}.item-detail .detailimg-container{padding:40px;position:relative}.item-detail .detailimg-container .img-container__inner{height:374px}.item-detail .detailimg-container .slick-slide img{margin:0 auto;max-width:100%;max-height:100%}.item-detail .detailimg-container .full_images{margin-bottom:44px;height:374px}.item-detail .detailimg-container .full_images .slick-list{overflow:hidden}.item-detail .detailimg-container .full_images>div{text-align:center}.item-detail .detailimg-container .line_thumbs{display:none;width:316px;margin:0 auto}.item-detail .detailimg-container .line_thumbs>div{text-align:center;margin:0 -15px}.item-detail .detailimg-container .line_thumbs img{text-decoration:none;max-height:100%;max-width:100% !important}.item-detail .detailimg-container .line_thumbs .slick-slide{padding:0 15px;height:65px}.item-detail .detailimg-container .line_thumbs .slick-slide .slide-inner-container{border:solid 1px #e0e0e0;height:100%;border-radius:8px}.item-detail .detailimg-container .line_thumbs .slick-slide.slick-current .slide-inner-container{border-color:#005f9f;border-width:2px}.item-detail .detailimg-container .slick-arrow.arrow-left{position:absolute;top:42%;left:0;color:#dbdbdb;z-index:100}.item-detail .detailimg-container .slick-arrow.arrow-left:hover,.item-detail .detailimg-container .slick-arrow.arrow-left:active,.item-detail .detailimg-container .slick-arrow.arrow-left:focus{color:#757575}.item-detail .detailimg-container .slick-arrow.arrow-right{position:absolute;top:42%;right:0;z-index:100;color:#dbdbdb}.item-detail .detailimg-container .slick-arrow.arrow-right:hover,.item-detail .detailimg-container .slick-arrow.arrow-right:active,.item-detail .detailimg-container .slick-arrow.arrow-right:focus{color:#757575}.item-detail .additional-colors__list{margin-bottom:44px}.item-detail .detail-action-container{padding:23px 30px 46px;border-left:solid 1px #ebebeb;height:100%}.item-detail .detail-action-container .shared-container{margin-bottom:10px}.item-detail .detail-action-container .detail-action__price-block{margin-bottom:20px}.item-detail .detail-action-container .detail-action__price-block .price-block__old{margin-bottom:5px}.item-detail .detail-action-container .detail-action__price-block .price-block__old .old-price{color:#999;font-size:16px;text-decoration:line-through;margin-right:30px;line-height:16px}.item-detail .detail-action-container .detail-action__price-block .price-block__old .discount-price{color:#999;font-size:14px;line-height:14px}.item-detail .detail-action-container .detail-action__price-block .price-block__actual{color:#d13b00;font-size:38px;font-weight:400;line-height:38px;display:flex}.item-detail .detail-action-container .detail-action__btn-block .action-block__first-line{margin-bottom:20px}.item-detail .detail-action-container .detail-action__btn-block .btn.btn-blue{line-height:30px;height:32px;font-size:16px;margin:0}.item-detail .detail-action-container .card-action{min-width:269px}.item-detail .detail-action-container .credit__container{margin-bottom:14px}.item-detail .detail-action-container .credit__container ul{margin:0;padding:0;list-style-type:none}.item-detail .detail-action-container .credit__container ul li{font-size:.8rem;color:#a8a8a8;margin-bottom:14px}.item-detail .detail-action-container .credit__container ul li a{color:#a8a8a8;text-decoration:underline}.item-detail .detail-action-container .credit__container ul li a:hover,.item-detail .detail-action-container .credit__container ul li a:active,.item-detail .detail-action-container .credit__container ul li a:focus{color:#005f9f;text-decoration:none;border-bottom:0}.item-detail .detail-action-container .delivery__container{margin-bottom:24px}.item-detail .detail-action-container .delivery__container ul{margin:0;padding:0;list-style-type:none}.item-detail .detail-action-container .delivery__container ul li{font-size:.8rem;color:#000;margin-bottom:13px}.item-detail .detail-action-container .delivery__container ul li a{color:#000;text-decoration:none;border-bottom:dashed 1px #000}.item-detail .detail-action-container .delivery__container ul li a:hover,.item-detail .detail-action-container .delivery__container ul li a:active,.item-detail .detail-action-container .delivery__container ul li a:focus{color:#005f9f;text-decoration:none;border-bottom:0}.item-detail .detail-action-container .availability{font-size:1rem;display:inline-block;float:none;margin-bottom:5px;align-self:flex-end;margin-left:auto}.item-detail .detail-action-container .availability ul{margin:0;padding:0;list-style-type:none}.item-detail .detail-action-container .availability ul li{font-size:.8rem}.item-detail .detail-action-container .availability ul li::before{content:"⬤";margin-right:8px}.item-detail .detail-action-container .additional-info-block{margin:40px 0 134px}.item-detail .detail-action-container .additional-info-block .additional-info__data{color:#3f4244;font-size:13px;line-height:26px}.item-detail .detail-action-container .additional-info-block .additional-info__data span{color:#999}.item-detail .detail-action-container .garant-block{padding:30px 0 0 40px;background:#f2f7fa;width:100%;height:100%}.item-detail .detail-action-container .garant-block .garant-block__header{margin-bottom:18px}.item-detail .detail-action-container .garant-block .garant-block__header .garant-header__img{display:inline-block;width:42px;height:49px;vertical-align:top;background:transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/garant-icon-sm.png") 0 0 no-repeat}.item-detail .detail-action-container .garant-block .garant-block__header .garant-header__body{display:inline-block;padding-left:18px;width:80%;vertical-align:top}.item-detail .detail-action-container .garant-block .garant-block__header .garant-header__body .garant-header__name{color:#000;font-size:14px;text-transform:uppercase;font-weight:700;margin-bottom:8px}.item-detail .detail-action-container .garant-block .garant-block__header .garant-header__body .garant-header__name span{margin-top:-12px}.item-detail .detail-action-container .garant-block .garant-block__header .garant-header__body .garant-header__subtitle{font-size:13px;color:#000;display:inline-block}.item-detail .detail-action-container .garant-block .garant-block__body{margin-bottom:10px}.item-detail .detail-action-container .garant-block .garant-block__body .garant-body__left-col{float:left;width:60px}.item-detail .detail-action-container .garant-block .garant-block__body .garant-body__left-col .garant-left-col__data{margin-bottom:10px;line-height:28px}.item-detail .detail-action-container .garant-block .garant-block__body .garant-body__right-col{float:left}.item-detail .detail-action-container .garant-block .garant-block__body .garant-body__right-col .garant-right-col__data{margin-bottom:10px}.item-detail .detail-action-container .garant-block .garant-block__body .garant-body__right-col .garant-right-col__data .btn-blue{width:242px;height:28px;line-height:24px}@media(max-width:767px){.item-detail .detailimg-container .img-container__inner{height:274px}.item-detail .detailimg-container .full_images{margin-bottom:24px;height:274px}}.detail-options-block{padding:40px}.detail-options-block .detail-options__header{color:#000;font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:10px}.detail-options-block .detail-options__body ul{padding:0;margin:0;list-style-position:inside}.detail-options-block .detail-options__body ul li{line-height:26px;font-size:13px;color:#999}.detail-options-block .detail-options__body ul li>div:first-of-type{display:inline-block;color:#000;margin-left:-4px;vertical-align:top;width:50%;background:transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/detail-option-bg.png") left bottom 7px repeat-x}.detail-options-block .detail-options__body ul li>div:first-of-type>div:first-of-type{display:inline-block}.detail-options-block .detail-options__body ul li>div:first-of-type>div:first-of-type>span{background:#fff}.detail-options-block .detail-options__body ul li>div:last-of-type{width:40%;display:inline-block;color:#000;vertical-align:top;margin-left:-4px}.detail-options-block .detail-options__body ul li:last-of-type{list-style:none;margin-left:24px}.detail-options-block .detail-options__body ul li:last-of-type div:first-of-type{width:100%;background:transparent}.detail-options-block .detail-options__body ul li:last-of-type div:first-of-type a{color:#005f9f}.warranty{position:relative;padding:16px 0 10px 0}.warranty__inner .icon-close{position:absolute;right:10px;top:20px;display:none;left:auto}.warranty__header__img{width:32px;height:32px;background:transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/warranty-contract.svg") left top no-repeat;background-size:cover;display:inline-block;vertical-align:middle;float:left;fill:#005f9f;margin-right:5px}.warranty__header__name{display:inline-block;vertical-align:middle;font-size:1.1rem;width:250px;line-height:1.1rem}.warranty__header .icon-tip{position:absolute;right:10px;top:16px;line-height:1rem;left:auto}.warranty__header__body{padding-top:16px}.warranty__header__subtitle{color:#b2b2b2;margin-bottom:16px}.warranty__action{padding-bottom:30px}.warranty__body{position:relative;overflow:visible;margin:-17px -10px -10px -20px}.warranty__body__inner{display:none;position:absolute;top:0;left:0;z-index:10;background:#fff;width:100%;padding:10px 20px;font-size:.95em}.warranty__item{border-bottom:solid 1px #b2b2b2;padding-bottom:10px;margin:5px 0 0 5px}.warranty__item:last-of-type{border-bottom:0}.warranty__item__header{font-size:13px;color:#000;padding:0 0 5px 0}.warranty__item__action .btn{margin-left:0 !important}.active.warranty{box-shadow:0 0 10px rgba(0,0,0,0.25);background:#fff;border-top:0;padding-bottom:70px;width:296px;padding-left:20px;padding-right:10px}.active.warranty .icon-tip{display:none}.active .warranty__inner .icon-close{display:block}.active .warranty__action{display:none}.active .warranty__header{padding-top:15px}.active .warranty__body__inner{display:block;box-shadow:0 3px 5px rgba(0,0,0,0.35)}.btn-compare{vertical-align:middle;display:inline-block;width:auto;height:22px;border:solid 1px #999;border-radius:3px;text-decoration:none;line-height:22px;text-align:center}.btn-compare:hover,.btn-compare.active{border:solid 1px #005f9f;text-decoration:none}.btn-compare:focus,.btn-compare:active{text-decoration:none}.btn-compare_do{border:solid 2px #75b720 !important;border-radius:3px !important;background-color:#75b720 !important;text-transform:uppercase;color:#fff !important;font-weight:700 !important}.btn-compare_do:hover,.btn-compare_do.active,.btn-compare_do:focus,.btn-compare_do:active{border:solid 2px #56910a !important;background-color:#56910a !important}.btn-compare_del{background:#fff;text-transform:uppercase;color:#000;font-weight:700 !important;border:solid 2px #cacaca;border-radius:3px !important}.btn-compare_del:hover,.btn-compare_del.active,.btn-compare_del:focus,.btn-compare_del:active{color:#005f9f;background-color:#fff !important;border:solid 2px #cacaca !important}@media(max-width:991px){.item-detail.bordered_block{border:0}.item-detail .catalog-container h1,.item-detail .catalog-container .h1{margin:0 0 14px 0}.item-detail .shared-container .label{top:0}.item-detail .left_part{padding:0}.item-detail .detailimg-container{padding:40px 0}.item-detail .detail-action-container{padding:0;border-left:0}}@media(max-width:767px){.item-detail .additional-colors__list{margin-bottom:14px}.item-detail .warranty{padding:26px 15px 10px;border:solid 1px #eee;border-radius:3px}.item-detail .warranty__header__name{width:auto}.dforget__container{margin-top:14px;padding:23px 15px 15px 15px;border:solid 1px #eee;border-radius:3px}}@media(max-width:575px){.item-detail .mobile-header{height:42px;background:#ededed !important;margin:-10px -15px 20px}.item-detail .mobile-header .shared-container{height:42px;padding-right:20px}.item-detail .detail__back-to-parent{background:#005f9f;text-align:center;font-size:2rem;color:#fff;vertical-align:middle;width:42px;height:42px;display:inline-block;margin-top:-1px;line-height:2.5rem}.item-detail .compare__container .label{top:0}.item-detail .carousel-item__image-labels.detail{left:10px}.item-detail .detailimg-container{padding:40px 0 0}.item-detail .detailimg-container .slick-arrow{color:#fff;position:absolute;top:0;cursor:pointer;font-size:30px;zoom:1;*display:inline;width:32px;height:30px;background:#dadada;line-height:32px}.item-detail .detailimg-container .slick-arrow.arrow-right{right:-15px;-webkit-border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;-ms-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;padding-left:12px;text-align:left;color:#fff}.item-detail .detailimg-container .slick-arrow.arrow-left{left:-15px;-webkit-border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-ms-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0;padding-right:12px;text-align:right;color:#fff}.item-detail .bonus{margin-bottom:20px}.item-detail .detail-action-container .detail-action__price-block{margin-bottom:0}.item-detail .warranty{margin-top:30px}.item-detail .dforget__container{margin-top:30px}}.remember-carosel-container{background:#fff;width:100%}.remember-carosel-container .remember-item-carosel{max-height:177px;overflow:hidden}.remember-carosel-container .remember-item-carosel.owl-carousel{margin:0 0 20px}.remember-carosel-container .btn-showmore{white-space:normal;border-radius:3px !important;height:auto !important}.remember-carosel-header{position:relative}.remember-carosel-header .remember-header__block h2{color:#3f4244;font-size:18px;font-weight:400;text-transform:uppercase;display:inline-block;margin:0 14px 0 0;padding:0;line-height:18px}.remember-carosel-header .remember-header__block ul{padding:0;margin:0;list-style:none}.remember-carosel-header .remember-header__block ul li{display:inline-block;box-sizing:border-box;margin:0 2px 0 -2px}.remember-carosel-header .remember-header__block ul li a{border:solid 1px transparent;display:block;box-sizing:border-box;color:#999;line-height:26px;padding:0 10px}.remember-carosel-header .remember-header__block ul li a:hover,.remember-carosel-header .remember-header__block ul li a:focus,.remember-carosel-header .remember-header__block ul li a:active{color:#005f9f;border:solid 1px #005f9f;border-radius:5px;text-decoration:none}.remember-carosel-header .remember-header__block ul li.active a{color:#005f9f;border:solid 1px #005f9f;border-radius:5px;text-decoration:none}.remember-item{padding:0;margin-top:14px;position:relative;text-align:left}.remember-item .remember-item__image-container{display:inline-block;width:80px;height:80px;overflow:hidden;margin:0;vertical-align:middle;position:relative}.remember-item .remember-item__image-container a{height:80px}.remember-item .remember-item__image-container img{max-height:100%}.remember-item .remember-item__text-container{display:inline-block;vertical-align:middle;text-align:left;width:130px}.remember-item .remember-item__text-container .text-container__name{margin-bottom:13px;color:#000;font-size:1.17rem;font-weight:700;line-height:1.4rem}.remember-item .remember-item__text-container .text-container__name a{color:#000;font-size:1.17rem;font-weight:700;line-height:1.4rem}.remember-item .remember-item__text-container .text-container__name a:hover,.remember-item .remember-item__text-container .text-container__name a:active,.remember-item .remember-item__text-container .text-container__name a:focus{color:#005f9f;text-decoration:none}.remember-item .remember-item__text-container .text-container__price{font-size:1.5rem;font-weight:400;color:#005f9f}@media(max-width:991px){.item-description__block .container{padding:0 98px}.item-description__block .nav-tabs li{width:auto;text-align:left}}@media(max-width:576px){.item-description__block .container{padding:0}.item-description__block .nav-tabs li{width:100%;text-align:center}}.tab-detail__container{height:40px;width:100%;background:#f1f4f6}.tab-detail__container .nav-tabs{border-bottom:0;background:transparent;height:40px}.tab-detail__container .nav-tabs li a{color:#000;font-size:.88rem;text-transform:uppercase;margin:0;line-height:2.92857143;border:0;border-radius:0;-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none;padding:.4rem 0;background-color:transparent !important}.tab-detail__container .nav-tabs li a:hover,.tab-detail__container .nav-tabs li a:focus,.tab-detail__container .nav-tabs li a:active{color:#d13b00 !important;background-color:transparent !important;text-decoration:none !important}.tab-detail__container .nav-tabs li a.active{border-bottom:solid 3px #d13b00 !important;background-color:transparent !important;color:#d13b00 !important}.tab-detail__container .nav-tabs li a span{padding-left:20px;padding-right:20px}.tab-detail__container-body .detail-options__header{margin:30px 0 20px;font-size:1rem;font-weight:700;color:#383838}.tab-detail__container-body .detail-options__body .table{margin-bottom:0}.tab-detail__container-body .detail-options__body .table-striped tbody tr.header-row{background-color:#FFF}.tab-detail__container-body .detail-options__body .option-container,.tab-detail__container-body .detail-options__body .option-value{color:#383838;font-size:1rem;min-height:36px;border-top:solid 1px #cacaca;width:50%}.tab-detail__container-body .detail-options__body .option-container{border-right:solid 1px #cacaca}.tab-detail__container-body .detail-options__body:last-of-type .table{border-bottom:solid 1px #cacaca}.tab-detail__container-body .table-striped tbody tr.header-row .detail-options__header{margin:18px 0 8px}@media(max-width:576px){.carousel-item__image-labels{position:absolute;width:100%;height:58px;z-index:11;display:flex;top:0;justify-content:center;align-content:center;flex-direction:row}.carousel-item__image-labels.detail{right:0}.item-detail .detailimg-container.w_labels{padding:40px 0 20px;margin-bottom:20px}.item-detail .carousel-item__image-labels.detail{top:auto;bottom:0}.tab-detail__container{height:auto}.tab-detail__container .nav-tabs{height:auto}.tab-detail__container .nav-tabs li:nth-of-type(2){background:#fff}.tab-detail__container .nav-tabs li a{padding:.5rem 0}.tab-detail__container .nav-tabs li a span{padding-left:20%;padding-right:20%}.tab-detail__container-body .detail-options__header{margin:30px 10px 20px}.tab-detail__container-body .detail-options__body .option-container{color:#7c7c7c;border-right:0}.tab-detail__container-body .detail-options__body .option-value{color:#7c7c7c}.tab-detail__container-body .table-striped tbody tr:nth-of-type(odd){background-color:#fff}.comment-action{padding:0 10px}.comment-container{padding:0 10px}.delivery-tab__container,.detail-text__container,.complect__container,.review__container{padding:0 10px}}.market-block{background:#005f9f;padding:13px 0 14px}.market-block__title{display:inline-block;vertical-align:middle}.market-block__title::before{content:"";display:inline-block;background:#FFF;margin-right:-4px;width:60px;height:45px;vertical-align:middle}.market-block__body{margin-left:40px;display:inline-block;vertical-align:middle;font-size:1rem;color:#fff}.market-block__body a{font-size:1rem;color:#fff;text-decoration:underline}.market-block__body a:hover,.market-block__body a:focus,.market-block__body a:active{color:#fff !important;text-decoration:none !important}@media(max-width:576px){.market-block__title::before{display:none}.market-block__body{margin-left:10px;line-height:1.5rem}.market-block__body a{display:block}}.catalog-compare .slick-slide img{display:inline-block !important}.catalog-compare__back-to-items a{font-size:.86rem;color:#000;text-decoration:none !important;border-bottom:solid 1px #000}.catalog-compare__back-to-items a:hover,.catalog-compare__back-to-items a:focus,.catalog-compare__back-to-items a:active{color:#000 !important;text-decoration:none !important;border-bottom:0}.catalog-compare__back-to-items a i{font-size:.55rem}.catalog-compare__items-block{border-top:solid 1px #e8e8e8}.catalog-compare__different-list .prop_group_header{border-top:solid 1px #e8e8e8;font-size:.86rem;font-weight:700;margin-top:15px}.catalog-compare__different-list .prop_group_header a{color:#000;text-decoration:none !important}.catalog-compare__different-list .prop_group_header a:hover,.catalog-compare__different-list .prop_group_header a:focus,.catalog-compare__different-list .prop_group_header a:active{color:#000 !important;text-decoration:none !important}.catalog-compare__different-list .prop_header{font-size:.86rem;font-weight:400;margin-top:15px}.catalog-compare__different-list .prop_val{font-size:.86rem;font-weight:400;color:#717171;padding:5px}.catalog-compare__different-list .prop_val.same_var{background-color:#d4edda}.catalog-compare__remove-item{position:absolute;right:42px;top:18px;display:block;width:18px;height:23px;z-index:10}.catalog-compare__remove-item a{display:block;background:transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/trash.svg") center center no-repeat;background-size:cover;width:18px;height:23px;text-decoration:none}.catalog-compare__remove-item a:hover,.catalog-compare__remove-item a:focus,.catalog-compare__remove-item a:active{text-decoration:none !important}.catalog-compare h1{margin:22px 0 27px;font-size:1.4rem;text-transform:uppercase;padding:0;line-height:1.4rem;font-weight:400} /* End */ /* Start:/bitrix/templates/maximus_2018/css/style.css?1719861625141533*/ @charset "UTF-8"; @import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic,cyrillic-ext"); @font-face { font-family: "PTSansFallback"; font-style: normal; font-weight: normal; src: url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebRegular.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebRegular.woff") format("woff"), url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebRegular.ttf") format("truetype"); } @font-face { font-family: "PTSansFallback"; font-style: normal; font-weight: bold; src: url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebBold.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebBold.woff") format("woff"), url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebBold.ttf") format("truetype"); } @font-face { font-family: "PTSansFallback"; font-style: italic; font-weight: normal; src: url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebItalic.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebItalic.woff") format("woff"), url("/bitrix/templates/maximus_2018/css/fonts/PT_SansWebItalic.ttf") format("truetype"); } body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #3f4244; font-weight: 400; font-size: 12px; line-height: 16px; background-color: #fff; font-family: "PT Sans", "PTSansFallback", sans-serif; } /* /*-----------------------------------------------------------------------------------*/ /* RESET /*-----------------------------------------------------------------------------------*/ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } :focus { outline: 0 !important; } iframe { border: none; width: 100%; } ::selection { background: #fefac7; /* Safari */ color: #555555; } ::-moz-selection { background: #fefac7; /* Firefox */ color: #555555; } strong, b { font-family: "PT Sans", "PTSansFallback", sans-serif; font-weight: 700; } input, button, select, textarea, label { font-family: "PT Sans", "PTSansFallback", sans-serif; font-size: 14px; font-weight: 400; } hr { background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent); border: 0; height: 1px; margin: 22px 0 22px 0; } @media (max-width: 991px) { .no-gutters-container { margin-left: 0; margin-right: 0; } .no-gutters-container > div { padding-right: 0; padding-left: 0; } } .margin_bottom { margin-bottom: 10px !important; } .margin_bottom_double { margin-bottom: 20px !important; } .margin_bottom_double_half { margin-bottom: 15px !important; } .margin_bottom_bootstrap { margin-bottom: 30px !important; } .margin_bottom_none { margin-bottom: 0 !important; } .margin_top { margin-top: 10px !important; } .margin_top_double { margin-top: 20px !important; } .margin_top_double_half { margin-top: 15px !important; } .margin_top_bootstrap { margin-top: 30px !important; } .padding_bottom { padding-bottom: 10px !important; } .padding_bottom_double { padding-bottom: 20px !important; } .padding_bottom_double_half { padding-bottom: 15px !important; } .padding_bottom_bootstrap { padding-bottom: 30px !important; } .padding_bottom_none { padding-bottom: 0 !important; } .padding_top { padding-top: 10px !important; } .padding_top_double { padding-top: 20px !important; } .padding_top_double_half { padding-top: 15px !important; } .padding_top_bootstrap { padding-top: 30px !important; } .base-font { font-size: 16px; line-height: 22px; } .display_inline { display: inline-block !important; } .badge { font-weight: normal; margin-left: 5px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; background-color: #005f9f; padding: 3px 6px; } .ajax-hidden { position: absolute; width: 100%; height: 100%; z-index: 15; background: #fff url("/bitrix/templates/maximus_2018/css/../img/icons/ajax-loader.gif") center center no-repeat; } .label { display: inline-block; position: relative; font-size: 0.8rem; color: #ffffff; font-weight: 400; line-height: 0.9rem; border-radius: 3px; padding: 4px 15px 2px; vertical-align: middle; margin-right: 6px; } .label.small { font-size: 12px; padding: 2px 10px; } .label.label-primary { background: #005f9f; } .label.label-warning { background: #b10000; } .label.label-danger { background: #ee2e22; } .label.label-compare { cursor: pointer; background: #ffffff; color: #000000 !important; border: solid 1px #cacaca; } .label.label-compare.compare::before { content: attr(data-count); text-align: center; margin-right: 5px; font-size: 0.7rem; line-height: 0.76rem; width: 14px; height: 14px; display: inline-block; padding: 1px 0 0; background: #ee2e22; border-radius: 14px; vertical-align: middle; color: #ffffff; } .label.label-compare:hover, .label.label-compare:active, .label.label-compare:focus { border-color: #000000; } @media (max-width: 991px) { .label { top: -16px; } } a { color: #005f9f; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none; } a:hover, a:focus, a:active { color: #005f9f; text-decoration: underline; } .colored-text { color: #005f9f; } div { box-sizing: border-box; } /* Headings */ h1, h2, h3, h4, h5, h6 { color: #060606; font-weight: 700; margin: 0; font-family: "PT Sans", "PTSansFallback", sans-serif; } h1 { font-size: 3.2rem; line-height: 44px; margin: 0 0 44px 0; } .catalog-container { background-color: #fff; } .catalog-container h1 { font-size: 2rem; line-height: 2.5rem; margin: 0 0 20px 0; } h2 { color: #005f9f; font-size: 2.6rem; font-weight: 700; line-height: 42px; margin: 0 0 32px 0; } h2.text { font-size: 1.4rem; margin-bottom: 15px; line-height: 1.4rem; } h3 { font-size: 1.8rem; font-weight: 500; letter-spacing: normal; line-height: 24px; margin-bottom: 15px; } h3.text { font-size: 1.3rem; margin-bottom: 5px; line-height: 1.4rem; font-weight: 600; margin-top: 10px; } /*use in section headings*/ h3.heading { color: #000; font-size: 20px; font-weight: 600; font-style: normal; margin: 0 0 20px; padding-bottom: 10px; position: relative; text-transform: capitalize; overflow: hidden; vertical-align: middle; font-family: "PT Sans", "PTSansFallback", sans-serif; } h3.heading:after { position: relative; left: 18px; content: ""; display: inline-block; width: 200%; vertical-align: middle; height: 0.5em; margin: 0 -200% 0 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } h4 { font-size: 1.4em; font-weight: 700; letter-spacing: normal; line-height: 27px; margin: 0 0 14px 0; } h5 { font-size: 1em; font-weight: 700; letter-spacing: normal; line-height: 18px; margin: 0 0 14px 0; } h6 { color: #333; font-size: 1em; font-weight: 700; letter-spacing: normal; line-height: 18px; margin: 0 0 14px 0; } /*parahraphs*/ p { color: #3f4244; line-height: 16px; margin: 0 0 20px; } .alert p { margin: 0 0 10px; } .alert p:last-of-type { margin-bottom: 0; } p.sub-text { font-style: normal; font-size: 16px; line-height: 29px; font-weight: 300; color: #555; } p.lead { font-size: 16px; font-weight: 400; } .base-font p { line-height: 22px; } pre:after, pre:before { clear: both; display: table; content: ""; } /* bootstrap grid */ .container { padding-right: 0; padding-left: 0; position: relative; } @media (max-width: 1199px) and (min-width: 992px) { .container:not(.catalog_container) { max-width: 100%; padding-left: 15px !important; padding-right: 15px !important; } } @media (max-width: 991px) { .container:not(.catalog_container) { max-width: 100%; } } @media (max-width: 575px) { .container.catalog_container { padding-left: 15px; padding-right: 15px; } } @media (max-width: 767px) { header .container, footer .container { padding: 0; } } section { min-height: 150px; } .inner-section { position: relative; border-top: solid 1px #e7eef0; } .inner-section h1 { font-size: 2rem; line-height: 2.5rem; margin: 0 0 20px 0; } .filter-wrapper { display: none; position: fixed; width: 100%; height: 100%; z-index: 50; background: rgba(0, 0, 0, 0.5); } section { position: relative; } aside { width: 284px; float: right; } aside.affix { margin: 0 0 0 984px; top: 112px; } aside.affix-bottom { margin: 0; position: absolute; top: auto; right: 0; } .bottom_border { border-bottom: solid 1px #e8e8e8; } .right_border { border-right: solid 1px #e8e8e8; } .right_border_dark { border-color: #d3d2d2; } .bordered_block { border: solid 1px #e8e8e8; } .rounded_block { border-radius: 3px; } .rounded_block_large { border-radius: 5px; } .catalog-item-carosel-container.recomendation { width: 100%; } .form-horizontal .form-group { margin-right: 0; margin-left: 0; } .left-container { width: 236px; margin-right: 10px; min-height: 300px; background: #fff; position: absolute; margin-bottom: 10px; } .left-container.affix-top { top: 104px; } .left-container.affix { top: 112px; position: fixed; } .left-container.affix-bottom { margin: 0 0 10px; position: absolute; top: auto; left: 0; } .right-container { margin-left: 246px; width: 1220px; min-height: 300px; margin-bottom: 10px; } .right-container .page-inner-container { padding: 0 20px; } .right-container.list { margin-left: 246px; width: 1220px; min-height: 300px; margin-bottom: 10px; } .right-inner-container { background: #fff; padding: 80px 40px 60px; } @media (max-width: 1900px) { .right-container { width: 726px; } .right-container.list { width: 737px; } } @media (max-width: 1280px) { .right-container { width: 656px; } .right-container.list { width: 666px; } } @media (max-width: 1189px) { .left-container { display: none; } .left-container.shops-version { width: 100%; margin-right: 0; min-height: 300px; background: #fff; position: relative; margin-bottom: 10px; display: block; } .right-container { width: 100%; margin-left: 0; margin-bottom: 10px; } .right-container.list { width: 100%; margin: 0 -10px 10px 0; } } @media (max-width: 970px) { .right-inner-container { padding: 40px 20px 30px; } } @media (max-width: 480px) { .right-inner-container { padding: 10px 12px 10px; } .right-container .page-inner-container { padding: 0 12px; } } .inline-container { margin-right: 10px !important; } /*******section heading**********/ .center-heading { text-align: center; margin-bottom: 40px; } .center-heading h2 { margin-bottom: 0; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #333; font-size: 25px; } .center-heading p { font-size: 20px; line-height: 35px; } .center-heading h2 strong { font-weight: 700; } .center-line { display: inline-block; width: 70px; height: 1px; border-top: 1px solid #bbb; /* border-bottom: 1px solid $skincolor; */ margin: auto; } .center-heading p { margin-top: 10px; } .overflow-hidden { overflow: hidden; } /*forms*/ .form-info { color: #999999; margin-bottom: 20px; } .field-additional-info { color: #999999; font-size: 12px; } .result-message { margin-top: 55px; text-align: center; } .rate-container { margin: 10px 0 20px; } .rate-container .rate-text { display: inline-block; font-size: 12px; margin-right: 17px; } .rate-container .rate-block { display: inline-block; } .required { width: 8px; height: 7px; display: inline-block; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/form-sprite.png") 0 0 no-repeat; vertical-align: top; } .errors-block { display: none; } .form-group label { font-size: 12px; color: #3f4244; margin-bottom: 6px; } .form-group label .required { margin: 0 0 0 4px; } @media (max-width: 767px) { .form-group label { font-size: 1.2rem; line-height: 1.6rem; } } .checkbox-block { display: inline-block; } .checkbox-block .form-control-checkbox_middle { margin-top: 6px; } .checkbox-block input[type=checkbox] { vertical-align: middle; margin: -2px 3px 0 0; width: 17px; height: 17px; } .checkbox-block input[type=checkbox]:not(checked) { position: absolute; opacity: 0; } .checkbox-block input[type=checkbox]:not(checked) + label { position: relative; padding: 0 0 0 30px; } .checkbox-block input[type=checkbox] + label { cursor: pointer; } .checkbox-block input[type=checkbox] + label::before { content: ""; position: absolute; top: 2px; left: 0; width: 15px; height: 15px; border: solid 1px #e8e8e8; border-radius: 3px; } .checkbox-block input[type=checkbox]:checked + label::after { background: #005f9f; content: ""; position: absolute; top: 6px; left: 4px; width: 7px; height: 7px; } .checkbox-block { display: inline-block; } .checkbox-block .form-control-checkbox_middle { margin-top: 6px; } .checkbox-block input[type=checkbox] { vertical-align: middle; margin: -2px 3px 0 0; width: 17px; height: 17px; } .checkbox-block input[type=checkbox]:not(checked) { position: absolute; opacity: 0; } .checkbox-block input[type=checkbox]:not(checked) + label { position: relative; padding: 0 0 0 30px; } .checkbox-block input[type=checkbox] + label { cursor: pointer; } .checkbox-block input[type=checkbox] + label::before { content: ""; position: absolute; top: 2px; left: 0; width: 15px; height: 15px; border: solid 1px #e8e8e8; } .checkbox-block input[type=checkbox]:checked + label::after { background: #005f9f; content: ""; position: absolute; top: 6px; left: 4px; width: 7px; height: 7px; } .radio-block { display: block; } .radio-block .form-control-radio_middle { margin-top: 6px; } .radio-block input[type=radio] { vertical-align: middle; margin: -2px 3px 0 0; width: 17px; height: 17px; } .radio-block input[type=radio]:not(checked) { position: absolute; opacity: 0; } .radio-block input[type=radio]:not(checked) + label { position: relative; padding: 0 0 0 30px; } .radio-block input[type=radio] + label { cursor: pointer; } .radio-block input[type=radio] + label::before { content: ""; border-radius: 50%; position: absolute; top: 2px; left: 0; width: 15px; height: 15px; border: solid 1px #b2b2b2; } .radio-block input[type=radio]:checked + label::after { background: #005f9f; border-radius: 50%; content: ""; position: absolute; top: 6px; left: 4px; width: 7px; height: 7px; } .form-info-block { position: relative; display: none; background: #f2f7fa; padding: 18px 20px 20px 72px; margin: 0 0 20px -3px; } .form-info-block .close-link { width: 13px; height: 13px; display: block; position: absolute; cursor: pointer; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/order-remove-icon-sprite.png") 0 0 no-repeat; top: 20px; right: 20px; } .form-info-block .form-info-block__header { font-size: 14px; color: #000000; margin-bottom: 26px; } .form-info-block .form-info-block__body ul { list-style-position: outside; margin: 0 0 0 10px; padding: 0; } .form-info-block .form-info-block__body ul li { color: #676363; } .form-info-block .form-info-block__body ul li.form-info-list__header { list-style: none; } .form-info-block .form-info-block__body ul li .form-info__list { font-size: 14px; color: #000000; line-height: 18px; } .form-info-block .form-info-block__body ul li .form-info__list_header { font-weight: 700; line-height: 26px; } @media (max-width: 990px) { .form-info-block { padding: 27px 20px 20px 30px; margin: 0 0 20px -3px; } .form-info-block .close-link { width: 34px; height: 34px; background: none; top: 20px; right: 20px; border: solid 1px #005f9f; border-radius: 3px; } .form-info-block .close-link::before { content: ""; width: 16px; height: 16px; display: block; position: absolute; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/order-remove-icon-sprite.png") -13px 0 no-repeat; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .form-info-block .form-info-block__header { font-size: 21px; margin-bottom: 30px; } .form-info-block .form-info-block__body ul li { font-size: 14px; } .form-info-block .form-info-block__body ul li .form-info__list { font-size: 21px; color: #000000; line-height: 28px; } .form-info-block .form-info-block__body ul li .form-info__list_header { line-height: 32px; } } .select2-container { display: block; width: 100%; } .select2-results__option { border-left: 2px solid transparent; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #a3a3a3; border-radius: 3px; height: 37px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 37px; } .select2-dropdown { background-color: white; border: 1px solid #c7c7c7; border-radius: 0; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #f2f7fa; color: #005f9f; border-left: 2px solid #005f9f; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #f2f7fa; color: #005f9f; border-left: 2px solid #005f9f; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border: none; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default .select2-selection--single .select2-selection__arrow b::before { content: ""; color: #999999; display: block; font-family: "FontAwesome"; position: absolute; top: -6px; left: -4px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 37px; position: absolute; top: 1px; right: 1px; width: 20px; } textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .form-control { padding-left: 10px; border: 1px solid #a3a3a3; height: 37px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-size: 12px; color: #3f4244; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; background: #FFF; background-color: #FFF; width: 100%; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; } textarea::-webkit-input-placeholder, textarea::-moz-placeholder, textarea:-moz-placeholder, textarea:-ms-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=text]::-moz-placeholder, input[type=text]:-moz-placeholder, input[type=text]:-ms-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=password]::-moz-placeholder, input[type=password]:-moz-placeholder, input[type=password]:-ms-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=datetime]::-moz-placeholder, input[type=datetime]:-moz-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=datetime-local]:-moz-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=date]::-moz-placeholder, input[type=date]:-moz-placeholder, input[type=date]:-ms-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=month]::-moz-placeholder, input[type=month]:-moz-placeholder, input[type=month]:-ms-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=time]::-moz-placeholder, input[type=time]:-moz-placeholder, input[type=time]:-ms-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=week]::-moz-placeholder, input[type=week]:-moz-placeholder, input[type=week]:-ms-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=number]::-moz-placeholder, input[type=number]:-moz-placeholder, input[type=number]:-ms-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=email]::-moz-placeholder, input[type=email]:-moz-placeholder, input[type=email]:-ms-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=url]::-moz-placeholder, input[type=url]:-moz-placeholder, input[type=url]:-ms-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=search]::-moz-placeholder, input[type=search]:-moz-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=tel]::-moz-placeholder, input[type=tel]:-moz-placeholder, input[type=tel]:-ms-input-placeholder, input[type=color]::-webkit-input-placeholder, input[type=color]::-moz-placeholder, input[type=color]:-moz-placeholder, input[type=color]:-ms-input-placeholder, .form-control::-webkit-input-placeholder, .form-control::-moz-placeholder, .form-control:-moz-placeholder, .form-control:-ms-input-placeholder { color: #999999; font-size: 13px; } textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, .form-control:focus { border-color: #005f9f; background: #FFF; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } textarea + span.icon-remove, input[type=text] + span.icon-remove, input[type=password] + span.icon-remove, input[type=datetime] + span.icon-remove, input[type=datetime-local] + span.icon-remove, input[type=date] + span.icon-remove, input[type=month] + span.icon-remove, input[type=time] + span.icon-remove, input[type=week] + span.icon-remove, input[type=number] + span.icon-remove, input[type=email] + span.icon-remove, input[type=url] + span.icon-remove, input[type=search] + span.icon-remove, input[type=tel] + span.icon-remove, input[type=color] + span.icon-remove, .form-control + span.icon-remove { display: none; position: absolute; color: #999999; font-size: 14px; z-index: 10; left: 5px; top: 50%; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; } textarea.large, input[type=text].large, input[type=password].large, input[type=datetime].large, input[type=datetime-local].large, input[type=date].large, input[type=month].large, input[type=time].large, input[type=week].large, input[type=number].large, input[type=email].large, input[type=url].large, input[type=search].large, input[type=tel].large, input[type=color].large, .form-control.large { height: 40px; font-size: 15px; } textarea.muted, input[type=text].muted, input[type=password].muted, input[type=datetime].muted, input[type=datetime-local].muted, input[type=date].muted, input[type=month].muted, input[type=time].muted, input[type=week].muted, input[type=number].muted, input[type=email].muted, input[type=url].muted, input[type=search].muted, input[type=tel].muted, input[type=color].muted, .form-control.muted { border: 1px solid #e9eff1; } textarea.error, input[type=text].error, input[type=password].error, input[type=datetime].error, input[type=datetime-local].error, input[type=date].error, input[type=month].error, input[type=time].error, input[type=week].error, input[type=number].error, input[type=email].error, input[type=url].error, input[type=search].error, input[type=tel].error, input[type=color].error, .form-control.error { border: 1px solid #ee2e22; } textarea { height: auto !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } textarea.form-control { height: auto !important; } input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .form-control { padding-left: 9px; box-sizing: border-box; padding-top: 0; padding-bottom: 0; } input[type=text].large, input[type=password].large, input[type=datetime].large, input[type=datetime-local].large, input[type=date].large, input[type=month].large, input[type=time].large, input[type=week].large, input[type=number].large, input[type=email].large, input[type=url].large, input[type=search].large, input[type=tel].large, input[type=color].large, .form-control.large { padding-left: 20px; } .popover { position: absolute; border: none; border-radius: 3px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); } .popover.bottom { margin-top: 20px; } .popover.bottom > .arrow { border-bottom-color: transparent; } .popover-content { color: #3f4244; font-size: 13px; padding: 24px 18px 18px; } .popover-content > a { display: block; color: #005f9f; font-size: 13px; margin-top: 18px; } .popover-content > a:hover { text-decoration: underline; } .popover-content .popover__data > a { display: inline-block; color: #005f9f; font-size: 13px; margin-top: 0; } .popover-content .popover__data > a:hover { text-decoration: underline; } /*modal*/ .modal-backdrop { z-index: 3040; } .modal { z-index: 3050; } .modal .popover.right { margin-left: 20px; } .modal .popover.right > .arrow { border-right-color: transparent; } .modal .popover-content { color: #ee2e22; padding: 14px 20px 12px; } .modal-sm { width: 368px; max-width: 368px; } @media (max-width: 576px) { .modal-md { width: 310px; max-width: 310px; } .modal-md .modal-header button.close { margin-top: 5px; } .modal-sm { width: 310px; max-width: 310px; } } .modal-content { text-align: left; border-radius: 5px; min-height: 315px; border: none; } .modal-content .modal-body { padding: 40px 40px 30px; } .modal-content-sm { min-height: 100px; } .modal-footer { background: #f2f7fa; border: none; text-align: left; padding: 10px 40px; height: 40px; box-sizing: border-box; line-height: 20px; justify-content: center; } .modal-footer a { color: #005f9f; } .modal-footer a:hover, .modal-footer a:focus { color: #005f9f; text-decoration: underline; } .modal-footer_auto-height { height: auto; } .modal-header { font-size: 14px; color: #ffffff; padding: 0 20px 0 18px; height: 43px; background: #005f9f; border-bottom: none; box-sizing: border-box; } .modal-header .modal-title { color: #ffffff; font-size: 14px; line-height: 43px; padding: 0; margin: 0; font-weight: 400; } .modal-header button.close { color: #ffffff; font-size: 24px; margin-top: 7px; text-shadow: none; opacity: 1; font-weight: 400; padding: 5px 10px; } .modal-header button.close:hover { text-shadow: 0 3px 0 #00406b; } /* owl carousel */ .owl-theme .owl-controls { position: absolute; right: 0; left: 0; top: 40px; } .owl-theme .owl-controls .owl-prev, .owl-theme .owl-controls .owl-next { color: #ffffff; position: absolute; top: 0; cursor: pointer; font-size: 30px; zoom: 1; *display: inline; /*IE7 life-saver */ width: 59px; height: 30px; background: #dadada; line-height: 30px; } .owl-theme .owl-controls .owl-prev:hover, .owl-theme .owl-controls .owl-prev:focus, .owl-theme .owl-controls .owl-next:hover, .owl-theme .owl-controls .owl-next:focus { background: #c6c6c6; color: #000000; } .owl-theme .owl-controls .owl-prev:hover i:hover, .owl-theme .owl-controls .owl-prev:hover i:focus, .owl-theme .owl-controls .owl-prev:focus i:hover, .owl-theme .owl-controls .owl-prev:focus i:focus, .owl-theme .owl-controls .owl-next:hover i:hover, .owl-theme .owl-controls .owl-next:hover i:focus, .owl-theme .owl-controls .owl-next:focus i:hover, .owl-theme .owl-controls .owl-next:focus i:focus { color: #005f9f; } .owl-theme .owl-controls .owl-prev { left: 0; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -ms-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; padding-right: 12px; text-align: right; } .owl-theme .owl-controls .owl-next { right: 0; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; padding-left: 12px; text-align: left; } .owl-theme .owl-controls .owl-page span { display: block; width: 8px; height: 8px; margin: 6px 3px; filter: Alpha(Opacity=100); opacity: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border: solid 1px #999999; background: transparent; } .owl-theme .owl-controls .owl-page.active span { border: solid 1px #005f9f; background: #005f9f; } @media (min-width: 768px) and (max-width: 991px) { .owl-theme .owl-controls { top: 50%; } } @media (min-width: 100px) and (max-width: 767px) { .owl-theme .owl-controls { top: 102px; } .owl-theme .owl-controls .owl-prev, .owl-theme .owl-controls .owl-next { width: 31px; } } /*************************************************************/ /************************** Buttons **************************/ /*************************************************************/ .btn { font-weight: 400; letter-spacing: 0px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-size: 14px; text-transform: uppercase; background-color: #FFF; } .btn:focus, .btn:hover, .btn:active { background-color: #005f9f; border-color: #005f9f; } .btn.btn-default { background-color: #005f9f; border-color: transparent; color: #fff; border-radius: 3px; padding: 0.575rem 2rem; font-size: 1rem; font-weight: 700; } .btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active { background-color: #014e83; border-color: transparent; color: #fff; box-shadow: 0 0 0 0 transparent; } .btn.btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn.btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn.search-btn { border-radius: 0; padding: 0; } .btn.btn-primary { background-color: #337ab7; } .btn.btn-blue { border-color: #005f9f; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; color: #005f9f; cursor: pointer; height: 26px; padding: 0 10px; box-sizing: border-box; line-height: 24px; font-size: 14px; text-align: center; text-transform: none; margin-left: 4px; min-width: 141px; } .btn.btn-blue:hover, .btn.btn-blue:active, .btn.btn-blue:focus { color: #ffffff; background: #005f9f; } .btn.btn-blue.deactive { cursor: not-allowed; } .btn.btn-blue-buy { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background: #005f9f; color: #ffffff; font-size: 16px; font-weight: 700; min-width: 183px; min-height: 44px; padding: 0.575rem 0.75rem; } .btn.btn-blue-buy::before { content: ""; background: transparent url(/bitrix/templates/maximus_2018/css/../img/icons-svg/offer-cart.svg) left center no-repeat; display: inline-block; width: 28px; height: 22px; vertical-align: middle; margin-right: 11px; position: relative; top: -1px; } .btn.btn-blue-buy:hover, .btn.btn-blue-buy:active, .btn.btn-blue-buy:focus { background: #014e83; } .btn.btn-blue-buy-unactive { background: #dadada; } .btn.btn-blue-buy-unactive:hover, .btn.btn-blue-buy-unactive:active, .btn.btn-blue-buy-unactive:focus { background: #dadada; } .btn.btn-buy-oneclick { min-width: 183px; min-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; font-weight: 700; text-transform: uppercase; padding: 0.575rem 0.75rem; line-height: 22px !important; } .btn.btn-orange { background: #ffa930; border-color: #e9a14b; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; color: #ffffff; cursor: pointer; height: 26px; padding: 0 10px; box-sizing: border-box; line-height: 24px; font-size: 14px; text-align: center; text-transform: none; margin-left: 4px; } .btn.btn-orange:hover, .btn.btn-orange:active, .btn.btn-orange:focus { background: #ffc229; } .btn.btn-orange.deactive { cursor: not-allowed; } .btn.btn-subscribe { height: 38px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background: #005f9f; color: #ffffff; font-size: 14px; text-transform: none; margin-left: 10px; } .btn.btn-subscribe:hover, .btn.btn-subscribe:focus { background: #014e83; } .btn.btn-subscribe.loader { background: #005f9f url("/bitrix/templates/maximus_2018/css/../img/icons/ajax-loader.gif") center center no-repeat !important; background-size: 20% !important; color: transparent !important; } .btn.btn-red { background: #ee2e22; font-size: 16px; color: #ffffff; height: 32px; line-height: 30px; box-sizing: border-box; padding: 0 15px; text-align: center; text-transform: none; position: relative; } .btn.btn-red.send::before { content: ""; width: 18px; height: 16px; display: inline-block; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/send.svg") 0 0 no-repeat; margin: 0 14px -1px 0; } .btn.btn-red:focus, .btn.btn-red:hover, .btn.btn-red:active { background: #ff3224; color: #ffffff; border-color: #ff3224; } .btn.btn-red.to-cart { padding: 0 24px; } .btn.btn-unactive { background: #e0e0e0; cursor: not-allowed; } .btn.btn-unactive:focus, .btn.btn-unactive:hover, .btn.btn-unactive:active { cursor: not-allowed; background: #e0e0e0; border-color: #e0e0e0; } .btn.btn-wide { width: 100%; margin: 0; } .btn.btn-fat { text-transform: uppercase; border-width: 2px; font-size: 13px; height: 44px; line-height: 40px; border-radius: 4px; font-weight: 600; } .btn.btn__search-reset { border: solid 2px #e8e8e8; font-size: 1.01rem; font-weight: 700; text-transform: none; text-align: center; width: 100%; line-height: 39px; padding: 0; border-radius: 3px; } .btn.btn__search-reset:focus, .btn.btn__search-reset:hover, .btn.btn__search-reset:active { border-color: #bfbfbf; color: #005f9f; background: transparent; } .btn.btn-comments { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background: #ffffff; border: solid 2px #d13b00; color: #000000; font-size: 0.86rem; font-weight: 400; min-width: 168px; min-height: 31px; padding: 0.575rem 0.75rem; text-transform: none; } .btn.btn-comments::before { content: ""; background: transparent url(/bitrix/templates/maximus_2018/css/../img/icons-svg/icon_addcomment.svg) left center no-repeat; display: inline-block; width: 15px; height: 16px; vertical-align: middle; margin-right: 6px; position: relative; top: -1px; } .btn.btn-comments:hover, .btn.btn-comments:active, .btn.btn-comments:focus { color: #d13b00; } .btn.btn-comments:hover::before, .btn.btn-comments:active::before, .btn.btn-comments:focus::before { content: ""; background: transparent url(/bitrix/templates/maximus_2018/css/../img/icons-svg/icon_addcomment_active.svg) left center no-repeat; display: inline-block; width: 15px; height: 16px; vertical-align: middle; margin-right: 6px; position: relative; top: 0; background-size: cover; } @media (max-width: 991px) { .btn.search-btn { padding: 10px 12px; } .btn.btn-red.send::before { content: ""; width: 24px; height: 24px; display: inline-block; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/send.svg") 0 0 no-repeat; margin: 0 14px -4px 0; } } a.btn-purchase { background: #fff; font-size: 24px; text-transform: none; padding: 0 26px; line-height: 43px; border-radius: 20px; color: #005f9f; } a.btn-purchase:hover, a.btn-purchase:active, a.btn-purchase:focus { color: #ffffff; text-decoration: none; } @media (max-width: 770px) { a.btn-purchase { font-size: 18px; padding: 0 16px; line-height: 24px; border-radius: 10px; } } @media (max-width: 480px) { a.btn-purchase { font-size: 16px; padding: 0 10px; line-height: 20px; border-radius: 10px; } } .items_not_available { font-size: 1.2rem; margin: 20px 0; color: red; border-bottom: solid 1px #dadada; border-top: solid 1px #dadada; padding: 80px 0; } .icon-tip { width: 17px; height: 17px; display: inline-block; border: solid 1px #b2b2b2; border-radius: 50%; /*background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/tips_sprite.png") 0 0 no-repeat;*/ margin: 0 0 0 5px; vertical-align: middle; cursor: pointer; text-align: center; } .icon-tip::before { content: "?"; color: #b2b2b2; display: inline-block; font-size: 12px; vertical-align: top; font-weight: 400; } .icon-tip:hover, .icon-tip.active { border: solid 1px #005f9f; } .icon-tip:hover::before, .icon-tip.active::before { content: "?"; display: inline-block; font-size: 12px; vertical-align: top; color: #005f9f; font-weight: 400; } .icon-close { width: 17px; height: 17px; display: inline-block; border: solid 1px #b2b2b2; border-radius: 50%; margin: 0 0 0 5px; vertical-align: middle; cursor: pointer; text-align: center; } .icon-close::before { content: "ˣ"; color: #b2b2b2; display: inline-block; font-size: 18px; vertical-align: top; font-weight: 400; line-height: 18px; } .icon-close:hover, .icon-close.active { border: solid 1px #005f9f; } .icon-close:hover::before, .icon-close.active::before { content: "ˣ"; display: inline-block; font-size: 18px; vertical-align: top; color: #005f9f; font-weight: 400; } .icon-plus { width: 26px; height: 26px; display: block; margin: 0 auto; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/catalog-sprite.png") 0 -30px no-repeat; } .btn-wishlist { border: solid 2px #bfbfbf; font-size: 0.8rem; vertical-align: middle; display: inline-block; min-width: 168px; min-height: 33px; color: #999999; text-decoration: none; padding: 0.575rem 0.75rem; } .btn-wishlist::before { margin-right: 4px; content: ""; vertical-align: middle; display: inline-block; width: 20px; height: 18px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/wishlist.svg") center center no-repeat; -webkit-background-size: 100%; background-size: 100%; } .btn-wishlist:hover, .btn-wishlist.active, .btn-wishlist:focus, .btn-wishlist:active { border: solid 2px #bfbfbf; text-decoration: none; color: #005f9f; } .btn-wishlist:hover::before, .btn-wishlist.active::before, .btn-wishlist:focus::before, .btn-wishlist:active::before { margin-right: 4px; content: ""; vertical-align: middle; display: inline-block; width: 20px; height: 18px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/wishlist_active.svg") center center no-repeat; -webkit-background-size: 100%; background-size: 100%; } .btn-share { vertical-align: middle; display: inline-block; width: 22px; height: 22px; border: solid 1px #cacaca; border-radius: 3px; background: #ffffff url("/bitrix/templates/maximus_2018/css/../img/icons-svg/share.svg") center center no-repeat; -webkit-background-size: 55%; background-size: 55%; } .btn-share:hover, .btn-share.active, .btn-share:focus, .btn-share.active { border-color: #000000; background: #ffffff url("/bitrix/templates/maximus_2018/css/../img/icons-svg/share.svg") center center no-repeat; -webkit-background-size: 55%; background-size: 55%; text-decoration: none; } .animationExtremlyFast { -webkit-animation-duration: 0ms; -moz-animation-duration: 0ms; -ms-animation-duration: 0ms; -o-animation-duration: 0ms; -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -ms-animation-delay: 0ms; -o-animation-delay: 0ms; } .animationFast { -webkit-animation-duration: 100ms; -moz-animation-duration: 100ms; -ms-animation-duration: 100ms; -o-animation-duration: 100ms; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; } .animationNormal { -webkit-animation-duration: 500ms; -moz-animation-duration: 500ms; -ms-animation-duration: 500ms; -o-animation-duration: 500ms; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; } .panel-ico { position: relative; } .panel-ico::after { content: ""; color: #3f4244; display: block; font-family: "FontAwesome"; position: absolute; right: 15px; top: 46%; font-size: 26px; } @media (max-width: 720px) { .panel-ico::after { content: ""; color: #3f4244; display: block; font-family: "FontAwesome"; position: absolute; right: 10px; top: 38%; font-size: 14px; } } .panel-ico.active::after { content: ""; color: #3f4244; } .touch-scroll-icon { position: absolute; right: 0; top: 0; } .mobile-filter-close { display: none; width: 20px; height: 20px; position: absolute; top: 20px; right: 20px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/mobile-filter-close-sprite.png") 0 0 no-repeat; cursor: pointer; background-size: cover; } @media (max-width: 991px) { .mobile-filter-close { display: block; } } .nav-tabs { border-bottom: 1px solid #ebebeb; background: #fff; } .nav-tabs li a { color: #005f9f; font-size: 1.3rem; margin-right: 15px; line-height: 1.72857143; border: none; border-radius: 0; padding: 5px 10px; } .nav-tabs li a.active, .nav-tabs li a:hover, .nav-tabs li a:focus, .nav-tabs li a:active { color: #ffffff; background-color: #005f9f; border: none; text-decoration: none; } .nav-tabs__bottom-block { min-height: 30px; background: #fff; width: 100%; padding: 0 20px; } @media (max-width: 991px) { .nav-tabs { border-bottom: none; } .nav-tabs li { width: 33.33333%; text-align: center; } .nav-tabs li a { line-height: 2.42857143; font-size: 21px; } .nav-tabs__bottom-block { display: none; } } @media (max-width: 767px) { .nav-tabs { border-bottom: 10px solid #ebebeb; } .nav-tabs li { width: 100%; text-align: center; border-bottom: 1px solid #ebebeb; } .nav-tabs li a { line-height: 2.42857143; font-size: 16px; } } .page-inner-container { background: #fff; /*& .row{ padding: 0; margin: 0; & [class^=col-]{ padding: 0; margin: 0; } }*/ } .inner-block { background: #fff; } .danger-message { color: #ee2e22; } .danger-message p { color: #ee2e22; } .image-margin { margin: 30px 0 0 0; } .order-steps { vertical-align: middle; margin-top: 14px; } .order-steps > div { display: inline-block; font-size: 16px; color: #999999; margin-left: -4px; vertical-align: middle; } .order-steps .order-steps__cart::before { margin-right: 19px; content: ""; display: inline-block; width: 42px; height: 37px; vertical-align: middle; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/order-process-cart-sprite.png") 0 0 no-repeat; } .order-steps .order-steps__cart::after { font: normal normal normal 14px/1 FontAwesome; padding: 0 10px; color: #999999; content: ""; font-size: 26px; margin-left: 10px; display: inline-block; vertical-align: text-top; margin-top: -2px; } .order-steps .order-steps__cart.active { color: #ee2e22; } .order-steps .order-steps__cart.active::before { margin-right: 19px; content: ""; display: inline-block; width: 42px; height: 37px; vertical-align: middle; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/order-process-cart-sprite.png") -84px 0 no-repeat; } .order-steps .order-steps__cart.active::after { font: normal normal normal 14px/1 FontAwesome; padding: 0 10px; color: #ee2e22; content: ""; font-size: 26px; margin-left: 10px; display: inline-block; vertical-align: text-top; margin-top: -2px; } .order-steps .order-steps__cart.pass { color: #005f9f; } .order-steps .order-steps__cart.pass::before { margin-right: 19px; content: ""; display: inline-block; width: 42px; height: 37px; vertical-align: middle; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/order-process-cart-sprite.png") -42px 0 no-repeat; } .order-steps .order-steps__cart.pass::after { font: normal normal normal 14px/1 FontAwesome; padding: 0 10px; color: #005f9f; content: ""; font-size: 26px; margin-left: 10px; display: inline-block; vertical-align: text-top; margin-top: -2px; } .order-steps .order-steps__order { margin-left: 6px; } .order-steps .order-steps__order::before { content: ""; display: inline-block; width: 35px; height: 30px; vertical-align: middle; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/order-process-order-sprite.png") 0 0 no-repeat; margin-right: 12px; } .order-steps .order-steps__order::after { font: normal normal normal 14px/1 FontAwesome; padding: 0 10px; color: #999999; content: ""; font-size: 26px; margin-left: 10px; display: inline-block; vertical-align: text-top; margin-top: -2px; } .order-steps .order-steps__order.active { color: #ee2e22; } .order-steps .order-steps__order.active::before { content: ""; display: inline-block; width: 35px; height: 30px; vertical-align: middle; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/order-process-order-sprite.png") -70px 0 no-repeat; margin-right: 12px; } .order-steps .order-steps__order.active::after { font: normal normal normal 14px/1 FontAwesome; padding: 0 10px; color: #ee2e22; content: ""; font-size: 26px; margin-left: 10px; display: inline-block; vertical-align: text-top; margin-top: -2px; } .order-steps .order-steps__order.pass { color: #005f9f; } .order-steps .order-steps__order.pass::before { content: ""; display: inline-block; width: 35px; height: 30px; vertical-align: middle; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/order-process-order-sprite.png") -35px 0 no-repeat; margin-right: 12px; } .order-steps .order-steps__order.pass::after { font: normal normal normal 14px/1 FontAwesome; padding: 0 10px; color: #005f9f; content: ""; font-size: 26px; margin-left: 10px; display: inline-block; vertical-align: text-top; margin-top: -2px; } .order-steps .order-steps__confirm { margin-left: 10px; } .order-steps .order-steps__confirm::before { content: ""; display: inline-block; width: 29px; height: 32px; vertical-align: middle; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/order-process-confirm-sprite.png") 0 0 no-repeat; margin-right: 14px; } .order-steps .order-steps__confirm.active { color: #ee2e22; } .order-steps .order-steps__confirm.active::before { content: ""; display: inline-block; width: 29px; height: 32px; vertical-align: middle; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/order-process-confirm-sprite.png") -58px 0 no-repeat; margin-right: 14px; } .order-steps .order-steps__confirm.pass { color: #005f9f; } .order-steps .order-steps__confirm.pass::before { content: ""; display: inline-block; width: 29px; height: 32px; vertical-align: middle; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/order-process-confirm-sprite.png") -29px 0 no-repeat; margin-right: 14px; } .availability { display: block; float: none; margin-bottom: 16px; } .availability ul { padding: 0; margin: 0; list-style-position: inside; } .availability ul li { font-size: 12px; } .availability ul li.available { color: #75b720; } .availability ul li.available.not { color: #ee2e22; } .availability ul li.available.order, .availability ul li.available.wait { color: #b10000; } .availability ul li.notavailable { color: #ee2e22; } .availability ul li.order { color: #b10000; } .minus-icon { display: block; width: 12px; height: 2px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/counter-sprite.png") 0 0 no-repeat; cursor: pointer; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .plus-icon { display: block; width: 12px; height: 12px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/counter-sprite.png") 0 -2px no-repeat; cursor: pointer; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 991px) { .minus-icon { width: 15px; height: 3px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/counter-sprite.png") -12px 0 no-repeat; } .plus-icon { width: 15px; height: 15px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/counter-sprite.png") -12px -3px no-repeat; } } .errorpop { cursor: pointer; position: absolute; border: none; border-radius: 3px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); width: 300px; min-height: 10px; background: #fff; right: 0; color: #ee2e22; font-size: 13px; padding: 14px 18px; top: 10px; z-index: 50; } .errorpop::before { content: ""; position: absolute; width: 20px; height: 20px; top: 50%; margin: 0 0 0 -40px; border: solid 11px transparent; border-right-color: #fff; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .share-container { position: absolute; width: 300px; max-width: 310px; background: #fff; z-index: 10; border-radius: 3px; margin: 0; text-align: center; line-height: 56px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); padding: 0.5rem 0.75rem; } .subscribe-success { text-align: center; background: #c5d6ea; height: 40px; position: relative; } .subscribe-success .msg-text { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; } .subscribe-error { text-align: center; background: #ffbcbc; height: 40px; color: #000000; position: relative; } .subscribe-error .msg-text { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; } .catalog-map__container { width: 727px; height: 400px; margin-bottom: 10px; } @media (max-width: 1279px) { .catalog-map__container { width: 654px; } } @media (max-width: 1189px) { .catalog-map__container { width: 100%; } } .share-block .share-block__title { font-size: 19px; display: block; margin: 6px 0 0 0; } .share-block .share-block__body { display: block; margin-top: 10px; } .mobile-filter-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.42); z-index: 61; } .container-loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffffb5; z-index: 10; } .btn-loader { background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons/ajax-loader.gif") center center no-repeat !important; background-size: 20% !important; color: transparent !important; } .btn-loader_lg { background-size: 80% !important; } .btn-loader_parent > * { color: transparent !important; background: none !important; } .btn-loader_clear { text-indent: -9999px; } .btn-resultend_success { background-color: green !important; color: #fff !important; } .btn-resultend_error { background: red !important; color: #fff !important; } .bonus { color: green; font-size: 1.6rem; } .underlined { text-decoration: underline !important; } .underlined:hover { text-decoration: none !important; } .offer-cart__link { width: 44px; height: 32px; display: inline-block; float: right; font-size: 2rem; background: #dadada url("/bitrix/templates/maximus_2018/css/../img/icons-svg/offer-cart.svg") 5px center no-repeat; color: #dadada; border: 1px solid #dadada; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding: 2px 3px; margin-top: 10px; cursor: not-allowed; } .offer-cart__link.add-to-cart { background: #005f9f url("/bitrix/templates/maximus_2018/css/../img/icons-svg/offer-cart.svg") 5px center no-repeat; border-color: #005f9f; color: #005f9f; cursor: pointer; } .offer-cart__link.add-to-cart:hover { background-color: #014e83; } .offer-cart__link::before { content: ""; width: 9px; height: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; border-radius: 9px; display: inline-block; position: relative; left: -25px; } .offer-cart__link i { font-size: 20px; line-height: 23px; } .offer-cart__link.a-available::before { background-color: #75b720; } .offer-cart__link.order::before, .offer-cart__link.a-ondemand::before { background-color: #f98b00; } .offer-cart__link.not::before, .offer-cart__link.wait::before { background-color: #b10000; } @media (max-width: 767px) { .offer-cart__link:not(.btn-resultend_success) { font-size: 3rem; } } .show-password { background: #eee; border: 1px solid #c7c7c7; border-radius: 0; color: #000; } .animation_field-container::before { content: "|"; display: inline-block; position: absolute; left: 10px; color: #005f9f; z-index: 10; line-height: 40px; height: 40px; font-size: 25px; animation: show 1s infinite; animation-fill-mode: forwards; } @keyframes show { from { visibility: visible; } 25% { visibility: visible; } 50% { visibility: hidden; } 75% { visibility: hidden; } to { visibility: hidden; } } .alert-danger { background-color: #f3c2c2; font-weight: 600; } .loader-block { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; background: #ffffffa3; } .loader-block img { display: block; } .width_full { width: 100%; } .position-relative { position: relative !important; } .position-static { position: static !important; } .position-absolute { position: absolute !important; } .social-container__body ul { padding: 0; } .social-container__body ul li { display: inline-block; } .breadcrumb { background-color: transparent; border-radius: 0; font-size: 1rem; padding-left: 0; padding-right: 0; } .breadcrumb a { color: #000000; text-decoration: none; line-height: 1.4rem; } .breadcrumb a:hover { color: #000000; text-decoration: underline; } .breadcrumb li:last-of-type a { color: #868585; text-decoration: none; line-height: 1.4rem; } .breadcrumb li:last-of-type a:hover { color: #868585; text-decoration: underline; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #9a9a9a; content: "/"; } .slick-slide.rr-item img { display: inline-block !important; } .location-block .row > div:not([class^=col-]) { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } @media (max-width: 767px) { #registrationModal .modal-dialog { height: 100%; } #registrationModal .modal-content { height: 500px; } } .text-container { font-size: 16px; min-height: 50px; line-height: 20px; } .text-container__inner { padding: 20px 40px; } .text-container h1 { font-size: 40px; line-height: 47px; font-weight: 400; color: #005f9f; margin-bottom: 20px; text-transform: none; } .text-container h2 { font-size: 1.4rem; line-height: 2rem; } .text-container ul { padding: 0; } .text-container ul li { list-style-image: url("/bitrix/templates/maximus_2018/css/../img/icons-svg/list-marker.svg"); margin-bottom: 17px; font-size: 16px; line-height: 23px; list-style-position: inside; } .text-container ul li strong { text-transform: uppercase; } .text-container p { line-height: 20px; font-size: 16px; margin: 0 0 20px 0; } .text-container p:last-of-type { margin: 0; } .text-container p.main-paragraf { line-height: 30px; font-size: 24px; } .text-container p.blockquote-paragraf { font-size: 24px; line-height: 30px; border-top: solid 2px #005f9f; padding-top: 22px; } .item-img-wrap { position: relative; text-align: center; overflow: hidden; width: 100%; height: 200px; } .item-img-wrap img { display: block; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; } .catalog-item.brand .item-img-wrap img { -moz-transition: all 1.1s ease; -o-transition: all 1.1s ease; -webkit-transition: all 1.1s ease; transition: all 1.1s ease; } .catalog-item.brand .item-img-wrap:hover img { -moz-transform: translate(-50%, -50%) scale(1.08); -o-transform: translate(-50%, -50%) scale(1.08); -ms-transform: translate(-50%, -50%) scale(1.08); -webkit-transform: translate(-50%, -50%) scale(1.08); transform: translate(-50%, -50%) scale(1.08); } .catalog-item.brand .item-img-wrap .item-img-title { position: absolute; bottom: 10px; z-index: 2; width: 100%; height: 30px; text-align: center; font-size: 2rem; background: rgba(248, 250, 255, 0.8); padding: 5px; } @media (max-width: 720px) { .item-img-wrap { position: relative; text-align: center; overflow: hidden; width: 20%; display: inline-block; height: 50px; } .item-img-wrap.block { display: inline-block !important; vertical-align: middle; } .item-img-wrap img { display: block; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: 50px; } .catalog-item.brand .item-img-wrap { width: 100%; height: 150px; } .catalog-item.brand .item-img-wrap img { height: auto; } } .section-header { min-height: 80px; width: 100%; margin-bottom: 10px; background: #fff; padding: 15px 20px 10px; /*& .row { padding: 0; margin: 0; & div[class^=col-] { padding: 0; margin: 0; } }*/ } .section-header a { text-decoration: none; } .section-header .breadcrumb { padding: 0; margin: 0; background: transparent; border-radius: 0; } .section-header .breadcrumb > li + li::before { font: normal normal normal 14px/1 FontAwesome; padding: 0 10px; color: #999999; content: ""; font-size: 14px; } .section-header .breadcrumb > li:last-of-type::after { font: normal normal normal 14px/1 FontAwesome; padding: 0 0 0 10px; color: #999999; content: ""; font-size: 14px; vertical-align: middle; } .section-header .breadcrumb a { color: #005f9f; text-transform: capitalize; } .section-header .back-link { height: 80px; width: 80px; border-right: solid 1px #ebebeb; line-height: 76px; font-size: 44px; text-align: center; color: #999999; display: none !important; } .section-header h1 { color: #3f4244; font-weight: 400; font-size: 24px; text-transform: none; margin: 8px 0 0 0; padding: 0; } .section-header h1.brand { text-transform: capitalize; } .section-header .additional-data .rating { display: inline-block; vertical-align: middle; margin-right: 10px; } .section-header .additional-data .rating .raty-item { display: inline-block; vertical-align: middle; } .section-header .additional-data .rating .request-count { display: inline-block; vertical-align: middle; color: #999999; font-size: 12px; } .section-header .additional-data .rating .request-count a { color: #999999; font-size: 12px; } .section-header .additional-data .rating .request-count a:hover, .section-header .additional-data .rating .request-count a:focus, .section-header .additional-data .rating .request-count a:active { text-decoration: underline; } .section-header .additional-data .label { vertical-align: middle; position: relative; display: inline-block; font-size: 12px; color: #ffffff; text-transform: uppercase; font-weight: 700; line-height: 14px; border-radius: 12px; padding: 4px 11px; top: 0; margin-right: 4px; } .section-header .additional-data .label.small { font-size: 12px; padding: 2px 10px; } .section-header .return-to-itemtop { text-align: center; margin-top: 6px; } .section-header .return-to-itemtop a { color: #999999; } .section-header .return-to-itemtop a:hover, .section-header .return-to-itemtop a:focus, .section-header .return-to-itemtop a:active { text-decoration: underline; } .section-header .return-to-itemtop img { margin-bottom: 17px; } .section-header .compare__container { display: inline-block; } .section-header .popover-content { padding: 10px; } .section-header .popover-content > a { margin-top: 10px; } .section-header .popover-content .btn.btn-blue { text-decoration: none; font-size: 16px; height: 32px; line-height: 30px; } .section-header .popover-content .btn.btn-blue:hover { text-decoration: none; } .section-header .popover-content .btn.btn-red { text-decoration: none; } .section-header .popover-content .btn.btn-red:hover { text-decoration: none; } @media (max-width: 990px) { .section-header { padding: 0; position: relative; z-index: 60; } .section-header .back-link { display: inline-block !important; } .section-header .section-header__text-data { display: inline-block; width: 85%; } .section-header h1 { line-height: 76px; display: inline-block; font-size: 32px; margin: 0 0 0 12px; padding: 0; } .detail-page .section-header .back-link { height: 140px; line-height: 140px; vertical-align: middle; } .detail-page .section-header .section-header__text-data { vertical-align: middle; } .detail-page .section-header .section-header__text-data h1 { line-height: 36px; display: inline-block; font-size: 32px; margin: 0 0 10px 12px; padding: 0; } .detail-page .section-header .additional-data { display: inline-block; margin: 0 0 0 12px; } .detail-page .section-header .additional-data .rating { margin-right: 10px; } .detail-page .section-header .additional-data .rating .request-count { font-size: 16px; } .detail-page .section-header .additional-data .rating .request-count a { font-size: 16px; } .detail-page .section-header .additional-data .label.small { font-size: 15px; padding: 6px 11px; } } @media (max-width: 720px) { .section-header { min-height: 58px; } .section-header .back-link { height: 58px; width: 58px; line-height: 58px; vertical-align: middle; } .section-header h1 { line-height: 21px; font-size: 21px; vertical-align: middle; } .detail-page .section-header .back-link { height: inherit; width: 45px; line-height: 99px; vertical-align: middle; } .detail-page .section-header .section-header__text-data { vertical-align: middle; } .detail-page .section-header .section-header__text-data h1 { line-height: 28px; display: inline-block; font-size: 21px; margin: 0 0 0 12px; padding: 0; } .detail-page .section-header .additional-data { display: inline-block; margin: 0 0 0 12px; } .detail-page .section-header .additional-data .rating { display: block; margin-bottom: 10px; } .detail-page .section-header .additional-data .rating .request-count { font-size: 12px; } .detail-page .section-header .additional-data .rating .request-count a { font-size: 12px; } .detail-page .section-header .additional-data .label.small { font-size: 12px; padding: 4px 11px; } } @media (max-width: 480px) { .section-header h1 { line-height: 20px; font-size: 18px; vertical-align: middle; display: inline-block; max-width: 210px; overflow: hidden; max-height: 100px; } } @media (max-width: 480px) { .detail-page .section-header .back-link { line-height: 109px; } .detail-page .section-header .section-header__text-data { vertical-align: middle; width: 82%; } .detail-page .section-header .section-header__text-data h1 { line-height: 22px; display: inline-block; font-size: 16px; margin: 0 0 0 12px; padding: 0; } .detail-page .section-header .additional-data { display: inline-block; margin: 0 0 0 12px; } .detail-page .section-header .additional-data .rating { display: block; margin-bottom: 4px; } .detail-page .section-header .additional-data .rating .request-count { font-size: 12px; } .detail-page .section-header .additional-data .rating .request-count a { font-size: 12px; } .detail-page .section-header .additional-data .label { margin-bottom: 4px; } .detail-page .section-header .additional-data .label.small { font-size: 12px; padding: 2px 11px; } } .iso-item { height: 422px; margin-bottom: 10px; } @media (max-width: 720px) { .iso-item { width: 100%; height: 104px; } } .work-desc { width: 100%; padding: 22px 0 8px 0; position: relative; } .work-desc h2 { text-align: center; margin: 0; padding: 0 25px; font-size: 18px; line-height: 22px; color: #3f4244; font-weight: 400; text-transform: none; } @media (max-width: 720px) { .work-desc { width: 75%; display: inline-block; vertical-align: middle; padding: 0; position: relative; } .work-desc h2 { text-align: left; margin: 0; padding: 0; font-size: 18px; line-height: 18px; color: #3f4244; font-weight: 400; text-transform: none; } } .filter { text-align: center; margin-bottom: 30px; } .filter li a.active { color: #005f9f; border-color: #005f9f; } .filter li a { display: inline-block; margin: 3px 5px; text-transform: uppercase; font-size: 11px; font-style: normal; color: #bbb; font-weight: 400; padding: 4px 12px; border: 2px solid #f5f5f5; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } .filter li a:hover { color: #005f9f; border-color: #005f9f; } .col-2-space .catalog-item, .col-2-space .iso-item { width: 50%; } .col-3-space .catalog-item, .col-3-space .iso-item { width: 33.33%; } .col-4-space .catalog-item, .col-4-space .iso-item { width: 25%; } .col-5-space .catalog-item, .col-5-space .iso-item { width: 20%; } .col-6-space .catalog-item, .col-6-space .iso-item { width: 16.66%; } @media (max-width: 767px) { .col-2-space .catalog-item, .col-2-no-space .catalog-item, .col-3-space .catalog-item, .col-3-no-space .catalog-item, .col-4-space .catalog-item, .col-4-no-space .catalog-item, .col-5-no-space .catalog-item, .col-2-space .iso-item, .col-2-no-space .iso-item, .col-3-space .iso-item, .col-3-no-space .iso-item, .col-4-space .iso-item, .col-4-no-space .iso-item, .col-5-no-space .iso-item { width: 50%; } } @media (max-width: 568px) { .col-2-space .catalog-item, .col-2-no-space .catalog-item, .col-3-space .catalog-item, .col-3-no-space .catalog-item, .col-4-space .catalog-item, .col-4-no-space .catalog-item, .col-5-no-space .catalog-item, .col-2-space .iso-item, .col-2-no-space .iso-item, .col-3-space .iso-item, .col-3-no-space .iso-item, .col-4-space .iso-item, .col-4-no-space .iso-item, .col-5-no-space .iso-item { width: 100%; } } .catalog-container.item-list:not(.brand-item-list) .catalog-search-form { background: #fff; padding: 10px 0; margin-bottom: 10px; } .catalog-container.item-list:not(.brand-item-list) .carousel-item { padding: 0; margin-top: 0; /*height: 416px;*/ height: 410px; } .catalog-container.item-list:not(.brand-item-list) .carousel-item .catalog-item__block { background: #fff; padding: 34px 17px 17px; height: auto; } .catalog-container.item-list:not(.brand-item-list) .carousel-item .catalog-item__block .label { top: 10px; } .catalog-container.item-list:not(.brand-item-list) .carousel-item .catalog-item__block .availability { margin-bottom: 0; } .catalog-container.item-list.brand-item-list .catalog-search-form { background: #fff; padding: 10px 0; margin-bottom: 10px; } .catalog-container.item-list.brand-item-list .carousel-item { height: 410px; } .catalog-container.item-list.brand-item-list .carousel-item .catalog-item__block { background: #fff; padding: 34px 17px 17px; height: auto; } .catalog-container.item-list.brand-item-list .carousel-item .catalog-item__block .label { top: 10px; } .catalog-container.item-list.brand-item-list .carousel-item .catalog-item__block .availability { margin-bottom: 0; } @media (max-width: 1136px) { .catalog-container.item-list .carousel-item { /*height: 416px;*/ height: 346px; } } @media (max-width: 992px) { .catalog-container.item-list .carousel-item { /*height: 287px;*/ height: 254px; } .catalog-container.item-list .carousel-item .catalog-item__block { padding: 34px 10px 17px; } } @media (max-width: 982px) { .catalog-container.item-list .carousel-item { /*height: 402px;*/ height: 348px; } .catalog-container.item-list .carousel-item .catalog-item__block { padding: 34px 20px 17px; } } @media (max-width: 480px) { .catalog-container.item-list .carousel-item { /*height: 406px;*/ height: 348px; } .catalog-container.item-list .carousel-item .catalog-item__block { padding: 34px 10px 17px; } } .pagination-container { background: #fff; margin-bottom: 10px; min-height: 50px; position: relative; text-align: center; } .pagination-container .pagination-container__total-count { color: #b2b2b2; position: absolute; left: 20px; top: 50%; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 14px; } .pagination-container .pagination-block { display: inline-block; } .pagination-container .pagination-block .pagination { border-radius: 0; margin: 8px 0; } .pagination-container .pagination-block .pagination li { display: inline-block; width: 32px; height: 32px; } .pagination-container .pagination-block .pagination li.active a, .pagination-container .pagination-block .pagination li.active span { display: block; border: none; font-size: 14px; padding: 0; width: 32px; line-height: 32px; text-align: center; background: #005f9f; border-radius: 3px; color: #ffffff; } .pagination-container .pagination-block .pagination li a, .pagination-container .pagination-block .pagination li span { display: block; border: none; color: #999999; font-size: 14px; padding: 0; line-height: 32px; width: 32px; text-align: center; } .pagination-container .pagination-block .pagination li a:hover, .pagination-container .pagination-block .pagination li a:focus, .pagination-container .pagination-block .pagination li a:active, .pagination-container .pagination-block .pagination li span:hover, .pagination-container .pagination-block .pagination li span:focus, .pagination-container .pagination-block .pagination li span:active { background: #005f9f; border-radius: 3px; color: #ffffff; } .pagination-container .pagination-block .pagination li:first-child a, .pagination-container .pagination-block .pagination li:first-child span, .pagination-container .pagination-block .pagination li:last-child a, .pagination-container .pagination-block .pagination li:last-child span { border: none; font-size: 26px; line-height: 24px; padding: 2px 0; margin-right: 10px; } .pagination-container .pagination-block .pagination li:first-child a:hover, .pagination-container .pagination-block .pagination li:first-child a:focus, .pagination-container .pagination-block .pagination li:first-child a:active, .pagination-container .pagination-block .pagination li:first-child span:hover, .pagination-container .pagination-block .pagination li:first-child span:focus, .pagination-container .pagination-block .pagination li:first-child span:active, .pagination-container .pagination-block .pagination li:last-child a:hover, .pagination-container .pagination-block .pagination li:last-child a:focus, .pagination-container .pagination-block .pagination li:last-child a:active, .pagination-container .pagination-block .pagination li:last-child span:hover, .pagination-container .pagination-block .pagination li:last-child span:focus, .pagination-container .pagination-block .pagination li:last-child span:active { background: transparent; border-radius: 0; color: #005f9f; } .right-container.list .load-more-item-container, .right-container.list .pagination-container { margin-right: 10px; } @media (max-width: 992px) { .pagination-container { min-height: 75px; margin-right: 10px; } .pagination-container .pagination-block .pagination { margin: 0; padding-top: 18px; } .pagination-container .pagination-block .pagination li:nth-of-type(5), .pagination-container .pagination-block .pagination li:nth-of-type(6) { display: none; } .pagination-container .pagination-block .pagination li a, .pagination-container .pagination-block .pagination li span { border: none; color: #999999; font-size: 21px; padding: 0; line-height: 39px; width: 39px; text-align: center; } .pagination-container .pagination-block .pagination li a:hover, .pagination-container .pagination-block .pagination li a:focus, .pagination-container .pagination-block .pagination li a:active, .pagination-container .pagination-block .pagination li span:hover, .pagination-container .pagination-block .pagination li span:focus, .pagination-container .pagination-block .pagination li span:active { background: #005f9f; border-radius: 3px; color: #ffffff; } .pagination-container .pagination-block .pagination li:first-child a, .pagination-container .pagination-block .pagination li:first-child span, .pagination-container .pagination-block .pagination li:last-child a, .pagination-container .pagination-block .pagination li:last-child span { border: none; font-size: 26px; line-height: 34px; padding: 2px 0; margin-right: 10px; } .pagination-container .pagination-block .pagination li:first-child a:hover, .pagination-container .pagination-block .pagination li:first-child a:focus, .pagination-container .pagination-block .pagination li:first-child a:active, .pagination-container .pagination-block .pagination li:first-child span:hover, .pagination-container .pagination-block .pagination li:first-child span:focus, .pagination-container .pagination-block .pagination li:first-child span:active, .pagination-container .pagination-block .pagination li:last-child a:hover, .pagination-container .pagination-block .pagination li:last-child a:focus, .pagination-container .pagination-block .pagination li:last-child a:active, .pagination-container .pagination-block .pagination li:last-child span:hover, .pagination-container .pagination-block .pagination li:last-child span:focus, .pagination-container .pagination-block .pagination li:last-child span:active { background: transparent; border-radius: 0; color: #005f9f; } .pagination-container .pagination-block .pagination li:last-child a, .pagination-container .pagination-block .pagination li:last-child span { margin-left: 10px; } } .characters-container .seo-description { padding: 20px; } @media (max-width: 720px) { .characters-container .seo-description { padding: 15px; } } .characters-block { width: 100%; background: #fff; min-height: 10px; margin-bottom: 0; } .characters-block .tabs-container .nav-tabs { border-bottom: 1px solid #ebebeb; } .characters-block .tabs-container .nav-tabs li a { color: #005f9f; font-size: 16px; margin-right: 0; line-height: 1.42857143; border: none; border-radius: 0; } .characters-block .tabs-container .nav-tabs li a:hover, .characters-block .tabs-container .nav-tabs li a:focus, .characters-block .tabs-container .nav-tabs li a:active { color: #ffffff; background-color: #005f9f; border: none; } .characters-block .tabs-container .nav-tabs li.active a { color: #ffffff; background-color: #005f9f; border: none; } .characters-block .tabs-container .nav-tabs li.active a:hover, .characters-block .tabs-container .nav-tabs li.active a:focus, .characters-block .tabs-container .nav-tabs li.active a:active { color: #ffffff; background-color: #005f9f; border: none; } .characters-block .tabs-container .tab-content .tab-pane { padding: 30px 20px 36px; } .characters-block .tabs-container .tab-content .tab-pane .detail-options__header { color: #3f4244; font-size: 18px; font-weight: 400; text-transform: none; margin-bottom: 27px; } .characters-block .tabs-container .tab-content .tab-pane .detail-options__header:not(:first-of-type) { margin-top: 36px; } .characters-block .tabs-container .tab-content .tab-pane .detail-options__body ul { padding: 0; margin: 0; list-style: none; } .characters-block .tabs-container .tab-content .tab-pane .detail-options__body ul li { line-height: 32px; font-size: 14px; color: #3f4244; } .characters-block .tabs-container .tab-content .tab-pane .detail-options__body ul li > div:first-of-type { display: inline-block; color: #3f4244; margin-left: -4px; vertical-align: top; width: 50%; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/detail-option-bg.png") left bottom 10px repeat-x; } .characters-block .tabs-container .tab-content .tab-pane .detail-options__body ul li > div:first-of-type > div:first-of-type { display: inline-block; } .characters-block .tabs-container .tab-content .tab-pane .detail-options__body ul li > div:first-of-type > div:first-of-type > span { background: #fff; } .characters-block .tabs-container .tab-content .tab-pane .detail-options__body ul li > div:last-of-type { width: 40%; display: inline-block; color: #3f4244; vertical-align: top; margin-left: -4px; } .characters-block .share-block { margin: 24px 0 20px; display: inline-block; vertical-align: middle; padding: 0 20px; } .characters-block .share-block .share-block__title { font-size: 12px; display: inline-block; vertical-align: middle; margin: 6px 10px 0 0; color: #999999; } .characters-block .share-block .share-block__body { display: inline-block; margin-right: 120px; vertical-align: middle; } .characters-block .market-block { margin: 24px 0 20px; display: inline-block; vertical-align: middle; padding: 0 20px; } .characters-block .market-block .market-block__title { color: #999999; font-size: 12px; display: inline-block; vertical-align: middle; margin-right: 18px; } .characters-block .market-block .market-block__title a { color: #005f9f; } .characters-block .market-block .market-block__title a:hover, .characters-block .market-block .market-block__title a:focus, .characters-block .market-block .market-block__title a:active { color: #005f9f; text-decoration: underline; } .characters-block .market-block .market-block__body { display: inline-block; vertical-align: middle; width: 45px; height: 44px; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/market-icon.svg") center center no-repeat; } .analog-item-carosel-container { width: 482px; float: left; background: #fff; min-height: 300px; margin-bottom: 10px; padding: 20px 0 0; } .side-menu-container { padding: 20px 14px; background-color: #fff; } .side-menu-container .side-menu__header { font-size: 1.4rem; margin-bottom: 20px; } .side-menu-container .side-menu__body { margin-bottom: 26px; } .side-menu-container .side-menu__body .menu-body__current-section { display: none; } .side-menu-container .side-menu__body ul { list-style: none; padding: 0; margin: 0; } .side-menu-container .side-menu__body ul li { padding: 8px 0; } .side-menu-container .side-menu__body ul li a { font-size: 1.1rem; line-height: 1.4rem; color: #999999; } .side-menu-container .side-menu__body ul li a:hover, .side-menu-container .side-menu__body ul li a:focus, .side-menu-container .side-menu__body ul li a:active { color: #005f9f; text-decoration: none; } .side-menu-container .side-menu__body ul li.active a { color: #005f9f; font-weight: 700; } .form-block { margin-bottom: 30px; } .form-block .form-header { font-size: 1.2rem; color: #005f9f; line-height: 1.4rem; margin-bottom: 30px; text-transform: uppercase; } .form-block .form-group label { font-size: 14px; color: #3f4244; text-align: left; } .form-block .form-group input { font-size: 14px; width: 250px; } .form-block .form-group button { text-transform: none; } .form-block .form-group.password-change input { display: none; } .nav-tabs__bottom-block { font-size: 14px; color: #3f4244; line-height: 70px; margin-bottom: 10px; } .nav-tabs__bottom-block a { color: #005f9f; font-size: 14px; vertical-align: middle; } .nav-tabs__bottom-block i { line-height: 26px; font-size: 26px; margin-right: 15px; color: #005f9f; vertical-align: middle; } .nav-tabs__bottom-block span { font-weight: 700; } @media (max-width: 990px) { .nav-tabs__bottom-block { font-size: 21px; } .nav-tabs__bottom-block a { font-size: 21px; } .nav-tabs__bottom-block i { line-height: 36px; font-size: 36px; margin-right: 15px; } } @media (max-width: 720px) { .nav-tabs__bottom-block { font-size: 18px; } .nav-tabs__bottom-block a { font-size: 18px; } .nav-tabs__bottom-block i { line-height: 30px; font-size: 30px; margin-right: 15px; } } .order-container .tab-content { margin-top: 10px; } .order-container .tab-content .row { margin: 0; } .order-item-block { font-size: 1rem; min-height: 158px; background: #fff; padding: 10px 20px; width: 100%; margin-bottom: 10px; } .order-item-block .order-item__header { font-size: 18px; font-weight: 700; margin-bottom: 18px; } .order-item-block .order-item__header span { color: #999999; } .order-item-block .order-item__body { text-align: left; } .order-item-block .order-item__body .row { margin: 0; padding: 0; } .order-item-block .order-item__body a { color: #005f9f; } .order-item-block .order-item__body a:hover, .order-item-block .order-item__body a:focus, .order-item-block .order-item__body a:active { color: #005f9f; text-decoration: underline; } .order-item-block .order-item__body .order-item__title { padding: 0 10px 0 0; color: #999999; margin-bottom: 5px; } .order-item-block .order-item__body .order-item__text { padding: 0; margin-bottom: 5px; } .order-item__detail-block { background: #fff; } .order-item__detail-block .row { margin: 0; /*& div[class^=col-] { padding: 0; }*/ } .order-item__detail-block .item-detail-block__header { border-bottom: solid 1px #ebebeb; min-height: 50px; line-height: 48px; padding: 0 10px 0 20px; font-size: 14px; font-weight: 700; } .order-item__detail-block .item-detail-block__header .row > div:not(:first-of-type) { text-align: center; } .order-item__detail-block .item-detail-block__header .row div.item-block-header__name { text-align: left; } .order-item__detail-block .item-detail-block__body { padding: 0 10px 0 20px; } .order-item__detail-block .item-detail-block__body .item-detail-body__container { padding: 4px 0; } .order-item__detail-block .item-detail-block__body .item-detail-body__container .order-item-detail__photo { text-align: center; } .order-item__detail-block .item-detail-block__body .item-detail-body__container .order-item-detail__name .order-item-name__text { margin-top: 10px; } .order-item__detail-block .item-detail-block__body .item-detail-body__container .order-item-detail__name .order-item-name__text a { color: #3f4244; } .order-item__detail-block .item-detail-block__body .item-detail-body__container .order-item-detail__name .order-item-name__text a:hover, .order-item__detail-block .item-detail-block__body .item-detail-body__container .order-item-detail__name .order-item-name__text a:focus, .order-item__detail-block .item-detail-block__body .item-detail-body__container .order-item-detail__name .order-item-name__text a:active { color: #005f9f; text-decoration: underline; } .order-item__detail-block .item-detail-block__body .item-detail-body__container .order-item-detail__name .order-item-detail__price-mobile_xs { display: none; } .order-item__detail-block .item-detail-block__body .item-detail-body__container .order-item-detail__price { text-align: center; } .order-item__detail-block .item-detail-block__body .item-detail-body__container .order-item-detail__price-mobile { text-align: right; float: none; } .order-item__detail-block .item-detail-block__body .item-detail-body__container .order-item-detail__count { text-align: center; } .order-item__detail-block .item-detail-block__body .item-detail-body__container .order-item-detail__result-price { text-align: center; font-weight: 700; color: #005f9f; font-size: 14px; } .item-detail__result { border-top: solid 1px #ebebeb; background: #fff; padding: 30px; } .item-detail__result .item-result__container:not(:last-of-type) { margin-bottom: 10px; } .item-detail__result .item-result__container > div { display: inline-block; vertical-align: middle; } .item-detail__result .item-result__container > div:not(:first-of-type) { margin-left: -4px; } .item-detail__result .item-result__container .item-result__header { width: 83%; text-align: right; } .item-detail__result .item-result__container .item-result__header.item-result__header_total { font-weight: 700; font-size: 14px; } .item-detail__result .item-result__container .item-result__body { width: 16.66666667%; text-align: right; } .item-detail__result .item-result__container .item-result__body.item-result__body_total { font-weight: 700; font-size: 14px; } @media (max-width: 990px) { .item-detail__result { border-top: solid 1px #ebebeb; background: #fff; padding: 20px; } .item-detail__result .item-result__container > div { display: inline-block; vertical-align: middle; } .item-detail__result .item-result__container > div:not(:first-of-type) { margin-left: -4px; } .item-detail__result .item-result__container .item-result__header { width: 65%; text-align: right; font-size: 21px; } .item-detail__result .item-result__container .item-result__header.item-result__header_total { font-weight: 700; font-size: 27px; } .item-detail__result .item-result__container .item-result__body { width: 35%; text-align: right; font-size: 24px; } .item-detail__result .item-result__container .item-result__body.item-result__body_total { font-weight: 700; font-size: 27px; } } @media (max-width: 720px) { .item-detail__result { border-top: solid 1px #ebebeb; background: #fff; padding: 12px; } .item-detail__result .item-result__container > div { display: inline-block; vertical-align: middle; } .item-detail__result .item-result__container > div:not(:first-of-type) { margin-left: -4px; } .item-detail__result .item-result__container .item-result__header { width: 65%; text-align: right; font-size: 18px; } .item-detail__result .item-result__container .item-result__header.item-result__header_total { font-size: 19px; } .item-detail__result .item-result__container .item-result__body { width: 35%; text-align: right; font-size: 21px; } .item-detail__result .item-result__container .item-result__body.item-result__body_total { font-size: 21px; } } @media (max-width: 480px) { .item-detail__result .item-result__container .item-result__header { width: 50%; font-size: 16px; } .item-detail__result .item-result__container .item-result__header.item-result__header_total { font-size: 17px; } .item-detail__result .item-result__container .item-result__body { width: 50%; font-size: 18px; } .item-detail__result .item-result__container .item-result__body.item-result__body_total { font-size: 18px; } } .news-page .iso-item { height: 387px; margin-bottom: 10px; } .news-page .iso-item .review-item, .news-page .iso-item .info-item { margin-top: 0; background: #fff; margin-right: 10px; } @media (max-width: 1280px) { .news-page .iso-item:nth-child(3n) .info-item { margin-right: 0; } } @media (max-width: 980px) { .news-page .iso-item:nth-child(3n) .info-item { margin-right: 10px; } .news-page .iso-item:nth-child(2n) .info-item { margin-right: 0; } } @media (max-width: 970px) { .news-page .iso-item, .news-page .info-item { height: 517px; } } @media (max-width: 720px) { .news-page .iso-item, .news-page .info-item { height: 453px; } .news-page .iso-item .review-item, .news-page .info-item .review-item { margin: 0; } } @media (max-width: 480px) { .news-page .iso-item, .news-page .info-item { height: 537px; } .news-page .iso-item .review-item, .news-page .info-item .review-item { margin: 0; } } .info-item p { margin-bottom: 5px; } .news-page.detail-page .section-header { margin-bottom: 0; } .news-page.detail-page .additional-data .date { color: #999999; margin-right: 8px; } .news-page.detail-page .additional-data a { color: #005f9f; } .news-page.detail-page .additional-data a:hover, .news-page.detail-page .additional-data a:focus, .news-page.detail-page .additional-data a:active { color: #005f9f; text-decoration: underline; } .news-page.detail-page .item-detail { min-height: 100px; padding: 20px; } .news-page.detail-page .item-detail .row { padding: 0; margin: 0; } .news-page.detail-page .item-detail .video-container { margin-bottom: 30px; } .news-page.detail-page .item-detail .image-container { display: inline-block; width: auto; height: auto; float: left; margin: 0 20px 10px 0; } .news-page.detail-page .item-detail .image-container img { max-width: 100%; } .news-page.detail-page .item-detail .back-link { float: left; vertical-align: middle; margin-top: 3px; color: #005f9f; } .news-page.detail-page .item-detail .back-link a { color: #005f9f; } .news-page.detail-page .item-detail .share-block { display: inline-block; vertical-align: middle; float: right; } .news-page.detail-page .item-detail .share-block .share-block__title { font-size: 12px; display: inline-block; vertical-align: middle; margin: 6px 10px 0 0; color: #999999; } .news-page.detail-page .item-detail .share-block .share-block__body { display: inline-block; margin-right: 0; vertical-align: middle; } .news-page.detail-page .item-detail ul li { list-style-position: inside; } .news-page.detail-page .characters-block { width: 100%; float: none; margin-right: 0; } .news-page.detail-page .characters-block .nav-tabs li a { padding: 10px 30px; } .news-page.detail-page .characters-block .nav-tabs li a span { font-size: 12px; color: #999999; } .news-page.detail-page .characters-block .nav-tabs li.active a span { color: rgba(255, 255, 255, 0.5); } @media (min-width: 1920px) { .news-page.detail-page .characters-block { width: 100%; float: none; margin-right: 0; } } @media (max-width: 990px) { .news-page.detail-page .section-header { padding: 28px 0 0 0; } .news-page.detail-page .section-header .section-header__text-data { vertical-align: top; } .news-page.detail-page .section-header .back-link { border-right: none; line-height: 20px; } .news-page.detail-page .additional-data .date { color: #999999; margin-right: 0; font-size: 16px; } .news-page.detail-page .additional-data a { display: none; } .news-page.detail-page .item-detail { padding: 20px; } .news-page.detail-page .item-detail .image-container { display: block; width: auto; height: auto; float: none; text-align: center; margin: 0 0 10px; } .news-page.detail-page .item-detail .back-link { display: none; } .news-page.detail-page .item-detail .share-block { display: block; float: left; margin-top: 40px; } .news-page.detail-page .item-detail .share-block .share-block__title { font-size: 24px; display: inline-block; vertical-align: middle; margin: 6px 80px 0 0; color: #999999; } .news-page.detail-page .item-detail .share-block .share-block__body { display: inline-block; margin-right: 0; vertical-align: middle; } .news-page.detail-page .characters-block .nav-tabs li { width: 50%; } .news-page.detail-page .characters-block .nav-tabs li a { padding: 10px 30px; } .news-page.detail-page .characters-block .nav-tabs li a span { font-size: 21px; } } @media (max-width: 720px) { .news-page.detail-page .item-detail { padding: 12px; } .news-page.detail-page .item-detail .share-block .share-block__title { font-size: 19px; display: block; margin: 6px 0 0 0; } .news-page.detail-page .item-detail .share-block .share-block__body { display: block; margin-top: 20px; } .news-page.detail-page .characters-block .nav-tabs li a span { font-size: 14px; } } .comment-container .comment-item { border-top: solid 1px #e8e8e8; padding: 23px 0; } .comment-container .comment-item:last-of-type { border-bottom: solid 1px #e8e8e8; } .comment-container .comment-item .comment-item__author-name { vertical-align: top; font-size: 1rem; font-weight: 700; } .comment-container .comment-item .comment-item__author-name .comment-item-author__date { font-size: 1rem; color: #000000; } .comment-container .comment-item .comment-item__body { vertical-align: top; font-size: 1rem; line-height: 1.2rem; } .comment-container .comment-item .comment-item__body .comment-rate__container { margin-bottom: 20px; } .comment-container .comment-item .comment-item__body .comment-item__put-answer { margin-top: 10px; color: #999999; } .comment-container .comment-item .comment-item__body .comment-item__put-answer a { color: #999999; font-size: 14px; } .comment-container .comment-item .comment-item__body .comment-item__put-answer a:hover, .comment-container .comment-item .comment-item__body .comment-item__put-answer a:focus, .comment-container .comment-item .comment-item__body .comment-item__put-answer a:active { color: #005f9f; text-decoration: none; } .comment-container .comment-item .comment-item__body .comment-item__show-answer { margin-top: 10px; margin-bottom: 20px; } .comment-container .comment-item .comment-item__body .comment-item__show-answer a { color: #005f9f; text-decoration: underline; font-size: 14px; } .comment-container .comment-item .comment-item__body .comment-item__show-answer a:hover, .comment-container .comment-item .comment-item__body .comment-item__show-answer a:focus, .comment-container .comment-item .comment-item__body .comment-item__show-answer a:active { color: #005f9f; text-decoration: none; } .comment-container .comment-item .comment-item__body .comment-item__answers-block { display: none; background: #eee; padding: 10px; margin-bottom: 30px; } .comment-container .comment-item .comment-item__body .comment-item__answers-block .comment-item__answer-item:not(:first-of-type) { margin-top: 30px; } .comment-container .comment-item .comment-item__body .comment-item__answers-block .comment-item__answer-item .answer-item__author-name { vertical-align: top; width: 20%; font-size: 14px; font-weight: 700; display: inline-block; overflow: hidden; } .comment-container .comment-item .comment-item__body .comment-item__answers-block .comment-item__answer-item .answer-item__author-name .answer-item-author__date { margin-top: 5px; font-size: 12px; color: #999999; } .comment-container .comment-item .comment-item__body .comment-item__answers-block .comment-item__answer-item .answer-item__body { vertical-align: top; width: 80%; margin-left: -4px; font-size: 14px; line-height: 20px; display: inline-block; padding-left: 10px; } .comment-container .comment-item .comment-item__body .comment-item__answers-block .comment-item__answer-item .answer-item__body .answer-item__put-answer { margin-top: 10px; color: #999999; } .comment-container .comment-item .comment-item__body .comment-item__answers-block .comment-item__answer-item .answer-item__body .answer-item__put-answer a { color: #999999; font-size: 14px; } .comment-container .comment-item .comment-item__body .comment-item__answers-block .comment-item__answer-item .answer-item__body .answer-item__put-answer a:hover, .comment-container .comment-item .comment-item__body .comment-item__answers-block .comment-item__answer-item .answer-item__body .answer-item__put-answer a:focus, .comment-container .comment-item .comment-item__body .comment-item__answers-block .comment-item__answer-item .answer-item__body .answer-item__put-answer a:active { color: #005f9f; text-decoration: none; } .info-block { border-bottom: solid 1px #ebebeb; padding: 27px 20px 30px; } .info-block .info-block__header { color: #005f9f; font-size: 18px; margin-bottom: 18px; } .info-block .info-block__text { font-size: 14px; line-height: 18px; padding-right: 50px; } .info-block .info-block__text ul { padding: 0; margin: 0 0 0 16px; } .info-block .info-block__text ul li { color: #999999; } .info-block .info-block__text ul li .list-inner { color: #3f4244; } .info-block .info-block__text ul li.list_first { list-style: none; margin-bottom: 4px; } .info-block .info-block__text ul li.list_first .list-inner { font-weight: 700; color: #000000; } @media (max-width: 1900px) { .info-block .info-block__text ul { margin: 20px 0 0 16px; } } @media (max-width: 992px) { .info-block { padding: 27px 20px 30px; } .info-block .info-block__header { font-size: 27px; line-height: 27px; margin-bottom: 28px; } .info-block .info-block__text { font-size: 21px; line-height: 26px; padding-right: 20px; } .info-block .info-block__text p { line-height: 26px; } .info-block .info-block__text ul { margin: 20px 0 0 24px; } .info-block .info-block__text ul li.list_first { margin-bottom: 10px; } } @media (max-width: 720px) { .info-block { padding: 20px 12px; } .info-block .info-block__header { font-size: 21px; line-height: 21px; margin-bottom: 20px; } .info-block .info-block__text { font-size: 16px; line-height: 20px; padding-right: 10px; } .info-block .info-block__text p { line-height: 20px; } .info-block .info-block__text ul { margin: 20px 0 0 20px; } .info-block .info-block__text ul li.list_first { margin-bottom: 15px; } .info-block img { max-width: 100%; } } .inner-section_full-width { margin-bottom: 10px; /*& div[class^=col-]:nth-child(2) { margin: 0; padding: 0; }*/ } .inner-section_full-width .inner-block { min-height: 692px; vertical-align: top; } .inner-section_full-width .inner-block.mobile-visible { display: none; } @media (max-width: 991px) { .inner-section_full-width.authorisation { margin-bottom: 0; /*& .row { margin: 0; padding: 0; }*/ /*& div[class^=col-], & div[class^=col-]:nth-child(2) { margin: 0 0 10px 0; padding: 0; }*/ } .inner-section_full-width.authorisation .inner-block { min-height: 110px; padding: 0; } .inner-section_full-width.authorisation .inner-block .mobile-header { font-size: 27px; line-height: 110px; cursor: pointer; padding: 0 20px; } .inner-section_full-width.authorisation .inner-block.mobile-hide { display: none; } .inner-section_full-width.authorisation .inner-block.mobile-visible { display: block; } .inner-section_full-width.authorisation .inner-block .mobile-forgot-pass { height: 68px; line-height: 66px; background: #f2f7fa; text-align: center; } .inner-section_full-width.authorisation .inner-block .mobile-forgot-pass a { color: #005f9f; font-size: 21px; display: inline; } } @media (max-width: 767px) { .inner-section_full-width.authorisation .inner-block { min-height: 118px; padding: 0; } .inner-section_full-width.authorisation .inner-block .mobile-header { font-size: 21px; line-height: 118px; cursor: pointer; padding: 0 12px; } .inner-section_full-width.authorisation .inner-block .mobile-forgot-pass { height: 40px; line-height: 38px; } .inner-section_full-width.authorisation .inner-block .mobile-forgot-pass a { font-size: 16px; } } @media (max-width: 480px) { .inner-section_full-width.authorisation .inner-block { min-height: 1%; padding: 0; } .inner-section_full-width.authorisation .inner-block .mobile-header { font-size: 21px; line-height: 26px; cursor: pointer; padding: 40px 12px; } .inner-section_full-width.authorisation .inner-block .mobile-forgot-pass { height: 40px; line-height: 38px; } .inner-section_full-width.authorisation .inner-block .mobile-forgot-pass a { font-size: 16px; } } .form-container { width: 252px; padding: 66px 0 0 0; margin: 0 auto; vertical-align: top; border-top: solid 1px #e7eef0; } .form-container .row { padding: 0; margin: 0; } .form-container div[class^=col-]:not(div[class~=-offset-]) { padding: 0; margin: 0; } .form-container .form-container__header { font-size: 18px; line-height: 22px; margin-bottom: 10px; color: #3f4244; } .form-container input, .form-container button { width: 100%; } .form-container .forgot-pass { display: block; margin-top: 6px; text-align: right; color: #005f9f; } @media (max-width: 992px) { .form-container { width: 100%; padding: 20px; margin: 0 auto; vertical-align: top; } .form-container .row { padding: 0; margin: 0; } .form-container div[class^=col-] { padding: 0 !important; margin: 0 !important; } .form-container .form-container__header { display: none; } } @media (max-width: 720px) { .form-container { padding: 20px 12px; } } .inner-section_full-width.order .col-item { width: 45%; } .inner-section_full-width.order .col-quantity { width: 20%; } .inner-section_full-width.order .col-discount { width: 15%; } .inner-section_full-width.order .col-cost { width: 15%; } .inner-section_full-width.order .col-remove { width: 5%; } .inner-section_full-width.order .order-cart__header { padding: 0 20px; background: #fff; min-height: 50px; border-bottom: solid 1px #ebebeb; } .inner-section_full-width.order .order-cart__header .order-cart-header__col { font-weight: 700; font-size: 14px; line-height: 60px; max-height: 50px; display: inline-block; } .inner-section_full-width.order .order-cart__header .order-cart-header__col:not(:first-of-type) { margin-left: -4px; text-align: center; } .inner-section_full-width.order .order-cart__body { background: #fff; padding: 22px 0 20px; border-bottom: solid 1px #ebebeb; } .inner-section_full-width.order .order-cart__body .errortext { display: block; text-align: center; font-size: 18px; } .inner-section_full-width.order .order-cart__body .order-cart-body__col { display: inline-block; } .inner-section_full-width.order .order-cart__body .order-cart-body__col:not(:first-of-type) { margin-left: -4px; text-align: center; } .inner-section_full-width.order .order-cart__body .order-item { background: #fff; padding: 10px 20px; } .inner-section_full-width.order .order-cart__body .order-item .order-cart__mobile-view, .inner-section_full-width.order .order-cart__body .order-item .order-cart__mobile-attributes { display: none; } .inner-section_full-width.order .order-cart__body .order-cart__img-container { vertical-align: middle; display: inline-block; width: 136px; height: 136px; overflow: hidden; position: relative; } .inner-section_full-width.order .order-cart__body .order-cart__img-container img { display: block; /*width: auto; height: 136px;*/ position: absolute; left: 50%; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .inner-section_full-width.order .order-cart__body .order-cart__data-container { vertical-align: middle; display: inline-block; width: 50%; padding-left: 20px; } .inner-section_full-width.order .order-cart__body .order-cart__data-container .order-item__name { font-size: 14px; font-weight: 700; line-height: 18px; margin-bottom: 10px; } .inner-section_full-width.order .order-cart__body .count input { width: 45px; display: inline-block; vertical-align: middle; text-align: center; } .inner-section_full-width.order .order-cart__body .count .minus, .inner-section_full-width.order .order-cart__body .count .plus { display: inline-block; vertical-align: middle; width: 28px; height: 28px; margin-right: 6px; cursor: pointer; position: relative; } .inner-section_full-width.order .order-cart__body .count .plus { margin: 0 0 0 6px; text-align: left; } .inner-section_full-width.order .order-cart__body .col-cost { font-size: 20px; color: #005f9f; font-weight: 700; } .inner-section_full-width.order .order-cart__body .col-remove .remove-field { width: 100%; height: 60px; display: inline-block; vertical-align: middle; position: relative; cursor: pointer; } .inner-section_full-width.order .order-cart__body .col-remove .remove-field .remove-field__icon { width: 13px; height: 12px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/order-remove-icon-sprite.png") 0 0 no-repeat; display: inline-block; position: absolute; top: 50%; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; } @media (max-width: 767px) { .inner-section_full-width.order .col-item { width: 90%; } .inner-section_full-width.order .col-remove { width: 10%; } .inner-section_full-width.order .order-cart__header { display: none; } .inner-section_full-width.order .order-cart__body { background: transparent; padding: 0 0 10px; border-bottom: none; } .inner-section_full-width.order .order-cart__body .order-cart-body__col:not(:first-of-type) { text-align: left; } .inner-section_full-width.order .order-cart__body .order-cart-body__col.col-quantity { display: none; } .inner-section_full-width.order .order-cart__body .order-cart-body__col.col-discount { display: none; } .inner-section_full-width.order .order-cart__body .order-cart-body__col.col-cost { display: none; } .inner-section_full-width.order .order-cart__body .order-item { padding: 20px 12px; } .inner-section_full-width.order .order-cart__body .order-item .order-cart__mobile-view { display: inline-block; vertical-align: middle; padding-left: 20px; } .inner-section_full-width.order .order-cart__body .order-item .order-cart__mobile-view .order-item__name { font-size: 18px; font-weight: 700; line-height: 22px; color: #000000; width: 100%; height: auto; overflow: hidden; margin-bottom: 20px; } .inner-section_full-width.order .order-cart__body .order-cart__img-container { width: 120px; height: 135px; } .inner-section_full-width.order .order-cart__body .order-cart__img-container img { /*height: 135px;*/ } .inner-section_full-width.order .order-cart__body .order-cart__data-container { display: none; } .inner-section_full-width.order .order-cart__body .count { margin-bottom: 14px; } .inner-section_full-width.order .order-cart__body .count input { width: 58px; font-size: 21px; height: 34px; padding: 0; border-color: #b2b2b2; } .inner-section_full-width.order .order-cart__body .count .minus, .inner-section_full-width.order .order-cart__body .count .plus { border: solid 1px #b2b2b2; border-radius: 3px; width: 34px; height: 34px; margin-right: 16px; text-align: center; } .inner-section_full-width.order .order-cart__body .count .plus { margin: 0 0 0 16px; text-align: center; } .inner-section_full-width.order .order-cart__body .mobile-cost { font-size: 1.4rem; color: #005f9f; } .inner-section_full-width.order .order-cart__body .col-remove { vertical-align: top; } .inner-section_full-width.order .order-cart__body .col-remove .remove-field { width: 34px; height: 34px; display: inline-block; vertical-align: top; position: relative; cursor: pointer; border: solid 1px #005f9f; border-radius: 3px; } .inner-section_full-width.order .order-cart__body .col-remove .remove-field .remove-field__icon { width: 16px; height: 16px; background: transparent url("/bitrix/templates/maximus_2018/css/../img/sprites/order-remove-icon-sprite.png") -13px 0 no-repeat; display: block; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; } } @media (max-width: 480px) { .inner-section_full-width.order .col-item { width: 100%; } .inner-section_full-width.order .col-remove { width: auto; position: absolute; right: 12px; top: 12px; } .inner-section_full-width.order .order-cart__body .order-item { padding: 20px 12px; position: relative; } .inner-section_full-width.order .order-cart__body .order-item .order-cart__mobile-view { width: 52%; vertical-align: top; padding: 40px 0 0 20px; } .inner-section_full-width.order .order-cart__body .order-item .order-cart__mobile-view .order-item__name { line-height: 22px; height: 122px; } .inner-section_full-width.order .order-cart__body .order-item .order-cart__mobile-view .count-container, .inner-section_full-width.order .order-cart__body .order-item .order-cart__mobile-view .mobile-cost { display: none; } .inner-section_full-width.order .order-cart__body .order-item .order-cart__mobile-attributes { display: block; vertical-align: top; width: 100%; padding-left: 0; text-align: center; } .inner-section_full-width.order .order-cart__body .order-item .order-cart__mobile-attributes .count-container { display: inline-block; } .inner-section_full-width.order .order-cart__body .order-cart__img-container { width: 120px; height: 135px; } .inner-section_full-width.order .order-cart__body .order-cart__img-container img { /*height: 135px;*/ } } .inner-section_full-width.order-process { /*& div[class^=col-]:nth-child(2) { padding: 0 10px; }*/ } .item-order__result { background: #fff; padding: 30px; text-align: right; } .item-order__result .item-result__container:not(:last-of-type) { margin-bottom: 10px; } .item-order__result .item-result__container > div { display: inline-block; vertical-align: middle; } .item-order__result .item-result__container > div:not(:first-of-type) { margin-left: -4px; } .item-order__result .item-result__container .item-result__header { width: 83%; text-align: right; font-size: 14px; } .item-order__result .item-result__container .item-result__header.item-result__header_total { font-weight: 700; font-size: 18px; } .item-order__result .item-result__container .item-result__body { width: 16.66666667%; text-align: right; font-size: 16px; } .item-order__result .item-result__container .item-result__body.item-result__body_total { font-weight: 700; font-size: 18px; } .item-order__result .purchase { display: inline-block; margin-top: 20px; } @media (max-width: 990px) { .item-order__result { background: #fff; padding: 30px 20px; } .item-order__result .item-result__container:not(:last-of-type) { margin-bottom: 20px; } .item-order__result .item-result__container > div { display: inline-block; vertical-align: middle; } .item-order__result .item-result__container > div:not(:first-of-type) { margin-left: -4px; } .item-order__result .item-result__container .item-result__header { text-align: right; font-size: 21px; } .item-order__result .item-result__container .item-result__header.item-result__header_total { font-weight: 700; font-size: 27px; } .item-order__result .item-result__container .item-result__body { text-align: right; font-size: 24px; } .item-order__result .item-result__container .item-result__body.item-result__body_total { font-weight: 700; font-size: 27px; } .item-order__result .purchase { display: inline-block; margin-top: 40px; width: auto; } } @media (max-width: 720px) { .item-order__result { border-top: solid 1px #ebebeb; background: #fff; padding: 12px; } .item-order__result .item-result__container > div { display: inline-block; vertical-align: middle; } .item-order__result .item-result__container > div:not(:first-of-type) { margin-left: -4px; } .item-order__result .item-result__container .item-result__header { text-align: right; font-size: 18px; } .item-order__result .item-result__container .item-result__header.item-result__header_total { font-size: 19px; } .item-order__result .item-result__container .item-result__body { text-align: right; font-size: 21px; } .item-order__result .item-result__container .item-result__body.item-result__body_total { font-size: 21px; } } @media (max-width: 480px) { .item-order__result .item-result__container .item-result__header { font-size: 16px; } .item-order__result .item-result__container .item-result__header.item-result__header_total { font-size: 17px; } .item-order__result .item-result__container .item-result__body { font-size: 18px; } .item-order__result .item-result__container .item-result__body.item-result__body_total { font-size: 18px; } } .order-process { background-color: #fff; } .order-process-cart { background-color: #fff; padding: 20px; } .order-process-cart .cart-block__header { border-bottom: solid 1px #ebebeb; min-height: 50px; line-height: 48px; padding: 0 20px; font-size: 14px; font-weight: 700; } .order-process-cart .cart-block__header .row > div:not(:first-of-type) { text-align: center; } .order-process-cart .cart-block__header .row div.item-block-header__name { text-align: left; } .order-process-cart .cart-block__body { padding: 0 10px 0 20px; } .order-process-cart .cart-block__body .item-detail-body__container { padding: 4px 0; } .order-process-cart .cart-block__body .item-detail-body__container .order-item-detail__photo { text-align: center; } .order-process-cart .cart-block__body .item-detail-body__container .order-item-detail__name .order-item-name__text { margin-top: 15px; font-size: 1.2rem; line-height: 1.6rem; } .order-process-cart .cart-block__body .item-detail-body__container .order-item-detail__name .order-item-name__text a { color: #3f4244; } .order-process-cart .cart-block__body .item-detail-body__container .order-item-detail__name .order-item-name__text a:hover, .order-process-cart .cart-block__body .item-detail-body__container .order-item-detail__name .order-item-name__text a:focus, .order-process-cart .cart-block__body .item-detail-body__container .order-item-detail__name .order-item-name__text a:active { color: #005f9f; text-decoration: underline; } .order-process-cart .cart-block__body .item-detail-body__container .order-item-detail__name .order-item-detail__price-mobile_xs { display: none; } .order-process-cart .cart-block__body .item-detail-body__container .order-item-detail__price { text-align: center; font-weight: 700; color: #005f9f; margin-top: 15px; font-size: 1.1rem; line-height: 1.6rem; } .order-process-cart .cart-block__body .item-detail-body__container .order-item-detail__price-mobile { text-align: right; float: none; } .order-process-cart .cart-block__body .item-detail-body__container .order-item-detail__count { text-align: center; margin-top: 15px; font-size: 1.1rem; line-height: 1.6rem; } .order-process-cart .order-cart__result { padding: 30px 20px 20px; border-top: solid 1px #ebebeb; } .order-process-cart .order-cart__result .item-result__container { height: auto; line-height: 22px; } .order-process-cart .order-cart__result .item-result__container > div { display: inline-block; text-align: right; } .order-process-cart .order-cart__result .item-result__container > div:not(:first-of-type) { margin-left: -4px; } .order-process-cart .order-cart__result .item-result__container .item-result__header { width: 30%; font-size: 14px; } .order-process-cart .order-cart__result .item-result__container .item-result__header.item-result__header_total { font-weight: 700; font-size: 18px; line-height: 30px; } .order-process-cart .order-cart__result .item-result__container .item-result__body { width: 70%; font-size: 16px; } .order-process-cart .order-cart__result .item-result__container .item-result__body.item-result__body_total { font-weight: 700; font-size: 18px; line-height: 30px; vertical-align: top; } .order-process-cart .order-cart__result .item-result__container .item-result__body.item-result__body_total .delivery-text { font-size: 12px; line-height: 16px; } @media (max-width: 991px) { .order-process-cart { margin-bottom: 30px; } } @media (max-width: 767px) { .order-process-cart .cart-block__body .item-detail-body__container .order-item-detail__name .order-item-name__text { text-align: center; } .order-process-cart .order-cart__result { padding: 20px 0 10px; } } .order-process .user-props-header { font-size: 16px; margin-bottom: 20px; } .order-process .user-props-header a { font-size: 16px; text-decoration: underline; } .order-process-body .process-body__inner-block { border-bottom: solid 1px #ebebeb; } .order-process-body .process-body__inner-block:first-of-type .form-group { margin-bottom: 0; } .order-process-body .process-body__inner-block:first-of-type .radio-block { display: inline-block; } .order-process-body .process-body__inner-block:first-of-type .radio-block:first-of-type { margin-right: 46px; } .order-process-body .process-body__inner-block input[type=text], .order-process-body .process-body__inner-block input[type=date] { width: 100%; } .order-process-body .process-body__inner-block .radio-block input[type=radio] + label { font-size: 18px; margin-right: 12px; } .order-process-body .process-body__inner-block .radio-block input[type=radio] + label a { color: #005f9f; font-size: 12px; } .order-process-body .process-body__inner-block .form-center-block { margin: 20px 0; } .order-process-body .process-body__inner-block .process-inner-block__action-block { border-left: solid 3px transparent; padding: 42px 0 38px; } .order-process-body .process-body__inner-block .process-inner-block__action-block.pass { border-left-color: #005f9f; } .order-process-body .process-body__inner-block .process-inner-block__action-block.error { border-left-color: #ee2e22; } .order-process-body .process-body__inner-block .process-inner-block__action-block .form-block { margin-bottom: 0; } .order-process-body .order-section__header { text-transform: uppercase; font-size: 18px; padding: 0 38px; margin-bottom: 26px; } .order-process-body .order-section__field { padding: 0 38px; } @media (max-width: 990px) { .order-process-body .process-body__inner-block .radio-block input[type=radio] + label a { font-size: 18px; } .order-process-body .process-body__inner-block .form-center-block { margin: 20px 0; } .order-process-body .process-body__inner-block .process-inner-block__action-block { border-left: solid 3px transparent; padding: 42px 0 38px; } .order-process-body .process-body__inner-block .process-inner-block__action-block .btn.btn-red { width: auto; padding: 0 60px; } } @media (max-width: 720px) { .order-process-body .process-body__inner-block .radio-block { margin-bottom: 20px; } .order-process-body .process-body__inner-block .radio-block input[type=radio] + label { line-height: 24px; } .order-process-body .process-body__inner-block .process-inner-block__action-block .btn.btn-red { width: 100%; padding: 0; } } @media (max-width: 992px) { .order-process-body .process-body__inner-block .form-center-block { margin: 0; } .order-process-body .process-body__inner-block .process-inner-block__action-block { padding: 30px 0 10px; } .order-process-body .order-section__header { font-size: 27px; line-height: 31px; padding: 0 20px; } .order-process-body .order-section__field { padding: 0 20px; } .order-process-body .order-section__field .form-group { margin-bottom: 18px; } .order-process-body .order-section__field label { font-size: 18px; margin-bottom: 6px; } } @media (max-width: 480px) { .order-process-body .process-body__inner-block .process-inner-block__action-block { padding: 25px 0 10px; } .order-process-body .order-section__header { font-size: 21px; line-height: 24px; padding: 0 12px; } .order-process-body .order-section__field { padding: 0 12px; } .order-process-body .order-section__field .form-group { margin-bottom: 18px; } } .order-checkout { margin-bottom: 10px; } .order-confirm-body { padding: 30px 20px; } .order-confirm-body .order-confirm__header { font-size: 1.2rem; line-height: 1.4rem; margin-bottom: 20px; text-transform: uppercase; } .order-confirm-body .order-confirm__info-block { margin-bottom: 30px; } .order-confirm-body .order-confirm__info-block .text_block { margin-bottom: 10px; line-height: 1.2rem; font-size: 1rem; } .order-confirm-body .confirm-action { margin-top: 30px; } .order-confirm-body textarea { min-height: 100px; } @media (max-width: 991px) { .order-confirm-body { padding: 30px 20px; } .order-confirm-body .order-confirm__header { font-size: 1.6rem; margin-bottom: 25px; text-transform: uppercase; line-height: 1.8rem; } .order-confirm-body .order-confirm__info-block { margin-bottom: 38px; } .order-confirm-body .order-confirm__info-block .text_block { font-size: 18px; margin-bottom: 10px; line-height: 24px; } .order-confirm-body .form-info { font-size: 18px; line-height: 24px; } .order-confirm-body .confirm-action { margin-top: 30px; } .order-confirm-body .confirm-action > a { width: auto; padding: 0 80px; } .order-confirm-body textarea { width: 80%; } } @media (max-width: 720px) { .order-confirm-body .order-confirm__header { font-size: 27px; line-height: 34px; } .order-confirm-body .order-confirm__info-block { margin-bottom: 38px; } .order-confirm-body .order-confirm__info-block .text_block { font-size: 18px; margin-bottom: 10px; line-height: 24px; } .order-confirm-body .form-info { font-size: 18px; line-height: 24px; } .order-confirm-body .confirm-action { margin-top: 30px; } .order-confirm-body .confirm-action > a { width: auto; padding: 0 80px; } .order-confirm-body textarea { width: 80%; } } @media (max-width: 480px) { .order-confirm-body { padding: 20px 12px; } .order-confirm-body .row { /*& div[class^=col-]:first-of-type{ padding-right: 10px; } & div[class^=col-]:last-of-type{ padding-left: 10px; }*/ } .order-confirm-body .order-confirm__header { font-size: 21px; line-height: 26px; } .order-confirm-body .order-confirm__info-block { margin-bottom: 30px; } .order-confirm-body .order-confirm__info-block .text_block { font-size: 14px; line-height: 18px; margin-bottom: 10px; word-break: break-all; } .order-confirm-body .form-info { font-size: 14px; line-height: 18px; } .order-confirm-body .confirm-action { margin-top: 30px; } .order-confirm-body .confirm-action > a { width: 100%; padding: 0; } .order-confirm-body textarea { width: 100%; } } .brand-container { background-color: #fff; } .brand-container .brand-logo { float: left; margin: 0 30px 10px 0; } .brand-container .text-container { padding: 20px; } .brand-container .text-container h2 { font-size: 1.6rem; font-weight: 700; line-height: 1.8rem; margin: 0 0 12px 0; } .brand-container .text-container h3 { font-size: 1.2rem; font-weight: 500; letter-spacing: normal; line-height: 1.4rem; margin-bottom: 5px; } .brand-container .text-container ul { list-style-position: inside; } .detail-ean { vertical-align: middle; } .mobile-item-result__container { font-size: 2rem; width: 100%; margin: 10px 0; padding: 10px 0 0; } .mobile-item-result__container:last-of-type { padding-bottom: 20px; } .mobile-item-result__container > div { line-height: 25px; display: inline-block; } .hide { display: none !important; } #side_wishlist::before, div[data-retailrocket-markup-block="5bd3252797a52515304e8814"]::before{ display:none!important; } .col-lg-9 + .col-lg-3 #side_wishlist::before,.col-lg-9 + .col-lg-3 div[data-retailrocket-markup-block="5bd3252797a52515304e8814"]::before{ display:block!important; } .active-menu-container{ overflow: auto!important; } body ::-webkit-scrollbar { width: 4px; height: 4px; } body ::-webkit-scrollbar-button { width: 0px; height: 0px; } body ::-webkit-scrollbar-thumb { background: #005f9f; border-radius: 0px; } body ::-webkit-scrollbar-thumb:hover { background: #005f9f; } body ::-webkit-scrollbar-thumb:active { background: #005f9f; } body ::-webkit-scrollbar-track { background: #ffffff; border: 0px none #ffffff; border-radius: 0px; } body ::-webkit-scrollbar-track:hover { background: #ffffff; } body ::-webkit-scrollbar-track:active { background: #ffffff; } body ::-webkit-scrollbar-corner { background: transparent; } .rr-widget .widgettitle h2{ font-family: 'PT Sans',sans-serif!important; } .rr-widget{ padding: 0!important; } .retailrocket-w[data-s="5bd3252797a52515304e8814"] .retailrocket-widgettitle{ margin-bottom: 35px; } #main_section{ overflow: hidden; } .subscribe-container__form{ padding-bottom: 20px; } .rr-widget[data-s="5ab278cd97a5280b14f075d6"] .rr-item{ padding: 30px 30px 15px!important; } .rr-widget .rr-item{ padding: 30px 30px 15px!important; } .text-container .borderign .text-container__inner{ padding: 0; } .footer-menu-container .btn.btn-subscribe{ height: 37px; } .shop-search-block__cities_block, .top-search-block__result_block{ overflow: auto; } .shop-data-header>div>div:first-of-type { padding-left: 20px; } .shop-item__text-container { padding-left: 20px; } .shop-item__text-container::before{ left: -22px; top: 3px; } #shopContainer{ margin: 0; } .footer-screen__full .row>[class^=col-] .footer-menu-container{ margin-top: 15px; } .footer-menu__body + .footer-menu__header{ margin-top: 28px; } /*# sourceMappingURL=style.css.map */ .mobile-active-menu-wrapper .mobile-menu-close{ top: 20px; right: 20px; } .mobile-active-menu-wrapper .menu-container{ width: 80%; width: calc(100% - 60px); max-width: 500px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_scrollTools { right: 24px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul { list-style: none; padding: 0; margin: 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li { margin: 0 30px 0 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li a { display: block; border-top: solid 1px #b2b2b2; margin: 0 30px; height: 92px; font-size: 27px; line-height: 88px; vertical-align: middle; color: #3f4244; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li a:focus, .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li a:hover, .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li a:active { text-decoration: none; color: #005f9f; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li a.catalog::before { content: ""; display: inline-block; width: 31px; height: 42px; vertical-align: middle; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-mobile-catalog.svg") 0 0 no-repeat; margin-right: 21px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li a.cart { border-top: none; margin: 0 30px 0 13px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li a.cart::before { content: ""; display: inline-block; width: 55px; height: 44px; vertical-align: middle; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-mobile-cart.svg") 0 0 no-repeat; margin-right: 13px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li a.wishlist { border-top: none; margin: 0 30px 0 22px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li a.wishlist::before { content: ""; display: inline-block; width: 44px; height: 38px; vertical-align: middle; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-mobile-wishlist.svg") 0 0 no-repeat; margin-right: 15px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li a.address::before { content: ""; display: inline-block; width: 31px; height: 37px; vertical-align: middle; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-mobile-address.svg") 0 0 no-repeat; margin-right: 19px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li a.personal::before { content: ""; display: inline-block; width: 30px; height: 40px; vertical-align: middle; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-mobile-personal.svg") 0 0 no-repeat; margin-right: 16px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li .panel-group { margin-bottom: 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li .panel-group .panel { border: none; background: transparent; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li .panel-group .panel + .panel { margin-top: 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li .panel-group .panel-default > .panel-heading { background: transparent; padding: 0; border: none; color: #3f4244; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li .panel-group .panel-default > .panel-heading .panel-title { margin-top: 0; margin-bottom: 0; font-size: 26px; color: inherit; font-weight: 400; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li .panel-group .panel-default > .panel-heading .panel-title a { border-bottom: none; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li .panel-group .panel-default .panel-body { background: #fff; border: none; padding: 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li .panel-group .panel-default .panel-body ul { padding: 0; margin: 0 30px; list-style: none; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li .panel-group .panel-default .panel-body ul li a { padding: 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li.mobile-menu__item_first-level { background: #efefef; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li.mobile-menu__item_first-level a { margin: 0; padding: 0 30px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li:first-of-type a { border-top: none; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block .mCSB_scrollTools { right: 4px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li { min-height: 44px; margin: 0 10px 0 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li a { margin: 0 0 0 20px; height: auto; font-size: 18px; line-height: 20px; padding: 10px 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li a.catalog::before { content: ""; display: inline-block; width: 19px; height: 24px; vertical-align: middle; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-mobile-catalog.svg") 0 0 no-repeat; margin-left: 12px; margin-right: 27px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li a.cart { border-top: none; margin: 0 0 0 20px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li a.cart::before { content: ""; display: inline-block; width: 32px; height: 25px; vertical-align: middle; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-mobile-cart.svg") 0 0 no-repeat; margin-left: 1px; margin-right: 24px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li a.wishlist { border-top: none; margin: 0 0 0 20px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li a.wishlist::before { content: ""; display: inline-block; width: 25px; height: 22px; vertical-align: middle; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-mobile-wishlist.svg") 0 0 no-repeat; margin-left: 6px; margin-right: 25px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li a.address::before { content: ""; display: inline-block; width: 21px; height: 25px; vertical-align: middle; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-mobile-address.svg") 0 0 no-repeat; margin-left: 6px; margin-right: 29px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li a.personal::before { content: ""; display: inline-block; width: 20px; height: 27px; vertical-align: middle; -webkit-background-size: cover; background-size: cover; background: transparent url("/bitrix/templates/maximus_2018/css/../img/icons-svg/menu-mobile-personal.svg") 0 0 no-repeat; margin-left: 6px; margin-right: 30px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li .panel-group { margin-bottom: 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li .panel-group .panel { border: none; background: transparent; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li .panel-group .panel + .panel { margin-top: 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li .panel-group .panel-default > .panel-heading { background: transparent; padding: 0; border: none; color: #3f4244; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li .panel-group .panel-default > .panel-heading .panel-title { margin-top: 0; margin-bottom: 0; font-size: 18px; line-height: 20px; color: inherit; font-weight: 400; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li .panel-group .panel-default > .panel-heading .panel-title a { padding: 10px 0 10px 20px; border-bottom: none; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li .panel-group .panel-default .panel-body { background: #fff; border: none; padding: 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li .panel-group .panel-default .panel-body ul { padding: 0; margin: 0 0 0 20px; list-style: none; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li .panel-group .panel-default .panel-body ul li a { padding: 10px 0; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li.mobile-menu__item_first-level { background: #efefef; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li.mobile-menu__item_first-level a { margin: 0; padding: 10px 0 10px 20px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li:first-of-type a { border-top: none; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li a{ margin: 0 0 0 15px; } .mobile-menu-block{ overflow: auto; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li a.address::before{ margin-left: 13px; margin-right: 22px; } .mobile-active-menu-wrapper .menu-container .mobile-menu-block > ul li a.personal::before{ margin-left: 13px; margin-right: 22px; } .mobile-active-menu-wrapper .menu-container .search-block button.search-btn { width: 37px; height: 37px; padding: 6px; } .mobile-active-menu-wrapper .menu-container .search-block button.search-btn::before{ width: 16px; height: 16px; } .mobile-active-menu-wrapper .menu-container .search-block { padding: 0 15px; } .offer-cart__link::before{ top: 9px; left: -17px; } .retailrocket-w .retailrocket-actions-buy::before{ top: 22px!important; left: -17px!important; } .news-block-detail{ padding: 15px; margin-bottom: 20px; } .pagination-container .pagination-block .pagination li a, .pagination-container .pagination-block .pagination li span { font-size: 14px; line-height: 32px; width: 32px; height: 32px; } .pagination-container .pagination-block .pagination li:first-child a, .pagination-container .pagination-block .pagination li:first-child span, .pagination-container .pagination-block .pagination li:last-child a, .pagination-container .pagination-block .pagination li:last-child span{ line-height: 24px; } .tp-banner-container::after { content: ""; background: transparent url(/bitrix/templates/maximus_2018/css/../img/spring/r-flower.png) right top no-repeat; width: 174px; height: 198px; display: block; position: absolute; top: 0; right: -140px; z-index: -1; margin: 110px 0 0 170px; } @media screen and (max-width: 1279px){ .tp-banner-container::after{ display: none; } } /* End */ /* Start:/bitrix/templates/maximus_2018/css/media.css?159164882619599*/ @media (max-width: 767.98px){ body > header { padding-top: 0; background: #fff; } .rr-widget{ padding: 0 15px!important; } .subcontainer { width: 100% !important; padding: 0 15px !important; } .main-news__item{ padding: 15px 0; } .main-news__block .news-block__date{ margin-bottom: 5px; } .review-carosel-container .review-item-carosel{ margin-top: 10px; } .rr-widget .widgettitle h2{ line-height: 1.4; } .review-item .text-container__name{ margin-bottom: 10px; height: auto; } .review-item .text-container__text{ height: 50px; } .review-item .review-item__text-container{ height: 130px; } .review-carosel-container { height: 430px; } .brands-item{ width: 100%; } .brands-item .brands-item__image-container img:hover { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); } .brands-carosel-container .brands-item-carosel { border-bottom: solid 0px #e9e9e9; } footer{ margin-left: 15px; margin-right: 15px; } .rr-widget .slick-prev, .rr-widget .slick-next{ width: 31px!important; } .rr-widget[data-s="5ab278cd97a5280b14f075d6"] .slick-prev, .rr-widget .slick-next{ width: 31px!important; } .slick-slide{ height: max-content; } .rr-widget .rr-item-image{ height: 160px; } ::-webkit-scrollbar { width: 4px; height: 4px; } ::-webkit-scrollbar-button { width: 0px; height: 0px; } ::-webkit-scrollbar-thumb { background: #005f9f; border-radius: 0px; } ::-webkit-scrollbar-thumb:hover { background: #005f9f; } ::-webkit-scrollbar-thumb:active { background: #005f9f; } ::-webkit-scrollbar-track { background: #ffffff; border: 0px none #ffffff; border-radius: 0px; } ::-webkit-scrollbar-track:hover { background: #ffffff; } ::-webkit-scrollbar-track:active { background: #ffffff; } :-webkit-scrollbar-corner { background: transparent; } .digi-autocomplete-container{ width: 100%!important; left: 0!important;padding-bottom: 60px; } .catalog-item .catalog-item__block{ padding: 10px; } .catalog-container.bottom_border{ border-bottom: 0; } .container.catalog_container.bottom_border{ border-bottom: 0; } .info-block .info-block__text ul+b{ padding-top: 20px; display: inline-block; } .info-block .info-block__text ol{ padding-top: 20px; } .info-block .info-block__text ul+p{ padding-top: 20px; } .info-block .info-block__text b+p{ padding-top: 20px; } .padding_bottom_bootstrap.border-bottom{ border-bottom: 0; } table td p{ margin-bottom: 0px; } table td{ padding-bottom: 10px; } .padding_bottom_bootstrap.border-bottom img{ max-width: 100%; height: auto; } .shop-item__text-container{ padding-left: 35px; } .shop-item__text-container::before{ top: 4px; } .shop-item .text-container__name{ margin-bottom: 5px; } .shop-item{ padding: 10px 0 0!important ; } .pagination-container .pagination-block .pagination li{ margin: 5px; } .pagination-container .pagination-block .pagination li a, .pagination-container .pagination-block .pagination li span { font-size: 14px; line-height: 32px; width: 32px; height: 32px; } .pagination-container .pagination-block .pagination li:first-child a, .pagination-container .pagination-block .pagination li:first-child span, .pagination-container .pagination-block .pagination li:last-child a, .pagination-container .pagination-block .pagination li:last-child span { border: none; font-size: 26px; line-height: 32px; padding: 0px 0; margin-right: 0px; } .pagination-container .pagination-block .pagination li:last-child a, .pagination-container .pagination-block .pagination li:last-child span{ margin-left: 0; } .btn.btn-subscribe{ margin-bottom: 1rem; } .filter-container { width: 100%; left: 0; } .container.catalog_container .rr-widget { padding: 0 0px!important; } .filter-container .brand-block .filter-block__body { height: 200px; overflow: auto; } .item-order__result .item-result__container .item-result__body{ width: 30%; } .item-order__result .item-result__container .item-result__header{ width: 70%; } .btn.btn-blue-buy{ margin-right: 15px; } .top-menu-item__link.link_narrow{ border-bottom: 0; text-decoration: none; margin: 0; } .top-cart.active .top-cart__img::before, .top-cart__img::before{ top: -2px; right: -9px; background: #ee2e22; color: #fff; } .modal-dialog{ padding: 15px; margin: 0; } .modal-sm{ width: 100%; max-width: 100%; } .modal-md{ width: 100%; max-width: 100%; } .modal-content{ min-height: 100%; border-radius: 0; } .modal-header{ height: 53px; padding: 0 15px 0 15px; border-radius: 0; } .modal-header .modal-title{ font-size: 18px; line-height: 53px; } .modal-content .modal-body{ padding: 30px 15px; } .modal-footer{ font-size: 16px; padding: 10px 15px; justify-content: space-between; height: auto; } .modal-header button.close{ padding: 0px 10px; font-size: 52px; margin-top: 0; } #regisration_step_1{ width: 100%!important; } .modal-md .modal-header button.close{ padding: 0px 10px; font-size: 52px; margin-top: 0; } #registrationModal .modal-dialog { height: auto; } .btn.btn-red.send::before{ width: 21px; height: 19px; } .carousel-item__inner{ padding: 15px; } .rr-widget .rr-item{ padding: 15px!important; } .rr-widget[data-s="5ab278cd97a5280b14f075d6"] .rr-item{ padding: 15px!important; } .rr-widget .rr-interaction-block .available{ top: 32px!important; left: -13px!important; } .offer-cart__link::before{ top: 3px; left: -17px; } .retailrocket-w[data-s='5bd3252797a52515304e8814'] .retailrocket-actions-buy::before{ top: 3px; left: -17px; } .tp-banner-container{ height: 40vw; } .tp-banner-container .item .img-bg{ height: 40vw; } .catalog-item{ margin-bottom: 15px; } .item-img-wrap{ width: 50px; margin-right: 10px; } .subscribe-container__form.subscribe-form .form-inline{ flex-wrap: nowrap; } .section-action .filter-action__params a{ text-transform: none; text-decoration: none; } .section-action .sort-action a{ text-decoration: none; } .section-action .sort-action i{ font-size: 16px; } .section-action .filter-action{ font-size: .8rem; } .modal-body .radio-block input[type=radio] + label::before{ top: 6px; } .modal-body .radio-block input[type=radio]:checked + label::after{ top: 11px; } .modal-body .radio-block input[type=radio] + label .fa{ font-size: 14px; } .filter-container { width: 100%; padding-left: 15px; padding-right: 15px; margin: 0; background: none; -webkit-box-shadow: none; box-shadow: none; } .filter-container .filter-header__adaptive{ font-size: 18px; font-weight: 400; padding: 15px; height: 53px; color: #fff; background: #005f9f; } .mobile-filter-close{ width: 16px; height: 16px; top: 17px; right: 30px; filter: brightness(0) invert(1); } .filter-container .bordered_block.rounded_block{ border-radius: 0; background: #fff; border: none; } .filter-container .filter-btn__container{ padding: 15px; margin: 0; } .btn.btn__search-reset{ border: solid 1px #e8e8e8; font-weight: 400; } .filter-container .brand-block { padding: 15px 0; margin-left: 15px; margin-right: 15px; } .filter-container .price-block { padding: 5px 0; margin-left: 15px; margin-right: 15px; } .filter-container .tags-block { padding: 5px 0; margin-left: 15px; margin-right: 15px; } .filter-container .filter-block__header { font-size: 18px; line-height: 1.1; font-weight: 400; position: relative; } .filter-container .filter-block__header i.fa { top: 7px; font-size: 11px; } .filter-container .filter-block__body .checkbox-block input[type=checkbox]+label::before{ width: 24px; height:24px; top: 0; } .filter-container .filter-block__body .checkbox-block input[type=checkbox]:checked+label::after{ top: 5px; left: 5px; width: 14px; height: 14px; } .filter-container .filter-block__body .checkbox-block input[type=checkbox]:not(checked)+label{ padding-left: 30px; } .filter-container .filter-block__body .checkbox-block { margin-bottom: 0; width: 100%; } .filter-container .filter-action{ padding: 15px 0; } .filter-container .filter-action .btn-blue{ font-size: 18px; height: 40px; line-height: 36px; } .filter-container .filter-block__header.filter-down+.filter-block__body{ display: flex!important; justify-content: space-between; flex-wrap: wrap; } .item-detail .detail-action-container .card-action { width: 100%; } .item-detail .detail-action-container .card-action .btn.btn-blue-buy { margin-right: 0; } .tab-detail__container-body .detail-options__body .option-container, .tab-detail__container-body .detail-options__body .option-value{ font-size: 14px; height: auto; min-height: auto; width: auto; padding: 5px 15px; } .tab-detail__container-body .table-striped tbody tr.header-row .detail-options__header{ margin: 10px 0px; } .delivery-tab__container, .detail-text__container, .complect__container, .review__container{ padding: 0 15px; font-size: 14px; } .delivery-tab__container, .detail-text__container, .complect__container, .review__container h3{ margin-bottom: 10px; margin-top: 15px; } .filter-container .filter-block__body .range-values input{ width: 100%; } .tab-detail__container-body .detail-options__header{ padding: 15px; margin: 0; } #cart-form .alert-danger{ margin: 15px; } #cart-form .order-cart__body .order-cart__img-container { width: 70px; height: 70px; } #cart-form .order-cart__body .order-item .order-cart__mobile-view{ width: 74%; padding-right: 40px } #cart-form .order-cart__body{ padding: 15px 0; } #cart-form .order-cart__body .order-cart__img-container img { height: 100%; } #cart-form .order-cart__body .order-item .order-cart__mobile-view .order-item__name{ height: 70px; } #cart-form .order-cart__body .order-item .order-cart__mobile-attributes { display: flex; justify-content: space-between; } #cart-form .order-cart__body .count { margin-bottom: 0; } #cart-form .order-cart__body .col-remove .remove-field{ width: 24px; height: 24px; } #cart-form .order-cart__body .col-remove .remove-field .remove-field__icon{ width: 12px; height: 12px; background-size: cover; background-position: -10px; } #cart-form .order-cart__body .mobile-cost{ padding-top: 9px; } #cart-form .order-cart__body .order-item + .order-item .order-cart-body__col{ border-top: solid 1px #ebebeb; padding-top: 15px; } #cart-form .order-cart__body .order-item{ padding: 0px 15px 15px; } #cart-form .item-order__result .item-result__container .item-result__header.item-result__header_total{ font-size: 17px; line-height: 23px; display: inline-block; vertical-align: text-bottom; } #cart-form .item-order__result .item-result__container .item-result__body.item-result__body_total{ font-size: 18px; display: inline-block; vertical-align: bottom; } #cart-form{ padding-bottom: 30px; } .order-process-cart{ padding: 15px; } .order-process-cart .cart-block__header{ min-height: 0; padding: 0; font-size: 18px; line-height: 1.1; padding-bottom: 15px; } .order-process-cart .cart-block__body{ padding: 0; } .order-process-cart .cart-block__body .item-detail-body__container { padding: 15px 0; } .order-process-cart .cart-block__body .item-detail-body__container .order-item-detail__photo img{ height: 60px; } .order-process-body .process-body__inner-block .radio-block{ margin-bottom: 0; } #delivery_pass_container .order-process-body .order-section__field .form-group { margin-bottom: 0px; } #pay_container .order-process-body .order-section__field .form-group { margin-bottom: 0px; } .order-process-body .process-body__inner-block .process-inner-block__action-block .form-block a.btn.btn-blue-buy { margin-right: 0; width: 100%; } .personal-data-container{ margin-left: -15px; margin-right: -15px; } .personal-data-container .form-header{ padding: 0 15px; } .personal-data-container .form-block .form-group input{ width: 100%; } .personal-data-container .checkbox-block{ padding: 0 15px; } .personal-data-container #profile-submit{ margin-left: 15px; } .personal-data-container .logictim_bonus_block{ padding: 0 15px; } .mobile-active-menu-wrapper .menu-container .search-block input[type=search] { padding-left: 15px; } .modal-body .shop-search-block__search-block { padding: 0; } .shop-search-block__cities_block, .top-search-block__result_block{ margin-top: 15px; } .shop-search-block__cities_block, .top-search-block__result_block .city-list__item{ padding-left: 8px; } .shop-search-block__rdelivery-block{ padding: 15px 0; } .shop-search-block__cities_block, .top-search-block__result_block .rdelivery-block__action .btn.btn-blue{ margin-left: 0px; } .ex_shop .looking-carosel-container.subcontainer-md.subcontainer{ padding: 0!important; } .looking-item { text-align: center; padding: 15px; } .main-news-wrap{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .catalog_container{ width: 100%; max-width: initial; padding: 0 15px; } .btn-comments{ margin-left: 15px; } .section-shop-action{ flex: 0 0 100%; max-width: 100%; } .order-cart__mobile-view .count-container{ display:none; } .inner-section_full-width.order .order-cart__body .order-item .order-cart__mobile-view{ padding: 0 40px 0 20px; } #cart-form .order-cart__body .order-item + .order-item .order-cart-body__col.col-remove{ border: none; padding-top: 0; } .order-cart__mobile-view .mobile-cost{ display: none; } .inner-section_full-width.order .col-item{ width: 100%; } .order-item{ position: relative; } .inner-section_full-width.order .order-cart__body .col-remove .remove-field{ position: absolute; top: 15px; right: 15px; } } @media (min-width: 576px) and (max-width: 991.98px){ .item-img-wrap.block{ display: none!important; } .catalog-item__block{ text-align: center; } .item-img-wrap{ margin: 0 auto; margin-top: 10px; width: 120px; height: 120px; margin-bottom: 10px; } .item-img-wrap img{ height: 120px; } .work-desc h2{ height: 44px; text-align: center; } .work-desc{ width: 100%; } .left_part .shared-container{ display: none!important; } .item-description__block .container{ padding: 0; } .offer-cart__link::before{ top: 4px; left: -30px; } .retailrocket-w[data-s='5bd3252797a52515304e8814'] .retailrocket-actions-buy::before{ top: 4px; left: -30px; } } @media (min-width: 768px) and (max-width: 991.98px){ .top-menu-item__link.link_narrow.icon-registration{ min-width: 66px; border-bottom: none; margin-left: -15px; } .tp-banner-container .item .img-bg { height: 40vw; } .tp-banner-container{ height: 40vw; } .container { padding-right: 15px; padding-left: 15px; max-width: none; } .subcontainer-md { width: 100% !important; } .main-news-wrap{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .work-desc h2{ height: 44px; } .main-header .container{ padding: 0; } .catalog_container{ border-bottom: none; } .item-description__block .container{ padding: 0 15px; } .filter-container { width: 100%; padding-left: 15px; padding-right: 15px; margin: 0; background: none; -webkit-box-shadow: none; box-shadow: none; left: 0; } .filter-container .filter-header__adaptive{ font-size: 18px; font-weight: 400; padding: 15px; height: 53px; color: #fff; background: #005f9f; } .mobile-filter-close{ width: 16px; height: 16px; top: 17px; right: 30px; filter: brightness(0) invert(1); } .filter-container .bordered_block.rounded_block{ border-radius: 0; background: #fff; border: none; } .filter-container .filter-btn__container{ padding: 15px; margin: 0; } .btn.btn__search-reset{ border: solid 1px #e8e8e8; font-weight: 400; } .filter-container .brand-block { padding: 15px 0; margin-left: 15px; margin-right: 15px; } .filter-container .price-block { padding: 5px 0; margin-left: 15px; margin-right: 15px; } .filter-container .tags-block { padding: 5px 0; margin-left: 15px; margin-right: 15px; } .filter-container .filter-block__header { font-size: 18px; line-height: 1.1; font-weight: 400; position: relative; } .filter-container .filter-block__header i.fa { top: 7px; font-size: 11px; } .filter-container .filter-block__body .checkbox-block input[type=checkbox]+label::before{ width: 24px; height:24px; top: 0; } .filter-container .filter-block__body .checkbox-block input[type=checkbox]:checked+label::after{ top: 5px; left: 5px; width: 14px; height: 14px; } .filter-container .filter-block__body .checkbox-block input[type=checkbox]:not(checked)+label{ padding-left: 30px; } .filter-container .filter-block__body .checkbox-block { margin-bottom: 0; width: 100%; } .filter-container .filter-action{ padding: 15px 0; } .filter-container .filter-action .btn-blue{ font-size: 18px; height: 40px; line-height: 36px; } .filter-container .filter-block__header.filter-down+.filter-block__body{ display: flex!important; justify-content: space-between; flex-wrap: wrap; } .item-order__result .item-result__container .item-result__header{ width: 60%; line-height: 26px; } .item-order__result .item-result__container .item-result__body{ width: 40%; } .item-order__result .item-result__container .item-result__header.item-result__header_total{ vertical-align: text-bottom; } } @media (min-width: 992px) and (max-width: 1199.98px){ footer .subscribe-container .subscribe-container__form .form-group input[type=text]{ width: 100%; max-width: 100%; } footer .subscribe-container .subscribe-container__form .form-group { width: 100%; max-width: 100%; } footer .footer-menu-container .btn.btn-subscribe{ width: 100%; margin-left: 0; margin-top: 10px; } .item-description__block{ margin-left: auto; margin-right: auto; width: 960px; } .item-detail .detail-action-container .card-action{ min-width: 200px; } } @media (min-width: 992px){ .main-news-wrap-banner{ display: block!important; } .work-desc h2{ height: 44px; } } /* End */ /* Start:/bitrix/templates/maximus_2018/css/spring.min.css?15537540521416*/ body>header{padding-top:40px;background:#fff url("/bitrix/templates/maximus_2018/css/../img/spring/top.jpg") center top repeat-x}@media(min-width:1280px){body>header{background:#fff url("/bitrix/templates/maximus_2018/css/../img/spring/top.jpg") center top repeat-x}.tp-banner-container{background:#fff}.tp-banner-container::before{content:"";background:transparent url("/bitrix/templates/maximus_2018/css/../img/spring/l-flower.png") left top no-repeat;width:147px;height:271px;display:block;position:absolute;z-index:-1;margin:40px 0 0 -60px}#side_wishlist::before,div[data-retailrocket-markup-block="5bd3252797a52515304e8814"]::before{content:"";background:transparent url("/bitrix/templates/maximus_2018/css/../img/spring/r-flower.png") right top no-repeat;width:174px;height:198px;display:block;position:absolute;z-index:-1;margin:110px 0 0 170px}.main-section:not(.main-page)>div.container:first-of-type::before{content:"";background:transparent url("/bitrix/templates/maximus_2018/css/../img/spring/l-flower.png") left top no-repeat;width:147px;height:271px;display:block;position:absolute;z-index:-1;top:180px;right:auto;left:-100px}.main-section:not(.main-page)>div.container:first-of-type::after{content:"";background:transparent url("/bitrix/templates/maximus_2018/css/../img/spring/r-flower.png") right top no-repeat;width:174px;height:198px;display:block;position:absolute;z-index:-1;top:230px;right:-130px;left:auto}}@media(min-width:1390px){.tp-banner-container::before{margin:40px 0 0 -148px}#side_wishlist::before,div[data-retailrocket-markup-block="5bd3252797a52515304e8814"]::before{margin:110px 0 0 250px}} /* End */ /* Start:/bitrix/templates/maximus_2018/components/bitrix/search.title/.default/style.css?16158147372108*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/bitrix/templates/maximus_2018/components/bitrix/search.title/.default/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } /* End */ /* Start:/bitrix/templates/maximus_2018/styles.css?155271762788*/ #bx_incl_area_2{ display: inline-block; } #bx_incl_area_10{ margin-top: -12px; } /* End */ /* /bitrix/templates/maximus_2018/font/font-awesome/css/font-awesome.min.css?144825652427466 */ /* /bitrix/templates/maximus_2018/css/flexslider.css?14474778085300 */ /* /bitrix/templates/maximus_2018/css/animate.css?144747420876080 */ /* /bitrix/templates/maximus_2018/js/raty/jquery.raty.css?1453680196963 */ /* /bitrix/templates/maximus_2018/css/jquery.mCustomScrollbar.css?153597058053157 */ /* /bitrix/templates/maximus_2018/css/owl.carousel.css?14800627411572 */ /* /bitrix/templates/maximus_2018/css/owl.theme.css?14619180691788 */ /* /bitrix/templates/maximus_2018/js/ion.rangeSlider/css/ion.rangeSlider.css?14616998143428 */ /* /bitrix/templates/maximus_2018/js/ion.rangeSlider/css/ion.rangeSlider.skinNice.css?15359672742052 */ /* /bitrix/templates/maximus_2018/js/select2/dist/css/select2.min.css?146426136615196 */ /* /bitrix/templates/maximus_2018/js/select2/themes/select2-bootstrap-theme-master/dist/select2-bootstrap.min.css?145756921015323 */ /* /bitrix/templates/maximus_2018/js/countdown/css/jquery.countdown.css?1488874291826 */ /* /bitrix/templates/maximus_2018/css/additional.min.css?15661135713356 */ /* /bitrix/templates/maximus_2018/css/header.css?171800034041472 */ /* /bitrix/templates/maximus_2018/css/footers.css?154052525710833 */ /* /bitrix/templates/maximus_2018/css/index.min.css?154052547922309 */ /* /bitrix/templates/maximus_2018/css/news.min.css?15441774531551 */ /* /bitrix/templates/maximus_2018/css/catalog.min.css?154563467746306 */ /* /bitrix/templates/maximus_2018/css/style.css?1719861625141533 */ /* /bitrix/templates/maximus_2018/css/media.css?159164882619599 */ /* /bitrix/templates/maximus_2018/css/spring.min.css?15537540521416 */ /* /bitrix/templates/maximus_2018/components/bitrix/search.title/.default/style.css?16158147372108 */ /* /bitrix/templates/maximus_2018/styles.css?155271762788 */