/* Start:/local/templates/vodopad_adaptiv_bs4/css/bootstrap.css?15639483043521*/ .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); transform: translate(0, -25%); } @media screen and (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { -webkit-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .modal-dialog-centered::before { display: block; height: calc(100vh - (0.5rem * 2)); content: ""; } .modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-dialog-centered::before { height: calc(100vh - (1.75rem * 2)); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } /* End */ /* Start:/local/templates/vodopad_adaptiv_bs4/js/jReject/css/jquery.reject.css?15639483041856*/ /*! * jReject (jQuery Browser Rejection Plugin) * Version 1.1.x * URL: http://jreject.turnwheel.com/ * Description: jReject is a easy method of rejecting specific browsers on your site * Author: Steven Bower (TurnWheel Designs) http://turnwheel.com/ * Copyright: Copyright (c) 2009-2014 Steven Bower under dual MIT/GPL license. */ #jr_overlay { top: 0; left: 0; padding: 0; margin: 0; z-index: 2147483646; position: absolute; } #jr_wrap { position: absolute; width: 100%; z-index: 2147483647; padding: 0; margin: 0; } #jr_inner { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 12px; background: #FFF; border: 1px solid #CCC; color: #4F4F4F; margin: 0 auto; height: auto; padding: 20px; position: relative; box-sizing: content-box; } #jr_header { display: block; color: #333; padding: 5px; padding-bottom: 0; margin: 0; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.3em; margin-bottom: 0.5em; } #jr_inner p { padding: 5px; margin: 0; } #jr_inner ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; } #jr_inner ul li { cursor: pointer; float: left; width: 120px; height: 122px; margin: 0 10px 10px 10px; padding: 0; text-align: center; } #jr_inner li a { color: #333; font-size: 0.8em; text-decoration: none; padding: 0; margin: 0; } #jr_inner li a:hover { text-decoration: underline; } #jr_inner .jr_icon { width: 100px; height: 100px; margin: 1px auto; padding: 0; background: transparent no-repeat scroll left top; cursor: pointer; } #jr_close { clear: both; padding: 0; margin: 0; } #jr_close a { color: #000; display: block; width: auto; margin: 0; padding: 0; text-decoration: underline; } #jr_close p { padding: 10px 0 0 0; margin: 0; } /* End */ /* Start:/local/templates/vodopad_adaptiv_bs4/css/font-awesome.min.css?156394830431000*/ /*! * Font Awesome 4.7.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('/local/templates/vodopad_adaptiv_bs4/css/../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('/local/templates/vodopad_adaptiv_bs4/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/local/templates/vodopad_adaptiv_bs4/css/../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/local/templates/vodopad_adaptiv_bs4/css/../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/local/templates/vodopad_adaptiv_bs4/css/../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/local/templates/vodopad_adaptiv_bs4/css/../fonts/fontawesome-webfont.svg?v=4.7.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{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-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{-ms-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-pp: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-resistance: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: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"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* End */ /* Start:/local/templates/vodopad_adaptiv_bs4/css/all-extra.css?1586957031132195*/ /* --- Дополняющие стили --- */ /* main container */ .main.extra-padding { padding-top: 110px; } @media (min-width: 768px) { .main.extra-padding { padding-top: 130px; } } /* top */ @media (min-width: 998px) { .mnu-top li { margin-left: 15px; } } /* aside menu youtube icon */ .actn-mnu li a i.fa-youtube-play { position: relative; top: 2px; color: red; transform: scaleX(0.8); font-size: 22px; } /* login form */ .enter-col { display: flex; } .enter-col .profilelink { padding-left: 3px; } /* search form */ .hdr-cntr-frm .searchSuggestions { display: none; text-align: left; } /* vodopad:form.getdiscount link */ p.prdct-cheaper a.link-to-discount { color: #9B9B9B; display: inline-block; text-decoration: none; border-bottom: 1px dotted #9B9B9B; } p.prdct-cheaper a.link-to-discount:hover { color: #CF4238; border-bottom: 1px dotted #CF4238; } /* footer */ footer .container { position: relative; } footer .ya-market-banner { position: absolute; bottom: 10em; right: 5em; } /* modal */ .modal { background-color: rgba(0, 0, 0, 0.15); } /* card content */ .tab-about .tab-cont .row div:first-child li { position: relative; padding-left: 15px; margin-top: 5px; } .tab-about .tab-cont .row div:first-child li:after { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #276075; position: absolute; left: 0; top: 7px; } /* (fix) Отложенное отображение галереи на товарной странице */ .js-hide-gallery { visibility: hidden; } /* fix bug on the detail card */ @media (min-width: 1248px) { .prdct-sctn .js-glr-hldr { width: 400px !important; } } /* whatsapp */ .m-green-btn { background: #27754a; } /* fix hover state in catalog */ a.ctg-name:hover { background: none; color: #276075; } /* Приведение футера к макету */ footer .ftr-bot p { margin: 0 0 3px 0; font-size: 13px; color: #FFFFFF; } footer .ftr-bot p>a { color: #FFFFFF !important; } /* Уменьшение стрелок на мобильном в футере */ .ftr-mnu-ttl i { font-size: 8px; } /* Приведение ссылок и подчеркивания к единому стилю */ .gds-in-stck a, .col-prdct-char a, .tab-blck-char a, .tab-blck-ttl a, .review-blck a, .phone-hdr a, .mnu-top li a, .l-footer .ftr-top a, .l-footer .ftr-bot a { text-decoration: none !important; display: inline-block; line-height: 13px; border-bottom: 1px solid #276075; } .gds-in-stck a:hover, .col-prdct-char a:hover, .tab-blck-char a:hover, .tab-blck-ttl a:hover, .review-blck a:hover, .phone-hdr a:hover, .mnu-top li a:hover, .categr-blck a:hover span { border-bottom: 1px solid #CF4238; } .mnu-top li a { border-bottom: 1px solid #2C2B2B; } .mnu-top li a:hover, .categr-blck a.ctg-name:hover { color: #CF4238; } .l-footer a:hover { border-bottom: 1px solid #FFFFFF; } /* Единые стили для многострочных ссылок */ @media (min-width: 768px) { .list-subcategory a, .popular-categories a, .list-popular-categories a { text-decoration: none !important; display: inline; border-bottom: 1px solid #276075; } .list-subcategory a:hover, .popular-categories a:hover, .list-popular-categories a:hover { color: #CF4238; border-bottom: 1px solid #CF4238; } } /* Стили главного меню */ .nav-mnu .sub-mnu a { text-decoration: none; } .nav-mnu .aside-mnu a:hover { color: #CF4238; } .nav-mnu .sub-mnu .lvl2-tt { color: #276075; border: none; } .nav-mnu .sub-menu-ttl:hover { cursor: pointer; } .nav-mnu .sub-menu-ttl:hover .lvl2-ttl { color: #CF4238; } .nav-mnu .sub-mnu .see-more a { color: #276075; border-bottom: 1px dashed #276075; } .nav-mnu .sub-mnu .see-more a:hover { color: #CF4238; border-color: #CF4238; } .nav-mnu .sub-sub-mnu a { color: #2C2B2B; } .nav-mnu .sub-sub-mnu a:hover { border-bottom: 1px solid #2C2B2B; } .mnu-brgr { margin-left: 10px; } .nav-mnu > li.ctlg-itm > a > .vert-blck { font-size: 18px; } .nav-mnu > li.has-sub-mnu > a > .vert-blck { padding: 0 6px; } .nav-mnu > li.has-sub-mnu:first-child > a > .vert-blck { padding: 0 6px 0 0; } .nav-mnu-hldr .sub-mnu { padding: 15px 0 15px 65px; background-color: #FFF; border-radius: 3px; box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, 0.1); } .nav-mnu-hldr li:first-child .sub-mnu { padding: 15px 0 15px 15px; border-radius: 0 3px 3px 3px; } .nav-mnu-hldr .sub-mnu:after { content: ''; display: block; position: absolute; bottom: 0px; left: 10px; width: 98%; height: 55px; background-image: linear-gradient(to top, white 50%, rgba(255, 255, 255, 0.1) 100%); -webkit-filter: opacity(100%); filter: opacity(100%); z-index: 1; } .nav-mnu-hldr li:first-child .sub-mnu:after { width: 90%; } .nav-mnu-hldr .nav-mnu > li:hover { background: #FFF; box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, 0.1); } .nav-mnu-hldr .nav-mnu > li .strip { visibility: hidden; opacity: 0; transition: .1s visibility; position: relative; top: -5px; margin-bottom: -10px; width: 100%; height: 10px; background-color: #FFF; z-index: 999; } .nav-mnu > li:last-child > a > .vert-blck:after { display: none; } .nav-mnu .sub-mnu-clmn { display: inline-table; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; margin: 10px 0 35px; } .nav-mnu .sub-mnu-clmn .img-sub-mnu { display: block; width: 80px; height: 80px; background-repeat: no-repeat; background-position: left; margin-bottom: 10px; } .nav-mnu .images-none .icon-sub-mnu { display: none; } .nav-mnu .sub-menu-ttl { display: block; } .nav-mnu .lvl2-ttl { display: block; position: relative; height: 40px; overflow: hidden; margin-bottom: 10px; font-size: 15px; color: #276075; } .nav-mnu .sub-mnu-clmn .see-more { font-size: 13px; color: #276075; } .nav-mnu .sub-sub-mnu li a { font-size: 13px; line-height: 1.2em; } .nav-mnu .sub-sub-mnu li a:after { content: ''; display: block; padding-bottom: 5px; } .nav-mnu .has-sub-mnu .sub-mnu { display: block !important; visibility: hidden; opacity: 0; transition: opacity .1s ease .1s, visibility .1s .1s; } .nav-mnu .has-sub-mnu:hover .sub-mnu, .nav-mnu .has-sub-mnu:hover .strip { visibility: visible !important; transition: opacity .15s ease .2s, visibility .15s .2s; opacity: 1 !important; } .ctlg-itm .sub-mnu { -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 6px rgba(0, 0, 0, 0.15); } /* Цвет счетчиков в шапке */ .coutner { background: #CF4238; } /* Уменьшение отступов для breadcrumbs */ @media (min-width: 1248px) { .main { padding-top: 20px; } .breadcrumbs .swiper-notification { display: none; } .breadcrumbs { margin-bottom: 17px; } } @media (max-width: 1247px) { .breadcrumbs { margin-bottom: 15px; } } /* Карточка товара: Стили подчеркивания для отзывов */ a.preview { text-decoration: none !important; border-bottom: 1px dashed #276075; } a.preview:hover { border-bottom: 1px dashed #CF4238; } .tab-about .m-best-review a.preview { text-decoration: underline; border-bottom: 0px; } .tab-about .m-best-review a.preview:hover { border-bottom: 0px; } /* Карточка товара: Цвет кнопки "Перезвоните мне" */ .m-grn-btn { background: rgba(183, 198, 58, 0.8); } .m-grn-btn:hover { background: rgba(183, 198, 58, 1); } /* Карточка товара: Приведение обводки в подсказке к единому стилю */ .tltp-blck:before, .tltp-blck:after { content: ''; border-bottom: 7px solid #c3c6c9; border-left: 9px solid transparent; border-right: 9px solid transparent; position: absolute; top: -7px; left: 75%; margin-left: -9px; } .tltp-blck:after { top: -6px; border-bottom: 6px solid #F6F6F6; } /* Карточка товара: Выравнивание блоков под шапкой карточки */ .col-prdct-cntrl { margin: 5px 0 35px; } /* Карточка товара: Уменьшение размеров заголовков во вкладках */ .tab-blck-ttl { font-size: 18px; } /* Карточка товара: Расположение в акциях цифр по центру */ .happy-hour-started, .happy-hour-product-started { display: inline-block; vertical-align: middle; line-height: 1; } .happy-hour-started .count-field, .happy-hour-product-started .count-field { display: inline-block; line-height: 16px; } .hdr-sale a { color: #fff; text-decoration: none; line-height: 1; } /* Карточка товара: Выделение активных разделов во вкладках */ .tab-sldr .swiper-slide > span { font-weight: 400; } .tab-sldr .current > span { font-weight: 500; } /* Карточка товара: Стиль для иконки geo */ .tab-prdct-pane .tab-avlblty li.current .icon { fill: #276075; } /* Карточка товара: Выравнивание подразделов во вкладке "Наличие" */ .tab li svg+span { margin-left: 8px; } /* Карточка товара: Увеличение расстояния между "В избранное" и "К сравнению" */ @media (min-width: 576px) { .prdct-sctn .col-prdct-cntrl .fvrt-spn .favorite_link { margin-right: 18px !important; } .prdct-sctn .col-prdct-cntrl .cmpr-spn .compare_link { margin-right: 14px !important; } .prdct-sctn .col-prdct-cntrl .fvrt-spn .goto_link { margin: 0 18px 0 -14px !important; } .prdct-sctn .col-prdct-cntrl .cmpr-spn .goto_link { margin: 0 14px 0 -10px !important; } } @media (max-width: 575px) { .prdct-sctn .col-prdct-cntrl .cmpr-spn .compare_link { margin-left: 8px !important; } } /* Каталог 1-ого уровня */ .categr-blck .vert-hldr { display: flex; flex-direction: column; align-content: center; align-items: center; align-self: center; margin: 13px 0 3px; text-decoration: none } .categr-blck .vert-hldr .ctg-img { width: 110px; height: 110px; background-repeat: no-repeat; background-position: center; } .categr-blck .vert-hldr .ctg-name { font-size: 14px; margin: 28px 0 10px; text-align: center; } .categr-blck .vert-hldr .ctg-name:hover { background: none; } @media (min-width: 1248px) { .categr-blck .ctg-clmn { height: 245px; } .categr-blck .ctg-name { height: auto; } } /* Мобильный каталог 1-ого уровня */ @media (max-width: 575px) { .categr-blck { position: relative; margin: -30px -15px 30px; border: none; } .categr-blck .vert-hldr { margin: 0; } .categr-blck .vert-hldr .ctg-img { display: none; } .categr-blck .vert-hldr .ctg-name { display: flex; align-content: center; align-items: center; align-self: center; justify-content: space-between; margin: 0; padding: 0 10px 0 15px; height: 55px; width: 100%; color: #2C2B2B; font-size: 16px; text-align: left; } .categr-blck .vert-hldr .ctg-name span { padding-right: 10px; } .categr-blck .vert-hldr .ctg-name:hover { font-weight: 500; } .categr-blck .vert-hldr .ctg-name:hover span { border: 0; } .categr-blck li.ctg-clmn .fa-angle-right { display: inline-block !important; font-size: 150%; font-weight: bold; } .categr-blck .ctg-name .vert-blck, .categr-blck .ctg-name .mfp-container { padding: 0 30px 0 15px; } .categr-blck li.ctg-clmn:first-child { border-top: 1px solid #ccc; } .categr-blck li.ctg-clmn { border-bottom: 1px solid #ccc; } .categr-blck li.ctg-clmn:last-child { border-bottom: none; } } .categr-blck li.ctg-clmn .fa-angle-right { display: none; } /* Неразрывная строка для стоимости товаров */ .ctlg-module .ctlg-table { border-collapse: collapse; } .ctlg-module .ctlg-table .sm-number + td { white-space: nowrap; } .ctlg-module .ctlg-table td.i-prc { white-space: nowrap; } /* Состояние кнопки "В корзине" */ .prdct-actn-blck .in-cart { margin-right: 1px; } .prdct-actn-blck .in-cart .btn-prt1, .prdct-actn-blck .in-cart .btn-prt2 { background: #B7C63A !important; color: #2C2B2B; font-weight: 500; } .prdct-actn-blck .in-cart .btn-prt1 { border-radius: 3px 0 0 3px; } @media screen and (max-width: 767px) { .prdct-actn-blck .btn-prt1 { margin-bottom: 18px !important; } } .prdct-actn-blck .in-cart .btn-prt2 { display: inline-block !important; position: relative; left: 1px; width: 25px; border-radius: 0 3px 3px 0; } .prdct-actn-blck .in-cart .btn-prt2 svg { position: relative; left: 7px; top: 13px; } /* Фиксация колонки с корзиной в табличной версии каталога */ @media (max-width: 1247px) { .ctlg-table tr td:last-child, .ctlg-table tr th:last-child { position: absolute; width: 52px; display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: center; -webkit-box-shadow: -3px 0px 6px -6px rgb(50, 50, 50); -moz-box-shadow: -3px 0px 6px -6px rgb(50, 50, 50); box-shadow: -3px 0px 6px -6px rgb(50, 50, 50); right: 15px; overflow: hidden; } .ctlg-table tr th:last-child { background: #fff; } .ctlg-table td span { display: inline-block; text-align: left; } .ctlg-table th.t-prc { text-align: left; padding-left: 10px; } .ctlg-table td.prc:after { content: ""; display: inline-block; width: 48px; } .ctlg-table td a.btn-del { margin-top: 3px; } } @media (max-width: 767px) { .ctlg-table tr td:last-child, .ctlg-table tr th:last-child { right: -6px; } } /* Настройка фильтра */ @media (max-width: 1247px) { .fltr-hldr { top: 80px !important; } } @media (max-width: 767px) { .fltr-hldr { top: 65px !important; } } /* Форма мобильного поиска (aside-меню) */ .srch-frm-mbl { margin-bottom: 0; margin-right: 8px; position: relative; } .srch-frm-mbl input { border: 1px solid #B3B3B3; height: 26px; padding: 0 10px 0 30px; line-height: 17px; } .srch-frm-mbl input:not([type="radio"]):not([type="checkbox"]) { -webkit-appearance: none; border-radius: 3px; } /* Форма мобильного поиска */ .mobile-search-inner { margin: 84px auto -66px; } @media (min-width: 768px) { .mobile-search-inner { margin: 99px auto -83px; } } .mobile-search-inner .hdr-cntr-frm { position: relative; } .mobile-search-inner .srch-btn { text-align: center; width: 35px; position: absolute; top: 50%; left: 0; padding-top: 2px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); border: none; background: none; } .mobile-search-inner .icon-search{ font-size: 13px; color:#666666; opacity: 0.6; } .mobile-search-inner input { border: 1px solid #ccc; border-radius:3px; -webkit-appearance: none; height: 28px; font-size: 16px; padding: 3px 14px 3px 36px; vertical-align: middle; } .mobile-search-inner input::placeholder { padding: 2px 0 4px; } /* Аренда инструмента */ .prdct-actn-blck .rnt span { display: inline-block; } .prdct-actn-blck .rnt .rnt-prc { font-weight: 400; font-size: 28px; line-height: 40px; color: #276075; } .prdct-actn-blck .rnt .rnt-dpst { font-size: 20px; color: #276075a8; } .prdct-actn-blck .rnt .rnt-prc-unit { font-size: 75%; } /* Логотип для мобильных экранов */ .logo { width: 130px; } @media (max-width: 320px) { .logo { width: 110px; } } /* Верхний блок информационных сообщений */ @media (max-width: 1247px) { #hdr-notice { position: fixed !important; top: 0; left: 0; z-index: 9999; } } /* Слайдер товара в карточке */ .col-prdct-gallery .prdct-gallery-cntrl .swiper-slide { display: flex; align-items: center; align-content: center; justify-content: center; margin: auto; } .col-prdct-gallery .js-glr-hldr .swiper-slide { display: flex; align-items: center; align-content: center; justify-content: center; margin: auto; } @media (min-width: 998px) { .col-prdct-gallery .glr-thumb { padding-top: 22px; padding-bottom: 22px; } .col-prdct-gallery .glr-thumb .swiper-container { height: 296px; } .col-prdct-gallery .glr-thumb .swiper-button-next { margin-top: 8px; } } @media (max-width: 767px) { .col-prdct-actn .prdct-actn-blck { margin-top: 10px; } } /* Страница оформления заказа */ .order-hdr .logo img { width: 255px; max-width: 255px; } @media (max-width: 1247px) { .order-hdr .logo img { margin: 0 30px; } } .ordr-prce-blck-hldr .ordr-prdct-img img.img-responsive { max-height: 100%; max-width: 100%; } .order-hdr + br + br + a { display: inline-block; margin: 10px 5px 0 10px; } /* 404 страница */ .page-404 { margin: 30px 0 90px; font-family: Roboto; text-align: center; color: #276075; } .page-404 .article .title { margin-bottom: 24px; font-size: 24px; } .page-404 .article .detail { margin-bottom: 58px; font-size: 15px; line-height: 18px; color: #2C2B2B; } .page-404 .article .search .icon { position: relative; top: -2px; left: -3px; font-size: 85%; } .page-404 .article .search .arrow { position: absolute; top: 211px; margin-left: -10px; } .page-404 .or { margin: 33px 0 29px; font-size: 18px; color: #2C2B2B; } .page-404 .select { font-size: 18px; } .page-404 .links .title { margin-bottom: 49px; } .page-404 .links .ctgr-item { width: 140px; height: 130px; margin: 0 auto; } .page-404 .links .ctgr-item .img-box { display: flex; align-content: center; align-items: center; justify-content: center; height: 60px; margin-bottom: 11px; } .page-404 .links .ctgr-item a { text-decoration: none; padding-top: 13px; font-size: 15px; line-height: 18px; } .page-404 .links .ctgr-item img, .page-404 .links .ctgr-item span { display: inline-block; } .page-404 .links .ctgr-item span { display: inline; padding-top: 13px; line-height: 13px; border-bottom: 1px solid #276075; } .page-404 .links .ctgr-item a:hover span { border-bottom: 1px solid #CF4238; } @media (max-width: 576px) { .page-404 { margin: 15px 0 40px; } .page-404 .article .title { margin-bottom: 18px; font-size: 18px; } .page-404 .article .detail { margin-bottom: 21px; } .page-404 .or { margin: 13px 0 21px; font-size: 15px; } .page-404 .select { font-size: 15px; } .page-404 .links .title { margin-bottom: 23px; } .page-404 .links .ctgr-item { height: 120px; } } @media (max-width: 1248px) { .page-404 .article .search .arrow { display: none; } } /* Слайдеры товаров в карточке (сопутствующие, похожие) */ .tab-blck-hldr .swiper-button-next, .tab-blck-hldr .swiper-button-prev { z-index: 1; } /* Блокировка прокрутки при открытом меню */ body.is-mnu-opn { overflow: hidden; } /* BEGIN CATALOG STYLES */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; text-align: center; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-image .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-image .mfp-content { position: relative; } .mfp-image figcaption { margin-bottom: 0; } /* MD */ @media (min-width: 998px) { .mfp-iframe-holder .mfp-content { width: 80%; max-width: 1400px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /*! nouislider - 9.2.0 - 2017-01-11 10:35:35 */ /* Functional styling; These styles are required for noUiSlider to function. You don't need to change these rules to apply your design. */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; /* Fix 401 */ } .noUi-connect { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .noUi-origin { position: absolute; height: 0; width: 0; } .noUi-handle { position: relative; z-index: 1; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; -o-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; } .noUi-state-drag * { cursor: inherit !important; } /* Painting and performance; Browsers can paint handles in their own layer. */ .noUi-base, .noUi-handle { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* Slider size and handle placement; */ .noUi-horizontal { height: 8px; } .noUi-horizontal .noUi-handle { width: 34px; height: 20px; left: -17px; top: -7px; } .noUi-vertical { width: 8px; } .noUi-vertical .noUi-handle { width: 20px; height: 34px; left: -7px; top: -17px; } /* Styling; */ .noUi-target { background: #FAFAFA; border-radius: 4px; border: 1px solid #D3D3D3; -webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; } .noUi-connect { background: #276075; -webkit-box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); -webkit-transition: background 450ms; -o-transition: background 450ms; transition: background 450ms; } /* Handles and cursors; */ .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: pointer; -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } .noUi-active { -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } /* Handle stripes; */ .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 3px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 3px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } /* Disabled state; */ [disabled] .noUi-connect { background: #B8B8B8; } [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; } /* Base; */ .noUi-pips, .noUi-pips * { -webkit-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } /* Values; */ .noUi-value { position: absolute; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } /* Markings; */ .noUi-marker { position: absolute; background: #CCC; } .noUi-marker-sub { background: #AAA; } .noUi-marker-large { background: #AAA; } /* Horizontal layout; */ .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { -webkit-transform: translate3d(-50%, 50%, 0); transform: translate3d(-50%, 50%, 0); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } /* Vertical layout; */ .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); padding-left: 25px; } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; } /*! jQuery Brazzers Carousel v1.0.0 (http://webdesign-master.ru) Copyright 2015 WebDesign Master. */ .brazzers-daddy:after { content: ""; display: table; clear: both; } .brazzers-daddy { position: relative; } .brazzers-daddy img { max-height: 100%; max-width: 100%; position: relative; display: none; top: 0; left: 0; margin-bottom: 10px; } .brazzers-daddy img:first-child { display: block; } .tmb-wrap { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .tmb-wrap .tmb-wrap-table { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; width: 100%; } .tmb-wrap-table div { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding-top: 10px; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; opacity: 0; } .tmb-wrap-table:hover div { opacity: 1; } .tmb-wrap-table div:first-child:last-child { border-color: transparent; } .image-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .tmb-wrap-nav { text-align: center; position: absolute; left: 0; right: 0; bottom: -10px; z-index: 3; } .tmb-wrap-nav div { display: inline-block; margin: 0 2px; width: 8px; height: 8px; border-radius: 50%; background-color: #E9EFF1; cursor: pointer; } .tmb-wrap-nav div.active { background-color: #276075; } /*$grn-color: #b7c63a;*/ .basket-hidden-total { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-size: 18px; font-weight: 500; color: #276075; } .basket-hidden-total__summ-valid { margin-left: 4px; } .basket-hidden-total__summ-old { margin-left: 12px; font-size: 13px; color: #A0A0A0; text-decoration: line-through; line-height: 1.8; } @media only screen and (max-width: 767px) { .basket-hidden-total { font-size: 14px; } .basket-hidden-total__summ-old { margin-left: 8px; font-size: 11px; line-height: 1.6; } } /*$grn-color: #b7c63a;*/ .basket-hidden-list { margin-bottom: 0; padding-top: 6px; height: 358px; overflow-y: auto; } .basket-hidden-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 14px 4.4% 13px; border-bottom: 1px solid #E5E5E5; } .basket-hidden-list__item:last-child { border-color: transparent; } .basket-hidden-list__img { width: 20%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .basket-hidden-list__img img { max-width: 100%; } .basket-hidden-list__data { width: 45%; margin-right: 3%; text-align: left; } .basket-hidden-list__name { height: 33px; overflow: hidden; line-height: 1.3; } .basket-hidden-list__price { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: 5px; } .basket-hidden-list__price-valid { font-size: 15px; font-weight: 500; color: #1e5f73; } .basket-hidden-list__price-old { margin-left: 6%; color: #A0A0A0; text-decoration: line-through; } .basket-hidden-list__choise { margin-right: 1%; } .basket-hidden-list__del { width: 16px; height: 16px; background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/icon_del.svg); background-size: cover; cursor: pointer; opacity: .8; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .basket-hidden-list__del:hover { opacity: 1; } @media only screen and (max-width: 767px) { .basket-hidden-list { height: 300px; } .basket-hidden-list__item { padding: 14px 1% 13px; } .basket-hidden-list__data { width: 40%; margin-right: 2%; } } .jcf-scrollbar-vertical { position: absolute; cursor: default; background: rgba(255, 255, 255, 0.3); border-radius: 4px; width: 10px; bottom: 0; right: 0; top: 0; } .jcf-scrollbar-dec, .jcf-scrollbar-inc { display: none; } .jcf-scrollbar-vertical .jcf-scrollbar-slider { height: 100% !important; } .jcf-scrollbar-vertical { top: 12px; bottom: 12px; height: auto !important; background: #F6F6F6; border-radius: 3px; } .jcf-scrollbar-vertical .jcf-scrollbar-handle { max-height: 100%; width: 10px; border-radius: 3px; background: #A0A0A0; } /*$grn-color: #b7c63a;*/ .basket-hidden-calc { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #767676; } .basket-hidden-calc__item { display: block; width: 20px; height: 22px; font-size: 11px; background: transparent; border: none; cursor: pointer; outline: none; padding: 3px 3px; border: 1px solid #b6b6b6; font-size: 14px; } .basket-hidden-calc__item_minus { border-radius: 3px 0 0 3px; } .basket-hidden-calc__item_plus { border-radius: 0 3px 3px 0; } .basket-hidden-calc__value { margin: 0; width: 34px; height: 22px; padding: 0; border: none; border-top: 1px solid #b6b6b6; border-bottom: 1px solid #b6b6b6; font-size: 13px; border-radius: 0; text-align: center; } .block-basket { position: relative; margin-left: 15px; } @media only screen and (max-width: 1229px) { .block-basket { width: 32px; margin-right: 17px; margin-left: 14px; display: inline-block; vertical-align: middle; } } @media only screen and (max-width: 767px) { .block-basket { margin-right: 0; margin-left: 3px; } } .basket-hidden { position: absolute; right: -7px; top: 38px; width: 400px; background-color: #fff; border: 1px solid rgba(182, 182, 182, 0.35); -webkit-box-shadow: 0px 1px 12px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 12px 2px rgba(0, 0, 0, 0.15); border-radius: 3px; z-index: 1; -webkit-transition: height 0.3s ease-out; -o-transition: height 0.3s ease-out; transition: height 0.3s ease-out; visibility: hidden; overflow: hidden; height: 0; } .basket-hidden_active { overflow: visible; visibility: visible; height: auto; } .basket-hidden:after { content: ''; display: block; position: absolute; left: auto; top: -7px; right: 13px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 7px solid rgba(182, 182, 182, 0.35); } .basket-hidden:before { content: ''; display: block; position: absolute; left: auto; top: -6px; right: 14px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 6px solid #fff; z-index: 1; } .basket-hidden__header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 13px 4.9% 10px; border-bottom: 1px solid #E5E5E5; } .basket-hidden__name-info { font-size: 18px; font-weight: 500; } .basket-hidden__name-info-val { margin-left: 5px; font-size: 15px; color: #A0A0A0; } .basket-hidden__link-page { font-weight: 500; } .basket-hidden__link-page:hover { text-decoration: none; } .basket-hidden__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 17px 4.6% 14px; background-color: #F6F6F6; } .basket-hidden__buy { display: inline-block; padding: 6px 26px; letter-spacing: 0.4px; text-decoration: none; background-color: #CF4238; color: #fff; text-decoration: none; border-radius: 3px; opacity: .9; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .basket-hidden__buy:hover { color: #fff; opacity: 1; } @media only screen and (max-width: 767px) { .basket-hidden { width: 305px; } .basket-hidden__bottom { padding: 17px 2% 14px; } } @media only screen and (max-width: 480px) { .basket-hidden:after { right: 10px; } .basket-hidden:before { right: 11px; } } .basket-hidden-all { display: none; padding: 16px 10px 15px 20px; border-top: 1px solid #E5E5E5; text-align: left; } .basket-hidden-all__link { font-size: 13px; color: #276075; } .basket-hidden-all__link:hover { color: #CF4238; } .basket-hidden-all_active { display: block; } /*$grn-color: #b7c63a;*/ .block-breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .block-breadcrumbs_right { float: right; -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } .block-breadcrumbs__item { position: relative; padding-right: 20px; margin-right: 5px; } .block-breadcrumbs__item:after { content: ''; display: block; position: absolute; left: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; height: 10px; width: 10px; background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/icon-breadcrumbs.svg); background-repeat: no-repeat; background-size: contain; } .block-breadcrumbs__item:last-child { padding-right: 0; margin-right: 0; } .block-breadcrumbs__item:last-child:after { content: none; } .block-breadcrumbs__link { color: #2C2B2B; text-decoration: none; } .block-breadcrumbs__link:hover { color: #CF4238; } @media only screen and (max-width: 1229px) { .block-breadcrumbs { margin-bottom: 0; } } .wrapper-breadcrumbs { width: 100%; position: relative; } @media only screen and (max-width: 480px) { .wrapper-breadcrumbs__inner { overflow-y: hidden; height: 25px; } .wrapper-breadcrumbs:before { content: ''; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 20px; background-image: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0.2))); background-image: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.2) 100%); background-image: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.2) 100%); background-image: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0.2) 100%); -webkit-filter: opacity(80%); filter: opacity(80%); z-index: 1; } } /*$grn-color: #b7c63a;*/ .list-subcategory { padding-right: 20%; } .list-subcategory__item { margin-bottom: 25px; } .list-subcategory__item:last-child { margin-bottom: 0; } .list-subcategory__name { color: #276075; } .list-subcategory__name:hover { color: #CF4238; text-decoration: underline; } .block-banner img { max-width: 100%; } @media only screen and (max-width: 1229px) { .block-banner { display: none; } } /*$grn-color: #b7c63a;*/ .block-popular-categories { margin-top: 24px; } .block-popular-categories_bottom { margin-top: 67px; } .block-popular-categories__name { font-size: 18px; font-weight: 500; } @media only screen and (max-width: 1229px) { .block-popular-categories { margin-top: 17px; } .block-popular-categories_bottom { margin-top: 45px; } } @media only screen and (max-width: 767px) { .block-popular-categories__name { font-size: 15px; } } .popular-categories { margin-top: 9px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .popular-categories__item { text-align: center; } .popular-categories__img { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100px; } .popular-categories__name { display: inline-block; margin-top: 13px; font-size: 15px; } .popular-categories__name:hover { color: #CF4238; text-decoration: underline; } .popular-categories__value { display: none; margin-left: 5px; font-size: 13px; color: #767676; } @media only screen and (max-width: 1229px) { .popular-categories { margin-top: 11px; } .popular-categories__item { width: 25%; } .popular-categories__name { margin-top: 8px; } } @media only screen and (max-width: 767px) { .popular-categories { margin-top: 18px; margin-bottom: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .popular-categories__item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; width: auto; margin-right: 19px; margin-bottom: 16px; } .popular-categories__img { display: none; } .popular-categories__name { margin-top: 0; font-size: 13px; } .popular-categories__value { display: block; } } /*$grn-color: #b7c63a;*/ .filter { margin-top: 48px; padding: 0 8% 18px; background-color: #f7f7f7; border-radius: 3px; } .filter__item { padding: 17px 0 15px; border-bottom: 1px solid #E5E5E5; } .filter__item-name { width: 85%; font-size: 15px; font-weight: 500; color: #276075; line-height: 1.35; } /*.filter__item:first-child { padding: 20px 0 27px; } .filter__item:nth-of-type(2) { padding: 20px 0 13px; } .filter__item:nth-of-type(3) { padding: 20px 0 15px; } .filter__item:nth-of-type(4) { padding: 20px 0 16px; } .filter__item:nth-of-type(6) { padding: 21px 0 23px; } .filter__item:nth-of-type(8) { padding: 15px 0 12px; } .filter__item:nth-of-type(9) { padding: 17px 0 27px; }*/ .filter__item:last-child { padding: 20px 0 20px; border-bottom: none; } .filter__item:last-child .list-checkbox { margin-bottom: 37px; } .filter__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filter__head-tooltip { position: relative; padding-top: 3px; } .filter__content { margin-top: 10px; } .filter__content-center { text-align: center; } .filter__content-center_hidden { font-size: 0; } .filter__content-link { text-decoration: none; border-bottom: 1px dashed #276075; } .filter__content-link:hover { color: #CF4238; border-bottom: 1px dashed #CF4238; } .filter__content-link_hidden { height: 0; visibility: hidden; font-size: 0; overflow: hidden; } .filter__clear { display: inline-block; padding: 10px 28px; border: 1px solid #276075; border-radius: 3px; font-size: 13px; font-weight: 500; color: #276075; background-color: transparent; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .filter__clear:hover { background-color: #68909E; color: #fff; border-color: #68909E; } .filter__clear:active { background-color: #276075; color: #fff; } @media only screen and (max-width: 1229px) { .filter { position: relative; margin-top: 0; padding: 55px 0 20px; } .filter__item { padding-left: 8% !important; padding-right: 8% !important; } .filter__clear { display: none; } .filter__body { height: calc(100vh - 75px); overflow-y: auto; } } .filter-header-menu { display: none; } .filter-header-menu__name { font-size: 15px; font-weight: 500; } .filter-header-menu__name-val { margin-left: 7px; display: inline-block; width: 15px; height: 15px; border-radius: 50%; font-size: 10px; color: #fff; text-align: center; line-height: 1.5; background-color: #CF4238; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); } .filter-header-menu__reset { margin-left: 10%; padding: 4px 10px; border: 1px solid #276075; border-radius: 3px; font-size: 13px; color: #276075; cursor: pointer; } .filter-header-menu__reset:hover { background-color: #68909E; color: #fff; } .filter-header-menu__reset:active { background-color: #276075; color: #fff; } @media only screen and (max-width: 1229px) { .filter-header-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; width: 100%; height: 60px; padding: 0 8%; background-color: #fff; -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); z-index: 2; } } @media only screen and (max-width: 767px) { .filter-header-menu__reset { margin-left: 7%; } } .filter-result-mobile { display: none; } .filter-result-mobile__link { display: inline-block; padding: 8px 26px; border-radius: 3px; color: #fff; background-color: #276075; text-decoration: none; } @media only screen and (max-width: 1229px) { .filter-result-mobile { position: absolute; bottom: 0; left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 13px 0; background-color: #fff; -webkit-box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.25); z-index: 2; } } .category-filter-range-line { margin-top: 19px; border-radius: 3px; border: none; -webkit-box-shadow: none; box-shadow: none; } .noUi-horizontal { height: 3px; background: #E5E5E5; } .noUi-connect { -webkit-box-shadow: none; box-shadow: none; background: #276075; } .noUi-horizontal .noUi-handle { height: 18px; width: 18px; top: -8px; border: 2px solid #276075; border-radius: 3px; background: #fff; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); } .noUi-handle:before, .noUi-handle:after { background: #276075; height: 9px; } .noUi-handle:after { left: auto; right: 4px; } .noUi-handle:before { left: 4px; } .category-filter-range { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .category-filter-range__input { width: 75px; height: 30px; background-color: #fff; border: 1px solid #e5e5e5; outline: none; border-radius: 3px; font-size: 13px; text-align: center; color: #2C2B2B; } .category-filter-range__currency { font-size: 12px; padding: 3px 0 0; margin: 0 4% 0 1%; } @media only screen and (max-width: 1229px) { .category-filter-range { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .category-filter-range__separator { margin: 0 15px; } } .icon-tooltip { display: inline-block; position: relative; width: 20px; height: 20px; cursor: pointer; } .icon-tooltip:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/quation.svg); background-position: center center; background-repeat: no-repeat; } .content-tooltip { position: absolute; top: 28px; left: -8px; width: 406px; padding: 0 20px 0 16px; background-color: #F6F6F6; border: 1px solid rgba(182, 182, 182, 0.35); -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15); -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; height: 0; overflow: hidden; visibility: hidden; } .content-tooltip:before { content: ''; display: block; position: absolute; left: 10px; top: -8px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid rgba(182, 182, 182, 0.35); } .content-tooltip:after { content: ''; display: block; position: absolute; left: 12px; top: -7px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 7px solid #F6F6F6; } .content-tooltip p { margin: 0 0 10px; font-size: 12px; line-height: 1.25; color: #767676; } .content-tooltip p:last-child { margin-bottom: 0; } .content-tooltip_active { padding: 15px 20px 16px 16px; height: auto; overflow: visible; visibility: visible; z-index: 2; } @media only screen and (max-width: 1229px) { .content-tooltip { left: auto; right: -10px; } .content-tooltip:before { left: auto; right: 10px; } .content-tooltip:after { left: auto; right: 12px; } } @media only screen and (max-width: 767px) { .content-tooltip { width: 240px; } } /*$grn-color: #b7c63a;*/ .list-checkbox { margin: 0 0 6px; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .list-checkbox_hidden { height: 0; overflow: hidden; } .list-checkbox__item { margin-bottom: 6px; } .list-checkbox__item:last-child { margin-bottom: 0; } .list-checkbox__input { display: none !important; } .list-checkbox__input:checked + label:before { border: 1px solid #276075; background-color: #276075; background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/check.svg); background-position: center center; background-repeat: no-repeat; } .list-checkbox__label { position: relative; display: block; padding-left: 26px; cursor: pointer; font-size: 13px; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .list-checkbox__label:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 16px; height: 16px; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 3px; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .list-checkbox__label:hover:before { border: 1px solid #276075; } /*$grn-color: #b7c63a;*/ .aside-item { margin-top: 22px; border: 1px solid #E5E5E5; border-radius: 3px; } .aside-item__header { padding: 17px 2% 17px 8.3%; font-size: 18px; font-weight: 500; color: #276075; background-color: #E5E5E5; border-radius: 3px 3px 0 0; } .aside-item__bottom { padding: 15px 0; text-align: center; } .aside-item__link { color: #2C2B2B; } .aside-item__link:hover { color: #CF4238; text-decoration: underline; } @media only screen and (max-width: 1229px) { .aside-item { position: relative; margin: 0 0 19px; position: relative; border: none; border-radius: 0; background-color: #E5E5E5; } .aside-item:before, .aside-item:after { bottom: 0; width: 30%; background-color: #E5E5E5; } .aside-item:before { content: ''; display: block; position: absolute; left: -30%; top: 0; } .aside-item:after { content: ''; display: block; position: absolute; left: auto; top: 0; right: -30%; } .aside-item__header { padding: 13px 0 9px 2px; border-bottom: 1px solid #fff; letter-spacing: 0.6px; font-size: 14px; border-radius: 0; } .aside-item__bottom { padding: 0; } .aside-item__link { position: absolute; right: 0px; top: 13px; } } @media only screen and (max-width: 767px) { .wrapper-aside-list { width: 100%; overflow-y: hidden; } } /*$grn-color: #b7c63a;*/ .aside-sale-list__item { border-bottom: 1px solid #E5E5E5; } .aside-sale-list__link { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 0 13px; text-decoration: none; } .aside-sale-list__link:hover .aside-sale-list__name { color: #CF4238; } .aside-sale-list__img { width: 40%; height: 75px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .aside-sale-list__img img { max-width: 100%; } .aside-sale-list__data { width: 60%; padding-left: 2px; } .aside-sale-list__name { display: block; color: #2C2B2B; line-height: 1.3; } .aside-sale-list__price { margin-top: 7px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .aside-sale-list__price-valid { font-size: 15px; font-weight: 500; color: #1e5f73; } .aside-sale-list__price-old { margin-left: 10px; color: #A0A0A0; text-decoration: line-through; } .aside-sale-list__price-currency { font-weight: 500; } @media only screen and (max-width: 1229px) { .aside-sale-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .aside-sale-list__item { width: 33.333%; border-bottom: none; } .aside-sale-list__link { padding: 21px 0 19px; } .aside-sale-list__img { width: 27%; height: 55px; background-color: #fff; } .aside-sale-list__img img { max-height: 100%; } .aside-sale-list__data { width: 65%; } } @media only screen and (max-width: 767px) { .aside-sale-list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .aside-sale-list__item { width: 265px; -ms-flex-negative: 0; flex-shrink: 0; } .aside-sale-list__price-valid { color: #CF4238; } .aside-sale-list__img { width: 25%; } .aside-sale-list__data { width: 69%; padding-right: 10%; } } /*$grn-color: #b7c63a;*/ .aside-discount-list__item { padding-bottom: 13px; border-bottom: 1px solid #E5E5E5; } .aside-discount-list__img { height: 163px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .aside-discount-list__img img { max-width: 100%; } .aside-discount-list__name { display: block; margin: 6px 5% 0 9%; color: #2C2B2B; text-decoration: none; } .aside-discount-list__name:hover { color: #CF4238; } .aside-discount-list__price { margin-top: 11px; padding: 0 8%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-weight: 500; } .aside-discount-list__price-valid { font-size: 24px; color: #CF4238; } .aside-discount-list__price-old { margin-left: 10px; font-size: 18px; color: #b6b6b6; text-decoration: line-through; } @media only screen and (max-width: 1229px) { .aside-discount-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 8px; padding-bottom: 10px; } .aside-discount-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 33.333%; padding: 10px 0; border-bottom: none; } .aside-discount-list__img { width: 27%; height: 63px; background-color: #fff; } .aside-discount-list__img img { max-height: 100%; } .aside-discount-list__data { width: 73%; padding-left: 9%; } .aside-discount-list__name { margin: 0; height: 36px; overflow: hidden; } .aside-discount-list__price { padding: 0; margin-top: 5px; } .aside-discount-list__price-valid { font-size: 14px; } .aside-discount-list__price-old { margin-left: 15px; font-size: 12px; } } @media only screen and (max-width: 767px) { .aside-discount-list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .aside-discount-list__item { width: 265px; -ms-flex-negative: 0; flex-shrink: 0; } .aside-discount-list__img { width: 24%; } .aside-discount-list__data { width: 70%; padding-left: 7%; } } /*$grn-color: #b7c63a;*/ .filter-result { padding-top: 23px; margin-bottom: 36px; } .filter-result__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px; } .filter-result__head-name { font-size: 24px; font-weight: 500; color: #2C2B2B; } .filter-result__head-value { margin-left: 19px; font-size: 24px; font-weight: 500; color: #b6b6b6; } @media only screen and (max-width: 1229px) { .filter-result__head-value { margin-left: 13px; } } @media only screen and (max-width: 767px) { .filter-result { padding-top: 0; margin-top: 6px; } .filter-result__head { margin-bottom: 9px; } .filter-result__head-name { font-size: 18px; } .filter-result__head-value { font-size: 18px; } } /*$grn-color: #b7c63a;*/ .wrapper-select-filter { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wrapper-select-filter .jcf-select { width: 183px; height: 30px; background-color: #E5E5E5; border-radius: 3px; font-size: 13px; color: #2C2B2B; cursor: pointer; border: 1px solid #E9E9E9; border-radius: 0px 0px 3px 3px; } .wrapper-select-filter .jcf-select .jcf-select-opener { height: 12px; } .wrapper-select-filter .jcf-select .jcf-select-opener:before { content: ''; display: block; width: 10px; height: 12px; background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/icon-select.svg); background-repeat: no-repeat; background-size: contain; } @media only screen and (max-width: 767px) { .wrapper-select-filter { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wrapper-select-filter .jcf-select { width: 140px; } .wrapper-select-filter_fixed { position: fixed; top: 66px; left: 0; right: 0; padding: 5px 3%; background-color: #fff; -webkit-box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.2); box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.2); z-index: 101; } } .jcf-select-drop { -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); } .button-filter-mobile { margin-left: 12px; padding: 0 8px 0 18px; height: 30px; background-color: #E5E5E5; border-radius: 3px; font-size: 13px; color: #2C2B2B; cursor: pointer; border: 1px solid #E9E9E9; border-radius: 0px 0px 3px 3px; display: none; } .button-filter-mobile__icon { width: 17px; height: 12px; } .button-filter-mobile__text { margin-left: 9px; } .button-filter-mobile__value { margin-left: 7px; display: inline-block; width: 15px; height: 15px; border-radius: 50%; font-size: 10px; color: #fff; text-align: center; line-height: 1.7; background-color: #CF4238; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 1229px) { .button-filter-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (max-width: 767px) { .button-filter-mobile { margin-left: 0; padding: 0 18px 0 16px; } } /*$grn-color: #b7c63a;*/ .feature-filter-resut { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; margin-bottom: 22px; } .feature-filter-resut__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 6px 35px 4px 10px; margin-right: 11px; border: 1px solid #e5e5e5; border-radius: 3px; background-color: #fff; color: #2C2B2B; letter-spacing: -0.1px; } .feature-filter-resut__item-del { position: absolute; right: 13px; width: 10px; height: 10px; cursor: pointer; } .feature-filter-resut__item-del:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 10px; height: 10px; background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/icon-feature-filter-del.svg); background-size: contain; -webkit-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } .feature-filter-resut__item-del:hover:before { background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/icon-feature-filter-del-color.svg); } @media only screen and (max-width: 1229px) { .feature-filter-resut { margin-bottom: 7px; padding-bottom: 23px; border-bottom: 1px solid rgba(182, 182, 182, 0.35); } .feature-filter-resut__item { margin-bottom: 10px; } } @media only screen and (max-width: 767px) { .feature-filter-resut { margin-bottom: 0; padding-bottom: 15px; } .feature-filter-resut__item { margin-right: 9px; margin-bottom: 5px; } } /*$grn-color: #b7c63a;*/ /*$grn-color: #b7c63a;*/ /*$grn-color: #b7c63a;*/ .head-links-mobile { position: absolute; right: 0; top: 38px; width: 100%; background-color: #fff; border: 1px solid rgba(182, 182, 182, 0.35); -webkit-box-shadow: 0px 1px 12px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 12px 2px rgba(0, 0, 0, 0.15); border-radius: 3px; z-index: 1; -webkit-transition: height 0.3s ease-out; -o-transition: height 0.3s ease-out; transition: height 0.3s ease-out; visibility: hidden; overflow: hidden; height: 0; } .head-links-mobile_active { overflow: visible; visibility: visible; height: auto; } .head-links-mobile:before { content: ''; display: block; position: absolute; left: auto; top: -10px; right: 10%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; } .head-links-mobile__header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 13px 4.9% 10px; border-bottom: 1px solid #E5E5E5; } .head-links-mobile__name-info { font-size: 18px; font-weight: 500; } .head-links-mobile__name-info-val { margin-left: 5px; font-size: 15px; color: #A0A0A0; } .head-links-mobile__link-page { font-weight: 500; } .head-links-mobile__link-page:hover { text-decoration: none; } .head-links-mobile__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 17px 4.6% 14px; background-color: #F6F6F6; } .head-links-mobile__buy { display: inline-block; padding: 6px 26px; letter-spacing: 0.4px; text-decoration: none; background-color: #CF4238; color: #fff; text-decoration: none; border-radius: 3px; opacity: .9; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .head-links-mobile__buy:hover { color: #fff; opacity: 1; } @media only screen and (max-width: 767px) { .head-links-mobile { width: 135px; } .head-links-mobile__bottom { padding: 17px 2% 14px; } } .block-comparison .head-links-mobile { right: -25px; } .block-favorites .head-links-mobile { right: 0; } .head-links-mobile-all { display: none; padding: 16px 10px 15px 20px; border-top: 1px solid #E5E5E5; text-align: left; } .head-links-mobile-all__link { font-size: 13px; color: #276075; } .head-links-mobile-all__link:hover { color: #CF4238; } .head-links-mobile-all_active { display: block; } .head-links { width: 40%; padding-top: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .head-links__icon { position: relative; cursor: pointer; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .head-links__icon:hover + .head-links-tooltip { height: auto; visibility: visible; overflow: visible; } .head-links-tooltip { width: 153px; position: absolute; top: 28px; right: -7px; padding: 9px 10px 10px; border-radius: 3px; background-color: #F6F6F6; border: 1px solid rgba(182, 182, 182, 0.35); -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15); font-size: 12px; color: #767676; z-index: 1; line-height: 1.2; -webkit-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; height: 0; overflow: hidden; visibility: hidden; } .head-links-tooltip:before { content: ''; display: block; position: absolute; left: auto; top: -7px; width: 0; height: 0; right: 10px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(182, 182, 182, 0.35); } .head-links-tooltip:after { content: ''; display: block; position: absolute; left: auto; top: -6px; width: 0; height: 0; right: 12px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 6px solid #F6F6F6; } @media only screen and (max-width: 767px) { .head-links-tooltip { width: 110px; } } .block-delevery { position: relative; } .block-delevery__icon { position: relative; width: 81px; padding: 3px 5px 2px 5px; font-size: 12px; background-color: #b7c63a; border-radius: 3px; text-align: right; cursor: pointer; } .block-delevery__icon:before { content: ''; display: block; position: absolute; left: 7px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 34px; height: 14px; background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/icon-auto.svg); background-repeat: no-repeat; background-size: contain; } .block-delevery__icon:hover + .block-delevery-tooltip { height: auto; visibility: visible; overflow: visible; } .block-delevery-tooltip { position: absolute; left: 1px; top: 27px; width: 179px; padding: 9px 10px 10px; border-radius: 3px; background-color: #F6F6F6; border: 1px solid rgba(182, 182, 182, 0.35); -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15); font-size: 12px; color: #767676; z-index: 1; line-height: 1.2; -webkit-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; height: 0; overflow: hidden; visibility: hidden; } .block-delevery-tooltip:before { content: ''; display: block; position: absolute; left: 10px; top: -7px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(182, 182, 182, 0.35); } .block-delevery-tooltip:after { content: ''; display: block; position: absolute; left: 12px; top: -6px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 6px solid #F6F6F6; } @media only screen and (max-width: 1229px) { .block-delevery__icon:before { left: 4px; top: 53%; width: 22px; height: 15px; background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/icon-auto-mobile.svg); } } @media only screen and (max-width: 767px) { .block-delevery__icon { width: 72px; font-size: 10px; } .block-delevery__icon:before { width: 34px; height: 14px; background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/icon-auto.svg); } .block-delevery-tooltip { width: 125px; } } .block-favorites { position: relative; } .block-favorites__icon { display: block; position: relative; width: 20px; height: 20px; background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/heart.svg); background-size: contain; background-repeat: no-repeat; } .block-favorites__icon:hover { background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/heart_hover.svg); } .block-favorites__icon_active { background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/heart_check.svg); } .block-comparison { position: relative; margin: -3px 8px 0; } .block-comparison__icon { display: block; position: relative; width: 20px; height: 20px; background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/compare.svg); background-repeat: no-repeat; } .block-comparison__icon:hover { background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/compare_hover.svg); } .block-comparison__icon_active { background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/compare_check.svg); } @media only screen and (max-width: 767px) { .block-comparison { margin: 0 6px 0 0; } } /*$grn-color: #b7c63a;*/ .list-filter-result-info { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 1%; } .list-filter-result-info__hit { color: #276075; position: absolute; top: -18px; } @media only screen and (max-width: 576px) { .list-filter-result-info__hit { top: -14px; } } .list-filter-result-info__sale { color: #EF3123; } .list-filter-result-info__sale-percent { -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .list-filter-result-info__sale-rubles { width: 0; font-size: 0; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .list-filter-result-info__sale:hover .list-filter-result-info__sale-percent { width: 0; font-size: 0; } .list-filter-result-info__sale:hover .list-filter-result-info__sale-rubles { width: auto; font-size: inherit; margin-left: -3px; } @media only screen and (max-width: 1229px) { .list-filter-result-info { padding-right: 6%; } } @media only screen and (max-width: 767px) { .list-filter-result-info { padding-right: 0; font-size: 10px; } } /*$grn-color: #b7c63a;*/ .list-filter-result-price { margin-top: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .list-filter-result-price__valid { font-size: 24px; font-weight: 500; color: #276075; } .list-filter-result-price__old { margin-left: 6px; color: #A0A0A0; text-decoration: line-through; line-height: 2; } @media only screen and (max-width: 767px) { .list-filter-result-price { margin-top: 7px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .list-filter-result-price__valid { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: 18px; } .list-filter-result-price__old { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-left: 0; line-height: 1; } } /*$grn-color: #b7c63a;*/ .list-filter-result-rating { margin-top: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .list-filter-result-rating { display: none; } } .list-rating { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; } .list-rating__item { width: 15px; height: 15px; margin-right: 4px; background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/icon-list-rating.svg); background-repeat: no-repeat; } .list-rating__item_yes { background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/icon-list-rating-color.svg); } .list-rating__item:last-child { margin-right: 0; } .list-rating-value { margin-left: 8px; line-height: 1.5; } .list-filter-result { position: relative; margin-bottom: 17px; padding-bottom: 27px; } .list-filter-result:after { content: ''; display: block; position: absolute; left: 4%; top: auto; right: 4%; bottom: 0; border-bottom: 1px solid rgba(182, 182, 182, 0.35); } .list-filter-result:last-of-type:after { content: none; } .list-filter-result .col-sm-3 { padding: 0 0; } .list-filter-result__item { padding: 12px 6% 20px 9%; border: 1px solid transparent; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .list-filter-result__item:hover { border: 1px solid rgba(182, 182, 182, 0.35); -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25); border-radius: 3px; } .list-filter-result__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 6px; } .list-filter-result__img { height: 160px; } .list-filter-result__data { margin-top: 39px; } .list-filter-result__name { margin-top: 10px; height: 40px; overflow: hidden; font-size: 15px; } .list-filter-result__availability { position: relative; margin-top: 9px; } .list-filter-result__availability-text { color: #A0A0A0; } .list-filter-result__availability-text:hover + .availability-tooltip { height: auto; visibility: visible; overflow: visible; } .list-filter-result__basket { margin-top: 15px; position: relative; height: 30px; } @media only screen and (max-width: 1229px) { .list-filter-result { margin-bottom: 20px; } .list-filter-result_first:after { content: none; } .list-filter-result__item { padding: 11px 5.5% 20px 5.5%; } .list-filter-result__availability { margin-top: 17px; } .list-filter-result__basket { margin-top: 10px; } } @media only screen and (max-width: 767px) { .list-filter-result__item { position: relative; padding: 11px 1% 20px 1%; } .list-filter-result__item:hover { border-color: transparent; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .list-filter-result__img { height: 120px; overflow: hidden; } .list-filter-result__data { margin-top: 15px; } .list-filter-result__name { margin-top: 3px; font-size: 13px; } .list-filter-result__availability { margin-top: 1px; } .list-filter-result__availability-text { font-size: 12px; } .list-filter-result__basket { margin-top: 15px; } } .list-filter-basket-default { position: absolute; left: 0; top: 0; padding: 5px 10px; font-size: 18px; font-weight: 500; color: rgba(39, 96, 117, 0.8); background-color: #F7F7F7; outline: none; border: none; cursor: pointer; border-radius: 3px; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; z-index: 1; } .list-filter-basket-default:hover { background-color: #E5E5E5; } .list-filter-basket-default_hidden { height: 0; padding: 0; overflow: hidden; z-index: 0; } @media only screen and (max-width: 767px) { .list-filter-basket-default { font-size: 16px; } } .list-filter-basket-active { position: absolute; left: 0; top: 0; right: 0; color: #fff; background-color: #CF4238; border-radius: 3px; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; height: 0; width: 0; overflow: hidden; z-index: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .list-filter-basket-active__text { margin-left: 4px; font-size: 18px; font-weight: 500; color: #fff; outline: none; border: none; cursor: pointer; background: transparent; text-decoration: none; } .list-filter-basket-active__text:hover { color: #fff; } .list-filter-basket-active__calc { width: 35%; margin-right: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .list-filter-basket-active__calc-minus, .list-filter-basket-active__calc-plus { position: relative; width: 5px; height: 5px; cursor: pointer; } .list-filter-basket-active__calc-minus:before, .list-filter-basket-active__calc-plus:before { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 15px; line-height: 1; } .list-filter-basket-active__calc-minus:before { content: '-'; } .list-filter-basket-active__calc-minus-del:hover:before { content: '\2716'; color: #2C2B2B; font-size: 11px; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transform: translate(-50%, -50%) rotate(180deg); -ms-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } .list-filter-basket-active__calc-plus:before { content: '+'; } .list-filter-basket-active__calc-value { width: 35px; text-align: center; font-size: 15px; color: #fff; background: transparent; border: none; outline: none; } .list-filter-basket-active_visible { height: auto; width: auto; z-index: 1; } .list-filter-basket-active_visible:hover { background-color: #b7c63a; } @media only screen and (max-width: 767px) { .list-filter-basket-active__text { font-size: 16px; } } @media only screen and (max-width: 480px) { .list-filter-basket-active__calc { display: none; } .list-filter-basket-active_visible { height: 30px; padding: 0 3px; } } .availability-tooltip { width: 174px; position: absolute; bottom: 20px; left: 0; padding: 8px 7px 9px 10px; border-radius: 3px; background-color: #F6F6F6; border: 1px solid rgba(182, 182, 182, 0.35); -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15); font-size: 12px; color: #767676; z-index: 1; line-height: 1.2; -webkit-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; height: 0; overflow: hidden; visibility: hidden; } .availability-tooltip_sm { width: 149px; } .availability-tooltip:before { content: ''; display: block; position: absolute; left: 10px; top: auto; width: 0; height: 0; bottom: -7px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid rgba(182, 182, 182, 0.35); } .availability-tooltip:after { content: ''; display: block; position: absolute; left: 12px; top: auto; width: 0; height: 0; bottom: -7px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #F6F6F6; } @media only screen and (max-width: 767px) { .availability-tooltip { width: 125px; } .availability-tooltip_sm { width: 125px; } } /*$grn-color: #b7c63a;*/ .list-popular-categories { margin-top: 15px; width: 80%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .list-popular-categories__item { margin: 0 22px 15px 0; } .list-popular-categories__link { color: #276075; text-decoration: underline; } .list-popular-categories__link:hover { color: #276075; } .list-popular-categories__value { color: #767676; } @media only screen and (max-width: 1229px) { .list-popular-categories { width: 100%; } } /*$grn-color: #b7c63a;*/ .content-text { margin-top: 26px; } .main-column { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main-column__aside { width: 20.4%; padding-top: 14px; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .main-column__content { width: 78%; padding-bottom: 13px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media only screen and (max-width: 1229px) { .main-column__aside { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: none; } .main-column__content { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; width: 100%; } } /*$grn-color: #b7c63a;*/ .wrapper-load-result { text-align: center; } .button-add-result { display: inline-block; padding: 16px 35px; background-color: #E5E5E5; border-radius: 3px; font-size: 18px; color: #276075; cursor: pointer; } .button-add-result__link { color: #276075; text-decoration: none; opacity: .8; } .button-add-result__link:hover { opacity: 1; color: #276075; } @media only screen and (max-width: 767px) { .button-add-result { padding: 14px 33px; font-size: 15px; } } /*$grn-color: #b7c63a;*/ .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 12px; } .pagination__item { margin: 0 1.5px; } .pagination__link { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 30px; height: 30px; background-color: #E5E5E5; color: #276075; text-decoration: none; text-align: center; } .pagination__link-icon { width: 8px; height: 8px; } .pagination__link_first { border-radius: 3px 0 0 3px; } .pagination__link_last { border-radius: 0 3px 3px 0; background-color: #767676; color: #fff; } .pagination__link_active { background-color: #C5C5C5; color: #276075; } .pagination__link:hover { background-color: #C5C5C5; color: #276075; } /*$grn-color: #b7c63a;*/ .modal-basket { position: relative; margin-top: 0; margin-left: auto; margin-right: auto; max-width: 500px; padding: 42px 19px 30px; background-color: #fff; border: 1px solid rgba(182, 182, 182, 0.35); border-radius: 3px; -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25); } .modal-basket .mfp-close { right: 6px; top: 3px; color: #767676; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .modal-basket__header { font-size: 18px; font-weight: 500; } .modal-basket__link { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; } .modal-basket__order { display: inline-block; padding: 6px 28px; border-radius: 3px; font-weight: 500; color: #fff; background-color: #CF4238; text-decoration: none; opacity: .8; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .modal-basket__order:hover { color: #fff; opacity: 1; } .modal-basket__continue { margin-left: 29px; color: #767676; text-decoration: none; border-bottom: 1px dashed #767676; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .modal-basket__continue:hover { color: #767676; border-bottom-color: transparent; } .modal-basket-list { margin-top: 15px; border-top: 1px solid #E5E5E5; } .modal-basket-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 0 20px; border-bottom: 1px solid #E5E5E5; } .modal-basket-list__img { height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .modal-basket-list__img img { max-width: 100%; } .modal-basket-list__data { margin-left: 4.4%; width: 39%; } .modal-basket-list__name { font-size: 13px; } .modal-basket-list__price { margin-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .modal-basket-list__price-currency { font-weight: 500; } .modal-basket-list__price-valid { font-size: 15px; font-weight: 500; color: #1e5f73; } .modal-basket-list__price-old { margin-left: 10px; font-size: 13px; color: #A0A0A0; text-decoration: line-through; line-height: 1.6; } .modal-basket-mobile { max-width: 100%; position: fixed; left: 0; right: 0; bottom: -60px; padding: 6px 1% 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border: 1px solid rgba(182, 182, 182, 0.35); border-radius: 3px; -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25); -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .modal-basket-mobile_active { bottom: 20px; z-index: 10; } .modal-basket-mobile__img { width: 15%; } .modal-basket-mobile__img img { max-width: 100%; } .modal-basket-mobile__text { font-size: 11px; color: #276075; } .modal-basket-mobile__order { display: inline-block; padding: 4px 17px; border-radius: 3px; font-size: 11px; font-weight: 500; color: #fff; background-color: #CF4238; text-decoration: none; opacity: .8; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .modal-basket-mobile__order:hover { color: #fff; opacity: 1; } /*$grn-color: #b7c63a;*/ .body-fixed { position: fixed; } .mobile-filter { position: fixed; width: 100%; height: 100%; top: 0; left: -100%; z-index: 13; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .mobile-filter_active { left: 0; } .mobile-filter__nav { position: fixed; top: 0; width: 100%; height: 100%; background-color: #1e5f73; opacity: .7; z-index: 3; } .mobile-filter__inner { position: absolute; width: 80%; top: 0; bottom: 0; right: 0; z-index: 4; overflow: hidden; overflow-y: auto; } .mobile-filter__close { position: absolute; right: 25px; top: 25px; width: 10px; height: 10px; z-index: 5; cursor: pointer; } @media only screen and (max-width: 767px) { .mobile-filter__close { right: 15px; top: 22px; } } /*$grn-color: #b7c63a;*/ .quantity-goods-mobile { width: 100%; position: fixed; left: 0; right: 0; bottom: -100%; padding: 0 5%; background-color: #fff; z-index: 113; height: 0; overflow: hidden; -webkit-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } .quantity-goods-mobile_active { bottom: 0; height: 100%; padding: 5% 5%; -webkit-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } .quantity-goods-mobile_active .quantity-goods-mobile__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 5%; border: 1px solid rgba(182, 182, 182, 0.35); -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25); border-radius: 3px; overflow: visible; -webkit-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } .quantity-goods-mobile__inner { position: relative; padding: 0 5% 0; height: 0; overflow: hidden; -webkit-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } .quantity-goods-mobile__close { position: absolute; width: 10px; height: 10px; right: 20px; top: 20px; opacity: .8; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .quantity-goods-mobile__close:hover { opacity: 1; } .quantity-goods-mobile__name { font-size: 18px; font-weight: 500; } .quantity-goods-mobile__list { margin-top: 50px; } .quantity-goods-mobile__result { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; } .quantity-number-list { height: 50%; display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(6, 1fr); grid-gap: 3%; } .quantity-number-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #b6b6b6; border-radius: 3px; cursor: pointer; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .quantity-number-list__item:hover { background-color: #276075; color: #fff; } .quantity-number-conclusion { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 90px; height: 30px; border: 1px solid #b6b6b6; border-radius: 3px; } .quantity-number-conclusion__input { width: 100%; height: 100%; outline: none; text-align: center; border: none; } .quantity-number-conclusion__input_active { width: calc(100% - 30px); } .quantity-number-conclusion__button { position: relative; right: -30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 0; overflow: hidden; opacity: 0; -webkit-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } .quantity-number-conclusion__button_active { right: 0; width: 30px; overflow: visible; opacity: 1; border-left: 1px solid #b6b6b6; } .quantity-number-conclusion__button:hover .quantity-number-conclusion-tooltip { height: auto; overflow: visible; padding: 10px 5px; border: 1px solid rgba(182, 182, 182, 0.35); -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15); } .quantity-number-conclusion__icon { width: 15px; height: 14px; fill: #276075; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .quantity-number-conclusion__icon:hover { fill: #CF4238; } .quantity-number-conclusion-tooltip { height: 0; width: 163px; padding: 0 5px; position: absolute; bottom: 35px; right: 0; overflow: hidden; text-align: center; background: #F6F6F6; } .quantity-number-conclusion-tooltip:before { content: ''; display: block; position: absolute; left: auto; top: auto; width: 0; height: 0; right: 10px; bottom: -7px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid rgba(182, 182, 182, 0.35); } .quantity-number-conclusion-tooltip:after { content: ''; display: block; position: absolute; left: auto; top: auto; width: 0; height: 0; right: 12px; bottom: -7px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #F6F6F6; } .choise-goods-value-mobile { display: none; position: relative; margin-left: 3px; line-height: 1; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } @media only screen and (max-width: 480px) { .choise-goods-value-mobile { width: 25px; display: block; } } /* END CATALOG STYLES */ /* BEGIN TABLES CATALOG STYLES */ .filter-table-basket-choice { height: 0; overflow: hidden; padding: 0 16%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; width: 250px; top: 32px; right: -2px; background-color: #fff; border-radius: 3px; z-index: 5; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .filter-table-basket-choice:before, .filter-table-basket-choice:after { content: ''; display: block; position: absolute; width: 0; height: 0; } .filter-table-basket-choice:before { right: 33px; top: -16px; border: 7px solid transparent; border-bottom: 8px solid rgba(182, 182, 182, 0.35); } .filter-table-basket-choice:after { right: 33px; top: -14px; border: 7px solid transparent; border-bottom: 7px solid #fff; } .filter-table-basket-choice_active { height: auto; overflow: visible; padding: 15% 16% 13%; border: 1px solid rgba(182, 182, 182, 0.35); -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25); } .filter-table-basket-choice__close { position: absolute; width: 10px; height: 10px; right: 13px; top: 10px; opacity: .8; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; cursor: pointer; } .filter-table-basket-choice__close:hover { opacity: 1; } .filter-table-basket-choice__name { font-size: 15px; font-weight: 500; } .filter-table-basket-choice__list { margin-top: 11px; } .filter-table-basket-choice__result { margin-top: 68px; padding-right: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; } @media only screen and (max-width: 1229px) { .filter-table-basket-choice:before { right: 28px; } .filter-table-basket-choice:after { right: 28px; } } @media only screen and (max-width: 979px) { .filter-table-basket-choice:before { right: 25px; } .filter-table-basket-choice:after { right: 25px; } } @media only screen and (max-width: 480px) { .filter-table-basket-choice { display: block; position: fixed; width: 100%; left: 0; right: 0; bottom: auto; top: -100%; padding: 0 5%; height: 0; border-radius: 3px; background-color: rgba(30, 95, 115, 0.8); } .filter-table-basket-choice_active { top: 0; height: 100%; padding: 5% 5%; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; border: none; -webkit-box-shadow: none; box-shadow: none; z-index: 113; } .filter-table-basket-choice_active:before, .filter-table-basket-choice_active:after { content: none; display: none; } .filter-table-basket-choice__inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; padding: 21% 7% 5%; border: 1px solid rgba(182, 182, 182, 0.35); border-radius: 3px; background-color: #fff; overflow: visible; -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25); z-index: 2; } .filter-table-basket-choice__name { font-size: 18px; } .filter-table-basket-choice__list { margin-top: 30px; } .filter-table-basket-choice__close { right: 7%; top: 4%; } .filter-table-basket-choice__result { margin-top: 99px; font-size: 15px; padding-right: 5.5%; } } @media only screen and (max-width: 425px) { .filter-table-basket-choice__result { padding-right: 3.6%; } } @media only screen and (max-width: 375px) { .filter-table-basket-choice__result { padding-right: 2.1%; } } @media only screen and (max-width: 340px) { .filter-table-basket-choice__result { padding-right: 0; } } .filter-table-basket-choice-list { display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(6, 1fr); grid-gap: 5.6%; } .filter-table-basket-choice-list__item { height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #b6b6b6; border-radius: 3px; cursor: pointer; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .filter-table-basket-choice-list__item:hover { background-color: #CF4238; border-color: #CF4238; color: #fff; } @media only screen and (max-width: 480px) { .filter-table-basket-choice-list { grid-gap: 4.6%; } .filter-table-basket-choice-list__item { height: 40px; width: 40px; } } .filter-table-basket-quantity-conclusion { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 68px; height: 24px; border: 1px solid #b6b6b6; border-radius: 3px; } .filter-table-basket-quantity-conclusion__input { height: 100%; width: 100%; border: none; outline: none; text-align: center; } .filter-table-basket-quantity-conclusion__input_active { width: calc(100% - 22px); } .filter-table-basket-quantity-conclusion__button { position: relative; right: 22px; height: 100%; width: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; opacity: 0; cursor: pointer; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .filter-table-basket-quantity-conclusion__button_active { right: 0; width: 22px; overflow: visible; opacity: 1; border-left: 1px solid #b6b6b6; } .filter-table-basket-quantity-conclusion__icon { width: 15px; height: 14px; fill: #CF4238; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } @media only screen and (max-width: 480px) { .filter-table-basket-quantity-conclusion { width: 90px; height: 30px; } .filter-table-basket-quantity-conclusion__input_active { width: calc(100% - 30px); } .filter-table-basket-quantity-conclusion__button_active { width: 30px; } } /*$grn-color: #b7c63a;*/ .filter-table-basket-calc { height: 100%; width: 0; overflow: hidden; visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .filter-table-basket-calc_active { width: 33%; overflow: visible; visibility: visible; } .filter-table-basket-calc__minus, .filter-table-basket-calc__plus { display: block; position: relative; cursor: pointer; color: #fff; } .filter-table-basket-calc__minus:before, .filter-table-basket-calc__plus:before { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 20px; line-height: 1; } .filter-table-basket-calc__minus:before { content: '-'; } .filter-table-basket-calc__plus:before { content: '+'; } .filter-table-basket-calc__input { height: 100%; width: 30px; padding: 0; font-size: 15px; color: #fff; background-color: transparent; text-align: center; border: none; outline: none; } @media only screen and (max-width: 1229px) { .filter-table-basket-calc_active { width: 50px; } .filter-table-basket-calc__minus, .filter-table-basket-calc__plus { width: 10px; } } @media only screen and (max-width: 480px) { .filter-table-basket-calc_active { width: 30px; } .filter-table-basket-calc__minus, .filter-table-basket-calc__plus { display: none; } } .list-filter-result-table { border-top: 1px solid #E5E5E5; } .list-filter-result-table__item { padding: 18px 0 65px; border-bottom: 1px solid #E5E5E5; } .list-filter-result-table__item:last-of-type { border-bottom: none; } .list-filter-result-table__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .list-filter-result-table__img { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 16%; height: 105px; } .list-filter-result-table__img img { max-height: 100%; max-width: 100%; } .list-filter-result-table__data { width: 84%; padding-left: 2%; } .list-filter-result-table__name { font-size: 18px; font-weight: 500; } .list-filter-result-table__result-table-charact { margin-top: 15px; display: inline-block; } .list-filter-result-table__body { margin-top: 35px; } @media only screen and (max-width: 480px) { .list-filter-result-table__item { padding: 18px 0 13px; } .list-filter-result-table__head { position: relative; padding-top: 53px; } .list-filter-result-table__name { position: absolute; top: 0; left: 0; width: 95%; font-size: 15px; } .list-filter-result-table__img { width: 30%; height: 94px; } .list-filter-result-table__data { width: 70%; padding-left: 8%; } .list-filter-result-table__body { margin-top: 7px; } } .result-table-charact__item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 6px; font-size: 13px; } .result-table-charact__name { position: relative; width: 103px; } .result-table-charact__name:after { content: ''; display: block; position: absolute; left: 0; top: auto; right: 0; bottom: 3px; border-bottom: 1px dashed #E5E5E5; z-index: 0; } .result-table-charact__name-text { position: relative; z-index: 1; color: #767676; background-color: #fff; } .result-table-charact__value { position: relative; z-index: 1; background-color: #fff; } .result-table-charact__readmore { color: #276075; } .result-table-charact__readmore:hover { color: #CF4238; text-decoration: underline; } .filter-table-charact__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0 7px; color: #767676; font-size: 13px; } .filter-table-charact__head .filter-table-charact__permomance-name { display: block; width: 80px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .filter-table-charact__head .filter-table-charact__price { font-weight: 400; margin-right: 19%; } .filter-table-charact__item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 60px; font-size: 13px; } .filter-table-charact__item:nth-child(even) { background-color: #F7F7F7; position: relative; } .filter-table-charact__code { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 2%; } .filter-table-charact__code-link { color: #276075; text-decoration: underline; } .filter-table-charact__code-link:hover { text-decoration: underline; } .filter-table-charact__size { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .filter-table-charact__pressure { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .filter-table-charact__permomance { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .filter-table-charact__materials { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .filter-table-charact__price { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: 500; } .filter-table-charact__basket { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; } .filter-table-charact__basket_active { background-color: #CF4238; border-radius: 3px; } .filter-table-charact__basket_active .filter-table-charact__basket-link { color: #fff; } .filter-table-charact__basket_active .filter-table-charact__basket-link:hover { color: #fff; } .filter-table-charact__basket-inner { height: 28px; width: 175px; padding: 0 5% 0 6%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filter-table-charact__basket-link { font-size: 15px; font-weight: 500; color: rgba(39, 96, 117, 0.8); text-decoration: none; } .filter-table-charact__basket-link:hover { color: #276075; } @media only screen and (max-width: 1229px) { .filter-table-charact__head .filter-table-charact__price { margin-right: 25%; } } @media only screen and (max-width: 767px) { .filter-table-charact__materials { display: none; } .filter-table-charact__permomance { display: none; } .filter-table-charact__basket { margin-left: auto; width: 30%; } .filter-table-charact__basket-inner { width: 145px; padding: 0 5px; } } @media only screen and (max-width: 480px) { .filter-table-charact__head { letter-spacing: -0.6px; } .filter-table-charact__head .filter-table-charact__price { margin-right: 20%; } .filter-table-charact__item:nth-child(even) > div { position: relative; } .filter-table-charact__item:nth-child(even):before { content: ''; display: block; position: absolute; left: -15%; top: 0; right: -15%; bottom: 0; background-color: #F7F7F7; z-index: 0; } .filter-table-charact__code { padding: 0; } .filter-table-charact__pressure { display: none; } .filter-table-charact__basket { width: 70px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .filter-table-charact__basket_active .filter-table-charact__basket-link { border: none; } .filter-table-charact__basket_active .filter-table-charact__basket-link:before { background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/basket-fill-white.svg); } .filter-table-charact__basket-inner { width: 70px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .filter-table-charact__basket-link { position: relative; display: inline-block; width: 30px; height: 30px; border: 1px solid #276075; border-radius: 3px; font-size: 0; } .filter-table-charact__basket-link:before { content: ''; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20px; height: 20px; background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/basket-fill-blue.svg); background-size: cover; } } /*$grn-color: #b7c63a;*/ .modal-appeal { position: relative; margin-top: 0; margin-left: auto; margin-right: auto; max-width: 700px; padding: 42px 19px 40px; text-align: center; background-color: #fff; border: 1px solid rgba(182, 182, 182, 0.35); border-radius: 3px; -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25); } .modal-appeal_thanks { padding-bottom: 60px; } .modal-appeal_thanks .modal-appeal__offer { padding: 0; } .modal-appeal .mfp-close { right: 6px; top: 3px; color: #767676; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .modal-appeal__header { font-size: 48px; color: #276075; } .modal-appeal__header-inner { color: #CF4238; text-transform: uppercase; } .modal-appeal__offer { margin-top: 20px; padding: 0 25%; font-size: 18px; color: #276075; } .modal-appeal__form { margin-top: 20px; margin-left: auto; margin-right: auto; width: 200px; } .modal-appeal__action { margin-top: 74px; font-size: 15px; line-height: 1.2; } .modal-appeal__action-time { display: block; } .modal-appeal__reload-link { margin-top: 19px; display: inline-block; padding: 6px 17px; font-size: 13px; color: #2C2B2B; text-align: center; outline: none; border: none; cursor: pointer; background-color: #b7c63a; border-radius: 3px; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; text-decoration: none; } .modal-appeal__reload-link:hover { opacity: .9; color: #2C2B2B; } @media only screen and (max-width: 480px) { .modal-appeal { width: 290px; padding: 42px 19px 15px; } .modal-appeal__header { font-size: 24px; line-height: 1; } .modal-appeal__header-inner { display: block; } .modal-appeal__offer { margin-top: 10px; padding: 0; font-size: 15px; line-height: 1.5; } .modal-appeal__form { margin-top: 15px; } .modal-appeal_thanks { padding-bottom: 30px; } .modal-appeal_thanks .modal-appeal__offer { margin-top: 30px; } .modal-appeal__action { margin-top: 60px; font-size: 13px; } .modal-appeal__reload-link { margin-top: 17px; } } .modal-appeal-form__line { margin-bottom: 30px; } .modal-appeal-form__line-name { margin-bottom: 4px; font-size: 13px; color: #767676; } .modal-appeal-form__input { width: 100%; height: 30px; border: 1px solid #276075; font-size: 15px; color: #276075; text-align: center; outline: none; } .modal-appeal-form__submit { height: auto; width: 100%; padding: 10px 0; font-size: 15px; color: #2C2B2B; text-align: center; outline: none; border: none; cursor: pointer; background-color: #b7c63a; border-radius: 3px; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .modal-appeal-form__submit:hover { opacity: .9; } @media only screen and (max-width: 480px) { .modal-appeal-form__line { margin-bottom: 32px; } .modal-appeal-form__line-name { margin-bottom: 2px; } } /* END TABLES CATALOG STYLES */ /* Общее */ a.disabled, a.active { pointer-events: none; cursor: default; opacity: .6; } @media (max-width: 480px) { .xs-none { display: none !important; } } @media (max-width: 576px) { .sm-none { display: none !important; } } @media (max-width: 768px) { .md-none { display: none !important; } } /* Умный фильтр для каталога */ .filter__item { position: relative; padding: 17px 0 25px; } .filter__item:last-child { border: none; } .category-filter-range { padding-bottom: 20px; } .noUi-base { width: 110%; } .noUi-horizontal { height: 5px; } .frm-itm-rad input:checked + label:after, .filter__content .frm-itm-chk input:checked + label:after { content: ''; } .list-checkbox__label:before { -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .filter .fltr-btm { display: flex; position: relative; top: -20px; align-items: center; align-content: center; justify-content: center; background-color: #f7f7f7; } .filter .fltr-btm a { margin: 30px 0 -10px; text-decoration: none; } .list-checkbox__label:before { margin-top: 2px; } .frm-itm-rad input:disabled + label:hover:before, .frm-itm-chk input:disabled + label:hover:before { border: 1px solid #ccc; } .frm-itm-rad input:disabled + label, .frm-itm-chk input:disabled + label { color: #C5C5C5; text-decoration: line-through; } /* Мобильный фильтр */ @media (max-width: 1229px) { .fltr-module-in { margin: 0; padding: 0; } .fltr-module-in > div:last-child { border: none; } .filter-result-mobile a.active { color: #FFF; } .filter-header-menu__reset a { text-decoration: none; } .filter-result .wrapper-select-filter_fixed { margin-top: -1px; padding: 5px 3%; } .button-filter-mobile { width: 140px; } } /* Колонка для распродажи и уценки в каталоге */ .aside-sale-list__data { padding-right: 5px; } .aside-sale-list__img { width: 37%; padding-left: 7px; } .aside-sale-list__img img { max-height: 100%; } .aside-discount-list__img { padding-top: 5px; } .aside-discount-list__img img { max-height: 100%; } /* Популярные категории (каталог) */ .popular-categories { justify-content: left; } .popular-categories__item { width: 150px; margin: 5px 25px 15px 0; } .popular-categories__img img { max-height: 100%; padding-bottom: 15px; } @media only screen and (max-width: 767px) { .popular-categories { align-items: flex-start; } .popular-categories__item { margin: 5px 15px 15px 0; } .popular-categories__value { display: inline-block; } } /* Элементы каталога 2-ого уровня */ .filter-result__head h1 { margin: 0; } .wrapper-select-filter { padding: 0; border: none; } .ctlg-fltr-sort { margin-bottom: 10px; } .filter-result { margin-bottom: 30px; } .wrapper-select-filter > .jcf-select, .wrapper-select-filter > .button-filter-mobile { border-radius: 3px; } .content-tooltip_active { z-index: 99; } /* Элементы каталога 2-ого уровня (карточка) */ .main-column__content .card__content { border-bottom: 1px solid rgba(182, 182, 182, 0.35); } .main-column__content .card__content .list-filter-result__item { margin: 25px 0 25px; } .filter { margin-top: 0; } .main-column__aside .list-subcategory { margin-bottom: 48px; } @media (min-width: 1247px) { .filter-result__head { margin-top: 20px; } } .ctlg-img { height: auto; } .list-filter-result__img { display: flex; align-items: center; align-content: center; justify-content: center; } .list-filter-result__img img { max-width: 100%; max-height: 100%; } .list-filter-result__img img:not(:first-child) { display: none; } .list-filter-result__name { height: 62px; } @media (max-width: 767px) { .list-filter-result__name { height: 56px; } } .list-filter-result__name a { text-decoration: none; color: #2C2B2B; } .list-filter-result__availability-text:hover > .availability-tooltip { height: auto; visibility: visible; overflow: visible; } .block-comparison__icon { background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/catalog_compare.svg); } .block-comparison__icon:hover { background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/catalog_compare_hover.svg); } .active .block-comparison__icon { background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/catalog_compare_check.svg); } .block-favorites__icon { background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/catalog_heart.svg); } .block-favorites__icon:hover { background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/catalog_heart_hover.svg); } .active .block-favorites__icon { background-image: url(/local/templates/vodopad_adaptiv_bs4/css/../images/svg/catalog_heart_check.svg); } .list-filter-result__head { justify-content: flex-end; position: relative; z-index: 3; margin-bottom: 6px; } .block-delevery { flex-basis: 50%; } .block-delevery a { text-decoration: none; color: #2C2B2B; } .block-delevery a:hover + .block-delevery-tooltip { height: auto; visibility: visible; overflow: visible; } .head-links { flex-basis: 50%; } .list-filter-result__img .image-wrap { width: 100%; } .list-filter-basket-active__text { margin-left: 10px; } .list-filter-result__basket a { text-decoration: none; } .list-filter-basket-default, .list-filter-basket-active { height: 30px !important; line-height: 30px; } .list-filter-basket-default { padding: 0 10px; } .list-filter-basket-active a { color: #FFF; } .list-filter-basket-active__calc-value { pointer-events: none; padding: 0px 8px; } .list-filter-basket-active__calc-del { display: block; position: absolute; right: 10px; } .list-filter-basket-active__calc-del:before { content: '\2716'; color: #2C2B2B; font-size: 11px; -webkit-transform: translate(-50%, -50%) rotate(180deg); -ms-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } @media only screen and (max-width: 480px) { .list-filter-basket-active__calc { display: contents; } .list-filter-basket-active__calc-value, .list-filter-basket-active__calc-plus { display: none; } .list-filter-basket-default, .list-filter-basket-active { max-width: 140px; } .list-filter-basket-active__calc-minus { display: block; position: absolute; right: 15px; } .list-filter-basket-active__calc-del:before, .list-filter-basket-active__calc-minus:before { font-size: 16px !important; color: #FFF !important; } .list-filter-basket-active__calc-minus:before { content: '\2716' !important; -webkit-transform: translate(-50%, -50%) rotate(180deg); -ms-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } } a.disabled { pointer-events: none; color: #000; } .wrapper-load-result { position: relative; top: -3px; display: flex; flex-direction: column; align-items: center; width: 100%; padding-top: 36px; background: #FFF; } .wrapper-load-result .load-more { padding: 16px 35px; background-color: #E5E5E5; border-radius: 3px; } .wrapper-load-result .load-more .lm-muted { color: #276075; opacity: .8; } .wrapper-load-result .load-more .show-txt { font-size: 18px; } .wrapper-load-result .pagination-wrap .pn-gray_bg { background-color: #E5E5E5; } .wrapper-load-result .pagination-wrap .pn-active { background-color: #B7C639; color: #47492F; } .wrapper-load-result .pagination-wrap .pn-disabled { width: 31px; background-color: #D8D8D8; } .wrapper-load-result .pagination-wrap .pn-prev, .wrapper-load-result .pagination-wrap .pn-next { background-color: #C5C5C5; color: #FFF; } .wrapper-load-result .pagination-wrap .pn-prev { border-radius: 3px 0 0 3px; } .wrapper-load-result .pagination-wrap .pn-next { border-radius: 0 3px 3px 0; } .list-filter-result:after { border: none; } .list-filter-result { padding-bottom: 0; } .filter .hint { z-index: 99; } .filter .hint .box { z-index: 99; } .aside-sale-list__item { word-break: break-word; overflow: hidden; } .aside-sale-list__name { overflow-y: hidden; } @media (max-width: 767px) { .tmb-wrap-nav { bottom: 12px; } } .list-filter-basket-active__calc-minus:before { content: '–'; } .list-filter-basket-active__calc-minus:before, .list-filter-basket-active__calc-plus:before { font-size: 18px; } .list-filter-basket-active__calc a, .list-filter-basket-active__calc input { font-weight: 500; } .load-more-hldr { margin: 0; } .block-comparison { margin: 0 8px; } /* Всплывающий элемент управления фильтрами */ .filter-hint { display: flex; position: absolute; top: -13px; left: 229px; width: 270px; height: 40px; border: 1px solid #276075; border-radius: 3px; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25); font-size: 13px; z-index: 50; } .filter__item .fltr-rnge > .filter-hint { top: 42px; } .filter__item .frm-itm-chk > .filter-hint { top: -13px; } .filter-hint .text { display: flex; align-items: center; justify-content: center; width: 65%; background-color: #FFF; color: #276075; } .filter-hint .text .value, .filter-hint .text .units, .filter-hint .button { font-weight: 500; } .filter-hint .text:before { content: ''; display: block; position: absolute; left: -5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); width: 8px; height: 8px; border-top: 1px solid #102B35; border-left: 1px solid #102B35; background-color: #FFF; } .filter-hint .text span { padding-right: 4px; } .filter-hint .text span:last-child { padding-right: 0; } .filter-hint .button { display: flex; align-items: center; align-self: center; justify-content: center; text-align: center; width: 36%; background-color: #528091; } .filter-hint .button a { display: inline-block; width: 100%; height: 100%; padding: 10px 0; text-decoration: none; color: #FFF; } .filter-hint .enable:hover { background-color: #276075; transition: .25s } .filter-hint .disable { pointer-events: none; } .filter-hint .disable a { color: #063B4E; } /* Breadcrumbs */ .wrapper-breadcrumbs { height: 18px; margin-bottom: 9px; overflow-y: hidden; } .wrapper-breadcrumbs .left-opacity { content: ''; display: none; position: absolute; left: -20px; top: 0; bottom: 0; width: 40px; background-image: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0.3))); background-image: -webkit-linear-gradient(left, white 60%, rgba(255, 255, 255, 0.3) 100%); background-image: -o-linear-gradient(left, white 60%, rgba(255, 255, 255, 0.3) 100%); background-image: linear-gradient(to right, white 60%, rgba(255, 255, 255, 0.3) 100%); -webkit-filter: opacity(90%); filter: opacity(90%); z-index: 1; } @media only screen and (max-width: 480px) { .wrapper-breadcrumbs:before { display: none; } .wrapper-breadcrumbs .left-opacity { display: block; } } .wrapper-breadcrumbs__inner { overflow-y: hidden; height: 35px; } /* Эффект затухания строки в тексте */ .list-filter-result__name span { display: inline-block; position: relative; } .aside-sale-list__name { display: inline-block; position: relative; } .text-opacity-right span { display: inline-block; top: 0em; transition: .75s ease; } .text-opacity-right span:before { content: ''; display: block; opacity: 1; transition: opacity 1s; position: relative; top: 2.9em; width: 25%; height: 1.2em; float: right; background-image: -webkit-gradient(linear, right top, left top, from(white), to(rgba(255, 255, 255, 0.3))); background-image: -webkit-linear-gradient(right, white 60%, rgba(255, 255, 255, 0.3) 100%); background-image: -o-linear-gradient(right, white 60%, rgba(255, 255, 255, 0.3) 100%); background-image: linear-gradient(to left, white 60%, rgba(255, 255, 255, 0.3) 100%); -webkit-filter: opacity(100%); filter: opacity(100%); z-index: 1; } .list-filter-result__name:hover .text-opacity-right span { top: -2.8em; transition: .75s ease; } .list-filter-result__name:hover .text-opacity-right span:before { opacity: 0; } .col-prdct-cntrl .prdct-artcl span { margin-right: 3px; } /* Табличный каталог */ .filter-table-field-charact, .filter-table-charact { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .filter-table-field-charact { overflow: hidden; } .filter-table-field-charact > span, .filter-table-charact > span { display: inline-block; padding: 0 10px; } .filter-table-charact > span { padding-top: 5px; padding-bottom: 5px; } .filter-table-charact > span.prc-charact { font-weight: 500; } .filter-table-charact__head .filter-table-field-charact:first-child > span { padding-left: 20px; } .filter-table-charact__item .filter-table-charact:first-child > span { padding-left: 20px; } .filter-table-charact__head { align-items: start; } .filter-table-charact__code { padding: 0; } .filter-table-charact__basket { flex: unset; margin: 0 20px 0 10px; } .filter-table-charact__basket-inner { width: 160px; flex-wrap: unset; } .filter-table-charact__basket-link { text-align: center; } .filter-table-basket-calc__minus, .filter-table-basket-calc__plus { text-decoration: none; } .filter-table-basket-calc__minus { width: 13px; } .filter-table-basket-calc__minus, .filter-table-basket-calc__plus { color: rgba(255, 255, 255, 0.8); } .filter-table-basket-calc__minus:hover, .filter-table-basket-calc__plus:hover { color: rgba(255, 255, 255, 1); } .filter-table-basket-calc_active .disabled { color: rgba(255, 255, 255, 0.3); } .filter-table-basket-calc__minus:hover:before { content: '\2716'; font-size: 11px; color: rgba(255, 255, 255, 1); width: 13px; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; -webkit-transform: translate(-50%, -50%) rotate(180deg); -ms-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } .filter-table-basket-calc__minus:before { content: '–'; } .filter-table-basket-calc_active { width: 40%; } .filter-table-basket-choice__close { width: 16px; height: 16px; } .result-table-charact__item { align-items: flex-end; align-self: flex-end; align-content: flex-end; } .result-table-charact__name { width: 200px; padding-right: 10px; } .result-table-charact__readmore { display: block; } .list-filter-result-table__result-table-charact .list-extra { display: none; } .filter-table-basket-choice:before { right: 29px; } .filter-table-basket-choice:after { right: 29px; } .filter-table-basket-calc__input { cursor: pointer; } .filter-table-charact__inaccessible { flex: unset; position: relative; margin: 0 20px 0 10px; } .filter-table-charact__inaccessible .filter-table-charact__link { font-size: 15px; font-weight: 500; text-decoration: none; color: #A0A0A0; } .filter-table-charact__inaccessible .filter-table-charact__link:hover { color: #717171; } @media only screen and (max-width: 767px) { .filter-table-charact__basket-inner { width: 150px; } .filter-table-charact__basket, .filter-table-charact__inaccessible { margin: 0 5px 0 10px; } } @media only screen and (max-width: 480px) { .filter-table-charact__basket, .filter-table-charact__inaccessible { width: 70px; } .filter-table-charact__basket-inner { width: 70px; } .filter-table-field-charact > span, .filter-table-charact > span { padding: 0 5px; } .filter-table-charact__item .filter-table-charact:first-child > span { padding-left: 5px; } .filter-table-charact__head .filter-table-field-charact:first-child > span { padding-left: 5px; } .filter-table-charact__basket, .filter-table-charact__inaccessible { margin: 0 5px 0 5px; } .filter-table-basket-quantity-conclusion img { width: 24px; height: 24px; } .filter-table-basket-quantity-conclusion__input { font-size: 135%; } .filter-table-basket-choice-list__item { font-size: 150%; } .filter-table-basket-choice__close, .filter-table-basket-choice__close img { width: 24px; height: 24px; } .result-table-charact__name { width: 120px; } .filter-table-charact__basket_active .filter-table-charact__basket-link { display: none; } .filter-table-charact__basket_active .filter-table-basket-calc__minus { display: block; position: absolute; top: 6px; left: 45px; } .filter-table-charact__basket_active .filter-table-basket-calc__input { display: block; position: absolute; left: 5px; font-size: 14px; } .filter-table-charact__basket_active .filter-table-basket-calc__minus:before { content: '\2716'; color: #FFF; font-size: 16px; width: 20px; } .filter-table-charact__inaccessible .filter-table-charact__link { font-size: 12px; } } /* scroll for high menu */ .nav-mnu-hldr .mCSB_scrollTools .mCSB_draggerRail { width: 8px !important; } .nav-mnu-hldr .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #E5E5E5 !important; } .nav-mnu-hldr .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #F6F6F6 !important; } .nav-mnu-hldr .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px !important; } .nav-mnu-hldr .mCSB_inside>.mCSB_container { margin-right: 70px; } .nav-mnu-hldr li:first-child .mCSB_inside>.mCSB_container { margin-right: 30px; } /* нижнее меню */ .ftr-mnu li a { display: inline !important; line-height: 16px !important; } .ftr-mnu li { margin-top: 8px; } .ftr-top .col-ftr-cntct a { color: #FFF; } /* Страница адреса и контакты */ @media (max-width: 575px) { .sdek-widget, .pec-widget { display: none; } } .sdek-widget, .pec-widget { padding-bottom: 10px; } /* Banner top */ .banner-top .banner-item { width: 100%; height: 70px; background-repeat: no-repeat; background-position: 50% 0; background-size: contain; background-color: #a0b558; } .banner-top a { width: 100%; } @media (min-width: 1248px) { .banner-top .banner-item { background-image: url('/local/templates/vodopad_adaptiv_bs4/css/../images/banners/bc8937d4-cf77-41d5-8cd2-70f9fdd6307b.jpg'); } } @media (max-width: 1247px) { .banner-top .banner-item { display: none; } } /* End */ /* Start:/local/templates/vodopad_adaptiv_bs4/css/all-old.css?15723335327982*/ /* --- Старые стили (для совместимости) --- */ h4, h5, h6 { margin-top: 0px; margin-bottom: 0px; } /* service-center page */ h4.panel-title { margin: 0px; } /* busket page */ .order-info .jcf-number input { width: 90px; } .btn-del { right: 0px; top: 0px; } .m-grn-btn { color: #fff; } .m-grn-btn:hover { color: #fff; background: #ef4135; box-shadow: 0 0 0 40px rgba(0, 0, 0, 0.1) inset; } .tabs-smple { padding-left: 0; padding-right: 0; background: #f9f9fb; font-size: 0 } .tabs-smple li { display: inline-block; vertical-align: top; white-space: nowrap; cursor: pointer; padding: 15px; color: #8eadb1; border-left: none; border-bottom: 4px solid transparent; font-size: 15px } .tabs-smple li:hover,.tabs-smple li.current { border-left: none; border-bottom: 4px solid #B1B64F; color: #276075 } @media (min-width: 998px) { .tabs-smple li { font-size: 17px } } @media (min-width: 768px) { .tabs-smple { padding-left: 0; padding-right: 0; background: #f9f9fb; font-size: 0 } .tabs-smple li { display: inline-block; vertical-align: top; white-space: nowrap; cursor: pointer; padding: 15px; color: #8eadb1; border-left: none; border-bottom: 4px solid transparent; font-size: 15px } .tabs-smple li:hover,.tabs-smple li.current { border-left: none; border-bottom: 4px solid #B1B64F; color: #276075 } } .cmpr-prdct .cmpr-prdct-img { width: auto; margin-left: auto; margin-right: auto; margin-bottom: 10px; height: 83px; } .avlblt-stat { width: 145px; } .actual-prc { color: #B1B64F; } .fltr-blck-hdr { background: #f9f9fb; } /* Catalog table jcf-element */ .ctlg-module .jcf-number input { -moz-appearance: textfield } .ctlg-module .jcf-number input::-webkit-inner-spin-button, .ctlg-module .jcf-number input::-webkit-outer-spin-button { -webkit-appearance: none } .ctlg-module .jcf-number input { height: 100% } .ctlg-module .jcf-number { display: inline-block; position: relative } .ctlg-module .jcf-number input { text-align: center; padding-left: 0; height: 35px; padding-right: 18px; min-width: 40px } .ctlg-module .jcf-number .m-sm-inpt { height: 25px; padding-right: 12px; padding-left: 0; text-align: center; min-width: 40px } .ctlg-module .jcf-number:after { content: ''; height: 100%; width: 1px; background: rgba(39,96,117,0.29); position: absolute; right: 17px } .ctlg-module .jcf-number:before { margin: auto; content: ''; height: 1px; width: 17px; right: 0; background: rgba(39,96,117,0.29); position: absolute; top: 0; bottom: 0 } .ctlg-module .jcf-number .jcf-btn-dec, .ctlg-module .jcf-number .jcf-btn-inc { position: absolute; cursor: pointer; width: 18px; height: 50%; right: 0 } .ctlg-module .jcf-btn-inc:before, .ctlg-module .jcf-btn-inc:after, .ctlg-module .jcf-btn-dec:before, .ctlg-module .jcf-btn-dec:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: #000000 } .ctlg-module .jcf-btn-inc:after, .ctlg-module .jcf-btn-dec:after { height: 1px; width: 5px } .ctlg-module .jcf-btn-inc:before, .ctlg-module .jcf-btn-dec:before { height: 5px; width: 1px } .ctlg-module .jcf-btn-dec:before { display: none } .ctlg-module .jcf-number .jcf-btn-inc { top: 0 } .ctlg-module .jcf-number .jcf-btn-dec { top: auto; bottom: 0 } .ctlg-module .jcf-number.jcf-disabled input { background: #ddd } .ctlg-module .sm-number .jcf-number:after { right: 11px } .ctlg-module .sm-number .jcf-number:before { width: 11px } .ctlg-module .sm-number .jcf-number .jcf-btn-dec, .ctlg-module .sm-number .jcf-number .jcf-btn-inc { width: 13px } .ctlg-module .jcf-disabled { background: none !important; } .ctlg-module .jcf-btn-dec { border: none; left: 27px; } .ctlg-module .jcf-btn-inc { border: none; top: 1px !important; left: 27px; } .icon-basket-path:before { content: ""; } .fltr-hldr input, .fltr-hldr textarea, .fltr-hldr select, .ctlg-table input { border: 1px solid rgba(39,96,117,0.29); outline: none; line-height: 1; color: #2d2d2d; margin: 0; padding: 0 10px; -webkit-box-shadow: 3 0 20px rgba(231,236,239,0.85) inset; -moz-box-shadow: 0 0 20px rgba(231,236,239,0.85) inset; box-shadow: 0 0 20px rgba(231,236,239,0.85) inset; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: #fff; } .fltr-hldr input.m-sm-inpt, .fltr-hldr select.m-sm-inpt { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; height: 25px; font-size: 13px; } .fltr-mnu li a:hover { background: #f9f9fb; } .jcf-select-opener { top: 14px !important; } .ctlg-clmn .econom { background: #B1B64F; } .cont-clmn .load-more-hldr { width: 100%; } .brdr-blck-cont,.brdr-blck-top { padding: 15px } .brdr-blck-top { border-bottom: 1px solid #EFEFEF } .brdr-blck-top h1 { margin-bottom: 0; font-size: 14px; color: #006AAE; font-weight: bold } .brdr-blck-cont h2,.brdr-blck-cont h3 { margin-bottom: 20px; font-size: 14px; color: #006AAE; font-weight: bold } .brdr-blck-cont h2.underline { font-size: 18px; color: #ef4036; border-bottom: 1px solid #ef4036 } /* auth form */ div.bx-auth { width: 50%; margin: 0 auto 60px; padding: 30px 40px; box-sizing: border-box; box-shadow: 1px 1px 20px rgba(0,0,0,0.2); } div.bx-auth .message { padding: 10px 10px; box-shadow: 0 0 20px rgba(231,236,239,0.85) inset; margin-bottom: 20px; border-radius: 5px; } div.bx-auth .message:last-child { margin-bottom: 0; } div.bx-auth .message p { margin-bottom: 10px; } div.bx-auth .message p:last-child { margin-bottom: 0; } div.bx-auth .message-error { border: 1px solid #ef4135; box-shadow: 0 0 20px rgba(239,65,52,0.15) inset; } div.bx-auth .message-success { border: 1px solid #4bb45d; } div.bx-auth .message-info { border: 1px solid #4ec5f1; } div.bx-auth form { margin-bottom: 0; } @media (max-width: 997px) { div.bx-auth { padding:15px 20px; width: 70%; } } @media (max-width: 767px) { div.bx-auth { width:100%; padding: 0; box-shadow: none; } } /* search dropdown */ .hdr-cntr-frm a { width: 100%; height: auto; text-align: left; line-height: 1.5; margin-left: 0; } .searchSuggestions { top: 32px; } /* catalog */ .catalog-container .sub-mnu-clmn { flex: none; } .catalog-container .cat-lvl-1 { margin-right: 15px; width: 280px; margin-bottom: 25px; } .catalog-container .sub-sub-mnu .cat-lvl-3 { margin-left: 10px; text-transform: lowercase; margin-bottom: 2px; margin-top: 0; } .catalog-container .sub-sub-mnu .cat-lvl-3 a { font-size: 13px; } .catalog-container .sub-mnu { display: none; background: #ffffff; margin-bottom: 0; margin-left: 0; margin-right: 0; padding: 15px 15px } .catalog-container .sub-mnu>li { margin-top: 5px } .catalog-container .sub-mnu>li:first-child { margin-top: 0 } .catalog-container .sub-mnu>li>a { color: #2c2b2b; font-weight: bold; font-size: 15px; text-decoration: none } .catalog-container .sub-mnu>li>a:hover { text-decoration: underline } .catalog-container .sub-mnu .more { color: #276075; margin-top: 5px } .catalog-container .sub-sub-mnu { margin-top: 10px; margin-bottom: 0 } .catalog-container .sub-sub-mnu li { margin-top: 5px } .catalog-container .sub-sub-mnu li:first-child { margin-top: 0 } .catalog-container .sub-sub-mnu li a { text-decoration: none; color: #2c2b2b } .catalog-container .sub-sub-mnu li a:hover { text-decoration: underline } .col-prdct-cntrl .favorite_link[data-status="removed"], .col-prdct-cntrl .compare_link[data-status="removed"] { opacity: 1; } .col-prdct-cntrl .favorite_link[data-status="removed"]:hover, .col-prdct-cntrl .compare_link[data-status="removed"]:hover { opacity: 1; } .charct-table table.fixed { z-index: 1; } /* End */ /* Start:/local/templates/vodopad_adaptiv_bs4/css/jquery.mCustomScrollbar.min.css?157605643742839*/ .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{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:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;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}.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}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.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}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.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;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;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;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}.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}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.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{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;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-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_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-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}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(/local/templates/vodopad_adaptiv_bs4/css/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(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}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{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,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.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}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.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,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-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,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.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}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.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,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.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,.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{width:16px;height:16px;margin:-1px 0}.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,.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{width:4px}.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,.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{height:16px;width:16px;margin:0 -1px}.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,.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{height:4px;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}.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,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.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}.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}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.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}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(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}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(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}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(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,.4),inset -1px 0 0 rgba(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,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.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}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.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,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.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,.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{width:12px}.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,.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{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}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.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-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.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-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-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-3-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-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.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,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} /* End */ /* Start:/local/templates/vodopad_adaptiv_bs4/components/bitrix/notices/.default/style.css?15846216461082*/ #hdr-notice { width: 100%; text-align: center; background: #ff7c7f; height: 30px; position: relative; } @media (max-width: 997px) { #hdr-notice { position: fixed; top: 0; left: 0; z-index: 99; font-size: 12px; } } #hdr-notice div:before { content: ''; height: 30px; width: 1px; display: inline-block; vertical-align: middle; margin-left: -1px; } #hdr-notice div { display: inline-block; vertical-align: middle; } #hdr-notice a { color: #fff; text-decoration: none; } #hdr-notice string { font-weight: bold; } @keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;} } .snow-animation { background-image: url(http://www.webmasters.by/images/articles/make-it-snow/snowflake.png), url(http://www.webmasters.by/images/articles/make-it-snow/snowflake3.png), url(http://www.webmasters.by/images/articles/make-it-snow/snowflake2.png) !important; height: 100%; animation: snow 20s linear infinite; } #hdr-notice a:hover { text-decoration: underline; } /* End */ /* Start:/local/components/vodopad/geo.confirm/templates/.default/style.css?15760564377190*/ .loctn-clmn:hover { cursor: pointer; } .loctn-clmn:hover .icon-mark:before, .loctn-clmn:hover a { color: #CF4238; } /* Настройка модального окна */ #modal-competitor { max-width: none; display: block; position: static; background: #fff; } .modal-city-search { height: 600px; width: 950px; } .modal-close { cursor: pointer; } /* Окно с предложением выбора города */ .city-choice-wrap { position: absolute; } .city-choice-block { position: absolute; height: auto; width: 300px; top: 33px; left: -3px; background-color: #fff; border-radius: 3px; z-index: 5; border: 1px solid rgba(182, 182, 182, 0.35); -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25); -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .city-choice-block .inner_block { padding: 25px 23px 16px; } .city-choice-block:before { left: 33px; top: -21px; border: 10px solid transparent; border-bottom: 11px solid rgba(182, 182, 182, 0.35); } .city-choice-block:after { left: 33px; top: -19px; border: 10px solid transparent; border-bottom: 10px solid #fff; } .city-choice-block:before, .city-choice-block:after { content: ''; display: block; position: absolute; width: 0; height: 0; } .city-choice-block .inner_block > div { display: flex; justify-content: center; } .city-choice-block .title { padding-bottom: 7px; font-size: 13px; } .city-choice-block .target-city { padding-bottom: 13px; font-size: 18px; font-weight: 500; } .city-choice-block .buttons-panel { padding-bottom: 20px; } .city-choice-block .buttons-panel div { display: flex; align-items: center; align-self: center; align-content: center; justify-content: center; width: 48%; height: 30px; cursor: pointer; } .city-choice-block .buttons-panel .apply-button { margin-right: 5px; background: #888; color: #FFF; background: rgba(207, 66, 56, 0.8); border-radius: 3px; } .city-choice-block .buttons-panel .apply-button:hover { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; background: rgba(207, 66, 56, 1); } .city-choice-block .buttons-panel .choice-button { margin-left: 5px; color: #777; } .city-choice-block .bottom { padding-top: 13px; border-top: 1px solid #EEE; font-size: 13px; color: #AAA; text-align: center; } /* Окно в панелью поиска и выбора города */ .city-search { height: 480px; font-size: 15px; } .city-search .cs-boxes { display: flex; position: relative; flex-flow: row nowrap; height: inherit; margin-top: 24px; } .city-search .cs-box { overflow-y: auto; height: inherit; width: 33%; padding-left: 17px; margin-right: 19px } .city-search .cs-box-1, .city-search .cs-box-2 { border-right: 1px solid #E5E5E5; } .city-search .cs-box-1:after, .city-search .cs-box-2:after { content: ''; display: block; position: absolute; bottom: 0px; left: 10px; width: 260px; height: 30px; background-image: linear-gradient(to top, white 50%, rgba(255, 255, 255, 0.1) 100%); -webkit-filter: opacity(100%); filter: opacity(100%); z-index: 1; } .city-search .cs-box-2 { padding-left: 13px; } .city-search .cs-box-2:after { left: 315px; } .cs-box-2 .target { font-weight: 500; } .city-search .cs-box-3 { overflow-y: auto; padding-left: 13px; } .city-search .title { margin-left: 16px; font-weight: 500; font-size: 24px; } .city-search .cs-box-1 .target { display: flex; align-items: center; align-self: center; align-content: center; position: relative; background: #276075; border-radius: 3px; color: #FFFFFF; padding: 3px 0 4px; margin: -5px 0 8px; cursor: pointer; } .city-search .cs-box-1 .target:hover span { color: #FFFFFF; } .city-search ul { list-style: none; } .city-search .name { display: flex; padding-bottom: 7px; } .city-search .name span { display: inline-block; padding-left: 25px; cursor: pointer; } .city-search .name .letter { display: inline-block; position: relative; width: 10px; padding-left: 15px; color: #A0A0A0; } .city-search .name span:hover { color: #276075; } .city-search .search-block .description { font-size: 13px; line-height: 15px; color: #A0A0A0; } .city-search .regions ul:first-child { margin-bottom: 0; padding: 5px 0 20px; font-weight: 500; } .city-search .regions .cities { display: none; } .city-search .mCSB_scrollTools .mCSB_draggerRail { width: 8px !important; } .city-search .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #E5E5E5 !important; } .city-search .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #F6F6F6 !important; } .city-search .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px !important; } .city-search .cities-list .region-center { font-weight: 500; } span.target { font-weight: 500; } /* Мобильное меню */ .mob-mnu-out .location { font-weight: 500; font-size: 16px; padding: 20px 0; border-top: 1px solid #e5e5e5; color: #276075; } .mob-mnu-out .location span { padding: 5px 0 0 10px; } .mnu-city-srch .search-block { z-index: 1; } .mnu-city-srch .search-block, .city-search .search-block { position: relative; } .mnu-city-srch ul ul { top: 50px !important; } .mnu-city-srch .search-block input, .city-search .search-block input { width: 100%; border: 1px solid rgba(39, 96, 117, 0.7); box-sizing: border-box; border-radius: 3px; color: #000; font-size: 13px; padding: 4px 0 4px 8px; margin-bottom: 20px; } .mnu-city-srch .search-block input:focus, .city-search .search-block input:focus { border: 1px solid rgba(39, 96, 117, 1); } .mnu-city-srch .search-block .icon-search, .city-search .search-block .icon-search { position: absolute; right: 12px; padding-top: 7px; color: rgba(39, 96, 117, 0.9); } .back-mnu-cs { color: #2C2B2B; font-size: 16px; font-weight: 500; } .back-mnu-cs i { color: #276075; font-size: 12px; margin-right: 10px; } .mnu-city-srch .region .primary > span { font-weight: 500; } .mnu-city-srch .mob-mnu li span { padding: 12px 0; } .loader-box { position: absolute; z-index: 99; opacity: 0.5; background: #ccc; width: 100%; height: 101%; left:0; margin-top: -53px; display: none; } .loader { border: 6px solid #f3f3f3; /* Light grey */ border-top: 6px solid #cccccc; border-radius: 50%; width: 60px; height: 60px; margin: 25% auto; animation: spin 2s linear infinite; position: relative; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* End */ /* Start:/local/templates/vodopad_adaptiv_bs4/components/vodopad/header.phones/top/style.css?1583132466319*/ .hdr-top .store-schedule { display: flex; align-items: center; position: relative; top: 5px; margin-top: -10px; } .hdr-top .store-schedule .clock { margin-right: 5px; } .hdr-top .store-hours { display: flex; flex-direction: column; font-size: 11px; line-height: 13px; /*color: #276075;*/ color: #a3b12f; } /* End */ /* Start:/local/templates/vodopad_adaptiv_bs4/components/bitrix/system.auth.form/popup_form/style.css?1563948304123*/ .enter-frm { top: 17px; } .enter-col .error { display: none; color: #960000; font-weight: bold; padding: 7px 0 6px; } /* End */ /* Start:/local/templates/vodopad_adaptiv_bs4/components/vodopad/header.phones/mobile/style.css?1583132452318*/ .mob-phone-hldr .store-schedule { display: flex; align-items: flex-start; padding-bottom: 15px; } .mob-phone-hldr .store-schedule .clock { margin: 3px 15px 0 0; } .mob-phone-hldr .store-hours { display: flex; flex-direction: column; font-size: 14px; line-height: 18px; /*color: #276075;*/ color: #a3b12f; } /* End */ /* Start:/local/templates/vodopad_adaptiv_bs4/components/bitrix/menu/vodopad.mobile.menu/style.css?15674977051626*/ .mob-phone-hldr { border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; } .mob-mnu-hldr-top { z-index: 999; } .mob-mnu-out { height: 100%; } .mob-mnu-out .ttl-mob-mnu a { text-decoration: none; color: #2C2B2B } .mob-mnu li a { border-bottom: 1px solid #E5E5E5; } .enter-mnu a { font-size: 16px; } .mob-phone-itm p { font-size: 14px; } #mobile_menu .main_menu { display: inline-block; position: relative; width: 100%; list-style: none; } #mobile_menu .main_menu ul ul { display: none; position: absolute; top: 0px; left: 0px; width: 100%; background-color: #fff; border-bottom: 1px solid #E5E5E5; } #mobile_menu .mob-mnu ul li:last-child { border-bottom: none; } #mobile_menu .mob-mnu li { display: flex; align-items: center; align-content: center; line-height: 19px; border-bottom: 1px solid #E5E5E5; text-decoration: none; color: #2C2B2B; cursor: pointer; } #mobile_menu .mob-mnu li.parent .arrow { position: absolute; right: 0px; margin-top: 2px; } #mobile_menu .mob-mnu li span { width: 95%; } #mobile_menu .mob-mnu li a { display: inline-block; width: 100%; padding: 12px 0; border: none; } #mobile_menu .mob-mnu li a:focus { font-weight: 500; } #mobile_menu .hide { visibility: hidden; height: 0; } #mobile_menu .hide > li { height: 0; } #mobile_menu .show { visibility: visible; } #mobile_menu li { -webkit-touch-callout: none; -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); webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* End */ /* Start:/local/templates/vodopad_adaptiv_bs4/components/vodopad/whatsapp/.default/style.css?1566891820417*/ .whatsapp { position: fixed; display: none; width: 85px; height: 85px; bottom: 0; right: 0; z-index: 3; } .whatsapp-btn { width: 65px; height: 65px; display: block; border-radius: 50px !important; margin-bottom: 20px; text-align: center; position: relative; transform: scale(1); } @media (max-width: 767px) { .whatsapp { display: block; } /* jivosite */ jdiv { display: none !important; } } /* End */ /* Start:/local/templates/vodopad_adaptiv_bs4/styles.css?157121275421232*/ #totop { background: rgba(39, 96, 117, 0.6); bottom: 10px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.8); box-shadow: 0 0 4px rgba(0, 0, 0, 0.8); color: #fff; cursor: pointer; display: none; padding: 8px 12px 8px; position: fixed; right: 10px; text-shadow: 0 0 4px rgba(0, 0, 0, 0.64); text-transform: uppercase; -webkit-transition: background 0.24s ease; -o-transition: background 0.24s ease; transition: background 0.24s ease; z-index: 999; } .totop { padding: 7px 15px; border: 1px dashed #aaa; } #totop:hover { background-color: rgb(39, 96, 117); cursor: pointer; } b { font-weight: bold; } i { font-style: italic; } img { max-width: 100%; } input[type="text"], textarea { -webkit-appearance: none; -moz-appearance: none; } .h2 { font-size: 20px; margin-bottom: 15px; } .hidden { display: none !important; } .cart-fixed .it-naming, .cart-fixed .it-lang-phrase, .cart-fixed .txt-grn, .cart-fixed .bskt-summ { display: none; } .cart-fixed { display: none; position: fixed !important; right: 30px; top: 70px; z-index: 999; transition: 0.2s; } @media (min-width: 1400px) { .cart-fixed { right: 60px; } } @media (min-width: 1600px) { .cart-fixed { right: 120px; } } .cart-fixed:before { display: inline-flex; width: 200px; height: 45px; padding: 8px 0 5px 15px; background-color: #E9EFF1; border-radius: 3px 0 0 3px; } .cart-fixed .coutner { right: -20px; top: 5px; } @media (max-width: 997px) { .cart-fixed { display: none !important; } } .sub-mnu { z-index: 50; } .text-center { text-align: center; } .mb { margin-bottom: 15px; } .bigger { font-size: 115%; } .reset-fs { font-size: 13px; } .reset-fw { font-weight: 400; } footer .totop { display: none; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* Only IE */ .bskt-hdr .btn i { font-size: 20px; } } #mobile-nav { display: none; } .pddlt-reset { padding-left: 0 !important; } footer a { color: #b3b3b3; } .dshd-link { text-decoration: none; border-bottom: 1px dashed #276075; } .has-sub-mnu .see-more { margin: 5px 0; display: none; } .in-cart .btn { background: #2fb944; } .hit-itm .btn-del, .ctlg-itm-prc .btn-del { display: none; } .ctlg-itm-prc { position: relative; } .ctlg-itm-prc .btn-del { position: absolute; z-index: 1; top: 21px; right: 72px; } .in-cart .btn-del { display: inline-block; } .no-decoration { text-decoration: none; } .btn-del { background: url('/local/templates/vodopad_adaptiv_bs4/images/new-icons/del-ico.png') no-repeat; content: ''; width: 17px; height: 17px; overflow: hidden; font-size: 0; vertical-align: middle; } /* кнопка Добавить в Корзину */ .m-grn-btn { background: #ef4135; box-shadow: 0 0 0 40px rgba(0, 0, 0, 0) inset; transition: 0.2s; } .m-grn-btn:hover { background: #ef4135; box-shadow: 0 0 0 40px rgba(0, 0, 0, 0.1) inset; } .in-cart .m-grn-btn:hover { background: #2fb944; } /* end кнопка Добавить в Корзину */ .prdct-sctn .favorite_link, .prdct-sctn .compare_link { transition: 0.3s; } .prdct-sctn .favorite_link[data-status="removed"], .prdct-sctn .compare_link[data-status="removed"] { opacity: 0.6; } .prdct-sctn .favorite_link[data-status="removed"] i, .prdct-sctn .compare_link[data-status="removed"] i { transition: 0.3s; will-change: transform; } .prdct-sctn .favorite_link[data-status="removed"]:hover, .prdct-sctn .compare_link[data-status="removed"]:hover { opacity: 0.8; } .prdct-sctn .favorite_link[data-status="removed"]:hover i, .prdct-sctn .compare_link[data-status="removed"]:hover i { transform: scale(1.10); } .prdct-actn-clmn .goto_link { position: absolute; top: 1.5em; left: 0; padding-left: 28px; font-size: 12px; text-decoration: underline; } @media (max-width: 997px) { .prdct-actn-clmn .goto_link { position: relative; top: 0; padding-left: 10px; } } .prdct-actn { margin-bottom: 10px; } .favorite_count .qnty-crcl, .compare_count .qnty-crcl { width: unset; border-radius: 30px; display: inline-flex; justify-content: center; align-items: center; padding: 4px; } .hdr-cntrl .added i { color: #276075; } .bskt-hdr .bskt-listing { display: block; margin-bottom: 10px; margin-top: -10px; font-size: 110%; } .bskt-hdr .txt-grn { color: #2fb944; } .bskt-hdr .it-price { font-weight: bold; font-size: 120%; } .avlblt-blck { z-index: 2; } .avlblt-hldr a { text-decoration: none; } .avlblt-lst li { text-align: left; padding: 0 40px 5px 35px; } .avlblt-stat { text-align: center; } .avlblt-lst li .icons-metro { position: absolute; left: 0; top: 50%; margin-top: -11px; } .ctlg-fltr-sort .current a { cursor: default; } .fltr-blck .fltr-row { position: relative; } .fltr-blck .fltr-row label a { text-decoration: none; color: #000; } .fltr-blck .hint, .fltr-blck .hint > div { width: 110px; height: 50px; border-radius: 5px; } .fltr-blck .fltr { display: none; } .fltr-blck .fltr { display: block; } .fltr-blck .hint { position: absolute; top: 0; left: 229px; margin-top: -25px; z-index: 2; text-align: center; box-sizing: border-box; -webkit-box-shadow: 2px -1px 7px 0px rgba(0, 0, 0, 0.35); -moz-box-shadow: 2px -1px 7px 0px rgba(0, 0, 0, 0.35); box-shadow: 2px -1px 7px 0px rgba(0, 0, 0, 0.35); } .fltr-blck .fltr-rnge .hint { top: 60px; left: 265px; } .fltr-blck .hint .box { display: block; position: absolute; z-index: 3; padding: 5px 0; top: 0; left: 0; } .fltr-blck .hint .overlay:before { content: ''; border: 25px solid transparent; border-right: 44px solid #cdcfc6; position: absolute; left: -39px; z-index: -1; top: 0; } .fltr-blck .hint .overlay { border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #cdcfc6; opacity: 0.9; } .fltr-blck .hint a { display: block; } .fltr-module-in { margin-bottom: 10px; } .fltr-opn .main-bar { border-bottom: 1px solid #f2f2f2; } @media (max-width: 997px) { .fltr-module { position: absolute; top: 40px; right: 0; bottom: 0; left: 0; } } /* news index pages */ /* end news index pages */ /* video youtube width-auto */ .youtube { position: relative; padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */ padding-top: 30px; height: 0; overflow: hidden; } .youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .frm-itm-chk input:disabled + label > a { color: #9b9b9b; } /* end video youtube width-auto */ /* css index.php */ .hit-itm { height: 310px; } .hit-itm-dscrp .vert-blck { padding: 0 2px; font-size: 12px; line-height: 14px; } /* end css index.php */ .enter-frm { z-index: 10; } aside .enter-frm { left: 0; margin-left: 0; } .enter-frm [type="submit"] { cursor: pointer; } #circularG { position: relative; width: 58px; height: 58px; margin: auto; } .circularG { position: absolute; background-color: rgb(39, 96, 117); width: 14px; height: 14px; border-radius: 9px; -o-border-radius: 9px; -ms-border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; animation-name: bounce_circularG; -o-animation-name: bounce_circularG; -ms-animation-name: bounce_circularG; -webkit-animation-name: bounce_circularG; -moz-animation-name: bounce_circularG; animation-duration: 1.1s; -o-animation-duration: 1.1s; -ms-animation-duration: 1.1s; -webkit-animation-duration: 1.1s; -moz-animation-duration: 1.1s; animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -webkit-animation-direction: normal; -moz-animation-direction: normal; } #circularG_1 { left: 0; top: 23px; animation-delay: 0.41s; -o-animation-delay: 0.41s; -ms-animation-delay: 0.41s; -webkit-animation-delay: 0.41s; -moz-animation-delay: 0.41s; } #circularG_2 { left: 6px; top: 6px; animation-delay: 0.55s; -o-animation-delay: 0.55s; -ms-animation-delay: 0.55s; -webkit-animation-delay: 0.55s; -moz-animation-delay: 0.55s; } #circularG_3 { top: 0; left: 23px; animation-delay: 0.69s; -o-animation-delay: 0.69s; -ms-animation-delay: 0.69s; -webkit-animation-delay: 0.69s; -moz-animation-delay: 0.69s; } #circularG_4 { right: 6px; top: 6px; animation-delay: 0.83s; -o-animation-delay: 0.83s; -ms-animation-delay: 0.83s; -webkit-animation-delay: 0.83s; -moz-animation-delay: 0.83s; } #circularG_5 { right: 0; top: 23px; animation-delay: 0.97s; -o-animation-delay: 0.97s; -ms-animation-delay: 0.97s; -webkit-animation-delay: 0.97s; -moz-animation-delay: 0.97s; } #circularG_6 { right: 6px; bottom: 6px; animation-delay: 1.1s; -o-animation-delay: 1.1s; -ms-animation-delay: 1.1s; -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; } #circularG_7 { left: 23px; bottom: 0; animation-delay: 1.24s; -o-animation-delay: 1.24s; -ms-animation-delay: 1.24s; -webkit-animation-delay: 1.24s; -moz-animation-delay: 1.24s; } #circularG_8 { left: 6px; bottom: 6px; animation-delay: 1.38s; -o-animation-delay: 1.38s; -ms-animation-delay: 1.38s; -webkit-animation-delay: 1.38s; -moz-animation-delay: 1.38s; } @keyframes bounce_circularG { 0% { transform: scale(1); } 100% { transform: scale(.3); } } @-o-keyframes bounce_circularG { 0% { -o-transform: scale(1); } 100% { -o-transform: scale(.3); } } @-ms-keyframes bounce_circularG { 0% { -ms-transform: scale(1); } 100% { -ms-transform: scale(.3); } } @-webkit-keyframes bounce_circularG { 0% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(.3); } } @-moz-keyframes bounce_circularG { 0% { -moz-transform: scale(1); } 100% { -moz-transform: scale(.3); } } #loading .blank { width: 100%; height: 100%; position: fixed; z-index: 998; background: #fff; opacity: .3; } #loading { top: 0; left: 0; position: fixed; width: 100%; height: 100%; z-index: 999; display: none; } #circularG { position: fixed; top: 50%; left: 50%; margin: -27px 0 0 -27px; } .close-icon { display: block; width: 32px; height: 32px; background: url('/local/templates/vodopad_adaptiv_bs4/images/svg/cancel.svg') no-repeat; background-size: cover; will-change: opacity; } .alert-content .close-icon { width: 10px; height: 10px; } .alert-wrapper { display: none; } .alert-content { padding: 25px; max-width: 350px; min-height: 50px; font-size: 14px; color: #666; position: relative; } .alert-content::before, .alert-content::after { content: ''; position: absolute; width: 20%; height: 2px; background: #388ba8; } .alert-content::before { top: 10px; left: 0; } .alert-content::after { bottom: 10px; right: 0; } .alert-message-list { list-style: circle; padding-left: 20px; margin-bottom: 0; color: red; } .error-field { border: 1px solid rgba(255, 0, 0, 0.5); box-shadow: 0 0 3px 0 rgba(255, 0, 0, 0.5); } .form-group { margin-bottom: 15px; } .srch-frm input { padding: 0 30px 0 10px; min-height: 35px; } button:disabled, button:disabled:hover { background: #ccc; cursor: not-allowed; } a.disabled { cursor: default; opacity: .8 } .elem-img-label { position: absolute; z-index: 3; background-color: #d8bb8f; color: #fff; padding: 6px 10px; border-radius: 3px; max-width: 200px; text-align: center; margin: 5px; opacity: 0.8; left: 5px; top: 5px; } .pay-metd-img { margin-top: 0; margin-bottom: 15px; background: none; } .lg-actions .lg-next, .lg-actions .lg-prev { border: none; } .lg-outer .lg-toogle-thumb { background-color: rgba(0, 0, 0, 0.3); } .lg-outer.lg-grab img.lg-object { cursor: pointer; } .lg-on .ch_w-mini-form-container { display: none; } .is-authorized { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; } .fltr-blck-hdr:hover { cursor: default; color: #516365; } #searchBox:focus { outline: none; } .srch-frm { position: relative; } .searchSuggestions { border: 1px solid rgba(39, 96, 117, 0.29); color: #276075; border-top: none; background-color: #fff; padding: 0; position: absolute; top: 32px; left: 50%; width: 95%; transform: translateX(-50%); z-index: 10; } ul#searchSuggestionsUl { margin-bottom: 0; } .suggestion { opacity: 0.7; } .suggestion a { text-decoration: none; } li.suggestion, li.suggest-type { padding: 3px 10px; } li.suggestion.suggestion-item { padding: 0; } li.suggestion.suggestion-item a { padding: 3px 10px; display: block; } .highlight { color: #012c56; cursor: pointer; opacity: 1; } .suggest-type { background: #eee; opacity: 0.7; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .item-labels { position: absolute; top: 5px; right: -1px; display: flex; flex-direction: column; align-items: flex-end; } .item-labels-home { right: -2px; } .item-label { padding: 0 8px 1px 8px; margin-bottom: 5px; text-align: right; font-size: 11px; } .item-label-red { color: #fff; background-color: #ef4135; } .item-label-success { color: #fff; background-color: #2fb944; } .item-label-cream { color: #fff; background-color: #dbc199; } #addToBasketModal .modal-body { display: flex; align-items: center; } #addToBasketModal .modal-price-row { margin-bottom: 5px; } #addToBasketModal .modal-title { font-size: 135%; } #addToBasketModal .modal-content { padding: 10px 25px; border-radius: 0; margin-bottom: 10px; } #addToBasketModal .modal-img { margin-right: 10px; } #addToBasketModal .muted { color: #b9b9b9; } #addToBasketModal .modal-footer { text-align: left; justify-content: flex-start; flex-flow: wrap; } #addToBasketModal .modal-dismiss { position: absolute; right: 15px; top: 15px; z-index: 99; text-decoration: none; background: url('/local/templates/vodopad_adaptiv_bs4/images/cancel.png') no-repeat center; background-size: cover; width: 11px; height: 11px; opacity: 0.5; transition: 0.25s; } #addToBasketModal .modal-dismiss:hover { opacity: 1; } #addToBasketModal .btn { display: inline-flex; justify-content: center; align-items: center; border-radius: 0; margin-right: 7px; } #addToBasketModal .dismiss-link { text-decoration: none; border-bottom: 1px dotted #b7b7b7; color: #b7b7b7; } #addToBasketModal .modal-img { max-height: 80px; max-width: 80px; } .btn-success { background: #2fb944; } .btn-success:hover { background: #228832; } .ctlg-fltr-sort #changeSectionSortSelect { width: auto; } .ctlg-prdct-actn { padding: 5px 0; } .ctlg-itm-in, .ctlg-prdct-itm { height: auto; } @media (min-width: 768px) { .ctlg-itm-prc { height: 65px; } } .item-label-wrap { margin-bottom: 5px; } /*filter button*/ .filter-button { padding: 10px 20px; border: none; border-radius: 30px; background: #ff2837; color: #fff; display: flex; justify-content: center; align-items: center; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3); font-size: 14px; position: fixed; left: 50%; bottom: 10px; z-index: 2; overflow: hidden; transform: translateX(-50%); transition: 0.25s; } .filter-button:focus, .filter-button:active { outline: none; } .filter-button:hover { background: #e32431; cursor: pointer; } .ink { display: block; position: absolute; background: rgba(255, 255, 255, 0.3); border-radius: 100%; transform: scale(0); } .animate { animation: ripple 0.65s linear; } @keyframes ripple { 100% { opacity: 0; transform: scale(2.5); } } .settings-icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4MC4zIDQ4MC4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODAuMyA0ODAuMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik0yNTQuMTUsMjM0LjFWMTMuNWMwLTcuNS02LTEzLjUtMTMuNS0xMy41cy0xMy41LDYtMTMuNSwxMy41djIyMC42Yy0zMS4zLDYuMy01NSwzNC01NSw2Ny4yczIzLjcsNjAuOSw1NSw2Ny4ydjk4LjIgICAgYzAsNy41LDYsMTMuNSwxMy41LDEzLjVzMTMuNS02LDEzLjUtMTMuNXYtOTguMmMzMS4zLTYuMyw1NS0zNCw1NS02Ny4yQzMwOS4xNSwyNjguMiwyODUuNTUsMjQwLjQsMjU0LjE1LDIzNC4xeiBNMjQwLjY1LDM0Mi44ICAgIGMtMjIuOSwwLTQxLjUtMTguNi00MS41LTQxLjVzMTguNi00MS41LDQxLjUtNDEuNXM0MS41LDE4LjYsNDEuNSw0MS41UzI2My41NSwzNDIuOCwyNDAuNjUsMzQyLjh6Ii8+PHBhdGggZD0iTTg4Ljg1LDEyMC45VjEzLjVjMC03LjUtNi0xMy41LTEzLjUtMTMuNXMtMTMuNSw2LTEzLjUsMTMuNXYxMDcuNGMtMzEuMyw2LjMtNTUsMzQtNTUsNjcuMnMyMy43LDYwLjksNTUsNjcuMnYyMTEuNCAgICBjMCw3LjUsNiwxMy41LDEzLjUsMTMuNXMxMy41LTYsMTMuNS0xMy41VjI1NS4yYzMxLjMtNi4zLDU1LTM0LDU1LTY3LjJTMTIwLjE1LDEyNy4yLDg4Ljg1LDEyMC45eiBNNzUuMzUsMjI5LjYgICAgYy0yMi45LDAtNDEuNS0xOC42LTQxLjUtNDEuNXMxOC42LTQxLjUsNDEuNS00MS41czQxLjUsMTguNiw0MS41LDQxLjVTOTguMTUsMjI5LjYsNzUuMzUsMjI5LjZ6Ii8+PHBhdGggZD0iTTQxOC40NSwxMjAuOVYxMy41YzAtNy41LTYtMTMuNS0xMy41LTEzLjVzLTEzLjUsNi0xMy41LDEzLjV2MTA3LjRjLTMxLjMsNi4zLTU1LDM0LTU1LDY3LjJzMjMuNyw2MC45LDU1LDY3LjJ2MjExLjUgICAgYzAsNy41LDYsMTMuNSwxMy41LDEzLjVzMTMuNS02LDEzLjUtMTMuNVYyNTUuMmMzMS4zLTYuMyw1NS0zNCw1NS02Ny4yUzQ0OS44NSwxMjcuMiw0MTguNDUsMTIwLjl6IE00MDQuOTUsMjI5LjYgICAgYy0yMi45LDAtNDEuNS0xOC42LTQxLjUtNDEuNXMxOC42LTQxLjUsNDEuNS00MS41czQxLjUsMTguNiw0MS41LDQxLjVTNDI3Ljg1LDIyOS42LDQwNC45NSwyMjkuNnoiLz48L3N2Zz4=); width: 20px; height: 20px; margin-right: 5px; -webkit-background-size: contain; background-size: contain; } .fltr-hldr { z-index: 4; bottom: 0; height: auto; } @media (min-width: 998px) { .fltr-hldr.is-open { box-shadow: none; } } @media (max-width: 997px) { .fltr-hldr { transition: top 200ms ease-in; top: 100px; } .fltr-hldr--slim { top: 70px; } } @media (max-width: 767px) { .fltr-hldr { top: 80px; } .fltr-hldr--slim { top: 49px; } } @media (min-width: 375px) { header .main-bar__aside-menu .close-button{ right: -40px; } } @media (min-width: 768px) { .filter-button { display: none; } } /*\filter button*/ @media (max-width: 520px) { #addToBasketModal.modal.fade .modal-dialog { left: unset; transform: unset; } #addToBasketModal .btn { margin-bottom: 15px; } } @media (min-width: 1248px) { .l-footer { /*height: 200px;*/ margin-top: -200px; } .main { padding-bottom: 200px; } .main-sldr-scnt .swiper-wrapper > a { height: 355px; } } @media screen and (max-width: 998px) { /* ширина < 998px */ .fltr-blck .hint { position: initial; margin-top: 0; left: 0; box-shadow: none; width: 100%; height: auto; } .fltr-blck .hint > div.box { width: 100%; height: auto; background: none; position: initial !important; display: flex; flex-direction: column; justify-content: center; align-items: center; } .fltr-blck .hint > div a { background: #cdcfc6; padding: 8px 15px 6px; display: inline-flex; align-items: center; justify-content: center; text-transform: uppercase; text-decoration: navajowhite; border-radius: 5px; width: 150px; line-height: 14px; } .fltr-btm { display: none; } .fltr-blck .hint a { /*display: inline-block; */ } .fltr-blck .hint .overlay { display: none; } .hit-itm.in-cart .btn-del { position: initial; display: inline-block; top: initial; left: initial; } .prdct-cntrl .bk_container { text-align: center; } .news-blck { width: 100%; float: none; } /* .swiper-button-prev, .swiper-button-next { -o-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); } */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0; } .l-footer { height: auto; font-size: 12px; } #totop { display: none !important; } footer .totop { display: inline-block; } .ch_w-mini-form-container { display: none; } } @media screen and (min-width: 998px) { /* ширина > 998px */ ul.sub-sub-mnu li:nth-child(1n+6) { display: none; } .has-sub-mnu .see-more { display: block; } } @media (max-width: 767px) { .vodopad .modal-content { width: 95%; } .small-menu-wrap { position: relative; height: 76px; } .hdr-top { top: -115px; } #hdr-notice { height: unset; z-index: 4; } .logo-clmn { /*padding-top: 15px;*/ } } @media screen and (max-width: 470px) { /* ширина < 470px */ .news-blck { width: 100%; float: none; } .nav-bskt-prc { font-size: 16px; } .hdr-top { top: -154px; } } /* --- Layout --- */ .l-page { z-index: auto; } .cntct-net-center { text-align: center; } .cntct-net-center p { float: none !important; } .nav-ftr ul { white-space: normal; } .nav-ftr ul li, .nav-ftr ul li:first-child { padding: 0 35px 0 0; } @media (max-width: 767px) { .nav-ftr ul li, .nav-ftr ul li:first-child { padding: 0; } } /* --- Всплывающее меню --- */ @media (min-height: 700px) { .sub-mnu { max-height: 500px; } } @media (min-height: 769px) { .sub-mnu { max-height: 600px; } } /* End */ /* /local/templates/vodopad_adaptiv_bs4/css/bootstrap.css?15639483043521 */ /* /local/templates/vodopad_adaptiv_bs4/js/jReject/css/jquery.reject.css?15639483041856 */ /* /local/templates/vodopad_adaptiv_bs4/css/font-awesome.min.css?156394830431000 */ /* /local/templates/vodopad_adaptiv_bs4/css/all-extra.css?1586957031132195 */ /* /local/templates/vodopad_adaptiv_bs4/css/all-old.css?15723335327982 */ /* /local/templates/vodopad_adaptiv_bs4/css/jquery.mCustomScrollbar.min.css?157605643742839 */ /* /local/templates/vodopad_adaptiv_bs4/components/bitrix/notices/.default/style.css?15846216461082 */ /* /local/components/vodopad/geo.confirm/templates/.default/style.css?15760564377190 */ /* /local/templates/vodopad_adaptiv_bs4/components/vodopad/header.phones/top/style.css?1583132466319 */ /* /local/templates/vodopad_adaptiv_bs4/components/bitrix/system.auth.form/popup_form/style.css?1563948304123 */ /* /local/templates/vodopad_adaptiv_bs4/components/vodopad/header.phones/mobile/style.css?1583132452318 */ /* /local/templates/vodopad_adaptiv_bs4/components/bitrix/menu/vodopad.mobile.menu/style.css?15674977051626 */ /* /local/templates/vodopad_adaptiv_bs4/components/vodopad/whatsapp/.default/style.css?1566891820417 */ /* /local/templates/vodopad_adaptiv_bs4/styles.css?157121275421232 */