/* Start:/bitrix/templates/souz/css/font-awesome.min.css?163975360130852*/ @font-face{font-display:swap;font-family:'FontAwesome';src:url('../fonts/e2bMIPXXqHw0.eot');src:url('../fonts/Y5FQHBdPyQhP.eot#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/VA6ifV4Phu3X.woff2') format('woff2'),url('../fonts/WAMsVX86DjX3.woff') format('woff'),url('../fonts/uhKprj0ZBpuQ.ttf') format('truetype'),url('../images/vtdpoOiLAhRU.svg#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:/bitrix/templates/souz/css/main.css?1720091993298996*/ @charset "UTF-8"; .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: 0 } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list, .slick-slider .slick-track { -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:after, .slick-track:before { 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 } .ui-draggable-handle { -ms-touch-action: none; touch-action: none } .ui-helper-hidden { display: none } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none } .ui-helper-clearfix:after, .ui-helper-clearfix:before { content: ""; display: table; border-collapse: collapse } .ui-helper-clearfix:after { clear: both } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) } .ui-front { z-index: 100 } .ui-state-disabled { cursor: default !important; pointer-events: none } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .ui-resizable { position: relative } .ui-resizable-handle { position: absolute; font-size: .1px; display: block; -ms-touch-action: none; touch-action: none } .ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle { display: none } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0 } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0 } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100% } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100% } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px } .ui-selectable { -ms-touch-action: none; touch-action: none } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted #000 } .ui-sortable-handle { -ms-touch-action: none; touch-action: none } .ui-slider { position: relative; text-align: left } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0 } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit } .ui-slider-horizontal { height: .8em } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100% } .ui-slider-horizontal .ui-slider-range-min { left: 0 } .ui-slider-horizontal .ui-slider-range-max { right: 0 } .ui-slider-vertical { width: .8em; height: 100px } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em } .ui-slider-vertical .ui-slider-range { left: 0; width: 100% } .ui-slider-vertical .ui-slider-range-min { bottom: 0 } .ui-slider-vertical .ui-slider-range-max { top: 0 } .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em } .ui-widget .ui-widget { font-size: 1em } .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea { 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: 700 } .ui-widget-header a { color: #333 } .ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: 400; color: #454545 } .ui-button, .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 { color: #454545; text-decoration: none } .ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover { border: 1px solid #ccc; background: #ededed; font-weight: 400; color: #2b2b2b } .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover { color: #2b2b2b; text-decoration: none } .ui-visual-focus { box-shadow: 0 0 3px 1px #5e9ed6 } .ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active { border: 1px solid #003eff; background: #007fff; font-weight: 400; 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: 700 } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: 400 } .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(/bitrix/templates/souz/css/../libs/jquery-ui-1.12.1.custom/images/ui-icons_444444_256x240.png) } .ui-widget-header .ui-icon { background-image: url(/bitrix/templates/souz/css/../libs/jquery-ui-1.12.1.custom/images/ui-icons_444444_256x240.png) } .ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon { background-image: url(/bitrix/templates/souz/css/../libs/jquery-ui-1.12.1.custom/images/ui-icons_555555_256x240.png) } .ui-button:active .ui-icon, .ui-state-active .ui-icon { background-image: url(/bitrix/templates/souz/css/../libs/jquery-ui-1.12.1.custom/images/ui-icons_ffffff_256x240.png) } .ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon { background-image: url(/bitrix/templates/souz/css/../libs/jquery-ui-1.12.1.custom/images/ui-icons_777620_256x240.png) } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/bitrix/templates/souz/css/../libs/jquery-ui-1.12.1.custom/images/ui-icons_cc0000_256x240.png) } .ui-button .ui-icon { background-image: url(/bitrix/templates/souz/css/../libs/jquery-ui-1.12.1.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-left, .ui-corner-tl, .ui-corner-top { border-top-left-radius: 3px } .ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr { border-top-right-radius: 3px } .ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left { border-bottom-left-radius: 3px } .ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right { 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 } .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder { visibility: visible !important; background: #f2f2f2 !important; background: rgba(0, 0, 0, .06) !important; border: 0 none !important; -webkit-box-shadow: inset 0 0 12px 4px #fff; box-shadow: inset 0 0 12px 4px #fff } .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { content: '!'; visibility: hidden } .selectize-control.plugin-drag_drop .ui-sortable-helper { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2); box-shadow: 0 2px 5px rgba(0, 0, 0, .2) } .selectize-dropdown-header { position: relative; padding: 5px 8px; border-bottom: 1px solid #d0d0d0; background: #f8f8f8; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .selectize-dropdown-header-close { position: absolute; right: 8px; top: 50%; color: #303030; opacity: .4; margin-top: -12px; line-height: 20px; font-size: 20px !important } .selectize-dropdown-header-close:hover { color: #000 } .selectize-dropdown.plugin-optgroup_columns .optgroup { border-right: 1px solid #f2f2f2; border-top: 0 none; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0 none } .selectize-dropdown.plugin-optgroup_columns .optgroup:before { display: none } .selectize-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0 none } .selectize-control.plugin-remove_button [data-value] { position: relative; padding-right: 24px !important } .selectize-control.plugin-remove_button [data-value] .remove { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; width: 17px; text-align: center; font-weight: 700; font-size: 12px; color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 2px 0 0 0; border-left: 1px solid #0073bb; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .selectize-control.plugin-remove_button [data-value] .remove:hover { background: rgba(0, 0, 0, .05) } .selectize-control.plugin-remove_button [data-value].active .remove { border-left-color: #00578d } .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { background: 0 0 } .selectize-control.plugin-remove_button .disabled [data-value] .remove { border-left-color: #aaa } .selectize-control.plugin-remove_button .remove-single { position: absolute; right: 28px; top: 6px; font-size: 23px } .selectize-control { position: relative } .selectize-dropdown, .selectize-input, .selectize-input input { color: #303030; font-family: inherit; font-size: 13px; line-height: 18px; -webkit-font-smoothing: inherit } .selectize-control.single .selectize-input.input-active, .selectize-input { background: #fff; cursor: text; display: inline-block } .selectize-input { border: 1px solid #d0d0d0; padding: 8px 8px; display: inline-block; width: 100%; overflow: hidden; position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .selectize-control.multi .selectize-input.has-items { padding: 5px 8px 2px } .selectize-input.full { background-color: #fff } .selectize-input.disabled, .selectize-input.disabled * { cursor: default !important } .selectize-input.focus { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15) } .selectize-input.dropdown-active { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1 } .selectize-control.multi .selectize-input > div { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #1da7ee; color: #fff; border: 1px solid #0073bb } .selectize-control.multi .selectize-input > div.active { background: #92c836; color: #fff; border: 1px solid #00578d } .selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active { color: #fff; background: #d2d2d2; border: 1px solid #aaa } .selectize-input > input { display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 1px !important; text-indent: 0 !important; border: 0 none !important; background: 0 0 !important; line-height: inherit !important; -webkit-user-select: auto !important; -webkit-box-shadow: none !important; box-shadow: none !important } .selectize-input > input::-ms-clear { display: none } .selectize-input > input:focus { outline: 0 !important } .selectize-input::after { content: ' '; display: block; clear: left } .selectize-input.dropdown-active::before { content: ' '; display: block; position: absolute; background: #f0f0f0; height: 1px; bottom: 0; left: 0; right: 0 } .selectize-dropdown { position: absolute; z-index: 10; border: 1px solid #d0d0d0; background: #fff; margin: -1px 0 0 0; border-top: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1); box-shadow: 0 1px 3px rgba(0, 0, 0, .1); -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px } .selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden } .selectize-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, .2); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .selectize-dropdown .optgroup-header, .selectize-dropdown [data-selectable] { padding: 5px 8px } .selectize-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none } .selectize-dropdown .optgroup-header { color: #303030; background: #fff; cursor: default } .selectize-dropdown .active { background-color: #f5fafd; color: #495c68 } .selectize-dropdown .active.create { color: #495c68 } .selectize-dropdown .create { color: rgba(48, 48, 48, .5) } .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; -webkit-overflow-scrolling: touch } .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { cursor: pointer } .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input { cursor: text } .selectize-control.single .selectize-input:after { content: ' '; display: block; position: absolute; top: 50%; right: 15px; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: grey transparent transparent transparent } .selectize-control.single .selectize-input.dropdown-active:after { margin-top: -4px; border-width: 0 5px 5px 5px; border-color: transparent transparent grey transparent } .selectize-control.rtl.single .selectize-input:after { left: 15px; right: auto } .selectize-control.rtl .selectize-input > input { margin: 0 4px 0 -2px !important } .selectize-control .selectize-input.disabled { opacity: .5; background-color: #fafafa } .selectize-control.multi .selectize-input.has-items { padding-left: 5px; padding-right: 5px } .selectize-control.multi .selectize-input.disabled [data-value] { color: #999; text-shadow: none; background: 0 0; -webkit-box-shadow: none; box-shadow: none } .selectize-control.multi .selectize-input.disabled [data-value], .selectize-control.multi .selectize-input.disabled [data-value] .remove { border-color: #e6e6e6 } .selectize-control.multi .selectize-input.disabled [data-value] .remove { background: 0 0 } .selectize-control.multi .selectize-input [data-value] { text-shadow: 0 1px 0 rgba(0, 51, 83, .3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #1b9dec; background-image: -moz-linear-gradient(top, #1da7ee, #178ee9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9)); background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9); background-image: -o-linear-gradient(top, #1da7ee, #178ee9); background-image: linear-gradient(to bottom, #1da7ee, #178ee9); background-repeat: repeat-x; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .03); box-shadow: 0 1px 0 rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .03) } .selectize-control.multi .selectize-input [data-value].active { background-color: #0085d4; background-image: -moz-linear-gradient(top, #008fd8, #0075cf); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf)); background-image: -webkit-linear-gradient(top, #008fd8, #0075cf); background-image: -o-linear-gradient(top, #008fd8, #0075cf); background-image: linear-gradient(to bottom, #008fd8, #0075cf); background-repeat: repeat-x } .selectize-control.single .selectize-input { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05), inset 0 1px 0 rgba(255, 255, 255, .8); box-shadow: 0 1px 0 rgba(0, 0, 0, .05), inset 0 1px 0 rgba(255, 255, 255, .8); background-color: #f9f9f9; background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2); background-image: -o-linear-gradient(top, #fefefe, #f2f2f2); background-image: linear-gradient(to bottom, #fefefe, #f2f2f2); background-repeat: repeat-x } .selectize-control.single .selectize-input, .selectize-dropdown.single { border-color: #b8b8b8 } .selectize-dropdown .optgroup-header { padding-top: 7px; font-weight: 700; font-size: .85em } .selectize-dropdown .optgroup { border-top: 1px solid #f0f0f0 } .selectize-dropdown .optgroup:first-child { border-top: 0 none } .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 } .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 } .mCSB_scrollTools { opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)" } .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(/bitrix/templates/souz/css/../libs/malihu-custom-scrollbar-plugin-master/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 } .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 } .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 { 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) } .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-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, .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 { 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 .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent } .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) } body.compensate-for-scrollbar { overflow: hidden } .fancybox-active { height: auto } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: 0; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992 } .fancybox-container * { box-sizing: border-box } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71) } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1) } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997 } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-toolbar { right: 0; top: 0 } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994 } .fancybox-is-open .fancybox-stage { overflow: hidden } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: 0; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994 } .fancybox-slide:before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0 } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block } .fancybox-slide--image { overflow: hidden; padding: 44px 0 } .fancybox-slide--image:before { display: none } .fancybox-slide--html { padding: 6px } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: 0 0; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995 } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in } .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: grab } .fancybox-is-grabbing .fancybox-content { cursor: grabbing } .fancybox-container [data-selectable=true] { cursor: text } .fancybox-image, .fancybox-spaceball { background: 0 0; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% } .fancybox-spaceball { z-index: 1 } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100% } .fancybox-slide--video .fancybox-content { background: #000 } .fancybox-slide--map .fancybox-content { background: #e5e3df } .fancybox-slide--iframe .fancybox-content { background: #fff } .fancybox-iframe, .fancybox-video { background: 0 0; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100% } .fancybox-iframe { left: 0; position: absolute; top: 0 } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100% } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0 } .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc } .fancybox-button:hover { color: #fff } .fancybox-button:focus { outline: 0 } .fancybox-button.fancybox-focus { outline: 1px dotted } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: 0 } .fancybox-button div { height: 100% } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100% } .fancybox-button svg path { fill: currentColor; stroke-width: 0 } .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) { display: none } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998 } .fancybox-close-small { background: 0 0; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401 } .fancybox-close-small:hover { color: #fff; opacity: 1 } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0 } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px } .fancybox-navigation .fancybox-button div { padding: 7px } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right) } .fancybox-caption { background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px; pointer-events: none; right: 0; text-align: center; z-index: 99996 } @supports (padding:max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)) } } .fancybox-caption--separate { margin-top: -50px } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none } .fancybox-caption a:hover { color: #fff; text-decoration: underline } .fancybox-loading { animation: a 1s linear infinite; background: 0 0; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999 } @keyframes a { to { transform: rotate(1turn) } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1) } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translateZ(0) } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1) } .fancybox-fx-fade.fancybox-slide--current { opacity: 1 } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5) } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5) } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scaleX(1) } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-1turn) } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(1turn) } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0) } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scaleX(1) translateZ(0) } .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg) } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg) } .fancybox-fx-tube.fancybox-slide--current { transform: translateZ(0) scale(1) } @media (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px } .fancybox-slide--image { padding: 6px 0 } .fancybox-close-small { right: -6px } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px } .fancybox-caption { padding-left: 12px; padding-right: 12px } @supports (padding:max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)) } } } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px } .fancybox-share p { margin: 0; padding: 0 } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap } .fancybox-share__button:link, .fancybox-share__button:visited { color: #fff } .fancybox-share__button:hover { text-decoration: none } .fancybox-share__button--fb { background: #3b5998 } .fancybox-share__button--fb:hover { background: #344e86 } .fancybox-share__button--pt { background: #bd081d } .fancybox-share__button--pt:hover { background: #aa0719 } .fancybox-share__button--tw { background: #1da1f2 } .fancybox-share__button--tw:hover { background: #0d95e8 } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px } .fancybox-share__button svg path { fill: #fff } .fancybox-share__input { background: 0 0; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: 0; padding: 10px 15px; width: 100% } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; width: 212px; z-index: 99995 } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden } .fancybox-show-thumbs .fancybox-thumbs { display: block } .fancybox-show-thumbs .fancybox-inner { right: 212px } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100% } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: 0; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px } .fancybox-thumbs__list a:before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991 } .fancybox-thumbs__list a:focus:before { opacity: .5 } .fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1 } @media (max-width: 576px) { .fancybox-thumbs { width: 110px } .fancybox-show-thumbs .fancybox-inner { right: 110px } .fancybox-thumbs__list a { max-width: calc(100% - 10px) } } @font-face { font-family: Montserrat; font-weight: 400; font-style: normal; font-display: swap; src: url(../fonts/NaEug2emYqmO.eot); src: url(../fonts/NaEug2emYqmO.eot#iefix) format("embedded-opentype"), url(../fonts/ktbD8UW8bT4C.woff) format("woff"), url(../fonts/bPZiEZezjzer.ttf) format("truetype") } @font-face { font-family: Montserrat; font-weight: 600; font-style: normal; font-display: swap; src: url(../fonts/pwSWrIKCbqfP.eot); src: url(../fonts/pwSWrIKCbqfP.eot#iefix) format("embedded-opentype"), url(../fonts/9jOO4Tfbvikd.woff) format("woff"), url(../fonts/4fAk4tcB6J8g.ttf) format("truetype") } @font-face { font-family: Montserrat; font-weight: 700; font-style: normal; font-display: swap; src: url(../fonts/33kKTA6Qq0ZO.eot); src: url(../fonts/33kKTA6Qq0ZO.eot#iefix) format("embedded-opentype"), url(../fonts/uh5AP7NcwPln.woff) format("woff"), url(../fonts/zrT0ncIW4Skh.ttf) format("truetype") } @font-face { font-family: Montserrat; font-weight: 500; font-style: normal; font-display: swap; src: url(../fonts/Q9EFKx6QisEi.eot); src: url(../fonts/Q9EFKx6QisEi.eot#iefix) format("embedded-opentype"), url(../fonts/UMCxJU9LnjWg.woff) format("woff"), url(../fonts/zjGYfzuCPLF7.ttf) format("truetype") } @font-face { font-family: OpenSans; font-weight: 400; font-style: normal; font-display: swap; src: url(../fonts/E3oX30QocC7J.eot); src: url(../fonts/E3oX30QocC7J.eot#iefix) format("embedded-opentype"), url(../fonts/Ygkq353RjCzP.woff) format("woff"), url(../fonts/6K9gDc0x0ksU.ttf) format("truetype") } @font-face { font-family: OpenSans; font-weight: 700; font-style: normal; font-display: swap; src: url(../fonts/M6YFesIcam3V.eot); src: url(../fonts/M6YFesIcam3V.eot#iefix) format("embedded-opentype"), url(../fonts/kL5NVbdEEcEC.woff) format("woff"), url(../fonts/meBwPbMME6iT.ttf) format("truetype") } @font-face { font-family: OpenSans; font-weight: 600; font-style: normal; font-display: swap; src: url(../fonts/c4JMsTFWc2ah.eot); src: url(../fonts/c4JMsTFWc2ah.eot#iefix) format("embedded-opentype"), url(../fonts/SXba2WxVIqMU.woff) format("woff"), url(../fonts/XrbHKFkwboyD.ttf) format("truetype") } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 } h1, h2, h3, h4, h5, h6 { font-weight: 400 } :focus { outline: 0 } button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner { border: none } input[type=checkbox]:focus { -moz-outline-offset: -1px !important; -moz-outline: 1px solid #000 !important } *, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent } @-ms-viewport { width: device-width } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff } [tabindex="-1"]:focus { outline: 0 !important } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0 } p { margin-top: 0; margin-bottom: 0 } abbr[data-original-title], abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0 } address { margin-bottom: 0; font-style: normal; line-height: inherit } dl, ol, ul { margin-top: 0; margin-bottom: 0 } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 0 } dfn { font-style: italic } b, strong { font-weight: bolder } small { font-size: 80% } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: inherit; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects } a:hover { color: inherit; text-decoration: none } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):focus { outline: 0 } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } pre { margin-top: 0; margin-bottom: 0; overflow: auto; -ms-overflow-style: scrollbar } figure { margin: 0 0 0 } img { vertical-align: middle; border-style: none } svg:not(:root) { overflow: hidden } table { border-collapse: collapse } caption { padding-top: .75rem; padding-bottom: .75rem; color: #6c757d; text-align: left; caption-side: bottom } th { text-align: inherit } label { display: inline-block; margin-bottom: .5rem } button { -webkit-border-radius: 0; border-radius: 0 } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, input { overflow: visible } button, select { text-transform: none } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance: listbox } textarea { overflow: auto; resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal } progress { vertical-align: baseline } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: none } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } output { display: inline-block } summary { display: list-item; cursor: pointer } template { display: none } [hidden] { display: none !important } @-ms-viewport { width: device-width } html { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar } *, ::after, ::before { -webkit-box-sizing: inherit; box-sizing: inherit } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width: 576px) { .container { max-width: 540px } } @media (min-width: 768px) { .container { max-width: 720px } } @media (min-width: 992px) { .container { max-width: 960px } } @media (min-width: 1200px) { .container { max-width: 1140px } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .no-gutters { margin-right: 0; margin-left: 0 } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0 } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px } .col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1 } .order-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13 } .order-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0 } .order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4 } .order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5 } .order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6 } .order-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7 } .order-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8 } .order-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9 } .order-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10 } .order-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11 } .order-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12 } .offset-1 { margin-left: 8.33333% } .offset-2 { margin-left: 16.66667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333% } .offset-5 { margin-left: 41.66667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333% } .offset-8 { margin-left: 66.66667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333% } .offset-11 { margin-left: 91.66667% } @media (min-width: 576px) { .col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-sm-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1 } .order-sm-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13 } .order-sm-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0 } .order-sm-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .order-sm-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .order-sm-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .order-sm-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4 } .order-sm-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5 } .order-sm-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6 } .order-sm-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7 } .order-sm-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8 } .order-sm-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9 } .order-sm-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10 } .order-sm-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11 } .order-sm-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333% } .offset-sm-2 { margin-left: 16.66667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333% } .offset-sm-5 { margin-left: 41.66667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333% } .offset-sm-8 { margin-left: 66.66667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333% } .offset-sm-11 { margin-left: 91.66667% } } @media (min-width: 768px) { .col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-md-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1 } .order-md-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13 } .order-md-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0 } .order-md-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .order-md-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .order-md-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .order-md-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4 } .order-md-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5 } .order-md-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6 } .order-md-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7 } .order-md-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8 } .order-md-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9 } .order-md-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10 } .order-md-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11 } .order-md-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.33333% } .offset-md-2 { margin-left: 16.66667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333% } .offset-md-5 { margin-left: 41.66667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333% } .offset-md-8 { margin-left: 66.66667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333% } .offset-md-11 { margin-left: 91.66667% } } @media (min-width: 992px) { .col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-lg-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1 } .order-lg-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13 } .order-lg-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0 } .order-lg-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .order-lg-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .order-lg-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .order-lg-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4 } .order-lg-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5 } .order-lg-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6 } .order-lg-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7 } .order-lg-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8 } .order-lg-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9 } .order-lg-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10 } .order-lg-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11 } .order-lg-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.33333% } .offset-lg-2 { margin-left: 16.66667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333% } .offset-lg-5 { margin-left: 41.66667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333% } .offset-lg-8 { margin-left: 66.66667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333% } .offset-lg-11 { margin-left: 91.66667% } } @media (min-width: 1200px) { .col-xl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-xl-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1 } .order-xl-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13 } .order-xl-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0 } .order-xl-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .order-xl-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .order-xl-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .order-xl-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4 } .order-xl-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5 } .order-xl-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6 } .order-xl-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7 } .order-xl-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8 } .order-xl-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9 } .order-xl-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10 } .order-xl-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11 } .order-xl-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.33333% } .offset-xl-2 { margin-left: 16.66667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333% } .offset-xl-5 { margin-left: 41.66667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333% } .offset-xl-8 { margin-left: 66.66667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333% } .offset-xl-11 { margin-left: 91.66667% } } .d-none { display: none !important } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } .d-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important } .d-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important } @media (min-width: 576px) { .d-sm-none { display: none !important } .d-sm-inline { display: inline !important } .d-sm-inline-block { display: inline-block !important } .d-sm-block { display: block !important } .d-sm-table { display: table !important } .d-sm-table-row { display: table-row !important } .d-sm-table-cell { display: table-cell !important } .d-sm-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width: 768px) { .d-md-none { display: none !important } .d-md-inline { display: inline !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-table { display: table !important } .d-md-table-row { display: table-row !important } .d-md-table-cell { display: table-cell !important } .d-md-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important } .d-md-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width: 992px) { .d-lg-none { display: none !important } .d-lg-inline { display: inline !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-table { display: table !important } .d-lg-table-row { display: table-row !important } .d-lg-table-cell { display: table-cell !important } .d-lg-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width: 1200px) { .d-xl-none { display: none !important } .d-xl-inline { display: inline !important } .d-xl-inline-block { display: inline-block !important } .d-xl-block { display: block !important } .d-xl-table { display: table !important } .d-xl-table-row { display: table-row !important } .d-xl-table-cell { display: table-cell !important } .d-xl-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } @media print { .d-print-none { display: none !important } .d-print-inline { display: inline !important } .d-print-inline-block { display: inline-block !important } .d-print-block { display: block !important } .d-print-table { display: table !important } .d-print-table-row { display: table-row !important } .d-print-table-cell { display: table-cell !important } .d-print-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important } .d-print-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important } .align-content-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important } .align-self-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-sm-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-sm-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-sm-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-sm-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-sm-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-sm-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-sm-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-sm-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-sm-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-sm-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-sm-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-sm-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-sm-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-sm-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-sm-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-sm-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important } .align-content-sm-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-sm-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-sm-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-sm-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-sm-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-sm-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-sm-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important } .align-self-sm-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-sm-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-md-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-md-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-md-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-md-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-md-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-md-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-md-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-md-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-md-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-md-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-md-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-md-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-md-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-md-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-md-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-md-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important } .align-content-md-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-md-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-md-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-md-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-md-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-md-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-md-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important } .align-self-md-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-md-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-lg-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-lg-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-lg-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-lg-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-lg-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-lg-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-lg-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-lg-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-lg-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-lg-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-lg-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-lg-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-lg-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-lg-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-lg-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-lg-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important } .align-content-lg-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-lg-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-lg-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-lg-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-lg-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-lg-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-lg-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important } .align-self-lg-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-lg-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-xl-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-xl-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-xl-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-xl-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-xl-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-xl-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-xl-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-xl-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-xl-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-xl-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-xl-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-xl-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-xl-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-xl-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-xl-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-xl-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important } .align-content-xl-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-xl-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-xl-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-xl-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-xl-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-xl-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-xl-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important } .align-self-xl-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-xl-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important } } .w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } .mw-100 { max-width: 100% !important } .mh-100 { max-height: 100% !important } .m-0 { margin: 0 !important } .mt-0, .my-0 { margin-top: 0 !important } .mr-0, .mx-0 { margin-right: 0 !important } .mb-0, .my-0 { margin-bottom: 0 !important } .ml-0, .mx-0 { margin-left: 0 !important } .m-1 { margin: .25rem !important } .mt-1, .my-1 { margin-top: .25rem !important } .mr-1, .mx-1 { margin-right: .25rem !important } .mb-1, .my-1 { margin-bottom: .25rem !important } .ml-1, .mx-1 { margin-left: .25rem !important } .m-2 { margin: .5rem !important } .mt-2, .my-2 { margin-top: .5rem !important } .mr-2, .mx-2 { margin-right: .5rem !important } .mb-2, .my-2 { margin-bottom: .5rem !important } .ml-2, .mx-2 { margin-left: .5rem !important } .m-3 { margin: 1rem !important } .mt-3, .my-3 { margin-top: 1rem !important } .mr-3, .mx-3 { margin-right: 1rem !important } .mb-3, .my-3 { margin-bottom: 1rem !important } .ml-3, .mx-3 { margin-left: 1rem !important } .m-4 { margin: 1.5rem !important } .mt-4, .my-4 { margin-top: 1.5rem !important } .mr-4, .mx-4 { margin-right: 1.5rem !important } .mb-4, .my-4 { margin-bottom: 1.5rem !important } .ml-4, .mx-4 { margin-left: 1.5rem !important } .m-5 { margin: 3rem !important } .mt-5, .my-5 { margin-top: 3rem !important } .mr-5, .mx-5 { margin-right: 3rem !important } .mb-5, .my-5 { margin-bottom: 3rem !important } .ml-5, .mx-5 { margin-left: 3rem !important } .p-0 { padding: 0 !important } .pt-0, .py-0 { padding-top: 0 !important } .pr-0, .px-0 { padding-right: 0 !important } .pb-0, .py-0 { padding-bottom: 0 !important } .pl-0, .px-0 { padding-left: 0 !important } .p-1 { padding: .25rem !important } .pt-1, .py-1 { padding-top: .25rem !important } .pr-1, .px-1 { padding-right: .25rem !important } .pb-1, .py-1 { padding-bottom: .25rem !important } .pl-1, .px-1 { padding-left: .25rem !important } .p-2 { padding: .5rem !important } .pt-2, .py-2 { padding-top: .5rem !important } .pr-2, .px-2 { padding-right: .5rem !important } .pb-2, .py-2 { padding-bottom: .5rem !important } .pl-2, .px-2 { padding-left: .5rem !important } .p-3 { padding: 1rem !important } .pt-3, .py-3 { padding-top: 1rem !important } .pr-3, .px-3 { padding-right: 1rem !important } .pb-3, .py-3 { padding-bottom: 1rem !important } .pl-3, .px-3 { padding-left: 1rem !important } .p-4 { padding: 1.5rem !important } .pt-4, .py-4 { padding-top: 1.5rem !important } .pr-4, .px-4 { padding-right: 1.5rem !important } .pb-4, .py-4 { padding-bottom: 1.5rem !important } .pl-4, .px-4 { padding-left: 1.5rem !important } .p-5 { padding: 3rem !important } .pt-5, .py-5 { padding-top: 3rem !important } .pr-5, .px-5 { padding-right: 3rem !important } .pb-5, .py-5 { padding-bottom: 3rem !important } .pl-5, .px-5 { padding-left: 3rem !important } .m-auto { margin: auto !important } .mt-auto, .my-auto { margin-top: auto !important } .mr-auto, .mx-auto { margin-right: auto !important } .mb-auto, .my-auto { margin-bottom: auto !important } .ml-auto, .mx-auto { margin-left: auto !important } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important } .mt-sm-0, .my-sm-0 { margin-top: 0 !important } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important } .m-sm-1 { margin: .25rem !important } .mt-sm-1, .my-sm-1 { margin-top: .25rem !important } .mr-sm-1, .mx-sm-1 { margin-right: .25rem !important } .mb-sm-1, .my-sm-1 { margin-bottom: .25rem !important } .ml-sm-1, .mx-sm-1 { margin-left: .25rem !important } .m-sm-2 { margin: .5rem !important } .mt-sm-2, .my-sm-2 { margin-top: .5rem !important } .mr-sm-2, .mx-sm-2 { margin-right: .5rem !important } .mb-sm-2, .my-sm-2 { margin-bottom: .5rem !important } .ml-sm-2, .mx-sm-2 { margin-left: .5rem !important } .m-sm-3 { margin: 1rem !important } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important } .m-sm-4 { margin: 1.5rem !important } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important } .m-sm-5 { margin: 3rem !important } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important } .p-sm-0 { padding: 0 !important } .pt-sm-0, .py-sm-0 { padding-top: 0 !important } .pr-sm-0, .px-sm-0 { padding-right: 0 !important } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important } .pl-sm-0, .px-sm-0 { padding-left: 0 !important } .p-sm-1 { padding: .25rem !important } .pt-sm-1, .py-sm-1 { padding-top: .25rem !important } .pr-sm-1, .px-sm-1 { padding-right: .25rem !important } .pb-sm-1, .py-sm-1 { padding-bottom: .25rem !important } .pl-sm-1, .px-sm-1 { padding-left: .25rem !important } .p-sm-2 { padding: .5rem !important } .pt-sm-2, .py-sm-2 { padding-top: .5rem !important } .pr-sm-2, .px-sm-2 { padding-right: .5rem !important } .pb-sm-2, .py-sm-2 { padding-bottom: .5rem !important } .pl-sm-2, .px-sm-2 { padding-left: .5rem !important } .p-sm-3 { padding: 1rem !important } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important } .p-sm-4 { padding: 1.5rem !important } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important } .p-sm-5 { padding: 3rem !important } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important } .m-sm-auto { margin: auto !important } .mt-sm-auto, .my-sm-auto { margin-top: auto !important } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important } .mt-md-0, .my-md-0 { margin-top: 0 !important } .mr-md-0, .mx-md-0 { margin-right: 0 !important } .mb-md-0, .my-md-0 { margin-bottom: 0 !important } .ml-md-0, .mx-md-0 { margin-left: 0 !important } .m-md-1 { margin: .25rem !important } .mt-md-1, .my-md-1 { margin-top: .25rem !important } .mr-md-1, .mx-md-1 { margin-right: .25rem !important } .mb-md-1, .my-md-1 { margin-bottom: .25rem !important } .ml-md-1, .mx-md-1 { margin-left: .25rem !important } .m-md-2 { margin: .5rem !important } .mt-md-2, .my-md-2 { margin-top: .5rem !important } .mr-md-2, .mx-md-2 { margin-right: .5rem !important } .mb-md-2, .my-md-2 { margin-bottom: .5rem !important } .ml-md-2, .mx-md-2 { margin-left: .5rem !important } .m-md-3 { margin: 1rem !important } .mt-md-3, .my-md-3 { margin-top: 1rem !important } .mr-md-3, .mx-md-3 { margin-right: 1rem !important } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important } .ml-md-3, .mx-md-3 { margin-left: 1rem !important } .m-md-4 { margin: 1.5rem !important } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important } .m-md-5 { margin: 3rem !important } .mt-md-5, .my-md-5 { margin-top: 3rem !important } .mr-md-5, .mx-md-5 { margin-right: 3rem !important } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important } .ml-md-5, .mx-md-5 { margin-left: 3rem !important } .p-md-0 { padding: 0 !important } .pt-md-0, .py-md-0 { padding-top: 0 !important } .pr-md-0, .px-md-0 { padding-right: 0 !important } .pb-md-0, .py-md-0 { padding-bottom: 0 !important } .pl-md-0, .px-md-0 { padding-left: 0 !important } .p-md-1 { padding: .25rem !important } .pt-md-1, .py-md-1 { padding-top: .25rem !important } .pr-md-1, .px-md-1 { padding-right: .25rem !important } .pb-md-1, .py-md-1 { padding-bottom: .25rem !important } .pl-md-1, .px-md-1 { padding-left: .25rem !important } .p-md-2 { padding: .5rem !important } .pt-md-2, .py-md-2 { padding-top: .5rem !important } .pr-md-2, .px-md-2 { padding-right: .5rem !important } .pb-md-2, .py-md-2 { padding-bottom: .5rem !important } .pl-md-2, .px-md-2 { padding-left: .5rem !important } .p-md-3 { padding: 1rem !important } .pt-md-3, .py-md-3 { padding-top: 1rem !important } .pr-md-3, .px-md-3 { padding-right: 1rem !important } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important } .pl-md-3, .px-md-3 { padding-left: 1rem !important } .p-md-4 { padding: 1.5rem !important } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important } .p-md-5 { padding: 3rem !important } .pt-md-5, .py-md-5 { padding-top: 3rem !important } .pr-md-5, .px-md-5 { padding-right: 3rem !important } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important } .pl-md-5, .px-md-5 { padding-left: 3rem !important } .m-md-auto { margin: auto !important } .mt-md-auto, .my-md-auto { margin-top: auto !important } .mr-md-auto, .mx-md-auto { margin-right: auto !important } .mb-md-auto, .my-md-auto { margin-bottom: auto !important } .ml-md-auto, .mx-md-auto { margin-left: auto !important } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important } .mt-lg-0, .my-lg-0 { margin-top: 0 !important } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important } .m-lg-1 { margin: .25rem !important } .mt-lg-1, .my-lg-1 { margin-top: .25rem !important } .mr-lg-1, .mx-lg-1 { margin-right: .25rem !important } .mb-lg-1, .my-lg-1 { margin-bottom: .25rem !important } .ml-lg-1, .mx-lg-1 { margin-left: .25rem !important } .m-lg-2 { margin: .5rem !important } .mt-lg-2, .my-lg-2 { margin-top: .5rem !important } .mr-lg-2, .mx-lg-2 { margin-right: .5rem !important } .mb-lg-2, .my-lg-2 { margin-bottom: .5rem !important } .ml-lg-2, .mx-lg-2 { margin-left: .5rem !important } .m-lg-3 { margin: 1rem !important } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important } .m-lg-4 { margin: 1.5rem !important } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important } .m-lg-5 { margin: 3rem !important } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important } .p-lg-0 { padding: 0 !important } .pt-lg-0, .py-lg-0 { padding-top: 0 !important } .pr-lg-0, .px-lg-0 { padding-right: 0 !important } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important } .pl-lg-0, .px-lg-0 { padding-left: 0 !important } .p-lg-1 { padding: .25rem !important } .pt-lg-1, .py-lg-1 { padding-top: .25rem !important } .pr-lg-1, .px-lg-1 { padding-right: .25rem !important } .pb-lg-1, .py-lg-1 { padding-bottom: .25rem !important } .pl-lg-1, .px-lg-1 { padding-left: .25rem !important } .p-lg-2 { padding: .5rem !important } .pt-lg-2, .py-lg-2 { padding-top: .5rem !important } .pr-lg-2, .px-lg-2 { padding-right: .5rem !important } .pb-lg-2, .py-lg-2 { padding-bottom: .5rem !important } .pl-lg-2, .px-lg-2 { padding-left: .5rem !important } .p-lg-3 { padding: 1rem !important } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important } .p-lg-4 { padding: 1.5rem !important } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important } .p-lg-5 { padding: 3rem !important } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important } .m-lg-auto { margin: auto !important } .mt-lg-auto, .my-lg-auto { margin-top: auto !important } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important } .mt-xl-0, .my-xl-0 { margin-top: 0 !important } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important } .m-xl-1 { margin: .25rem !important } .mt-xl-1, .my-xl-1 { margin-top: .25rem !important } .mr-xl-1, .mx-xl-1 { margin-right: .25rem !important } .mb-xl-1, .my-xl-1 { margin-bottom: .25rem !important } .ml-xl-1, .mx-xl-1 { margin-left: .25rem !important } .m-xl-2 { margin: .5rem !important } .mt-xl-2, .my-xl-2 { margin-top: .5rem !important } .mr-xl-2, .mx-xl-2 { margin-right: .5rem !important } .mb-xl-2, .my-xl-2 { margin-bottom: .5rem !important } .ml-xl-2, .mx-xl-2 { margin-left: .5rem !important } .m-xl-3 { margin: 1rem !important } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important } .m-xl-4 { margin: 1.5rem !important } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important } .m-xl-5 { margin: 3rem !important } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important } .p-xl-0 { padding: 0 !important } .pt-xl-0, .py-xl-0 { padding-top: 0 !important } .pr-xl-0, .px-xl-0 { padding-right: 0 !important } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important } .pl-xl-0, .px-xl-0 { padding-left: 0 !important } .p-xl-1 { padding: .25rem !important } .pt-xl-1, .py-xl-1 { padding-top: .25rem !important } .pr-xl-1, .px-xl-1 { padding-right: .25rem !important } .pb-xl-1, .py-xl-1 { padding-bottom: .25rem !important } .pl-xl-1, .px-xl-1 { padding-left: .25rem !important } .p-xl-2 { padding: .5rem !important } .pt-xl-2, .py-xl-2 { padding-top: .5rem !important } .pr-xl-2, .px-xl-2 { padding-right: .5rem !important } .pb-xl-2, .py-xl-2 { padding-bottom: .5rem !important } .pl-xl-2, .px-xl-2 { padding-left: .5rem !important } .p-xl-3 { padding: 1rem !important } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important } .p-xl-4 { padding: 1.5rem !important } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important } .p-xl-5 { padding: 3rem !important } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important } .m-xl-auto { margin: auto !important } .mt-xl-auto, .my-xl-auto { margin-top: auto !important } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important } } ::-webkit-input-placeholder { color: #666 } ::-moz-placeholder { color: #666 } :-ms-input-placeholder { color: #666 } ::-ms-input-placeholder { color: #666 } ::placeholder { color: #666 } ::-moz-selection { background-color: #216ab1; color: #fff } ::selection { background-color: #216ab1; color: #fff } *, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box } body { min-width: 320px; position: relative; overflow-x: hidden; font-family: Montserrat, sans-serif; font-size: 16px; line-height: 1.875; -webkit-font-smoothing: antialiased; background-color: #fff; color: #000 } body.is-modal { overflow: hidden } body input, body textarea { border: #666 1px solid; outline: 0 } .img-responsive { display: block; max-width: 100%; height: auto } button { cursor: pointer; padding: 0; border: none; background-color: transparent } a, button { -webkit-transition: color .3s ease, background .3s ease, border .3s ease, -webkit-box-shadow .3s ease; transition: color .3s ease, background .3s ease, border .3s ease, -webkit-box-shadow .3s ease; -o-transition: color .3s ease, background .3s ease, border .3s ease, box-shadow .3s ease; transition: color .3s ease, background .3s ease, border .3s ease, box-shadow .3s ease; transition: color .3s ease, background .3s ease, border .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease } .card__info__nav a:after, .card__info__nav a:before, .card__preview__nav__itm:before, .footer__soc a .svg-ico, .form__consent input[type=checkbox] + i, .header__bars span, .header__bars:after, .header__bars:before, .header__contacts .svg-ico, .header__short_menu__itm a:before, .page_header__nav ul a, .page_header__nav ul a:after, .page_header__nav ul a:before, .related_products__nav ul a, .related_products__nav ul a:after, .related_products__nav ul a:before, .shortcard__fav_btn, .shortcard__one_click_btn { -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } label { margin-bottom: 0 } #page-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } @media (min-width: 1360px) { .container { max-width: 1280px } } @media (min-width: 1600px) { .container { max-width: 1560px } } .section_title { color: #2e2c2f; font-size: 30px; line-height: 1.36667; font-weight: 700; font-family: OpenSans, sans-serif } .shortcard { position: relative; z-index: 1; padding: 14px 9px; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #fff } .shortcard:before { content: ''; position: absolute; bottom: 0; top: 0; left: 0; right: 0; bottom: -60px; background: #fff; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .25); box-shadow: 0 0 25px rgba(0, 0, 0, .25); z-index: -1; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s ease, visibility .3s ease; -o-transition: opacity .3s ease, visibility .3s ease; transition: opacity .3s ease, visibility .3s ease } .shortcard.shortcard-nobottom:before { bottom: 0px; } .shortcard:hover { z-index: 2 } .shortcard:hover .shortcard__fav_btn, .shortcard:hover .shortcard__one_click_btn, .shortcard:hover:before { opacity: 1; visibility: visible } .shortcard__buttons { position: absolute; z-index: 1; top: 9px; } .shortcard__buttons .shortcard__fav_btn { position: relative; visibility: visible; opacity: 0.25; width: 32px; height: 32px; } .shortcard__buttons .shortcard__fav_btn:hover { opacity: 1; } .shortcard__buttons .shortcard__fav_btn.active:hover { opacity: 1; } .shortcard__buttons .shortcard__fav_btn.active { opacity: 1; } .shortcard__tags { position: absolute; z-index: 2; top: 9px; right: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .shortcard__tag { font-size: 14px; line-height: 25px; margin-left: 12px; color: #fff; -webkit-border-radius: 13px; border-radius: 13px; padding: 0 17px; font-family: OpenSans, sans-serif; background-color: #303030 } .shortcard__tag-hit, .shortcard__tag-hit_gradient { font-size: 16px; padding: 0 14px } .shortcard__tag-hit { background-color: #216ab1 } .shortcard__tag-hit_gradient { background: -webkit-linear-gradient(352.07deg, #5855f3 0, #7e58ce 111.35%); background: -o-linear-gradient(352.07deg, #5855f3 0, #7e58ce 111.35%); background: linear-gradient(97.93deg, #5855f3 0, #7e58ce 111.35%) } .shortcard__tag-new { background-color: #44ce7b } .shortcard__tag-sale { background-color: #ff5f5f; padding: 0 12px; font-weight: 600 } .shortcard__thumb { display: block; position: relative; max-height: 226px } .shortcard__thumb:after { content: ''; display: block; padding-bottom: 82.18182% } .shortcard__thumb img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .shortcard__suptitle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; font-weight: 500; font-size: 12px; margin-top: 7px } .shortcard__exist { margin-right: 18px; color: #454545 } .shortcard__exist:before { content: ''; display: inline-block; width: 5px; height: 5px; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle; margin-right: 7px } .shortcard__exist-yes { color: #44ce7b } .shortcard__exist-yes:before { background-color: #44ce7b } .shortcard__exist-no:before { background-color: #ff5f5f } .shortcard__article { color: #787878 } .shortcard__title { display: block; font-size: 14px; line-height: 1.42857; margin-top: 8px; margin-bottom: auto } .shortcard__title b { display: inline-block; font-weight: 600 } .shortcard__bot { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 24px } .shortcard__price_block { width: 100%; line-height: 24px } .shortcard__price { font-size: 18px; font-weight: 700 } .shortcard__price-new { color: #ff5f5f } .shortcard__old_price { color: #aaa; font-size: 14px; font-weight: 500; text-decoration: line-through } .shortcard .cnt_block { width: 91px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 11px } .shortcard__buy_btn { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 48px; height: 45px; padding-right: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #fff; background-color: #216ab1; -webkit-border-radius: 5px; border-radius: 5px; margin-left: 11px; transition: background-color 0.2s ease-in; } .shortcard__buy_btn.addbask{ background-color: #16842e; } .shortcard__buy_btn:hover { background-color: #1a558f } .shortcard__one_click_btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 60px; text-transform: uppercase; position: absolute; top: 100%; left: 0; right: 68px; z-index: 2; visibility: hidden; opacity: 0; padding-top: 2px; font-size: 14px } .shortcard__one_click_btn:after { content: ''; position: absolute; top: -1px; height: 1px; background-color: #dcdcdc; right: -68px; left: 0 } .shortcard__one_click_btn .svg-ico { margin-right: 12px; margin-top: -2px } .shortcard__one_click_btn:hover { background-color: #216ab1; color: #fff } .shortcard__fav_btn { background-color: #ddd; -webkit-border-radius: 5px; border-radius: 5px; width: 48px; height: 45px; position: absolute; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; top: -webkit-calc(100% + 9px); top: calc(100% + 9px); right: 10px; visibility: hidden; opacity: 0; color: transparent } .shortcard__fav_btn.active { color: #000 } .cnt_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 1px solid #cecece; -webkit-border-radius: 5px; border-radius: 5px; height: 45px; font-size: 14px } .cnt_block__input { height: 100%; width: 100%; background-color: transparent; border: none; text-align: center; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .cnt_block__input input { background-color: transparent; border: none; text-align: center } .cnt_block__btn { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-weight: 500; width: 30px } .plain_text p { margin-bottom: 14px } .plain_text > :last-child { margin-bottom: 0 !important } .plain_text > :first-child { margin-top: 0 !important } .plain_text h2 { font-family: OpenSans, sans-serif; font-size: 30px; line-height: 1.36667; margin-bottom: 23px; margin-top: 48px } .plain_text h3 { color: #216ab1; font-size: 24px; line-height: 1.25; margin-bottom: 21px; font-weight: 500 } .plain_text h4 { font-size: 18px; font-weight: 600; line-height: 1.22222; position: relative; padding-left: 60px; text-transform: uppercase; margin-bottom: 20px; margin-top: 40px } .plain_text h4:before { content: ''; width: 33px; height: 5px; background-color: #303030; position: absolute; left: 5px; top: 6px } .plain_text blockquote { margin: 30px 0 60px; background-color: #ecf5fe; -webkit-border-radius: 40px 40px 0 40px; border-radius: 40px 40px 0 40px; padding: 29px 64px 20px 43px; line-height: 1.625 } .plain_text blockquote p { margin-bottom: 0 } .plain_text ul { margin: 30px 0 } .plain_text ul li2 { padding-left: 52px; position: relative } .plain_text ul li2:before { content: ''; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMjkxMTYgMTUuMTkwMkM1Ljk5MjUyIDE1LjE5MDIgNS42OTM4OCAxNS4wNzYgNS40NjYzNyAxNC44NDg0TDAuNTA4MjM2IDkuODkwMDlDMC4wNTE5NDIxIDkuNDM0MDEgMC4wNTE5NDIxIDguNjk2NTkgMC41MDgyMzYgOC4yNDA1MUMwLjk2NDMxNiA3Ljc4NDIyIDEuNzAxNTIgNy43ODQyMiAyLjE1NzgyIDguMjQwNTFMNi4yOTExNiAxMi4zNzM5TDE4LjAwODEgMC42NTcxODVDMTguNDY0MSAwLjIwMTEwNCAxOS4yMDEzIDAuMjAxMTA0IDE5LjY1NzYgMC42NTcxODVDMjAuMTEzNyAxLjExMzQ4IDIwLjExMzcgMS44NTA2OCAxOS42NTc2IDIuMzA2OThMNy4xMTU5NSAxNC44NDg0QzYuODg4NjYgMTUuMDc2IDYuNTg5ODEgMTUuMTkwMiA2LjI5MTE2IDE1LjE5MDJaIiBmaWxsPSIjRkY1RjVGIi8+Cjwvc3ZnPgo=); position: absolute; width: 20px; height: 15px; top: 6px; left: 13px } .plain_text ul li:not(:last-child) { margin-bottom: 10px } .plain_text ol { counter-reset: ol } .plain_text ol li { padding-left: 69px; position: relative } .plain_text ol li:not(:last-child) { margin-bottom: 20px } .plain_text ol li:before { content: counters(ol, ".", decimal-leading-zero); counter-increment: ol; font-weight: 900; position: absolute; left: 4px; top: 2px; background-color: #303030; color: #fff; width: 33px; text-align: center; line-height: 25px; font-size: 18px } .plain_text img { display: block; max-width: 100%; height: auto } .plain_text a { color: #216ab1; } .alignleft { float: left; margin-right: 25px; margin-bottom: 10px } .alignright { float: right; margin-left: 25px; margin-bottom: 10px } .aligncenter { float: none !important; display: block; margin: 10px auto } .clearfix:after { content: ''; display: table; clear: both } .breadcrumbs { font-size: 12px; font-family: OpenSans, sans-serif; color: #216ab1; padding: 4px 0 } .breadcrumbs a { color: #000 } .breadcrumbs a:hover { color: #216ab1 } .breadcrumbs ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .breadcrumbs li:not(:last-child):after { content: '/'; margin: 0 3px } .page_title { font-size: 36px; line-height: 1; font-family: OpenSans, sans-serif; font-weight: 700; color: #303030 } .page_header { border-bottom: 1px solid #c2c2c2; padding-top: 26px; padding-bottom: 27px; margin-bottom: 45px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline } .page_header.no-border { border-bottom: none; margin-bottom: 20px } .page_header__num { font-size: 24px; font-family: OpenSans, sans-serif; color: #303030; margin-left: 10px; line-height: 1px } .checkbox { cursor: pointer; display: block; padding-left: 41px; line-height: 1.5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; font-family: OpenSans, sans-serif } .checkbox:hover { color: #216ab1 } .checkbox input[type=checkbox] { opacity: 0 } .checkbox input[type=checkbox], .checkbox input[type=checkbox] + i { width: 15px; height: 15px; position: absolute; left: 9px; top: 5px } .checkbox input[type=checkbox] + i { background-color: #fff; -webkit-border-radius: 0; border-radius: 0; border: 2px solid #c5c5c5 } .checkbox input[type=checkbox] + i:after { content: ''; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; opacity: 0; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; background-color: #216ab1 } .checkbox input[type=checkbox]:checked + i { border: 1px solid #216ab1 } .checkbox input[type=checkbox]:checked + i:after { opacity: 1 } .radiobox { cursor: pointer; display: block; padding-left: 24px; line-height: 1.5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; font-family: OpenSans, sans-serif; font-weight: 700 } .radiobox input[type=radio] { opacity: 0 } .radiobox input[type=radio], .radiobox input[type=radio] + i { width: 15px; height: 15px; position: absolute; left: 0; top: 5px } .radiobox input[type=radio] + i { -webkit-border-radius: 50%; border-radius: 50%; background-color: #fff; border: 1px solid #7f7f7f } .radiobox input[type=radio] + i:after { content: ''; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; opacity: 0; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; background-color: #216ab1 } .radiobox input[type=radio]:checked + i:after { opacity: 1 } .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input { cursor: pointer } select.select:not(.selectized) { height: 41px; width: 100%; border: 1px solid #ccc } .select { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #000; font-size: 14px } .select.selectize-control.single .selectize-input { border: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: #fff; background-image: none; color: #717171 } .select .selectize-input { padding: 11px 25px 11px 0; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis } .select .selectize-input, .select .selectize-input input { font-size: inherit } .select .selectize-input input { display: none !important } .select input::-webkit-input-placeholder { color: #6b6b6b } .select input::-moz-placeholder { color: #6b6b6b } .select input:-ms-input-placeholder { color: #6b6b6b } .select input::-ms-input-placeholder { color: #6b6b6b } .select input::placeholder { color: #6b6b6b } .select.selectize-control.single .selectize-input:before { display: none !important } .select.selectize-control.single .selectize-input:after { right: 2px; border-width: 7px 5.5px 0 5.5px; border-color: #c4c4c4 transparent transparent transparent; margin-top: -3px } .select.selectize-control.single .selectize-input.dropdown-active:after { border-width: 0 5.5px 7px 5.5px; border-color: transparent transparent #8e8e8e transparent } .select.selectize-dropdown { -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, .16); box-shadow: 0 4px 24px rgba(0, 0, 0, .16); border: none; -webkit-border-radius: 0; border-radius: 0; font-size: inherit; padding: 5px 0; font-size: 14px; font-weight: 500 } .select.selectize-dropdown [data-selectable] { padding: 11px 14px; z-index: 10 } .select.selectize-dropdown [data-selectable].active { background-color: transparent; color: #216ab1 } .pager_block { background-color: #ededed; font-family: OpenSans, sans-serif; padding-right: 20px } .pager__more_btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 62px; padding: 0 25px } .pager__more_btn .svg-ico { margin-left: 12px; margin-bottom: -3px } .pager__more_btn:hover { color: #216ab1; color: #fff; background-color: #216ab1 } .pager { text-align: center; color: #5f5f5f } .pager ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .pager li { min-width: 34px } .pager .svg-ico { color: #000 } .pager a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; height: 38px; line-height: 38px } .pager a:hover { color: #216ab1 } .pager a:hover .svg-ico { color: #216ab1 } .pager .active a { background-color: #216ab1; color: #fff; width: 38px } .btn { height: 57px; background-color: #303030; color: #fff; -webkit-border-radius: 5px; border-radius: 5px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase } .btn-accent { background-color: #216ab1 } .btn-accent:hover { background-color: #1a558f } .btn-red { background-color: #ff5f5f; font-weight: 700; font-size: 18px } .btn-red:hover { background-color: #eb2222 } select.form__select { background: #f4f4f4; border: 1px solid #a1a1a1; -webkit-border-radius: 5px; border-radius: 5px; height: 50px } .form__select .selectize-input input { display: inline-block !important } .form__select.selectize-control.single .selectize-input:after { right: 20px } .form__select.selectize-control.single .selectize-input { background: #f4f4f4; border: 1px solid #a1a1a1; -webkit-border-radius: 5px; border-radius: 5px; padding-left: 27px; padding-top: 15px; padding-bottom: 15px } .form__input { background: #f4f4f4; border: 1px solid #a1a1a1; -webkit-border-radius: 5px; border-radius: 5px; width: 100%; display: block; height: 50px; padding: 0 27px; font-size: 14px; font-weight: 400; -webkit-transition: border .3s ease; -o-transition: border .3s ease; transition: border .3s ease } .form__input:focus { border-color: #216ab1 } textarea.form__input { height: 178px; padding: 10px 27px } .form__label { margin-bottom: 13px; font-size: 16px; line-height: 1.25 } .form__consent { cursor: pointer; display: block; padding-left: 30px; font-size: 12px; line-height: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; color: #595959 } .form__consent input[type=checkbox] { opacity: 0 } .form__consent input[type=checkbox], .form__consent input[type=checkbox] + i { width: 20px; height: 20px; position: absolute; left: 0; top: -2px } .form__consent input[type=checkbox] + i { border: 2px solid #e72f45; -webkit-border-radius: 3px; border-radius: 3px } .form__consent input[type=checkbox] + i:after { content: ''; position: absolute; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNDQ0NDQgNy41ODYxNkwzLjg4ODg5IDkuMDgyMDJMOC44ODg4OSAxMy44OTAxTDIwIDMuMjA1NDJMMTguNDQ0NCAxLjcwOTU2TDguODg4ODkgMTAuODk4NEw1LjQ0NDQ0IDcuNTg2MTZaTTE3Ljc3NzggMTcuMDk1NkgyLjIyMjIyVjIuMTM2OTVIMTMuMzMzM1YwSDIuMjIyMjJDMSAwIDAgMC45NjE2MjYgMCAyLjEzNjk1VjE3LjA5NTZDMCAxOC4yNzA5IDEgMTkuMjMyNSAyLjIyMjIyIDE5LjIzMjVIMTcuNzc3OEMxOSAxOS4yMzI1IDIwIDE4LjI3MDkgMjAgMTcuMDk1NlY4LjU0Nzc4SDE3Ljc3NzhWMTcuMDk1NloiIGZpbGw9IiNFNzJGNDUiLz4KPC9zdmc+Cg==); top: -2px; left: -2px; right: -2px; bottom: -2px; opacity: 0; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease } .form__consent input[type=checkbox]:checked + i { border-color: transparent } .form__consent input[type=checkbox]:checked + i:after { opacity: 1 } .form__consent a { color: #5f7de8; border-bottom: 1px solid #5f7de8 } .header { background-color: #303030; color: #fff; padding: 0 0 28px } .header__top { border-bottom: 1px solid #505050; position: relative; z-index: 1; padding-top: 2px; margin-left: 8.33333% } .header__nav { color: #c2c2c2; font-size: 14px; line-height: 2.14286; padding-right: 30px } .header__nav ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .header__nav a { display: block; padding: 6px 0 5px; position: relative } .header__nav a.selected {color: #fff;font-weight: 500} .header__nav a:before { content: ''; position: absolute; left: 0; right: 0; bottom: -2px; height: 3px; background-color: #216ab1; opacity: 0; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease } .header__nav a:hover { color: #fff } .header__nav a.selected:before, .header__nav a:hover:before { opacity: 1 } .header__contacts { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline } .header__contacts a[href^=tel] { font-weight: 700 } .header__contacts > * { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline } .header__contacts > :not(:last-child) { margin-right: 32px } .header__contacts .svg-ico { color: #9f9f9f; margin-right: 7px } .header__contacts a:hover { color: #ccc } .header__bot { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 17px } .header__mid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .header__logo { height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end } .header__catalog_btn { background-color: #216ab1; color: #fff; width: 220px; height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-border-radius: 5px; border-radius: 5px; font-weight: 600; text-transform: uppercase; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 1px 19px 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 12px } .header__catalog_btn .svg-ico { margin-right: 19px; margin-top: -2px } .header__catalog_btn:hover { background-color: #1a558f } .header__search { font-size: 14px; width: 100% } .header__search__form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzgyIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNzgyIDUwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC41IDVDMC41IDIuMjM4NTggMi43Mzg1OCAwIDUuNSAwSDc2Mi4zNDNDNzYzLjkwOSAwIDc2NS4zODQgMC43MzM0OTMgNzY2LjMyOSAxLjk4MTgzTDc4MC44MDQgMjEuMDk5NUM3ODIuMTEzIDIyLjgyODUgNzgyLjE1OCAyNS4yMDQ0IDc4MC45MTYgMjYuOTgyTDc2Ni4zMjEgNDcuODY0M0M3NjUuMzg2IDQ5LjIwMjcgNzYzLjg1NiA1MCA3NjIuMjIzIDUwSDUuNDk5OTlDMi43Mzg1NiA1MCAwLjUgNDcuNzYxNCAwLjUgNDVWNVoiIGZpbGw9IiM2NjY2NjYiLz4KPC9zdmc+Cg==) center right no-repeat; height: 50px; -webkit-background-size: auto 100%; background-size: auto 100%; -webkit-border-radius: 4px; border-radius: 4px; width: 100% } .header__search input, .header__search__input { border: none; padding: 0; background-color: transparent; color: #fff; height: 50px; width: 100%; padding: 0 17px } .header__search input::-webkit-input-placeholder, .header__search__input::-webkit-input-placeholder { color: #fff } .header__search input::-moz-placeholder, .header__search__input::-moz-placeholder { color: #fff } .header__search input:-ms-input-placeholder, .header__search__input:-ms-input-placeholder { color: #fff } .header__search input::-ms-input-placeholder, .header__search__input::-ms-input-placeholder { color: #fff } .header__search input::placeholder, .header__search__input::placeholder { color: #fff } .header__search__submit { height: 50px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 29px 0 12px; font-weight: 600; position: relative; z-index: 1 } .header__search__submit:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQ2IiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNDQ2IDUwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCA1QzAgMi4yMzg1OCAyLjIzODU4IDAgNSAwSDQyNi4zNDNDNDI3LjkwOSAwIDQyOS4zODQgMC43MzM0OTMgNDMwLjMyOSAxLjk4MTgzTDQ0NC44MDQgMjEuMDk5NUM0NDYuMTEzIDIyLjgyODUgNDQ2LjE1OCAyNS4yMDQ0IDQ0NC45MTYgMjYuOTgyTDQzMC4zMjEgNDcuODY0M0M0MjkuMzg2IDQ5LjIwMjcgNDI3Ljg1NiA1MCA0MjYuMjIzIDUwSDUuMDAwMDFDMi4yMzg1OCA1MCAwIDQ3Ljc2MTQgMCA0NVY1WiIgZmlsbD0iIzIxNkFCMSIvPgo8L3N2Zz4K) center right no-repeat; opacity: 0; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; -webkit-border-radius: 5px; border-radius: 5px } .header__search__submit:before { content: ''; position: absolute; z-index: -1; left: 0; top: 10px; bottom: 10px; width: 1px; background-color: #878787 } .header__search__submit .svg-ico { margin-right: 10px } .header__search__submit:focus:after, .header__search__submit:hover:after { opacity: 1 } .svg-wrap { position: relative; display: flex; align-items: center; justify-content: center; } .header__short_menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 18px; font-weight: 600 } .header__short_menu__itm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline } .header__short_menu__itm:not(:last-child):after { content: '|'; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: inline-block; font-weight: 400; margin: 0 25px } .header__short_menu__itm a { line-height: 33px; display: inline-block; position: relative; z-index: 1 } .header__short_menu__itm a:before { content: ''; position: absolute; z-index: -1; top: 0; left: -10px; right: -10px; bottom: 0; -webkit-border-radius: 5px; border-radius: 5px } .header__short_menu__itm a:hover { border-bottom-color: #fff } .header__short_menu__itm a:hover:before { background-color: #216ab1 } .header__short_menu__itm_count { position: absolute; background-color: #eb2222; line-height: initial; border-radius: 100%; font-size: 10px; width: 16px; height: 16px; display: flex; justify-content: center; align-items: center; top: -8px; right: -8px; display: none; } .header__short_menu__itm_count.active { display: flex; } .header__fav_btn { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .header__fav_btn a { line-height: 0 } .header__fav_btn a:before { display: none } .header__cart { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-weight: 400 } .header__cart__cnt { background-color: #eb2222; width: 33px; height: 33px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-weight: 700; -webkit-border-radius: 50%; border-radius: 50%; margin-left: 13px } .header__cart__price { margin-left: 16px; line-height: .92857 } .header__bars { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #216ab1; height: 36px; width: 36px; -webkit-border-radius: 5px; border-radius: 5px } .header__bars span, .header__bars:after, .header__bars:before { content: ''; display: block; width: 20px; height: 2px; background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50% } .header__bars span { margin: 5px 0 } .header__bars.active span { width: 0; opacity: 1 } .header__bars.active:before { -webkit-transform: translate(3px, -.125px) rotate(45deg); -ms-transform: translate(3px, -.125px) rotate(45deg); transform: translate(3px, -.125px) rotate(45deg) } .header__bars.active:after { -webkit-transform: translate(3px, .125px) rotate(-45deg); -ms-transform: translate(3px, .125px) rotate(-45deg); transform: translate(3px, .125px) rotate(-45deg) } .intro { background-color: #303030; padding-top: 12px; padding-bottom: 44px } .intro__grid { display: grid; grid-template-columns:1fr 1fr 1fr; grid-template-rows:1fr 1fr; grid-gap: 30px } .intro__slider { grid-row: span 2; grid-column: span 2; width: 100% } .intro__slider:not(.slick-initialized) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden } .intro__slider:not(.slick-initialized) > * { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100% } .intro__slider .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .intro__slider .slick-arrow { position: absolute; z-index: 1; top: 50%; width: 27px; height: 55px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: rgba(196, 196, 196, .5) } .intro__slider .slick-arrow:hover { color: #fff } .intro__slider .slick-prev { left: 0 } .intro__slider .slick-next { right: 0 } .intro__slide { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important } .intro__slide__img { display: block; background-position: center center; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; width: 100%; -webkit-border-radius: 5px; border-radius: 5px } .intro__slide__img:after { content: ''; display: block; padding-bottom: 46.23762% } .intro__adv_itm { background-position: center center; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; -webkit-border-radius: 5px; border-radius: 5px } .intro__benefits { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 41px } .intro__benefits__itm { position: relative; padding-left: 80px; max-width: 23%; min-width: 15%; color: #fff; line-height: 1.625 } .intro__benefits__itm img { position: absolute; top: 50%; left: 30px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 56px; max-height: 56px } .intro__benefits__itm b { display: inline-block } .related_products { padding: 71px 0 80px } .related_products__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; border-bottom: 1px solid #a8a8a8 } .related_products__header .section_title { width: 100% } .related_products__nav { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; font-family: OpenSans, sans-serif } .related_products__nav ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; padding-right: 6px } .related_products__nav ul:after { content: ''; position: absolute; right: 0; top: 5px; width: 1px; height: 20px; background-color: #000 } .related_products__nav ul a { display: block; padding: 0 21.5px 16px; position: relative; color: #9c9c9c } .related_products__nav ul a:before { content: attr(data-text); position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; font-weight: 700; color: #000; opacity: 0; background-color: #fff } .related_products__nav ul a:after { content: ''; position: absolute; bottom: -2px; width: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 3px; background-color: #216ab1 } .related_products__nav ul .active a { color: transparent } .related_products__nav ul .active a:after { width: 70px } .related_products__nav ul .active a:before { opacity: 1 } .related_products__nav .catalog_link { text-transform: uppercase; color: #2e2c2f; margin-left: 23px; display: inline-block } .related_products__nav .catalog_link:hover { color: #216ab1 } .related_products__slider { margin-top: 29px; margin-left: -5px; margin-right: -5px } .related_products__slider:not(.slick-initialized) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden } .related_products__slider:not(.slick-initialized) > * { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20% } .related_products__slider .slick-arrow ,.catlist__slider .slick-arrow { position: absolute; top: 50%; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 55px; height: 55px; margin-top: -27px; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #bebebe } .related_products__slider .slick-arrow:hover { color: #216ab1 } .related_products__slider .slick-prev { left: -45px } .related_products__slider .slick-next { right: -45px } .related_products__slider .slick-list { overflow: visible } .related_products__slider .slick-slide { -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; pointer-events: none; opacity: 0 } .related_products__slider .slick-active { pointer-events: auto } .related_products__slider .current_slide { -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; opacity: 1 } .related_products__slide { padding: 0 5px } .catalog .section_title { margin-bottom: 49px } .catalog__list { display: grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap: 30px; margin-bottom: 30px } .catalog__itm { padding: 33px 28px; height: 235px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 1; overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px } .catalog__itm h3 { font-weight: 600; font-size: 20px; font-family: OpenSans, sans-serif; line-height: 1 } .catalog__itm:hover { color: #000 } .catalog__itm:hover .catalog__itm__bg { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .catalog__itm__bg { position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-transform-origin: 50% 66.6%; -ms-transform-origin: 50% 66.6%; transform-origin: 50% 66.6% } .catalog__itm-light_text { color: #fff } .catalog__itm-light_text:hover { color: #fff } .catalog__itm-bottom_text { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .text_section { padding: 36px 0 0 } .text_section .section_title { margin-bottom: 24px } .text_section .plain_text { text-align: justify } .footer { font-size: 14px; line-height: 2; font-family: OpenSans, sans-serif; margin-top: auto; padding-top: 86px; padding-bottom: 19px } .footer__title { font-size: 14px; font-weight: 600; margin-top: 10px; margin-bottom: 7px } .footer__nav { width: 230px } .footer__nav a { display: block; color: #797979 } .footer__contacts { font-weight: 700 } .footer a:hover { color: #216ab1 } .footer__soc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: -9px; position: relative; z-index: 1 } .footer__soc a:not(:last-child) { margin-right: 6px } .footer__soc a:hover .svg-ico { -webkit-transform: scale(1.33); -ms-transform: scale(1.33); transform: scale(1.33) } .footer__bottom { border-top: 1px solid #d0d0d0; margin-top: 22px; color: #a0a0a0; font-family: Montserrat, sans-serif; font-size: 12px; line-height: 1.66667; padding-top: 14px } .footer__copyright { display: inline-block } #mob_menu_overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; background-color: rgba(48, 48, 48, .7); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); visibility: hidden; opacity: 0; -webkit-transition: opacity .3s ease, visibility .3s ease; -o-transition: opacity .3s ease, visibility .3s ease; transition: opacity .3s ease, visibility .3s ease } #mob_menu_overlay.active { visibility: visible; opacity: 1 } .mob_menu { position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; color: #fff; background-color: #303030; padding: 60px 20px 15px; min-width: 250px; visibility: hidden; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease; -o-transition: opacity .3s ease, visibility .3s ease, transform .3s ease; transition: opacity .3s ease, visibility .3s ease, transform .3s ease; transition: opacity .3s ease, visibility .3s ease, transform .3s ease, -webkit-transform .3s ease } .mob_menu.active { visibility: visible; opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .mob_menu__content { overflow-y: auto; height: 100%; padding-bottom: 30px } .mob_menu__close_btn { position: absolute; top: 6px; right: 8px; width: 45px; height: 45px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .mob_menu__nav li:not(:last-child) { margin-bottom: 5px } .mob_menu__nav a { display: block } .mob_menu__nav ul:after { content: ''; display: block; height: 1px; border-bottom: 1px solid #505050; margin: 5px 0 } .mob_menu .header__catalog_btn { margin-bottom: 10px; margin-right: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding-right: 43px } .mob_menu .header__catalog_btn .svg-ico { display: block } .mob_menu .header__auth { margin-top: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; font-size: 16px } .mob_menu .header__auth .svg-ico { margin-right: 5px } .mob_menu a[href^=mailto] { margin-top: 15px } .mob_menu a[href^=mailto] .svg-ico { margin-right: 8px } .mob_menu .header__search { margin-top: 15px } @media (min-width: 768px) { .mob_menu .header__auth, .mob_menu .header__catalog_btn, .mob_menu .header__search, .mob_menu a[href^=mailto] { display: none } } .expend_text_btn { color: #216ab1; font-weight: 600; padding: 5px 0; display: block } .catalog_filter { width: 358px } .catalog_filter__itm:not(:last-child) { margin-bottom: 51px } .catalog_filter__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .catalog_filter__header .catalog_filter__title { border-bottom: 1px solid #bebebe; padding-top: 8px } .catalog_filter__header .toggle_btn { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 48px; height: 48px; background-color: #e6e6e6; -webkit-border-radius: 50%; border-radius: 50%; margin-left: 14px; position: relative } .catalog_filter__header .toggle_btn:before { content: ''; position: absolute; top: 0; left: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDkgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjMwNDY5IDUuODMyMDNIMC4wMzUxNTYyVjMuNDc2NTZIMy4zMDQ2OVYwLjI1MDk3N0g1LjY2ODk1VjMuNDc2NTZIOC45Mzg0OFY1LjgzMjAzSDUuNjY4OTVWOS4wMDQ4OEgzLjMwNDY5VjUuODMyMDNaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K); background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%; -webkit-transition: -webkit-filter .3s ease; transition: -webkit-filter .3s ease; -o-transition: filter .3s ease; transition: filter .3s ease; transition: filter .3s ease, -webkit-filter .3s ease } .catalog_filter__header .toggle_btn.active:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgNiA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC41MTI2OTUgMy41NDU5VjAuODAzNzExSDUuNDc4NTJWMy41NDU5SDAuNTEyNjk1WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==) } .catalog_filter__header .toggle_btn:hover { color: #fff; background-color: #216ab1 } .catalog_filter__header .toggle_btn:hover:before { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) } .catalog_filter__title { font-family: OpenSans, sans-serif; font-weight: 700; font-size: 18px; line-height: 1.11111; width: 100% } .catalog_filter__body { padding-top: 21px; display: none } .catalog_filter .checkbox:not(:last-child) { margin-bottom: 13px } .catalog_filter__menu { font-size: 16px; line-height: 1.25; font-family: OpenSans, sans-serif; padding-right: 62px } .catalog_filter__menu ul ul { padding-left: 19px; padding-top: 15px; padding-bottom: 14px } .catalog_filter__menu ul ul li:not(:last-child) { margin-bottom: 14px } .catalog_filter__menu ul ul ul { padding-left: 20px; padding-top: 12px; padding-bottom: 5px; color: #767676 } .catalog_filter__menu ul ul ul li:not(:last-child) { margin-bottom: 12px } .catalog_filter__menu .dropdown-menu { display: none } .catalog_filter__menu a:hover { color: #216ab1 } .catalog_filter__menu .toggle_btn { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjQ2ODI0IDYuODA5OTRMMTEuODA4MyAxLjUwNzU4QzExLjkzMTkgMS4zODQ5NSAxMiAxLjIyMTI0IDEyIDEuMDQ2NjhDMTIgMC44NzIxMTggMTEuOTMxOSAwLjcwODQwOCAxMS44MDgzIDAuNTg1NzcxTDExLjQxNTEgMC4xOTUyODlDMTEuMTU4OSAtMC4wNTg3OTk5IDEwLjc0MjUgLTAuMDU4Nzk5OSAxMC40ODY3IDAuMTk1Mjg5TDYuMDAyNDkgNC42NDc4MUwxLjUxMzI2IDAuMTkwMzQ5QzEuMzg5NjUgMC4wNjc3MTE1IDEuMjI0ODcgLTQuNzA5OTZlLTA3IDEuMDQ5MTYgLTQuNzg2NzZlLTA3QzAuODczMjYxIC00Ljg2MzY1ZS0wNyAwLjcwODQ4MiAwLjA2NzcxMTQgMC41ODQ3NzUgMC4xOTAzNDhMMC4xOTE3MDYgMC41ODA4M0MwLjA2ODA5NzEgMC43MDM1NjQgLTMuNzkwNTVlLTA4IDAuODY3MTc3IC00LjU1MzU4ZS0wOCAxLjA0MTc0Qy01LjMxNjZlLTA4IDEuMjE2MyAwLjA2ODA5NzEgMS4zODAwMSAwLjE5MTcwNiAxLjUwMjY0TDUuNTM2NjQgNi44MDk5NEM1LjY2MDY0IDYuOTMyODcgNS44MjYyIDcuMDAwMzkgNi4wMDIxOSA3QzYuMTc4ODggNy4wMDAzOSA2LjM0NDM0IDYuOTMyODcgNi40NjgyNCA2LjgwOTk0WiIgZmlsbD0iIzQ3NDc0NyIvPgo8L3N2Zz4K) center center no-repeat; display: inline-block; vertical-align: middle; width: 19px; height: 20px } .catalog_filter__menu li:not(:last-child) { margin-bottom: 16px } .catalog_filter__menu li.active > .toggle_btn { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1) } .catalog_filter__menu .menu_root a { font-weight: 600; color: #000; } .catalog_filter__menu .menu_root > li > a { font-weight: 600; } .catalog_filter__menu .menu_root > li.active > a { color: #216ab1; font-weight: 700 } .catalog_filter__menu .menu_root > li > .dropdown-menu > ul > li { position: relative } .catalog_filter__menu .menu_root > li > .dropdown-menu > ul > li>ul>li>a, .catalog_filter__menu .menu_root > li > .dropdown-menu > ul > li>a{font-weight: 500} .catalog_filter__menu .menu_root > li > .dropdown-menu > ul > li.active a{ font-weight: 500; } .catalog_filter__menu .menu_root > li > .dropdown-menu > ul > li.active >a{ font-weight: 600; color: #216ab1;} .catalog_filter__menu .menu_root > li > .dropdown-menu > ul > li ul li.active a{ font-weight: 700; color: #216ab1; } .catalog_filter__menu .menu_root > li > .dropdown-menu > ul > li:before { content: ''; position: absolute; left: -16px; top: 6px; width: 7px; height: 7px; background-color: #216ab1; -webkit-border-radius: 50%; border-radius: 50% } .catalog_filter__range_block { padding-top: 14px } .catalog_filter__range_inputs .col-6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .catalog_filter__range_inputs input { border: 1px solid #b2b2b2; width: 100%; margin-left: 19px; display: inline-block; height: 47px; padding: 0 19px; font-size: 14px; color: #606060 } .catalog_filter__range { background: #b6b6b6; border: none; height: 4px; margin: 33px 7px 6px } .catalog_filter__range:before { content: ''; position: absolute; top: 0; -webkit-border-radius: 3px; border-radius: 3px; left: -7px; right: -7px; height: 100%; background-color: #b6b6b6 } .catalog_filter__range .ui-slider-handle { width: 14px; height: 14px; border: 4px solid #0e00b4; top: -5px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #fff !important; cursor: pointer; margin-left: -7px } .catalog_filter__range .ui-slider-handle:before { content: ''; position: absolute; -webkit-border-radius: 50%; border-radius: 50%; top: -10px; left: -10px; right: -10px; bottom: -10px } .catalog_filter__range .ui-slider-range { background: #0e00b4; border: none } .catalog_filter__range.ui-widget.ui-widget-content { border: none } .catalog_filter__range_label { font-size: 12px; line-height: 1.16667; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .catalog__grid { display: grid; grid-template-columns:1fr 1fr 1fr 1fr } .catalog__grid_cell { border: 1px solid #c6c6c6; margin-right: -1px; margin-bottom: -1px } .catalog__grid .shortcard { padding: 17px 17px 10px } .catalog__grid .shortcard .cnt_block { height: 42px } .catalog__grid .shortcard .cnt_block { width: 84px } .catalog__grid .shortcard__buy_btn { width: 44px; height: 42px } .catalog__grid .shortcard__bot { margin-top: 19px } .catalog__grid .shortcard__suptitle { margin-top: 18px; justify-content: space-between; } .catalog__grid_filter { padding: 26px 0 11px } .catalog__grid_filter__itm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px } .catalog__grid_filter__itm .select { width: 150px; margin-left: 10px } .catalog_filter__btn { margin-bottom: 25px; width: 100% } .catalog_filter__btn .svg-ico { margin-left: 10px; } .catalog_page { padding-bottom: 73px } .card { padding-top: 56px; padding-bottom: 11px } .card__preview { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .card__preview .slick-slide > div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .card__preview__nav { width: 115px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: -7px; margin-top: 17px; margin-bottom: 17px; margin-right: 24px } .card__preview__nav:not(.slick-initialized) { overflow: hidden; max-height: 487px } .card__preview__nav__itm { position: relative; cursor: pointer } .card__preview__nav__itm:after { content: ''; display: block; padding-bottom: 100% } .card__preview__nav__itm:before { content: ''; position: absolute; top: -7px; left: -7px; right: -6px; bottom: -6px; opacity: 0; z-index: 2 } .card__preview__nav__itm img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100% } .card__preview__nav__slide { padding: 7px } .card__preview__nav__slide.active .card__preview__nav__itm:before { opacity: 1 } .card__preview__nav .slick-slide { border: none } .card__preview__nav .slick-arrow { position: absolute; z-index: 2; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 35px; height: 35px; width: 100%; color: #bebebe } .card__preview__nav .slick-arrow:hover { color: #216ab1 } .card__preview__nav .slick-prev { top: -29px } .card__preview__nav .slick-next { bottom: -29px } .card__preview__slider_wrap { width: 487px; margin-left: auto } .card__preview__slider { background-color: #fff; position: relative; height: 100% } .card__preview__slider:not(.slick-initialized) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden } .card__preview__slider:not(.slick-initialized) > * { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100% } .card__preview__slide { position: relative } .card__preview__slide:before { content: ''; display: block; padding-bottom: 100% } .card__preview__slide img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100% } .card__title { font-size: 24px; line-height: 1.20833; font-weight: 700; margin-top: 6px } .card__subtitle { margin-top: 18px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px } .card__article { font-size: 14px; margin-top: 12px } .card__article b { display: inline-block; margin-left: 5px } .card .shortcard__exist { font-size: 12px; font-weight: 500 } .card__brand { width: 200px; margin-left: auto } .card__brand img { max-width: 100% } .card__params { font-weight: 500; font-size: 14px } .card__params li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } .card__params li:not(:last-child) { margin-bottom: 11px } .card__params .label { width: 176px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 13px; overflow: hidden; color: #6b6b6b; font-weight: 400; position: relative } .card__params .label:after { content: '................................................'; padding-left: 5px; position: absolute; bottom: 0 } .card__files { margin-top: 58px; font-size: 14px } .card__file { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-decoration: underline; margin-bottom: 10px } .card__file img { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 19px } .card__file:hover { color: #216ab1; text-decoration: underline } .card__order { background: #fff; -webkit-box-shadow: 0 0 28px rgba(0, 0, 0, .25); box-shadow: 0 0 28px rgba(0, 0, 0, .25); padding: 41px 59px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; width: 360px } .card__order .cnt_block { height: 50px; margin-top: 33px } .card__order .cnt_block__btn { width: 50px } .card__order .btn { text-transform: uppercase; margin-top: 10px } .card__order .btn .svg-ico { margin-right: 20px } .card__price_block { text-align: center; font-size: 36px; line-height: 1.22222; font-weight: 700 } .card__old_price { font-size: 18px; line-height: 1.33333; text-decoration: line-through; margin-bottom: 6px; font-weight: 400 } .card__new_price { color: #ff5f5f } .card__one_click_btn { text-transform: uppercase; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 57px; width: 100%; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 16px; letter-spacing: -.05em; line-height: 1 } .card__one_click_btn .svg-ico { margin-right: 10px; margin-top: -2px } .card__one_click_btn:hover { background-color: #216ab1; color: #fff } .card__share { margin-top: auto } .card__share img { display: block; max-width: 100% } .card__info { margin-top: 79px } .card__info__nav { background: #efefef; border: 1px solid #d4d4d4; font-size: 18px } .card__info__nav ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .card__info__nav a { display: block; padding: 15px 24px; position: relative } .card__info__nav a:after { content: ''; position: absolute; top: 100%; left: 0; right: 0; height: 3px; background-color: #216ab1; opacity: 0 } .card__info__nav a:before { content: attr(data-text); position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-weight: 700; letter-spacing: -.035em; opacity: 0; color: #000 } .card__info__nav .active { color: transparent } .card__info__nav .active a:after, .card__info__nav .active a:before { opacity: 1 } .card__info__content { border: 1px solid #d4d4d4; border-top: none; padding: 28px 37px 39px } .card__reviews__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .card__reviews__total { font-weight: 500; padding-left: 9px } .card__reviews__total .rating_block { margin-left: 15px } .card__reviews__callback { color: #ababab; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: right; font-size: 16px; line-height: 1.375 } .card__reviews__callback .btn { margin-left: 23px; width: 274px } .card__reviews__list { margin-top: 34px; max-height: 564px; overflow: hidden; position: relative } .card__reviews__list:not(.mCS_no_scrollbar):after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 50px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff); background: -o-linear-gradient(top, rgba(255, 255, 255, 0), #fff); background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff); pointer-events: none } .card__reviews__list .mCSB_inside > .mCSB_container { margin-right: 45px } .card__reviews__list .mCSB_scrollTools { right: -6px; opacity: 1 } .card__reviews__list .mCSB_scrollTools:before { content: ''; position: absolute; left: 50%; margin-left: -1px; width: 1px; background-color: #c4c4c4; top: 0; bottom: 0 } .card__reviews__list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #000; width: 3px } .card__reviews__list .mCSB_scrollTools .mCSB_draggerRail { display: none } .card__reviews__itm { padding: 14px 0 28px; border-top: 1px solid #c4c4c4 } .card__reviews__itm .rating_block { margin-left: 4px } .card__reviews__name { display: inline-block; margin-right: 20px; color: #686868 } .card__reviews__text { line-height: 1.375; margin-top: 15px; font-weight: 500 } .card__fav_btn { height: 45px; width: 100%; background-color: #ddd; -webkit-border-radius: 5px; border-radius: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 10px } .card__fav_btn:hover { background-color: #eee } .card__fav_btn:after { content: 'В избранное' } .card__fav_btn svg { color: transparent; margin-right: 10px } .card__fav_btn.active:after { content: 'В избранном' } .card__fav_btn.active svg { color: #000 } .rating_block { display: inline-block; vertical-align: middle; line-height: 20px } .rating_block .svg-ico { display: inline-block; vertical-align: baseline; color: #cecece } .rating_block .svg-ico.active { color: #ff5f5f; margin-right: 3px } .cart__itm { border: 1px solid #cbcbcb; padding: 17px 81px 17px 17px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; margin-bottom: 20px } .cart__itm__thumb { margin-right: 23px; width: 125px; height: 125px; position: relative; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 23px } .cart__itm__thumb img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100% } .cart__itm__remove_btn { position: absolute; top: 15px; right: 15px; color: grey } .cart__itm__remove_btn:hover { color: #ff5f5f } .cart__itm__info { margin-right: 23px; padding-top: 10px; width: 100% } .cart__itm__buy_block { padding-top: 9px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 179px } .cart__itm__price_block { font-size: 24px; line-height: .83333; font-weight: 700; color: #000 } .cart__itm__price_block .new_price { color: #ff5f5f } .cart__itm__price_block .old_price { font-size: 16px; line-height: 1.25; font-weight: 400; text-decoration: line-through; margin-top: 4px } .cart__itm__title { font-size: 18px; line-height: 1.11111; font-weight: 700 } .cart__itm .cnt_block { margin-bottom: 22px } .cart__itm__params { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; font-size: 16px; line-height: 1.0625; color: #707070; margin-top: 14px } .cart__itm__params li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; padding-top: 9px } .cart__clear_btn { border-bottom: 1px solid #000; display: inline-block; line-height: 1 } .cart__clear_btn:hover { color: #216ab1; border-bottom-color: #216ab1 } .cart__check_wrap { width: 491px; height: 100% } .cart__check { -webkit-box-shadow: 0 0 29px rgba(0, 0, 0, .25); box-shadow: 0 0 29px rgba(0, 0, 0, .25); padding: 36px 36px 36px; font-size: 18px; line-height: 1.33333 } .cart__check li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 14px } .cart__check li b { font-weight: 600 } .cart__check__result { padding-top: 28px; margin: 31px 0 38px; font-size: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-weight: 700; line-height: 1; border-top: 1px solid #000 } .cart__check .btn { width: 100%; font-size: 16px } .cart__check .card__one_click_btn { font-size: 16px } .order { padding-top: 30px } .order .radiobox { display: inline-block } .order__title { font-family: OpenSans, sans-serif; font-size: 30px; line-height: 1.36667; margin-bottom: 30px } .order .note { font-style: italic; line-height: 1.25; color: #464646 } .order__location .radiobox { margin-left: 46px } .order__location .radiobox input[type=radio] + i:after { background-color: #e72f45 } .order__location__nav { margin-bottom: 32px } .order__location .form__input, .order__location .form__select { margin-bottom: 30px } .order__itm { margin-bottom: 55px } .order__payment .radiobox { margin-right: 80px; margin-bottom: 15px } .order__payment .form__input { margin-bottom: 30px } .order__payment .form__consent { margin-top: 10px } .about { padding-bottom: 37px } .docs { padding: 40px 0 } .docs__slider { margin-left: -22px; margin-right: -22px; margin-top: 23px } .docs__slider:not(.slick-initialized) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden } .docs__slider:not(.slick-initialized) > * { -webkit-box-flex: 0; -webkit-flex: 0 0 16.667%; -ms-flex: 0 0 16.667%; flex: 0 0 16.667% } .docs__slide { padding: 0 22px; font-size: 14px; line-height: 1.42857 } .docs__slide img { margin-bottom: 17px; width: 100% } .docs .slick-arrow { position: absolute; top: 40%; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 55px; height: 55px; margin-top: -27px; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #bebebe } .docs .slick-arrow:hover { color: #216ab1 } .docs .slick-prev { left: -35px } .docs .slick-next { right: -35px } .contact_form { padding: 43px 0 21px } .contact_form .section_title { font-size: 26px; margin-bottom: 23px } .contact_form .section_title b { color: #216ab1 } .contact_form__content { position: relative; border: 1px solid #c9c9c9; padding: 22px 30px 35px } .contact_form__content:before { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; height: 5px; background-color: #216ab1 } .contact_form__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -8px; margin-right: -8px } .contact_form__row .btn { height: 50px; width: 100% } .contact_form__col-input { padding: 0 8px; width: 26.78937% } .contact_form__col-btn { padding: 0 8px; width: 20.4499% } .contact_form .form__input { padding: 0 15px } .checkbox-consent { padding-left: 30px; font-size: 12px; color: #535353; margin-top: 17px } .checkbox-consent:hover { color: #535353 } .checkbox-consent input[type=checkbox], .checkbox-consent input[type=checkbox] + i { left: 0; top: -1px; width: 18px; height: 18px } .checkbox-consent a { border-bottom: 1px solid #535353 } .checkbox-consent a:hover { color: #216ab1; border-bottom-color: #216ab1 } .articles { padding-bottom: 50px } .articles__list { display: grid; grid-template-columns:1fr 1fr; grid-gap: 28px; margin-bottom: 21px } .short_article { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 1px solid #b9b9b9; padding: 30px 28px } .short_article__thumb { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: block; line-height: 0; width: 175px; margin-right: 26px } .short_article__thumb img { width: 100% } .short_article__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .short_article__title { font-size: 20px; line-height: 1.5; font-weight: 700; margin-bottom: 8px } .short_article__descr { line-height: 1.5625; margin-bottom: 5px } .short_article__descr a { color: #216ab1 } .short_article__bot { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: auto } .short_article__publichdate { color: #959595; margin-right: 28px } .short_article__publichdate .svg-ico { color: #787878; vertical-align: baseline; margin-bottom: -1px; margin-right: 5px } .short_article__tags { color: #2f2f2f; font-family: OpenSans, sans-serif } .short_article__tags a { display: inline-block } .short_article__tags a:not(:last-child) { margin-right: 7px } .short_article__tags a:hover { color: #216ab1 } a.short_article__title:hover { color: #216ab1 } .short_article-main { padding: 0 !important; border: none; border-bottom: 1px solid #c4c4c4; padding-bottom: 35px !important; margin-bottom: 35px } .short_article-main .short_article__thumb { width: 41.66667%; margin-right: 37px } .short_article-main .short_article__title { font-size: 24px; margin-bottom: 11px } .short_article-main .short_article__tags { font-size: 18px } .short_article-main .short_article__descr { margin-top: 16px; margin-bottom: 37px; max-width: 777px; font-size: 18px } .page_header { position: relative } .page_header__nav { margin-left: auto; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: OpenSans, sans-serif; position: absolute; bottom: 0; right: 0; font-size: 18px } .page_header__nav ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .page_header__nav ul li:not(:last-child) { margin-right: 48px } .page_header__nav ul a { display: block; padding: 0 0 12px; position: relative; color: #9c9c9c } .page_header__nav ul a:before { content: attr(data-text); position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; font-weight: 700; color: #000; opacity: 0; background-color: #fff } .page_header__nav ul a:after { content: ''; position: absolute; bottom: -2px; width: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 3px; background-color: #216ab1 } .page_header__nav ul .active a { color: transparent } .page_header__nav ul .active a:after { width: 50px } .page_header__nav ul .active a:before { opacity: 1 } .article { margin-top: -30px; padding-bottom: 50px } .article__top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px } .article .short_article__tags { font-size: 18px } .article .related_products { padding-top: 50px; padding-bottom: 56px } .article .related_products__header { padding-bottom: 15px } .lk__user_info > * { margin-bottom: 20px } .lk_link { font-size: 14px; color: #3c3c3c; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .lk_link .svg-ico { margin: 0 7px; color: #3c3c3c; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .lk_link:hover { color: #216ab1 } .auth { padding: 132px 0 0 } .auth .page_title { margin-bottom: 29px } .auth__form { max-width: 404px; margin-left: 68px } .auth__form .btn { width: 100%; margin-top: 25px } .auth__form .auth_link { margin-top: 17px; border-bottom: 1px solid #000; line-height: 1; display: inline-block } .auth__form .auth_link:hover { color: #216ab1; border-bottom-color: #216ab1 } .auth__field { position: relative; margin-top: 21px } .auth__field .svg-ico { position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 25px; z-index: 1 } .auth .form__input { padding-left: 50px } .popup { width: 574px; padding: 67px 67px; -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .25); box-shadow: 0 0 35px rgba(0, 0, 0, .25) } .popup__form { margin-top: 30px } .popup__form .form__input { margin-bottom: 19px; padding-left: 17px; padding-right: 17px } .popup__form .btn { width: 100%; margin-top: 29px } @media (max-width: 1599px) { .header__auth { font-size: 12px } .header__nav { font-size: 12px; padding-right: 0 } .header__contacts { font-size: 14px } .header__contacts > :not(:last-child) { margin-right: 20px } .header__short_menu { font-size: 16px } .header__short_menu__itm:not(:last-child):after { margin: 0 15px } .header__catalog_btn { width: 160px } .header__logo img { width: 250px } .header__top { margin-left: 7.5% } .header__contacts .svg-ico { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px) } .intro__benefits__itm { padding-left: 75px; max-width: 26%; min-width: 20% } .intro__benefits__itm { font-size: 15px } .catalog__itm h3 { font-size: 18px } .catalog__itm { padding: 30px 25px } .related_products__slider:not(.slick-initialized) > * { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25% } .footer__nav { width: auto; min-width: 180px } .catalog__grid { grid-template-columns:1fr 1fr 1fr } .catalog_filter { width: 320px } .card { padding-top: 30px } .card__order { width: 320px; padding-left: 40px; padding-right: 40px } .cart__check_wrap { width: 360px } .cart__check { font-size: 16px } .cart__check__result { font-size: 22px } .cart__itm { padding-right: 55px } .cart__itm__params { font-size: 14px } .docs__slider:not(.slick-initialized) > * { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20% } .short_article { padding: 15px } .short_article__thumb { margin-right: 20px } .short_article__title { font-size: 18px } } @media (min-width: 1200px) and (max-width: 1599px),(max-width: 991px) { .card__preview { width: 400px } .card__preview__slider_wrap { width: 100% } .card__preview__nav:not(.slick-initialized) { max-height: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .card__preview__nav:not(.slick-initialized) > * { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25% } .card__preview { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .card__preview__nav { width: auto; margin-right: 0; margin-top: 9px; margin-bottom: 0; margin-left: 17px; margin-right: 17px } .card__preview__nav .slick-arrow { height: 100%; top: 0; bottom: 0; width: 30px; -webkit-transform: none; -ms-transform: none; transform: none } .card__preview__nav .slick-arrow svg { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } .card__preview__nav .slick-prev { left: -27px; right: auto } .card__preview__nav .slick-next { right: -27px; left: auto } .card__preview__nav__itm:before { top: -6px; left: -6px } } @media (max-width: 1359px) { .header { padding-bottom: 15px } .header__top { margin-left: 0 } .header__contacts > :not(:last-child) { margin-right: 15px } .header__contacts { font-size: 13px } .header__logo { height: auto } .header__logo img { width: 200px } .header__cart { width: auto } .header__search__submit { font-size: 0; padding: 0 15px 0 15px } .header__bot { padding-top: 10px } .header__short_menu__itm:not(:last-child):after { margin: 0 12px } .catalog__list, .intro__grid { grid-gap: 15px } .intro__benefits { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .intro__benefits__itm { font-size: 14px; max-width: 28% } .shortcard__price { font-size: 16px } .footer__nav { min-width: 140px } .related_products__slider .slick-prev { left: -40px } .related_products__slider .slick-next { right: -40px } .catalog_filter { width: 340px } .catalog__grid { grid-template-columns:1fr 1fr } .cart__itm__buy_block { width: 150px; padding-top: 0 } .cart__check_wrap { width: 320px } .cart__check { padding: 30px 20px } .cart__itm__price_block { font-size: 20px } .cart__itm__price_block .old_price { font-size: 14px } .cart__itm__info { padding-top: 0 } .cart__itm__params { margin-top: 10px } .short_article__thumb { width: 100px } .articles__list { grid-gap: 15px } } @media (max-width: 1199.98px) { .header__cart__price { display: none } .header__cart { position: relative; padding-right: 10px } .header__cart__cnt { position: absolute; right: 0; top: -7px; width: 17px; height: 17px; font-size: 10px; font-weight: 600 } .header__top { margin-left: 90px; padding-bottom: 6px } .header__contacts > :not(:last-child) { margin-right: 20px } .header__nav { margin-left: -90px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .header__nav ul { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; flex-width: auto; flex-max-width: none; white-space: nowrap } .header__nav li:not(:last-child) { margin-right: 25px } .header__logo { height: 50px } .header__logo img { width: 250px } .header__short_menu .header__short_menu__itm:not(.header__cart) { display: none } .header__nav a:before { display: none } .header__contacts { margin-left: auto } .intro__benefits__itm { padding-left: 0; max-width: 26%; min-width: 20%; text-align: center } .intro__benefits__itm img { position: static; -webkit-transform: none; -ms-transform: none; transform: none; display: block; margin-left: auto; margin-right: auto; margin-bottom: 5px } .related_products__nav ul a { padding: 0 16px 16px } .section_title { font-size: 26px } .page_title { font-size: 32px } .related_products__slider:not(.slick-initialized) > * { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333% } .related_products__slider .slick-prev { left: -35px } .related_products__slider .slick-next { right: -35px } .catalog__list { grid-template-columns:1fr 1fr 1fr } .footer__nav { min-width: 0 } .footer { padding-top: 50px } .footer__soc { margin-top: 0; line-height: 0 } .footer__logo_wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px } .footer__logo img { width: 280px } .related_products__slider .slick-slide { opacity: 1 } .related_products__slider .slick-list { overflow: hidden } .related_products__slider .shortcard:before { display: none } .shortcard .shortcard__one_click_btn { display: none } .catalog_filter { width: 280px } .card__title { font-size: 22px; margin-bottom: 5px } .card .shortcard__exist, .card__article { display: inline-block; margin-bottom: 17px } .card__preview { width: 600px } .card__order { width: 299px; padding-left: 35px; padding-right: 35px } .card__brand { margin-top: 0; margin-left: 0 } .card__preview__slider_wrap { width: 470px } .card__preview__nav { width: 109px } .card__preview__nav:not(.slick-initialized) { max-height: 450px } .card__mid { margin-top: 35px } .card__files { margin-top: 30px } .card__subtitle { margin-bottom: 15px; display: block; margin-top: 0 } .card__article { margin-top: 0 } .card__info { margin-top: 50px } .card__reviews__callback { font-size: 14px } .card__reviews__callback .btn { width: 225px } .cart__itm { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .cart__itm__info { margin-right: 0; margin-top: 15px; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .cart__itm__thumb { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .cart__itm__buy_block { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .order__location .radiobox { margin-left: 25px } .order__payment .radiobox { margin-right: 20px; width: 40% } .about .alignleft, .about .alignright { max-width: 50% } .contact_form .section_title { font-size: 24px } .docs .slick-prev { left: -25px } .docs .slick-next { right: -25px } .docs__slider:not(.slick-initialized) > * { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25% } .short_article-main .short_article__title { font-size: 22px } .short_article-main .short_article__descr, .short_article-main .short_article__tags { font-size: 16px } .articles__list { grid-template-columns:1fr } .short_article__thumb { width: 150px } .auth__form { margin-left: auto; margin-right: auto; margin-bottom: 50px } .auth { padding-top: 50px } } @media (max-width: 991.98px) { .header { padding-top: 5px } .intro__grid { grid-template-columns:1fr 1fr; grid-template-rows:auto } .intro__adv_itm { height: 150px } .intro__benefits { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 35px } .intro__benefits__itm { width: 50%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; max-width: unset; min-width: unset; text-align: left; padding-left: 80px; margin-bottom: 25px } .intro__benefits__itm img { position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .intro { padding-bottom: 15px } .header__logo { height: 45px } .header__logo img { width: 240px } .header__catalog_btn, .header__search input, .header__search__form, .header__search__input, .header__search__submit { height: 45px } .header__search__submit { padding: 0 13px 0 13px } .header__catalog_btn { width: auto; padding: 1px 15px 0; font-size: 14px } .header__catalog_btn .svg-ico { display: none } .header__contacts { font-size: 14px } .header__search { font-size: 12px } .related_products__header { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .related_products__nav { margin-top: 30px; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .related_products { padding-top: 60px } .shortcard__price { font-size: 18px } .related_products__slider:not(.slick-initialized) > * { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50% } .catalog__list { grid-template-columns:1fr 1fr } .catalog__itm { height: 220px } .footer__copyright { display: block } .catalog__grid { grid-template-columns:1fr 1fr } .catalog_filter { width: auto } .catalog_filter { display: none; padding-bottom: 50px } .catalog_page { padding-bottom: 40px } .card__preview__nav { width: auto } .card__preview__slider_wrap { width: 100% } .card__preview { width: 410px } .card__order { width: 250px; height: auto; padding: 30px 20px; min-height: 410px } .card__one_click_btn { font-size: 14px } .card__price_block { font-size: 32px } .card__order .cnt_block { margin-top: 25px } .card__info__nav { font-size: 16px } .card__reviews__total { padding-left: 0 } .card__info__content { padding: 25px 25px 25px } .card__reviews__callback { display: block; width: 50% } .card__reviews__callback .label { font-size: 12px; margin-bottom: 5px } .card__reviews__callback br { display: none } .card__reviews__list .mCSB_inside > .mCSB_container { margin-right: 25px } .card__reviews__list { margin-top: 20px } .card__reviews__text { font-size: 14px } .cart__check_wrap { margin-top: 30px; width: 100% } .contact_form__row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .contact_form__row > * { margin-bottom: 15px } .contact_form__col-btn, .contact_form__col-input { width: 50% } .contact_form .section_title { font-size: 20px } .docs__slider:not(.slick-initialized) > * { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333% } .short_article__thumb { width: 175px } .short_article__descr { font-size: 15px } .short_article-main .short_article__thumb { width: 190px; margin-right: 20px } .article .short_article__tags, .short_article__publichdate { font-size: 14px } .plain_text h2 { font-size: 24px; margin-bottom: 24px } .plain_text .alignleft, .plain_text .alignright { max-width: 50% } .plain_text ol li { padding-left: 45px } .plain_text ol li:before { font-size: 16px; width: 28px } .plain_text ul li { padding-left: 40px } .plain_text ul li:before { left: 2px } .page_header__nav { position: static; margin-left: 5px; width: 100%; margin-top: 25px; margin-bottom: -59px; -webkit-transform: translateY(9px); -ms-transform: translateY(9px); transform: translateY(9px) } .page_header__nav ul a { padding-bottom: 8px } .page_header__nav li { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-right: 20px } .page_header__nav li.active { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } } @media (min-width: 768px) { .text_section .expend_text_btn { display: none } } @media (min-width: 992px) { .catalog_filter__btn { display: none } .catalog_filter { display: block !important } } @media (max-width: 767.98px) { .header .header__auth, .header__contacts a[href^=mailto], .header__mid { display: none } .header__short_menu { margin-left: auto } .header__top { border-bottom: none } .header__logo img { width: 240px } .header__contacts > :not(:last-child) { margin-right: 0 } .header__bot { padding-top: 0 } .header { padding-top: 10px } .intro__grid { display: block } .intro__adv_itm { display: block; width: 100%; display: none; margin-top: 15px } .intro__benefits__itm { width: 100%; min-height: 44px } .related_products { padding: 40px 0 } .section_title { font-size: 24px } .page_title { font-size: 28px } .page_header { padding-top: 20px; padding-bottom: 20px; margin-bottom: 30px } .related_products__nav .catalog_link, .related_products__nav ul:after { display: none } .related_products__slider { margin-left: -10px; margin-right: -10px } .related_products__slide { padding: 0 10px } .related_products__slider .slick-prev { left: -20px } .related_products__slider .slick-next { right: -20px } .catalog__itm { height: 175px } .catalog__list { grid-template-columns:1fr } .catalog .section_title { margin-bottom: 30px } .text_section { font-size: 14px } .footer__logo_wrap { display: block } .footer__bottom { text-align: center } .footer__dev { margin-top: 5px } .footer__contacts .footer__title { display: none } .text_section .plain_text { max-height: 257px; overflow: hidden; position: relative } .text_section .plain_text:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 40px; background: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0)); background: -o-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0)); background: linear-gradient(0deg, #fff, rgba(255, 255, 255, 0)) } .text_section .plain_text.expended { max-height: unset } .text_section .plain_text.expended:after { display: none } .related_products__nav ul a { padding: 0 10px 10px } .mob_menu { width: 100% } .catalog__grid { display: block } .catalog__grid_cell { margin-bottom: 15px } .pager_block { padding-right: 0; text-align: center } .pager { padding: 12px 0 } .pager ul { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .pager__more_btn { margin-left: auto; margin-right: auto; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .card__preview { width: 100% } .card__title { margin-bottom: 0 } .card__order { margin-top: 30px; width: auto; padding: 0; -webkit-box-shadow: none; box-shadow: none; display: block; min-height: 0 } .card__order .cnt_block { width: 100px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; margin-top: 0 } .card__order .btn { margin-top: 0; width: 200px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; height: 50px } .card__order .cnt_block__btn { width: 30px } .card__price_block { margin-bottom: 20px } .card__mid { margin-top: 25px } .card__mid .card__params { font-size: 12px; margin-top: 15px } .card__params .label { width: 140px } .card__order .card__share { display: none } .card__info { margin-left: -15px; margin-right: -15px } .card__info__nav { font-size: 14px; overflow-x: auto; overflow-y: hidden } .card__info__nav li { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .card__info__nav li.active { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .card__info__nav a { padding: 15px } .card__info__nav a:after { margin-top: -3px } .card__reviews__callback { display: none } .card__info__content { padding: 20px 15px } .card__reviews__list { max-height: unset } .card__reviews__name { font-size: 14px } .card__price_block { text-align: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline } .card__old_price { margin-bottom: 0; margin-right: 10px } .cart__itm__info { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .cart__itm__params { -webkit-columns: 1; -moz-columns: 1; columns: 1 } .cart__itm__buy_block { width: auto; margin-top: 15px } .cart__itm { padding-right: 17px } .cart__itm .cnt_block { width: 180px } .cart__check__result { font-size: 20px } .cart__check { padding: 25px 15px 15px; -webkit-box-shadow: none; box-shadow: none; background-color: #eee; margin-left: -15px; margin-right: -15px } .cart { padding-bottom: 30px } .order__location .radiobox { margin-left: 0; display: block } .form__label { margin-bottom: 5px } .order__location .form__input, .order__location .form__select, .order__payment .form__input { margin-bottom: 15px } .order__itm { margin-bottom: 35px } .order__title { margin-bottom: 15px; font-size: 24px } .order__payment .radiobox { width: 100%; margin-right: 0; margin-bottom: 10px } .order .note { font-size: 12px } .docs__slider:not(.slick-initialized) > * { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100% } .docs__slide { padding-left: 10px; padding-right: 10px } .docs__slider { width: 280px; margin-left: -10px; margin-right: -10px } .docs__slider .slick-arrow { display: none !important } .docs__slider .slick-list { overflow: visible } .contact_form__col-btn, .contact_form__col-input { width: 100% } .contact_form__content { padding-left: 15px; padding-right: 15px; margin-left: -15px; margin-right: -15px; border: none; background-color: #eee } .about .plain_text { font-size: 14px } .alignleft { float: left; margin-right: auto; margin-right: auto; max-width: 100%; margin-bottom: 10px; margin-top: 10px } .about .alignleft, .about .alignright { max-width: 100% } .contact_form { padding-top: 20px } .docs { padding: 20px 0 } .about { padding-bottom: 20px } .short_article { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 0; border: none; border-bottom: 1px solid #b9b9b9 } .articles__list { display: block } .short_article__thumb { display: none } .short_article-main { margin-bottom: 15px; padding-bottom: 15px !important } .short_article-main .short_article__thumb { display: block; width: 100%; margin-bottom: 15px } .short_article-main .short_article__title { font-size: 18px } .short_article__publichdate { font-size: 14px } .short_article-main .short_article__descr { margin-bottom: 5px; font-size: 15px; margin-top: 0 } .short_article-main .short_article__tags { font-size: 14px } .short_article__tags { display: block; font-size: 14px; width: 100% } .page_header__nav { font-size: 16px } .page_header__nav ul li:not(:last-child) { margin-right: 20px } .plain_text blockquote { -webkit-border-radius: 20px 20px 0 20px; border-radius: 20px 20px 0 20px; padding: 15px 20px; margin-bottom: 30px } .plain_text .alignleft, .plain_text .alignright { max-width: 100% } .plain_text h4 { padding-left: 45px } .plain_text h4:before { width: 25px } .plain_text { font-size: 14px } .article { margin-top: 0 } .article__top { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .plain_text h2 { margin-top: 30px } .page_header__nav { overflow-x: auto; margin-bottom: -11px } .page_header__nav ul a:before { letter-spacing: -.04em } .page_header__nav ul a:after { bottom: 0 } .auth { padding-top: 30px } .page_header__nav ul { margin-left: 5px } .short_article-main .short_article__publichdate { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6 } .short_article-main .short_article__tags { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7 } .shortcard:hover .shortcard__one_click_btn, .shortcard:hover:before { opacity: 0; visibility: hidden } .popup { padding: 40px 20px 40px } textarea.form__input { height: 150px } } @media (max-width: 359px) { .header__logo img { width: 220px } .header__top { margin-left: 80px } .header__logo { height: 40px } .header__cart { margin-top: 10px } .header__contacts { padding-right: 0 } .section_title { font-size: 22px } .card__order .btn { width: 180px } .card__order .cnt_block { width: -webkit-calc(100vw - 30px - 180px - 10px); width: calc(100vw - 30px - 180px - 10px) } } .shortcard__exist-pod_zakaz { color: #dc9a00; } .shortcard__exist-pod_zakaz::before { background-color: #dc9a00; } .shortcard__exist.shortcard__exist-no { margin-right: 18px; color: #ff5f5f; } .about .plain_text .all_basket_delete { color: #fff; padding: 0 15px; } .shortcard__exist.color_order { color: #dc9a00; } .field_f { display: none !important; } .error { color: red !important; } .error.green { color: green !important; } .card__article + .card__article { margin-top: 0px; } .card .shortcard__exist { margin-top: 10px; } /* End */ /* Start:/bitrix/templates/souz/components/bitrix/menu/top/style.min.css?1639753605490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(../images/2nRuRPsMicTj.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/bitrix/templates/souz/components/bitrix/search.title/catalog/style.css?16397536012175*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; 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; 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('../images/vHueLBSnvZ6H.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /* End */ /* Start:/bitrix/components/bitrix/search.title/templates/.default/style.css?16397536042108*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('../images/aNsBvTEDj00b.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } /* End */ /* Start:/bitrix/templates/souz/components/bitrix/system.auth.form/auth_header/style.css?163975360182*/ .form_message { color: #fff; text-align: center; margin-bottom: 5px; } /* End */ /* Start:/bitrix/templates/souz/components/bitrix/system.auth.registration/flat/style.css?1644602581595*/ #js_register_form .form_message{ color: #f13838; text-align: center; font-weight: 500; font-size: 110%; margin-bottom: 5px; } .capcja_div{display: flex;gap: 1rem;justify-content: flex-start;margin-top: 6px} .capcha_button .capcha-button {width: 60px; background-color: #000; line-height: 37px; padding: 2px 5px; display: inline-flex; height: 37px; justify-content: center; border-radius: 3px; align-items: center;} .capcha_button .capcha-button svg{height: 22px;width: 22px} .capcha_button .capcha-button svg path{fill: #fff} /* End */ /* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?163975360451*/ font.errortext{color:red}font.notetext{color:green} /* End */ /* Start:/bitrix/templates/souz/styles.css?1719930481822*/ .bx-authform-social{display: none} .trigauthfrm{cursor: pointer} #bx-soa-auth .btn { padding: 4px 15px; color: #fff;} .bx-authform .btn.btn-link{margin-left: 10px} #popup-reg .btn.btn-red{ padding: 4px 15px;} .bx-soa .form-group label{ min-width: 60px;} .alert-warning.alert-dismissable{display: none} @media screen and (min-width: 900px){ .bx-soa-cart-total.bx-soa-cart-total-fixed { position: fixed; top: 150px; width: 398px !important; } .bx-soa-cart-total.bx-soa-cart-total-fixed+#select_manger{ position: fixed; top: 250px; width: 398px !important; } } .bx-soa-cart-total-wrapper { } .bx-soa-cart-total-ghost { position: relative; } .sticky { position: sticky; top: 0; left: 0; width: 100%; z-index: 200; } /* End */ /* Start:/bitrix/templates/souz/template_styles.css?16927851182660*/ .plain_text .basket-item-image-link,.plain_text .basket-item-info-name-link{ border-bottom: none; } @media screen and (max-width: 900px) { .hidemobile{display: none} #title-search{ border-bottom: 1px solid #505050; padding-bottom: 15px; padding-top: 13px; margin-top: 5px; margin-bottom: 5px; } #title-search >form{ display: flex; } #title-search-input{width: 100%} .regbtn_wrap{display: flex;justify-content: space-between; width: 100%; margin-bottom: 1rem;} .regbtn_wrap>.regbtn_item{background-color: #fff;color: #000;font-weight: 600;padding: 2px 15px;min-width: 48%;border-radius: 2px} } .basket-checkout-container .basket-btn-checkout{padding:0 15px;} .pull-right.btn.btn-primary.pl-3{ float: right; } #zipProperty { border: 1px solid #c2c2c2; width: 100%; padding: 0 20px; height: 40px; margin: 10px 0; } .bx-soa-pp-company-graf-container{ padding-top: 0 !important; border: none !important; } .bx-soa-section-content .bx-soa-pp-company-smalltitle{ padding-top: 6px; margin-left: 15px; } .personal-form{ max-width: 650px; } .personal-form input{ margin-bottom: 15px; max-width: 300px; display: block; } .bx-soa-customer-field .soa-property-container input{ border: 1px solid #c2c2c2; width: 100%; padding: 0 20px; height: 40px; margin: 10px 0; } .bx-soa-customer-field textarea{ border: 1px solid #c2c2c2; width: 100%; padding: 0 20px; margin: 10px 0; } #bx-soa-orderSave .checkbox input[type=checkbox] { opacity: 1; } #bx-soa-order .btn.btn-default,#bx-soa-orderSave .btn-primary{ background-color: #000; color: #fff; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; text-align: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 47px; font-size: 14px; font-weight: 500; -webkit-border-radius: 8px; border-radius: 8px; border: none; } #bx-soa-orderSave .btn-primary{ padding:10px 15px; } #bx-soa-order .bx-blue .btn.btn-default:hover{ } .form_message .errortext{color:red;} .profile_form .btn{padding:10px 15px;} /* End */ /* /bitrix/templates/souz/css/font-awesome.min.css?163975360130852 */ /* /bitrix/templates/souz/css/main.css?1720091993298996 */ /* /bitrix/templates/souz/components/bitrix/menu/top/style.min.css?1639753605490 */ /* /bitrix/templates/souz/components/bitrix/search.title/catalog/style.css?16397536012175 */ /* /bitrix/components/bitrix/search.title/templates/.default/style.css?16397536042108 */ /* /bitrix/templates/souz/components/bitrix/system.auth.form/auth_header/style.css?163975360182 */ /* /bitrix/templates/souz/components/bitrix/system.auth.registration/flat/style.css?1644602581595 */ /* /bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?163975360451 */ /* /bitrix/templates/souz/styles.css?1719930481822 */ /* /bitrix/templates/souz/template_styles.css?16927851182660 */