/* Start:/local/templates/vtm2022/css/font-awesome.min.css?178705790831000*/ /*! * 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/vtm2022/css/../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('/local/templates/vtm2022/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/local/templates/vtm2022/css/../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/local/templates/vtm2022/css/../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/local/templates/vtm2022/css/../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/local/templates/vtm2022/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/vtm2022/libs/jquery-ui-custom/jquery-ui.min.css?178705790815058*/ /*! jQuery UI - v1.12.1 - 2021-05-17 * http://jqueryui.com * Includes: theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/local/templates/vtm2022/libs/jquery-ui-custom/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/templates/vtm2022/libs/jquery-ui-custom/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/local/templates/vtm2022/libs/jquery-ui-custom/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/local/templates/vtm2022/libs/jquery-ui-custom/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/local/templates/vtm2022/libs/jquery-ui-custom/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/vtm2022/libs/jquery-ui-custom/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/local/templates/vtm2022/libs/jquery-ui-custom/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* End */ /* Start:/local/templates/vtm2022/libs/jquery-ui-custom/jquery-ui.theme.min.css?178705790813847*/ /*! jQuery UI - v1.12.1 - 2021-05-17 * http://jqueryui.com * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/local/templates/vtm2022/libs/jquery-ui-custom/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/templates/vtm2022/libs/jquery-ui-custom/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/local/templates/vtm2022/libs/jquery-ui-custom/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/local/templates/vtm2022/libs/jquery-ui-custom/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/local/templates/vtm2022/libs/jquery-ui-custom/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/vtm2022/libs/jquery-ui-custom/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/local/templates/vtm2022/libs/jquery-ui-custom/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* End */ /* Start:/local/templates/vtm2022/libs/slick-slider/slick.css?17870579081776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/vtm2022/libs/slick-slider/slick-theme.css?17870579083145*/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('/local/templates/vtm2022/libs/slick-slider/./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/local/templates/vtm2022/libs/slick-slider/./fonts/slick.eot'); src: url('/local/templates/vtm2022/libs/slick-slider/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/vtm2022/libs/slick-slider/./fonts/slick.woff') format('woff'), url('/local/templates/vtm2022/libs/slick-slider/./fonts/slick.ttf') format('truetype'), url('/local/templates/vtm2022/libs/slick-slider/./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* End */ /* Start:/local/templates/vtm2022/css/jquery.lightbox-0.5.css?17870579082264*/ /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 249; width: 100%; height: 500px; } #jquery-lightbox { position: fixed; top: 0; left: 0; width: 100%; z-index: 250; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /* End */ /* Start:/local/templates/vtm2022/libs/mCustomScrollbar/jquery.mCustomScrollbar.min.css?178705790842839*/ .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/vtm2022/libs/mCustomScrollbar/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/vtm2022/css/style.css?1787321628259039*/ :root { --color-2: #e9e9eb; --cerulean: #02B4CC; --blue: #06C5E0; --pelorous: #0E7B93; --purple: #9A41AE; --grey: #94ADB8; --breadcrumb: #989898; } @font-face { font-family: 'Roboto'; src: local('Roboto Thin'), local('Roboto-Thin'), url('/local/templates/vtm2022/css/../fonts/Robotothin.woff2') format('woff2'), url('/local/templates/vtm2022/css/../fonts/Robotothin.woff') format('woff'), url('/local/templates/vtm2022/css/../fonts/Robotothin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Roboto'; src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('/local/templates/vtm2022/css/../fonts/Robotothinitalic.woff2') format('woff2'), url('/local/templates/vtm2022/css/../fonts/Robotothinitalic.woff') format('woff'), url('/local/templates/vtm2022/css/../fonts/Robotothinitalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Roboto'; src: local('Roboto Light'), local('Roboto-Light'), url('/local/templates/vtm2022/css/../fonts/Robotolight.woff2') format('woff2'), url('/local/templates/vtm2022/css/../fonts/Robotolight.woff') format('woff'), url('/local/templates/vtm2022/css/../fonts/Robotolight.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto'; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('/local/templates/vtm2022/css/../fonts/Robotolightitalic.woff2') format('woff2'), url('/local/templates/vtm2022/css/../fonts/Robotolightitalic.woff') format('woff'), url('/local/templates/vtm2022/css/../fonts/Robotolightitalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Roboto'; src: local('Roboto'), local('Roboto-Regular'), url('/local/templates/vtm2022/css/../fonts/Roboto.woff2') format('woff2'), url('/local/templates/vtm2022/css/../fonts/Roboto.woff') format('woff'), url('/local/templates/vtm2022/css/../fonts/Roboto.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roboto'; src: local('Roboto Italic'), local('Roboto-Italic'), url('/local/templates/vtm2022/css/../fonts/Robotoitalic.woff2') format('woff2'), url('/local/templates/vtm2022/css/../fonts/Robotoitalic.woff') format('woff'), url('/local/templates/vtm2022/css/../fonts/Robotoitalic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Roboto'; src: local('Roboto Medium'), local('Roboto-Medium'), url('/local/templates/vtm2022/css/../fonts/Robotomedium.woff2') format('woff2'), url('/local/templates/vtm2022/css/../fonts/Robotomedium.woff') format('woff'), url('/local/templates/vtm2022/css/../fonts/Robotomedium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto'; src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('/local/templates/vtm2022/css/../fonts/Robotomediumitalic.woff2') format('woff2'), url('/local/templates/vtm2022/css/../fonts/Robotomediumitalic.woff') format('woff'), url('/local/templates/vtm2022/css/../fonts/Robotomediumitalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Roboto'; src: local('Roboto Bold'), local('Roboto-Bold'), url('/local/templates/vtm2022/css/../fonts/Robotobold.woff2') format('woff2'), url('/local/templates/vtm2022/css/../fonts/Robotobold.woff') format('woff'), url('/local/templates/vtm2022/css/../fonts/Robotobold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Roboto'; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('/local/templates/vtm2022/css/../fonts/Robotobolditalic.woff2') format('woff2'), url('/local/templates/vtm2022/css/../fonts/Robotobolditalic.woff') format('woff'), url('/local/templates/vtm2022/css/../fonts/Robotobolditalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Roboto'; src: local('Roboto Black'), local('Roboto-Black'), url('/local/templates/vtm2022/css/../fonts/Robotoblack.woff2') format('woff2'), url('/local/templates/vtm2022/css/../fonts/Robotoblack.woff') format('woff'), url('/local/templates/vtm2022/css/../fonts/Robotoblack.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Roboto'; src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('/local/templates/vtm2022/css/../fonts/Robotoblackitalic.woff2') format('woff2'), url('/local/templates/vtm2022/css/../fonts/Robotoblackitalic.woff') format('woff'), url('/local/templates/vtm2022/css/../fonts/Robotoblackitalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } *, *::after, *::before { box-sizing: border-box; -webkit-tap-highlight-color: transparent; } body { margin: 0; padding: 0; min-width: 320px; position: relative; font-size: 16px; font-family: Roboto; font-weight: 400; color: #646363; line-height: 26px; overflow-x: hidden; } a { font-size: 16px; font-family: Roboto; font-weight: 500; color: var(--pelorous); text-decoration: none; } a:hover, a:focus { color: var(--cerulean); text-decoration: none; outline: none !important; } a:focus-visible { outline: 2px solid var(--cerulean) !important; } h1, h2, h3, h4, h5, h6 { font-family: "Roboto"; font-weight: 900; color: #646363; line-height: 1.3; } h2 { font-size: 22px; } h3 { font-size: 21px; } h4 { font-size: 20px; } h5 { font-size: 19px; } h6 { font-size: 18px; } input:-internal-autofill-selected { background-color: #ffffff !important; } .breadcrumb__item a, .breadcrumb__item span { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; color: var(--breadcrumb); } .breadcrumb__item .green-anchor .breadcrumbs__divider { text-decoration: underline; } .breadcrumb__item .green-anchor:hover .breadcrumbs__divider { text-decoration: none; } /* MODAL from old site */ .modal-wrapper { visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; text-align: center; padding: 0 20px; font-size: 0; line-height: 0; z-index: 2147483649; overflow: visible; } .modal-wrapper:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .modal-wrapper.visible { visibility: visible; } /*.modal-wrapper:before {content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0;}*/ /*modal-overlay*/ .modal-overlay { opacity: 0; visibility: hidden; position: fixed; z-index: 99; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); transition: all 0.25s ease-in-out 0s; } .modal-wrapper.visible .modal-overlay { visibility: visible; opacity: 1; } /*modal-inner*/ .modal-inner { opacity: 0; visibility: hidden; position: relative; z-index: 10000; width: 700px; max-width: 100%; max-height: 100%; overflow: auto; top: 0; padding: 30px 0 30px 30px; display: inline-block; vertical-align: middle; text-align: left; font-size: 16px; line-height: 1; background: #fff; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); transform: scale(1.15) translate3d(0, -15%, 0); transition: all 0.2s ease-in-out 0s; } .text-form .modal-inner { width: auto; padding: 30px 50px; } .modal-wrapper.visible .modal-inner { opacity: 1; visibility: visible; transform: scale(1) translate3d(0, 0, 0); } .modal-inner .form-submit .tb-cell:last-child { padding-right: 10px; } /*modal-close*/ .modal-close { display: block; position: absolute; top: 30px; right: 30px; width: 24px; height: 24px; cursor: pointer; z-index: 100; } .modal-close:before, .modal-close:after { content: ''; position: absolute; top: 11px; left: 4px; width: 18px; height: 2px; background: #000; transition: all 0.3s ease 0s; } .modal-close:before { transform: rotate(45deg); } .modal-close:after { transform: rotate(-45deg) } .modal-close:hover:before, .modal-close:hover:after { background: #e31e24; } .jqmWindow { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); /* margin-left: -300px; */ width: auto; background-color: #fff; color: #333; border: 0px solid black; padding: 3rem; box-shadow: 0px 0px 20px rgb(0 0 0 / 10%); } .jqmOverlay, .jqmOverlayMinPrice { background-color: var(--color-2); } .jqmWindow .modalClose { position: absolute; right: 10px; top: 0px; font-size: 2em; color: #000; } .jqmWindow .modalClose:hover { text-decoration: none; } .jqmClose { display: block; position: absolute; top: 30px; right: 30px; width: 24px; height: 24px; cursor: pointer; z-index: 100; } .jqmClose:before, .jqmClose:after { content: ''; position: absolute; top: 11px; left: 4px; width: 18px; height: 2px; background: #000; transition: all 0.3s ease 0s; } .jqmClose:before { transform: rotate(45deg); } .jqmClose:after { transform: rotate(-45deg) } .jqmClose:hover:before, .jqmClose:hover:after { background: #e31e24; } @media all and (min-width: 480px) and (max-width: 639px) { .jqmClose { top: 25px; right: 15px; } } @media all and (max-width: 479px) { .jqmClose { top: 20px; right: 20px; } } @media all and (max-width: 375px) { .jqmClose { top: 10px; right: 20px; } } @media all and (max-width: 720px) { .modal-wrapper { overflow: scroll; } #modal-towns { max-height: 500px; width: 200px; overflow: scroll; } } .jqmWindow a:hover { text-decoration: underline; } .modalClose { cursor: pointer; } .attention { margin: 1.5rem 0; background: rgba(212, 232, 240, 0.22); padding: 2rem; } .card-footer.card-text span { font-size: 0.9rem; font-weight: 400; } #acat .card-footer { padding: 0.95rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 0px solid rgba(0, 0, 0, 0.125); } /* end MODAL from old site */ .btn:active, .btn.active { box-shadow: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 1px solid transparent !important; outline-offset: 0; } .blue-btn { color: #FFFFFF; background: var(--pelorous); border-radius: 36px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .blue-btn:hover { color: var(--pelorous); background: #FFFFFF; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .container, .container-with-padding { max-width: 1480px; width: 100%; margin: 0 auto; padding: 0 15px; } input[type="submit"] { outline: 1px solid transparent!important } .cattallogg.container { padding: 0; } .btn-default { border: 1px solid transparent; border-radius: 35px; padding: 20px 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; color: #ffffff; font-family: Roboto; font-weight: 500; background: var(--pelorous); transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; } .btn-default:hover, .btn-default:focus, .btn-default:active { color: var(--pelorous); background: #ffffff; border-color: var(--pelorous); box-shadow: none; outline: 1px solid transparent; } .btn-default:active:hover, .btn-default.active:hover, .open>.dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open>.dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open>.dropdown-toggle.btn-default.focus { color: var(--pelorous); background: #ffffff; border-color: var(--pelorous); box-shadow: none; outline: 1px solid transparent; } .inner-page .btn-default:hover { border-color: var(--cerulean); } .btn-default--white { border: 1px solid transparent; color: var(--cerulean); background: white; } .btn-default--white:hover, .btn-default--white:focus, .btn-default--white:active { color: #ffffff; background: var(--cerulean); border: 1px solid transparent; outline: 1px solid transparent; } .nospace { white-space: nowrap; } table>tbody>tr:hover { background-color: #f5f5f5; } .header { z-index: 12; } .header-menu__item:after { display: none; } .header-phone__link { font-size: 18px; font-weight: bold; padding-left: 23px; } .header-phone { position: relative; } .header-phone__link:after { content: ""; position: absolute; display: block; width: 17px; height: 17px; background-image: url(/local/templates/vtm2022/css/../images/phone.svg); background-repeat: no-repeat; background-size: cover; left: 0; top: 0px } .main-banner { display: block; } .main-banner__item { display: block; position: relative; } .main-banner__img { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; object-fit: cover; } .main-page .header a { color: #ffffff } .header a:hover { text-decoration: underline; } .header { top: 0; left: 0; right: 0; position: fixed; background: linear-gradient(342.01deg, #0e7b93 61.82%, #25aecd 82.04%, #075060 109.75%); margin-bottom: 32px; padding-bottom: 20px; box-shadow: 0px 0px 10px #cacaca; } .wrapper { padding-top: 40px; } .inner-page .header { /* position: fixed; background: #ffffff; box-shadow: 0px 3px 10px 0px rgba(21, 21, 21, 0.2); z-index: 9; */ } .header-box { display: flex; align-items: center; padding: 20px 0px 8px; max-width: 1480px; margin: 0 auto; } .inner-page .header-box { margin: 0 auto; } .inner-page .header-box__wrap { background: var(--cerulean); margin-top: -5px; margin-bottom: -5px; line-height: 1; } .inner-page .header-box:first-child { padding: 10px 40px 0; border-bottom: none; max-height: 68px; } .header-box:nth-child(2) { padding: 10px 0px 0 4px; border: none; } .header-left { display: flex; align-items: flex-start; } .header-menu { margin: 0; padding: 0; list-style: none; } #horizontal-multilevel-menu li ul { min-width: 190px; } #horizontal-multilevel-menu li li a:hover { text-decoration: none; color: var(--pelorous) } .catalog.wide_menu+ul { column-count: 3; } .header-menu::before { display: none; } .header-menu__item { display: inline-block; padding: 0 13px; position: relative; } .header-menu__item:after { content: ""; position: absolute; right: 0; top: 0px; width: 1px; height: 15px; background-color: #ffffff; } .header-menu__link { position: relative; color: #ffffff; display: inline-block; padding-bottom: 5px; overflow: hidden; } .catalog.wide_menu { padding-right: 25px; } .catalog.wide_menu:after { content: ""; position: absolute; width: 19px; height: 12px; display: block; top: 6px; right: 0; background-size: cover; background-image: url(/local/templates/vtm2022/css/../images/ham.svg); } .header-city-wrapper { margin-left: 20px; } .regions { display: flex; padding-top: 4px; } .regions, .region_name { font-weight: 400; font-size: 15px; line-height: 19px; color: #FFFFFF } .region_name { position: relative; display: inline-block; padding-left: 21px; text-decoration: underline; cursor: pointer; white-space: nowrap; } .header a.region_name:hover { color: #fff; text-decoration: none; } .region_name:after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 14px; height: 17px; background-image: url(/local/templates/vtm2022/css/../images/map.svg); background-size: cover; } .inner-page .region_name:after { filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); } .header-menu__link:hover, .header-menu__link:active, .header-menu__link:focus, .banner-submenu__title:hover, .banner-submenu__title:active, .banner-submenu__title:focus { color: #ffffff } .header-download { display: flex; flex-direction: column; margin-right: 38px; } .header-download__link { display: inline-block; position: relative; padding-left: 37px; font-weight: 400; font-size: 16px; line-height: 20px; text-decoration: underline; color: #FFFFFF; } .inner-page .header-download__link { color: var(--cerulean); } .header-download__link:hover { text-decoration: none; } .header-download__link:before { content: ""; position: absolute; top: 0; display: block; background-size: cover; filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); } .header-download__link.header-download__link--price { margin-bottom: 10px; } .header-download__link.header-download__link--price:before { left: 0; background-image: url(/local/templates/vtm2022/css/../images/download_icon.svg); width: 22px; height: 22px; } .header-download__link.header-download__link--list:before { left: 5px; height: 19px; width: 15px; background-image: url(/local/templates/vtm2022/css/../images/send.svg) } .header a.header-download__link.header-download__link--price:hover, .header a.header-download__link:hover { text-decoration: none; } .header-right { display: flex; justify-content: space-between; align-items: center; margin-left: auto; } .header-social { margin-right: 35px; } .header-contacts__link, .header-phone__link, .header-schedule { color: #ffffff; } .header-contacts__link { text-decoration: underline; font-size: 14px; display: block; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .header-contacts__link:hover { text-decoration: none; color: #ffffff } .header-contacts__link+.header-contacts__link { margin-top: 10px; } .header-phone__link { color: #ffffff; font-size: 18px; white-space: nowrap; } @media (max-width: 1199px) { .header .nav { display: none !important; } } @media (min-width: 1200px) { #mm-menu { display: none !important; } } .header-schedule { font-size: 14px; color: #ffffff; } .header-phone { display: flex; } .header-phone__arrow { cursor: pointer; display: inline-block; margin: 0 12px; width: 12px; height: 12px; border-color: #fff; border-style: solid; border-width: 0px 1px 1px 0px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .header-phone--visible-xs { display: none; } .inner-page .header-phone--visible-xs .header-phone__link { color: var(--cerulean); } .main-page .header-phone--visible-xs .header-phone__link { color: #ffffff; } .header-phone__schedule { position: absolute; z-index: 3; display: block; color: #646363; background: #fff; opacity: 0; height: 0; padding: 10px; min-width: 150px; visibility: hidden; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .header-phone__title, .header-phone__box, .main-page .header .header-phone__phone { color: #646363; } .header-phone:hover .header-phone__schedule { opacity: 1; height: auto; visibility: visible; box-shadow: 0px 0px 10px rgb(22 22 22 / 10%); } .header-phone__timetable { display: flex; margin-top: 10px; color: #646363; font-size: 12px; font-weight: 500; } .header-phone__time--light { display: block; font-weight: 300; } .header-phone__days { width: 40px; margin-right: 5px; } .header-cabinet-wrapper { display: flex; } .header-registration { padding-right: 30px; } .header-registration__link, .header-cabinet__link { display: inline-block; font-weight: 700; border-radius: 36px; padding: 8px 11px 7px; border: 1px solid var(--blue); color: #fff } .head-login__link-name.header-registration__link span { max-width: 130px; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .header-registration__link { margin-right: 8px; margin-left: 16px; } .header-registration__link, .header-cabinet__link:hover { background: var(--blue); } .header-registration__link:hover, .header-cabinet__link { background: transparent; } .header a.header-registration__link:hover, .header a.header-cabinet__link:hover { text-decoration: none; } .logo-white, .logo-main, .logo-inner { display: none; } ._other .logo-main { display: inline-block; } .main-page .logo-main { display: inline-block; } .inner-page .logo-inner { display: inline-block; } .header-logo { display: flex; padding-right: 15px; } .header-logo__img { margin-right: 13px; max-width: 218px; height: auto; vertical-align: baseline; } @media (min-width:1601px) { .header-logo__img { width: 200px; } } .header-logo__slogan { max-width: 320px; color: #fff; font-weight: 400; font-size: 14px; line-height: 18px; } .inner-page .header-logo__slogan { color: #646363; display: flex; align-items: center; margin-left: 22px; } .header-price { padding-right: 45px; } .inner-page .header-price { padding-right: 26px; padding-top: 27px; } .header-price__link { padding: 20px 43px; } .header-cart { position: relative; padding-left: 48px; cursor: pointer; } .header-cart::before { position: absolute; content: ""; background: url("/local/templates/vtm2022/css/../images/cart.png") 0 0/cover; top: 2px; left: 0px; width: 35px; height: 33px; z-index: 1; } .inner-page .header-cart::before { background: url("/local/templates/vtm2022/css/../images/hovercart.svg") 0 0/cover; } .header-cart__price { padding-top: 10px; font-size: 20px; font-family: Roboto; font-weight: 700; color: #ffffff; line-height: 1.2; } .hc__icon { display: none; } .inner-page .header-cart__price { color: #646363; } .header-cart__link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .header-cart__count { padding-bottom: 10px; color: #ffffff; } .head-cart-wrapper a:hover span { text-decoration: underline; } .incart_txt { padding-right: 5px; } .inner-page .header-cart__count { color: #646363 } .header-search { width: 100%; max-width: 490px; display: flex; align-items: center; } .header-search.header-search--padding { max-width: 390px; } .search_btn { display: none; } .inner-page .header-search { padding-top: 10px; padding-bottom: 14px; } .search-hint { position: relative; display: inline-block; width: 20px; height: 20px; margin-left: auto; cursor: pointer; } .search-hint svg { width: 20px; height: 20px; } .search-hint path { fill: #ffffff; } .search-note { font-size: 16px; font-weight: 300; color: #afafaf; font-family: Roboto; font-weight: 300; padding: 10px 0 0 30px; } .header-note__link { font-family: Roboto; font-weight: 300; transition: all 0.3s; color: #afafaf; text-decoration: underline; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .header-note__link:hover { text-decoration: none; } /* .header-box.opened { align-items: flex-start; height: 180px; } */ .header-box.opened { align-items: flex-start; } .main-page .opened .header-search { display: block; position: absolute; bottom: 0; max-width: 100%; } .inner-page .opened .header-search { display: block; position: absolute; bottom: 10px; max-width: calc(100% - 85px); ; } .opened #title-search-desktop, .opened #title-search-mobile { width: 100%; } div.title-search-result { width: 100%!important; } .inner-page div.title-search-result { position: fixed !important; padding-left: 20px; } body table.title-search-result { background: #ffffff; } body table.title-search-result td { background-color: white; } body table.title-search-result td.title-search-more { padding-left: 17px; } body table.title-search-result td.title-search-more a { color: var(--cerulean); } body table.title-search-result tr.title-search-selected td, body table.title-search-result tr.title-search-selected a, body table.title-search-result tr.title-search-selected td.title-search-more a { background-color: #ffffff; color: var(--cerulean); } body table.title-search-result tr.title-search-selected td.title-search-more a:hover { color: #646363; } body table.title-search-result td.title-search-all a { text-decoration: underline; color: var(--cerulean); } body table.title-search-result td.title-search-all a:hover { text-decoration: none; color: #646363 } body table.title-search-result th { background-color: transparent; border-right: none; padding-left: 0; padding-right: 0; } .flexMenu-viewMore { display: inline-block; } .flexMenu-viewMore>a { font-size: 0; top: 20px; position: absolute; background-image: url(/local/templates/vtm2022/css/../images/more-vertical-black.svg); height: 25px; width: 20px; background-size: cover; display: inline-block; } .flexMenu-popup { background: rgba(27, 87, 239, 0.75); padding: 25px 15px; z-index: 999; } .flexMenu-popup .header-menu__item { display: block; } .flexMenu-viewMore.active .header-menu__item { padding: 0 10px; } #title-search-mobile, #title-search-desktop { width: calc(100% - 35px); } header .search-form { display: flex; position: relative; width: 100%; margin: 0; } .search-form__input { width: 100%; height: 40px; padding: 11px 15px 11px 15px; background-color: #fff; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; font-size: 14px; font-family: Roboto; font-weight: 400; color: #646363; border: 1px solid transparent; outline: 1px solid transparent; } .inner-page .search-form__input { color: #646363; height: 40px; border-width: 1px; border-color: var(--cerulean); border-style: solid; } .search-form__input::-webkit-input-placeholder { font-weight: 300; font-size: 14px; line-height: 19px; color: #646363; } .search-form__input:-ms-input-placeholder { font-weight: 300; font-size: 14px; line-height: 19px; color: #646363 } .search-form__input::-ms-input-placeholder { font-weight: 300; font-size: 14px; line-height: 19px; color: #646363 } .search-form__input::-moz-placeholder { font-weight: 300; font-size: 14px; line-height: 19px; color: #646363 } .search-form__input::placeholder { font-weight: 300; font-size: 14px; line-height: 19px; color: #646363 } .search-form__input:focus, .search-form__input:active { outline: 1px solid transparent; border: 1px solid var(--cerulean); } .search-form__btn { position: absolute; right: -1px; top: 0; width: 40px; height: 40px; padding: 0; font-size: 0; border: 1px solid transparent; outline: 1px solid transparent; background-color: var(--purple); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-image: url(/local/templates/vtm2022/css/../images/loop.svg); background-position: center; background-repeat: no-repeat; background-size: 20px 20px; cursor: pointer; } .header-social__list { display: flex; list-style: none; } .header-social__item+.header-social__item { margin-left: 15px; } .header-social__link { background-image: url(/local/templates/vtm2022/css/../images/header-social.png); display: inline-block; width: 39px; height: 39px; } .header-social__link--vk { background-position: 0px 0px; } .header-social__link--fb { background-position: -40px 0px; } .header-social__link--telegram { background-position: 0px -39px; } .header-social__link--wu { background-position: -38px -39px; } .header-contacts__title { font-size: 38px; font-family: Roboto; font-weight: 900; line-height: 1; margin-bottom: 35px; } .header-contacts__link--hashover { position: relative; } .header-contacts__link--hashover-span, .header-contacts__link--hashover-span--xs { cursor: pointer; } .header-contacts__link--hashover-span--xs { display: none; } .filial { display: none; position: absolute; z-index: 5; min-width: 520px; top: 25px; right: 0; color: #646363; background-color: rgb(247, 248, 249); box-shadow: 0px 15px 40px 0px rgba(22, 67, 31, 0.25); padding: 35px 50px; } .filial.active { display: block; } .filial__list { padding: 0; margin: 0; list-style-type: none; } .filial__item+.filial__item { margin-top: 20px; } .filial__item { position: relative; padding-left: 80px; } .filial__item:before { content: ""; position: absolute; left: 0; top: 0; width: 50px; height: 65px; background-image: url(/local/templates/vtm2022/css/../images/svg/region.svg); background-repeat: no-repeat; } .filial__name { font-size: 24px; font-family: Roboto; font-weight: 900; line-height: 1.667; margin-bottom: 5px; } .filial__address, .filial__phone, .filial__schedule { font-size: 16px; font-family: "Roboto"; font-weight: 900; color: #646363; line-height: 1.5; } .inner-page .main { margin-top: 200px; } .other .main { margin-bottom: 100px; } .other .about { display: none; } .breadcrumbs__main { display: block; padding-top: 15px; } .breadcrumb__item { display: inline; } .breadcrumb__item a:hover { color: #646363; } a.green-anchor { margin-right: 3px; } .main-banner__wrap { max-width: 70%; width: 100%; border-right: 1px solid #ffffff; } .banner-submenu { max-width: 30%; width: 100%; } .main-banner__list { padding: 0; margin: 0; } .main-banner__list.slick-dotted.slick-slider { margin-bottom: 0; } .main-banner__list .slick-dots { bottom: 10px; } .slick-dots li button:before { opacity: 1; content: ""; width: 10px; height: 10px; background: #ffffff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border: 1px solid var(--pelorous) } .slick-dots li.slick-active button:before { background: var(--pelorous); } .main-banner__item { background-repeat: no-repeat; background-size: cover; width: 100%; height: 800px; padding-top: 177px; } .main-banner__intro { max-width: 1140px; width: 100%; margin: 0 auto; } .main-banner__title { padding-top: 45px; max-width: 680px; font-size: 56px; font-family: Roboto; font-weight: 900; color: #ffffff; line-height: 1.2; text-align: left; } .main-banner__desc { max-width: 450px; padding-bottom: 60px; margin-top: -30px; font-size: 20px; font-family: Roboto; font-weight: 400; color: #ffffff; line-height: 1.6; text-align: left; } .main-banner .btn-default { padding: 20px 57px; } .banner-submenu { display: flex; flex-direction: column; } .banner-submenu__item { position: relative; display: flex; align-items: flex-end; padding-top: 20px; transition: color 0.4s ease-in-out; -webkit-transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; -ms-transition: color 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out; height: 50%; width: 100%; padding: 0 0 23px 205px; } .banner-submenu__title { position: relative; z-index: 1; font-size: 24px; font-family: Roboto; font-weight: 900; color: #ffffff; line-height: 1; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .banner-submenu__title:after { content: ""; position: absolute; width: 100%; height: 5px; background: #3067f1; bottom: -4px; left: 0; opacity: 1; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .banner-submenu__title:hover { color: #ffffff; } .banner-submenu__title:hover:after { opacity: 0 } .banner-submenu__item-wholesale { border-bottom: 2px solid #ffffff; } .banner-submenu__item::before, .banner-submenu__item::after { position: absolute; content: ""; left: 5px; } .banner-submenu__item::after { z-index: 2; background-repeat: no-repeat; background-size: cover; } .banner-submenu__item::before { bottom: 0; z-index: 1; width: 160px; height: 80px; border-radius: 50% 50% 0 0 / 100% 100% 0 0; overflow: hidden; background: var(--cerulean); } .banner-submenu__item-wholesale:after { bottom: 5px; left: 67px; background-image: url(/local/templates/vtm2022/css/../images/invoice.png); height: 48px; width: 36px; } .banner-submenu__item-retail:after { bottom: 5px; left: 62px; background-image: url(/local/templates/vtm2022/css/../images/retail.png); height: 54px; width: 49px; } .banner-submenu__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .banner-submenu__desc { display: none; position: absolute; } .banner-submenu__item:hover .banner-submenu__desc { /* display: block; */ } .banner-submenu__desc { background: #ffffff; z-index: 1; width: 370px; padding: 20px 36px; line-height: 1.25; text-align: center; } .banner-submenu__link { text-decoration: underline; display: inline-block; margin-top: 20px; } .banner-submenu__link:hover { text-decoration: none; } .promotion__wrap { display: flex; max-width: 1920px; margin: 50px auto 105px; } .promotion__img { width: 100%; } .promotion__rows { max-width: 1135px; margin-right: 103px; padding-top: 75px; width: 100%; } .promotion__row { padding: 15px 40px 15px 160px; height: 206px; background-color: rgb(242, 246, 250); box-shadow: 0px 10px 30px 0px rgb(71 71 71 / 20%); display: flex; justify-content: center; flex-direction: column; position: relative; } .promotion__row:before { content: ""; position: absolute; left: 0; z-index: 1; width: 100px; height: 206px; border-radius: 0% 100% 100% 0% / 0% 50% 50% 0; overflow: hidden; background: var(--cerulean); -webkit-border-radius: 0% 100% 100% 0% / 0% 50% 50% 0; -moz-border-radius: 0% 100% 100% 0% / 0% 50% 50% 0; -ms-border-radius: 0% 100% 100% 0% / 0% 50% 50% 0; -o-border-radius: 0% 100% 100% 0% / 0% 50% 50% 0; } .promotion__row-all::after, .promotion__row-new::after, .promotion__row-sale::after { content: ""; position: absolute; background-image: url(/local/templates/vtm2022/css/../images/promo.png); background-repeat: no-repeat; width: 66px; height: 68px; top: 0px; left: 5px; bottom: 0; margin: auto 0; z-index: 2; } .promotion__row-all::after { width: 70px; height: 70px; background-image: url(/local/templates/vtm2022/css/../images/svg/239.svg); } .promotion__row-new::after { background-position: -67px 0; } .promotion__row-sale::after { background-position: -133px 0; } .promotion__row+.promotion__row { margin-top: 45px; } .promotion__arrow { background-image: url(/local/templates/vtm2022/css/../images/promo-arrow.png); background-repeat: no-repeat; background-size: 45px 45px; background-position: 50% 50%; width: 66px; height: 68px; display: inline-block; position: absolute; right: 0; top: -23px; } .promotion__top { display: flex; position: relative; margin-bottom: 30px; align-items: baseline; } .promotion__title { font-size: 30px; font-family: Roboto; font-weight: 900; color: var(--cerulean); line-height: 34px; padding-right: 40px; } .promotion__count { font-size: 18px; font-family: Roboto; font-weight: 400; color: #001552; text-decoration: underline; } .promotion__link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .product-categories__wrapper { max-width: 1920px; width: 100%; margin: 0 auto; } .products-categories__wrap { display: flex; position: relative; } .products-categories__wrap:before { display: none; content: ""; position: absolute; width: 660px; height: 500px; background-image: url(/local/templates/vtm2022/css/../images/truck-index.png); background-repeat: no-repeat; background-size: auto 465px; top: 0; left: 100px; } .product-categories__img { position: absolute; width: auto; height: 465px; top: 0; left: 100px; } .products-categories__box--autocatalog { position: relative; z-index: 1; } .product-categories__col:first-child { max-width: 1070px; width: 100%; } .product-categories__col:last-child { max-width: 500px; width: 100%; margin-right: 100px; } .product-categories__col { margin-left: auto; } .products-categories__box+.products-categories__box { margin-top: 80px; } .products-categories__title { font-size: 38px; font-family: Roboto; font-weight: 900; line-height: 1.1; max-width: 1750px; margin: 0 auto 35px; } .products-categories__title--small { font-size: 30px; margin-bottom: 25px; } .products-categories__row { display: flex; flex-wrap: wrap; min-height: 405px; height: 100%; } .products-categories__box { width: 100%; } .products-categories__box--autocatalog { margin-left: auto; } .products-categories__box--autocatalog, .products-categories__box--more { margin-right: 0px; } .products-categories__box--more .products-categories__list { max-width: 700px; } .products-categories__box { max-width: 500px; height: 405px; overflow-y: hidden; padding: 45px 65px; background-color: rgb(247, 248, 249); box-shadow: 0px 15px 40px 0px rgba(22, 67, 31, 0.25); } .products-categories__box--img { max-width: 660px; max-height: auto; box-shadow: none; background: transparent; padding: 0; position: relative; } .products-categories__box--img:before { content: ""; position: absolute; width: 660px; height: 500px; background-image: url(/local/templates/vtm2022/css/../images/truck-index.png); background-repeat: no-repeat; background-size: auto 465px; } .products-categories__img { width: 100%; } .products-categories__row--limit { max-width: 1750px; margin: 85px auto 0; } .products-categories__box--more { max-width: 100%; width: 100%; position: relative; } .products-categories__box--more:after { content: ""; position: absolute; bottom: 0; right: 15px; width: 339px; height: 237px; background-image: url(/local/templates/vtm2022/css/../images/catg.png); background-size: cover; background-repeat: no-repeat; } .products-categories__list { list-style-type: none; padding-left: 0; } .products-categories__box:not(.products-categories__box--autocatalog) .products-categories__item { display: inline-block; position: relative; z-index: 2; } .products-categories__box:not(.products-categories__box--autocatalog) .products-categories__item:not(:last-child) { margin-right: 25px; } .products-categories__box--autocatalog .products-categories__list { -moz-columns: 80px 3; columns: 80px 3; margin-bottom: 30px; } .products-categories__list+.products-categories__title { margin-bottom: 22px; } .products-categories__btn-box { text-align: center; } .products-categories__box--query .products-categories__btn-box { text-align: right; margin-top: 25px; } .products-categories__link { font-size: 18px; font-family: Roboto; font-weight: 400; color: var(--cerulean); line-height: 1.333; } .products-categories__link:hover { text-decoration: underline; } .products-categories__box--autocatalog .products-categories__link { font-size: 24px; line-height: 2; } .products-categories__btn { margin-top: 17px; padding: 15px 30px; border: 2px solid var(--cerulean); border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .products-categories__btn--white { border: 2px solid white; color: white; } .products-categories__btn--white:focus { color: #fff } .products-categories__btn:hover { background: var(--cerulean); color: #fff } .products-categories__btn--white:hover { border: 2px solid white; color: var(--cerulean); background: white; } .products-categories__box--query { background-image: linear-gradient(0deg, var(--cerulean) 0%, rgb(63, 114, 243) 100%); box-shadow: 0px 15px 40px 0px rgba(8, 8, 8, 0.33); } .products-categories__subtitle { font-size: 36px; font-family: Roboto; font-weight: 500; color: rgb(255, 255, 255); line-height: 1.333; } /* subscribe */ .subscribe-edit { line-height: 120%; } .data-table__subscribe-title { margin-bottom: 30px; font-size: 25px; font-family: Roboto; font-weight: 900; color: #646363; line-height: 1.3; } .data-table__subscribe-form+.data-table__subscribe-form { margin-top: 40px; } .data-table__subscribe-text { margin-bottom: 10px; font-weight: 500; } .data-table__subscribe-text+.data-table__subscribe-text { margin-bottom: 25px; } .data-table__subscribe-input { max-width: 300px; width: 100%; padding: 12px 20px 12px; background: #fbfbfb; border: 1px solid #d4d9dc; outline: 1px solid transparent !important; border-radius: 6px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .data-table__subscribe-btns { display: flex; flex-wrap: wrap; margin: 15px 0; } .data-table__subscribe-btn { cursor: pointer; display: inline-block; border: 1px solid transparent; border-radius: 35px; padding: 20px 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; font-size: 16px; font-family: Roboto; font-weight: 500; transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; } .data-table__subscribe-btn--submit { background: var(--cerulean); color: #fff; margin-right: 20px; } .data-table__subscribe-btn--submit:hover { background: #fff; color: var(--cerulean); border-color: var(--cerulean); } .data-table__subscribe-btn--reset { background: transparent; color: var(--cerulean); border: 1px solid var(--cerulean); } .data-table__subscribe-btn--reset:hover { background: var(--cerulean); color: #ffffff; } .data-table__subscribe-box { display: flex; -moz-column-gap: 5px; column-gap: 5px } /* end subscribe */ .slider { padding: 60px 0 60px; } .slider__list { padding: 0; margin: 0; list-style: none; } .slider__item { width: 100%; height: 330px; background-repeat: no-repeat; background-size: cover; } .slider__item-wrap { display: flex; flex-direction: column; align-items: baseline; height: 330px; padding: 53px 0 45px 140px; background-repeat: no-repeat; } .slider__item-wrap.has-detail { background-size: contain; background-position: right center; } .slider__item-wrap:not(.has-detail) { background-size: cover; background-position: center center; } .slider__title { font-size: 34px; font-family: Roboto; font-weight: 900; line-height: 1.2; padding-bottom: 20px; max-width: 400px; color: #ffffff; } .DARK .slider__title { color: #646363; } .slider__subtitle { padding-bottom: 45px; font-size: 20px; } .LIGHT .slider__subtitle { color: white; } .slider .btn-default { padding: 20px 50px; } .swiper-button-next::after, .swiper-button-prev::after, .offers__prev::before, .offers__next::before, .small-banners__next::before, .small-banners__prev::before, .clients-partners__next::before, .clients-partners__prev::before, .slick-prev::before, .slick-next::before { content: ""!important; position: absolute; top: 0; bottom: 0; margin: auto; display: block; width: 12px; height: 12px; border-style: solid; border-color: var(--pelorous); border-width: 0px 2px 2px 0px; opacity: 1; } .swiper-button-next::after, .offers__next::before, .small-banners__next::before, .clients-partners__next::before, .slick-next::before { left: 11px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); } .swiper-button-prev svg, .swiper-button-next svg { display: none; } .swiper-button-prev::after, .offers__prev::before, .small-banners__prev::before, .clients-partners__prev::before, .slick-prev::before { left: 16px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); } .swiper-button-prev::after, .offers__prev::before, .offers__next::before, .small-banners__prev::before, .small-banners__next::before, .clients-partners__prev::before, .clients-partners__next::before, .news-articles .slick-prev::before, .news-articles .slick-next::before { border-color: var(--pelorous); } .swiper-button-next:hover::after, .swiper-button-prev:hover::after, .offers__prev:hover::before, .offers__next:hover::before, .small-banners__prev:hover::before, .small-banners__next:hover::before, .clients-partners__prev:hover::before, .clients-partners__next:hover::before, .news-articles .slick-prev:hover::before, .news-articles .slick-next:hover::before { border-color: #fff; } .popular-wrap { padding-bottom: 70px; display: flex; flex-wrap: wrap; } .popular-card { position: relative; padding: 45px 30px; min-height: 200px; width: calc(100% / 3 - 27px); border: 1px solid #e5e5e9; background-color: #fbfbfb; background-repeat: no-repeat; background-position: right bottom; } .popular-card__title { font-size: 24px; font-family: Roboto; font-weight: 900; color: #646363; line-height: 1.2; transition: color 0.4s ease-in-out; -webkit-transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; -ms-transition: color 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out; } .popular-card__title:hover { color: var(--cerulean); } .popular-card+.popular-card { margin-left: 40px; } .popular__list { position: absolute; bottom: 45px; padding: 0; margin: 0; list-style: none; } .popular__item+.popular__item { margin-top: 10px; } .popular__link { display: inline-block; position: relative; padding-right: 15px; font-size: 18px; padding-bottom: 5px; overflow: hidden; } .popular__link::after { position: absolute; content: ""; right: 2px; top: 5px; height: 9px; width: 9px; border-color: var(--cerulean); border-style: solid; border-width: 0 1px 1px 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); } .popular__link::before { content: ""; position: absolute; transition: transform 0.5s ease; left: 0; bottom: 0; width: 100%; height: 2px; background: var(--cerulean); transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); } .popular__link:hover:before { transform: translateX(0); } .offers-tabs { display: flex; margin-bottom: 15px; } .offers-tabs__elem { font-size: 38px; font-family: Roboto; font-weight: 900; color: #646363; line-height: 1.053; cursor: pointer; border: 1px solid transparent; } .offers-tabs__elem+.offers-tabs__elem { margin-left: 90px; } .offers-tabs__elem:not(.active), .offers-tabs__elem.active:hover { color: #d6d6de; border-bottom: 1px dashed #d6d6de; } .offers-tabs__elem:not(.active):hover { color: #646363; border: 1px solid transparent; } .tabs__item { opacity: 0; visibility: hidden; position: absolute; } .tabs__item.active { position: static; opacity: 1; visibility: visible; } .not-avail { position: absolute; left: 0; } .product-item-detail-slider-left, .product-item-detail-slider-right { z-index: 4 !important; } .products__list { margin: 0 -15px; display: flex; flex-wrap: wrap; } .product-item { position: relative; width: calc(100%/4 - 30px); margin: 15px; border: 1px solid #e5e5e9; padding: 20px 30px 60px; } .product-item:hover { border: 1px solid transparent; } .product-item-image-wrapper { display: block; padding: 15px; text-align: center; margin-bottom: 40px; } .product-item-image-wrapper .product-item-image-original { display: block; width: 100%; height: 150px; background-size: cover; } .product-item-title { margin-top: 40px; margin-bottom: 30px; } .product-item-title a { font-family: Roboto; font-weight: 400; color: #646363; line-height: 1.5; } .product-item-title a:hover { color: var(--cerulean); } .product-item-price-container { font-size: 20px; font-family: Roboto; font-weight: 900; color: #646363; line-height: 1.2; min-height: 30px; } .price-button-container { position: absolute; bottom: 20px; display: flex; align-items: center; justify-content: space-between; width: 100%; } .product-item-button-container .btn-default { position: relative; right: 60px; display: block; width: 37px; height: 37px; padding: 0; background: var(--cerulean); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; font-size: 0; } .product-item-button-container .btn-default:after { position: absolute; content: ""; background: url("/local/templates/vtm2022/css/../images/basket.svg") 0 0/cover; top: 9px; left: 8px; width: 19px; height: 19px; z-index: 1; filter: invert(1); -webkit-filter: invert(1); } .product-item-label-text { position: absolute; left: 10px; top: 10px; } .label { display: inline-block; padding: 5px 9px; color: #ffffff; text-transform: uppercase; font-size: 13px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; margin-bottom: 3px; } .label__new { background: #FFB600; color: #ffffff; } .label__hit { background: #49C660; } .about__title { margin-bottom: 25px; } .about__text { font-family: Roboto; font-weight: 400; color: #646363; line-height: 1.5; padding-bottom: 15px; } /* MAIN SLIDER */ .our-offers__item .product-item-button-container .btn-default:after { display: none; } .product-item-button-container .btn-default:before { content: ""; position: absolute; display: block; top: 11px; left: 20px; width: 20px; height: 20px; background-size: 20px 20px; background-repeat: no-repeat; background-image: url(/local/templates/vtm2022/css/../images/basket_icon.svg); } .product-item-button-container .btn-default { position: relative!important; right: unset; display: inline-block; width: auto; height: auto; padding: 11px 20px 11px 49px; position: static; font-weight: 700; font-size: 16px; line-height: 19px; color: #FFFFFF; background-color: var(--pelorous); border-radius: 28px; -webkit-border-radius: 28px; -moz-border-radius: 28px; -ms-border-radius: 28px; -o-border-radius: 28px; border: 1px solid var(--pelorous) } .catalog-list .catalog-add-to-cart-link:hover, .product-item-button-container .btn-default:hover { color: var(--pelorous); background: #FFFFFF; } .catalog-list .catalog-add-to-cart-link:hover:before, .product-item-button-container .btn-default:hover:before { background-size: 12px 9px; background-repeat: no-repeat; background-image: url(/local/templates/vtm2022/css/../images/ok.svg); } .catalog-list .catalog-add-to-cart-link:hover:before { top: 17px; left: 28px; } .product-item-button-container .btn-default:hover:before { top: 16px; left: 25px; } .product-item-info-container { margin-bottom: 0; } /* end of MAIN SLIDER */ .section-grey { background: #f2f6fa; } .about { background: #f2f6fa; margin: 155px 0; } .about__wrap { display: flex; max-width: 1750px; width: 100%; margin: 0 auto; } .whychoice, .about__text { max-width: 50%; width: 100%; } .whychoice { position: relative; margin-right: 20px; } .whychoice__list { max-width: 640px; width: 100%; height: calc(100% + 100px); list-style-type: none; position: absolute; background: var(--cerulean); padding: 90px 90px 90px 60px; box-shadow: 0 10px 40px 0 #c7c7c7; top: -65px; left: 0; right: 0; margin: 0 auto; } .whychoice__item { display: flex; flex-direction: row-reverse; } .whychoice__item+.whychoice__item { margin-top: 65px; } .whychoice__subtitle { font-size: 22px; font-family: Roboto; font-weight: 900; color: rgb(255, 255, 255); line-height: 1.2; margin-bottom: 25px; } .whychoice__text { text-align: right; } .whychoice__desc { font-size: 18px; font-family: Roboto; font-weight: 400; color: rgb(255, 255, 255); line-height: 1.111; } .about__title { font-size: 38px; font-family: Roboto; font-weight: 900; color: #646363; line-height: 1; margin-bottom: 60px; } .about__text { font-size: 16px; font-family: Roboto; font-weight: 400; color: #646363; line-height: 1.5; padding: 100px 15px; } .whychoice__icon { margin-left: 60px; align-self: center; } /* .section-grey::before { content: ""; display: block; width: 200vw; height: 900px; position: absolute; margin-left: calc(-50vw); margin-right: calc(50vw); left: 0; top: 0; overflow: hidden; z-index: -1; } */ .partners__title { padding-top: 78px; padding-bottom: 25px; } .partners__desc { max-width: 600px; font-size: 20px; font-family: Roboto; font-weight: 400; line-height: 1.45; } .partners__list { padding: 20px 0 50px 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .partners__item { width: calc(100% / 5 - 20px); min-height: 70px; text-align: center; margin: 0 0 17px 0; } .partners__logo { max-width: 150px; } .catalog-sort-line { display: flex; justify-content: space-between; flex-direction: row; align-items: baseline; margin-bottom: 30px; font-size: 14px; } .sort { display: flex; align-items: baseline; font-family: Roboto; font-weight: 500; color: #646363; line-height: 1.1; } .sort__title { font-weight: 400; margin-right: 17px; } .sort__item { cursor: pointer; } .sortirovka[data-method*=desc], .sortirovka[data-method*=asc], .sort__item:active, .sort__item:focus { color: #646363; } .sort__item:hover, .sort__item.active { color: var(--cerulean) } .sort__tab+.sort__tab { margin-left: 10px; } .bx-filter.bx-blue .bx-filter-section { padding: 0; background: #ffffff; display: flex; } .bx-filter .bx-filter-title { font-size: 16px; font-family: Roboto; font-weight: 500; color: #646363; line-height: 1.1; margin-right: 17px; display: none; } .bx-filter .bx-filter-parameters-box-title span { font-size: 16px; font-family: Roboto; font-weight: 500; color: #646363; line-height: 1.1; } .bx-filter .bx-filter-parameters-box-title span:hover { border: none; color: var(--cerulean) } .bx-filter.bx-blue.bx-filter-horizontal { margin-top: 110px; } .filter-parameters-wrapper { display: flex; flex-wrap: wrap; } .bx-filter .bx-filter-parameters-box { position: relative; max-width: 25%; width: 100%; margin-bottom: 15px; } .bx-filter.bx-blue .btn-themes { border: 1px solid transparent; border-radius: 35px; padding: 20px 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; color: #ffffff; font-family: Roboto; font-weight: 500; background: var(--cerulean); transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; } .bx-filter.bx-blue .btn-themes.bx-active, .bx-filter.bx-blue .btn-themes.focus, .bx-filter.bx-blue .btn-themes:active, .bx-filter.bx-blue .btn-themes:focus, .bx-filter.bx-blue .btn-themes:hover { color: var(--cerulean); background: #ffffff; border: 1px solid var(--cerulean); } .bx-filter-block .btn-link { border: 1px solid var(--cerulean); border-radius: 35px; padding: 20px 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; color: var(--cerulean); font-family: Roboto; font-weight: 500; background: #ffffff; transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; } .bx-filter-block .btn-link:hover, .bx-filter-block .btn-link:focus { background: var(--cerulean); color: #ffffff; border: 1px solid transparent; text-decoration: none; } .bx-filter .bx-filter-popup-result { font-size: 16px; font-family: Roboto; font-weight: 400; color: #646363; border: 1px solid transparent; } .bx-filter .bx-filter-popup-result a { font-size: 16px; font-family: Roboto; font-weight: 400; color: var(--cerulean); position: relative; display: inline-block; overflow: hidden; padding-bottom: 5px; margin-top: 5px; line-height: 1.1; } .bx-filter .bx-filter-popup-result a::before { content: ""; position: absolute; transition: transform 0.5s ease; left: -1px; bottom: 0; width: 100%; height: 2px; background: var(--cerulean); transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); } .bx-filter .bx-filter-popup-result a:hover:before { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); } .bx-filter .bx-filter-input-checkbox input[type=checkbox] { opacity: 0; visibility: hidden; } .bx-filter .bx-filter-input-checkbox .bx-filter-param-text { position: relative; padding-left: 25px; } .bx-filter .bx-filter-input-checkbox .bx-filter-param-text:before { position: absolute; content: ""; left: 0; top: 3px; width: 15px; height: 15px; border: 1px solid var(--cerulean); } .bx-filter .bx-filter-input-checkbox .bx-filter-param-text:hover:after, .bx-filter .bx-filter-input-checkbox input[type=checkbox]:checked+.bx-filter-param-text:after { position: absolute; content: ""; left: 4px; top: 7px; width: 7px; height: 7px; background: var(--cerulean) } .catalog .container { padding: 0; } .catalog-table { width: 100%; } td.catalog__name-cell { max-width: 400px; } .catalog__add-button-cell { padding: 0 15px; border-bottom: 1px solid #e5e5e9 } .cattallogg .catalog-table, .product-card-table, #ac-parts-table { border: 1px solid #e5e5e9; font-size: 15px; } .catalog .catalog-table th, .cattallogg .catalog-table th, .product-card-table th, .product-card-table th:first-child, #ac-parts-table th, #ac-parts-table th:first-child, .basket-items-list-table th { padding: 14px 16px 12px; } .catalog .catalog-table thead, .cattallogg .catalog-table thead, .product-card-table thead, #ac-parts-table thead, .basket-items-list-table thead { background: #f5f6f6; padding: 20px; } .catalog .catalog-table th.head-cell, .cattallogg .catalog-table th.head-cell, .product-card-table .head-cell, .basket-items-list-table th { font-size: 16px; font-family: Roboto; font-weight: 500; color: #646363 } .bx-catalog-element #ac-parts-table.table.table-hover th, .bx-catalog-element #ac-parts-table.table.table-hover td, .bx-catalog-element #ac-parts-table.table.table-hover td a { font-weight: 400; } .cattallogg .catalog-table th.photo-cell-th { padding-left: 30px; } .catalog .catalog-table th:not(.head-cell), .cattallogg .catalog-table th:not(.head-cell) { font-size: 0; } .head-cell i { font-style: normal; font-family: fontAwesome; padding-left: 2px; } .catalog-table th, .catalog .catalog-table td:not(:last-child), .cattallogg .catalog-table td:not(:last-child) { border-style: solid; border-color: #e5e5e9; border-width: 0; padding: 5px 15px 5px 15px; } .catalog .catalog-table td:not(.catalog__counter-cell, .catalog__add-button-cell), .search-page-catalog .catalog-table td:not(.catalog__counter-cell, .catalog__add-button-cell) { border-width: 1px 1px 0px 0px; } .catalog .catalog-table td.catalog__counter-cell, .catalog .catalog-table td.catalog__add-button-cell, .search-page-catalog .catalog-table td.catalog__counter-cell, .search-page-catalog .catalog-table td.catalog__add-button-cell { border-width: 1px 0px 0px 0px; } .catalog .catalog-table th.sortirovka::after, .cattallogg .catalog-table th.sortirovka::after { display: none; } .catalog-table .catalog__image-wrapper { text-align: center; } .catalog__image-wrapper img { width: 100%; max-width: 70px; height: auto; } .catalog__price-cell, .product-card-price-cell { font-size: 18px; font-family: Roboto; font-weight: 900; color: #646363; } .catalog-list .catalog__price-cell { font-weight: 700; font-size: 20px; line-height: 23px; color: #646363; } .catalog__name-cell a, .product-card-name-cell a { color: #646363; font-family: Roboto; font-weight: 500; font-size: 16px; } .catalog__name-cell a:hover, .product-card-name-cell a:hover { color: var(--cerulean) } td.catalog__code-cell a, td.catalog__article-cell a { font-size: 16px; font-weight: 400; color: #646363 } .catalog__counter { position: relative; display: flex; padding: 0; min-width: 130px; justify-content: space-between; align-items: center; } .catalog__counter input.product-item-amount-field { /* text-align: center; outline-color: transparent; border-width: 1px; border-color: rgb(229, 229, 233); border-style: solid; border-radius: 4px; background-color: rgb(251, 251, 251) !important; width: 68px; max-width: unset; height: 38px; font-size: 16px; font-family: Roboto; font-weight: 400; color: #646363; */ } .other-actions { padding: 0 0 !important; } .quantity-controls { /* кнопки плюс и минус */ position: relative; display: inline-block; width: 26px; height: 26px; cursor: pointer; } .quantity-plus:before, .quantity-plus:after, .quantity-minus:before { position: absolute; display: block; content: ""; background-color: #838383 } .quantity-plus:hover:before, .quantity-plus:hover:after, .quantity-minus:hover:before { background-color: var(--pelorous) } .quantity-plus:before { top: 4px; left: 18px; width: 2px; height: 18px; } .quantity-plus:after { top: 12px; left: 10px; width: 18px; height: 2px; } .quantity-minus:before { top: 12px; left: -12px; width: 18px; height: 2px; } .catalog-in-cart-tr-color { background-color: #ffffff; } .catalog-in-cart-link, .catalog-add-to-cart-link { position: relative; width: 55px; height: 55px; border: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .catalog-in-cart-link:focus, .catalog-add-to-cart-link:focus { outline: none } .catalog-add-to-cart-link { background: var(--pelorous); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .catalog-list .catalog-in-cart-link { position: relative; background: #fff; } .catalog-table .catalog-in-cart-link, .search-page-catalog .catalog-in-cart-link { position: relative; background: var(--pelorous); } .catalog-table .catalog-in-cart-link { border: 2px solid var(--pelorous) } .search-page-catalog .cattallogg .catalog-add-to-cart-link:hover:before, .cattallogg.catalog-view-table .catalog-add-to-cart-link:hover:before, .search-page-catalog .catalog-in-cart-link:before, .catalog-table .catalog-in-cart-link:before { position: absolute; content: ""; top: 20px; left: 19px; background-size: cover; background-repeat: no-repeat; background-image: url(/local/templates/vtm2022/css/../images/ok.svg); display: block; width: 15px; height: 12px; } .catalog-add-to-cart-link:before { position: absolute; content: ""; background: url("/local/templates/vtm2022/css/../images/basket_icon.svg") 0 0/cover; top: 16px; left: 16px; width: 25px; height: 24px; z-index: 1; } .catalog-table .catalog-add-to-cart-link, .search-page-catalog .catalog-add-to-cart-link { background: #fff; border: 2px solid var(--pelorous); } @media (min-width: 993px) { .catalog-view-table .catalog-add-to-cart-link:before, .search-page-catalog .catalog-add-to-cart-link:before { background: url("/local/templates/vtm2022/css/../images/basket_icon_blue.svg") 0 0/cover; } .search-page-catalog .cattallogg .catalog-add-to-cart-link:hover:before, .cattallogg.catalog-view-table .catalog-add-to-cart-link:hover:before, .search-page-catalog .catalog-in-cart-link:before, .catalog-view-table .catalog-in-cart-link:before { filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); } .search-page-catalog .cattallogg .catalog-add-to-cart-link:hover, .cattallogg.catalog-view-table .catalog-add-to-cart-link:hover { position: relative; background: var(--pelorous); } } .catalog-list .catalog-add-to-cart-link:before { width: 21px; height: 20px; z-index: 1; } .bx-catalog-element .catalog-add-to-cart-link:before { width: 23px; height: 22px; z-index: 1; margin-left: 22px; } .search-page-catalog .cattallogg .catalog-add-to-cart-link:before, .cattallogg.catalog-view-table .catalog-add-to-cart-link:before { left: 13px; } .popup-window-overlay { position: fixed !important; } .popup-window.popup-window-with-titlebar { position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .breadcrumbs-wrapper .container { padding: 0; margin-bottom: 35px; } .top-pagination-wrapper { /* display: flex; */ display: none; flex-flow: column-reverse; align-items: flex-end; } .top-pagination-wrapper .pagination { margin: 22px 0; } .show-quantity { font-family: Roboto; font-weight: 500; margin-right: 15px; } .bottom-pagination-wrapper .pagination { display: flex; justify-content: center; margin: 70px 0; } .bottom-pagination-wrapper .show-quantity { display: none; } .pagination__link+.pagination__link, .page-item+.page-item { margin-left: 10px; } .pagination b, .pagination a, .main #acat .page-link, .main #acat .page-item:first-child .page-link, .main #acat .page-item:last-child .page-link { display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-size: 15px; font-family: Roboto; font-weight: 700; color: #646363; border-width: 1px; border-style: solid; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .pagination a { border-color: #e6e6ea; background: #ffffff; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .pagination b, .pagination a:hover, .main #acat .page-item.active .page-link, .main #acat .page-link:hover { color: #fff; background: var(--pelorous); border-color: var(--pelorous); } .pagination a.black-anchor, .main #acat .page-item.disabled .page-link { border: none; } .pagination a.black-anchor:hover { border: none; background: #ffffff; color: var(--pelorous); } .product-max-quantity { font-size: 12px; text-align: center; padding: 5px 0; } #acat .modal-title { font-size: 19px; } #ac-parts-table .offers table { font-size: 15px; } .about__link:hover { text-decoration: underline; } .main-banner .slick-slide { height: auto; } /* COMMON STYLE */ .block__100vw { width: 100vw; margin-left: calc(-50vw + 50%); margin-right: calc(50vw - 50%); } .block__top { display: flex; justify-content: space-between; } .slider__nav { display: flex; position: relative; } /* end of COMMON STYLE */ .offers__nav .swiper-button-next, .offers__nav .swiper-button-prev, .offers__prev, .offers__next, .small-banners__next, .small-banners__prev, .clients-partners__next, .clients-partners__prev { position: absolute; width: 42px; height: 42px; border: 2px solid var(--pelorous); background: #fff; border-radius: 2px; cursor: pointer } .our-offers .swiper-button-prev, .offers__prev, .small-banners__prev, .clients-partners__prev { left: calc(100% - 105px); } .our-offers .swiper-button-next, .offers__next, .small-banners__next, .clients-partners__next { right: 0; } .swiper-button-next:hover, .swiper-button-prev:hover, .offers__prev:hover, .offers__next:hover, .small-banners__next:hover, .small-banners__prev:hover, .clients-partners__next:hover, .clients-partners__prev:hover { background: var(--pelorous); } /* COMPANY */ .main-baners__grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; } .main-baners__big { display: block; color: #fff; font-weight: 700; font-size: 32px; line-height: 40px; } .main-baners__usual { display: block; color: #fff; font-weight: 400; font-size: 20px; line-height: 26px; } .main-baners__ceil { position: relative; border-radius: 5px; height: 100%; padding: 38px 33px 30px; background: var(--grey); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .main-banners-one__alllink { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .main-baners__ceil--one { background-color: var(--purple); align-self: start; grid-area: 1 / 1 / 2 / 3; position: relative; } .main-baners__ceil:hover { background-color: var(--purple); } .main-baners__ceil--one:hover { background: var(--grey); } .main-baners__ceil--one::before { content: ""; position: absolute; top: 11px; right: 12px; width: 94px; height: 94px; background-repeat: no-repeat; background-size: 94px 94px; background-image: url(/local/templates/vtm2022/css/../images/catalog-icon.svg); } .main-baners__ceil--one .main-baners__big { font-size: 36px; line-height: 50px; position: relative; max-width: 445px; margin-right: auto; } .main-baners__ceil--one .main-baners__usual { text-align: right; display: inline-block; padding-right: 116px; position: relative; } .main-baners__arrow { display: inline-block; position: absolute; right: 8px; top: -7px; width: 42px; height: 42px; border: 2px solid #FFFFFF; border-radius: 2px; } .main-baners__arrow::before { content: ""; position: absolute; top: 12px; left: 11px; margin: auto; display: block; width: 12px; height: 12px; border-style: solid; border-color: #ffffff; border-width: 0px 2px 2px 0px; transform: rotate(-45deg); } .main-baners__arrow:hover { background: #FFFFFF; } .main-baners__arrow:hover::before { border-color: var(--purple) } .main-baners__ceil--three { background-size: 112px 82px; padding-top: 97px; background-repeat: no-repeat; background-position: 97% 14px; background-image: url(/local/templates/vtm2022/css/../images/avtocatalog.svg); } .main-baners__ceil--two .main-baners__big { margin-bottom: 20px; } .main-baners__ceil--seven .main-baners__usual { margin-bottom: 35px; } /* .main-baners__ceil--three { grid-area: 1 / 4 / 3 / 5; justify-content: center; display: flex; flex-direction: column; } */ .main-banners__link { display: inline-block; margin-top: 40px; padding: 13px 19px; font-weight: 700; font-size: 16px; line-height: 18px; text-align: center; text-transform: uppercase; color: #FFFFFF; } .main-baners__ceil--three .main-baners__big { margin-bottom: 30px; } .main-baners__ceil--four { grid-area: 2 / 1 / 3 / 2; } .main-baners__ceil--four .main-baners__usual, .main-baners__ceil--five .main-baners__usual { display: inline-block; margin-bottom: 35px; } .main-baners__ceil--five { grid-area: 2 / 2 / 3 / 3; } .main-baners__ceil--six { grid-area: 2 / 3 / 3 / 4; } .main-baners__ceil--four, .main-baners__ceil--five, .main-baners__ceil--six { padding-top: 22px; } .main-baners__ceil--six .main-baners__big { margin-bottom: 60px; } .main-baners__ceil a:not(.blue-btn):hover { color: #fff; text-decoration: underline; } .quantity-btn__block { display: flex; align-items: center; justify-content: space-evenly; margin-top: 15px; } .positions { margin: 80px 0 50px; } .positions-tabs__wrap { display: flex; } .positions-tabs__content { padding-right: 15px; } .positions-tabs__desc { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 30px; padding-bottom: 60px; color: rgba(0, 0, 0, 0.8); } .positions-tabs__top { margin-bottom: 90px; } .positions-tabs__title { margin-bottom: 40px; } .positions-tabs__tabs-names { display: flex; justify-content: space-around; max-width: 50%; width: 100%; } .positions .tabs__elem { font-weight: 400; font-size: 18px; line-height: 24px; text-align: center; color: #646363; width: 50%; padding-bottom: 4px; border-bottom: 1px solid #D6D6D6; cursor: pointer; } .positions .tabs__elem.active { font-weight: 700; border-bottom: 4px solid var(--pelorous); } .position-tabs__btn { font-weight: 700; font-size: 20px; text-transform: uppercase; background: var(--purple); padding: 15px 30px; border: 1px solid transparent; } .position-tabs__btn:hover { border: 1px solid var(--pelorous) } .positions .slick-list { margin: 0 -10px; } .positions .slick-slide { margin: 0 10px; height: auto; } .positions .slick-dots { bottom: -10px; } .swiper-grid-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: row!important; align-items: flex-end; height: auto; } .positions-items { overflow: hidden } .positions-items__link { display: flex!important; align-items: center; justify-content: center; background: #EAF3F7; position: relative; border-radius: 5px; height: 261px!important; margin-bottom: 20px; margin-top: 0!important; } .positions-items__link:hover { background: var(--pelorous); } .positions-items__link:hover .positions-items__logo, .positions-items__link .positions-items__logo--hover { display: none!important; } .positions-items__link:hover .positions-items__logo--hover { display: block!important; } .positions-items__arrow { position: absolute; right: 30px; bottom: 23px; display: inline-block; width: 42px; height: 42px; border: 1px solid var(--pelorous); } .positions-items__arrow:before { content: ""; position: absolute; display: block; top: 14px; left: 12px; width: 12px; height: 12px; border-style: solid; border-width: 0px 1px 1px 0px; border-color: var(--pelorous); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); } .our-offers__slider .swiper-wrapper { height: auto; } .our-offers__slider { overflow: hidden; padding-top: 40px; padding-bottom: 100px; padding-left: 10px; padding-right: 10px; margin-left: -10px; margin-right: -10px; } .our-offers__slider .swiper-slide { box-shadow: 0px 0px 30px #F1F4F9; } .our-offers__slider .swiper-slide:hover { box-shadow: 0px 0px 30px rgba(70, 157, 189, 0.17); } .our-offers__slider .product-item { width: 100%; height: 100%; padding: 12px 20px 45px; margin: 0; border: none } .our-offers__slider .product-item-image-wrapper { display: block; /* padding: 116% 0px 0 0px;*/ text-align: center; margin-bottom: 10px; height: 251px; } .our-offers__slider .product-item-image-wrapper .product-item-image-original { display: block; width: 100%; height: 100%; background-size: cover; } .our-offers__slider .product-item-title { margin-top: 11px; margin-bottom: 10px; } .our-offers__slider .product-item-title a { font-weight: 700; font-size: 16px; line-height: 24px; text-align: center; color: #323232; } .our-offers__slider .product-item-title a:hover { color: var(--cerulean) } .vtm-properties { margin-bottom: 18px; } .vtm-property { display: flex; font-weight: 400; font-size: 16px; line-height: 16px; justify-content: center; } .vtm-property__title { color: #B5B3B3; padding-right: 5px; } .vtm-property__val { color: #7F7B7B; } .vtm-property+.vtm-property { margin-top: 2px; } .vtm-property:hover .vtm-property__title, .vtm-property:hover .vtm-property__val { color: var(--cerulean) } .product-item-price-container, .product-item-price-current { font-weight: 700; font-size: 20px; line-height: 23px; color: #646363; text-align: center; } .partner-block__wrap { background-color: var(--pelorous); background-size: cover; background-position: right; background-image: url(/local/templates/vtm2022/css/../images/partner.jpg); background-repeat: no-repeat; min-height: 226px; padding-left: 25px; } @media (max-width: 1500px) { .partner-block { padding: 0 !important; } .partner-block__wrap { padding: 25px; } } @media (max-width: 660px) { .partner-block__wrap { padding: 20px; position: relative; } .partner-block__wrap::before { content: ""; display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-color: rgba(0, 0, 0, 0.3); pointer-events: none; z-index: 0; } .partner-block__txt { font-size: 24px !important; line-height: 26px !important; } } .partner-block__txt { padding: 35px 0 35px; font-weight: 700; font-size: 36px; line-height: 40px; color: #FFFCFC; position: relative; } .partner-block__btn { background-color: var(--purple); padding: 15px 17px; font-size: 18px; text-transform: uppercase; position: relative; } .about-company__wrap { display: flex; } .about-company { padding: 47px 0 52px; font-weight: 400; font-size: 18px; line-height: 28px; color: #646363; } .about-company__picture-box { float: right; } .about-company__picture { max-width: 100%; } .company-in-digits { margin-top: 60px; background: linear-gradient(288.42deg, #105983 64.29%, #0A7EA1 77.32%, #0A7FA2 77.32%, #03A6CB 88.1%, #02A7CB 88.74%, #02A8CC 91.57%, #02A8CC 93.38%, #105983 100.89%); box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 5px; } .company-in-digits__list { display: flex; flex-wrap: wrap; padding: 25px 0; margin: 0 -85px; } .company-in-digits__item { position: relative; max-width: 25%; width: 100%; display: flex; flex-direction: column; padding: 0 85px; text-align: center; } .company-in-digits__item:not(:last-child):after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; height: 30px; width: 1px; background: #fff; } .company-in-digits__digit { font-weight: 900; font-size: 53px; line-height: 71px; color: #FFFFFF; } .company-in-digits__txt { font-size: 16px; line-height: 22px; color: #FFFFFF; } /* end of COMPANY */ .title__center { margin-bottom: 10px; font-weight: 700; font-size: 30px; line-height: 40px; text-align: center; color: #646363; } /* ADVANTAGES */ .advantages { background: rgba(212, 232, 240, 0.22); padding: 100px 0; } .advantages__title { margin-bottom: 90px; font-weight: 700; font-size: 30px; line-height: 40px; text-align: center; color: #646363; } .advantages__list { display: flex; flex-wrap: wrap; margin: 0 -40px -40px; } .advantages__item { display: flex; align-items: flex-start; max-width: 50%; width: 100%; padding: 0 40px 40px; } .advantages__text { padding-left: 17px; } .advantages__subtitle { font-weight: 700; font-size: 24px; line-height: 38px; color: #646363 } .advantages__desc { font-weight: 400; font-size: 18px; line-height: 30px; color: #000000; } /* end of ADVANTAGES */ /* SMALL BANNERS */ .small-banners { background: #fff; margin-bottom: 100px; padding-top: 35px; } .small-banners__top { margin-bottom: 30px; position: relative; } .small-banners__title { font-weight: 700; font-size: 30px; line-height: 40px; color: #FFFFFF; } .small-banners__item-wrap { display: flex; flex-direction: column; align-items: baseline; position: relative; min-height: 297px; width: 100%; background-size: cover; border-radius: 5px; padding: 57px 47px; } .small-banners__item-wrap:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(6, 23, 42, 0.35); border-radius: 5px; } .small-banners__title, .small-banners__link { position: relative; z-index: 1; } .small-banners__link { margin-top: auto; display: inline-flex; align-items: center; justify-content: center; background: var(--pelorous); border-radius: 36px; padding: 13px 20px; font-weight: 500; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #FFFFFF; border: 1px solid var(--pelorous); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .small-banners__link:hover { color: var(--pelorous); background: #fff; } .small-banners__svg { width: 22px; height: 22px; margin-right: 3px; pointer-events: all; } .small-banners__svg--hover, .small-banners__link:hover .small-banners__svg { display: none; } .small-banners__link:hover .small-banners__svg--hover { display: block; } /* end of SMALL BANNERS */ /* CLIENTS */ .clients-partners__top { margin-bottom: 22px; } .clients-partners__wrap { position: relative; background: #f9f8f9; padding: 60px 0; } .offers__nav { position: relative; } .our-offers__slider .slick-slide, .small-banners .slick-slide, .clients-partners .slick-slide { height: auto; margin: 10px; } .our-offers__slider .slick-slide>div, .clients-partners .slick-slide>div { background: #fff; box-shadow: 0px 0px 10px rgba(70, 157, 189, 0.17); } .clients-partners .slick-slide>div+div { margin-top: 25px; } .our-offers__slider .slick-list, .small-banners .slick-list, .clients-partners .slick-list { margin: 0 -10px; } .partner-logo__wrap { display: flex; align-items: center; justify-content: center; width: 222px; height: 95px; padding: 10px; margin: auto; } .partner-logo:hover { box-shadow: 0px 0px 10px rgba(70, 157, 189, 0.17); } .partner-logo-img { max-width: 100%; max-height: 85px; object-fit: contain; } /* end of CLIENTS */ /* NEWS */ .news-detail { line-height: 26px; font-size: 16px; } .news-articles .slick-track { display: flex; } .news-articles .slick-slide { height: inherit; position: relative; } .news-articles .slick-slide>div { height: 100%; background: #ffffff; } .news-articles .slick-next, .news-articles .slick-prev { top: -49px; width: 42px; height: 42px; border: 2px solid var(--pelorous); background: #fff; border-radius: 2px; } .news-articles .slick-prev { left: calc(100% - 105px); } .news-articles .slick-next { right: 0; } .news-articles .slick-next:hover, .news-articles .slick-prev:hover { background: var(--pelorous); } .news-articles__wrap { background-color: #ffffff; } .news-articles__wrapper { display: flex; justify-content: space-between; padding-top: 70px; } .news__wrap, .articles__wrap { max-width: calc(50% - 10px); width: 100%; /* display: inline-block; */ } .content-title { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 36px; line-height: 37px; color: #646363; } .main-news__top .content-title { margin-right: 20px; } .main-news__top { margin-bottom: 37px; align-items: flex-end; justify-content: start; } .main-news__all-link { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 19px; letter-spacing: 0.055em; text-transform: uppercase; color: var(--cerulean); transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .main-news__all-link:hover { text-decoration: underline; } .main-news__all-link+.main-news__all-link--tags { margin-left: 25px; } .main-news__list { margin: 0 0 100px; padding: 0; } .news-articles .slick-slide { margin: 10px; box-shadow: 0px 0px 10px rgba(70, 157, 189, 0.17); } .news-articles .slick-list { margin: 0 -10px; } .main-news__date { position: relative; font-family: 'Roboto'; font-style: normal; font-weight: 900; font-size: 18px; line-height: 18px; text-align: center; color: #FFFFFF; background-color: rgba(70, 157, 189, 0.7); padding: 6px 8px 6px; margin-top: 0px; margin-left: 3px; align-self: baseline; display: inline-block; } .main-news__date span { display: block; font-weight: 400; } .main-news__img-box { width: 100%; height: 240px; position: relative; display: flex; flex-direction: column; justify-content: flex-start; } .main-news__img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; top: 0; left: 0; } .main-news__content { background-color: #fff; padding: 30px 10px 15px; text-align: center; height: 225px; } .main-news__title { display: block; margin-bottom: 15px; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 24px; text-align: center; color: #646363; } .main-news__text { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 20px; text-align: center; color: #646363; } .main-news__intro, .news-tags__link, .main-news__intro a { font-size: 18px; line-height: 1.2; font-family: 'Roboto'; } .main-news__intro { margin-bottom: 50px; width: calc(100% - 100px); } .main-news__intro .vs-tags-list a { font-size: 18px; } .news-tags__list { list-style: none; padding: 0; margin: 0; } .news-tags__item { display: inline-block; } .news-tags__item+.news-tags__item { padding-right: 15px; } .tags-box { position: absolute; bottom: 30px; } .tags-box__list { padding: 0; margin: 0; list-style-type: none; } .tags-box__item { display: inline-block; padding: 2px 4px; margin-right: 15px; font-family: Roboto; font-weight: 300; font-size: 14px; color: var(--cerulean); line-height: 1.2; background-color: #f7f7f8; } .don-news__item { display: flex; } .don-news__item+.don-news__item { margin-top: 60px; } .don-news__picture { max-width: 300px; height: auto; margin-right: 30px; } .don-news__content { display: flex; flex-direction: column; } .don-news__date { font-size: 14px; } .don-news__link { display: inline-block; margin: 15px 0; } .don-news__list .show-quantity { display: none; } .don-news__list .pagination { text-align: center; margin-top: 50px; } .news-date-time { color: #646363; display: block; margin-bottom: 10px; } /* end of NEWS */ /* DETAIL */ .next-url.url-block .next-url-text:hover, .url-block span.back-url-text:hover { text-decoration: underline; } .bx-catalog-element .container-fluid { padding: 0; margin: 0; } .bx-catalog-element { margin-top: -13px; } h1, .main .h1 { font-size: 25px; font-family: Roboto; font-weight: 500; color: #646363; line-height: 1.3; margin: 0px 0 29px; } .bx-catalog-element .bx-title { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 25px; line-height: 34px; color: #646363; margin: 25px 0 30px; } .background-product-card { margin-bottom: 40px; margin-left: -15px; margin-right: -15px; } .analog { flex-direction: column; } .background-product-card.bottom-tabs { display: block; } .product-item-tabs .table { font-size: 15px; } .product-item-tabs .table .align-middle { vertical-align: top; } .product-item-tabs .table>thead>tr>th, .product-item-tabs .table>tbody>tr>th, .product-item-tabs .table>tfoot>tr>th, .product-item-tabs .table>thead>tr>td, .product-item-tabs .table>tbody>tr>td, .product-item-tabs .table>tfoot>tr>td { padding: 10px; } .product-item-tabs { margin-bottom: 0; } .product-item-detail-slider-container { min-width: 363px; padding: 40px; margin: 0 35px 0 0; border: 1px solid #f5f5f5; } .product-item-detail-slider-container.popup { margin: 0; } .product-item-list { padding: 0; margin-bottom: 20px; } .product-item-list li { margin-right: 0px; } .product-item-list li+li { margin-left: 44px; } .product-item-list li, .product-item-list li.active a, .product-item-list li.active a:visited, .product-item-list li.active a:focus, .product-item-list li.active a:hover, .product-item-list li.active span, .product-item-list li.active span:visited, .product-item-list li.active span:focus, .product-item-list li.active span:hover { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; color: #646363; } .product-item-list li.active a, .product-item-list li.active a:visited, .product-item-list li.active a:focus, .product-item-list li.active a:hover, .product-item-list a:hover, .product-item-list li.active span, .product-item-list li.active span:visited, .product-item-list li.active span:focus, .product-item-list li.active span:hover, .product-item-list span:hover { color: #646363; } .product-item-list li { color: #c4c4c4; font-weight: 400; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .product-item-list li a, .product-item-list li span { color: #c4c4c4; font-weight: 400; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .product-item-list a:hover { color: #646363; border-bottom: 0px solid; } .product-item-details span:first-child, .product-item-details span:nth-child(2) { font-size: 16px; line-height: 30px; color: #646363; } .product-item-details span:first-child { font-weight: 400; } .product-item-details { margin-bottom: 2px; } .product-item-details span:nth-child(2) { font-weight: 700; } .product-item-details:nth-last-child(2) { margin-bottom: 25px; } .product-item-detail-pay-block .product-item-detail-info-container:first-child { margin-bottom: -15px; } .product-item-detail-info-quantity { margin-bottom: 35px; } .product-item-detail-price-current { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 26px!important; line-height: 30px; color: #0E7B93; } .product-item-quantity { font-size: 16px; } .product-item-amount-field-container, .catalog__counter { padding: 0 13px; border: 1px solid #D4E8F0; border-radius: 28px; } .bx-catalog-element .product-item-amount-field-container { padding: 6px 20px; } .product-item-amount-field { text-align: center; outline-color: transparent; border-width: 0px; border-color: transparent; border-style: solid; border-radius: 0px; background-color: transparent!important; width: 47px; max-width: unset; height: 38px; font-weight: 500; font-size: 16px; line-height: 19px; color: #323232; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .quantity-controls:hover, .product-item-amount-field-btn-plus:hover, .product-item-amount-field-btn-minus:hover { background: transparent; opacity: 0.6 } .product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:hover, .product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:hover { background-color: transparent; } .quantity-controls, .product-item-amount-field-btn-minus, .product-item-amount-field-btn-plus { position: relative; display: inline-block; width: 25px; height: 25px; cursor: pointer; background-color: transparent; } .quantity-minus:before, .quantity-plus:before, .quantity-plus:after, .product-item-amount-field-btn-plus:before, .product-item-amount-field-btn-plus:after, .product-item-amount-field-btn-minus:before { position: absolute; display: block; content: ""; background-color: #323232 } .quantity-plus:before { top: 5px; left: 14px; width: 2px; height: 14px; } .quantity-plus:after { top: 11px; left: 14px; width: 14px; height: 2px; } .product-item-amount-field-btn-plus:after { top: 11px; left: 14px; width: 14px; height: 2px; } .product-item-amount-field-btn-plus:before { top: 5px; left: 20px; width: 2px; height: 14px; } .quantity-plus:before { left: 16px; } .quantity-plus:after { left: 10px } .quantity-minus:before, .product-item-amount-field-btn-minus:before { top: 11px; left: 0px; width: 13px; height: 2px; } .quantity-minus:after, .product-item-amount-field-btn-minus:after { background: none; } .product-item-detail-buy-button { display: block; height: auto; width: auto; margin-left: 33px; margin-top: -4px; border: 1px solid transparent; border-radius: 35px; padding: 11px 20px 11px 49px; border-radius: 28px; -webkit-border-radius: 28px; -moz-border-radius: 28px; -ms-border-radius: 28px; -o-border-radius: 28px; font-size: 16px; color: #ffffff; font-family: Roboto; font-weight: 500; background-color: var(--pelorous); cursor: pointer; transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; } .bx-catalog-element .catalog-add-to-cart-link.product-item-detail-buy-button { display: block; height: auto; width: 20rem; margin-left: 33px; margin-top: -4px; border: 1px solid transparent; border-radius: 35px; padding: 11px 20px 11px 72px; } .product-item-detail-buy-button:focus, .product-item-detail-buy-button:active { color: #fff; } .bx-catalog-element .catalog-add-to-cart-link.product-item-detail-buy-button:hover, .product-item-detail-buy-button:hover { background-color: #ffffff; border: 1px solid var(--pelorous); color: var(--pelorous); } .bx-catalog-element .catalog-in-cart-link { margin-left: 33px; margin-top: -4px; } .our-offers__slider .catalog-in-cart-link, .catalog-list .catalog-in-cart-link, .bx-catalog-element .catalog-in-cart-link, .already_bought__slider .catalog-in-cart-link { color: var(--pelorous)!important; background: #FFFFFF; position: relative!important; right: unset; display: inline-block; width: auto; height: auto; padding: 11px 20px 11px 49px; font-weight: 700; font-size: 16px; line-height: 19px; color: #FFFFFF; border-radius: 28px; -webkit-border-radius: 28px; -moz-border-radius: 28px; -ms-border-radius: 28px; -o-border-radius: 28px; border: 1px solid var(--pelorous); } .catalog-add-to-cart-link.product-item-detail-buy-button:before { top: 13px; } .bx-catalog-element .catalog-in-cart-link:before { content: ""; position: absolute; display: block; width: 15px; height: 12px; } .bx-catalog-element .catalog-in-cart-link { display: block; width: 20rem; font-weight: 500; border-radius: 35px; padding: 15px 20px 14px 45px; } .bx-catalog-element .catalog-in-cart-link.product-item-detail-buy-button { padding: 15px 20px 14px 72px; } .our-offers__slider .catalog-in-cart-link:before, .catalog-list .catalog-in-cart-link:before, .bx-catalog-element .catalog-in-cart-link:before, .catalog-add-to-cart-link.product-item-detail-buy-button:hover:before, .products-viewed__slider .catalog-in-cart-link:before, .already_bought__slider .catalog-in-cart-link:before { top: 16px; left: 25px; background-size: 12px 9px; background-repeat: no-repeat; background-image: url(/local/templates/vtm2022/css/../images/ok.svg); } .bx-catalog-element .catalog-in-cart-link:before { top: 19px; margin-left: 22px; } .catalog-add-to-cart-link.product-item-detail-buy-button:hover:before { top: 19px; } .product-item-detail-buy-button[id*="_not_avail"] { display: inline; padding: 11px 20px 11px 20px; background-image: none; } .product-item-detail-buy-button[id*="_not_avail"]:hover { text-decoration: none; } .product-item-detail-tabs-container { padding: 0; border-bottom: none } .product-item-detail-tabs-container .tab-content { padding: 15px 15px 25px 0; } .product-item-detail-tab+.product-item-detail-tab { margin-left: 45px; } .product-item-detail-tab-link { height: auto; padding: 0; font-weight: 700; font-size: 30px; line-height: 34px; color: #C0BDBD; text-transform: none; transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; } .product-item-detail-tab:not(.active) .product-item-detail-tab-link { border-bottom: 0px dashed #d6d6de } .product-item-detail-tab-link:hover, .product-item-detail-tab.active .product-item-detail-tab-link { color: #646363; } .product-item-detail-tab:not(.active) .product-item-detail-tab-link:hover { border-bottom: 0px dashed #646363 } .product-card-table { width: 100%; } .product-card-table td { border-style: solid; border-color: #e5e5e9; border-width: 1px 0px 0px 0px; } .product-card-row td:first-child, .product-card-row td { padding: 13px 25px 13px 15px; } .product-card-table th:last-child { padding: 14px 16px 12px; text-align: left; } .bx-catalog-element .tab-content .product-card-row td:first-child { padding: 0; } .product-card-photo-cell { width: 100px; } .product-card-image-wrapper img { width: 100px; height: auto; } .product-item-detail-short-card-fixed.active { display: none; } /* END */ /* BASKET */ .basket-checkout-section-inner { display: grid; grid-template-columns: 2fr 1fr 1fr; } .basket-checkout-container { padding: 25px; margin-bottom: 30px; border: 1px solid #e5e5e9; } .basket-checkout-block-total { padding-top: 12px; padding-right: 10px; text-align: left; } .basket-btn-checkout { color: #ffffff; font-weight: 400; padding: 18px 30px; font-size: 16px; background: var(--pelorous); border: 1px solid transparent; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; outline: 1px solid transparent; } .basket-btn-checkout:hover, .basket-btn-checkout:active, .basket-btn-checkout:focus { box-shadow: none; color: var(--pelorous); background: #ffffff; border: 1px solid var(--pelorous); outline: 1px solid transparent; } .basket-btn-checkout.basket-erase, .basket-btn-checkout.basket-erase:active, .basket-btn-checkout.basket-erase { color: var(--pelorous); background: #ffffff; border: 1px solid var(--pelorous); } .basket-btn-checkout.basket-erase:hover { color: #ffffff; background: var(--pelorous); border: 1px solid transparent; } .basket-checkout-block-total-title, .basket-coupon-block-total-price-current { color: #646363; font-family: Roboto; font-weight: 500; } .basket-checkout-block-total-price-inner, .basket-checkout-block-btn { padding-top: 0; } .basket-coupon-block-total-price-current { margin-bottom: 0; } .basket-items-list-wrapper, .basket-items-list-wrapper-compact { margin-bottom: 30px; border: none } .basket-items-list-table th:not(:last-child) { padding: 14px 3px 12px 28px; } .basket-items-list { padding: 0; border: 1px solid #e5e5e9; } .basket-items-list-table th:first-child span:first-child { display: inline-block; width: 44px; padding-left: 13px; } .basket-items-list-table th:first-child span:nth-child(2) { display: inline-block; width: 290px; text-align: center; } .basket-items-list-item-descriptions { padding: 25px 0 10px; } .basket-item-block-info { justify-content: flex-end; } .basket-item-property-custom { width: 150px; } .basket-items-list-item-descriptions-inner { display: flex; } .basket-item-block-properties { font-size: 15px; } .basket-item-block-info { display: flex; flex-direction: row-reverse; align-items: baseline; } .basket-item-info-name, .basket-item-info-name-link, .basket-item-amount-filed, .basket-item-price-current-text, .basket-item-block-amount.disabled .basket-item-amount-filed:hover { color: #646363; font-weight: 400; font-family: Roboto; font-weight: 400; font-size: 15px; line-height: 1.2; } .basket-item-price-current-text { font-family: Roboto; font-weight: 700; } .basket-checkout-container.basket-checkout-container-fixed { display: none; } .basket-items-list-item-container>td { border-top: 1px solid #e5e5e9 } .basket-item-amount-field-description { top: calc(100% - 19px); } .basket-item-block-amount { padding-bottom: 22px; } h2.basket-item-info-name { padding-left: 35px; max-width: 440px; } .basket-items-list-item-price { vertical-align: middle; } .basket-item-block-price { padding-top: 0; } .basket-item-amount-btn-plus:before { margin-top: -7px; margin-left: 0px; width: 2px; height: 14px; } .basket-item-amount-btn-minus:after { margin-top: -1px; margin-left: -5px; width: 13px; height: 2px; } .basket-item-amount-btn-plus:after { margin-left: -6px; width: 14px; height: 2px; } .basket-item-amount-btn-plus:hover, .basket-item-amount-btn-minus:hover { background: transparent; opacity: 0.6 } .basket-item-amount-filed, .basket-item-block-amount.disabled .basket-item-amount-filed:hover { border-color: rgb(229, 229, 233); border-style: solid; border-radius: 4px; background-color: rgb(251, 251, 251) !important; } .basket-items-list-item-container-expend .basket-items-list-item-removed-container { background-color: #f5f5f5; } .basket-items-list-item-clear-btn:after, .basket-items-list-item-clear-btn:before { width: 1px; height: 20px; } /* END */ /* SEARCH PAGE */ .search-page form { display: flex; margin: 0; } .search-page input[type="submit"] { cursor: pointer; border: 1px solid transparent; outline: 1px solid transparent !important; border-radius: 35px; padding: 15px 35px; margin-bottom: 10px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; color: #ffffff; font-size: 16px; font-family: Roboto; font-weight: 500; background: var(--pelorous); transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; } .search-page input[type="submit"]:hover { border: 1px solid var(--pelorous); color: var(--pelorous); background: #ffffff; } .search-page input[type="text"] { height: 58px; width: 100%; max-width: 480px; margin-right: 20px; padding-left: 15px; outline: 1px solid transparent !important; border: 1px solid #e9e9eb; font-family: Roboto; font-weight: 400; font-size: 16px !important; border-radius: 35px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .search-page input[type="text"]:focus { border: 1px solid var(--pelorous); } .search-page input[type="text"]::-webkit-input-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; line-height: 1.2; } .search-page input[type="text"]::-moz-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; } .search-page input[type="text"]:-ms-input-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; line-height: 1.2; } .search-page input[type="text"]::-ms-input-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; line-height: 1.2; } .search-page input[type="text"]::placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; } /* END */ /* AUTH */ .label-column-wrapper { flex-direction: column; } .cabinet-tab__account-settings button { position: static; } div.bx-auth { max-width: 100%; } .bx-auth h1, .bx-auth-help-wrapper { text-align: center; } .data-table.bx-registration-table, table.bx-auth-table { margin: 0 auto; } input[name="change_pwd"] { cursor: pointer; border: 1px solid transparent; outline: 1px solid transparent !important; border-radius: 35px; padding: 20px 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; color: #ffffff; font-size: 16px; font-family: Roboto; font-weight: 500; background: var(--cerulean); transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; } input[name="change_pwd"]:hover, input[name="change_pwd"]:focus, input[name="change_pwd"]:active { color: var(--cerulean); background: #ffffff; border-color: var(--cerulean); box-shadow: none; } .auth-user-argeement { display: flex; } .auth-user-argeement p { margin: 0 0 20px 10px; } table.map-columns>tbody>tr:hover, table.title-search-result>tbody>tr:hover, table.bx-auth-table>tbody>tr:hover, table.data-table.bx-registration-table>tbody>tr:hover, table.data-table.bx-changepass-table>tbody>tr:hover { background-color: transparent; } div.bx-auth-serv-icons { max-width: 1170px; width: 100%; padding: 0 40px; margin: 0 auto; display: none; } div.bx-auth input.bx-auth-input, .vtm-auth-form.forg input[type="text"], .bx-registration-table input[type="text"] { height: 45px; min-width: 350px; margin-bottom: 20px; padding-left: 15px; outline: 1px solid transparent !important; border: 1px solid #e9e9eb; font-family: Roboto; font-weight: 400; font-size: 16px !important; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .send-query__block input[type="text"]:focus, div.bx-auth input.bx-auth-input:focus, .vtm-auth-form.forg input[type="text"]:focus, .bx-registration-table input[type="text"]:focus { border: 1px solid var(--pelorous) } .bx-registration-table input[type="text"]::-webkit-input-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; line-height: 1.2; } .bx-registration-table input[type="text"]::-moz-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; } .bx-registration-table input[type="text"]:-ms-input-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; line-height: 1.2; } .bx-registration-table input[type="text"]::-ms-input-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; line-height: 1.2; } .bx-registration-table input[type="text"]::placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; } .vtm-auth-form.forg input[type="text"]::-webkit-input-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; line-height: 1.2; } .vtm-auth-form.forg input[type="text"]::-moz-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; } .vtm-auth-form.forg input[type="text"]:-ms-input-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; line-height: 1.2; } .vtm-auth-form.forg input[type="text"]::-ms-input-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; line-height: 1.2; } .vtm-auth-form.forg input[type="text"]::placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; } div.bx-auth input.bx-auth-input::-webkit-input-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; line-height: 1.2; } div.bx-auth input.bx-auth-input::-moz-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; } div.bx-auth input.bx-auth-input:-ms-input-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; line-height: 1.2; } div.bx-auth input.bx-auth-input::-ms-input-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; line-height: 1.2; } div.bx-auth input.bx-auth-input::placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; } .authorize-submit-cell input[type="submit"], .vtm-auth-form.forg input[type="submit"], .bx-registration-table input[type="submit"] { cursor: pointer; border: 1px solid transparent; outline: 1px solid transparent !important; border-radius: 35px; padding: 20px 35px; margin-bottom: 50px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; color: #ffffff; font-size: 16px; font-family: Roboto; font-weight: 500; background: var(--pelorous); transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; } .authorize-submit-cell input[type="submit"]:active, .authorize-submit-cell input[type="submit"]:hover, .authorize-submit-cell input[type="submit"]:focus, .vtm-auth-form.forg input[type="submit"]:active, .vtm-auth-form.forg input[type="submit"]:hover, .vtm-auth-form.forg input[type="submit"]:focus, .bx-registration-table input[type="submit"]:active, .bx-registration-table input[type="submit"]:hover, .bx-registration-table input[type="submit"]:focus { color: var(--pelorous); background: #ffffff; border-color: var(--pelorous); } .bx-auth-help-wrapper a:hover { color: #646363 } /* END */ /* OTHER PAGES */ .bx-newslist-more .blue-btn { padding: 15px 20px; border: 1px solid var(--pelorous); } img.responsive { max-width: 100%; } /* end of OTHER PAGES */ /* PERSONAL */ .title-block { display: none; } .cabinet-wrapper { margin-top: 50px; } .cabinet-wrapper::before, li.cabinet__item.active::before { display: none; } ul.cabinet__list { padding: 0; justify-content: space-between; border: none; } li.cabinet__item { display: inline-block; width: auto; } li.cabinet__item, li.cabinet__item.active { position: relative; text-align: center; background-color: #ffffff; color: #646363; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } li.cabinet__item.active { cursor: auto } span.cabinet__title { display: inline-block; line-height: 1.2; font-size: 23px; font-family: Roboto; font-weight: 900; color: #d6d6de; text-transform: none; border-bottom: 0px dashed #d6d6de; transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; } li.cabinet__item.active span.cabinet__title { color: #646363; border-bottom: 0px dashed transparent; } li.cabinet__item:not(.active) span.cabinet__title:hover { color: #646363; border-bottom: 0px dashed #646363; } .cabinet-tab__desc-wrapper { background-color: #ffffff; border: none; border-radius: 0; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .cabinet-tab__account-settings fieldset { border: none } .cabinet-tab__account-settings fieldset label { margin-bottom: 4px; font-weight: 600; } .cabinet-tab__account-settings button { cursor: pointer; border: 1px solid transparent; outline: 1px solid transparent !important; border-radius: 35px; padding: 20px 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; color: #ffffff; font-size: 16px; font-family: Roboto; font-weight: 500; background: var(--pelorous); transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; } .cabinet-tab__account-settings button:active, .cabinet-tab__account-settings button:hover, .cabinet-tab__account-settings button:focus { color: var(--pelorous); background: #ffffff; border-color: var(--pelorous); } .cabinet-tab__account-settings .label-column-1 input, .cabinet-tab__account-settings .label-column-2 input { font-family: Roboto; font-weight: 400; font-size: 16px; color: #646363; height: 45px; width: 415px; margin-bottom: 25px; padding-left: 12px; border: 1px solid #e9e9eb; outline: 1px solid transparent !important; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .cabinet-tab__account-settings .label-column-1 input:focus, .cabinet-tab__account-settings .label-column-2 input:focus { border: 1px solid var(--pelorous); } .cabinet-wrapper input::disabled { background: #fbfbfb } .cabinet-wrapper input::-webkit-input-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; line-height: 1.2; } .cabinet-wrapper input::-moz-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; } .cabinet-wrapper input:-ms-input-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; line-height: 1.2; } .cabinet-wrapper input::-ms-input-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; line-height: 1.2; } .cabinet-wrapper input::placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important; } .my-order-list li { list-style: none; } .my-order-title-top-row h2 { font-size: 16px; font-weight: 700; } .my-order-item label { top: 60px; color: var(--cerulean) } .my-order-item label:hover { color: #646363 } .my-order-title-bottom-row { margin-left: 0; } .my-order-repeat-anchor, .my-order-cancel-anchor { cursor: pointer; outline: 1px solid transparent !important; border-radius: 35px; padding: 20px 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; font-size: 16px; font-family: Roboto; font-weight: 500; transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; } .my-order-repeat-anchor, .my-order-cancel-anchor:hover { border: 1px solid transparent; color: #ffffff; background: var(--pelorous); } .my-order-cancel-anchor, .my-order-repeat-anchor:hover { border: 1px solid var(--pelorous); color: var(--pelorous); background: #ffffff; } .my-order-title-top-row { padding: 25px 40px 30px; } .my-order-list { padding: 0; } .my-order-item label, .my-order-repeat-anchor, .my-order-cancel-anchor { font-size: 16px; } #cabinet-tab__tab-3 { width: 35%; box-shadow: none; } .ordering-assistant__form label { font-size: 16px; font-weight: normal; } .ordering-assistant-wrapper input[type="submit"] { display: block; cursor: pointer; outline: 1px solid transparent !important; border: 1px solid transparent; border-radius: 35px; padding: 20px 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; color: #ffffff; font-size: 16px; font-family: Roboto; font-weight: 500; background: var(--pelorous); transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; } .ordering-assistant-wrapper input[type="submit"]:hover, .ordering-assistant-wrapper input[type="submit"]:active, .ordering-assistant-wrapper input[type="submit"]:focus { border: 1px solid var(--pelorous); color: var(--pelorous); background: #ffffff; } .cabinet-tab__desc-wrapper:first-child, .ordering-assistant-wrapper { padding-left: 0; } .ordering-assistant__form:not(.send-query__form) label span { color: #646363; } #assistant-file-upload { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .ordering-assistant__form:not(.send-query__form) label, .send-query__form label.send-query__label--icon { font-size: 16px; font-weight: 400; color: #646363; background-color: #ffffff; display: inline-block; cursor: pointer; position: relative; overflow: hidden; padding-top: 10px; padding-bottom: 5px; padding-left: 44px; margin-bottom: 50px; outline: 1px solid transparent !important; } .send-query__form label.send-query__label--icon { display: block; } .ordering-assistant__form:not(.send-query__form) label:before, .send-query__form label.send-query__label--icon:before { position: absolute; content: ""; width: 35px; height: 35px; top: 0; left: 0; background-image: url(/local/templates/vtm2022/css/../images/download.svg); background-size: cover; background-repeat: no-repeat; filter: contrast(0.9) opacity(0.8) hue-rotate(-45deg); } .ordering-assistant__form label:hover span { color: #646363; } .send-query__block input[type="text"] { max-width: 350px; width: 100%; margin-bottom: 25px; } #assistant-file-upload+label * { pointer-events: none; } #assistant-file-upload:focus+label, #assistant-file-upload.has-focus+label { outline: 1px solid transparent; outline: -webkit-focus-ring-color auto 5px; } .my-order-item-table { border-collapse: collapse; } .my-order-item-anchor .my-order-item-title { color: #646363; font-family: Roboto; font-weight: 400; font-size: 15px; } .my-order-item-anchor .my-order-item-title:hover { color: var(--cerulean) } .my-order-item-table tbody tr:hover td { background-color: #f5f5f5; } .my-order-item-table thead { font-size: 15px; font-weight: normal; color: #646363; font-family: Roboto; font-weight: 500; } .send-query__title { text-align: center; } .send-query__form { max-width: 500px; margin: 0 auto; } .send-query__form label { display: block; color: #646363; } .send-query__form { display: flex; flex-direction: column; align-items: baseline; } .send-query__block input[type="text"] { padding-left: 15px; } .send-query__block input[type="text"]::placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-weight: normal !important; font-size: 16px !important; color: #afafaf !important } /* END */ /* ORDER */ .main #bx-soa-order-form { width: 100%; } .main #bx-soa-order { width: 70%; margin: 0; } .bx-soa-cart-total-button-container>.btn { margin-left: auto; margin-right: auto; max-width: 250px; } .main .bx-soa-auth .bx-soa-reference { padding-top: 15px; } .send-query__block input[type="text"], .main .bx-authform-input-container input[type="text"], .main .bx-authform-input-container input[type="password"] { border: 1px solid #e9e9eb; outline: 1px solid transparent !important; height: 45px; font-size: 16px; font-family: Roboto; font-weight: 400; background: #ffffff; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .send-query__block input[type="text"] :focus, .main .bx-authform-input-container input[type="text"]:focus, .main .bx-authform-input-container input[type="password"]:focus { border: 1px solid var(--pelorous) } .main .bx-soa-reg-block { background: rgb(251, 251, 251); } .main .soa-order-suc1-link-color a, .main .soa-order-suc1-link-color a:active, .main .soa-order-suc1-link-color a:focus, .main .soa-order-suc1-link-color a:visited { color: var(--cerulean); } table.sale_order_full_table>tbody>tr:hover { background-color: transparent; } .sale_order_full_table a:hover { color: #646363; } .main .bx-soa-reference { color: #b1b1b1; font-size: 12px; line-height: 1.1; font-weight: 400; } .main .bx-soa-pp-company-smalltitle { color: #646363; line-height: 1.1; } .main #bx-soa-paysystem .bx-soa-pp-desc-container .bx-soa-pp-company { margin-bottom: 25px; } .bx-soa-item-title a, .bx-soa-item-title a:active, .bx-soa-item-title a:focus, .bx-soa-item-title a:visited { color: #646363; } #bx-soa-orderSave { text-align: center; } #bx-soa-delivery .bx-soa-pp-company { margin-left: 39px; padding: 0; min-height: 122px; width: 175px; border: 1px solid #e9e9eb; cursor: pointer; } #bx-soa-paysystem .bx-soa-pp-company { margin-left: 39px; padding: 0; height: 122px; width: 175px; border: 1px solid #e9e9eb; cursor: pointer; } .bx-soa-pp-desc-container { width: 100%; } #bx-soa-delivery .bx-soa-pp-desc-container .bx-soa-pp-company { height: unset; width: 100%; border: none; box-shadow: none; padding: 0; margin: 0; background: transparent; } #bx-soa-delivery .bx-soa-pp-company { margin-left: 39px; padding: 0; min-height: 122px; border: 1px solid #e9e9eb; cursor: pointer; } #bx-soa-paysystem .bx-soa-pp-item-container { display: flex; flex-wrap: wrap; justify-content: flex-start; padding-left: 15px; padding-right: 0; } .bx-soa-pp .bx-soa-pp-company:nth-child(4n+1) { margin-left: 0 !important; } #bx-soa-paysystem .bx-soa-pp-desc-container .bx-soa-pp-company { height: unset; width: 100%; border: none; box-shadow: none; padding: 0; margin: 0; background: transparent; } #bx-soa-paysystem .bx-soa-pp-desc-container .bx-soa-pp-company-graf-container, #bx-soa-delivery .bx-soa-pp-desc-container .bx-soa-pp-company-graf-container { display: none; } #bx-soa-total { width: 40%; } .bx-soa-item-title a { font-weight: 400; } main .bx-soa-section-title { cursor: unset } main .bx-soa-cart-total-line { font-size: 16px !important; } main .bx-soa-section-title, main .bx-soa-section.bx-selected .bx-soa-section-title { font-size: 20px; } .bx-soa-section-content h3 { font-size: 16px; } .main .bx-soa-pp-company { z-index: 1; } .form-control { resize: vertical; } #bx-soa-order input.form-control, #bx-soa-order select.form-control, .form-group.bx-soa-location-input-container .form-control { height: 50px; } .bx-soa-custom-label.person-type { transform: translateY(6px); } .bx-sls .bx-ui-sls-container { min-height: 50px; } .bx-sls .dropdown-icon { top: 17px; } .bx-sls .bx-ui-sls-clear { top: 8px; } .bx-sls .bx-ui-sls-fake, .bx-sls .bx-ui-sls-route { padding-top: 14px !important; font-family: Roboto; font-weight: 400; font-size: 15px !important; } #bx-soa-order label { margin-top: 20px; margin-right: 20px; } #bx-soa-order .bx-soa-section-title { padding-top: 20px; } .bx-sls .dropdown-block { border: 1px solid #e9e9eb; box-shadow: none; } /* END */ /* CATALOG LIST*/ .catalog-view a:not(.view-current) svg path { fill: #105983 } .catalog-view a:hover svg path, .catalog-view a.view-current svg path { fill: #469DBD } .search-page-catalog .catalog-in-cart-link, .search-page-catalog .catalog-add-to-cart-link, .catalog-view-table .catalog-in-cart-link, .catalog-view-table .catalog-add-to-cart-link { font-size: 0; } .catalog-list .catalog-add-to-cart-link { position: relative!important; right: unset; display: inline-block; width: auto; height: auto; padding: 11px 20px 11px 49px; position: static; font-weight: 700; font-size: 16px; line-height: 19px; color: #FFFFFF; background-color: var(--pelorous); border-radius: 28px; -webkit-border-radius: 28px; -moz-border-radius: 28px; -ms-border-radius: 28px; -o-border-radius: 28px; border: 1px solid var(--pelorous); } .catalog-list .catalog-add-to-cart-link:before { top: 11px; left: 20px; } .catalog-list__title-prop { display: none; } .catalog-list .catalog-list__title-prop { display: inline-block; padding-right: 5px; } .catalog-list .catalog-list__title-prop, .catalog-list .catalog__article-cell a, .catalog-list .catalog__code-cell a { font-weight: 400; font-size: 16px; line-height: 19px; color: #B5B3B3 } .catalog-list .catalog__article-cell a, .catalog-list .catalog__code-cell a { color: #7F7b7b } .catalog { position: relative; } .catalog-view { position: absolute; display: flex; max-width: 50px; width: 100%; justify-content: space-between; right: 0px; } .catalog .catalog-list .catalog-table td:not(:last-child), .cattallogg.catalog-list .catalog-table td:not(:last-child) { border-color: transparent } .cattallogg.catalog-list .catalog-table thead, .catalog-list .catalog-table .head-cell { display: none; } .cattallogg.catalog-list .catalog-table { border: 1px solid transparent; margin-top: 15px; } .catalog-list .catalog-table tbody { display: flex; flex-wrap: wrap; margin: 0; } .catalog-list .js-catalog-table-tr { display: flex; flex-direction: column; width: calc(100%/4 - 20px); margin: 0 10px 20px; padding: 25px; text-align: center; box-shadow: 0px 0px 30px #F1F4F9; } .catalog-list .js-catalog-table-tr:hover { box-shadow: 0px 0px 30px rgba(70, 157, 189, 0.17); } .catalog-list table>tbody>tr:hover { background-color: transparent; } .catalog-list .catalog__counter-cell { display: flex; flex-direction: column; align-items: center; } .catalog-list .catalog__photo-cell { max-width: 100%; height: 250px; margin: 0 auto 20px } .catalog__image-wrapper { height: 100%; } .catalog-list .catalog__image-wrapper img { max-width: 100%; max-height: 100%; object-fit: contain; } .catalog-list .catalog .catalog-table, .cattallogg.catalog-list .catalog-table { width: 100%; } .catalog-list .catalog .catalog-table thead, .cattallogg.catalog-list .catalog-table thead, .catalog-list .product-card-table thead { background: #ffffff; } .catalog-list .catalog .catalog-table, .cattallogg.catalog-list .catalog-table { display: block; } .catalog-list .catalog-table td.catalog__code-cell, .catalog-list .catalog-table td.catalog__article-cell { padding-top: 0!important; padding-bottom: 0!important; } .catalog-list .catalog__name-cell a, .catalog-list .product-card-name-cell a { font-weight: 700; } .catalog-list .catalog__photo-cell { order: 1 } .catalog-list .catalog__name-cell { order: 2; } .catalog-list .catalog__code-cell { order: 3 } .catalog-list .catalog__article-cell { order: 4 } .catalog-list .catalog__price-cell { order: 5 } .catalog-list .catalog__counter-cell { order: 6 } .catalog-list .catalog__add-button-cell { order: 7 } /* end of CATALOG LIST*/ /* AUTOCATALOG */ .main #acat .input-group { flex-wrap: nowrap } #acat .form-control, #acat .custom-select { font-family: Roboto; font-weight: 400; font-size: 16px; color: #646363; height: 55px; border: 1px solid #e9e9eb; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; outline: 1px solid transparent; } #acat .custom-select:focus { box-shadow: none !important } #acat .form-control::-webkit-input-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-size: 16px; color: #afafaf; font-weight: normal; line-height: 1.2; } #acat .form-control::-moz-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-size: 16px; color: #afafaf; font-weight: normal; } #acat .form-control:-ms-input-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-size: 16px; color: #afafaf; font-weight: normal; line-height: 1.2; } #acat .form-control::-ms-input-placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-size: 16px; color: #afafaf; font-weight: normal; line-height: 1.2; } #acat .form-control::placeholder { font-family: Roboto; font-weight: 400; font-style: italic; font-size: 16px; color: #afafaf; font-weight: normal; } #acat .form-control:focus, #acat .custom-select:focus { border: 1px solid var(--pelorous); outline: 1px solid transparent; } #acat .form-group.ml-2 .btn.btn-outline-secondary, #acat .btn.green-button, #acat .btn.btn-outline-primary { line-height: 1.1; padding: 18px 30px; font-family: Roboto; font-weight: 400; font-size: 16px; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; outline: 1px solid trasparent !important; } #acat .btn.green-button, #acat .btn.btn-outline-primary { color: #ffffff; background: var(--pelorous); border: 1px solid transparent; } #acat .btn.green-button:hover, #acat .btn.green-button:focus, #acat .btn.green-button:active, #acat .btn.btn-outline-primary:hover, #acat .btn.btn-outline-primary:focus, #acat .btn.btn-outline-primary:active { color: var(--pelorous); background: #ffffff; border: 1px solid var(--pelorous); box-shadow: none; } #acat .form-group.ml-2 .btn.btn-outline-secondary { color: var(--pelorous); background: #ffffff; border: 1px solid var(--pelorous); transform: translateY(28px); -webkit-transform: translateY(28px); -moz-transform: translateY(28px); -ms-transform: translateY(28px); -o-transform: translateY(28px); } #acat .form-group.ml-2 .btn.btn-outline-secondary:hover, #acat .form-group.ml-2 .btn.btn-outline-secondary:focus, #acat .form-group.ml-2 .btn.btn-outline-secondary:active { background: var(--pelorous); border: 1px solid transparent; color: #ffffff; box-shadow: none; } #ac-search form.form-inline.flex-wrap { flex-wrap: nowrap !important; align-items: flex-start; justify-content: flex-start !important; margin-top: 30px; margin-bottom: 50px !important; } #ac-search .form-group { display: flex; flex-wrap: wrap; } #ac-search .form-group label { font-family: Roboto; font-weight: 500; width: 100%; } #acat .alert-secondary { color: #646363; background-color: #fff; border-color: var(--pelorous); border-radius: 0; padding: 25px 20px; } #acat .table { border-collapse: collapse; border: 1px solid #e5e5e9; } #acat .table th, #acat .table td { padding: 13px 25px; vertical-align: middle; border-top: 1px solid #dee2e6; } #acat .table .thead-light th { background: #e5e5e9; font-size: 16px; font-family: Roboto; font-weight: 500; font-weight: 400; color: #646363; text-align: left; } #acat a { font-size: 15px; font-family: Roboto; font-weight: 400; } #acat .pagination { flex-wrap: wrap; justify-content: center; } #lightbox-container-image-box { height: auto; } /* #lightbox-container-image-box { height: auto; background: transparent; } #lightbox-image { max-width: 700px; }*/ /* END */ /* DELIVERY */ .main .news-calendar { padding: 25px 0; } .main .delivery-wrapper, .main-content-wrapper .container { padding: 0; } .delivery { display: flex; margin-bottom: 50px; font-size: 16px; font-family: Roboto; font-weight: 400; } .title-block--hidden { display: none; } .delivery__list { flex-basis: 30%; max-width: 280px; margin-right: 50px; } .delivery__item { display: block; position: relative; padding-right: 40px; } .delivery__item:after { position: absolute; top: 5px; right: 0px; content: ""; width: 10px; height: 12px; background: url(/local/templates/vtm2022/css/../images/layout-parts/tabs-corner-right-grey.svg) no-repeat center; background-size: contain; } .delivery__item { color: #646363 } .delivery__item+.delivery__item { margin-top: 15px; } .delivery__item.active { color: var(--cerulean); } .delivery__item.active::after { position: absolute; content: ""; top: 5px; -webkit-mask: url(/local/templates/vtm2022/css/../images/layout-parts/tabs-corner-right-grey.svg) no-repeat; background-color: var(--cerulean); -webkit-mask-size: 10px 12px; } .delivery-content__list { flex-basis: 60%; } .delivery-content__item { display: none; text-align: justify; } .delivery-content__item.active { display: block } .NewsCalTable { border-collapse: collapse; } .news-cal-month-nav a:hover { color: #646363 } /* END */ /* NEWS ARTICLES */ .bx-newslist .row { display: flex; flex-wrap: wrap; margin-bottom: 0; } .bx-newslist-container { margin-bottom: 50px; } .bx-newslist-block { height: calc(100% - 75px); } .bx-newslist-content { font-size: 16px; } .bx-newslist-title, .bx-newslist-title a { font-family: Roboto; font-weight: 500; } .bx-newsdetail-title, .bx-newsdetail-title a { font-size: 25px; font-family: Roboto; font-weight: 900; color: #646363; line-height: 1.1; margin: 0px 0 29px; } .bx-newslist .btn { padding: 18px 30px; font-size: 16px; background: var(--cerulean); border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; } .bx-newslist .btn:hover, .bx-newslist .btn:active { color: var(--cerulean); background: #ffffff; border: 1px solid var(--cerulean) } .bx-newsdetail-content { font-size: 16px; } .link-back:hover { text-decoration: underline; } /* END */ /* CONTACTS */ .contact-page-wrapper { display: flex; flex-wrap: wrap; } .contact-page-item { display: flex; width: calc(100%/2 - 50px); margin-bottom: 60px; margin-top: 20px; padding-right: 15px; } .contact-page-item:nth-child(2n+1) { margin-right: 50px; } .contact-page-item img { position: relative; width: 150px; height: 150px; border-radius: 3px; } .contact-page-part { display: flex; flex-direction: column; min-width: 365px; margin-left: 25px; } .vtm-contacts { display: flex; margin: 25px 0 50px; } /* END */ /* POPUP */ .popup-window.popup-window-with-titlebar { padding: 0; min-width: 320px; font-size: 15px; font-family: Roboto; font-weight: 400; color: #646363 } .popup-window-titlebar { background: var(--pelorous); display: flex; align-items: center; justify-content: center; } .popup-window-titlebar-text { color: #ffffff; text-shadow: none; font-weight: 400; font-size: 16px; text-align: center; } .popup-window-content img { margin-bottom: 15px; } .popup-window-buttons { padding: 15px 0 40px; } .bx-blue .btn.btn-default { padding: 18px 30px; font-size: 16px; background: var(--pelorous); border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; border: 1px solid transparent; cursor: pointer } .bx-blue .btn.btn-default:hover, .bx-blue .btn.btn-default:active { box-shadow: none; color: var(--pelorous); background: #ffffff; border: 1px solid var(--pelorous) } .popup-window-titlebar-close-icon, .filial__close-btn { box-sizing: border-box; display: inline-block; height: 44px; width: 44px; position: absolute; top: 4px; right: 4px; opacity: 1; line-height: 50px; cursor: pointer; } .popup-window-titlebar-close-icon:before, .popup-window-titlebar-close-icon:after, .filial__close-btn:before, .filial__close-btn:after { display: block; height: 2px; width: 20px; content: ''; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); background-color: #e4e4e4; transition: all .25s ease-out; } .popup-window-titlebar-close-icon:after, .filial__close-btn:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); } .popup-window-titlebar-close-icon:hover:before, .popup-window-titlebar-close-icon:hover:after, .filial__close-btn:hover:before, .filial__close-btn:hover:after { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } /* END */ table.page_not_found>tbody>tr:hover { background-color: transparent; } .page_not_found tr { display: flex; flex-direction: column; max-width: 800px; margin: 50px auto; } .page_not_found .image { max-width: 500px; margin: auto; } .page_not_found .description { margin-top: 50px; text-align: center; } /* 404 */ .benefits { background: #f7f7f7; } .benefits .whychoice { background: transparent; color: #646363 } .benefits { position: relative; margin-top: 180px; } .benefits::after { position: absolute; top: -100px; right: 0; z-index: 2; content: ""; background-image: url(/local/templates/vtm2022/css/../images/track-inner.png); background-repeat: no-repeat; background-size: cover; width: 473px; height: 403px; display: block; } .benefits .whychoice { padding: 60px 0px 58px 0; z-index: 3; } .benefits .whychoice__title { padding-bottom: 60px; } .benefits .whychoice__list { display: flex; justify-content: space-between; flex-wrap: wrap } .benefits .whychoice__icon { filter: none; -webkit-filter: none; } .benefits .whychoice__item+.whychoice__item { padding-top: 0; } .benefits .whychoice__item { width: calc(100%/3 - 50px); } .reviews__list { margin-bottom: -2.5rem; } #bx-composite-banner { margin-top: 15px; } .footer { background: var(--pelorous); padding: 78px 0 40px; margin-top: 100px; color: #ffffff; } .main-page .footer { margin-top: 0; } .main-page .footer.footer-inner { margin-top: 35px; } .footer-columns { display: -ms-grid; display: grid; grid-template-columns: 22% 20% 20% 20% 18%; } .footer-logo__img { max-width: 210px; width: 100%; } .footer-mainphone { display: flex; margin-bottom: 43px; margin-top: 12px; } .footer-mainphone__link { position: relative; display: inline-block; font-size: 20px; font-family: Roboto; font-weight: 900; color: #ffffff; padding-bottom: 5px; overflow: hidden; } .footer-mainphone__link::before { content: ""; position: absolute; transition: transform 0.5s ease; left: 0; bottom: 0; width: 100%; height: 2px; background: #ffffff; transform: translateX(-101%); -webkit-transform: translateX(-101%); -moz-transform: translateX(-101%); -ms-transform: translateX(-101%); -o-transform: translateX(-101%); } .footer-mainphone__link:hover:before { transform: translateX(0); } .footer-mainphone__link:hover { color: #ffffff; } .footer-viber, .footer-wu, .footer-telegram { position: relative; } .footer-viber::before, .footer-telegram::before, .footer-wu::before { position: absolute; content: ""; height: 30px; width: 30px; background-image: url(/local/templates/vtm2022/css/../images/social1.png); transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; } .footer-viber::before { background-position: 0px 0; background-repeat: no-repeat; background-size: cover; left: 58px; top: -6px; } .footer-wu::before { height: 30px; width: 30px; background-position: -32px 0; background-repeat: no-repeat; background-size: cover; left: 6px; top: -6px; } .footer-telegram::before { height: 30px; width: 30px; background-position: -63px 0; background-repeat: no-repeat; background-size: cover; left: 107px; top: -6px; } .footer-viber:hover::before, .footer-wu:hover::before, .footer-telegram:hover::before { opacity: 0.8 } .footer__btn { margin-top: 33px; display: inline-block; padding: 20px 35px; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 14px; text-align: center; letter-spacing: 0.055em; text-transform: uppercase; background: #FFFFFF; border-radius: 35px; background: var(--cerulean); color: #ffffff; border: 1px solid transparent } .footer__btn:hover { background: #ffffff; color: var(--cerulean); } .callback__form-block { display: flex; flex-direction: column } .callback__title { background: var(--cerulean); padding: 20px; text-align: center; font-family: 'Roboto'; font-size: 22px; margin: -40px -30px 45px; color: #fff } .callback__form-block input, .callback__form-block textarea { border: solid #ebebe9; border-width: 0 0 1px; outline: 1px solid transparent !important } .callback__form-block input:focus, .callback__form-block textarea:focus { border: solid var(--cerulean); border-width: 0 0 1px; } .callback__form-block input[type="text"], .callback__form-block textarea { font-family: 'Roboto'; line-height: 18px; padding: 5px; } .callback__form-block input[type="text"]::-webkit-input-placeholder { font-family: Roboto; font-weight: 400; font-size: 16px; color: #afafaf; font-weight: normal; line-height: 18px; } .callback__form-block input[type="text"]::-moz-placeholder { font-family: Roboto; font-weight: 400; font-size: 16px; color: #afafaf; font-weight: normal; line-height: 18px; } .callback__form-block input[type="text"]:-ms-input-placeholder { font-family: Roboto; font-weight: 400; font-size: 16px; color: #afafaf; font-weight: normal; line-height: 18px; } .callback__form-block input[type="text"]::-ms-input-placeholder { font-family: Roboto; font-weight: 400; font-size: 16px; color: #afafaf; font-weight: normal; line-height: 18px; } .callback__form-block input[type="text"]::placeholder { font-family: Roboto; font-weight: 400; font-size: 16px; color: #afafaf; font-weight: normal; line-height: 18px; } .callback__form-block input[type="text"]+input[type="text"] { margin-top: 30px } .callback__form-block input[type="text"]+textarea { margin-top: 30px } .callback__form-block textarea { resize: vertical } .callback__form-block textarea::-webkit-input-placeholder { font-family: Roboto; font-weight: 400; font-size: 16px; color: #afafaf; font-weight: normal; line-height: 18px; } .callback__form-block textarea::-moz-placeholder { font-family: Roboto; font-weight: 400; font-size: 16px; color: #afafaf; font-weight: normal; line-height: 18px; } .callback__form-block textarea:-ms-input-placeholder { font-family: Roboto; font-weight: 400; font-size: 16px; color: #afafaf; font-weight: normal; line-height: 18px; } .callback__form-block textarea::-ms-input-placeholder { font-family: Roboto; font-weight: 400; font-size: 16px; color: #afafaf; font-weight: normal; line-height: 18px; } .callback__form-block textarea::placeholder { font-family: Roboto; font-weight: 400; font-size: 16px; color: #afafaf; font-weight: normal; line-height: 18px; } .form-input.politics { margin-top: 20px; line-height: 20px; } input.callback-form__submit { margin: 30px auto 0 !important; border-width: 1px !important; font-size: 20px; cursor: pointer; padding: 14px 28px; } .modal_background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(0, 0, 0, 0.3); display: none; flex-direction: column; align-items: center; justify-content: center } .callback__result { font-family: 'Roboto'; text-align: center; display: block } .modal_form { background: #fff; border-radius: 2px; width: 500px; padding: 40px 30px; position: relative; display: none; max-width: 100% } .close__btn { z-index: 5; height: 50px; width: 50px; position: absolute; top: 4px; right: 4px; box-sizing: border-box; line-height: 50px; display: inline-block } .close__btn:before, .close__btn:after { transform: rotate(-45deg); content: ''; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; display: block; height: 2px; width: 24px; background-color: #e4e4e4; transition: all .25s ease-out } .close__btn:after { transform: rotate(-135deg) } .close__btn:hover:before, .close__btn:hover:after { transform: rotate(0deg) } .footer-phone__subtitle { font-size: 14px; line-height: 1.1; margin-bottom: 23px; } .footer { font-size: 14px; font-family: Roboto; font-weight: 300; color: rgb(255, 255, 255); line-height: 1.2; } .footer-schedule { line-height: 22px; padding-left: 29px; position: relative; } .footer-schedule:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 19px; height: 15px; background-size: cover; background-image: url(/local/templates/vtm2022/css/../images/letter.svg); } .footer-phone__title { margin-bottom: 10px; } .footer-phone__title, .footer-schedule__content, .footer-schedule__title { font-weight: 400; font-size: 14px; line-height: 22px; } .footer-address { position: relative; padding-top: 4px; padding-left: 25px; padding-bottom: 30px; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #FFFFFF } .footer-address:before { content: ""; position: absolute; top: 4px; left: 0; display: block; width: 15px; height: 17px; background-repeat: no-repeat; background-size: cover; background-image: url(/local/templates/vtm2022/css/../images/point.svg); } .footer-address__title { font-size: 13px; color: #738ac8; text-transform: uppercase; line-height: 1.692; } .footer-address__content { font-size: 16px; font-family: Roboto; font-weight: 400; line-height: 1.3; } .footer-address__link { display: inline-block; padding-bottom: 17px; font-size: 16px; font-family: Roboto; font-weight: 400; color: #ffffff; } .footer-phone__link { display: block; font-weight: 700; font-size: 18px; line-height: 24px; color: #FFFFFF; } .footer-phone__link+.footer-phone__link { margin-top: 6px; } .footer-message__title { font-weight: 700; font-size: 16px; line-height: 29px; color: #FFFFFF; } .column-doninfo a, .header-phone a { position: relative; display: inline-block; padding-bottom: 5px; overflow: hidden; } .inner-page .header-phone .header-phone__phone, .inner-page .header-phone .header-phone__phone:hover { color: #646363 } .inner-page .header-phone__schedule { box-shadow: 0px 0px 10px 0px #ddd; } .inner-page .header-cabinet-wrapper { transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); } .column-doninfo a:hover, .header-phone a:hover { color: #ffffff } .inner-page .column-doninfo a, .inner-page .header-phone a { margin-bottom: 0; } .footer-phone { position: relative; padding-left: 28px; padding-bottom: 16px; } .footer-phone:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 18px; height: 17px; background-size: cover; background-image: url(/local/templates/vtm2022/css/../images/phone-footer.svg); } .footer-message { padding-top: 36px; } .footer-message__title { padding-bottom: 14px; } .footer-column__menu--padding { margin-bottom: 50px; } .footer-menu { padding: 0 0 0; margin: 0; list-style: none; } .footer-menu__link { display: inline-block; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 20px; color: #FFFFFF; } .footer-menu__link.link-bold { display: inline-block; margin-bottom: 6px; font-weight: 700; font-size: 16px; line-height: 29px; } .footer-menu__link:not(.link-bold) { margin-top: 10px; } .footer-menu__link:hover { color: #ffffff; text-decoration: underline; } .footer-attention { padding: 25px 17px; font-size: 12px; } .develop { padding-top: 25px; display: none; } .onvolga_link { color: #fff; font-size: 11px; } .footer-phone__link:hover, .onvolga_link:hover { text-decoration: underline; } .copyright { margin-top: 40px; border-top: 1px solid #fff; padding-top: 30px; display: flex; justify-content: space-between; } .copyright__content { font-weight: 400; font-size: 16px; line-height: 20px; color: #FFFFFF; } .copy { font-size: 16px; font-family: Roboto; font-weight: 300; line-height: 1.3; } .confidential { display: grid; grid-template-columns: max-content max-content; column-gap: 35px; row-gap: 8px; align-items: start; } .confidential br { display: none; } .confidential__link { display: inline-block; font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 14px; text-decoration: underline; color: #FFFFFF; } .confidential__link:hover { text-decoration: none; color: #ffffff; } .confidential__link + .confidential__link { margin-left: 0; } .confidential__link:last-child { grid-column: 2; } .footer-social, .footer-social__link { display: flex; align-items: center; } .footer-social__link { justify-content: center; width: 52px; height: 52px; background: #F5F5F9; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .footer-social__link+.footer-social__link { margin-left: 9px; } .instagram svg { height: 19px; width: 19px; } .vk svg { height: 13px; width: 22px; } .telegram svg { height: 16px; width: 19px; } .footer-social__link:hover svg { filter: saturate(10.5) contrast(0.7); -webkit-filter: saturate(10.5) contrast(0.7); } #upbutton { position: fixed; bottom: 30px; right: 30px; display: none; height: 60px; width: 60px; cursor: pointer; background-image: url(/local/templates/vtm2022/css/../images/layout-parts/upbutton-arrow.svg); background-repeat: no-repeat; background-position: center; background-color: var(--cerulean); border-radius: 50%; z-index: 999; } #upbutton:hover { background-color: var(--cerulean); } .inner-page .notfound { font-size: 16px; line-height: 1.2; font-style: normal; font-weight: 400; font-family: Roboto; font-weight: 400; margin: 0; width: 100%; } .footer-qrcode { display: flex; flex-direction: column; align-items: baseline; } .subscribe__link.subscribe__link--footer { margin-top: 15px; display: inline-block; } /* CHANGES IN THE CURRENT TEMPLATE */ .head-cart-wrapper a { display: flex; flex-direction: column-reverse; } .hc__quantity { font-weight: 400; font-size: 15px; line-height: 19px; color: #FFFFFF; } .hc__purshase { padding-bottom: 7px; font-weight: 700; font-size: 16px; line-height: 20px; color: #FFFFFF; } .inner-page .hc__purshase, .inner-page .hc__quantity { color: #646363 } .header-box:first-child .head-cart-wrapper { display: none; } .hint-content { width: 300px; position: absolute; z-index: 5; padding: 12px 0; opacity: 0; visibility: hidden; pointer-events: none; color: #fff; font-size: 12px; line-height: 1.2; } .search-hint:hover .hint-content { width: 300px; position: absolute; z-index: 5; padding: 12px 15px; opacity: 1; visibility: visible !important; transition: opacity .7s ease, visibility .7s ease; pointer-events: none; color: #fff; background: rgb(2 180 204 / 90%); visibility: hidden; pointer-events: none } .hint-content::before { width: 0px; top: 0; right: 40%; content: ''; background-color: #1abbd1; height: 1px; position: absolute; transition: width 0.4s; } .search-hint:hover .hint-content::before { width: 180px; transition: width 0.4s; } .search-hint:hover .hint-content::after { transform-origin: 0 50%; transform: rotate(-135deg); top: 0; left: 0; width: 43px; content: ''; background-color: #1abbd1; height: 1px; position: absolute; opacity: 1; transition: opacity .5s ease; transition-delay: 0s; transition-delay: 0s; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); visibility: visible; } .inner-page .hint-content::before, .inner-page .search-hint:hover .hint-content::after { background-color: var(--cerulean); } .search-hint:hover .hint-content { top: 72px; left: 0; margin-left: 50px; } /* END */ /* tag */ .vs-tags-list a { display: inline-block; padding: 2px 4px; margin-right: 15px; line-height: 1.2; background-color: #f7f7f8; font-family: Roboto; font-weight: 300; font-size: 14px; color: var(--cerulean) } .abc { display: inline-block; margin-bottom: 20px; } .abc__list { display: inline-block; } .abc__link { font-family: Roboto; font-weight: 300; font-size: 14px; color: var(--cerulean); } .abc__link:hover { color: rgb(112 139 209) } /* END tag*/ .mobilemenu__call { width: 34px; height: 33px; } .mobilemenu__call span { position: absolute; top: 50%; display: inline-block; width: 30px; height: 3px; background-color: #fff; z-index: 10; } .mobilemenu__call span:before, .mobilemenu__call span:after { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: #fff; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform .3s; content: ""; } .mobilemenu__call span:before { transform: translateY(-7px) rotate(0deg); } .mobilemenu__call span:after { transform: translateY(7px) rotate(0deg); } .mm-page { position: static !important; } .catalog-view-table .js-catalog-table-tr, .catalog-list .js-catalog-table-tr { position: relative; } .catalog-view-table .js-catalog-table-tr .product-item-wrapper { align-items: flex-start; column-gap: 5px; row-gap: 5px; } .catalog-list .js-catalog-table-tr .product-item-wrapper { position: absolute; top: 10px; left: 10px; align-items: flex-start; column-gap: 5px; row-gap: 5px; } @media (max-width: 992px) { .catalog-view-table .js-catalog-table-tr .product-item-wrapper { position: absolute; top: 10px; left: 10px; } } /* MEDIA */ @media (min-width: 1400px) { .catalog-list .js-catalog-table-tr { position: relative; padding: 25px 25px 75px 25px; } .catalog-list .catalog__counter-cell, .catalog-list .catalog__add-button-cell { position: absolute; bottom: 25px; } .catalog-list .catalog__counter-cell { width: 170px; left: 0; } .catalog-list .catalog__add-button-cell { width: 185px; right: 0; } } @media (min-width: 1201px) { .mobilemenu__call { display: none; } } @media (min-width: 768px) { .toggle-block { display: block !important } .visible-vtm-sm { display: none; } } @media (min-width: 561px) { .mm-listitem.mmenu-contacts { display: none; } } @media(min-width: 381px) { .incart_measure { display: none; } } @media screen and (max-width: 1920px) { .header-box { /* max-width: 100%; */ } } @media screen and (max-width: 1840px) { .product-categories__col:last-child { margin-right: 30px; } .products-categories__title:not(.products-categories__title--small) { padding: 0 50px; } .product-categories__img { left: 0; } .header-search { max-width: 390px } } @media screen and (max-width: 1760px) { .product-categories__col:first-child { margin-left: 30px; } .product-categories__col:last-child { margin-left: 50px; } .news-articles .slick-list { margin: 0; } .about-company__picture { max-height: 500px; } .news-articles .slick-list { padding: 10px 0; } } @media screen and (max-width: 1680px) { .main-banner__intro { padding: 0 20px; } .banner-submenu__item { padding: 0 5px 23px 180px; } .header-logo { padding-right: 35px; } .promotion__rows { padding-top: 50px; } .benefits::after { width: 400px; height: 340px; top: -150px; } .news__wrap, .articles__wrap { max-width: 48% } .company-in-digits__list { margin: 0; } .advantages__list { margin: 0 0px -40px; } } @media screen and (max-width: 1600px) { .header-logo__img { margin-right: 5px; max-width: 200px; } .header-logo { padding-right: 20px; } .promotion__rows { padding-top: 50px; } .product-categories__img { height: 400px; } } @media screen and (max-width:1530px) { .inner-page .header-price { display: flex; flex-direction: column; } .header-registration__link, .header-cabinet__link { margin-left: 0; } .header-cabinet__link:hover, .header-registration__link:hover { text-decoration: underline; } } @media screen and (max-width: 1500px) { .header-box__wrap { padding: 0 15px; } .header-box__wrap a { font-size: 15px; } .flexMenu-viewMore a { font-size: 0; } .banner-submenu__title:after { display: none; } .banner-submenu__item { padding: 0 5px 15px 180px; } .header-price__link { padding: 20px 30px; } .product-categories__img { height: 350px; } .products-categories__box--more:after { width: 270px; height: 180px; } .partner-block { padding: 15px; text-align: center; } .partner-block__txt { padding: 25px 0 25px; } } @media screen and (max-width: 1440px) { .positions-tabs__content { max-width: 60%; } .positions-tabs__picture-box { max-width: 40%; } .positions-tabs__picture { width: 100%; } .main-page .header-right { align-items: flex-start; } .main-page .header-price { transform: translateY(-1px); -webkit-transform: translateY(-1px); -moz-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); } .inner-page .header-price { padding-top: 20px; } .header-price__link { font-size: 0; position: relative; height: 55px; width: 55px; padding: 0; display: block; background-color: #2e65f1; transform: translateY(2px); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: translateY(2px); -moz-transform: translateY(2px); -ms-transform: translateY(2px); -o-transform: translateY(2px); } .header-price__link:before { position: absolute; content: ""; background-image: url(/local/templates/vtm2022/css/../images/clipboard.svg); background-repeat: no-repeat; background-size: cover; width: 30px; height: 30px; top: 13px; left: 16px; -webkit-filter: invert(1); filter: invert(1); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .header-price__link:hover:before { filter: none; -webkit-filter: none; } .inner-page .search-form__input { height: 56px; } .search-form__btn { display: flex; flex-shrink: 0; background-color: var(--purple); background-image: url(/local/templates/vtm2022/css/../images/magnifying-glass-white.svg); background-size: 20px 20px; background-position: center; background-repeat: no-repeat; padding: 0; font-size: 0; top: 0px; } .search-form__btn:hover { background-color: var(--cerulean); background-image: url(/local/templates/vtm2022/css/../images/magnifying-glass-white.svg); } .news-articles .slick-slide { margin: 0 8px; } .header-box { align-items: flex-start; } .header-cart { padding-left: 38px; } .header-cart::before { width: 32px; height: 30px; } } @media screen and (max-width: 1430px) { .inner-page .header-logo__slogan { margin-left: 5px; } .news-articles__wrapper { flex-direction: column; } .news__wrap, .articles__wrap { max-width: 100%; } .product-categories__img { height: 300px; top: 50px; } } @media screen and (max-width: 1366px) { .header-logo__slogan { max-width: 280px; } .header-menu__item { padding: 0 8px; } .header-phone { margin-right: 5px; } .header-phone__arrow { margin: 2px 9px; width: 9px; height: 9px; } .inner-page .main { margin-top: 180px; } .inner-page .header-box:nth-child(2) { padding: 0px 20px 10px 20px; } .search-note, .header-note__link { font-size: 14px; } .main-banner__item { height: 600px; padding-top: 100px; } .banner-submenu__item { padding: 0 7px 10px 180px; } .products-categories__box { padding: 45px; } .products-categories__box--more:after { width: 190px; height: 140px; } .product-categories__img { height: 250px; top: 80px; } .benefits .whychoice__item { width: calc(100%/3 - 25px); } .footer-address { max-width: 250px; } .product-item-button-container .btn-default { font-size: 15px; padding: 11px 15px 11px 44px; } } @media screen and (max-width: 1330px) { .header-search { max-width: 370px; } .product-categories__img { display: none !important; } .products-categories__box--autocatalog { max-width: 100%; } .inner-page .header-logo__slogan { font-size: 13px; } .company-in-digits__item { padding: 0 25px; } } @media screen and (max-width: 1280px) { .catalog-list .js-catalog-table-tr { width: calc(100%/3 - 20px); } .header-box:nth-child(2) { padding: 0px 0px 0 4px; } .header-box:nth-child(1) .header-right { align-items: flex-start; } .header-cabinet-wrapper { align-items: flex-end; flex-direction: column; text-align: center; } .header-registration__link { margin-bottom: 8px; margin-right: 0; margin-left: 0px; } .flexMenu-viewMore>a { top: 16px; transform: translateX(-10px); } .header-search.header-search--padding { max-width: 320px; } .header-logo { padding-right: 5px; } .products-categories__link, .products-categories__box--autocatalog .products-categories__link { font-size: 20px; } .main #bx-soa-order-form { width: 100%; } .main #bx-soa-order { width: 60%; } #bx-soa-total { width: 36%; } .header-box { position: relative; } .header-logo__img { margin-right: 6px; max-width: 200px; } .header-logo { padding-right: 25px; } .main-banner__intro { padding: 0 40px; } .main-banner__title { font-size: 50px; } .products-categories__box--more:after { display: none; } } @media screen and (max-width: 1220px) { .header-download { max-width: 250px; margin-right: 30px; } } @media screen and (max-width: 1200px) { .header-logo { padding-right: 10px; } .partner-block__txt { padding: 20px 0 20px; } .main-baners__grid { grid-template-columns: repeat(3, 1fr); } .main-baners__ceil--one { grid-area: 1 / 1 / 1 / 1; } .main-baners__ceil--two { grid-area: 1 / 2 / 1 / 2; } .main-baners__ceil--three { grid-area: 1 / 3 / 1 / 3; } .main-baners__ceil--one::before { width: 71px; height: 71px; background-size: 71px 71px; } .main-baners__arrow { right: 0px; } .main-baners__usual { font-size: 16px; line-height: 20px; } .main-baners__ceil--two { background-size: 85px 70px; padding-top: 80px; } .main-baners__ceil--one .main-baners__usual { padding-right: 80px; } .main-baners__big { font-size: 30px; line-height: 35px; } .main-baners__ceil--one .main-baners__big { font-size: 30px; line-height: 40px; position: relative; padding-right: 75px; } .menu__btn-close { height: 50px; width: 50px; position: absolute; top: 4px; right: 4px; box-sizing: border-box; line-height: 50px; display: inline-block; } .menu__btn-close:before, .menu__btn-close:after { transform: rotate(-45deg); content: ''; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; display: block; height: 2px; width: 24px; background-color: #e4e4e4; transition: all .25s ease-out; } .menu__btn-close:after { transform: rotate(-135deg); } .mm-menu_offcanvas { box-shadow: 0px 0px 10px rgba(70, 157, 189, 0.17); } .mm-navbar, .mm-navbars_top { background: var(--pelorous)!important; } .header-menu__item.mm-listitem { border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #bbb; } .mm-navbar.mm-navbar_sticky, .mm-panels>.mm-panel, .mm-listview { background: #ffffff!important; } .mm-listitem:after { display: none; } .catalog.wide_menu:after { display: none; } .confidential { margin: 15px 0; } .mobilemenu__call { position: relative; } .mobilemenu__call span { top: 8px; left: 6px; } .header-cabinet-wrapper { align-items: flex-start; flex-direction: row; } .header-registration__link { margin-right: 8px; } .banner-submenu__item::before { width: 140px; height: 70px; } .banner-submenu__item-retail:after { left: 52px; } .banner-submenu__item-wholesale:after { left: 57px; } .banner-submenu__item { padding: 0 7px 10px 160px; } .products-categories__wrap { flex-wrap: wrap; } .product-categories__col:first-child, .product-categories__col:last-child { max-width: 100%; width: 100%; margin: 25px; } .products-categories__box--query { margin-top: 0 !important; margin-left: 25px; } .products-categories__box--autocatalog .products-categories__list { margin-bottom: 50px; } .products-categories__box+.products-categories__box { margin-top: 50px; } .product-categories__col:last-child { display: flex; justify-content: space-between; } .header-menu__item .header-menu__link:hover:before { display: none; } .head-login__item-yes a { width: 150px; text-overflow: ellipsis; white-space: nowrap; } .inner-page .header-price { padding-right: 0px; } .header-price { padding-right: 15px; } .header-logo__slogan { max-width: 160px; font-size: 14px; line-height: 1.3; } /* .header-box:nth-child(2) { position: relative; min-height: 205px; align-items: flex-start; } header .header-search { position: absolute; max-width: calc(100% - 85px); width: 100%; bottom: 15px; } #title-search-desktop { width: 100%; } .search-form__btn { right: 0; }*/ .product-item { width: calc(100%/3 - 30px); } #bx-soa-order label { display: block; } .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d { font-size: 24px !important; } .popular-card { width: calc(100% / 3 - 14px); padding: 35px 20px; } .popular-card+.popular-card { margin-left: 20px; } .footer-columns { column-gap: 15px; grid-template-columns: 20% 18% 19% 19% 18%; } .copyright { flex-direction: column; } } @media screen and (max-width: 1199px) { .header-logo__slogan { display: none; } .header-search.header-search--padding { max-width: 390px; } .promotion__top { flex-direction: column; } .promotion__row { padding: 15px 40px 15px 130px; } .promotion__arrow { right: -35px; top: -15px; } .promotion__top { margin-bottom: 15px; } .about { margin: 100px 0 70px; } .about__wrap { flex-direction: column-reverse; } .whychoice, .about__text, .whychoice__list { max-width: 100%; } .whychoice__list { position: static; padding: 60px 90px 60px 60px } .about__text { padding: 50px 15px; } .about__title { margin-bottom: 40px; } .inner-page .search-form__input::-webkit-input-placeholder { font-size: 0; } .inner-page .search-form__input::-moz-placeholder { font-size: 0; } .inner-page .search-form__input:-ms-input-placeholder { font-size: 0; } .inner-page .search-form__input::-ms-input-placeholder { font-size: 0; } .inner-page .search-form__input::placeholder { font-size: 0; } } @media (max-width: 1100px) and (min-width: 767px) { .inner-page div.title-search-result { top: 230px !important } } @media screen and (max-width: 1100px) { .header-cart { padding-left: 30px; } .header-cart::before { width: 23px; height: 22px; } .footer-menu__link.link-bold { line-height: 24px; } .about-company__picture-box { display: none; } .about-company__text { max-width: 100%; padding-left: 15px; padding-right: 15px; margin: 0; } .filial { min-width: 470px; top: 21px; padding: 20px; } .header-contacts__title { font-size: 30px; margin-bottom: 20px; } .filial__name { font-size: 20px; margin-bottom: 5px; } .filial__item { padding-left: 60px; } .inner-page .header-price { margin: 15px 10px 0; } .inner-page .header-logo__slogan { display: flex; } header .search-form:hover .hint-content { display: none; } /*.jqmOverlay { background: #646363; opacity: .5 !important; height: 100%; width: 100%; position: fixed; left: 0; top: 75px; z-index: 11; } .header-search.show { background: #fff; position: fixed; z-index: 12; top: 0; left: 0; width: 100%; max-width: 100%; transition: .4s; display: block; padding: 10px; } .search-form__btn { right: 0; } #title-search-desktop { width: 100%; }*/ .develop { margin-top: 15px; } } @media screen and (max-width: 1080px) { .contact-page-item { flex-direction: column; align-items: center; justify-content: start; } .contact-page-part { margin-left: 0; margin-top: 25px; align-items: center; } .contact-page-part.contact-page-part--bottom { margin: 0 0 0 25px; align-items: flex-start; } } @media screen and (max-width: 1024px) { .company-in-digits__digit { font-size: 44px; line-height: 64px; } .company-in-digits__item { padding: 0 25px; } .advantages__item { max-width: 100%; } .main-banner { flex-direction: column; } .main-banner__wrap, .banner-submenu { max-width: 100%; } .banner-submenu { flex-direction: row; min-height: 250px; } .main-banner__wrap { border-right: none; border-bottom: 1px solid #ffffff; } .banner-submenu__item { min-height: 250px; } .banner-submenu__item-wholesale { border-bottom: none; border-right: 2px solid #ffffff } .main-page .header-box:first-child { padding: 17px 0px 7px; margin: 0 auto; } .header-box:nth-child(2) { padding: 0px 0px 15px 0px; } .main-page .header-box:nth-child(2) { padding: 10px 0px 5px 0px; } .header-logo__img { margin-right: 5px; max-width: 190px; } .header-logo__slogan { font-size: 14px; } .main-page .opened .header-search { /* max-width: calc(100% - 47px); */ bottom: 26px; } .inner-page .inline-search-show { transform: translateY(15px); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); } .inner-page .header-price { padding-top: 26px; } .header-price { padding-right: 13px; } .header-cart__price { font-size: 16px; } .promotion__count { display: none; } .cp-item-title { text-align: center; } #tab-1 .row { width: 100%; } .section-grey::before { display: none; } .partners__list { justify-content: flex-start; } .partners__item { width: calc(100% / 3 - 20px); } .footer__btn { padding: 13px 20px; } .footer-columns { display: flex; flex-wrap: wrap; } .footer-column:nth-child(5) { order: 2; width: 32%; } .footer-column:nth-child(1) { order: 1; width: 65%; display: flex; flex-wrap: wrap; align-items: flex-start; } .footer-column:nth-child(2), .footer-column:nth-child(3), .footer-column:nth-child(4) { width: 32%; order: 3; margin-top: 15px; } .footer-phone, .footer__btn { margin-left: 40px; } .footer__btn { margin-top: 20px; } } @media screen and (max-width: 992px) { .bx-catalog-element .catalog-add-to-cart-link.product-item-detail-buy-button { margin-left: 0; } .bx-catalog-element .product-item-amount-field-container { margin-bottom: 25px; } .search-page-catalog .cattallogg .catalog-add-to-cart-link:hover:before, .cattallogg.catalog-view-table .catalog-add-to-cart-link:hover:before { top: 16px; left: 25px; } h1, .main .h1 { font-size: 25px; } .mmenu-logo .logo img { height: 25px; margin-top: 5px; } .bx-filter .bx-filter-parameters-box { max-width: 33%; } .catalog__photo-cell { order: 1 } .catalog__name-cell { order: 2; } .catalog__code-cell { order: 3 } .catalog__article-cell { order: 4 } .catalog__price-cell { order: 5 } .catalog__counter-cell { order: 6 } .catalog__add-button-cell { order: 7 } .back-url { padding-left: 0; } .prev-next-listing { margin-top: 0rem; margin-bottom: 3rem; text-align: left; } .tab-content-about-product { padding-right: 0; } .catalog-table th, .catalog .catalog-table td:not(:last-child), .cattallogg .catalog-table td:not(:last-child) { border-width: 0; } .partner-block__txt { padding: 20px 0 0px; } .positions-tabs__content { max-width: 50%; } .positions-tabs__picture-box { max-width: 50%; } .main-baners__ceil--one::before { width: 50px; height: 50px; background-size: 50px 50px; } .main-baners__ceil--two { background-size: 60px 46px; padding-top: 60px; } .main-baners__grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); } .main-baners__ceil--one .main-baners__big, .main-baners__big { font-size: 28px; line-height: 35px; } .main-baners__ceil--one .main-baners__big { padding-right: 50px; } .main-baners__ceil--three { grid-area: 2 / 1 / 2 / 1; } .main-baners__ceil--four { grid-area: 2 / 2 / 2 / 2; } .main-baners__ceil--five { grid-area: 3 / 1 / 3 / 1; } .main-baners__ceil--six { grid-area: 3 / 2 / 3 / 2; } .search-hint { display: none; } .positions-tabs__top { flex-direction: column; } .positions-tabs__tabs-names { max-width: 100%; width: 100%; margin-top: 60px; } .partner-block__wrap { flex-direction: column; text-align: center; } .partner-block__btn { display: inline-block; margin-top: 25px; } .partner-block__title { margin-bottom: 30px; line-height: 52px; } .footer-address { padding-top: 0; } .catalog__add-button-cell { border-bottom: none; padding: 0; } .products-categories__box--query { margin-top: 50px !important; margin-left: 0; height: auto; padding: 40px 30px 50px; } .products-categories__box { max-width: 100%; } .product-categories__col:last-child { flex-direction: column; } .promotion__rows { margin-right: 0; } .promotion__banner { display: none; } .promotion__count { display: block; } .label-column-wrapper { flex-direction: column; } .cabinet-form__text { float: none } .cabinet-tab__account-settings button { position: static; margin-top: 20px; } span.cabinet__title { font-size: 20px; } .bx-soa-info-shower { transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); display: block; } .basket-items-list-table thead { display: none; } .basket-item-block-properties { flex-direction: column; width: 150px; } .basket-item-property-name, .basket-item-property-custom-name { display: block; font-size: 13px; font-family: Roboto; font-weight: 400; } .basket-item-block-amount { padding-top: 9px; } .banner-submenu__item { font-size: 20px; } .popular-card { width: 100%; } .popular-card+.popular-card { margin-left: 0px; margin-top: 35px; } .background-product-card { flex-direction: column; } .product-item-detail-slider-container { margin: 0 auto 50px; } .bx-catalog-element .bx-title { text-align: center; } .product-item-list { max-width: 415px; margin: 0 auto 16px; } .product-item-tabs #tab-1 { text-align: center; } .product-item-tabs .tab-content.active { padding-top: 20px; padding-right: 15px; } .product-item-detail-pay-block { display: flex; flex-direction: column; align-items: center; } .product-item-detail-pay-block .product-item-detail-info-container:nth-child(2) { max-width: 400px; margin: auto } .product-item-detail-buy-button { margin-left: 0; margin-top: 12px; } .offers-tabs__elem.active:hover { color: #646363; border-bottom: 1px dashed transparent; } .tab-content.active { min-width: 100% } .bx-catalog-element #tab-6.tab-content .product-card-price-cell { border-width: 0; } .product-item-tabs .table { display: block; overflow-x: auto; white-space: nowrap; scrollbar-color: var(--cerulean) #e9e9eb; } .product-item-tabs .table::-webkit-scrollbar, .product-card-table::-webkit-scrollbar { height: 2px; background-color: #e9e9eb; } .product-item-tabs .table::-webkit-scrollbar-thumb, .product-card-table::-webkit-scrollbar-thumb { height: 1px; background-color: var(--cerulean); } .product-card-row td:first-child, .product-card-row td { padding: 15px 36px 13px 15px; } .benefits .whychoice__item { width: 100%; } .benefits .whychoice__item+.whychoice__item { margin-top: 50px; } .vtm-contacts { height: auto; } .basket-coupon-block-total-price-current { font-size: 25px; } .basket-checkout-block-total-title { font-size: 18px; } .my-order-item-title { width: 100%; white-space: normal } .my-order-item-table { display: block; overflow-x: auto; white-space: nowrap; scrollbar-color: var(--cerulean) #e9e9eb; } .my-order-item-table::-webkit-scrollbar { height: 2px; background-color: #e9e9eb; } .my-order-item-table::-webkit-scrollbar-thumb { height: 1px; background-color: var(--cerulean); } .footer-columns { grid-template-columns: repeat(2, 49%); } .column-maininfo { order: 2; } .footer-message { padding-top: 10px; } .top-pagination-wrapper { align-items: center; margin-bottom: 50px; } /* to primen on grid */ #tab-2 #ac-parts-table { white-space: normal; border-width: 0; } #tab-2 #ac-parts-table thead { display: none; } #tab-2 #ac-parts-table tr { display: grid; grid-template-columns: repeat(3, 33.33%); grid-template-rows: 1fr 1fr; border: 1px solid #ddd; } #tab-2 #ac-parts-table tr:not(:last-child) { margin-bottom: 15px; } #tab-2 #ac-parts-table td { border-width: 0; } #tab-2 #ac-parts-table td:first-child { order: 1; } #tab-2 #ac-parts-table td:nth-child(2) { order: 2; } #tab-2 #ac-parts-table td:nth-child(3) { order: 4; grid-column: 1 / 4; border-width: 1px; } #tab-2 #ac-parts-table td:nth-child(4) { order: 3; } /* end */ .product-item-detail-tabs-list { margin-bottom: 15px; } .search-page-catalog .catalog-add-to-cart-link, .search-page-catalog .catalog-in-cart-link, .catalog-view-table .catalog-in-cart-link, .catalog-view-table .catalog-add-to-cart-link { background: #FFFFFF; position: relative!important; right: unset; display: inline-block; width: auto; height: auto; padding: 11px 20px 11px 49px; font-weight: 700; font-size: 16px; line-height: 19px; color: #FFFFFF; border-radius: 28px; -webkit-border-radius: 28px; -moz-border-radius: 28px; -ms-border-radius: 28px; -o-border-radius: 28px; border: 1px solid var(--pelorous); } .search-page-catalog .catalog-in-cart-link, .catalog-view-table .catalog-in-cart-link { color: var(--pelorous)!important; } .search-page-catalog .catalog-add-to-cart-link, .catalog-view-table .catalog-add-to-cart-link { color: #fff!important; } .search-page-catalog .catalog-add-to-cart-link, .catalog-view-table .catalog-add-to-cart-link { background: var(--pelorous); } .search-page-catalog .catalog-add-to-cart-link:hover, .catalog-view-table .catalog-add-to-cart-link:hover { color: var(--pelorous)!important; background: #FFFFFF; } .search-page-catalog .catalog-add-to-cart-link:hover:before, .catalog-view-table .catalog-add-to-cart-link:hover:before { top: 17px; left: 28px; background-size: 12px 9px; background-repeat: no-repeat; background-image: url(/local/templates/vtm2022/css/../images/ok.svg); } .catalog .catalog-table td:not(:last-child), .cattallogg .catalog-table td:not(:last-child) { padding: 5px; } .catalog-add-to-cart-link:not(.product-item-detail-buy-button):before, .catalog-in-cart-link:not(.product-item-detail-buy-button):before { left: 0; right: 0; margin: 0 auto; } .our-offers__item .catalog-in-cart-link:not(.product-item-detail-buy-button):before { top: 16px; left: 25px; right: unset; } .search-page-catalog .catalog-add-to-cart-link, .search-page-catalog .catalog-in-cart-link, .catalog-view-table .catalog-in-cart-link, .catalog-view-table .catalog-add-to-cart-link, .catalog-list .catalog-in-cart-link, .catalog-list .catalog-add-to-cart-link { width: auto!important; } .search-page-catalog .catalog-in-cart-link:before, .catalog-view-table .catalog-in-cart-link:before, .catalog-list .catalog-in-cart-link:before { top: 16px; left: 25px; right: unset } .search-page-catalog .catalog-add-to-cart-link:before, .catalog-view-table .catalog-add-to-cart-link:before, .catalog-list .catalog-add-to-cart-link:before { top: 11px; left: 20px; right: unset } .search-page-catalog .catalog-add-to-cart-link, .search-page-catalog .catalog-in-cart-link, .catalog-view-table .catalog-in-cart-link:not(.product-item-detail-buy-button), .catalog-view-table .catalog-add-to-cart-link:not(.product-item-detail-buy-button), .catalog-in-cart-link:not(.product-item-detail-buy-button), .catalog-add-to-cart-link:not(.product-item-detail-buy-button) { width: 100%; max-width: 200px; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; } .bx-catalog-element .catalog-in-cart-link:before { top: 19px; left: 25px; right: unset; margin-left: 22px; } .bx-catalog-element .catalog-in-cart-link { width: 20rem; max-width: unset; margin-left: 0; } .catalog__price-cell, .product-card-price-cell { font-size: 20px; } .catalog .catalog-table, .cattallogg .catalog-table, .product-card-table { border: none } #acat .table:not(#detail_count) { border: none } #acat .table:not(#detail_count) th, #acat .table:not(#detail_count) td { border-top: none } #ac-parts-table thead { display: none; } #ac-parts-table tbody:not(.don-tbody) { display: flex; flex-wrap: wrap; } #ac-parts-table>tbody>tr:not(.don-tr, .offers) { display: flex; flex-direction: column; width: 100%; max-width: 500px; margin: 25px auto; text-align: center; align-items: center; border: 1px solid #e5e5e9; } #ac-parts-table>tbody>tr.offers { max-width: 500px; margin: auto; } #acat .table:not(#detail_count) tr:not(.don-tr, .offers) td { display: flex; width: 100%; text-align: center; align-items: center; justify-content: center; } #ac-parts-table>tbody>tr.offers .table.table-condensed tr.don-tr { display: grid; grid-template-columns: repeat(3, 33.33%); grid-template-rows: 1fr 1fr; border: 1px solid var(--cerulean); } #ac-parts-table>tbody>tr.offers .table.table-condensed tr.don-tr+.don-tr { margin-top: 25px; } .don-name { text-align: center; } #ac-parts-table td.don-name a { color: var(--cerulean) } #ac-parts-table>tbody>tr.offers .table.table-condensed td:first-child { order: 2; } #ac-parts-table>tbody>tr.offers .table.table-condensed td:nth-child(3) { order: 2; } #ac-parts-table>tbody>tr.offers .table.table-condensed td:nth-child(3) { order: 1; min-width: auto } #ac-parts-table>tbody>tr.offers .table.table-condensed td:nth-child(4) { order: 4; grid-column: 1 / 4; border-width: 1px; } #ac-parts-table>tbody>tr.offers .table.table-condensed td:nth-child(5), #ac-parts-table>tbody>tr.offers .table.table-condensed td:nth-child(6), #ac-parts-table>tbody>tr.offers .table.table-condensed td:nth-child(7) { display: none; } #ac-parts-table>tbody>tr.offers .table.table-condensed { overflow: visible } #ac-parts-table>tbody>tr.offers .don-first-td { padding: 0; } .bx-catalog-element .product-item-detail-tabs-container #tab-6.tab-content { padding: 0; } .catalog .catalog-table td:not(:last-child), .cattallogg .catalog-table td:not(:last-child), .bx-catalog-element #tab-6.tab-content .product-card-row td:not(:last-child) { border-color: transparent } .catalog-table .head-cell, .bx-catalog-element #tab-6.tab-content thead tr { display: none; } .catalog-table tbody, .bx-catalog-element #tab-6.tab-content tbody { display: flex; flex-wrap: wrap; margin: -25px 0; justify-content: space-between; } .catalog-list .js-catalog-table-tr, .js-catalog-table-tr, .bx-catalog-element #tab-6.tab-content .product-card-row { display: flex; flex-direction: column; justify-content: space-between; width: calc(100%/2 - 50px); max-width: 500px; margin: 25px; padding: 25px; text-align: center; border: 1px solid #e5e5e9; } .catalog-view-table .catalog-list__title-prop, .catalog-view-table .catalog__article-cell a, .catalog-view-table .catalog__code-cell a { font-weight: 400; font-size: 16px; line-height: 19px; color: #B5B3B3; } .catalog-view-table .catalog__article-cell a, .catalog-view-table .catalog__code-cell a { color: #7F7b7b; } .catalog-view-table .catalog__image-wrapper img { max-width: 100%; max-height: 250px; object-fit: contain; } .catalog-view-table .catalog__photo-cell { max-width: 100%; height: 250px; margin: 0 auto 20px; } .catalog-view-table .catalog-table td.catalog__article-cell, .catalog-view-table .catalog-table td.catalog__code-cell { padding: 0; } .catalog-view-table .catalog-list__title-prop { display: inline-block; padding-right: 5px; } .catalog-view-table .js-catalog-table-tr, .catalog-list .js-catalog-table-tr { border: 0px solid #e5e5e9; box-shadow: 0px 0px 30px #f1f4f9; } .catalog-view-table .catalog__price-cell { font-weight: 700; font-size: 20px; line-height: 23px; color: #646363; } .catalog-view-table .catalog__name-cell a, .catalog-view-table .product-card-name-cell a { font-weight: 700; } .catalog__counter-cell { display: flex; flex-direction: column; align-items: center; } .catalog__photo-cell, .bx-catalog-element #tab-6.tab-content .product-card-photo-cell { max-width: 350px; margin: 0 auto 20px } .catalog .catalog-table, .cattallogg .catalog-table { width: 100%; } .catalog .catalog-table thead, .cattallogg .catalog-table thead, .product-card-table thead, #ac-parts-table thead, .basket-items-list-table thead { background: #ffffff; } #acat .table, .catalog .catalog-table, .cattallogg .catalog-table { display: block; /*overflow-x: auto; scrollbar-color: var(--cerulean) #e9e9eb;*/ } #acat .table { overflow-x: auto; scrollbar-color: var(--cerulean) #e9e9eb; } /* #acat .table::-webkit-scrollbar, .catalog .catalog-table::-webkit-scrollbar, .cattallogg .catalog-table::-webkit-scrollbar { height: 2px; background-color: #e9e9eb; } #acat .table::-webkit-scrollbar-thumb, .catalog .catalog-table::-webkit-scrollbar-thumb, .cattallogg .catalog-table::-webkit-scrollbar-thumb { height: 1px; background-color: var(--cerulean); }*/ #acat .table th:nth-child(3), #acat .table td:nth-child(3) { min-width: 250px; } /*таблица #acat .offers .table.table-condensed{ display: table!important; } #acat .offers .table.table-condensed tbody{ display: table-row-group!important; } #acat .offers .table.table-condensed tr{ display: table-row!important; width: 100%!important; max-width: 100%!important; text-align: left; } #ac-parts-table > tbody > tr.offers{ display: table-row; width: 100%!important; max-width: 100%!important; text-align: left; } #acat .offers .table.table-condensed td, #acat .offers>td{ display: table-cell!important; text-align: left; } #acat .offers .table th, #acat .offers .table td { padding: 13px; }*/ .offers .catalog-in-cart-link, .offers .catalog-add-to-cart-link { width: 55px; height: 55px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } } @media (max-width: 991px) { .product-item-detail-tabs-container { display: block !important; } .basket-item-amount-btn-plus, .basket-item-amount-btn-minus { border-radius: 0; border: none; background-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .main .bx-soa-item-tr { border-top: 1px dotted transparent !important; } .footer-columns { grid-gap: 15px; } .title__center { font-weight: 700; font-size: 20px; line-height: 30px; } } @media screen and (max-width: 950px) { .header-search { max-width: 300px; } #title-search-mobile, #title-search-desktop { width: calc(100% - 20px); } .flexMenu-viewMore>a { position: relative; display: block; width: 30px; height: 2px; background: #ffffff; top: -10px } .flexMenu-viewMore>a::before { position: absolute; content: ""; display: block; width: 30px; height: 2px; background: #ffffff; top: -8px; left: 0; } .flexMenu-viewMore>a::after { position: absolute; content: ""; display: block; width: 30px; height: 2px; background: #ffffff; bottom: -8px; left: 0; } .footer-qrcode__img { max-width: 100px; } .footer-mainphone { margin-bottom: 35px; } } @media screen and (max-width: 935px) { .header a.header-download__link { font-size: 14px; padding-left: 30px; } .inner-page .header-box:nth-child(2) { padding: 0px 49px 30px 34px; } .inner-page .opened .header-search, .opened .header-search { max-width: calc(100% - 63px); } .inner-page .header-logo__slogan { display: none; } .header-download { max-width: 240px; margin-right: 20px; } } @media screen and (max-width: 900px) { .header-download { max-width: 180px; } .header-contacts__title { font-size: 28px; } .offers-tabs__elem { font-size: 27px; } .product-item { width: calc(100%/2 - 30px); } .main .bx-soa-auth .bx-soa-reference { margin-top: 25px; } .main .bx-soa-section-content { padding-left: 15px; padding-right: 15px; } .main .bx-soa-section-title.col-sm-9 { padding-left: 15px; } .main #bx-soa-order, .main #bx-soa-total { padding: 15px; } .main #bx-soa-order-form { flex-direction: column-reverse; } .main #bx-soa-order, .main #bx-soa-total { width: 100%; } .main .bx-soa-cart-total { position: static !important; } .inner-page .inline-search-show { margin-right: 10px; transform: translateY(18px); -webkit-transform: translateY(18px); -moz-transform: translateY(18px); -ms-transform: translateY(18px); -o-transform: translateY(18px); } .opened .header-search { max-width: calc(100% - 68px); } .inner-page .header-cart { transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); } .inner-page .header-price { padding-top: 32px; padding-right: 10px; } .header-cart { padding-left: 35px; } .main-page .header-cart { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .hc__purshase.header-cart__price, .hc__quantity.header-cart__count { font-size: 0; } .cart-product-count { position: absolute; background: #ffffff; border: 1px solid var(--cerulean); border-radius: 50%; z-index: 1; display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; right: -25px; top: -6px; font-size: 16px; color: #646363 } .basket-checkout-section-inner { grid-template-rows: 1fr 1fr; grid-template-columns: 1fr 1fr; } .basket-checkout-block-total { grid-column-start: 1; grid-row-start: 1; grid-row-end: 1; } .basket-checkout-block.basket-checkout-block-total-price { grid-column-start: 2; grid-row-start: 1; grid-row-end: 1; } .basket-checkout-block.basket-checkout-block-btn { grid-column-start: 2; grid-row-start: 2; grid-row-end: 2; } .footer-columns { grid-template-columns: repeat(2, 49%); } .copyright { flex-direction: column-reverse; } .copy { margin-top: 15px; } .company-in-digits__item { max-width: 50%; } .company-in-digits__item:nth-child(2):after { display: none; } } @media screen and (max-width: 840px) { .banner-submenu__title { max-width: 150px; } .partner-block { padding: 15px 15px 20px; } .header-cart::before { top: 8px; } .hc__purshase { font-size: 15px; } .header-download__link { font-size: 0!important; display: flex; width: 34px; height: 34px; padding: 0; border-radius: 50%; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .header-download { flex-direction: row; } .header-download__link.header-download__link--price { margin-bottom: 0px; margin-right: 10px; } .header-download__link.header-download__link--price:before { left: 4px; top: 5px; } .header-download__link.header-download__link--list:before { left: 9px; top: 6px; } } @media screen and (max-width: 800px) { .main-baners__ceil--six .main-baners__big { margin-bottom: 30px; } .main-baners__ceil--one .main-baners__big, .main-baners__big { font-size: 22px; line-height: 27px; } .main-baners__ceil--one::before { width: 40px; height: 40px; background-size: 40px 40px; } .main-baners__ceil--two { background-size: 42px 36px; padding-top: 38px; } .main-baners__ceil--one .main-baners__usual { padding-right: 0; } .main-baners__arrow { display: none; } .whychoice__list { padding: 40px; } .whychoice__icon { margin-left: 30px; } span.cabinet__title { font-size: 18px; } #ac-search form.form-inline.flex-wrap { flex-wrap: wrap !important; } #ac-search .form-group { width: 100%; } #ac-search .form-group+#ac-search .form-group { margin-top: 15px; } #acat .form-group.ml-2, #acat .form-group.mx-2 { margin-left: 0 !important; } #acat .form-group.ml-2 .btn.btn-outline-secondary { transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); } .main-news__list { flex-direction: column; } .main-news__item { width: 100%; } .main-news__item+.main-news__item { margin-left: 0; margin-top: 80px; } .footer__btn { margin-left: 0; } .footer-schedule { margin-right: 40px; } } @media screen and (max-width: 767px) { .basket-items-list-item-container-expend .basket-items-list-item-removed-container { flex-direction: column; background: transparent; } .basket-items-list-item-price { display: block!important; width: 100%; } .basket-items-list-item-price, .basket-item-price-current { text-align: center; } .basket-item-block-info .basket-item-actions-remove { right: 5px; top: -22px; } .header-search { display: none; } .mobile-search, #title-search-mobile, #title-search-desktop { width: 100%; } .bx-filter .bx-filter-parameters-box { max-width: 50%; } a.cat-url.url-block { padding-left: 0; } .url-block span.back-url-text { padding-right: 15px; } .next-url .next-url-text, .back-url .back-url-text { display: none; } .positions-tabs__content { max-width: 100%; } .positions-tabs__picture-box { display: none; } .header-cabinet-wrapper { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .header-registration__link, .header-cabinet__link { position: relative; font-size: 0!important; display: inline-flex; padding-bottom: 0px; padding-left: 0; width: 34px; height: 34px; border-radius: 50%; border: 1px solid #fff; align-items: center; justify-content: center; background: transparent; } .header-cabinet__link::before, .header-registration__link:before { position: absolute; content: ""; top: 0px; left: 0; bottom: 0; right: 0; margin: auto; width: 14px; height: 14px; filter: invert(1); -webkit-filter: invert(1); } .header-registration__link:before { background: url(/local/templates/vtm2022/css/../images/registration.svg) 0 0/cover no-repeat; } .header-cabinet__link::before { background: url(/local/templates/vtm2022/css/../images/user.svg) 0 0/cover no-repeat; } .header-menu { margin-top: 5px; } .header-social { display: none; } .main-page .opened .header-search { /* max-width: calc(100% - 28px); */ bottom: 10px; } .inner-page .opened .header-search { /* max-width: calc(100% - 40px); */ } .search-form__btn { background-size: 15px 15px; height: 40px; width: 40px; } .inner-page .search-form__input, .search-form__input { height: 40px; /* padding: 17px 25px 17px 37px; */ background-position: 14px center; background-size: 16px 16px; } /* .header-box.opened { height: 97px; } */ .inner-page .header-box:first-child, .main-page .header-box:first-child { padding: 10px 0px 7px; } .inner-page .header-box:first-child { max-height: 70px; } .flexMenu-viewMore>a { top: unset; } .inner-page .inline-search-show { margin-right: 0; } .inner-page .header-price { padding: 0; margin: 0; } .search-note { display: none; } .header-phone { margin-top: 5px; } .header-phone__link { font-size: 20px; } .header-phone { padding-right: 20px; } .inner-page .header-box:nth-child(2) .header-right { align-items: flex-start; padding-right: 11px; } .header-left .nav { margin-top: 15px; } .header-logo__img { max-width: 150px; margin: 0 5px; } .inner-page .header-box:nth-child(2), .main-page .header-box:nth-child(2) { padding: 8px 0px 5px; } .main-page .header-box.visible-vtm-sm { padding: 0; } .inner-page .header-price { padding-top: 0; flex-direction: row; margin-top: 0; } .inner-page .header-price { padding-top: 0; } .main-page .header-price { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .main-page .inline-search-show { transform: translateY(0); } .header-price__link, .inner-page .inline-search-show { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } .inner-page .inline-search-show, .main-page .inline-search-show { height: 35px; width: 35px; margin-right: 10px; } .search_btn { width: 14px; height: 14px; } .header-price__link { height: 35px; width: 35px; } .header-price__link:before { width: 20px; height: 20px; top: 6px; left: 10px; } .header-cart::after { top: 0; left: 0; width: 35px; height: 35px; } .cart-product-count { width: 23px; height: 23px; right: -10px; top: -2px; font-size: 14px; } .bx-newslist-content { min-height: auto; } .bx-newslist-block { height: auto; } ul.cabinet__list, .toggle-block, .delivery__list, .nav-tabs { display: none; } .delivery-content__list, .tab-content { flex-basis: 100%; } .delivery-content__item, .tab-pane { display: block !important; } .title-block, .title-block--hidden { display: inline-block; } #cabinet-tab__tab-3 { width: 100%; } #cabinet-tab__tab-2 { padding: 25px 0; } .cabinet-tab__desc-wrapper, .delivery-content__item.active .toggle-block, .tab-pane.active .toggle-block { display: block; } .title-block { text-align: left; cursor: pointer; font-size: 18px; font-weight: 700; font-family: Roboto; font-weight: 400; color: #d6d6de; border-bottom: 2px dashed #d6d6de; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .delivery-content__item.active .title-block, .tab-pane.active .title-block { color: #646363; border-color: transparent; } .title-block+.title-block { margin-top: 20px; } .toggle-block p { font-size: 16px; } #bx-soa-delivery .bx-soa-pp-desc-container .bx-soa-pp-company { display: flex; flex-direction: column; } .main #bx-soa-total { display: none; } .head-login__item-yes a { width: 35px; border: 2px solid #ffffff; background-color: #646363; } .inline-search-show { height: 40px; width: 40px; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); } .header-cart__price { font-size: 18px; font-family: Roboto; font-weight: 400; } .header-cart::before { width: 25px; height: 24px; top: 5px; } .inner-page .main { margin-top: 109px; } .contact-page-item { width: 100%; } .contact-page-item:nth-child(2n+1) { margin-right: 0px; } .contact-page-item { margin-bottom: 40px; } .NewsCalTable { display: block; overflow-x: auto; width: 100%; scrollbar-color: var(--cerulean) #e9e9eb; } .NewsCalTable::-webkit-scrollbar { height: 2px; background-color: #e9e9eb; } .NewsCalTable::-webkit-scrollbar-thumb { height: 1px; background-color: var(--cerulean); } .products-categories__subtitle { font-size: 30px; } .products-categories__title:not(.products-categories__title--small) { margin-bottom: 5px; } .products-categories__box { padding: 30px; } .products-categories__title:not(.products-categories__title--small), .content-title, .about__title, .whychoice__title, .main-news__top .content-title { font-size: 34px; } .whychoice__icon { width: 60px; height: 60px; } .whychoice__subtitle { font-size: 18px; } .partners__item { width: calc(100% / 2 - 20px); text-align: left; } .catalog-list .js-catalog-table-tr, .js-catalog-table-tr, div:not(.modal-content) #ac-parts-table>tbody>tr, .bx-catalog-element #tab-6.tab-content .product-card-row { width: 100%; max-width: 450px; margin: 25px auto; } .basket-items-list-table thead { display: none !important; } .basket-item-block-properties { display: none; } h2.basket-item-info-name { margin: 0 auto; text-align: center; } .basket-items-list-item-amount { padding-top: 0; } .basket-item-block-amount { margin-bottom: 0; } tr.basket-items-list-item-container { padding: 25px 0; } .footer-address { max-width: 100%; } .don-news__item { flex-direction: column; } .don-news__content { margin-top: 15px; } .don-news__picture { max-width: 250px; margin-right: 0px; } .footer-column:nth-child(5), .footer-column:nth-child(1), .footer-column:nth-child(2), .footer-column:nth-child(3), .footer-column:nth-child(4) { width: 48%; } .footer-phone, .footer__btn { margin-left: 0; } .footer-column:nth-child(4) { order: 4; } .footer-column:nth-child(3) { order: 5; } .confidential { display: flex; flex-direction: column; } .confidential__link+.confidential__link { margin-left: 0px; } .footer-column__menu--padding { margin-bottom: 10px; } } @media screen and (max-width: 700px) { .whychoice__icon { margin-left: 0; } .slider__item-wrap { padding: 53px 0 45px 0px; text-align: center; align-items: center; } .whychoice__item+.whychoice__item { margin-top: 35px; } .benefits { margin-top: 30px; } .benefits::after { display: none; } .whychoice { background-image: none !important; } .whychoice__text, .whychoice__title { text-align: center; } .whychoice__item { flex-direction: column; align-items: center; text-align: justify; } .whychoice__icon { margin-bottom: 15px; } .whychoice__subtitle { text-align: center; } .whychoice__text { padding-left: 0; } } @media screen and (max-width: 680px) { .inner-page div.title-search-result { top: 160px !important } .header-search { display: none; } .inline-search-show { background: var(--purple); display: flex; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; height: 32px; width: 32px; margin-right: 13px; } .inner-page .inline-search-show { transform: translateY(12px); -webkit-transform: translateY(12px); -moz-transform: translateY(12px); -ms-transform: translateY(12px); -o-transform: translateY(12px); } .search_btn { display: block; background: url(/local/templates/vtm2022/css/../images/magnifying-glass-white.svg) no-repeat; height: 18px; width: 18px; background-size: contain; cursor: pointer; } .partners__item { width: 100%; margin-bottom: 45px; text-align: center; } .partner-block__txt { font-size: 32px; line-height: 35px; } .partner-block__btn { font-size: 16px; } .banner-submenu, .banner-submenu__item { min-height: 200px; } .quantity-btn__block { flex-direction: column; } .product-item-info-container { margin-bottom: 15px; } } @media screen and (max-width: 640px) { .offers__top { margin-bottom: 40px; } .offers__nav .swiper-button-next, .offers__nav .swiper-button-prev, .offers__prev, .offers__next { top: 75px } .banner-submenu__item::before, .banner-submenu__item::after { display: none; } .banner-submenu__item { padding: 0 10px 10px 10px; } .banner-submenu__title { max-width: 100%; } .promotion__count { display: none; } .promotion__title { padding-right: 0; font-size: 26px; line-height: 28px; } .search-form__btn { /* background-color: transparent; background-image: url(/local/templates/vtm2022/css/../images/search-inner_blue.png); background-size: cover; height: 24px; width: 24px; padding: 0; top: unset; bottom: 10px; font-size: 0; */ } .main-banner__title { font-size: 45px; line-height: 1.1; } .main-banner__desc { margin-top: 0; line-height: 1.3; } .search-page input[type="text"] { border-width: 0px 0px 1px 0px; height: 50px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .search-page input[type="text"]:focus { border-width: 0px 0px 1px 0px; } .search-page input[type="submit"], #acat .btn.green-button, #acat .btn.btn-outline-primary { display: flex; flex-shrink: 0; background-color: var(--cerulean); background-image: url(/local/templates/vtm2022/css/../images/magnifying-glass-white.svg) !important; background-size: 20px 20px; background-position: center; background-repeat: no-repeat; height: 50px; width: 50px; padding: 0; font-size: 0; position: relative; } .search-page input[type="submit"]:hover, #acat .btn.green-button:hover, #acat .btn.btn-outline-primary:hover { background-color: var(--cerulean); opacity: 0.8 } .search-page input[type="submit"]:hover:after, #acat .btn.green-button:hover:after, #acat .btn.btn-outline-primary:hover:after { content: ""; position: absolute; background-size: cover; background-image: url(/local/templates/vtm2022/css/../images/magnifying-glass-white.svg) !important; width: 20px; height: 20px; display: block; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .offers-tabs__elem+.offers-tabs__elem { margin-left: 35px; } .offers-tabs__elem:not(.active), .offers-tabs__elem.active:hover { border-bottom: 1px dashed transparent; } .product-item { width: 100%; max-width: 350px; margin: 15px auto; } .vtm-contacts { flex-direction: column; } .vtm-contacts img { max-width: 200px; margin: 10px auto 25px; } .contact-page-part.contact-page-part--bottom { margin: 0; } .bx-soa-item-title, .bx-soa-item-title a { font-size: 14px; } .inline-search-show, .header-price, .header-cart, .main-page .header-price { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } .basket-checkout-section-inner { display: block; } .basket-checkout-block-total { padding-right: 0; } .basket-checkout-block-total-price { padding-left: 0; margin-bottom: 25px; margin-top: 20px; } .basket-checkout-block-total, .basket-checkout-block-total-price, .basket-checkout-block-btn { text-align: center; } } .main-baners-one__link { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; height: 100%; } @media screen and (max-width: 600px) { .partner-block { background-image: none; } .partner-block__txt { padding: 7px 0 0; } .news-articles .slick-next, .news-articles .slick-prev { top: -30px; } .small-banners__next, .small-banners__prev, .clients-partners__next, .clients-partners__prev { top: 50px; } .clients-partners__top, .small-banners__top { margin-bottom: 75px; } .main-baners__grid { grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(6, 1fr); } .main-baners__ceil--two { grid-area: 2 / 1 / 2 / 1; } .main-baners__ceil--three { grid-area: 3 / 1 / 3 / 1; } .main-baners__ceil--four { grid-area: 4 / 1 / 4 / 1; } .main-baners__ceil--five { grid-area: 5 / 1 / 5 / 1; } .main-baners__ceil--six { grid-area: 6 / 1 / 6 / 1; } .main-news__top { align-items: flex-start; flex-direction: column; } .main-news__all-link+.main-news__all-link--tags { margin-left: 0; } .main-news__intro .vs-tags-list { text-align: left; } } @media screen and (max-width: 580px) { .our-offers__slider .product-item { margin-left: auto; margin-right: auto; } } @media screen and (max-width: 560px) { .head-cart-wrapper { padding-top: 5px; } .header-phone { display: none; } .hc__quantity { font-size: 12px; line-height: 14px; } .hc__purshase { font-size: 12px; line-height: 14px; padding-bottom: 0; } .mm-listitem.mmenu-contacts:first-child() { margin-top: 15px; } .mm-listitem.mmenu-contacts a { color: var(--cerulean)!important; } .mm-listitem:after { display: none!important; } .mm-listitem.mmenu-contacts { border-bottom: none!important; } .data-table__subscribe-btns { flex-direction: column; } .data-table__subscribe-btn--submit { margin-right: 0; margin-bottom: 20px; } .data-table__subscribe-btn { max-width: 200px; } .products-categories__title:not(.products-categories__title--small) { padding: 0 20px; } .slider__title { font-size: 27px; padding: 0 15px 20px; } .slider__subtitle { font-size: 18px; } .slick-next { right: 20px; } .slick-prev { left: 10px; } .radio-inline+.radio-inline { margin-left: 0; } .main .bx-soa-item-properties .bx-soa-item-td-title, .main .bx-soa-item-properties .bx-soa-item-td-text { text-align: left; } .my-order-title-bottom-row { display: flex; flex-direction: column; } .my-order-repeat-anchor, .my-order-cancel-anchor { max-width: 200px; margin-left: auto; margin-right: auto; } .my-order-repeat-anchor+.my-order-cancel-anchor { margin-top: 20px; } #cabinet-tab__tab-3 { width: 100%; } } @media screen and (max-width: 540px) { .catalog-view { right: unset; left: 3px; top: 120px; } .small-banners__title, .clients-partners__title { max-width: 200px; } .offers_title { max-width: 300px; } .offers__nav .swiper-button-next, .offers__nav .swiper-button-prev, .offers__prev, .offers__next { top: 110px; } .clients-partners__top, .small-banners__top { align-items: baseline; } .header-contacts__link:not(.header-contacts__link--hashover) { display: none; } .filial { min-width: 290px; top: 46px; padding: 20px 15px; } .filial__item { padding-left: 38px; } .filial__item:before { width: 26px; height: 36px; background-size: cover; } .header-contacts__title { font-size: 22px; } .filial__address, .filial__phone, .filial__schedule { font-size: 14px; font-family: 'Roboto'; } .filial__name { font-size: 18px; } .filial__phone { margin: 5px 0; } .header-contacts__link+.header-contacts__link { margin-top: -5px; } .header-contacts__link--hashover-span { display: none; } .header-contacts__link--hashover-span--xs { display: inline-block; font-size: 12px; background-image: url(/local/templates/vtm2022/css/../images/svg/point.svg); background-size: 22px 25px; background-repeat: no-repeat; background-position: top; padding-top: 30px; margin-top: 6px; } .main-banner__intro { padding: 0 30px; } .banner-submenu { flex-direction: column; } .banner-submenu__item-wholesale { border-bottom: 2px solid #ffffff; border-right: none; } .banner-submenu__item { display: flex; align-items: center; } .banner-submenu__title:after { display: block; } .promotion__arrow { display: none; } .sort { flex-wrap: wrap; width: 100%; } .sort__title { flex-basis: 100%; margin-bottom: 10px; } .sort__tab.sort__tab-1, .sort__tab.sort__tab-2 { flex-basis: 40%; } .advantages__text { padding-left: 0; padding-top: 15px; } .advantages__item { flex-direction: column; padding: 0 0 40px; } .advantages__title { margin-bottom: 50px; } .bx-filter .bx-filter-parameters-box { max-width: 100%; } } @media screen and (max-width: 480px) { .header-download { margin-right: 10px; } .logo-white { margin-left: auto; margin-right: auto; } .header-phone { padding-right: 10px; } .products-categories__link, .products-categories__box--autocatalog .products-categories__link { font-size: 16px; } .product-categories__col:first-child, .product-categories__col:last-child { margin: 23px 0; } .products-categories__title--small { font-size: 25px; margin-bottom: 10px; } .products-categories__subtitle { font-size: 23px; } .header-right .header-phone { display: none; } .main-page .header-box.visible-vtm-sm { margin: 0; } .header-phone--visible-xs { display: flex; flex-direction: column; } .header-schedule { color: var(--cerulean); font-size: 12px; } .header-phone__link { font-size: 17px; } .main-news__top { flex-direction: column; align-items: flex-start; } .main-news__top .content-title { margin-right: 0; margin-bottom: 10px; } .promotion__intro { display: none; } .about__title { font-size: 32px; } #acat .input-group>#ac-search-input.form-control { width: 100%; margin-bottom: 15px; } .cabinet-form__text, .cabinet-tab__account-settings .label-column-1 input, .cabinet-tab__account-settings .label-column-2 input { width: 100%; } .cabinet-wrapper input::-webkit-input-placeholder { font-size: 12px !important; } .cabinet-wrapper input::-moz-placeholder { font-size: 12px !important; } .cabinet-wrapper input:-ms-input-placeholder { font-size: 12px !important; } .cabinet-wrapper input::-ms-input-placeholder { font-size: 12px !important; } .cabinet-wrapper input::placeholder { font-size: 12px !important; } .my-order-title-top-row h2 { min-height: 60px; } .my-order-item label { top: 80px; } .product-item-tabs { padding: 0 10px; } .product-item-detail-pay-block .product-item-detail-info-container:nth-child(2) { display: flex; align-items: center; justify-content: center; } div [data-entity="main-button-container"] { float: none; } div [data-entity="main-button-container"] .product-item-detail-info-container { display: flex; justify-content: center; } .product-item-detail-buy-button { margin-top: 20px; margin-left: 0; } .product-item-list { flex-direction: column; } .product-item-list li+li { margin-left: 0; } .product-item-list li { display: block; cursor: pointer; border: 1px solid var(--pelorous); margin-bottom: 25px; padding: 15px; text-align: center; } .product-item-list li:hover { background-color: var(--pelorous); } .product-item-list li.active { background-color: var(--pelorous); } .product-item-list li a, .product-item-list li span { color: #646363; border-bottom: none; } .product-item-list li.active a, .product-item-list li.active a:active, .product-item-list li.active a:focus, .product-item-list li.active a:hover, .product-item-list li:hover a, .product-item-list li.active span, .product-item-list li.active span:active, .product-item-list li.active span:focus, .product-item-list li.active span:hover, .product-item-list li:hover span { color: #ffffff } .product-item-tabs .tab-content.active { padding-right: 0; } .product-item-tabs .tab-content.active .row { margin: 0 !important; } .contact-page-part { min-width: unset } } @media screen and (max-width: 440px) { .header-logo { padding-right: 0; padding-top: 5px; } .header-logo__img { max-width: 130px; } .company-in-digits__item::after { display: none; } .company-in-digits__item { max-width: 100%; padding: 0 0 25px; } .footer { padding: 40px 0; } .footer-column:nth-child(5), .footer-column:nth-child(1), .footer-column:nth-child(2), .footer-column:nth-child(3), .footer-column:nth-child(4) { width: 100%; } .footer-column:nth-child(5) { order: 1; } .footer-column:nth-child(1) { order: 2; margin-top: 15px; } .main-banner__item { padding-top: 0; } .main-banner__title { font-size: 40px; } .footer-mainphone { justify-content: center; margin-left: -25px; } .footer-phone__title, .footer-phone__subtitle, .footer-phone__support { display: none; } .footer-columns { grid-gap: 0; } .inner-page .footer { padding-bottom: 15px; } .footer-viber:before, .footer-wu:before, .footer-telegram:before { left: unset; } .footer-viber, .footer-wu, .footer-telegram { width: 30px; } .footer-viber, .footer-wu { margin-right: 10px; } .footer-qrcode { align-items: center; } .footer__btn { margin-top: 25px; margin-bottom: 25px; } } @media screen and (max-width: 412px) { .offers-tabs__elem { font-size: 24px; } #products { max-width: 100%; overflow: hidden; } .products__list { margin: 0; } .product-item-detail-slider-container { min-width: 250px; } .cabinet-wrapper input::-webkit-input-placeholder { font-size: 0px !important; } .cabinet-wrapper input::-moz-placeholder { font-size: 0px !important; } .cabinet-wrapper input:-ms-input-placeholder { font-size: 0px !important; } .cabinet-wrapper input::-ms-input-placeholder { font-size: 0px !important; } .cabinet-wrapper input::placeholder { font-size: 0px !important; } div.bx-auth input.bx-auth-input, .vtm-auth-form.forg input[type="text"], .bx-registration-table input[type="text"] { min-width: 100% } table.bx-auth-table { width: 100%; } .sort__tab.sort__tab-1, .sort__tab.sort__tab-2 { flex-basis: 48%; } .news-cal-month-nav a { font-size: 14px; } .header-logo__img { max-width: 120px; } .small-banners__item-wrap { padding: 30px 25px; } .small-banners__link { padding: 13px 14px; font-size: 15px; } } @media screen and (max-width: 380px) { .basket-top-text__box { display: flex; flex-direction: column; } .basket-top-text__link+.basket-top-text__link { margin-left: 0; } .header-box__wrap { padding: 0 9px; } .header-box__wrap a, .hc__quantity, .hc__purshase { font-size: 11px; } .incart_txt { display: none; } .hc__quantity { padding-top: 3px; } .header a.header-download__link { padding-left: 0; } .header-registration__link, .header-cabinet__link, .header-download__link { height: 28px; width: 28px; } .header-cabinet__link::before, .header-registration__link:before { height: 12px; width: 12px; } .header-download__link.header-download__link--price:before { width: 15px; height: 15px; left: 5px; } .header-download__link.header-download__link--list:before { left: 8px; } .header-download__link.header-download__link--list:before { height: 14px; width: 11px; } .header-cart { padding-left: 25px; } .header-cart::before { width: 20px; height: 19px; } .header-logo__img { max-width: 100px; margin-right: 15px; } #horizontal-multilevel-menu li ul { min-width: 150px; } .header-phone__link { font-size: 14px; } .header-left .nav { margin-top: 12px; } .header-logo-white__img { max-width: 140px; } .header-cabinet__link { margin-left: 5px; } .inner-page .inline-search-show, .inner-page .header-price { margin-right: 7px; } .inner-page .header-price { padding-right: 0; } .whychoice__text { margin-top: 20px; } .bx-soa-item-content { width: 260px; } .basket-item-block-info { flex-wrap: wrap; } table.title-search-result td.title-search-item a, body table.title-search-result td.title-search-more a, body table.title-search-result td.title-search-all a { font-size: 12px; } table.title-search-result td.title-search-item img { vertical-align: middle; } } @media screen and (max-width: 340px) { .main-banner__title { font-size: 37px; } .bx-soa-reg-block .btn.btn-default { padding: 18px 10px; font-size: 14px; } .bx-soa-item-table .bx-soa-item-td { min-width: 100% !important; } .main .bx-soa-item-imgcontainer { border: 1px solid transparent; } .catalog-view { top: 140px; } } .auth-link-box { margin-top: 10px; } .auth-link-box a { text-decoration: underline; } .auth-link-box a:hover { text-decoration: none; } .auth-user-argeement label { cursor: pointer } #assistant-file-upload+.auth-user-argeement label { margin-top: -25px; margin-bottom: 10px; } /*дополнения*/ #title-search-mobile, #title-search-desktop { display: flex; align-items: center; } .search-form__toggle { margin-left: 10px; cursor: pointer; transition: opacity 0.3s ease; padding: 0; background-color: transparent; border: none; display: flex; } .search-form__toggle:hover { opacity: 0.7; } .search-form__toggle svg { width: 20px; height: 20px; fill: #fff; stroke: #fff; } .tooltip-content { position: absolute; z-index: 999; width: 360px; left: 75px; top: 0; background-color: #fff; opacity: 0; padding: 20px 25px; color: #1b1b1b; cursor: default; pointer-events: none; border-radius: 5px; -webkit-transform: translate3d(0,-0.5rem,0); transform: translate3d(0,-0.5rem,0); -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; -o-transition: opacity 0.3s ease, transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; -webkit-box-shadow: 0.3125rem 0.9375rem 2.5rem #1e234226; box-shadow: 0.3125rem 0.9375rem 2.5rem #1e234226; } .tooltip-content--cookie { left: 355px; top: auto; bottom: 0; width: calc(100vw - 388px); min-height: 100%; height: auto; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tooltip:hover .tooltip-content, .tooltip:hover .tooltip-text { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .cookie-agree__button{ display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; text-align: center; border-radius: 35px; background: var(--cerulean); color: #ffffff; border: 1px solid transparent; cursor:pointer; } .cookie-agree__button:hover{ background: #FFFFFF; color: var(--cerulean); border: 1px solid var(--cerulean); } .marks { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; } .marks__item { text-align: center; max-width: calc(33% - 2rem); width: 100%; padding: 1rem 1rem 0.5rem; box-shadow: 0 0.25rem 0.5rem rgb(30 35 66 / 15%); background-color: #ffffff; font-weight: 700; display: block; text-decoration: none; text-transform: uppercase; border-radius: 1px; margin: 1rem; padding: 1rem; } @media (max-width: 1080px){ .marks__item { max-width: calc(50% - 2rem); } } @media (max-width: 767px){ .marks { flex-direction: column; } .marks__item { margin: 1rem 0; } } @media (max-width: 540px){ .marks__item { text-align: left; max-width: 100%; } } .basket-notification__btn, .ui-notification-balloon-message a, .ui-notification-balloon-message a:hover{ font-size: 16px; } /*.basket-notification__btn, .ui-notification-balloon-message a, .ui-notification-balloon-message a:hover{ color:#000 } .ui-notification-balloon-content{ background:#fff; border:1px solid #0e7b93 } .ui-notification-balloon-close-btn:after, .ui-notification-balloon-close-btn:before{ background: #0e7b93 }*/ .ui-notification-balloon-close-btn:after{ height: 11px; } .ui-notification-balloon-close-btn:before{ width: 11px; } .basket-page .jqmWindow{ max-height: 80vh; overflow-y: auto; width: 100%; min-width: 300px; max-width: 600px; } @media (max-width: 767px){ .basket-page .jqmWindow{ max-width: 85%; } } .small-banners .small-banners__title.content-title{ z-index: 0; } @media (max-width: 992px){ .catalog-view{ position: static; margin-bottom: 15px; } } .callback .btn-default.callback-send{ margin: 30px auto 0 !important; border-width: 1px !important; cursor: pointer; padding: 14px 28px; } .product-detail__btn{ margin-left: 27px; margin-top: -4px; border-radius: 35px; padding: 10px 20px 10px 20px; color:#fff; font-weight: 700; text-align: center; background: var(--cerulean); color: #ffffff; border: 1px solid transparent; } .product-detail__btn:hover{ background: #ffffff; color: var(--cerulean); border: 1px solid var(--cerulean); } .btn-wrap{ display: flex; align-items: baseline; } .product-detail__btn, .pdf-button{ min-width:16rem; text-align: center; margin-left: 15px; } label[for="47"]{ padding-left: 24px; transform: translateY(-27px); } input[id="47"]{ margin-top: 15px; } @media (max-width: 1200px){ .btn-wrap{ width: 100%; padding-top: 15px; } .product-detail__btn{ margin-top: 0px; margin-left: 15px; } .pdf-button{ margin-left: 0px; } } @media (max-width: 992px){ .btn-wrap{ align-items: center; flex-direction: column; } .product-detail__btn{ margin-top: 30px; margin-left: 0px; } } .popup-window.--open .bx-auth-input__login{ display: none; } #auth-btn{ margin-top: 20px; } .product-item-favorite-container { position: relative; } .product-detail-favorite-container { align-items: center; display: flex; } .favor { display: flex; align-items: center; column-gap: 5px; background: none; border: none; cursor: pointer; padding: 0; } .favor svg { transition: transform 0.2s ease; } .favor svg:hover { transform: scale(1.1); stroke: #06C5E0; stroke-width: 2px; } /* Для активного состояния */ .favor.active .favorite__active { display: block; stroke: #06C5E0; stroke-width: 2px; } .favor.active .span { display: block; stroke: #06C5E0; stroke-width: 2px; } /* Для неактивного состояния */ .favor .favorite__active { display: none; } .favor .favorite__noactive { display: block; stroke-width: 0.5px; } .favor.active .favorite__noactive { display: none; } .header-fav, .header-compare { position: relative; display: inline-block; padding: 0px 20px 0px 0px; cursor: pointer; stroke: #fff; stroke-width: 1.5px; } .counter-favorite, .counter-compare { position: absolute; top: -10px; color: #fff; font-size: 16px; font-weight: bold; } @media screen and (max-width: 767px) { .header-fav, .header-compare { stroke-width: 1.5px; padding-right: 10px; } .counter-favorite, .counter-compare { font-size: 11px; } .header_favorite__noactive { width: 24; height: 24; } } .inner.container.favorites{ max-width: 1480px; width: 100%; margin: 0 auto; min-height: 350px; } .empty-favorites { text-align: center; font-size: 20px; padding-top: 100px; } .product-item-compare .checkbox { padding: 0; margin: 0; cursor: pointer; } .product-item-compare .checkbox label { padding-left: 0; } .product-item-compare input { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden; } .product-item-wrapper { display: flex; align-items: center; } .product-item-compare:hover, .product-item-compare.active:hover { transform: scale(1.1); stroke: #06C5E0; stroke-width: 1px; } .product-item-compare.active { transform: scale(1.1); transition: transform 0.2s ease; stroke: #06C5E0; stroke-width: 1.0px; opacity: 0.55 !important; } .product-item-compare svg { opacity: 0.55; } .show-message-container { min-height: 300px; } font.notetext { color: #0e7b93; } .product-item-detail-top { display: flex; align-items: center; justify-content: space-between; } .product-item-detail-top .product-item-wrapper { order: -1; } .product-item-detail-top .product-item-detail-compare-container { margin: 0; } .product-item-detail-top .prev-next-listing { display: flex; align-items: center; } .product-item-detail-top .url-block { line-height: 1; } .product-item-detail-top .url-block-arrow { top: auto; } .product-item-detail-top .back-url, .product-item-detail-top .next-url { display: inline-flex; align-items: center; } .product-item-detail-top .back-url { padding-left: 0; } .product-item-detail-top .next-url { padding-right: 0; } .product-item-detail-top .cat-url span { display: inline-flex; text-align: center; } @media (max-width: 1200px) { .product-item-detail-top { flex-direction: column; align-items: initial; justify-content: initial; } .product-item-detail-top .product-item-wrapper { order: initial; } .product-item-detail-top .prev-next-listing { margin-left: auto; } } .products-viewed__slider .product-item .product-item-title a { font-size: 16px; line-height: 24px; } .system_forgot_pass_p, .system_forgot_pass_p a{ font-size: 16px } /* search list */ .mod--form { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(15, 23, 42, 0.5); z-index: 10000; /* Центрирование белого окна */ justify-content: center; align-items: center; padding: 20px; box-sizing: border-box; } /* Включение видимости попапа */ .mod--form.is-active { display: flex; } .mod__wrap { position: relative; background: #ffffff; width: 100%; max-width: 520px; padding: 40px 32px 32px 32px; border-radius: 16px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); box-sizing: border-box; animation: popupFadeUp 0.25s ease-out; /* Плавное появление */ } /* --- 3. КЛАССИЧЕСКИЙ КРЕСТИК С СМЕНОЙ ЦВЕТА --- */ .mod__close.popup-close { position: absolute; z-index: 10001; width: 24px; height: 24px; background: none; border-radius: 0; cursor: pointer; display: flex; justify-content: center; align-items: center; /* Позиционирование относительно центра белого окна */ top: 45%; left: 50%; /* Сдвиг в правый верхний угол (при необходимости скорректируйте цифры) */ transform: translate(220px, -230px); } .mod__close.popup-close::before, .mod__close.popup-close::after { content: ''; position: absolute; height: 16px; width: 2px; background-color: #9ca3af; transition: background-color 0.2s ease; } .mod__close.popup-close::before { transform: rotate(45deg); } .mod__close.popup-close::after { transform: rotate(-45deg); } .mod__close.popup-close:hover::before, .mod__close.popup-close:hover::after { background-color: #06c5e0; } @keyframes popupFadeUp { from { transform: translateY(10px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .search-list-popup { position: absolute; top: 50%; transform: translateY(-50%); right: 40px; color: #9a41ae; border: 0; background-color: transparent; outline: none; transition: opacity 0.3s ease; cursor: pointer; z-index: 9999; } #popup-form-search-list .mod__title { font-family: Roboto; font-size: 22px; font-weight: 700; color: #000000; margin-top: 0; margin-bottom: 12px; text-align: center; } .form__searchlist label { display: block; font-family: Roboto; font-size: 14px; line-height: 1.5; color: #646363; margin-bottom: 18px; text-align: center; max-width: 100%; } .search_link { width: 27px; height: 30px; display: block; stroke: currentColor; stroke-width: 1.5px; stroke-linejoin: round; stroke-linecap: round; } .drop-zone { max-width: 500px; height: 100px; padding: 15px; display: flex; align-items: center; justify-content: center; text-align: center; font-family: sans-serif; font-weight: 500; font-size: 14px; cursor: pointer; color: #666; border: 2px dashed #06c5e0; border-radius: 8px; background-color: #f8f9fa; transition: all 0.2s ease; margin-bottom: 15px; margin-left: auto; margin-right: auto; } .drop-zone--over { border-style: solid; background-color: #e1f5fe; color: #0078d4; } .form__searchlist .textarea__area { width: 100%; max-width: 100%; height: 250px !important; box-sizing: border-box; border: 1px solid #e0e0e0; border-radius: 8px; padding: 14px; /* Шрифты и цвета */ color: #000000 !important; font-size: 14px !important; line-height: 1.5 !important; background-color: #ffffff !important; outline: none; font-family: sans-serif; transition: border-color 0.2s; } #bulk-search-form .textarea__area::placeholder { color: #bcbdcd; font-weight: 400; transition: opacity 0.3s; } .form__searchlist .textarea__area:focus::placeholder { opacity: 0.5; } #popup-form-search-list .mod__title { margin-bottom: 1rem; } .search-popup-footer { width: 100%; display: flex; justify-content: center; /* Центрирует элементы по горизонтали */ margin-top: 20px; /* Отступ сверху от drop-зоны */ } /* End */ /* Start:/local/templates/vtm2022/libs/mmenu/mmenu.css?178705790848586*/ /*! * mmenu.js * mmenujs.com * * Copyright (c) Fred Heusschen * frebsite.nl * * License: CC-BY-NC-4.0 * http://creativecommons.org/licenses/by-nc/4.0/ */.mm-menu_theme-white{--mm-color-border:rgba( 0,0,0, 0.1 );--mm-color-button:rgba( 0,0,0, 0.3 );--mm-color-text:rgba( 0,0,0, 0.7 );--mm-color-text-dimmed:rgba( 0,0,0, 0.3 );--mm-color-background:#fff;--mm-color-background-highlight:rgba( 0,0,0, 0.06 );--mm-color-background-emphasis:rgba( 0,0,0, 0.03 );--mm-shadow:0 0 10px rgba( 0,0,0, 0.2 )}.mm-menu_theme-dark{--mm-color-border:rgba( 0,0,0, 0.3 );--mm-color-button:rgba( 255,255,255, 0.4 );--mm-color-text:rgba( 255,255,255, 0.85 );--mm-color-text-dimmed:rgba( 255,255,255, 0.4 );--mm-color-background:#333;--mm-color-background-highlight:rgba( 255,255,255, 0.08 );--mm-color-background-emphasis:rgba( 0,0,0, 0.1 );--mm-shadow:0 0 20px rgba( 0,0,0, 0.5 )}.mm-menu_theme-black{--mm-color-border:rgba( 255,255,255, 0.25 );--mm-color-button:rgba( 255,255,255, 0.4 );--mm-color-text:rgba( 255,255,255, 0.75 );--mm-color-text-dimmed:rgba( 255,255,255, 0.4 );--mm-color-background:#000;--mm-color-background-highlight:rgba( 255,255,255, 0.2 );--mm-color-background-emphasis:rgba( 255,255,255, 0.15 );--mm-shadow:none}:root{--mm-line-height:20px;--mm-listitem-size:44px;--mm-navbar-size:44px;--mm-offset-top:0;--mm-offset-right:0;--mm-offset-bottom:0;--mm-offset-left:0;--mm-color-border:rgba(0, 0, 0, 0.1);--mm-color-button:rgba(0, 0, 0, 0.3);--mm-color-text:rgba(0, 0, 0, 0.75);--mm-color-text-dimmed:rgba(0, 0, 0, 0.3);--mm-color-background:#f3f3f3;--mm-color-background-highlight:rgba(0, 0, 0, 0.05);--mm-color-background-emphasis:rgba(255, 255, 255, 0.4);--mm-shadow:0 0 10px rgba(0, 0, 0, 0.3)}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{top:0;right:0;bottom:0;left:0;background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);line-height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:var(--mm-offset-top);right:var(--mm-offset-right);bottom:var(--mm-offset-bottom);left:var(--mm-offset-left);z-index:0;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-line-height);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}[dir=rtl] .mm-menu{direction:rtl}.mm-panel{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-panel:after{height:44px}.mm-panel:not(.mm-hidden){display:block}.mm-panel:after{content:'';display:block;height:var(--mm-listitem-size)}.mm-panel_opened{z-index:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel_opened-parent{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel_highest{z-index:2}.mm-panel_noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-panel_noanimation.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panels>.mm-panel{position:absolute;left:0;right:0;top:0;bottom:0}.mm-panel__content{padding:20px 20px 0}.mm-panels{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);position:relative;height:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}[dir=rtl] .mm-panel:not(.mm-panel_opened){-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}[dir=rtl] .mm-panel.mm-panel_opened-parent{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-listitem_vertical>.mm-panel{display:none;width:100%;padding:10px 0 10px 10px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-listitem_vertical>.mm-panel:after,.mm-listitem_vertical>.mm-panel:before{content:none;display:none}.mm-listitem_opened>.mm-panel{display:block}.mm-listitem_vertical>.mm-listitem__btn{height:44px;height:var(--mm-listitem-size);bottom:auto}.mm-listitem_vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem_opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:50px;padding:0}.mm-btn:after,.mm-btn:before{border:2px solid rgba(0,0,0,.3);border:2px solid var(--mm-color-button)}.mm-btn_next:after,.mm-btn_prev:before{content:'';border-bottom:none;border-right:none;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}.mm-btn_prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-btn_next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-btn_close:after,.mm-btn_close:before{content:'';-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-btn_close:before{border-right:none;border-bottom:none;right:18px}.mm-btn_close:after{border-left:none;border-top:none;right:25px}[dir=rtl] .mm-btn_next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}[dir=rtl] .mm-btn_prev:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}[dir=rtl] .mm-btn_close:after,[dir=rtl] .mm-btn_close:before{right:auto}[dir=rtl] .mm-btn_close:before{left:25px}[dir=rtl] .mm-btn_close:after{left:18px}.mm-navbar{min-height:44px;border-bottom:1px solid rgba(0,0,0,.1);background:#f3f3f3;color:rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;min-height:var(--mm-navbar-size);border-bottom:1px solid var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-navbar>*{min-height:44px}@supports ((position:-webkit-sticky) or (position:sticky)){.mm-navbar_sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}}.mm-navbar>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-navbar__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.mm-navbar__title{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:20px;padding-right:20px;overflow:hidden}.mm-navbar__title:not(:last-child){padding-right:0}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title{padding-left:0}.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title:last-child{padding-right:50px}[dir=rtl] .mm-navbar{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-listitem{color:rgba(0,0,0,.75);border-color:rgba(0,0,0,.1);color:var(--mm-color-text);border-color:var(--mm-color-border);list-style:none;display:block;padding:0;margin:0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mm-listitem:after{content:'';border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:20px;right:0;bottom:0}.mm-listitem a,.mm-listitem a:hover{text-decoration:none}.mm-listitem__btn,.mm-listitem__text{padding:12px;display:block;padding:calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);padding-left:0;padding-right:0;color:inherit}.mm-listitem__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:20px;padding-right:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%}.mm-listitem__btn{background:rgba(3,2,1,0);border-color:inherit;width:auto;padding-right:50px;position:relative}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem_selected>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-listitem_opened>.mm-listitem__btn,.mm-listitem_opened>.mm-panel{background:rgba(0,0,0,.05);background:var(--mm-color-background-highlight)}[dir=rtl] .mm-listitem:after{left:0;right:20px}[dir=rtl] .mm-listitem__text{padding-left:10px;padding-right:20px}[dir=rtl] .mm-listitem__btn{padding-left:50px;border-left-width:0;border-left-style:none}[dir=rtl] .mm-listitem__btn:not(.mm-listitem__text){padding-right:0;border-right-width:1px;border-right-style:solid}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}.mm-wrapper_opened{overflow-x:hidden;position:relative}.mm-wrapper_opened .mm-page{min-height:100vh}.mm-wrapper_background .mm-page{background:inherit}.mm-menu_offcanvas{position:fixed;right:auto;z-index:0}.mm-menu_offcanvas:not(.mm-menu_opened){display:none}.mm-menu_offcanvas{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper__blocker{background:rgba(3,2,1,0);overflow:hidden;display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}.mm-wrapper_blocking{overflow:hidden}.mm-wrapper_blocking body{overflow:hidden}.mm-wrapper_blocking .mm-wrapper__blocker{display:block}.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important}.mm-menu_autoheight:not(.mm-menu_offcanvas){position:relative}.mm-menu_autoheight.mm-menu_position-bottom,.mm-menu_autoheight.mm-menu_position-top{max-height:80%}.mm-menu_autoheight-measuring .mm-panel{display:block!important}.mm-menu_autoheight-measuring .mm-panels>.mm-panel{bottom:auto!important;height:auto!important}.mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel{display:none!important}[class*=mm-menu_columns-]{-webkit-transition-property:width;-o-transition-property:width;transition-property:width}[class*=mm-menu_columns-] .mm-panels>.mm-panel{right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened,[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened-parent{display:block!important}[class*=mm-panel_columns-]{border-right:1px solid;border-color:inherit}.mm-menu_columns-1 .mm-panel_columns-0,.mm-menu_columns-2 .mm-panel_columns-1,.mm-menu_columns-3 .mm-panel_columns-2,.mm-menu_columns-4 .mm-panel_columns-3{border-right:none}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-0{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_columns-0 .mm-panels>.mm-panel{z-index:0}.mm-menu_columns-0 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-0 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_columns-0{width:80%;min-width:240px;max-width:0}.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:0px){.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:0px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-1{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_columns-1 .mm-panels>.mm-panel{z-index:1;width:100%}.mm-menu_columns-1 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-1 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu_columns-1{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-2{-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu_columns-2 .mm-panels>.mm-panel{z-index:2;width:50%}.mm-menu_columns-2 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-2 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu_columns-2{width:80%;min-width:240px;max-width:880px}.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:1100px){.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout{-webkit-transform:translate3d(880px,0,0);transform:translate3d(880px,0,0)}}.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:1100px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-880px,0,0);transform:translate3d(-880px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-3{-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu_columns-3 .mm-panels>.mm-panel{z-index:3;width:33.34%}.mm-menu_columns-3 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-3 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu_columns-3{width:80%;min-width:240px;max-width:1320px}.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:1650px){.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout{-webkit-transform:translate3d(1320px,0,0);transform:translate3d(1320px,0,0)}}.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:1650px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-1320px,0,0);transform:translate3d(-1320px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-4{-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu_columns-4 .mm-panels>.mm-panel{z-index:4;width:25%}.mm-menu_columns-4 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-4 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}.mm-menu_columns-4{width:80%;min-width:240px;max-width:1760px}.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:2200px){.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout{-webkit-transform:translate3d(1760px,0,0);transform:translate3d(1760px,0,0)}}.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:2200px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-1760px,0,0);transform:translate3d(-1760px,0,0)}}[class*=mm-menu_columns-].mm-menu_position-bottom,[class*=mm-menu_columns-].mm-menu_position-top{width:100%;max-width:100%;min-width:100%}.mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front{-webkit-transition-property:width,min-width,max-width,-webkit-transform;transition-property:width,min-width,max-width,-webkit-transform;-o-transition-property:width,min-width,max-width,transform;transition-property:width,min-width,max-width,transform;transition-property:width,min-width,max-width,transform,-webkit-transform}.mm-counter{color:rgba(0,0,0,.3);display:block;padding-left:20px;float:right;text-align:right;color:var(--mm-color-text-dimmed)}.mm-listitem_nosubitems>.mm-counter{display:none}[dir=rtl] .mm-counter{text-align:left;float:left;padding-left:0;padding-right:20px}.mm-divider{position:relative;min-height:20px;padding:4.3px;background:#f3f3f3;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-height:var(--mm-line-height);padding:calc(((var(--mm-listitem-size) * .65) - var(--mm-line-height)) * .5);padding-right:10px;padding-left:20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-divider:before{background:rgba(0,0,0,.05)}@supports ((position:-webkit-sticky) or (position:sticky)){.mm-divider{position:-webkit-sticky;position:sticky;z-index:2;top:0}.mm-navbar_sticky:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}}.mm-divider:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--mm-color-background-highlight)}.mm-wrapper_dragging .mm-menu,.mm-wrapper_dragging .mm-slideout{-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.mm-wrapper_dragging .mm-menu{pointer-events:none!important}.mm-wrapper_dragging .mm-wrapper__blocker{display:none!important}.mm-menu_dropdown{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%}.mm-wrapper_dropdown .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-wrapper_dropdown .mm-wrapper__blocker{-webkit-transition-delay:0s!important;-o-transition-delay:0s!important;transition-delay:0s!important;z-index:1}.mm-wrapper_dropdown .mm-menu_dropdown{z-index:2}.mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown{display:none}.mm-menu_tip-bottom:before,.mm-menu_tip-left:before,.mm-menu_tip-right:before,.mm-menu_tip-top:before{content:'';background:inherit;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;width:15px;height:15px;position:absolute;z-index:-1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mm-menu_tip-left:before{left:22px}.mm-menu_tip-right:before{right:22px}.mm-menu_tip-top:before{top:-8px}.mm-menu_tip-bottom:before{bottom:-8px}:root{--mm-iconbar-size:50px}.mm-menu_iconbar-left .mm-navbars_bottom,.mm-menu_iconbar-left .mm-navbars_top,.mm-menu_iconbar-left .mm-panels{margin-left:50px;margin-left:var(--mm-iconbar-size)}.mm-menu_iconbar-left .mm-iconbar{border-right-width:1px;display:block;left:0}.mm-menu_iconbar-right .mm-navbars_bottom,.mm-menu_iconbar-right .mm-navbars_top,.mm-menu_iconbar-right .mm-panels{margin-right:50px;margin-right:var(--mm-iconbar-size)}.mm-menu_iconbar-right .mm-iconbar{border-left-width:1px;display:block;right:0}.mm-iconbar{width:50px;border-color:rgba(0,0,0,.1);background:#f3f3f3;color:rgba(0,0,0,.3);display:none;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;bottom:0;z-index:2;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-iconbar__bottom,.mm-iconbar__top{width:inherit;position:absolute}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:12.5px 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__top{top:0}.mm-iconbar__bottom{bottom:0}.mm-iconbar__tab_selected{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel_iconpanel-1{width:calc(100% - 50px);width:calc(100% - (var(--mm-iconpanel-size) * 1))}.mm-panel_iconpanel-2{width:calc(100% - 100px);width:calc(100% - (var(--mm-iconpanel-size) * 2))}.mm-panel_iconpanel-3{width:calc(100% - 150px);width:calc(100% - (var(--mm-iconpanel-size) * 3))}.mm-panel_iconpanel-first~.mm-panel{width:calc(100% - 50px);width:calc(100% - var(--mm-iconpanel-size))}.mm-menu_iconpanel .mm-panels>.mm-panel{left:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:transform,width;transition-property:transform,width;transition-property:transform,width,-webkit-transform}.mm-menu_iconpanel .mm-panels>.mm-panel_opened,.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent{display:block!important}.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent{overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left-width:1px;border-left-style:solid}.mm-menu_hidedivider .mm-panel_opened-parent .mm-divider,.mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar{opacity:0}.mm-panel__blocker{background:inherit;opacity:0;display:block;position:absolute;top:0;right:0;left:0;z-index:3;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-panel_opened-parent .mm-panel__blocker{opacity:.6;bottom:-100000px}[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel{left:0;right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:transform,width;transition-property:transform,width;transition-property:transform,width,-webkit-transform}[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left:none;border-right:1px solid;border-color:inherit}.mm-menu_keyboardfocus a:focus,.mm-menu_keyboardfocus.mm-menu_opened~.mm-wrapper__blocker a:focus{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis);outline:0}.mm-wrapper__blocker .mm-tabstart{cursor:default;display:block;width:100%;height:100%}.mm-wrapper__blocker .mm-tabend{opacity:0;position:absolute;bottom:0}.mm-navbars_top{-ms-flex-negative:0;flex-shrink:0}.mm-navbars_top .mm-navbar:not(:last-child){border-bottom:none}.mm-navbars_bottom{-ms-flex-negative:0;flex-shrink:0}.mm-navbars_bottom .mm-navbar{border-bottom:none}.mm-navbars_bottom .mm-navbar:first-child{border-top:1px solid rgba(0,0,0,.1);border-top:1px solid var(--mm-color-border)}.mm-btn:not(.mm-hidden)+.mm-navbar__searchfield .mm-searchfield__input{padding-left:0}.mm-navbar__searchfield:not(:last-child) .mm-searchfield__input{padding-right:0}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-right:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){padding-right:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{padding-left:0}.mm-navbar_tabs>*{padding:0 10px;border:1px solid transparent}.mm-navbar__tab_selected{background:#f3f3f3;color:rgba(0,0,0,.75);background:var(--mm-color-background);color:var(--mm-color-text)}.mm-navbar__tab_selected:not(:first-child){border-left-color:rgba(0,0,0,.1)}.mm-navbar__tab_selected:not(:last-child){border-right-color:rgba(0,0,0,.1)}.mm-navbar__tab_selected:not(:first-child){border-left-color:var(--mm-color-border)}.mm-navbar__tab_selected:not(:last-child){border-right-color:var(--mm-color-border)}.mm-navbars_top .mm-navbar_tabs{border-bottom:none}.mm-navbars_top .mm-navbar_tabs>*{border-bottom-color:rgba(0,0,0,.1);border-bottom-color:var(--mm-color-border)}.mm-navbars_top .mm-navbar__tab_selected{border-top-color:rgba(0,0,0,.1);border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars_top.mm-navbars_has-tabs .mm-navbar{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar{background:#f3f3f3;background:var(--mm-color-background)}.mm-navbars_bottom .mm-navbar_tabs:first-child{border-top:none}.mm-navbars_bottom .mm-navbar_tabs>*{border-top-color:rgba(0,0,0,.1);border-top-color:var(--mm-color-border)}.mm-navbars_bottom .mm-navbar__tab_selected{border-bottom-color:rgba(0,0,0,.1);border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar{background:#f3f3f3;background:var(--mm-color-background)}.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs,.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-searchfield{height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield input{height:30.8px;line-height:30.8px}.mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.75)}.mm-searchfield input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:unset;max-height:unset;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none!important;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);-webkit-box-shadow:none!important;box-shadow:none!important;outline:0!important;font:inherit;font-size:inherit}.mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-searchfield input::-ms-clear{display:none}.mm-searchfield__input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-panel__noresultsmsg{color:rgba(0,0,0,.3);padding:50px 0;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%}.mm-searchfield__btn{position:absolute;right:0;top:0;bottom:0}.mm-panel_search{left:0!important;right:0!important;width:100%!important;border-left:none!important}.mm-searchfield__cancel{line-height:44px;display:block;padding-right:10px;margin-right:-100px;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition:margin .4s ease;-o-transition:margin .4s ease;transition:margin .4s ease}.mm-searchfield__cancel-active{margin-right:0}.mm-listitem_nosubitems>.mm-listitem__btn{display:none}.mm-listitem_nosubitems>.mm-listitem__text{padding-right:10px}.mm-listitem_onlysubitems>.mm-listitem__text:not(.mm-listitem__btn){z-index:-1;pointer-events:none}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-20px;z-index:5;-webkit-transition:right .4s ease;-o-transition:right .4s ease;transition:right .4s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:rgba(0,0,0,.3);color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{padding-right:0}.mm-sectionindexer_active{right:0}.mm-sectionindexer_active~.mm-panel{padding-right:20px}.mm-menu_selected-hover .mm-listitem__btn,.mm-menu_selected-hover .mm-listitem__text,.mm-menu_selected-parent .mm-listitem__btn,.mm-menu_selected-parent .mm-listitem__text{-webkit-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease}.mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected>.mm-listitem__text{background:0 0}.mm-menu_selected-hover .mm-listitem__btn:hover,.mm-menu_selected-hover .mm-listitem__text:hover{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent)>.mm-listitem__text{background:0 0}.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__btn,.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:440px}.mm-wrapper_sidebar-collapsed body,.mm-wrapper_sidebar-expanded body{position:relative}.mm-wrapper_sidebar-collapsed .mm-slideout,.mm-wrapper_sidebar-expanded .mm-slideout{-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-wrapper_sidebar-collapsed .mm-page,.mm-wrapper_sidebar-expanded .mm-page{background:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh}.mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed,.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;top:0!important;right:auto!important;bottom:0!important;left:0!important}.mm-wrapper_sidebar-collapsed .mm-slideout{width:calc(100% - 50px);-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0);width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size),0,0);transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-divider,.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar{opacity:0}.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{width:440px;width:var(--mm-sidebar-expanded-size);min-width:0!important;max-width:100000px!important;border-right-width:1px;border-right-style:solid}.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after{content:none;display:none}.mm-wrapper_sidebar-expanded.mm-wrapper_blocking,.mm-wrapper_sidebar-expanded.mm-wrapper_blocking body{overflow:visible}.mm-wrapper_sidebar-expanded .mm-wrapper__blocker{display:none!important}.mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout{width:calc(100% - 440px);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0);width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(var(--mm-sidebar-expanded-size),0,0);transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}.mm-menu__blocker{background:rgba(3,2,1,0);display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.mm-menu_opened .mm-menu__blocker{display:none}[dir=rtl].mm-wrapper_sidebar-collapsed .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl].mm-wrapper_sidebar-expanded .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}input.mm-toggle{margin-top:5px;background:rgba(0,0,0,.1);display:inline-block;min-width:58px;width:58px;height:34px;margin:0 10px;margin-top:calc((var(--mm-listitem-size) - 34px)/ 2);border:none!important;background:var(--mm-color-border);border-radius:34px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;cursor:pointer;-webkit-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}input.mm-toggle:before{background:#f3f3f3}input.mm-toggle:before{content:'';display:block;width:32px;height:32px;margin:1px;border-radius:34px;background:var(--mm-color-background);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}input.mm-toggle:checked{background:#4bd963}input.mm-toggle:checked:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}input.mm-check{margin-top:2px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;background:0 0!important;cursor:pointer;display:inline-block;width:40px;height:40px;margin:0 10px;margin-top:calc((var(--mm-listitem-size) - 40px)/ 2)}input.mm-check:before{content:'';display:block;width:40%;height:20%;margin:25% 0 0 20%;border-left:3px solid;border-bottom:3px solid;border-color:var(--mm-color-text);opacity:.3;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}input.mm-check:checked:before{opacity:1}[dir=rtl] input.mm-toggle:checked~label.mm-toggle:before{float:left}.mm-menu_border-none .mm-listitem:after{content:none}.mm-menu_border-full .mm-listitem:after{left:0!important}.mm-menu_fx-menu-slide{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-wrapper_opened .mm-menu_fx-menu-slide{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-wrapper_opening .mm-menu_fx-menu-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-none .mm-panel,.mm-panel_fx-none{-webkit-transition-property:none;-o-transition-property:none;transition-property:none}.mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent,.mm-panel_fx-none.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-slide-0 .mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-slide-100 .mm-panel_opened-parent{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_fullscreen{width:100%;min-width:140px;max-width:10000px}.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout{-webkit-transform:translate3d(100vw,0,0);transform:translate3d(100vw,0,0)}@media all and (max-width:140px){.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:10000px){.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout{-webkit-transform:translate3d(10000px,0,0);transform:translate3d(10000px,0,0)}}.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-100vw,0,0);transform:translate3d(-100vw,0,0)}@media all and (max-width:140px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:10000px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-10000px,0,0);transform:translate3d(-10000px,0,0)}}.mm-menu_fullscreen.mm-menu_position-top{height:100vh;min-height:140px;max-height:10000px}.mm-menu_fullscreen.mm-menu_position-bottom{height:100vh;min-height:140px;max-height:10000px}.mm-menu_listview-justify .mm-panels>.mm-panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mm-menu_listview-justify .mm-panels>.mm-panel:after{content:none;display:none}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listview{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;margin-top:0;margin-bottom:0}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;min-height:50px}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem__text{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mm-listview_inset{list-style:inside disc;width:100%;padding:0 30px 15px 30px;margin:0}.mm-listview_inset .mm-listitem{padding:5px 0}.mm-menu_multiline .mm-listitem__text{-o-text-overflow:clip;text-overflow:clip;white-space:normal}[class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{opacity:0}.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{opacity:.3;-webkit-transition:opacity .4s ease .4s;-o-transition:opacity .4s ease .4s;transition:opacity .4s ease .4s}.mm-menu_opened.mm-menu_pagedim~.mm-wrapper__blocker{background:inherit}.mm-menu_opened.mm-menu_pagedim-black~.mm-wrapper__blocker{background:#000}.mm-menu_opened.mm-menu_pagedim-white~.mm-wrapper__blocker{background:#fff}.mm-menu_popup{-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%;min-height:140px;max-height:880px;top:50%;left:50%;bottom:auto;right:auto;z-index:2;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.mm-menu_popup.mm-menu_opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu_popup.mm-menu_opened~.mm-wrapper__blocker{-webkit-transition-delay:0s!important;-o-transition-delay:0s!important;transition-delay:0s!important;z-index:1}.mm-wrapper_opening .mm-menu_popup{opacity:1}.mm-menu_position-right{left:auto;right:0}.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}.mm-menu_position-bottom,.mm-menu_position-front,.mm-menu_position-top{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-menu_position-bottom.mm-menu_opened,.mm-menu_position-front.mm-menu_opened,.mm-menu_position-top.mm-menu_opened{z-index:2}.mm-menu_position-bottom.mm-menu_opened~.mm-slideout,.mm-menu_position-front.mm-menu_opened~.mm-slideout,.mm-menu_position-top.mm-menu_opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu_position-bottom.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-front.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-top.mm-menu_opened~.mm-wrapper__blocker{z-index:1}.mm-menu_position-front{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_position-front.mm-menu_position-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_position-bottom,.mm-menu_position-top{width:100%;min-width:100%;max-width:100%}.mm-menu_position-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu_position-top{height:80vh;min-height:140px;max-height:880px}.mm-menu_position-bottom{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);top:auto}.mm-menu_position-bottom{height:80vh;min-height:140px;max-height:880px}.mm-wrapper_opening .mm-menu_position-bottom,.mm-wrapper_opening .mm-menu_position-front,.mm-wrapper_opening .mm-menu_position-top{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_shadow-page:after{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);content:'';display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:100;-webkit-clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%);clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_shadow-page.mm-menu_position-right:after{left:auto;right:100%;-webkit-clip-path:polygon(20px 0,40px 0,40px 100%,20px 100%);clip-path:polygon(20px 0,40px 0,40px 100%,20px 100%)}.mm-menu_shadow-page.mm-menu_position-front:after{content:none;display:none}.mm-menu_shadow-menu{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_shadow-panels .mm-panels>.mm-panel{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_tileview .mm-listview,.mm-panel_tileview .mm-listview{margin:0!important}.mm-menu_tileview .mm-listview:after,.mm-panel_tileview .mm-listview:after{content:'';display:block;clear:both}.mm-menu_tileview .mm-listitem,.mm-panel_tileview .mm-listitem{padding:0;float:left;position:relative;width:50%;height:0;padding-top:50%}.mm-menu_tileview .mm-listitem:after,.mm-panel_tileview .mm-listitem:after{left:0;top:0;border-right-width:1px;border-right-style:solid;z-index:-1}.mm-menu_tileview .mm-listitem.mm-tile-xs,.mm-panel_tileview .mm-listitem.mm-tile-xs{width:12.5%;padding-top:12.5%}.mm-menu_tileview .mm-listitem.mm-tile-s,.mm-panel_tileview .mm-listitem.mm-tile-s{width:25%;padding-top:25%}.mm-menu_tileview .mm-listitem.mm-tile-l,.mm-panel_tileview .mm-listitem.mm-tile-l{width:75%;padding-top:75%}.mm-menu_tileview .mm-listitem.mm-tile-xl,.mm-panel_tileview .mm-listitem.mm-tile-xl{width:100%;padding-top:100%}.mm-menu_tileview .mm-listitem__text,.mm-panel_tileview .mm-listitem__text{line-height:1px;text-align:center;padding:50% 10px 0 10px;margin:0;position:absolute;top:0;right:1px;bottom:1px;left:0}.mm-menu_tileview .mm-listitem__btn,.mm-panel_tileview .mm-listitem__btn{width:auto}.mm-menu_tileview .mm-listitem__btn:after,.mm-menu_tileview .mm-listitem__btn:before,.mm-panel_tileview .mm-listitem__btn:after,.mm-panel_tileview .mm-listitem__btn:before{content:none;display:none}.mm-menu_tileview .mm-divider,.mm-panel_tileview .mm-divider{display:none}.mm-menu_tileview .mm-panel,.mm-panel_tileview{padding-left:0;padding-right:0}.mm-menu_tileview .mm-panel:after,.mm-menu_tileview .mm-panel:before,.mm-panel_tileview:after,.mm-panel_tileview:before{content:none;display:none}body.modal-open .mm-slideout{z-index:unset} /* End */ /* Start:/local/templates/vtm2022/components/bitrix/menu/top/style.css?17870579081693*/ #horizontal-multilevel-menu a.parent {} /*Sub-menu box*/ #horizontal-multilevel-menu li ul { position: absolute; /*top:-999em;*/ top: auto; display: none; z-index: 500; padding: 1rem; height: auto; /* background: #F7F6FB; */ background: #FFFFFF; box-shadow: 0px 0px 10px rgb(22 22 22 / 20%); list-style: none } /*Sub-menu item box*/ #horizontal-multilevel-menu li li { width: 100%; } #horizontal-multilevel-menu li li a { color: #212121; display: block; /* padding: 13px 20px; */ padding: 5px 24px; } #horizontal-multilevel-menu li ul ul { margin: -27px 0 0 132px; /*margin:-1.93em 0 0 11.6em;*/ } #horizontal-multilevel-menu li:hover ul ul, #horizontal-multilevel-menu li.jshover ul ul, #horizontal-multilevel-menu li:hover ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul ul { /*top:-999em;*/ display: none; } #horizontal-multilevel-menu li:hover ul, #horizontal-multilevel-menu li.jshover ul, #horizontal-multilevel-menu li li:hover ul, #horizontal-multilevel-menu li li.jshover ul, #horizontal-multilevel-menu li li li:hover ul, #horizontal-multilevel-menu li li li.jshover ul, #horizontal-multilevel-menu li li li li:hover ul, #horizontal-multilevel-menu li li li li.jshover ul, #horizontal-multilevel-menu li li li li li:hover ul, #horizontal-multilevel-menu li li li li li.jshover ul { /*z-index:1000; top:auto;*/ display: block; } div.menu-clear-left { clear: left; } /* End */ /* Start:/local/templates/vtm2022/components/delement/search.title/VTM_styc_mobile/style.css?17870579082141*/ .header-search-form{ position: relative; } div.title-search-result { border:none; display:block; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/templates/vtm2022/components/delement/search.title/VTM_styc_mobile/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } /* End */ /* Start:/local/templates/vtm2022/components/delement/search.title/VTM_styc/style.css?17873147212188*/ .header-search-form{ position: relative; } div.title-search-result { border:none; display:block; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/templates/vtm2022/components/delement/search.title/VTM_styc/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } .search-list-wrapper { flex: 1 1 auto; } /* End */ /* Start:/local/templates/vtm2022/components/bitrix/sale.basket.basket.line/VTM/style.css?17870579084401*/ .bx-basket { } .bx-basket-block { position: relative; padding-bottom: 5px; padding-left: 20px; white-space: nowrap; font-size: 12px; } .bx-basket-block > .fa { position: absolute; top: 3px; left: 0; width: 12px; color: #97a1ab; } .bx-basket-block a { margin-right: 10px; } /*FIXED BASKET*/ @media (min-width: 768px) { .bx-basket-fixed { position: fixed; z-index: 998; overflow: hidden; padding-top: 10px; width: 200px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-fixed.top { top: 10px } .bx-basket-fixed.right { right: 10px } .bx-basket-fixed.bottom { bottom: 10px } .bx-basket-fixed.left { left: 10px } .bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; } } @media (max-width: 767px) { .bx-basket-fixed { position: fixed; right: 0; bottom: 0; left: 0; z-index: 998; overflow: hidden; padding-top: 10px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-item-list { display: none; } /*.bx-basket-fixed */ } .bx-basket-fixed .bx-basket-block { margin-left: 10px; } .bx-basket-item-list { position: relative; overflow: hidden; padding-bottom: 20px; border-top: 1px solid #f7f7f7; } .bx-opener .bx-basket-item-list { padding-bottom: 75px; } .bx-max-height .bx-basket-item-list { position: absolute; right: 0; bottom: 0; left: 0; } .bx-closed .bx-basket-item-list { overflow: hidden; height: 20px; } .bx-basket-item-list-action { position: absolute; right: 0; bottom: 0; left: 0; z-index: 120; padding: 3px 0; height: 20px; background: #f7f7f7; color: #4f4f4f; vertical-align: middle; text-align: center; font-size: 12px; line-height: 14px; cursor: pointer; } .bx-basket-item-list-button-container { position: absolute; right: 0; bottom: 20px; left: 0; padding: 10px 0; border-top: 1px solid #f7f7f7; background: #fff; text-align: center; } .bx-basket-item-list-container { overflow-y: auto; max-height: 100% } .bx-basket-item-list-item { position: relative; margin-bottom: 15px; padding-top: 15px; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #f7f7f7; } .bx-basket-item-list-container .bx-basket-item-list-item:last-child { margin-bottom: 0; border-bottom: none; } .bx-basket-item-list-item-status { margin: 0 10px 20px; padding: 3px; border-radius: 3px; background: #ebebeb; text-align: center; white-space: normal; font-weight: bold; font-size: 12px; line-height: 16px; } .bx-basket-item-list-item-img { position: relative; padding-bottom: 5px; text-align: center; } .bx-basket-item-list-item-img img { max-width: 90px; height: auto; border: 1px solid #e6e6e6; } .bx-basket-item-list-item-name { padding-bottom: 5px; } .bx-basket-item-list-item-name a { font-size: 13px; line-height: 16px; } .bx-basket-item-list-item-remove { position: absolute; top: -7px; right: 10px; width: 20px; height: 20px; opacity: .5; cursor: pointer; transition: 250ms linear all; } .bx-basket-item-list-item-remove:after, .bx-basket-item-list-item-remove:before { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 2px; border-radius: 1px; background-color: #333; content: ''; transform: translate(-50%, -50%); } .bx-basket-item-list-item-remove:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .bx-basket-item-list-item-remove:before { -webkit-transform: translate(-50%, -50%) rotate(135deg); -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .bx-basket-item-list-item-remove:hover { opacity: .7; } .bx-basket-item-list-item-price-block { padding-bottom: 5px; font-size: 12px; } .bx-basket-item-list-item-price { display: inline-block; margin-right: 5px; } .bx-basket-item-list-item-price-old { display: inline-block; margin-right: 5px; color: #b0b0b0; text-decoration: line-through } .bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; } /* End */ /* Start:/local/templates/vtm2022/components/bitrix/breadcrumb/vtm/style.css?1787057908552*/ .bx-breadcrumb { margin: 10px 0; } .bx-breadcrumb i { color: #b5bdc2; line-height: 13px; font-size: 12px; vertical-align: middle; margin-right: 5px; } .bx-breadcrumb .bx-breadcrumb-item { float: left; margin-bottom: 10px; white-space: nowrap; line-height: 13px; vertical-align: middle; margin-right: 10px; } .bx-breadcrumb .bx-breadcrumb-item span { font-family: var(--main-font-family); font-size: 13px; white-space: normal; } .bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;} .bx-breadcrumb .bx-breadcrumb-item a:hover { } /* End */ /* Start:/local/templates/vtm2022/components/bitrix/catalog.products.viewed/view_products/style.css?17870579088077*/ @media (min-width: 1200px){ /*lg*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-md-2:nth-child(6n+1), .product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-md-3:nth-child(4n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } @media (min-width: 992px) and (max-width:1199px){ /*md*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-md-2:nth-child(6n+1), .product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-md-3:nth-child(4n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } @media (min-width: 768px) and (max-width: 991px){ /*sm*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), .product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-1-4 > .col-sm-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } @media (max-width: 767px){ /*xs*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } .catalog-products-viewed-header{ font-size:14px; font-weight: bold; text-align: left; margin:5px 0; padding:5px 15px; border-bottom: 2px solid #d9dee6; color: #000; } .row::before { display: initial; } .products-viewed { margin-top: 40px; } .products-viewed__nav { position: relative; } @media screen and (max-width: 640px) { .products-viewed__top { margin-bottom: 40px; } .products-viewed__nav .products-viewed-next, .products-viewed__nav .products-viewed-prev { top: 75px } } @media screen and (max-width: 580px) { .products-viewed__slider .product-item { margin-left: auto; margin-right: auto; } } @media screen and (max-width: 540px) { .products-viewed_title { max-width: 30px; } .products-viewed__nav .products-viewed-next, .products-viewed__nav .products-viewed-prev { top: 100px; } } .products-viewed-next::after, .products-viewed-prev::after { content: ""!important; position: absolute; top: 0; bottom: 0; margin: auto; display: block; width: 12px; height: 12px; border-style: solid; border-color: var(--pelorous); border-width: 0px 2px 2px 0px; opacity: 1; } .products-viewed-next::after, .products-viewed-next::before { left: 11px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); } .products-viewed-prev::after, .products-viewed-prev::before { left: 16px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); } .products-viewed-prev::after, .products-viewed-prev::before { border-color: var(--pelorous); } .products-viewed-next:hover::after, .products-viewed-prev:hover::after { border-color: #fff; } .products-viewed__item .product-item-button-container .btn-default:after { display: none; } .products-viewed__nav .products-viewed-prev, .products-viewed__nav .products-viewed-next { position: absolute; width: 42px; height: 42px; border: 2px solid var(--pelorous); background: #fff; border-radius: 2px; cursor: pointer } .products-viewed .products-viewed-prev { left: calc(100% - 105px); } .products-viewed .products-viewed-next { right: 0; } .products-viewed-prev:hover, .products-viewed-next:hover { background: var(--pelorous); } .products-viewed__slider .swiper-wrapper { height: auto; } .products-viewed__slider { overflow: hidden; padding-top: 30px; padding-bottom: 80px; padding-left: 10px; padding-right: 10px; margin-left: -10px; margin-right: -10px; } .products-viewed__slider .swiper-slide { box-shadow: 0px 0px 30px #F1F4F9; } .products-viewed__slider .swiper-slide:hover { box-shadow: 0px 0px 30px rgba(70, 157, 189, 0.17); } .products-viewed__slider .product-item { width: 100%; height: 100%; padding: 12px 20px 0px; margin: 0; border: none } .products-viewed__slider .product-item-image-wrapper { display: block; text-align: center; margin-bottom: 10px; height: 126px; } .products-viewed__slider .product-item-image-wrapper .product-item-image-original { display: block; width: 100%; height: 100%; background-size: contain; } .products-viewed__slider .product-item-title { margin-top: 11px; margin-bottom: 10px; } .products-viewed__slider .product-item-title a { font-weight: 700; font-size: 14px; line-height: 20px; text-align: center; color: #323232; } .products-viewed__slider .product-item-title a:hover { color: var(--cerulean) } .products-viewed__slider .catalog-in-cart-link { color: var(--pelorous)!important; background: #FFFFFF; position: relative!important; right: unset; display: inline-block; width: auto; height: auto; padding: 11px 20px 11px 49px; font-weight: 700; font-size: 16px; line-height: 19px; color: #FFFFFF; border-radius: 28px; -webkit-border-radius: 28px; -moz-border-radius: 28px; -ms-border-radius: 28px; -o-border-radius: 28px; border: 1px solid var(--pelorous); } .products-viewed__item .catalog-in-cart-link:not(.product-item-detail-buy-button):before { top: 16px; left: 25px; right: unset; } /* End */ /* Start:/local/templates/vtm2022/components/vilka/cities/modal/style.css?1787057908513*/ .regions a { cursor: pointer; } .regions a.active { font-weight: bold; } .region_list { column-count: 4; } @media(max-width: 720px) { .region_list { column-count: 1; } } .region_list a { display: block; padding: 4px 0; line-height: 20px; text-decoration: none; } .region_list a:hover { text-decoration: underline; } .region_list .item { width: 120px; margin-bottom: 15px; } .region_list .item .bukva { font-size: 140%; } /* End */ /* Start:/local/templates/vtm2022/components/apriori.ecom/cookiesnote/.default/style.css?17870579082996*/ .cookie-notification-modal { max-width: 340px; position:fixed; left: 0; bottom: 0; z-index: 99999; padding: 20px 30px; background-color:#ffffff; box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1); } .cookie-agree__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cookie-agree__button { font-size: 12px; font-weight: 300; margin: 0; font-family: inherit; padding-left: 24px; padding-right: 24px; min-width: 160px; min-height: auto; padding: 11.2px; line-height: 100%; } a.cookie-agree__button__more { font-size: 12px; font-weight: 300; font-family: inherit; padding-left: 24px; padding-right: 24px; padding: 11.2px; line-height: 110%; } .cookie-agree__button:not(:last-child) { margin-bottom: 8px; } .cookie-agree { 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% } .cookie-agree__text { font-size: 12px; font-weight: 300; line-height: 150%; text-align: center; margin-bottom: 16px; } .cookie-agree__question { cursor: pointer; position: static; display: inline; opacity: 1; text-align: center; } @media (max-width: 992px) { .cookie-agree__question { display: none; } } .cookie-agree__question svg { display: inline; fill: #b4b4b4; } .cookie-modal__close { background-color: transparent; border: none; position: absolute; width: 15px; height: 15px; top: 15px; right: 19.8px; top: 3px; right: 3px; 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; cursor: pointer; z-index: 5; width: 20px; height: 20px; } .cookie-modal__close:hover, .cookie-modal__close:focus { opacity: 0.7; } .cookie-modal__close::before, .cookie-modal__close::after { position: absolute; content: ""; width: 19.2px; height: 1px; background: #b4b4b4; border-radius: 50px; display: block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .cookie-modal__close::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .cookie-modal__close::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* End */ /* Start:/local/templates/vtm2022/template_styles.css?1787057908513*/ .message.success{ border: 1px solid green; color: green; padding: 10px 20px; margin-bottom: 20px; line-height: 1.3; } .message.error{ border: 1px solid red; color: red; padding: 10px 20px; margin-bottom: 20px; line-height: 1.3; } .notfound{ font-size: 16px; line-height: 1.2; font-style: normal; font-weight: 400; font-family: 'Roboto'; margin: 0 0 40px 40px; width: 65%; } .notfound h1{ margin-left: 0px; margin-bottom: 0px; } /* End */ /* /local/templates/vtm2022/css/font-awesome.min.css?178705790831000 */ /* /local/templates/vtm2022/libs/jquery-ui-custom/jquery-ui.min.css?178705790815058 */ /* /local/templates/vtm2022/libs/jquery-ui-custom/jquery-ui.theme.min.css?178705790813847 */ /* /local/templates/vtm2022/libs/slick-slider/slick.css?17870579081776 */ /* /local/templates/vtm2022/libs/slick-slider/slick-theme.css?17870579083145 */ /* /local/templates/vtm2022/css/jquery.lightbox-0.5.css?17870579082264 */ /* /local/templates/vtm2022/libs/mCustomScrollbar/jquery.mCustomScrollbar.min.css?178705790842839 */ /* /local/templates/vtm2022/css/style.css?1787321628259039 */ /* /local/templates/vtm2022/libs/mmenu/mmenu.css?178705790848586 */ /* /local/templates/vtm2022/components/bitrix/menu/top/style.css?17870579081693 */ /* /local/templates/vtm2022/components/delement/search.title/VTM_styc_mobile/style.css?17870579082141 */ /* /local/templates/vtm2022/components/delement/search.title/VTM_styc/style.css?17873147212188 */ /* /local/templates/vtm2022/components/bitrix/sale.basket.basket.line/VTM/style.css?17870579084401 */ /* /local/templates/vtm2022/components/bitrix/breadcrumb/vtm/style.css?1787057908552 */ /* /local/templates/vtm2022/components/bitrix/catalog.products.viewed/view_products/style.css?17870579088077 */ /* /local/templates/vtm2022/components/vilka/cities/modal/style.css?1787057908513 */ /* /local/templates/vtm2022/components/apriori.ecom/cookiesnote/.default/style.css?17870579082996 */ /* /local/templates/vtm2022/template_styles.css?1787057908513 */