/* Start:/local/templates/divinol_ua/css/font-awesome.min.css?159740533931000*/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('/local/templates/divinol_ua/css/../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('/local/templates/divinol_ua/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/local/templates/divinol_ua/css/../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/local/templates/divinol_ua/css/../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/local/templates/divinol_ua/css/../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/local/templates/divinol_ua/css/../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

/* End */


/* Start:/local/templates/divinol_ua/css/slick.css?15974053371767*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* End */


/* Start:/local/templates/divinol_ua/css/slick-theme.css?15974053382714*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{

}

/* Icons */
@font-face
{

}
/* Arrows */
.slick-prev,
.slick-next
{
    display: none;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: -19px;
    border-radius: 50%;
    background-color: #e4e3e3;
    width: 45px;
    height: 45px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    z-index: 8;
}
.slick-prev:hover,
.slick-next:hover
{
    background-color: #d51e29;
}
.slick-prev:after {
    content: '';
    width: 10px;
    height: 16px;
    top: 14px;
    left: 17px;
    position: absolute;
    /*background: url('/local/templates/divinol_ua/css/../img/svg/arw-prev.svg') no-repeat;*/

}
.slick-next:after {
    content: '';
    width: 10px;
    height: 16px;
    top: 14px;
    left: 19px;
    position: absolute;
    /*background: url('/local/templates/divinol_ua/css/../img/svg/arw-next.svg') no-repeat;*/

}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev
{
    left: -135px;
    /*background-position: -134px -35px;*/
}

.brand-list-slider > .slick-prev {
    top: -60px;
    left: auto;
    right: 56px;
}
.brand-list-slider > .slick-next {
    top: -60px;
    left: auto;
    right: 1px;
    background-color: #e4e3e3;
}
.brand-list-slider > .slick-next:hover {
    background-color: #d51e29;
}
.slick-next
{
    left: -82px;
    background-color: #d51e29;
    /*background-position: -113px -36px;*/
}
/* Dots */
.slick-slider
{

}
.box-carousel .slick-dots {
    margin-left: -364px;
    bottom: auto;
    top: -8px;
}

.box-carousel .slick-dots li button {
    border-radius: 50%;
    width: 13px;
    height: 13px;
    box-sizing: border-box;
    padding: 0;
}

.slick-dots {
    position: absolute;
    display: inline-block;
    bottom: 0px;
    padding: 0;
    list-style: none;
    text-align: center;
    width: 100%;
    left: 0;
    margin: 0px !important;
    z-index: 5;
}

.slick-dots li
{
    position: relative;
    display: inline-block;
    margin: 0 7px !important;
    padding: 0 !important;
    cursor: pointer;
}
.slick-dots li:before {
     display: none !important;
 }

.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    cursor: pointer;
    color: transparent;
    outline: none;
    padding: 0;
    border: none;
    width: 22px;
    height: 6px;
    background-color: #1e1e1e;
}
.slick-dots li button:hover,
.slick-dots li button:focus,
.slick-dots li.slick-active button {
    background-color: #df222c;
}



/* End */


/* Start:/local/templates/divinol_ua/css/jquery.fancybox.css?15974053376508*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	color: #444;
	text-shadow: none;
	padding:53px 0 !important;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
/*	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);*/
    
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: visible!important;
    height: 100% !important;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

/*.fancybox-image {
	max-width: 80vw;
	max-height: 80vh;
}


.fancybox-type-image {
	max-width: 80vw;
	max-height: 80vh;

}*/

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('/local/templates/divinol_ua/css/../img/fancybox/i_exit.svg');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
	border: none;
	box-shadow: none;
	background: none;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('/local/templates/divinol_ua/css/../img/fancybox/fancybox_loading.gif') center center no-repeat;
	border: none;
	box-shadow: none;
}

.fancybox-close {
    position: fixed;
    display: block;
	top: 40px;
	right: 40px;
	width: 44px;
	height: 44px;
	box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.45);
	border-radius: 50%;
    cursor: pointer;
    opacity: 1;
	background-image: url("/local/templates/divinol_ua/css/../img/close.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 17px;
	background-color: #1e1e1e;
	z-index: 2;
}

/*.fancybox-close.mod2 {*/
    /*position: absolute;*/
    /*display: block;*/
    /*top: 75px;*/
    /*right: 22px;*/
    /*background: url('/local/templates/divinol_ua/css/../img/sprite.png') no-repeat -130px -72px;*/
    /*width: 17px;*/
    /*height: 17px;*/
    /*cursor: pointer;*/
    /*z-index: 10;*/
    /*opacity: 0.85;*/
/*}*/
/*.fancybox-type-image .fancybox-close {*/
    /*top: 82px;*/
    /*right: 20px;*/
    /*background: url('/local/templates/divinol_ua/css/../img/close.png') no-repeat;*/
    /*width: 17px;*/
    /*height: 17px;*/
/*}*/
.fancybox-close:hover {
    opacity: 1;
}


.fancybox-nav {
    display: block;
    position: absolute;
	font-size: 0;
	line-height: 0;
	top: 50%;
	margin-top: -28px;
	border-radius: 50%;
	width: 56px;
	height: 56px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	z-index: 8;
	background-image: url("/local/templates/divinol_ua/css/../img/corner-down-red.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px;
}
.fancybox-nav:hover {
}
.fancybox-nav:after {

}
.fancybox-prev {
    left: -90px;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: center;
}
.fancybox-prev:after {
}

.fancybox-next {
	right: -90px;
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
	transform-origin: center;
}
.fancybox-next:after {
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;

    display: none;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important; 
    width: auto;
}

.fancybox-lock body {
     overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background-color: #F1F2F6 !important;
	background-image: url("/local/templates/divinol_ua/css/../img/divinol.png");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: bottom;
	background-size: contain;
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
    color: #363636;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    line-height: 24px;
    font-size: 24px;
	position: relative;
	text-shadow: none;
	z-index: 1;
    text-align: center;
    padding: 25px 80px 25px 80px;
    margin: 0;
    background-color: #FFFFFF;
    box-sizing: border-box;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 8050;
}

.fancybox-title-float-wrap .child {
	display: inline-block;


}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {

}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	/* #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('/local/templates/divinol_ua/css/../img/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image
	} */

	#fancybox-loading div {
		background-image: url('/local/templates/divinol_ua/css/../img/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* End */


/* Start:/local/templates/divinol_ua/css/animate.css?159740533777874*/
@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
    rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
    rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
    rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
    rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
    rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
    rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
    rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
    rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
    rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
    rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
    rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
    rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
    rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
    rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
    rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
    rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}
/* End */


/* Start:/local/templates/divinol_ua/css/jquery.mCustomScrollbar.css?159740533854738*/
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 4px;
		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{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		min-height: 22px !important; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 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; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 18px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 1px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		/*height: 18px !important;*/
		/*width: 18px !important;*/
		min-width: 20px !important;
		left: 0;
		height: 1px;
		top: 10px;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		margin: -3px 0 0 0;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	/*.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }*/
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #d7d7d7;
		opacity: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		position: absolute;
		top: 0px;
		/*width: 18px !important;*/
		/*height: 18px !important;*/
		cursor: pointer;
		/*border-radius: 50%;*/
		z-index: 11;
		/*margin-left: -5px;*/
		background: #E23E47 !important;
		height: 1px;
		width: 100%;
		/*border: 1px solid #1682ea;*/
		opacity: 1;
	}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:before {
	/*content: '';*/
	/*position: absolute;*/
	/*left: 0;*/
	/*right: 0;*/
	/*top: 0;*/
	/*bottom: 0;*/
	/*margin: auto;*/
	/*width: 8px;*/
	/*height: 8px;*/
	/*background-color: #1682ea;*/
	/*border-radius: 50%;*/
}
	/*.mCSB_scrollTool:hover .mCSB_scrollTools .mCSB_draggerRail{*/
		/*background-color: #ff9300;*/
		/*opacity: 0.5;*/
		/*cursor: pointer;*/
	/*}*/
	.mCSB_scrollTool:hover .mCSB_dragger_bar {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjM4LCA5MywgNjEpIiBkPSJNMTIuMDAwLDAuNjg2IEwyMy4zMTQsMTIuMDAwIEwxMi4wMDAsMjMuMzEzIEwwLjY4NiwxMi4wMDAgTDEyLjAwMCwwLjY4NiBaIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiAgZmlsbD0icmdiKDI1NSwgMjU1LCAyNTUpIiBkPSJNMTIuMDAwLDMuOTk5IEwyMC4wMDEsMTIuMDAwIEwxMi4wMDAsMjAuMDAxIEwzLjk5OSwxMi4wMDAgTDEyLjAwMCwzLjk5OSBaIi8+PC9zdmc+);
	}
	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)";
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)";
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		/*background-image: url(/local/templates/divinol_ua/css/mCSB_buttons.png); /!* css sprites *!/*/
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */

/* End */


/* Start:/local/templates/divinol_ua/css/jquery-ui-1.9.0.custom.css?15974053371219*/
/*! jQuery UI - v1.9.0 - 2012-10-13
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.tabs.css
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,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:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */



/* End */


/* Start:/local/templates/divinol_ua/css/style.css?1757535047150077*/
@charset "utf-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
main,
footer,
header,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input,
textarea {
  outline: none;
  resize: none;
}
/*firefox button fixes*/
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
:focus {
  outline: none;
}
a {
  text-decoration: underline;
  color: #df222c;
}
a:hover {
  text-decoration: none;
}
strong {
  font-weight: bold;
}
.strong {
  font-weight: bold;
}
.clr:after,
.wrap:after,
.line:after,
.form__line:after {
  content: '';
  display: block;
  clear: both;
  line-height: 0;
  height: 0;
  font-size: 0;
  overflow: hidden;
  float: none !important;
}
.fll {
  float: left !important;
}
.flr {
  float: right !important;
}
* {
  box-sizing: border-box;
}
/*----------------------------base end-------------------------*/
/*---------------------------layout begin----------------------*/
/* ------------font begin------------- */
@font-face {
  font-family: 'Gotham Pro';
  src: url('/local/templates/divinol_ua/css/../fonts/GothamPro-BlackItalic.eot');
  src: url('/local/templates/divinol_ua/css/../fonts/GothamPro-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-BlackItalic.woff2') format('woff2'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-BlackItalic.woff') format('woff'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-BlackItalic.ttf') format('truetype'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-BlackItalic.svg#GothamPro-BlackItalic') format('svg');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham Pro';
  src: url('/local/templates/divinol_ua/css/../fonts/GothamPro-BoldItalic.eot');
  src: url('/local/templates/divinol_ua/css/../fonts/GothamPro-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-BoldItalic.woff2') format('woff2'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-BoldItalic.woff') format('woff'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-BoldItalic.ttf') format('truetype'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-BoldItalic.svg#GothamPro-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham Pro';
  src: url('/local/templates/divinol_ua/css/../fonts/GothamPro-Light.eot');
  src: url('/local/templates/divinol_ua/css/../fonts/GothamPro-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-Light.woff2') format('woff2'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-Light.woff') format('woff'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-Light.ttf') format('truetype'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-Light.svg#GothamPro-Light') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Pro';
  src: url('/local/templates/divinol_ua/css/../fonts/GothamPro-LightItalic.eot');
  src: url('/local/templates/divinol_ua/css/../fonts/GothamPro-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-LightItalic.woff2') format('woff2'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-LightItalic.woff') format('woff'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-LightItalic.ttf') format('truetype'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-LightItalic.svg#GothamPro-LightItalic') format('svg');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham Pro';
  src: url('/local/templates/divinol_ua/css/../fonts/GothamPro-Bold.eot');
  src: url('/local/templates/divinol_ua/css/../fonts/GothamPro-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-Bold.woff2') format('woff2'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-Bold.woff') format('woff'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-Bold.ttf') format('truetype'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-Bold.svg#GothamPro-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Pro';
  src: url('/local/templates/divinol_ua/css/../fonts/GothamPro-Black.eot');
  src: url('/local/templates/divinol_ua/css/../fonts/GothamPro-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-Black.woff2') format('woff2'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-Black.woff') format('woff'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-Black.ttf') format('truetype'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-Black.svg#GothamPro-Black') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Pro';
  src: url('/local/templates/divinol_ua/css/../fonts/GothamPro.eot');
  src: url('/local/templates/divinol_ua/css/../fonts/GothamPro.eot?#iefix') format('embedded-opentype'), url('/local/templates/divinol_ua/css/../fonts/GothamPro.woff2') format('woff2'), url('/local/templates/divinol_ua/css/../fonts/GothamPro.woff') format('woff'), url('/local/templates/divinol_ua/css/../fonts/GothamPro.ttf') format('truetype'), url('/local/templates/divinol_ua/css/../fonts/GothamPro.svg#GothamPro') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Pro';
  src: url('/local/templates/divinol_ua/css/../fonts/GothamPro-Italic.eot');
  src: url('/local/templates/divinol_ua/css/../fonts/GothamPro-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-Italic.woff2') format('woff2'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-Italic.woff') format('woff'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-Italic.ttf') format('truetype'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-Italic.svg#GothamPro-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham Pro';
  src: url('/local/templates/divinol_ua/css/../fonts/GothamPro-MediumItalic.eot');
  src: url('/local/templates/divinol_ua/css/../fonts/GothamPro-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-MediumItalic.woff2') format('woff2'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-MediumItalic.woff') format('woff'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-MediumItalic.ttf') format('truetype'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-MediumItalic.svg#GothamPro-MediumItalic') format('svg');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham Pro';
  src: url('/local/templates/divinol_ua/css/../fonts/GothamPro-Medium.eot');
  src: url('/local/templates/divinol_ua/css/../fonts/GothamPro-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-Medium.woff2') format('woff2'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-Medium.woff') format('woff'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-Medium.ttf') format('truetype'), url('/local/templates/divinol_ua/css/../fonts/GothamPro-Medium.svg#GothamPro-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
}
/* ------------font end------------- */
.overflow {
  overflow: hidden;
}
body {
  margin: 0 auto;
  color: #1e1e1e;
  background-color: #f7f7f7;
  font-family: 'Gotham Pro', sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.16px;
}
.bold {
  font-weight: bold;
}
sup {
    vertical-align: super;
    font-size: smaller;
}
.font-weight500 {
  font-weight: 500;
}
.wrapper {
  margin: 0 auto;
  width: 100%;
  background-color: white;
  overflow-x: hidden;
}
.wrap {
  margin: 0 auto;
  width: 1536px;
}
h1,
h2 {
  font-weight: 700;
  text-transform: none;
}
h1 {
  font-size: 40px;
  line-height: 44px;
  letter-spacing: 0.4px;
}
h2 {
  font-size: 40px;
  line-height: 46px;
  letter-spacing: 0.4px;
}
h3 {
  font-size: 30px;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: 0.3px;
}
h4 {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.17px;
  text-transform: uppercase;
}
.img {
  font-size: 0;
  line-height: 0;
}
.d-table {
  display: table;
  height: 100%;
  box-sizing: border-box;
  width: 100%;
}
.d-table-cell {
  display: table-cell;
  vertical-align: middle;
}
.d-inline-block {
  display: inline-block;
  vertical-align: top;
}
.uppercase {
  text-transform: uppercase;
}
.nowrap {
  white-space: nowrap;
}
.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right !important;
}
.text-align-left {
  text-align: left !important;
}
.blur {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  filter: blur(3px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
  -ms-filter: blur(3px);
  -o-filter: blur(3px);
}
.pseudo {
  content: '';
  position: absolute;
}
.inherit {
  color: inherit;
}
.semibold {
  font-weight: 500;
}
/*--------------------------------------------justify begin-----------------------------------*/
.justify {
  position: relative;
  text-align: justify;
  line-height: 0;
}
.justify:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 0;
  line-height: 0;
  clear: both;
}
.box-logo {
  display: block;
  text-decoration: none;
  color: inherit;
}
.social {
  font-size: 0;
  line-height: 0;
}
.social__item {
  display: inline-block;
  margin-right: 16px;
}
.social__item:last-child {
  margin-right: 0;
}
.social__link {
  display: block;
  line-height: 0;
}
.social__link svg {
  fill: #df222c;
}
.font-size-16 {
  font-size: 16px;
}
/*--------------------breadcrumbs begin------------------*/
.breadcrumbs {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.14px;
  z-index: 1;
}
.breadcrumbs div {
  display: inline;
  margin-right: 5px;
  position: relative;
}
.breadcrumbs div:after {
  content: '/';
  display: inline-block;
  margin-right: 1px;
  margin-left: 2px;
}
.breadcrumbs div:last-child:after {
  display: none;
}
.breadcrumbs div a {
  color: #fff;
  padding: 0 1px 0 0;
  display: inline-block;
  text-decoration: none;
}
.breadcrumbs div a:hover {
  text-decoration: underline;
}
.breadcrumbs div.active > * {
  color: #fff;
  text-decoration: none;
}
/*----------------------breadcrumbs end------------------*/
.breadcrumbs-line {
  background: #E7ECEC;
  margin-bottom: 58px;
}
.breadcrumbs-line .breadcrumbs div.active > * {
  color: #1e1e1e;
}
.breadcrumbs-line .breadcrumbs {
  color: #1e1e1e;
}
.breadcrumbs-line .breadcrumbs a {
  color: #1e1e1e;
}
.breadcrumbs-line .wrap {
  position: relative;
  padding: 26px 0;
}
.breadcrumbs-line .wrap:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1064px;
  height: 6px;
  background-color: #df222c;
}
.fancybox-link-unit {
  position: relative;
}
.fancybox-link-unit img {
  margin-bottom: 0 !important;
}
.fancybox-link-unit .square-icon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 35px;
  height: 35px;
  background-color: #df222c;
  transition: 0.3s linear;
}
.fancybox-link-unit .square-icon svg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  fill: #fff;
  transition: 0.3s linear;
}
.fancybox-link-unit .square-icon svg.mod-triangle {
  box-sizing: inherit;
  padding-left: 3px;
}
.fancybox-link-unit:hover .square-icon {
  box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.45);
  background-color: rgba(223, 34, 44, 0.75);
  width: 100%;
  height: 100%;
}
.fancybox-link-unit:hover .square-icon svg {
  width: 21px !important;
  height: 21px !important;
}
/*--------------------------------------------text begin-------------------------------------*/
.text hr {
  width: 100%;
  height: 1px;
  background-color: #df222c;
  border: none;
  margin: 40px 0 45px;
}
.text p {
  margin-bottom: 35px;
}
.text .fancybox-media,
.text .fancybox-img {
  display: block;
  line-height: 0;
  position: relative;
  border: none !important;
  background: none !important;
}
.text img {
  max-width: 100%;
  height: auto;
  line-height: 0;
  margin-bottom: 30px;
}
.text img[align="left"] {
  margin-right: 35px;
}
.text img[align="right"] {
  margin-left: 35px;
}
.text iframe {
  max-width: 100%;
  margin-bottom: 35px;
  max-height: 100vh;
}
.text h1,
.text h2,
.text h3 {
  margin-bottom: 25px;
}
.text h4 {
  margin-bottom: 20px;
}
.text .box-title {
  margin-bottom: 35px;
  margin-top: 10px;
}
.text ul {
  margin: 15px 0 40px;
}
.text ul li {
  position: relative;
  margin: 0 0 21px;
  padding: 0 0 0 43px;
}
.text ul li:before {
  content: '';
  display: block;
  position: absolute;
  top: 11px;
  left: 0px;
  width: 22px;
  height: 1px;
  background-color: #df222c;
}
.text ol {
  counter-reset: li;
  padding: 0;
  list-style: none;
  margin: 15px 0 40px 0;
}
.text ol li {
  position: relative;
  margin: 0 0 21px;
  padding: 0 0 0 43px;
}
.text ol li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: -10px;
  left: 13px;
  color: #df222c;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.16px;
  padding: 0;
  text-align: center;
}
.text ol li:after {
  content: '';
  display: block;
  position: absolute;
  top: 11px;
  left: 0px;
  width: 22px;
  height: 1px;
  background-color: #df222c;
}
.text blockquote {
  position: relative;
  margin-bottom: 40px;
  margin-top: 20px;
  text-align: center;
  font-style: italic;
  padding: 65px 0px 0px;
}
.text blockquote:before {
  content: '„ ';
  display: block;
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -35px;
  color: #df222c;
  font-size: 130px;
  font-weight: 500;
  width: 70px;
  height: 79px;
  line-height: 0px;
}
.text table {
  margin-bottom: 40px;
  width: 100% !important;
}
.text table thead tr:last-child th {
  border-bottom: 1px solid #d7d7d7;
}
.text table th,
.text table td {
  background: none;
  text-align: left;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 20px;
}
.text table th:first-child,
.text table td:first-child {
  padding-left: 0;
  text-align: left !important;
}
.text table th:last-child,
.text table td:last-child {
  padding-right: 0;
  text-align: right;
}
.text table th {
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 18px;
}
.text table th.small-th {
  line-height: 16px;
  font-size: 13px;
  padding-bottom: 5px;
  text-transform: none;
  font-weight: normal;
}
.text table tbody td {
  position: relative;
  vertical-align: top;
  border-bottom: 1px solid #d7d7d7;
  font-size: 14px;
}
.text table td {
  padding-top: 9px;
  padding-bottom: 9px;
}
.text table.type-2 th:last-child,
.text table.type-2 td:last-child {
  text-align: left;
}
.text table.type-2 td {
  padding-left: 10px;
}
.text table.type-2 td:first-child {
  padding-left: 0;
}
.text table.images_grid2 {
  width: 100%;
  margin-bottom: 0px;
}
.text table.images_grid2 tbody tr:nth-child(even) {
  background: none;
}
.text table.images_grid2 tr:first-child td {
  padding-top: 20px !important;
}
.text table.images_grid2 td {
  width: 50%;
  border: none !important;
  padding-top: 0 !important;
  padding-bottom: 52px !important;
  line-height: 0;
  background: none !important;
}
.text table.images_grid2 td:first-child {
  text-align: left;
  padding-left: 0;
  padding-right: 29px;
}
.text table.images_grid2 td:last-child {
  padding-left: 29px;
  padding-right: 0;
}
.text table.images_grid2 td img {
  margin-bottom: 0;
}
.text .b-big-img {
  text-align: center;
  font-size: 14px;
  padding-bottom: 3px;
  margin-top: 72px;
}
.text .b-big-img:first-child {
  margin-top: 0;
}
.text .b-big-img .text {
  font-size: 14px;
}
.text .images_grid4 {
  font-size: 0;
  margin-right: -31px;
  padding: 25px 0 30px;
}
.text .images_grid4-item {
  display: inline-block;
  vertical-align: top;
  width: 338px;
  margin-right: 29px;
  margin-bottom: 39px;
}
.text .box-four-columns {
  margin-right: -41px;
  font-size: 0;
  padding-top: 20px;
  margin-bottom: 10px;
  overflow: hidden;
}
.text .box-four-columns.mod-font-size-14 .box-four-columns__column {
  font-size: 14px !important;
  line-height: 20px;
  letter-spacing: 0.14px;
}
.text .box-four-columns__column {
  display: inline-block;
  vertical-align: top;
  width: 330px;
  margin-right: 40px;
  margin-bottom: 41px;
  font-size: 16px;
}
.text .box-four-columns__column p:last-child {
  margin-bottom: 0;
}
.font-size-14 {
  font-size: 14px !important;
  line-height: 20px;
  letter-spacing: 0.14px;
}
/*--------------------------------------------text end-------------------------------------*/
.fz0 {
  font-size: 0;
}
/*-----------------------------------------form all begin----------------------------------*/
.form__line {
  margin: 0 0 40px;
}
form .form__line-col-l,
.form .form__line-col-l {
  float: left;
  width: 50%;
  padding-right: 10px;
}
form .form__line-col-r,
.form .form__line-col-r {
  float: right;
  width: 50%;
  padding-left: 10px;
}
form .form__line.mod-bottom0,
.form .form__line.mod-bottom0 {
  margin-bottom: 0;
}
form .form__line.submit-line,
.form .form__line.submit-line {
  padding-top: 6px;
}
form .error,
.form .error {
  position: relative;
}
form .error input,
.form .error input,
form .error textarea,
.form .error textarea {
  color: #e31c4a !important;
}
form .error span.error,
.form .error span.error {
  color: #df222c;
  display: block;
  box-sizing: border-box;
  padding: 3px 0px 0 0px;
  text-align: left;
}
form .error input[type="text"],
.form .error input[type="text"],
form .error input[type="password"],
.form .error input[type="password"],
form .error input[type="tel"],
.form .error input[type="tel"],
form .error input[type="email"],
.form .error input[type="email"],
form .error input[type="number"],
.form .error input[type="number"],
form .error input[type="login"],
.form .error input[type="login"],
form .error textarea,
.form .error textarea,
form .error .label-text,
.form .error .label-text {
  border-color: #df222c;
  color: #df222c;
  /* Firefox 19+ */
  /* Firefox 18- */
}
form .error input[type="text"]::-webkit-input-placeholder,
.form .error input[type="text"]::-webkit-input-placeholder,
form .error input[type="password"]::-webkit-input-placeholder,
.form .error input[type="password"]::-webkit-input-placeholder,
form .error input[type="tel"]::-webkit-input-placeholder,
.form .error input[type="tel"]::-webkit-input-placeholder,
form .error input[type="email"]::-webkit-input-placeholder,
.form .error input[type="email"]::-webkit-input-placeholder,
form .error input[type="number"]::-webkit-input-placeholder,
.form .error input[type="number"]::-webkit-input-placeholder,
form .error input[type="login"]::-webkit-input-placeholder,
.form .error input[type="login"]::-webkit-input-placeholder,
form .error textarea::-webkit-input-placeholder,
.form .error textarea::-webkit-input-placeholder,
form .error .label-text::-webkit-input-placeholder,
.form .error .label-text::-webkit-input-placeholder {
  color: #df222c;
}
form .error input[type="text"]::-moz-placeholder,
.form .error input[type="text"]::-moz-placeholder,
form .error input[type="password"]::-moz-placeholder,
.form .error input[type="password"]::-moz-placeholder,
form .error input[type="tel"]::-moz-placeholder,
.form .error input[type="tel"]::-moz-placeholder,
form .error input[type="email"]::-moz-placeholder,
.form .error input[type="email"]::-moz-placeholder,
form .error input[type="number"]::-moz-placeholder,
.form .error input[type="number"]::-moz-placeholder,
form .error input[type="login"]::-moz-placeholder,
.form .error input[type="login"]::-moz-placeholder,
form .error textarea::-moz-placeholder,
.form .error textarea::-moz-placeholder,
form .error .label-text::-moz-placeholder,
.form .error .label-text::-moz-placeholder {
  color: #df222c;
}
form .error input[type="text"]:-moz-placeholder,
.form .error input[type="text"]:-moz-placeholder,
form .error input[type="password"]:-moz-placeholder,
.form .error input[type="password"]:-moz-placeholder,
form .error input[type="tel"]:-moz-placeholder,
.form .error input[type="tel"]:-moz-placeholder,
form .error input[type="email"]:-moz-placeholder,
.form .error input[type="email"]:-moz-placeholder,
form .error input[type="number"]:-moz-placeholder,
.form .error input[type="number"]:-moz-placeholder,
form .error input[type="login"]:-moz-placeholder,
.form .error input[type="login"]:-moz-placeholder,
form .error textarea:-moz-placeholder,
.form .error textarea:-moz-placeholder,
form .error .label-text:-moz-placeholder,
.form .error .label-text:-moz-placeholder {
  color: #df222c;
}
form .error input[type="text"]:-ms-input-placeholder,
.form .error input[type="text"]:-ms-input-placeholder,
form .error input[type="password"]:-ms-input-placeholder,
.form .error input[type="password"]:-ms-input-placeholder,
form .error input[type="tel"]:-ms-input-placeholder,
.form .error input[type="tel"]:-ms-input-placeholder,
form .error input[type="email"]:-ms-input-placeholder,
.form .error input[type="email"]:-ms-input-placeholder,
form .error input[type="number"]:-ms-input-placeholder,
.form .error input[type="number"]:-ms-input-placeholder,
form .error input[type="login"]:-ms-input-placeholder,
.form .error input[type="login"]:-ms-input-placeholder,
form .error textarea:-ms-input-placeholder,
.form .error textarea:-ms-input-placeholder,
form .error .label-text:-ms-input-placeholder,
.form .error .label-text:-ms-input-placeholder {
  color: #df222c;
}
form .error input[type="text"]:focus,
.form .error input[type="text"]:focus,
form .error input[type="password"]:focus,
.form .error input[type="password"]:focus,
form .error input[type="tel"]:focus,
.form .error input[type="tel"]:focus,
form .error input[type="email"]:focus,
.form .error input[type="email"]:focus,
form .error input[type="number"]:focus,
.form .error input[type="number"]:focus,
form .error input[type="login"]:focus,
.form .error input[type="login"]:focus,
form .error textarea:focus,
.form .error textarea:focus,
form .error .label-text:focus,
.form .error .label-text:focus {
  color: #df222c;
}
form label,
.form label {
  display: block;
  position: relative;
  line-height: 0;
}
form label .label-text,
.form label .label-text {
  position: relative;
  text-align: left;
  color: #6d6c6c;
  font-size: 18px;
  cursor: text;
  line-height: 1px;
  -moz-transform: translateY(-26px);
  -ms-transform: translateY(-26px);
  -webkit-transform: translateY(-26px);
  transform: translateY(-26px);
  transition: all 0.3s;
}
form .label-border,
.form .label-border {
  position: absolute;
  bottom: 1px;
  left: 0;
  height: 1px;
  width: 100%;
}
form .label-border:before,
.form .label-border:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0;
  height: 1px;
  transition: all 0.3s;
  border-bottom: 1px solid #df222c;
}
form label input:focus + .label-text,
.form label input:focus + .label-text,
form label textarea:focus + .label-text,
.form label textarea:focus + .label-text {
  font-size: 14px;
  -moz-transform: translateY(-55px);
  -ms-transform: translateY(-55px);
  -webkit-transform: translateY(-55px);
  transform: translateY(-55px);
}
form label input.not-empty + .label-text + .label-border:before,
.form label input.not-empty + .label-text + .label-border:before,
form label textarea.not-empty + .label-text + .label-border:before,
.form label textarea.not-empty + .label-text + .label-border:before,
form label textarea.not-empty + .label-border:before,
.form label textarea.not-empty + .label-border:before,
form label input:focus + .label-text + .label-border:before,
.form label input:focus + .label-text + .label-border:before,
form label textarea:focus + .label-text + .label-border:before,
.form label textarea:focus + .label-text + .label-border:before,
form label textarea:focus + .label-border:before,
.form label textarea:focus + .label-border:before {
  width: 100%;
}
form label input.not-empty + .label-text,
.form label input.not-empty + .label-text,
form label.label-for-textarea.not-empty-line .label-text,
.form label.label-for-textarea.not-empty-line .label-text {
  font-size: 14px;
  -moz-transform: translateY(-55px);
  -ms-transform: translateY(-55px);
  -webkit-transform: translateY(-55px);
  transform: translateY(-55px);
}
form label.label-for-textarea,
.form label.label-for-textarea {
  position: relative;
}
form label.label-for-textarea .label-text,
.form label.label-for-textarea .label-text {
  position: absolute;
  top: 59px;
}
form input[type="text"],
.form input[type="text"],
form input[type="password"],
.form input[type="password"],
form input[type="tel"],
.form input[type="tel"],
form input[type="email"],
.form input[type="email"],
form input[type="number"],
.form input[type="number"],
form input[type="login"],
.form input[type="login"] {
  font-family: 'Gotham Pro', sans-serif;
  width: 100%;
  height: 52px;
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid #d7d7d7;
  color: #6d6c6c;
  font-size: 18px;
  font-weight: normal;
  padding: 0px;
  line-height: normal;
  background-color: transparent !important;
  box-sizing: border-box;
  -webkit-appearance: none;
  box-shadow: none;
  outline: none !important;
  text-align: left;
  transition: all 0.3s;
  /* Firefox 19+ */
  /* Firefox 18- */
}
form input[type="text"]::-webkit-input-placeholder,
.form input[type="text"]::-webkit-input-placeholder,
form input[type="password"]::-webkit-input-placeholder,
.form input[type="password"]::-webkit-input-placeholder,
form input[type="tel"]::-webkit-input-placeholder,
.form input[type="tel"]::-webkit-input-placeholder,
form input[type="email"]::-webkit-input-placeholder,
.form input[type="email"]::-webkit-input-placeholder,
form input[type="number"]::-webkit-input-placeholder,
.form input[type="number"]::-webkit-input-placeholder,
form input[type="login"]::-webkit-input-placeholder,
.form input[type="login"]::-webkit-input-placeholder {
  color: #6d6c6c;
}
form input[type="text"]::-moz-placeholder,
.form input[type="text"]::-moz-placeholder,
form input[type="password"]::-moz-placeholder,
.form input[type="password"]::-moz-placeholder,
form input[type="tel"]::-moz-placeholder,
.form input[type="tel"]::-moz-placeholder,
form input[type="email"]::-moz-placeholder,
.form input[type="email"]::-moz-placeholder,
form input[type="number"]::-moz-placeholder,
.form input[type="number"]::-moz-placeholder,
form input[type="login"]::-moz-placeholder,
.form input[type="login"]::-moz-placeholder {
  color: #6d6c6c;
}
form input[type="text"]:-moz-placeholder,
.form input[type="text"]:-moz-placeholder,
form input[type="password"]:-moz-placeholder,
.form input[type="password"]:-moz-placeholder,
form input[type="tel"]:-moz-placeholder,
.form input[type="tel"]:-moz-placeholder,
form input[type="email"]:-moz-placeholder,
.form input[type="email"]:-moz-placeholder,
form input[type="number"]:-moz-placeholder,
.form input[type="number"]:-moz-placeholder,
form input[type="login"]:-moz-placeholder,
.form input[type="login"]:-moz-placeholder {
  color: #6d6c6c;
}
form input[type="text"]:-ms-input-placeholder,
.form input[type="text"]:-ms-input-placeholder,
form input[type="password"]:-ms-input-placeholder,
.form input[type="password"]:-ms-input-placeholder,
form input[type="tel"]:-ms-input-placeholder,
.form input[type="tel"]:-ms-input-placeholder,
form input[type="email"]:-ms-input-placeholder,
.form input[type="email"]:-ms-input-placeholder,
form input[type="number"]:-ms-input-placeholder,
.form input[type="number"]:-ms-input-placeholder,
form input[type="login"]:-ms-input-placeholder,
.form input[type="login"]:-ms-input-placeholder {
  color: #6d6c6c;
}
form input[type="text"]:focus,
.form input[type="text"]:focus,
form input[type="password"]:focus,
.form input[type="password"]:focus,
form input[type="tel"]:focus,
.form input[type="tel"]:focus,
form input[type="email"]:focus,
.form input[type="email"]:focus,
form input[type="number"]:focus,
.form input[type="number"]:focus,
form input[type="login"]:focus,
.form input[type="login"]:focus {
  color: #1e1e1e;
}
form input::-webkit-inner-spin-button,
.form input::-webkit-inner-spin-button,
form input::-webkit-outer-spin-button,
.form input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0px;
}
form input[type=number],
.form input[type=number] {
  -moz-appearance: textfield;
}
form select,
.form select {
  width: 100%;
  font-family: 'Gotham Pro', sans-serif;
  height: 52px;
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid #d7d7d7;
  color: #6d6c6c;
  font-size: 18px;
  font-weight: normal;
  padding: 0px;
  line-height: normal;
  background-color: transparent !important;
  box-sizing: border-box;
  -webkit-appearance: none;
  box-shadow: none;
  text-align: left;
}
form textarea,
.form textarea {
  width: 100%;
  font-family: 'Gotham Pro', sans-serif;
  color: #6d6c6c;
  font-weight: normal;
  padding: 20px 0 15px 0px;
  line-height: 22px;
  height: auto;
  min-height: 52px;
  border-radius: 0px;
  background-color: transparent !important;
  -webkit-appearance: none;
  border: none;
  border-bottom: 1px solid #d7d7d7;
  overflow: auto;
  box-sizing: border-box;
  font-size: 18px;
  text-align: left;
  transition: all 0.3s;
  max-height: 112px;
  /* Firefox 19+ */
  /* Firefox 18- */
}
form textarea::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder {
  color: #6d6c6c;
}
form textarea::-moz-placeholder,
.form textarea::-moz-placeholder {
  color: #6d6c6c;
}
form textarea:-moz-placeholder,
.form textarea:-moz-placeholder {
  color: #6d6c6c;
}
form textarea:-ms-input-placeholder,
.form textarea:-ms-input-placeholder {
  color: #6d6c6c;
}
form textarea:focus,
.form textarea:focus {
  color: #1e1e1e;
}
form .placeholder,
.form .placeholder {
  color: #6d6c6c;
}
.form__line .g-recaptcha {
  display: inline-block;
  padding: 20px 0 15px;
}
/*-----------------------------------------form all end--------------------------------------*/
/*----------------------button begin------------------*/
.btn {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  line-height: 65px;
  border-radius: 33px;
  background-color: #df222c;
  border: none;
  box-shadow: none;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.16px;
  text-align: center;
  overflow: hidden;
  padding: 0 50px;
  text-decoration: none;
}
.btn:before {
  content: "";
  position: absolute;
  left: -100%;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 33px;
  z-index: 1;
  background-color: #dc0034;
  width: 100%;
  transition: 0.4s linear;
}
.btn:hover:before {
  left: 0;
  transform: scale(1.3);
}
.btn:hover {
  text-decoration: none !important;
}
.btn svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  fill: #fff;
}
.btn.mod-size-1 {
  line-height: 44px;
  font-size: 14px;
  font-weight: 500;
  padding: 0 24px;
  border-radius: 23px;
  letter-spacing: 0.14px;
}
.btn .btn__content {
  position: relative;
  z-index: 2;
}
.btn:hover {
  text-decoration: none;
}
/*----------------------button end------------------*/
/*------------------------------------ header begin --------------------------------------------*/
header {
  position: relative;
}
header a {
  text-decoration: none;
}
.header__left-part {
  float: left;
  padding: 29px 0 17px 0;
}
.header-logo {
  display: inline-block;
  vertical-align: top;
  line-height: 0;
  margin-right: 158px;
}
.header-phone {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-top: 9px;
  z-index: 10;
}
.header-phone-linetop__number {
  display: inline-block;
  vertical-align: middle;
  color: #1e1e1e;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.24px;
}
.header-phone-linetop__number svg {
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}
.header-phone-linetop__link-all {
  background: none;
  display: inline-block;
  vertical-align: middle;
  border: none;
  padding: 6px 5px;
  cursor: pointer;
  margin-top: -5px;
}
.header-phone-linetop__link-all svg {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  transform-origin: center;
}
.header-phone-linetop__link-all.active svg {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.header-phone__number-all {
  display: none;
  background: #fff;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.18);
  border: 1px solid #ececec;
  padding: 15px 20px;
  box-sizing: border-box;
  z-index: 1;
  position: absolute;
  width: 210px;
  top: 39px;
  left: 22px;
}
.header-phone__number-all:before {
  content: "";
  display: block;
  width: 15px;
  height: 12px;
  position: absolute;
  right: 19px;
  top: -12px;
  background: url(/local/templates/divinol_ua/css/../img/i_arw_phone.png);
}
.header-phone__number-all .header-phone__number {
  line-height: 32px;
  font-style: normal;
}
.header-phone__number {
  display: block;
  color: #1e1e1e;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.24px;
}
header .menu {
  display: inline-block;
}
.menu__item {
  display: inline-block;
  vertical-align: middle;
  margin-right: 17px;
}
.menu_link {
  position: relative;
  display: block;
  letter-spacing: 0.16px;
  color: inherit;
  height: 104px;
  padding-top: 31px;
}
.menu_link.mod-zg {
  font-size: 14px;
}
.menu_link.mod-zg .menu_link-text {
  position: relative;
}
.menu_link.mod-zg .menu_link-text:after {
  content: '';
  display: inline-block;
  background: #df222c;
  width: 14px;
  height: 1px;
  vertical-align: middle;
}
.menu_link.mod-zg svg {
  fill: #df222c;
}
.menu_link:before {
  content: '';
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -11px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11px 11px 11px;
  border-color: transparent transparent #1e1e1e transparent;
}
.menu__item.with-second-level:hover .menu_link:before,
.menu__item.with-second-level.menu-open .menu_link:before {
  display: block;
}
.menu_link-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  line-height: 0;
}
.menu_link-text {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.menu__item.active .menu_link,
.menu__item.menu-open .menu_link,
.menu__item:hover .menu_link {
  color: #df222c;
}
.menu__item.active .menu_link svg,
.menu__item.menu-open .menu_link svg,
.menu__item:hover .menu_link svg {
  fill: #df222c;
}
.search-btn {
  display: inline-block;
  position: relative;
  height: 104px;
  vertical-align: top;
  line-height: 110px;
  width: 82px;
  text-align: center;
  overflow: hidden;
  transition: 0.1s linear;
}
.search-btn:before {
  content: '';
  display: none;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -11px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11px 11px 11px;
  border-color: transparent transparent #1e1e1e transparent;
  z-index: 2;
}
.search-btn:after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(100% - 6px);
  z-index: 1;
  background-color: #df222c;
  width: 100%;
  height: 100%;
  transition: 0.2s linear;
}
.search-btn.active {
  background: #df222c;
}
.search-btn.active svg {
  fill: #ffffff;
}
.search-btn.active:before {
  display: block;
}
.search-btn.active:after {
  top: 0;
}
.search-btn svg {
  position: relative;
  z-index: 2;
  transition: 0.2s linear;
}
.search-btn:hover:after {
  top: 0;
}
.search-btn:hover svg {
  fill: #ffffff;
}
.menu-btn {
  display: none;
}
.box-for-menu-second-level {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #1e1e1e;
  width: 100%;
  z-index: 5;
}
.menu__item:hover .box-for-menu-second-level {
  display: block;
}
header .box-for-menu-second-level {
  display: block;
  -webkit-transform: perspective(900px) rotate3d(1, 0, 0, -90deg);
  transform: perspective(900px) rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-perspective-origin: 50% 100%;
  perspective-origin: 50% 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .menu__item:hover .box-for-menu-second-level {
  -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
  transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
}
.menu-second-level {
  font-size: 0;
}
.menu-second-level__item {
  display: inline-block;
  vertical-align: top;
  margin-right: -1px;
}
.menu-second-level__link {
  display: block;
  position: relative;
  width: 154.4px;
  height: 154px;
  border-left: 1px solid #2e2e2e;
  border-right: 1px solid #2e2e2e;
  text-align: center;
  padding: 25px 5px;
  color: #dbd9d9;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  overflow: hidden;
  transition: 0.01s linear;
  transition-delay: 0.1s;
}
.menu-second-level__link:before {
  content: "";
  position: absolute;
  left: 45%;
  top: 25%;
  z-index: 1;
  background-color: #df222c;
  width: 0;
  height: 0;
  transition: 0.3s linear;
  opacity: 0;
  border-radius: 50%;
}
.menu-second-level__item:hover .menu-second-level__link,
.menu-second-level__item.active .menu-second-level__link {
  color: #ffffff;
}
.menu-second-level__item:hover .menu-second-level__link:before,
.menu-second-level__item.active .menu-second-level__link:before {
  transform: scale(2);
  width: 100%;
  height: 100%;
  opacity: 1;
  margin-left: -45%;
  margin-top: -30%;
}
.menu-second-level__item:not(:hover) .menu-second-level__link {
  transition-delay: 0s;
}
.menu-second-level__icon {
  position: relative;
  display: block;
  z-index: 2;
  width: 52px;
  height: 52px;
  background-color: #e3e2e2;
  margin: 0 auto 12px auto;
  border-radius: 50%;
}
.menu-second-level__icon svg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.menu-second-level__text {
  position: relative;
  display: block;
  z-index: 2;
}
.menu-second-level__text br {
  display: none;
}
.menu_link-button {
  display: none;
}
.header__right-part {
  float: right;
}

.b-language-selection {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}

.b-language-selection__list {
  padding: 0;
  background: #1e1e1e;
  width: auto;
  position: absolute;
  right: 3px;
  top: 100%;
  box-sizing: border-box;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
}

.b-language-selection svg {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  transform-origin: center;
  display: inline-block;
  vertical-align: top;
  margin: 6px 0 0;
}

.b-language-selection:hover .b-language-selection__list {
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.b-language-selection__language {
  display: block;
  text-decoration: none;
  color: #dbd9d9;
  background: transparent;
  padding: 6px 11px 4px;
}


.header-search {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 116px;
  box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.45);
  background-color: #1e1e1e;
  vertical-align: top;
  z-index: 3;
  padding-top: 28px;
  font-size: 0;
  -webkit-transform: perspective(900px) rotate3d(1, 0, 0, -90deg);
  transform: perspective(900px) rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-perspective-origin: 50% 100%;
  perspective-origin: 50% 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header-search.open {
  -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
  transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
}
.header-search .wrap {
  position: relative;
}
input[type="text"].header-search__text {
  display: inline-block;
  vertical-align: middle;
  padding: 0px 0px 0 54px;
  height: 47px;
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid #2e2e2e;
  background-color: transparent;
  width: 100%;
  color: #dbd9d9;
  font-size: 14px;
  font-family: 'Gotham Pro', sans-serif;
  margin-right: -30px;
  /* Firefox 19+ */
  /* Firefox 18- */
}
input[type="text"].header-search__text::-webkit-input-placeholder {
  color: #f0f1f3;
}
input[type="text"].header-search__text::-moz-placeholder {
  color: #f0f1f3;
}
input[type="text"].header-search__text:-moz-placeholder {
  color: #f0f1f3;
}
input[type="text"].header-search__text:-ms-input-placeholder {
  color: #f0f1f3;
}
input[type="text"].header-search__text:focus {
  color: #f0f1f3;
}
.header-search__icon {
  position: absolute;
  left: 0;
  top: 9px;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  z-index: 2;
  background: none;
  border: none;
  box-shadow: none;
  cursor: pointer;
}
.header-search__icon svg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  fill: #3a3a3a;
}
/*------------------------------------ header end --------------------------------------------*/
.content.padding-bottom {
  padding-bottom: 130px;
}
.wrap-2 {
  margin: 0 auto;
  width: 1440px;
}
/*----------------------top-slider begin------------------*/
.box-for-top-slider {
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin-bottom: 80px;
}
.box-for-top-slider:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.55);
  width: 100%;
  height: 100%;
  z-index: 3;
}
.box-for-top-slider__letter {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  line-height: 0;
  mix-blend-mode: darken;
}
.box-for-top-slider__elements {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 4;
  width: 100%;
}
.box-for-top-slider__elements .wrap {
  position: relative;
}
.box-for-top-slider__bottom-text {
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: 108px;
  line-height: 174px;
  color: #ffffff;
  font-size: 210px;
  font-weight: 900;
  font-style: italic;
  letter-spacing: 2.11px;
  overflow: hidden;
  padding-top: 10px;
}
.b-selection {
  position: absolute;
  bottom: 0;
  right: 114px;
  padding: 45px 29px 30px 29px;
  min-height: 318px;
  text-align: right;
  text-decoration: none;
  color: #ffffff;
  letter-spacing: 0.16px;
  overflow: hidden;
}
.b-selection__fon {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  width: 318px;
  height: 318px;
  background-color: #1e1e1e;
  padding: 29px 22px;
  z-index: 1;
  text-align: right;
}
.b-selection__fon-icon svg {
  fill: #2e2e2e;
}
.b-selection__fon-arrow {
  position: absolute;
  width: 92px;
  height: 92px;
  background-color: #2e2e2e;
  left: -38px;
  bottom: 60px;
  border-radius: 50%;
}
.b-selection__fon-arrow svg {
  position: absolute;
  top: 37px;
  right: 24px;
  fill: #1e1e1e;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  transform-origin: center;
}
.b-selection__top-line {
  margin-bottom: 50px;
  margin-top: -4px;
}
.b-selection__content {
  position: relative;
  z-index: 2;
}
.b-selection__top-line-number {
  display: inline-block;
  vertical-align: middle;
  font-size: 120px;
  font-weight: 500;
  letter-spacing: 1.2px;
  margin-right: 20px;
  line-height: 90%;
}
.b-selection__top-line-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  text-align: left;
}
.b-selection__second-line-title {
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.17px;
  margin-bottom: 10px;
}
.mod-color-text-1 {
  color: #df222c !important;
}
.top-slider__slide {
  display: none;
  position: relative;
  overflow: hidden;
}
.top-slider__slide:first-child,
.top-slider__slide .slick-slide {
  display: block;
}
.top-slider__slide:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.55);
  width: 100%;
  height: 100%;
  z-index: 3;
}
.top-slider__slide:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url("/local/templates/divinol_ua/css/../img/d.png") no-repeat;
  width: 660px;
  height: 605px;
  z-index: 1;
  mix-blend-mode: darken;
}
.top-slider__fon {
  opacity: 0;
  line-height: 0;
}
.top-slider__fon img {
  width: 100%;
  height: auto;
}
.top-slider__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.top-slider__box-for-img {
  position: relative;
}
.top-slider__content {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  color: #ffffff;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  padding: 160px 0;
}
.top-slider__column {
  padding-left: 105px;
  width: 896px;
  max-height: 400px;
  overflow: hidden;
}
.top-slider__number {
  height: 87px;
  color: #df222c;
  font-size: 189px;
  font-weight: 500;
  line-height: 128.09px;
  letter-spacing: 0.5px;
  overflow: hidden;
  padding-left: 10px;
  padding-top: 5px;
}
.top-slider__big-text {
  font-size: 50px;
  line-height: 60px;
  letter-spacing: 0.5px;
}
/*----------------------top-slider end------------------*/
footer {
  padding-bottom: 90px;
  font-size: 14px;
  color: #424242;
}
footer a {
  color: #000000;
  text-decoration: underline;
}
footer a:hover {
  text-decoration: none;
}
.footer-columns {
  border-top: 6px solid #df222c;
  padding: 29px 30px 0 30px;
}
.footer-column-left {
  float: left;
  width: 625px;
}
.footer-column-right {
  float: right;
  width: 311px;
  text-align: right;
  padding-top: 8px;
}
.footer-menu-column {
  float: left;
  width: calc(100% - 625px - 311px);
  padding: 8px 15px;
  text-align: center;
}
.social.mod-footer {
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px;
}
.copyright {
  display: inline-block;
  vertical-align: middle;
}
.footer-menu__item {
  display: inline;
  margin-right: 10px;
}
.footer-menu__item:last-child {
  margin-right: 0;
}
.footer-menu__link {
  text-decoration: none;
  color: inherit;
}
.footer-menu__link:hover {
  text-decoration: underline;
}
.main-category {
  margin-bottom: 75px;
  overflow: hidden;
}
.main-category__content {
  width: 1248px;
  padding-left: 80px;
  overflow: hidden;
}
.main-category__letter {
  float: left;
  margin-right: -85px;
  padding-top: 31px;
}
.main-category__info {
  float: left;
  position: relative;
  z-index: 1;
  width: 1057px;
}
.main-category__info .b-category {
  margin-bottom: 15px;
  overflow: hidden;
}
.main-category__info-text {
  width: 972px;
  padding-left: 84px;
  text-align: center;
  overflow: hidden;
  margin-bottom: 48px;
}
.main-category__info-text p:last-child {
  margin-bottom: 0;
}
.box-title {
  margin-bottom: 23px;
  overflow: hidden;
  padding-left: 55px;
  margin-left: -55px;
}
.box-title h1,
.box-title h2,
.box-title h3,
.box-title h4 {
  margin-bottom: 0;
}
.b-title {
  display: inline-block;
  position: relative;
  padding-left: 0px;
  padding-top: 47px;
}
.b-title__icon {
  position: absolute;
  top: 0;
  left: -55px;
}
.b-title__icon svg {
  fill: #df222c;
}
.b-category {
  font-size: 0;
  margin-right: -31px;
  text-align: center;
}
.b-category__item {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
  margin-bottom: 30px;
}
.b-category__link {
  display: block;
  position: relative;
  width: 187px;
  height: 187px;
  border: 1px solid #e7e6e6;
  text-align: center;
  padding: 27px 21px;
  color: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  background: #FFFFFF;
  text-decoration: none;
  overflow: hidden;
  transition: 0.01s linear;
  transition-delay: 0.1s;
}
.b-category__link:before {
  content: "";
  position: absolute;
  left: 45%;
  top: 35%;
  z-index: 1;
  background-color: #dc0034;
  width: 0;
  height: 0;
  transition: 0.3s linear;
  border-radius: 50%;
  opacity: 0;
}
.b-category__link:hover {
  color: #ffffff;
  border-color: #df222c;
  box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.45);
}
.b-category__link:hover .b-category__icon {
  background-color: #f2f1f1;
}
.b-category__link:hover:before {
  opacity: 1;
  transform: scale(2.5);
  width: 100%;
  height: 100%;
  margin-left: -40%;
  margin-top: -40%;
}
.b-category__link:not(:hover) {
  transition-delay: 0s;
}
.b-category__icon {
  position: relative;
  width: 82px;
  height: 82px;
  background-color: #FFFFFF;
  margin: 0 auto 12px auto;
  border-radius: 50%;
  z-index: 2;
}
.b-category__icon svg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.b-category__text {
  position: relative;
  z-index: 2;
}
.b-category__text br {
  display: none;
}
.main-category__info-bottom-text {
  text-align: center;
}
.for-partners__box-img {
  position: relative;
  float: left;
  width: 715px;
  margin-right: 40px;
  padding-bottom: 60px;
  padding-top: 6px;
}
.for-partners__letter {
  position: absolute;
  bottom: -110px;
  left: 56px;
  z-index: 3;
  opacity: 0.85;
}
.for-partners__info {
  float: right;
  width: 755px;
}
.for-partners-img-1 {
  position: relative;
  z-index: 1;
  margin-bottom: -238px;
  padding-left: 213px;
  line-height: 0;
}
.for-partners-img-2 {
  line-height: 0;
}
.for-partners__box-img-icon {
  position: absolute;
  bottom: 0;
  left: -44px;
}
.for-partners__box-img-icon svg {
  fill: #df222c;
}
.for-partners {
  overflow: hidden;
  margin-left: -44px;
  padding-left: 44px;
  padding-bottom: 103px;
  margin-bottom: -10px;
}
.for-partners__info .text p:last-child {
  margin-bottom: 0;
}
.b-advantage {
  font-size: 0;
  margin-top: 55px;
  margin-right: -31px;
}
.b-advantage__text {
  line-height: 20px;
}
.b-advantage__unit {
  display: inline-block;
  vertical-align: top;
  width: 232px;
  margin-right: 29px;
  margin-bottom: 38px;
  font-size: 14px;
  letter-spacing: 0.14px;
}
.b-advantage__icon {
  width: 55px;
  margin-bottom: 15px;
  padding-left: 13px;
  height: 60px;
}
.b-advantage__title {
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.17px;
  margin-bottom: 16px;
}
.for-partners__btn-line {
  padding-top: 14px;
}
.main-map {
  position: relative;
  background-color: #f7f7f7;
  padding: 61px 0 95px 0;
  overflow: hidden;
}
.main-map .box-title {
  margin-bottom: 49px;
  margin-left: 0;
}
.main-map .b-title__left-part {
  text-align: left;
}
.main-map .b-title__right-part {
  text-align: right;
  padding-left: 50px;
}
.main-map__columns.mod-first .main-map__left-column {
  padding: 50px;
}
.main-map__columns.mod-first .main-map__right-column {
  padding-top: 271px;
}
.main-map__left-column {
  float: left;
  margin-right: 30px;
  padding-left: 50px;
}
.main-map__right-column {
  float: right;
  padding-right: 46px;
}
.main-map__big-text {
  line-height: 97px;
  font-size: 130px;
  letter-spacing: 1.3px;
  font-weight: bold;
  font-style: italic;
}
.main-map__img {
  position: absolute;
  top: 100px;
  left: 0;
  overflow: hidden;
  width: 100%;
}
.main-map__columns {
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.main-map__b-img {
  position: relative;
  z-index: 1;
  padding-left: 128px;
}
.main-map__img-unit-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}
.main-map__img-unit-icon svg {
  fill: #df222c;
}
.main-map__img-unit-text {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  line-height: 30px;
  font-size: 0px;
}
.main-map__img-unit-text-top-line {
  font-size: 0px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.3px;
}
.main-map__img-unit-text-number,
.main-map__info-unit-text {
  display: inline-block;
  font-size: 30px;
  vertical-align: middle;
}
.main-map__img-unit-text-number.mod-three-symbol {
  width: 52px;
}
.main-map__img-unit-text-number.mod-two-symbol {
  width: 38px;
}
.main-map__info-unit-text {
  color: #df222c;
}
.main-map__img-unit-text-bottom-line {
  font-size: 18px;
  letter-spacing: 0.18px;
  color: #4e4e4e;
}
.main-map__img-unit {
  position: absolute;
  left: 50%;
  z-index: 1;
}
.main-map__img-unit.mod-first {
  top: 56px;
  margin-left: -50px;
}
.main-map__img-unit.mod-second {
  top: 39px;
  margin-left: 146px;
}
.main-map__img-unit.mod-third {
  top: 234px;
  margin-left: -161px;
}
.main-map__img-unit.mod-fourth {
  top: 188px;
  margin-left: 213px;
}
.main-map__img-unit.mod-fifth {
  top: 356px;
  margin-left: -38px;
}
.main-map__letter {
  position: absolute;
  bottom: 76px;
  z-index: 1;
  left: 50%;
  margin-left: -743px;
}
.main-map__bottom-columns {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 90px;
  position: relative;
  z-index: 2;
}
.main-map__bottom-columns .main-map__info-unit-number {
  display: inline-block;
  vertical-align: middle;
  color: #df222c;
  font-size: 120px;
  font-weight: 500;
  letter-spacing: 1.2px;
}
.main-map__bottom-columns .main-map__info-unit-number.mod-two-symbol {
  width: 120px;
}
.main-map__bottom-columns .main-map__info-unit-number.mod-four-symbol {
  width: 270px;
}
.main-map__info-unit-text-2 {
  display: inline-block;
  vertical-align: bottom;
  line-height: 34px;
}
.main-map__columns.mod-first {
  margin-bottom: 380px;
}
.main-production {
  overflow: hidden;
  position: relative;
  z-index: 3;
  padding-top: 97px;
  margin-top: -97px;
}
.main-production__top-letter {
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 50%;
  margin-left: -334px;
  overflow: hidden;
}
.main-production__content {
  background: url("/local/templates/divinol_ua/css/../img/factory.jpg") no-repeat;
  background-size: cover;
  overflow: hidden;
  padding-top: 182px;
}
.main-production__left-column {
  float: left;
  width: 610px;
  padding-left: 53px;
  margin-right: 30px;
}
.main-production__left-column .text {
  margin-bottom: 74px;
  line-height: 24px;
}
.main-production__left-column .text p:last-child {
  margin-bottom: 0;
}
.main-production__left-column .text h3,
.main-production__left-column .text h4 {
  margin-bottom: 22px;
}
.main-production__btn-line {
  margin-bottom: 29px;
}
.main-production__right-column {
  float: right;
  padding-top: 130px;
}
.main-production__bottom-letter {
  line-height: 0;
  padding-left: 202px;
  height: 308px;
}
.main-production__info-unit-number {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  padding-right: 22px;
}
.main-production__info-unit-number .spincrement {
  width: 404px;
  line-height: 146px;
  color: #e40c18;
  font-size: 200px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.main-production__info-unit-plus {
  position: absolute;
  display: inline-block;
  top: 25px;
  right: 41px;
  width: 0px;
  height: 0px;
  line-height: 0px;
  background-color: #ffffff;
  border-radius: 50%;
  text-align: center;
  color: #e40c18;
  font-size: 0px;
  letter-spacing: 0.5px;
  transition: all 1s;
  opacity: 0;
  overflow: hidden;
}
.main-production__info-unit-number .spincrement.mod-ready + .main-production__info-unit-plus {
  width: 62px;
  height: 62px;
  opacity: 1;
  top: -6px;
  right: 10px;
  line-height: 62px;
  font-size: 50px;
  transition-delay: 1s;
}
.main-production__info-unit-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  letter-spacing: 0.24px;
  font-weight: 500;
  line-height: 36px;
}
.main-production__info-unit-text-title {
  color: #000000;
  font-size: 30px;
  letter-spacing: 0.3px;
}
/*-----------window begin---------------*/
.window {
  display: none;
}
.window form {
  text-align: center;
  padding-top: 35px;
}
.window form:first-child {
  padding-top: 0;
}
.window .box-title {
  text-align: center;
}
.window__wrap {
  width: 542px;
}
/*-----------window end---------------*/
/*------------ box-pagination begin--------------*/
.box-pagination {
  text-align: center;
  margin-bottom: 50px;
}
.pagination__load-line {
  text-align: center;
  margin-bottom: 30px;
}
.more-btn {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  text-decoration: none;
  color: #000000;
  transform: scale(1.1);
}
.more-btn:hover {
  color: #df222c;
}
.more-btn__icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  margin-right: 14px;
}
.more-btn__text {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
}
.pagination {
  font-size: 0;
  margin-bottom: 33px;
}
.pagination:last-child {
  margin-bottom: 0;
}
.pagination-item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  border: 1px solid #e7e6e6;
  background-color: transparent;
  margin: 0 7px;
  border-radius: 50%;
  box-sizing: border-box;
  color: #000000;
  transition: 0.3s linear;
  overflow: hidden;
}
.pagination-item.active,
.pagination-item:hover {
  color: #ffffff;
  background: #df222c;
}
.pagination-item.active svg,
.pagination-item:hover svg {
  fill: #fff;
}
.pagination-item svg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  fill: #333333;
  color: #000000;
  z-index: 2;
}
.pagination-link__content {
  position: relative;
  z-index: 2;
}
.pagination-link {
  padding: 0 10px;
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
  color: inherit;
  font-size: 16px;
  line-height: 42px;
  width: 42px;
  height: 42px;
}
.prev svg {
  moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transform-origin: center;
}
.next svg {
  moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  transform-origin: center;
}
/*------------ box-pagination end--------------*/
.red-text {
  color: #dc0034;
}
.gray-text {
  color: #787878;
}
/*-----------page-404 begin---------------*/
.page404 {
  position: relative;
}
.page404 .wrapper {
  max-width: 100%;
}
.page404 .content {
  padding-top: 0;
  padding-bottom: 0;
}
.page404 .wrap {
  position: relative;
  z-index: 1;
  padding: 0;
}
.box-404 {
  text-align: center;
  display: table;
  width: 100%;
  min-height: 100vh;
  height: 10px;
}
.box-404__img {
  position: relative;
  line-height: 0;
  margin-bottom: 7px;
  z-index: 2;
}
.box-404__img img {
  max-width: 100%;
  height: auto;
}
.box-404__img .box-404__img-symbol {
  display: inline-block;
  vertical-align: top;
  color: #1e1e1e;
  font-size: 350px;
  letter-spacing: 3.5px;
  font-weight: 900;
  line-height: 317px;
}
.box-404__img .box-404__img-symbol.mod-first {
  margin-right: -91px;
  margin-top: -130px;
}
.box-404__img .box-404__img-0 {
  position: relative;
  z-index: 2;
  margin-right: -94px;
}
.align_v {
  display: table-cell;
  vertical-align: middle;
  padding: 120px 0 250px 0;
  overflow: hidden;
  position: relative;
}
.box-404__text .box-title {
  margin-bottom: 35px;
}
.box-404__bottom-text {
  position: absolute;
  bottom: 0;
  height: 247px;
  overflow: hidden;
  left: 0;
  width: 100%;
}
.box-404__bottom-text-content {
  position: absolute;
  bottom: 0;
  line-height: 0;
}
/*-----------page-404 end---------------*/
.subpage .content {
  padding-bottom: 40px;
}
.subpage-category {
  padding-bottom: 50px;
  text-align: center;
}
.subpage-category .b-category {
  padding-top: 10px;
  padding-bottom: 15px;
}
.subpage-category .b-category__link {
  width: 215px;
  height: 215px;
  padding: 35px 25px;
  font-size: 16px;
  line-height: 22px;
}
.subpage-category .b-category__item.mod-first .b-category__link {
  background: url("/local/templates/divinol_ua/css/../img/b-category-first.jpg") no-repeat;
  background-size: cover;
}
.subpage-category .b-category__item.mod-first .b-category__link .b-category__icon {
  line-height: 82px;
  color: #d12f2f;
  font-size: 50px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  width: 100%;
}
.subpage-category .b-category__item.mod-first:hover .b-category__link .b-category__icon {
  color: #fff;
}
.subpage-category .b-category__item.mod-last .b-category__link {
  background: url("/local/templates/divinol_ua/css/../img/b-category-last.jpg") no-repeat;
  background-size: cover;
}
.subpage-category .b-category__item.mod-last .b-category__link .b-category__icon svg {
  fill: #d12f2f;
}
.subpage-category .b-category__item.mod-last .b-category__link:hover .b-category__icon {
  background-color: #f2f1f1;
}
.subpage-category .b-category__item.mod-first .b-category__icon,
.subpage-category .b-category__item.mod-last .b-category__icon {
  background-color: transparent;
}
.feedback-section,
.detail-product__info-section {
  position: relative;
  background-color: #f7f7f7;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 40px;
  margin-bottom: 260px;
}
.feedback-section .text,
.detail-product__info-section .text {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.feedback-section__content {
  position: relative;
  z-index: 1;
}
.feedback-section__bottom-box,
.detail-product__bottom-box {
  position: absolute;
  left: 0;
  top: calc(100% - 95px);
  width: 100%;
  z-index: 2;
  overflow: hidden;
}
.feedback-section__bottom-box-text,
.detail-product__bottom-box-text {
  margin-bottom: -20px;
  line-height: 182px;
  color: #ffffff;
  font-size: 210px;
  text-transform: uppercase;
  letter-spacing: 2.11px;
  font-weight: 900;
  font-style: italic;
}
.feedback-section__bottom-box-img,
.detail-product__bottom-box-img {
  line-height: 0;
}
.feedback-section__btn-line-border {
  position: relative;
  display: inline-block;
  border: 34px solid #fff;
  border-radius: 65px;
  margin-top: 25px;
  margin-bottom: 190px;
}
.feedback-section__btn-line-border:before {
  content: '';
  display: block;
  position: absolute;
  width: 500px;
  height: 300px;
  border-radius: 150px;
  border: 1px solid #e7e6e6;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -150px;
}
.feedback-section__btn-line-border:after {
  content: '';
  display: block;
  position: absolute;
  width: 800px;
  height: 500px;
  border-radius: 250px;
  border: 1px solid #e7e6e6;
  top: 50%;
  left: 50%;
  margin-left: -400px;
  margin-top: -250px;
}
.feedback-section__btn-line-border .btn {
  min-width: 227px;
  z-index: 2;
}
.subpage-top-box {
  position: relative;
  margin-bottom: 120px;
}
.subpage-top-box .box-title {
  overflow: visible;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  z-index: 1;
}
.subpage-top-box__img {
  position: relative;
  overflow: hidden;
}
.subpage-top-box__img-fon {
  opacity: 0;
  line-height: 0;
}
.subpage-top-box__img-fon img {
  width: 100%;
  height: auto;
}
.subpage-top-box__img-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.subpage-top-box__content .wrap {
  position: relative;
  padding-top: 25px;
}
.subpage-top-box__content .wrap:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1064px;
  height: 6px;
  background-color: #df222c;
}
.subpage-top-box__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.subpage-top-box__title {
  position: absolute;
  bottom: 90px;
  width: 100%;
}
.subpage-top-box__title-content {
  position: relative;
  padding-left: 55px;
}
.subpage-top-box__title-content .b-title__text h1 {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  z-index: 1;
  margin-right: 0px;
}
.subpage-top-box__big-text {
  display: inline-block;
  vertical-align: bottom;
  position: absolute;
  color: #df222c;
  font-size: 200px;
  line-height: 150px;
  letter-spacing: 2px;
  font-weight: 900;
  font-style: italic;
  mix-blend-mode: darken;
  left: 200px;
  top: -37px;
}
.contacts-page .subpage-top-box {
  margin-bottom: 0;
}
.map-pointer {
  position: absolute;
  z-index: 2;
  background: url("/local/templates/divinol_ua/css/../img/marker.png") no-repeat;
  width: 59px;
  height: 71px;
}
.contacts-box {
  position: relative;
  overflow: hidden;
  padding-bottom: 144px;
  margin-bottom: -144px;
  z-index: 2;
}
.contacts-box__columns {
  display: block;
  width: 100%;
  min-height: 405px;
  position: relative;
}
.contacts-box__columns-left {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: calc(50% - 60px);
}
.contacts-box__columns-right {
  width: calc(50% + 60px);
  float: right;
}
.contacts-map iframe,
.contacts-map #map_canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.contacts-map .contacts-box__letter {
  position: absolute;
  z-index: 2;
  right: 440px;
  bottom: -144px;
}
.contacts-box__columns-right-content {
  width: 784px;
  padding-left: 77px;
  padding-top: 120px;
}
.b-contacts {
  margin-right: -37px;
  font-size: 0;
  overflow: hidden;
}
.b-contacts__unit {
  display: inline-block;
  position: relative;
  width: 330px;
  vertical-align: top;
  margin-right: 36px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  margin-bottom: 42px;
  padding: 28px 10px 42px 32px;
}
.b-contacts__unit.with-button {
  border: 1px solid #df222c;
}
.b-contacts__unit.with-button .b-contacts__unit-text {
  overflow: hidden;
  line-height: 20px;
  height: 80px;
  margin-bottom: 25px;
}
.b-contacts__unit-corner {
  position: absolute;
  left: 0;
  top: 0;
}
.b-contacts__unit-corner svg {
  fill: #df222c;
}
.b-contacts__unit-btn {
  display: none;
}
.b-contacts__unit-title {
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.17px;
  margin-bottom: 20px;
}
.b-contacts__unit-info-box {
  margin-bottom: 25px;
}
.b-contacts__unit-info-box:last-child {
  margin-bottom: 0;
}
.b-contacts__unit-text {
  margin-bottom: 20px;
  line-height: 24px;
  word-wrap: break-word;
}
.b-contacts__unit-hidden-text .nowrap {
  white-space: inherit;
}
.b-contacts__unit-text:last-child {
  margin-bottom: 0;
}
.b-contacts__unit-text .mod-big-text {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.16px;
}
.b-contacts__unit-text a {
  text-decoration: none;
}
.b-contacts__unit-text a:hover {
  text-decoration: underline;
}
.b-contacts__unit-text a.mod-border {
  text-decoration: underline;
}
.b-contacts__unit-text a.mod-border:hover {
  text-decoration: none;
}
.b-contacts__unit-text p {
  margin-bottom: 5px;
}
.b-contacts__unit-person-img {
  line-height: 0;
}
.b-contacts__unit-person-img img {
  max-width: 100%;
  height: auto;
}
.b-contacts__unit-title-text {
  float: left;
  width: calc(100% - 80px);
}
.b-contacts__unit-title-icon {
  float: right;
  margin-top: -10px;
  padding-right: 15px;
}
.partners-page .subpage-top-box {
  margin-bottom: 0;
  min-height: 784px;
}
.partners-page .subpage-top-box__title {
  bottom: auto;
  top: 227px;
}
.subpage-top-box__b-partners {
  padding-top: 86px;
  margin-left: -55px;
}
.subpage-top-box__b-partners .subpage-top-box__b-partners-left {
  float: left;
  width: 542px;
  margin-right: 30px;
}
.subpage-top-box__b-partners .subpage-top-box__b-partners-right {
  float: right;
  width: 779px;
  padding-top: 20px;
}
.subpage-top-box__b-partners-text {
  margin-bottom: 35px;
}
.subpage-top-box__b-partners-left-text {
  line-height: 80px;
  color: #df222c;
  font-size: 80px;
  font-weight: 900;
  font-style: italic;
  letter-spacing: 0.8px;
  text-align: right;
}
.subpage-top-box__b-partners-left-text .first-line {
  color: #1e1e1e;
  font-size: 130px;
  letter-spacing: 1.3px;
  line-height: 110px;
  text-align: left;
}
.partners__map {
  position: relative;
  margin-bottom: 114px;
}
.partners__map .partners-page__letter {
  position: absolute;
  line-height: 0;
  bottom: -136px;
  left: 50%;
  margin-left: -550px;
  z-index: 1;
  overflow: hidden;
}
.partners__map iframe,
.partners__map #map_canvas {
  height: 810px !important;
  width: 100% !important;
}
.detail-product__columns {
  padding-bottom: 40px;
}
.detail-product__left-column {
  float: left;
  width: 641px;
  margin-right: 30px;
  margin-bottom: 40px;
}
.detail-product__img {
  position: relative;
  padding-bottom: 57px;
}
.detail-product__img img {
  max-width: 100%;
  height: auto;
}
.detail-product__img-icon {
  position: absolute;
  bottom: 0;
  left: -44px;
}
.detail-product__img-icon svg {
  fill: #df222c;
}
.detail-product__right-column {
  float: right;
  width: 738px;
  padding-left: 53px;
  padding-top: 37px;
  margin-bottom: 40px;
}
.detail-product__right-column .b-product__price-line {
  margin-bottom: 30px;
}
.detail-product__right-column .b-product__price-line .b-product__price {
  font-size: 40px;
}
.detail-product__right-column .b-product__price-line .b-product__price-currency {
  font-size: 16px;
}
.detail-product__art {
  color: #6d6c6c;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.13px;
  padding-top: 15px;
}
.detail-product__text {
  margin-bottom: 30px;
}
.detail-product__text p:last-child {
  margin-bottom: 0;
}
.detail-product__download {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  margin-right: 35px;
}
.detail-product__download-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  line-height: 0;
}
.detail-product__download-text {
  display: inline-block;
  vertical-align: middle;
}
.detail-product__btn-line .detail-product__map-btn {
  margin-right: 37px;
}
.social.mod-detail-product {
  display: inline-block;
  vertical-align: middle;
}
.social.mod-detail-product svg {
  fill: #1e1e1e;
  transition: 0.2s linear;
}
.social.mod-detail-product svg:hover {
  fill: #df222c;
}
.detail-product__info-section {
  text-align: left;
  padding-top: 0;
}
.detail-product__info-section .text {
  width: 100%;
  overflow: hidden;
}
.detail-product__info-columns {
  padding-bottom: 80px;
  padding-top: 45px;
}
.detail-product__info-columns h3 {
  font-weight: 700;
}
.detail-product__info-columns-left {
  float: left;
  width: 50%;
  padding-right: 30px;
}
.detail-product__info-columns-left h4 + table.type-2 tr:first-child td {
  padding-top: 0;
}
.detail-product__info-columns-right {
  float: right;
  padding-left: 30px;
  width: 50%;
}
.detail-product__info-section-content {
  padding-top: 80px;
}
.detail-product__bottom-box {
  text-align: center;
}
.detail-product__map-close {
  position: relative;
  display: none;
  vertical-align: top;
  width: 44px;
  height: 44px;
  box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.45);
  border-radius: 50%;
  background-color: #1e1e1e;
  z-index: 2000;
}
.detail-product__map-close svg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  fill: #fff;
}
.detail-product__map-close.visible {
  display: inline-block;
}
.page-detail-product .partners__map .partners__map-close-line {
  position: absolute;
  width: 100%;
  text-align: right;
  top: -23px;
}
.page-detail-product .partners__map iframe,
.page-detail-product .partners__map #map_canvas {
  height: 803px !important;
}
.page-detail-product .partners__map {
  display: none;
  margin-bottom: 0px;
}
.page-detail-product .b-contacts {
  padding-top: 50px;
  display: none;
  margin-bottom: -50px;
}
.detail-partners__contacts-top-line {
  text-align: center;
  padding: 22px 0;
  border-bottom: 6px solid #df222c;
}
.detail-partners__contacts-top-line-text {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.page-detail__contacts-btn,
.b-contacts__btn {
  line-height: 29px;
  border-radius: 15px;
  padding: 0 7px 0 15px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.14px;
  text-decoration: none;
}
.page-detail__contacts-btn svg,
.b-contacts__btn svg {
  margin-left: 5px;
  fill: #fff;
  moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  transform-origin: center;
  transition: 0.1s linear;
}
.page-detail__contacts-btn .active-text,
.b-contacts__btn .active-text {
  display: none;
}
.page-detail__contacts-btn.active .active-text,
.b-contacts__btn.active .active-text {
  display: inherit;
}
.page-detail__contacts-btn.active .normal-text,
.b-contacts__btn.active .normal-text {
  display: none;
}
.page-detail__contacts-btn.active svg,
.b-contacts__btn.active svg {
  moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.category-products-left-column {
  float: left;
  width: 304px;
  margin-right: 30px;
}
.category-products-right-column {
  float: right;
  width: 1092px;
}
.category-products-top-box {
  margin-bottom: 50px;
  font-size: 0;
  overflow: hidden;
}
.category-products-top-box__text {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  padding-left: 54px;
  width: 458px;
  margin-right: 32px;
}
.category-products-top-box__img {
  display: inline-block;
  vertical-align: middle;
  width: 600px;
  max-width: 100%;
  height: auto;
  line-height: 0;
}
.category-products-page .subpage-top-box__title-content .b-title__text h1 {
  margin-right: 0px;
}
.box-products {
  font-size: 0;
  margin-right: -31px;
  padding-top: 50px;
  overflow: hidden;
}
.b-product {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 250px;
  background-color: #ffffff;
  border: 1px solid #e7e6e6;
  padding: 0 27px 20px 27px;
  margin-right: 30px;
  color: #1e1e1e;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.14px;
  text-decoration: none;
  transition: 0.02s linear;
  margin-bottom: 65px;
}
.b-product:hover .b-product__icon {
  top: -45px;
  z-index: 3;
}
.b-product:hover .b-product__img img {
  transform: scale(1.1);
}
.b-product:hover:before {
  animation: animate 0.4s linear forwards;
}
.b-product:hover:after {
  animation: animate-2 0.4s linear forwards;
  animation-delay: 0.4s;
}
.b-product:before {
  content: '';
  display: block;
  position: absolute;
  bottom: -1px;
  left: -1px;
  width: 0;
  height: 0;
  background: transparent;
  border: 1px solid transparent;
  z-index: 1;
}
.b-product:after {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  right: -1px;
  width: 0;
  height: 0;
  background: transparent;
  border: 1px solid transparent;
  z-index: 2;
}
@keyframes animate {
  0% {
    width: 0;
    height: 0;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
  50% {
    width: 0;
    height: 100%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #df222c;
  }
  100% {
    width: 100%;
    height: 100%;
    border-top-color: #df222c;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #df222c;
  }
}
@keyframes animate-2 {
  0% {
    width: 0;
    height: 0;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
  50% {
    width: 0;
    height: 100%;
    border-top-color: transparent;
    border-right-color: #df222c;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
  100% {
    width: 100%;
    height: 100%;
    border-top-color: transparent;
    border-right-color: #df222c;
    border-bottom-color: #df222c;
    border-left-color: transparent;
  }
}
.b-product__icon {
  position: absolute;
  left: 50%;
  top: -30px;
  z-index: 0;
  transition: 0.04s linear;
}
.b-product__icon svg {
  fill: #df222c;
}
.b-product__img {
  position: relative;
  display: block;
  z-index: 2;
  line-height: 0;
  transition: 0.02s linear;
  margin: -30px auto 25px;
  overflow: hidden;
  width: 195px;
  height: 159px;
}
.b-product__img img {
  transition: all 0.7s ease-in-out;
}
.b-product__container {
  margin-bottom: 14px;
}
.b-product__title {
  margin-bottom: 14px;
}
.b-product__name {
  font-size: 16px;
  font-weight: 500;
}
.b-product__art {
  color: #6d6c6c;
  font-size: 13px;
  letter-spacing: 0.13px;
  line-height: 22px;
  padding-top: 4px;
}
.b-product__price-line {
  margin-bottom: 14px;
  font-size: 0;
}
.b-product__price {
  display: inline-block;
  vertical-align: top;
  color: #df222c;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.26px;
  line-height: 28px;
  margin-right: 5px;
}
.b-product__price-currency {
  display: inline-block;
  vertical-align: top;
  color: #1e1e1e;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.14px;
}
.b-product__text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.14px;
}
.b-product__info {
  position: relative;
  height: 250px;
  overflow: hidden;
}
.b-product__info:before {
  content: '';
  display: block;
  position: absolute;
  height: 30px;
  width: 100%;
  bottom: 0;
  left: 0;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}
.category-products__bottom-text {
  padding-left: 54px;
}
.filter-title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.24px;
  margin-bottom: 37px;
}
.category-products-columns {
  padding-bottom: 50px;
}
.category-products-columns .box-pagination {
  margin-top: -18px;
}
.category-products-columns .pagination__load-line {
  margin-top: -18px;
  margin-bottom: 50px;
  padding-right: 30px;
}
.filter .b-category {
  margin-right: 0;
  margin-bottom: 23px;
}
.filter .b-category__item {
  display: block;
  position: relative;
  vertical-align: top;
  margin-right: 0;
  margin-bottom: 0;
  margin-top: -1px;
}
.filter .b-category__item:hover,
.filter .b-category__item.active {
  position: relative;
  z-index: 1;
}
.filter .b-category__link {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #e7e6e6;
  border-bottom: none;
  border-left: none;
  border-right: none;
  text-align: left;
  padding: 9px 10px;
  color: inherit;
  transition-delay: 0.1s;
  padding-right: 52px;
}
.filter .b-category__icon {
  width: 52px;
  height: 52px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px 0 0;
}
.filter .b-category__text {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  width: 142px;
}
.filter .b-category__link:hover {
  color: inherit;
  border-color: #e7e6e6;
  box-shadow: none;
}
.filter .b-category__item:hover .b-category__link,
.filter .b-category__item.active .b-category__link,
.filter .b-category__item.open .b-category__link {
  color: #ffffff;
  border-color: #df222c;
}
.filter .b-category__item.active .b-category__link,
.filter .b-category__item.open .b-category__link {
  box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.45);
}
.filter .b-category__link:hover .b-category__icon {
  background-color: #fff;
  border-color: #fff;
}
.filter .b-category__link:before {
  opacity: 1;
  border-radius: 50%;
  left: 35px;
  top: 33px;
  z-index: 1;
  background-color: #dc0034;
  width: 0;
  height: 0;
  transition: 0.3s linear;
}
.filter .b-category__link:hover:before {
  opacity: 0;
  transform: none;
  width: 0;
  height: 0;
  margin-left: 0;
  margin-top: 0;
}
.filter .b-category__item:hover .b-category__link:before,
.filter .b-category__item.active .b-category__link:before,
.filter .b-category__item.open .b-category__link:before {
  left: 11px;
  width: 50px;
  height: 50px;
  transform: scale(11.5);
  opacity: 1;
  top: 10px;
}
.filter .b-category__item:not(:hover) .b-category__link {
  transition-delay: 0s;
}
.filter .b-category__item:hover .b-category__second-level-btn svg,
.filter .b-category__item.active .b-category__second-level-btn svg,
.filter .b-category__item.open .b-category__second-level-btn svg {
  fill: #f2f1f1;
}
.filter .b-category__item.open .b-category__second-level-btn svg.minus-icon {
  display: inherit;
}
.filter .b-category__item.open .b-category__second-level-btn svg.plus-icon {
  display: none;
}
.box-second-level {
  display: none;
  position: relative;
  padding-left: 35px;
  padding-top: 20px;
  padding-bottom: 23px;
}
.box-second-level:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 34px;
  height: calc(100% - 36px);
  z-index: 1;
  width: 1px;
  background: #df222c;
}
.b-category__second-list {
  position: relative;
  padding-left: 12px;
}
.b-category__second-item {
  margin-bottom: 6px;
}
.b-category__second-item:last-child {
  margin-bottom: 0;
}
.b-category__second-item-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
  padding: 7px 12px;
  font-size: 14px;
  text-decoration: none;
  color: inherit;
}
.b-category__second-item.active .b-category__second-item-link,
.b-category__second-item-link:hover {
  border-radius: 15px;
  background-color: #df222c;
  color: #fff;
}
.b-category__second-item.active .b-category__second-item-link:before,
.b-category__second-item-link:hover:before {
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #df222c;
  border-radius: 50%;
  left: -15px;
  top: 50%;
  margin-top: -3px;
}
.b-category__second-level-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 51px;
  height: 70px;
  z-index: 3;
}
.b-category__second-level-btn svg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  fill: #d7d7d7;
}
.b-category__second-level-btn svg.minus-icon {
  display: none;
}
.filter-select-product {
  position: relative;
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 30px 20px 10px 20px;
  font-size: 0;
  line-height: 0;
}
.filter-select-product:hover {
  color: #df222c;
}
.filter-select-product__corner {
  position: absolute;
  top: 0;
  right: 0;
}
.filter-select-product__corner svg {
  fill: #df222c;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  transform-origin: center;
}
.filter-select-product__icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.filter-select-product__icon svg {
  fill: #df222c;
}
.filter-select-product__text {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 20px;
}
.filter-select-product__title {
  text-transform: uppercase;
  font-weight: 700;
}
.about-us-page .main-production__content {
  padding-bottom: 307px;
  background-image: url("/local/templates/divinol_ua/css/../img/factory-2.jpg");
}
.content.mod-padding-bottom-0 {
  padding-bottom: 0 !important;
}
.about-us-page__info-box {
  padding-top: 113px;
  padding-bottom: 90px;
}
.about-us-page__info-box-columns {
  margin-bottom: 10px;
  overflow: hidden;
  margin-left: -44px;
  padding-left: 44px;
}
.about-us-page__info-box-left {
  float: left;
  margin-right: 45px;
  width: 654px;
}
.about-us-page__info-box-right {
  float: right;
  width: 737px;
  padding-left: 30px;
  padding-top: 10px;
}
.about-us-page__b-video {
  position: relative;
  padding-bottom: 50px;
  float: left;
  width: 654px;
  padding-right: 4px;
}
.about-us-page__b-video .about-us-page__b-video-icon {
  position: absolute;
  bottom: 0;
  left: -44px;
}
.about-us-page__b-video .about-us-page__b-video-icon svg {
  fill: #df222c;
}
.about-us-page__b-video-content {
  position: relative;
  cursor: pointer;
}
.about-us-page__b-video-content iframe, .about-us-page__b-video-content .iframe {
  display: none;
  margin-bottom: 0 !important;
}
.about-us-page__b-video-content:hover .about-us-page__b-video-content-icon:before {
  transform: scale(1.2);
}
.about-us-page__b-video-content.active .about-us-page__b-video-content-img,
.about-us-page__b-video-content.active .about-us-page__b-video-content-icon {
  display: none;
}
.about-us-page__b-video-content.active iframe, .about-us-page__b-video-content.active .iframe {
  display: inline-block;
  max-width: 100%;
}
.subpage-top-box__about-us {
  padding-top: 45px;
}
.subpage-top-box__about-us-left {
  float: left;
  width: 644px;
  margin-right: 30px;
}
.subpage-top-box__about-us-left .text p:last-child {
  margin-bottom: 0;
}
.subpage-top-box__about-us-left .text {
  line-height: 24px;
}
.about-us-page__b-video-content-img img {
  max-width: 100%;
  height: auto;
  margin-bottom: 0 !important;
}
.about-us-page__b-video-content-icon {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  text-decoration: none;
  width: 77px;
  height: 77px;
  text-align: center;
}
.about-us-page__b-video-content-icon:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(223, 34, 44, 0.8);
  border-radius: 50%;
  transition: all 0.7s ease-in-out;
  z-index: 1;
}
.about-us-page__b-video-content-icon svg {
  position: absolute;
  display: inline-block;
  top: 50%;
  margin-top: -13px;
  left: 50%;
  margin-left: -6px;
  fill: #fff;
  z-index: 2;
}
.b-base {
  margin-top: -10px;
}
.subpage-top-box__b-partners-right {
  float: right;
  padding-right: 58px;
}
.b-base-number {
  display: inline-block;
  vertical-align: top;
  font-weight: 700;
  text-transform: uppercase;
  width: 286px;
  margin-right: 20px;
}
.b-base-number .spincrement {
  font-size: 120px;
  font-weight: 500;
  letter-spacing: 1.2px;
  color: #df222c;
  line-height: 110px;
}
.base-text {
  display: inline-block;
  vertical-align: top;
  padding-top: 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  text-align: left;
  color: #df222c;
}
.b-base-number__text {
  padding-top: 3px;
  padding-left: 25px;
}
.about-us-history {
  background-color: #f7f7f7;
  padding: 100px 0 88px;
}
.about-us-history .text {
  text-align: center;
  width: 1125px;
  margin-left: auto;
  margin-right: auto;
}
.about-us-history .text p:last-child {
  margin-bottom: 0;
}
.calendar-img-line {
  position: relative;
  line-height: 0;
  background-attachment: fixed;
  background-position: 0;
  height: 170px;
  background-image: url("/local/templates/divinol_ua/css/../img/calendar-fixed.jpg") !important;
  width: 100%;
  background-repeat: repeat-x;
}
.calendar-img-line img {
  width: auto;
  height: 170px;
  visibility: hidden;
}
.calendar-img-line__hidden {
  position: relative;
}
.calendar-img-line__hidden:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  z-index: 1;
}
.calendar-img-line__absolute {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.calendar-date-line {
  font-size: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}
.calendar-date-item {
  display: inline-block;
  vertical-align: top;
  width: 204px;
  line-height: 30px;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.17px;
}
.calendar-date-item:nth-child(1),
.calendar-date-item:nth-child(4n+1) {
  background-color: #fed13a;
}
.calendar-date-item:nth-child(2),
.calendar-date-item:nth-child(4n+2) {
  background-color: #e23e47;
  color: #ffffff;
}
.calendar-date-item:nth-child(3),
.calendar-date-item:nth-child(4n+3) {
  background-color: #d7d7d7;
}
.calendar-date-item:nth-child(4),
.calendar-date-item:nth-child(4n+4) {
  background-color: #1e1e1e;
  color: #ffffff;
}
.calendar-date-line {
  overflow: hidden;
  white-space: nowrap;
}
.calendar-line {
  white-space: nowrap;
  position: relative;
  z-index: 3;
}
.calendar-item {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 404px;
  white-space: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.14px;
}
.calendar-item:before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  border-left: 1px dashed #d7d7d7;
}
.calendar-item:after {
  content: '';
  display: block;
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #d7d7d7;
}
.calendar {
  padding-top: 72px;
  width: 100%;
  overflow: hidden;
}
.calendar-item__date {
  position: relative;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.17px;
  margin-bottom: 12px;
}
.calendar-line.mod-top {
  padding-left: 100px;
  background: #F7F7F7;
}
.calendar-line.mod-top .calendar-item {
  padding-bottom: 52px;
  min-height: 204px;
}
.calendar-line.mod-top .calendar-item:last-child {
  width: auto;
}
.calendar-line.mod-top .calendar-item:before {
  left: 0;
  top: 0;
  height: 348px;
}
.calendar-line.mod-top .calendar-item:after {
  left: -4px;
  top: 350px;
}
.calendar-line.mod-top .calendar-item__content {
  padding-left: 19px;
}
.calendar-line.mod-bottom {
  padding-bottom: 38px;
  padding-top: 8px;
  background: #F7F7F7;
}
.calendar-line.mod-bottom .calendar-item {
  padding-top: 28px;
  padding-right: 19px;
}
.calendar-line.mod-bottom .calendar-item:before {
  right: 0;
  top: 24px;
  height: 182px;
}
.calendar-line.mod-bottom .calendar-item:after {
  right: -3px;
  top: 12px;
}
.calendar-line.mod-bottom .calendar-item:first-child {
  width: 308px;
}
.calendar-line.mod-bottom .calendar-item__content {
  width: 250px;
  padding-right: 19px;
  text-align: right;
  margin-left: auto;
}
html {
  overflow-x: hidden;
}
.calendar-item__content {
  width: 250px;
}
.horizontal-scrollbar-inner {
  touch-action: inherit !important;
}
.category-page .b-category {
  overflow: hidden;
}
.subpage-category__bottom-text {
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 20px;
}
.category-products-page .subpage-top-box {
  margin-bottom: 88px;
}
.detail-product__btn-line {
  padding-top: 5px;
}
.box-header-menu {
  display: none;
}
.fancybox-skin {
  padding: 53px 30px !important;
}
.fancybox-prev {
  left: -60px;
}
.fancybox-next {
  right: -60px;
}
.partners-page .subpage-top-box,
.about-us-page .subpage-top-box {
  min-height: inherit !important;
}
.partners-page .subpage-top-box__content,
.about-us-page .subpage-top-box__content {
  position: relative;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
}
.partners-page .subpage-top-box__title,
.about-us-page .subpage-top-box__title {
  position: relative !important;
  bottom: inherit !important;
  top: 0 !important;
  padding-bottom: 120px;
  padding-top: 180px;
  transform: none !important;
}
.partners-page .subpage-top-box__img,
.about-us-page .subpage-top-box__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.about-us-page .subpage-top-box {
  margin-bottom: 0;
}
.page-detail-product .partners__map .partners-page__letter {
  bottom: -56px;
}
.fancybox-title {
  display: none;
}
.fancybox-type-iframe .fancybox-inner {
  height: 600px !important;
  max-height: 80vh;
}
.top-slider .slick-dots {
  display: block;
  bottom: auto;
  text-align: left;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  counter-reset: li;
  left: auto;
}
.top-slider .slick-dots li {
  position: relative;
  display: block;
  margin: 28px 0 !important;
  overflow: hidden;
}
.top-slider .slick-dots li button {
  width: 6px;
  height: 22px;
  background-color: #ffffff;
  transition: width 0.1s linear;
}
.top-slider .slick-dots li:before {
  content: counter(li, decimal-leading-zero) " ";
  counter-increment: li;
  display: inline-block !important;
  position: absolute;
  top: 0;
  left: -40px;
  line-height: 22px;
  letter-spacing: 0.16px;
  padding: 0;
  color: #df222c;
  width: 20px;
  height: 20px;
  font-size: 21px;
  font-weight: 500;
}
.top-slider .slick-dots li.slick-active button {
  background-color: #df222c;
  width: 30px;
}
.top-slider .slick-dots li.slick-active {
  overflow: visible;
}
.top-slider .slick-dots li:hover button {
  background-color: #df222c;
  width: 30px;
}
.box-for-top-slider:before,
.box-for-top-slider__letter {
  display: none;
}
.top-slider__box-for-img.mod-video iframe {
  width: 100%;
  height: 106%;
}
.filter-btn__line,
.filter-close-btn,
.filter-aside__background {
  display: none;
}
.filter .b-category {
  text-align: left;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  height: 1px;
  top: -3px;
  background: transparent;
  min-height: 20px !important;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  margin: 10px 0 0 0;
}
body .ui-menu {
  box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.45);
  background-color: #ffffff;
  top: 216px !important;
  width: 626px !important;
  left: 50% !important;
  margin-left: -768px !important;
  max-width: 100%;
}
body .ui-menu:before {
  content: '';
  display: block !important;
  position: absolute;
  top: -11px;
  left: 59px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11px 11px 11px;
  border-color: transparent transparent #fff transparent;
  z-index: 2;
}
body .ui-menu .all-results.ui-menu-item a {
  padding: 10px 15px;
  text-decoration: underline;
  font-size: 14px;
}
body .ui-menu .ui-menu-item {
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #d7d7d7;
}
body .ui-menu .ui-menu-item a {
  padding: 15px;
  min-width: 100%;
  display: block !important;
  text-decoration: none;
  color: inherit;
}
body .search_image {
  width: 60px;
}
body .search_image img {
  max-width: 100%;
  height: auto;
}
body .ui-menu .ui-menu-item a .search_price {
  width: 100px;
  color: #df222c;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.2px;
  margin-right: 0 !important;
}
body .ui-menu .ui-menu-item a .search_currency {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  color: #1e1e1e;
  font-size: 13px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.13px;
}
body .ui-menu .ui-menu-item a .search_b-text {
  width: calc(100% - 75px - 100px - 15px);
  color: #1e1e1e;
  letter-spacing: 0.14px;
}
body .ui-menu .ui-menu-item a .search_title {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 1px;
}
body .ui-menu .ui-menu-item a .search_article {
  display: block;
  color: #6d6c6c;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.13px;
}
.category-products-columns.without-aside .b-product {
  width: 263px;
}
.category-search-column h1 {
  margin-bottom: 25px;
}
.text-table-overflow {
  overflow: auto;
  width: 100%;
  margin-bottom: 20px;
}
table.mod-long {
  margin-bottom: 15px;
}
.b-product__price-table table {
  margin-bottom: 32px;
}
.b-product__price-table table thead th {
  font-size: 20px;
  font-weight: 700;
  color: #939393;
  text-align: center;
  padding-top: 0;
  padding-bottom: 10px;
}
.b-product__price-table table thead th:first-child {
  color: #1e1e1e;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  text-transform: none;
}
.b-product__price-table table th:last-child,
.b-product__price-table table td:last-child {
  text-align: center;
  padding-right: 5px;
}
.b-product__price-table table tbody tr:last-child td {
  border-bottom: none;
}
.b-product__price-table table tbody td {
  vertical-align: middle;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.b-product__price-table table tbody td:first-child {
  line-height: 18px;
  text-align: left;
}
.b-product__price-table .b-product__price {
  font-size: 24px;
  margin-right: 0px;
}
.search_containers {
  display: block;
  color: #6d6c6c;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.13px;
}
.wow {
  visibility: hidden;
}

/*------------------media screen 1600 begin-----------------------------*/
@media screen and (max-width: 1678px) {
  .for-partners__box-img-icon {
    display: none;
  }
  .partners-page .subpage-top-box__title,
  .about-us-page .subpage-top-box__title {
    padding-bottom: 110px;
    padding-top: 120px;
  }
}
/*------------------media screen 1200 begin-----------------------------*/
@media screen and (max-width: 1599px) {
  .wrap,
  .wrap-3,
  .wrap-2 {
    width: 1200px;
  }
  body .ui-menu {
    margin-left: -600px !important;
  }
  .menu_link:not(.mod-zg) {
    padding-top: 36px;
  }
  .menu_link:not(.mod-zg) .menu_link-icon {
    display: none;
  }
  .header-logo {
    margin-right: 40px;
  }
  .header-phone {
    display: none;
  }
  .b-selection {
    right: 0;
  }
  .box-for-top-slider__bottom-text {
    font-size: 198px;
  }
  .top-slider__column {
    padding-left: 56px;
    width: 776px;
    max-height: 370px;
    overflow: hidden;
  }
  .top-slider__big-text {
    font-size: 46px;
    line-height: 58px;
  }
  .main-category__content {
    width: 100%;
    padding-left: 0;
  }
  .for-partners img {
    max-width: 100%;
    height: auto;
  }
  .for-partners__box-img {
    width: 660px;
    padding-top: 68px;
  }
  .for-partners__info {
    width: 494px;
  }
  .for-partners-img-1 {
    margin-bottom: -44px;
    padding-left: 0;
    line-height: 0;
    text-align: center;
  }
  .for-partners-img-1 img {
    display: inline-block;
  }
  .for-partners__letter {
    bottom: -184px;
  }
  .b-advantage {
    margin-top: 45px;
  }
  .main-map__b-img {
    padding-left: 0;
  }
  .main-map__b-img img {
    margin-left: -325px;
  }
  .main-map__letter {
    margin-left: -558px;
  }
  .main-map__img-unit.mod-first {
    top: 393px;
    margin-left: 56px;
  }
  .main-map__img-unit.mod-second {
    top: 367px;
    margin-left: 344px;
  }
  .main-map__img-unit.mod-third {
    top: 482px;
    margin-left: -161px;
  }
  .main-map__img-unit.mod-fourth {
    top: 485px;
    margin-left: 399px;
  }
  .main-map__img-unit.mod-fifth {
    top: 592px;
    margin-left: 83px;
  }
  .main-production__right-column {
    padding-top: 130px;
    width: 556px;
  }
  .main-production__info-unit-number .spincrement {
    width: 340px;
    font-size: 169px;
  }
  .main-production__info-unit-text {
    font-size: 24px;
    line-height: 32px;
  }
  .main-production__info-unit-text-title {
    font-size: 26px;
  }
  .main-production__bottom-letter {
    height: 250px;
  }
  .footer-column-right {
    width: 270px;
  }
  .footer-column-left {
    width: 425px;
  }
  .copyright {
    width: 300px;
    line-height: 19px;
  }
  .footer-menu-column {
    width: calc(100% - 430px - 270px);
  }
  .footer-column-right {
    width: 270px;
  }
  .menu-second-level__link {
    width: 172px;
    height: 154px;
    border-bottom: 1px solid #2e2e2e;
    padding: 25px 11px;
  }
  .about-us-page__b-video .about-us-page__b-video-icon {
    display: none;
  }
  .about-us-page__info-box-left {
    margin-right: 35px;
    width: 618px;
    padding-top: 35px;
  }
  .about-us-page__info-box-right {
    width: 522px;
    padding-left: 30px;
    padding-top: 0;
  }
  .text .images_grid4-item {
    width: 278px;
  }
  .subpage-category .b-category__link {
    width: 175px;
    height: 190px;
    padding: 25px 5px;
  }
  .category-products-right-column {
    width: 864px;
  }
  .b-product {
    width: 267px;
  }
  .b-product__img {
    text-align: center;
  }
  .b-product__img img {
    max-width: 100%;
  }
  .category-products-top-box__img {
    width: 479px;
  }
  .category-products-top-box__img img {
    max-width: 100%;
    height: auto;
  }
  .category-products-top-box__text {
    width: 354px;
    margin-right: 30px;
    padding-left: 37px;
  }
  .category-products-top-box__text .b-title__icon {
    left: -37px;
  }
  .category-products-top-box {
    margin-bottom: 40px;
  }
  .box-404__bottom-text img {
    max-width: 100%;
    height: auto;
  }
  .text .box-four-columns__column {
    width: 270px;
  }
  .subpage-top-box__big-text {
    font-size: 192px;
  }
  .subpage-top-box__b-partners-left-text {
    font-size: 70px;
  }
  .subpage-top-box__b-partners-left-text .first-line {
    font-size: 120px;
  }
  .subpage-top-box__b-partners .subpage-top-box__b-partners-left {
    width: 470px;
  }
  .subpage-top-box__b-partners-right {
    padding-right: 0;
  }
  .subpage-top-box__b-partners .subpage-top-box__b-partners-right {
    width: 650px;
    padding-top: 0;
  }
  .partners-page .subpage-top-box__title {
    top: 130px;
  }
  .partners-page .subpage-top-box {
    min-height: 640px;
  }
  .b-contacts__unit {
    width: 277px;
    margin-right: 30px;
    padding-left: 25px;
    margin-bottom: 35px;
    padding-bottom: 30px;
  }
  .b-contacts {
    margin-right: -31px;
  }
  .b-contacts__unit-title {
    font-size: 15px;
    margin-bottom: 15px;
  }
  .feedback-section__bottom-box-img img,
  .detail-product__bottom-box-img img {
    max-width: 100%;
    height: auto;
  }
  .detail-product__img-icon {
    display: none;
  }
  .detail-product__right-column {
    padding-top: 0;
    width: 47%;
  }
  .detail-product__left-column {
    width: 50%;
  }
  h1,
  h2 {
    font-size: 38px;
  }
  .detail-product__btn-line .detail-product__map-btn {
    margin-right: 22px;
    padding: 0 30px;
  }
  .detail-product__download {
    margin-right: 22px;
  }
  .subpage-top-box__content .wrap {
    padding-top: 15px;
  }
  .contacts-box__columns-right {
    width: calc(50% + 30px);
  }
  .contacts-box__columns-right-content {
    width: 630px;
    padding-left: 45px;
    padding-top: 60px;
  }
  .contacts-box__columns-left {
    width: calc(50% - 30px);
  }
  .contacts-map .contacts-box__letter {
    right: 334px;
  }
  .feedback-section,
  .detail-product__info-section {
    margin-bottom: 210px;
  }
  .box-for-top-slider__letter img {
    width: 550px;
    height: auto;
  }
  .top-slider__content {
    padding: 110px 0 180px;
  }
  .about-us-page .subpage-top-box__title {
    top: 100px;
  }
  .about-us-page .subpage-top-box {
    min-height: 615px;
    overflow: hidden;
  }
  .top-slider__slide:after {
    width: 550px;
    background-size: contain;
    height: 504px;
  }
  .category-products-columns.without-aside .b-product {
    width: 277px;
  }
  .main-category__info {
    width: 100%;
  }
  .main-category__content {
    position: relative;
  }
  .main-category__letter {
    position: absolute;
  }
  .main-category__info-text {
    padding-left: 170px;
    padding-right: 170px;
    width: 100%;
  }
}
/*------------------media screen 1200 end-----------------------------*/
@media screen and (max-width: 1450px) {
  .subpage-top-box__title {
    bottom: 60px;
  }
  .partners-page .subpage-top-box__title,
  .about-us-page .subpage-top-box__title {
    padding-bottom: 90px;
    padding-top: 80px;
  }
}
/*------------------media screen 1024 begin-----------------------------*/
@media screen and (min-width: 1271px) {
  .b-contacts__unit-hidden-text {
    display: block !important;
  }
}
@media screen and (max-width: 1270px) {
  .wrap,
  .wrap-3,
  .wrap-2,
  .contacts-box__columns-right-content {
    width: 960px;
    padding: 0;
  }
  body .ui-menu {
    margin-left: -480px !important;
  }
  header .menu {
    display: none;
  }
  .header-logo {
    margin-right: 180px;
  }
  .header-phone {
    display: inline-block;
  }
  .b-language-selection {
    padding-top: 42px;
  }
  .menu-btn {
    display: inline-block;
    position: relative;
    height: 104px;
    width: 40px;
    vertical-align: top;
    padding: 0px 15px;
    margin-left: 14px;
    text-decoration: none;
  }
  .menu-btn svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -9px;
    margin-top: -11px;
  }
  .search-btn {
    line-height: 117px;
  }
  .box-header-menu {
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    text-align: right;
  }
  .box-header-menu.active {
    z-index: 1000;
  }
  .header-menu__background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(92, 85, 80, 0.9);
    opacity: 0;
    z-index: 1;
  }
  .header-menu-content {
    position: relative;
    right: -480px;
    display: inline-block;
    text-align: left;
    overflow-y: auto;
    background-color: #333333;
    color: #ffffff;
    padding: 78px 60px 60px;
    height: 100vh;
    width: 480px;
    z-index: 2;
  }
  .header-menu-content .menu_link {
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    padding: 12px 0 12px;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
    font-size: 18px;
    height: auto;
    text-decoration: none;
  }
  .header-menu-content .menu__item {
    display: block;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .menu__item:hover .box-for-menu-second-level {
    display: none;
  }
  .header-menu-content .menu_link-button {
    position: absolute;
    display: block;
    top: 0px;
    right: 0;
    width: 35px;
    height: 100%;
    background: url("/local/templates/divinol_ua/css/../img/plus.svg") no-repeat;
    background-position: center;
    background-size: 15px;
    z-index: 2;
    cursor: pointer;
    border: none;
    padding: 0;
  }
  .header-menu-content .menu_link-button svg {
    display: none;
  }
  .header-menu-content .menu_link-button.active {
    background-image: url("/local/templates/divinol_ua/css/../img/minus.svg");
  }
  .header-menu-content .box-for-menu-second-level {
    position: relative;
    top: 0;
    margin-top: 0;
    left: 0;
    margin-left: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    background: none;
  }
  .menu__item.with-second-level:hover .menu_link:before,
  .menu__item.with-second-level.menu-open .menu_link:before {
    display: none;
  }
  .header-menu-content .menu__second-level-item {
    margin-bottom: 12px;
  }
  .header-menu-content .menu-btn-2 {
    position: absolute;
    display: inline-block;
    top: 20px;
    right: 20px;
    vertical-align: middle;
    line-height: 0;
    width: 44px;
    height: 44px;
    box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.45);
    border-radius: 50%;
    cursor: pointer;
    opacity: 1;
    background-image: url("/local/templates/divinol_ua/css/../img/close.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 21px;
    background-color: #1e1e1e;
    z-index: 2;
  }
  .header-menu-content .menu-btn-2.mod-fixed {
    position: fixed;
  }
  .menu.lang {
    margin-bottom: 29px;
  }
  .menu.lang li {
    display: inline-block;
    text-align: center;
    line-height: 39px;
    margin-right: 10px;
  }
  .menu.lang li span {
    display: inline-block;
    background: #1e1e1e;
    border-radius: 100px;
    width: 38px;
    text-align: center;
    height: 38px;
  }
  .menu.lang li a {
    color: #888;
  }
  html.overflow {
    overflow: hidden;
  }
  .box-for-menu-second-level .wrap {
    width: 100% !important;
  }
  .box-for-menu-second-level .menu-second-level__item {
    display: block;
    margin-right: 0;
  }
  .box-for-menu-second-level .menu-second-level__link {
    width: 100%;
    height: auto;
    border: none;
    text-decoration: none;
    text-align: left;
    padding-left: 15px;
    font-size: 16px;
    padding: 15px 0 15px;
  }
  .box-for-menu-second-level .menu-second-level__link:before {
    display: none;
  }
  .box-for-menu-second-level .menu-second-level__link:hover {
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
    color: #df222c;
  }
  .box-for-menu-second-level .menu-second-level__icon {
    display: none;
  }
  .box-for-menu-second-level .menu-second-level__text br {
    display: none;
  }
  .box-for-menu-second-level .menu-second-level__item.active .menu-second-level__link {
    color: #df222c;
  }
  .box-for-top-slider__bottom-text {
    font-size: 140px;
    line-height: 170px;
  }
  .box-for-top-slider__letter img {
    width: 440px;
  }
  .b-selection__top-line-number {
    font-size: 70px;
  }
  .top-slider__number {
    height: 57px;
    font-size: 130px;
    line-height: 88.09px;
  }
  .box-title {
    padding-left: 35px;
    margin-left: -35px;
  }
  .b-title {
    padding-top: 30px;
  }
  .b-title__icon {
    left: -35px;
  }
  .top-slider__column {
    padding-left: 35px;
    width: 600px;
    max-height: 294px;
  }
  .top-slider__big-text {
    font-size: 42px;
    line-height: 50px;
  }
  .top-slider__content {
    padding: 60px 0 110px;
  }
  .b-selection__top-line {
    margin-bottom: 26px;
  }
  .b-selection {
    padding: 45px 29px 35px 29px;
    min-height: 255px;
    overflow: visible;
  }
  .b-selection__fon {
    height: 100%;
    width: 322px;
  }
  .main-category__info-text {
    width: 100%;
  }
  .main-category__letter {
    left: 2px;
  }
  .b-category__link {
    width: 167px;
    padding: 25px 10px;
  }
  .for-partners {
    position: relative;
  }
  .for-partners__box-img {
    width: 100%;
    padding-top: 10px;
    position: static;
    padding-bottom: 40px;
    text-align: center;
    transition: none !important;
    visibility: visible !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
  }
  .b-advantage__unit {
    width: 268px;
  }
  .for-partners__letter {
    bottom: -85px;
    left: auto;
    right: 30px;
  }
  .for-partners__info {
    width: 100%;
    transition: none !important;
    visibility: visible !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
  }
  .for-partners__info .box-title {
    text-align: center;
  }
  .main-map__letter {
    margin-left: -464px;
  }
  .main-map__img-unit.mod-third {
    top: 487px;
    margin-left: -99px;
  }
  .main-production__right-column {
    padding-top: 130px;
    width: 360px;
  }
  .main-production__left-column {
    width: 556px;
    padding-left: 53px;
    margin-right: 30px;
  }
  .main-production__left-column {
    width: 562px;
    padding-left: 36px;
    margin-right: 30px;
  }
  .main-production__info-unit-text-title br {
    display: none;
  }
  .main-production__info-unit-number {
    margin-bottom: 10px;
  }
  .footer-columns {
    padding: 29px 0px 0 0px;
  }
  .social.mod-footer {
    margin-right: 18px;
  }
  .copyright {
    width: 215px;
  }
  .footer-menu-column {
    width: calc(100% - 335px - 136px);
    padding: 10px 15px;
  }
  .footer-column-right {
    width: 136px;
    padding-top: 0;
  }
  footer {
    padding-bottom: 40px;
  }
  .align_v {
    padding: 120px 0 210px 0;
  }
  .text .b-title {
    padding-left: 35px;
  }
  .text .b-big-img {
    margin-top: 50px;
  }
  .text .b-title__icon {
    left: 0;
  }
  .text table.images_grid2 td:first-child {
    padding-right: 15px;
  }
  .text table.images_grid2 td {
    padding-bottom: 30px !important;
  }
  .text table.images_grid2 td:last-child {
    padding-left: 15px;
  }
  .text .images_grid4-item {
    width: 218px;
  }
  .text .images_grid4 {
    padding: 15px 0 15px;
  }
  .text .box-four-columns__column {
    width: 217px;
    margin-right: 30px;
  }
  .text .box-four-columns {
    margin-right: -31px;
  }
  .footer-column-left {
    width: 335px;
  }
  .breadcrumbs-line .wrap:before,
  .subpage-top-box__content .wrap:before {
    width: 70%;
  }
  .b-contacts__unit {
    width: 300px;
  }
  .b-contacts__unit-btn {
    display: block;
    padding: 10px 0;
  }
  .b-contacts__unit-hidden-text {
    display: none;
  }
  .b-contacts__unit.with-button .b-contacts__unit-text {
    height: 44px;
  }
  .b-contacts__unit-title {
    font-size: 17px;
  }
  .partners__map iframe,
  .partners__map #map_canvas,
  .page-detail-product .partners__map iframe,
  .page-detail-product .partners__map #map_canvas {
    height: 700px !important;
    max-height: 100vh !important;
  }
  .partners__map .partners-page__letter {
    margin-left: -393px;
  }
  .partners__map .partners-page__letter img {
    max-width: 100%;
    height: auto;
  }
  .subpage-top-box__title-content {
    padding-left: 35px;
  }
  .subpage-top-box__big-text {
    font-size: 130px;
    line-height: 142px;
  }
  .subpage-top-box__b-partners .subpage-top-box__b-partners-left {
    width: 425px;
  }
  .subpage-top-box__b-partners-left-text {
    font-size: 60px;
    line-height: 70px;
  }
  .subpage-top-box__b-partners-left-text .first-line {
    font-size: 110px;
    line-height: 98px;
  }
  .subpage-top-box__b-partners .subpage-top-box__b-partners-right {
    width: 458px;
    padding-top: 4px;
  }
  .subpage-top-box__b-partners {
    padding-top: 50px;
    margin-left: 0;
  }
  .partners-page .subpage-top-box__title {
    top: 83px;
  }
  .partners-page .subpage-top-box {
    min-height: 570px;
  }
  .detail-product__right-column {
    width: 57%;
    padding-left: 35px;
  }
  .detail-product__left-column {
    width: 39.5%;
  }
  .detail-partners__contacts-top-line {
    padding-left: 298px;
    text-align: left;
  }
  .subpage-top-box__title {
    bottom: 45px;
  }
  .contacts-box__columns-left {
    width: 100%;
    height: 700px;
    max-height: 100vh;
  }
  .contacts-box__columns-left {
    width: 100%;
    height: 700px;
    max-height: 100vh;
    position: relative;
  }
  .contacts-box__columns-right-content {
    padding-left: 0;
    padding-top: 114px;
    margin-left: auto;
    margin-right: auto;
  }
  .contacts-box__columns-right-content .b-contacts__unit {
    width: 450px;
  }
  .contacts-box__columns-right {
    width: 100%;
  }
  .contacts-map .contacts-box__letter {
    right: auto;
    margin-left: -337px;
    left: 50%;
  }
  .b-contacts__unit-person-img {
    display: none;
  }
  .feedback-section,
  .detail-product__info-section {
    margin-bottom: 150px;
  }
  .category-products-left-column {
    display: block;
    margin-bottom: 30px;
    width: 100%;
    margin-right: 0;
  }
  .filter .b-category__item {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-bottom: 0;
    margin-top: -1px;
    width: 241px;
    margin-right: -1px;
  }
  .filter .b-category__text {
    line-height: 16px;
    width: 110px;
  }
  .filter .box-second-level {
    padding-left: 0;
    position: absolute;
    background: #fff;
    z-index: 20;
    box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.45);
    width: 100%;
  }
  .filter .b-category {
    text-align: left;
    font-size: 0;
    letter-spacing: initial;
  }
  .filter .b-category__item.open {
    z-index: 4;
  }
  .filter .box-second-level:before,
  .box-second-level:after {
    display: none;
  }
  .filter .b-category__second-item-link:before {
    display: none !important;
  }
  .category-products-right-column {
    width: 100%;
  }
  .category-products-top-box__img {
    width: 575px;
  }
  .filter .b-category__second-list {
    padding: 0 12px;
  }
  .filter .b-category__link {
    border: 1px solid #e7e6e6;
    margin-right: -1px;
  }
  .filter .b-category__second-item-link {
    display: block;
    line-height: 16px;
    padding: 7px 12px;
    font-size: 14px;
  }
  .b-product,
  .category-products-columns.without-aside .b-product {
    width: 217px;
  }
  .b-product__img img {
    max-width: 100%;
    height: auto;
  }
  .category-products-columns {
    padding-bottom: 20px;
  }
  .subpage-top-box {
    margin-bottom: 100px;
  }
  .subpage-category .b-category__link {
    width: 217px;
    padding: 25px 26px;
  }
  .about-us-page .main-production__content {
    padding-bottom: 97px;
    padding-top: 110px;
  }
  .about-us-page__info-box-right {
    width: 100%;
    padding-left: 0;
  }
  .about-us-page__info-box-right .text .box-title {
    padding-right: 10px;
  }
  .about-us-page__info-box-left {
    margin-right: 0;
    width: 100%;
    padding-top: 0;
  }
  .about-us-page__info-box {
    padding-top: 90px;
  }
  .subpage-top-box__about-us-left {
    width: 500px;
  }
  .about-us-page .subpage-top-box__title {
    top: 70px;
  }
  .about-us-page .subpage-top-box {
    min-height: 610px;
  }
  .category-products__bottom-text {
    padding-left: 0;
  }
  .about-us-history .text {
    width: 100%;
  }
  .partners-page .subpage-top-box__title,
  .about-us-page .subpage-top-box__title {
    padding-bottom: 70px;
    padding-top: 40px;
  }
  .filter-select-product,
  .category-products-left-column {
    display: none;
  }
  .filter {
    padding-bottom: 10px;
  }
  .top-slider__slide:after {
    width: 440px;
    height: 403px;
  }
  .about-us-page__info-box-left {
    visibility: visible !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
  }
  .about-us-page__b-video {
    padding-bottom: 30px;
  }
  .subpage-top-box__title-content {
    position: relative;
  }
  .subpage-top-box__big-text {
    position: absolute;
    left: 200px;
    top: -47px;
  }
  .partners-page .subpage-top-box__title,
  .about-us-page .subpage-top-box__title {
    padding-top: 80px;
  }
  .b-product__price-table .b-product__price {
    font-size: 22px;
  }
  .b-product__img {
    width: 159px;
    height: 129px;
  }
}
/*------------------media screen 1024 end-----------------------------*/
/*------------------media screen 800 begin-----------------------------*/
@media screen and (max-width: 1023px) {
  .wrap,
  .wrap-3,
  .wrap-2,
  .contacts-box__columns-right-content {
    width: 676px;
  }
  body .ui-menu {
    margin-left: -338px !important;
  }
  .b-language-selection {
    display: none;
  }
  .wow {
    visibility: visible !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
  }
  .b-selection {
    padding: 45px 29px 35px 29px;
    min-height: 156px;
    display: none;
  }
  .box-for-top-slider__bottom-text {
    font-size: 150px;
    line-height: 139px;
    height: 80px;
  }
  .top-slider__number {
    height: 34px;
    font-size: 70px;
    line-height: 50.09px;
  }
  .top-slider__column {
    width: 100%;
    max-height: 198px;
  }
  .b-title {
    padding-top: 20px;
  }
  .top-slider__big-text {
    font-size: 40px;
    line-height: 46px;
  }
  .box-for-top-slider__letter img {
    width: 338px;
  }
  .main-category {
    overflow: visible;
  }
  .main-category__content {
    position: relative;
    overflow: visible;
  }
  .main-category__letter {
    margin-right: 0;
    position: absolute;
    top: 0;
    left: -36px;
  }
  .main-category__info {
    width: 100%;
  }
  .b-category__item {
    margin-right: 25px;
    margin-bottom: 26px;
  }
  .b-category {
    margin-right: -26px;
  }
  .b-category__link {
    width: 150px;
    padding: 15px 5px;
  }
  .for-partners__info {
    width: 100%;
  }
  .for-partners__info .box-title {
    padding-left: 0;
    margin-left: 0;
  }
  .for-partners__info .b-title__icon {
    left: 0;
  }
  .for-partners__info .b-title {
    padding-left: 30px;
  }
  .b-advantage {
    margin-right: -26px;
  }
  .b-advantage__unit {
    width: 208px;
    margin-right: 25px;
  }
  .b-advantage__title {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .for-partners {
    margin-left: 0;
    padding-left: 0;
  }
  .for-partners__letter {
    bottom: -177px;
    left: -45px;
  }
  .main-map .b-title__left-part {
    display: inline-block;
    vertical-align: baseline;
  }
  .main-map .b-title__right-part {
    text-align: left;
    padding-left: 0;
    display: inline-block;
    vertical-align: baseline;
  }
  .main-map .box-title {
    margin-bottom: 35px;
    margin-left: 0;
  }
  .main-map__columns.mod-first .main-map__left-column {
    padding: 23px 0;
    width: 100%;
  }
  .main-map__columns.mod-first .main-map__right-column {
    padding-top: 24px;
    width: 100%;
    padding-right: 0;
  }
  .main-map__letter {
    margin-left: -330px;
  }
  .main-map__img-unit.mod-third {
    top: 322px;
    margin-left: -114px;
  }
  .main-map__img-unit.mod-first {
    top: 242px;
    margin-left: 28px;
  }
  .main-map__img-unit.mod-fifth {
    top: 405px;
    margin-left: 55px;
  }
  .main-map__img-unit.mod-fourth {
    top: 320px;
    margin-left: 232px;
  }
  .main-map__bottom-columns .main-map__info-unit-number.mod-four-symbol {
    width: auto;
  }
  .main-map__right-column {
    float: right;
    padding-right: 0;
  }
  .main-map__left-column {
    margin-right: 30px;
    padding-left: 0;
  }
  .main-map__bottom-columns .main-map__info-unit-number.mod-two-symbol {
    width: auto;
  }
  .main-map__bottom-columns {
    font-size: 25px;
    line-height: 72px;
  }
  .main-map__bottom-columns .main-map__info-unit-number {
    font-size: 90px;
  }
  .main-map__letter {
    margin-left: -334px;
    width: 260px;
    bottom: 108px;
  }
  .main-map__letter img {
    max-width: 100%;
    height: auto;
  }
  .main-map__img-unit.mod-second {
    top: 200px;
    margin-left: 206px;
  }
  .main-production__top-letter {
    top: 57px;
    margin-left: -334px;
    width: 242px;
  }
  .main-production__top-letter img {
    max-width: 100%;
    height: auto;
  }
  .main-production__right-column {
    width: 360px;
    margin-top: -125px;
    padding-top: 0;
    padding-bottom: 15px;
  }
  .main-production__info-unit-text-title {
    font-size: inherit;
  }
  .main-production__left-column {
    width: 100%;
    padding-left: 36px;
    margin-right: 0;
  }
  .main-production__bottom-letter {
    height: 190px;
    padding-left: 34px;
  }
  .main-production__content {
    background-image: url(/local/templates/divinol_ua/css/../img/factory-2.jpg);
  }
  .footer-menu-column {
    display: none;
  }
  .footer-column-left {
    width: 533px;
  }
  .copyright {
    width: 287px;
  }
  .footer-column-right {
    margin-top: -1px;
  }
  .align_v {
    padding: 120px 0 160px 0;
  }
  .text .images_grid4-item {
    width: 323px;
  }
  .text .box-four-columns__column {
    width: 323px;
  }
  .subpage-top-box__big-text {
    font-size: 90px;
    line-height: 120px;
    top: -32px;
  }
  .subpage-top-box__b-partners {
    padding-top: 40px;
    margin-left: -25px;
  }
  .subpage-top-box__b-partners .subpage-top-box__b-partners-left {
    width: 280px;
  }
  .subpage-top-box__b-partners-left-text {
    font-size: 40px;
    line-height: 50px;
  }
  .subpage-top-box__b-partners-left-text .first-line {
    font-size: 70px;
    line-height: 66px;
  }
  .subpage-top-box__b-partners .subpage-top-box__b-partners-right {
    width: 354px;
    padding-top: 0;
    margin-top: -6px;
  }
  .subpage-top-box__b-partners-text {
    margin-bottom: 30px;
  }
  .partners-page .subpage-top-box {
    min-height: 508px;
  }
  .b-contacts__unit,
  .contacts-box__columns-right-content .b-contacts__unit {
    width: 323px;
  }
  .partners__map .partners-page__letter {
    margin-left: -307px;
    width: 180px;
  }
  .detail-product__left-column {
    width: 100%;
    text-align: center;
  }
  .detail-product__right-column {
    width: 100%;
    padding-left: 35px;
  }
  .detail-product__img {
    position: relative;
    padding: 0 35px 35px 35px ;
  }
  .detail-product__img-icon {
    display: block;
    left: 0;
  }
  .detail-partners__contacts-top-line {
    padding-left: 130px;
    text-align: right;
  }
  .page-detail-product .partners__map .partners-page__letter {
    margin-left: -340px;
    width: 180px;
    bottom: -66px;
  }
  .detail-partners__contacts-top-line-text {
    margin-right: 8px;
    font-size: 15px;
  }
  h4 {
    font-size: 16px;
  }
  .feedback-section__bottom-box-text,
  .detail-product__bottom-box-text {
    font-size: 148px;
  }
  .feedback-section__content .box-title {
    margin-left: 0;
  }
  .feedback-section__btn-line-border:before {
    width: 440px;
    height: 260px;
    border-radius: 120px;
    margin-left: -220px;
    margin-top: -130px;
  }
  .feedback-section__btn-line-border:after {
    width: 660px;
    height: 440px;
    border-radius: 196px;
    margin-left: -330px;
    margin-top: -220px;
  }
  .subpage-top-box__content {
    display: flex;
    flex-direction: column;
  }
  .subpage-top-box__title {
    position: relative;
    bottom: 0;
    margin: auto 0;
  }
  .partners-page .subpage-top-box__title {
    top: 44px;
  }
  .category-products-top-box__text {
    width: 100%;
    margin-right: 0;
    padding-left: 35px;
  }
  .category-products-top-box__img {
    width: 100%;
  }
  .category-products-top-box__img img {
    width: 100%;
    height: auto;
  }
  .box-products {
    margin-right: -26px;
  }
  .b-product,
  .category-products-columns.without-aside .b-product {
    width: 208px;
    margin-right: 25px;
  }
  .subpage-category .b-category__link {
    width: 208px;
    padding: 25px 19px;
  }
  .about-us-page__b-video iframe {
    width: 100%;
    height: 381px;
  }
  .about-us-page__info-box {
    padding-bottom: 60px;
  }
  .about-us-page .main-production__right-column {
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 15px;
    margin-bottom: 30px;
  }
  .about-us-page .main-production__info-unit-text-title,
  .about-us-page .main-production__info-unit-text p {
    display: inline;
  }
  .about-us-page .main-production__content {
    padding-bottom: 70px;
    padding-top: 75px;
  }
  .feedback-section .text,
  .detail-product__info-section .text {
    width: 100%;
  }
  .about-us-history .text {
    width: 100%;
  }
  .subpage-top-box__about-us {
    padding-top: 45px;
    position: relative;
  }
  .subpage-top-box__about-us {
    padding-top: 160px;
    position: relative;
  }
  .about-us-page .subpage-top-box__title {
    top: 37px;
  }
  .about-us-page .subpage-top-box__b-partners-right {
    position: absolute;
    top: 9px;
  }
  .subpage-top-box__about-us-left {
    width: 100%;
  }
  .about-us-page .subpage-top-box {
    min-height: 615px;
  }
  .header-logo {
    margin-right: 58px;
  }
  .pagination__load-line {
    padding-right: 25px;
  }
  .box-for-top-slider__bottom-text,
  .box-for-top-slider__letter {
    display: none;
  }
  .main-category__letter {
    display: none;
  }
  .main-category__info-text {
    padding-left: 0;
    padding-right: 0;
  }
  .top-slider__content {
    padding: 60px 0;
  }
  .main-category__info-text .box-title {
    margin-left: 0;
  }
  .for-partners-img-1 {
    display: none;
  }
  .for-partners__box-img {
    padding-top: 15px;
  }
  .for-partners__letter {
    display: none;
  }
  .main-map__letter {
    display: none;
  }
  .main-map__b-img img {
    margin-left: -325px;
    width: 1400px;
    height: auto;
    margin-top: 248px;
  }
  .main-map__img-unit.mod-third {
    top: 478px;
    margin-left: -300px;
  }
  .main-map__img-unit.mod-first {
    top: 350px;
    margin-left: -112px;
  }
  .main-map__img-unit.mod-fifth {
    top: 555px;
    margin-left: -88px;
  }
  .main-map__img-unit.mod-fourth {
    top: 425px;
    margin-left: 184px;
  }
  .main-map__img-unit.mod-second {
    top: 315px;
    margin-left: 109px;
  }
  .main-production__top-letter {
    display: none;
  }
  .main-production__content {
    padding-top: 102px;
    padding-bottom: 60px;
  }
  .main-production__left-column .text {
    margin-bottom: 35px;
  }
  .main-production__info-unit {
    margin-bottom: 40px;
  }
  .main-production__bottom-letter {
    display: none;
  }
  .partners-page .subpage-top-box__title,
  .about-us-page .subpage-top-box__title {
    padding-top: 47px;
  }
  .about-us-history {
    padding: 75px 0 80px;
  }
  .b-category__second-level-btn {
    width: 37px;
  }
  .filter .b-category__link {
    padding-right: 35px;
  }
  .filter .b-category__item {
    width: 226px;
  }
  .category-products-page .subpage-top-box {
    margin-bottom: 60px;
  }
  .filter {
    padding-top: 10px;
  }
  .contacts-map .contacts-box__letter {
    width: 170px;
    bottom: -109px;
  }
  .contacts-map .contacts-box__letter img {
    max-width: 100%;
    height: auto;
  }
  .contacts-box__columns-left {
    height: 500px;
  }
  .feedback-section__btn-line-border {
    margin-bottom: 129px;
  }
  .page-detail-product .partners__map .partners-page__letter {
    bottom: -43px;
  }
  .detail-product__info-columns-left {
    width: 100%;
    padding-right: 0;
  }
  .detail-product__info-columns-right {
    padding-left: 0px;
    width: 100%;
    margin-bottom: 30px;
  }
  .detail-product__info-columns {
    padding-bottom: 40px;
  }
  .partners__map .partners-page__letter {
    bottom: -112px;
  }
  .fancybox-close {
    top: 25px;
    right: 25px;
  }
  .top-slider .slick-dots li:before {
    display: none !important;
  }
  .top-slider .slick-dots li {
    margin: 15px 0 !important;
  }
  .top-slider .slick-dots {
    right: -10px;
  }
  .top-slider__slide:after {
    display: none;
  }
  .about-us-page__b-video-content-img img {
    width: 100%;
  }
  .about-us-page__b-video {
    width: 100%;
    padding-right: 0;
  }
  .category-products-page .subpage-top-box__title-content .b-title__text h1 {
    margin-right: 0;
  }
  .subpage-top-box__title-content .b-title__text h1 {
    line-height: 40px;
    font-size: 36px;
  }
  .b-product__img {
    width: 152px;
    height: 124px;
  }
}
/*------------------media screen 800 end-----------------------------*/
/*------------------media screen 568 begin-----------------------------*/
@media screen and (max-width: 735px) {
  .wrap,
  .wrap-3,
  .wrap-2,
  .contacts-box__columns-right-content {
    width: 522px;
  }
  body .ui-menu {
    width: 522px !important;
    left: 50% !important;
    margin-left: -261px !important;
  }
  .header-phone-linetop__number svg {
    display: none;
  }
  .header-logo {
    margin-right: 15px;
  }
  .header-phone-linetop__number {
    font-size: 22px;
  }
  .search-btn {
    width: 60px;
  }
  .menu-btn {
    margin-left: 10px;
  }
  .header-phone {
    padding-top: 8px;
  }
  .header-phone__number-all {
    left: -18px;
  }
  .box-for-top-slider__elements {
    display: none;
  }
  .box-for-top-slider__letter img {
    width: 200px;
  }
  .top-slider__big-text {
    font-size: 30px;
    line-height: 40px;
  }
  .top-slider__column {
    width: 100%;
    max-height: 178px;
  }
  .top-slider__content {
    padding: 40px 0;
  }
  .b-category__link {
    width: 157px;
  }
  .b-advantage__unit {
    width: 248px;
  }
  .main-map__letter {
    margin-left: -262px;
  }
  .main-map__bottom-columns .main-map__info-unit-number {
    display: block;
  }
  .main-map__info-unit-text-2 {
    vertical-align: top;
    padding-top: 9px;
  }
  .footer-column-left {
    width: 380px;
  }
  .copyright {
    width: 266px;
  }
  .main-production__top-letter {
    top: 48px;
    margin-left: -260px;
  }
  .main-production__left-column .text {
    margin-bottom: 35px;
  }
  .main-production__info-unit {
    margin-bottom: 35px;
  }
  .box-for-top-slider {
    margin-bottom: 60px;
  }
  .for-partners {
    padding-bottom: 75px;
  }
  h1,
  h2 {
    font-size: 30px;
    line-height: 38px;
  }
  .main-map__img-unit.mod-fourth {
    margin-left: 135px;
  }
  .main-map__img-unit.mod-third {
    margin-left: -261px;
  }
  .subpage-top-box__big-text {
    font-size: 61px;
    line-height: 92px;
    top: -15px;
    left: 175px;
  }
  .partners-page .subpage-top-box__title,
  .about-us-page .subpage-top-box__title {
    padding-top: 15px;
  }
  .subpage-top-box__title-content .b-title__text h1 {
    margin-right: 0px;
    line-height: 36px;
    font-size: 30px;
  }
  .box-title {
    padding-left: 30px;
    margin-left: -30px;
  }
  h3 {
    font-size: 28px;
    line-height: 34px;
  }
  .fancybox-next {
    right: -44px;
  }
  .fancybox-prev {
    left: -44px;
  }
  .about-us-history {
    padding: 60px 0 80px;
  }
  .text .images_grid4-item {
    margin-right: 25px;
    width: 159px;
  }
  .text .images_grid4 {
    margin-right: -26px;
  }
  .about-us-page .main-production__right-column {
    display: none;
  }
  .fancybox-close {
    top: 15px;
    right: 15px;
  }
  .fancybox-skin {
    padding: 30px 25px !important;
  }
  .b-title__icon {
    left: -30px;
  }
  .about-us-page .main-production__content {
    padding-bottom: 60px;
  }
  .window__wrap {
    width: 442px;
  }
  .category-products-top-box__text .b-title__icon {
    left: -30px;
  }
  .b-title__icon {
    top: 2px;
  }
  .filter .b-category__item {
    width: 262px;
  }
  .filter .b-category__text {
    width: 142px;
  }
  .b-product,
  .category-products-columns.without-aside .b-product {
    width: 248px;
  }
  .category-products-columns {
    padding-bottom: 0;
  }
  .contacts-box__letter {
    display: none;
  }
  .contacts-box__columns-left {
    height: 375px;
    overflow: hidden;
  }
  .b-contacts {
    margin-right: -26px;
  }
  .b-contacts__unit {
    width: 277px;
    margin-right: 25px;
  }
  .b-contacts__unit,
  .contacts-box__columns-right-content .b-contacts__unit {
    width: 248px;
  }
  .btn.mod-size-1 {
    line-height: 20px;
    padding: 12px 15px;
  }
  .feedback-section__bottom-box,
  .detail-product__bottom-box {
    display: none;
  }
  .feedback-section,
  .detail-product__info-section-content,
  .contacts-box__columns-right-content,
  .about-us-page__info-box {
    padding-top: 60px;
  }
  .feedback-section,
  .detail-product__info-section {
    margin-bottom: -40px;
  }
  .feedback-section__btn-line-border:before,
  .feedback-section__btn-line-border:after {
    display: none;
  }
  .feedback-section__btn-line-border {
    border: 0;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 25px;
  }
  .detail-product__btn-line .detail-product__map-btn {
    margin-right: 18px;
    padding: 0 20px;
  }
  .detail-product__download {
    margin-right: 18px;
  }
  .detail-product__info-columns {
    padding-bottom: 0;
  }
  .text p {
    margin-bottom: 30px;
  }
  .detail-product__info-columns-right {
    margin-bottom: 20px;
  }
  .detail-product__info-columns {
    padding-bottom: 0;
  }
  .partners-page__letter {
    display: none;
  }
  .detail-partners__contacts-top-line {
    padding-left: 0;
    text-align: center;
  }
  .b-contacts__unit-title-icon {
    display: none;
  }
  .b-contacts__unit-title-text {
    width: 100%;
  }
  .partners__map iframe,
  .page-detail-product .partners__map iframe,
  .partners__map #map_canvas,
  .page-detail-product .partners__map #map_canvas {
    height: 375px !important;
  }
  .detail-product__info-columns {
    padding-top: 25px;
  }
  .about-us-page .subpage-top-box__b-partners-right {
    display: none;
  }
  .subpage-top-box__about-us {
    padding-top: 0px;
  }
  .subpage-top-box__b-partners .subpage-top-box__b-partners-left {
    width: 300px;
    margin-bottom: 30px;
  }
  .subpage-top-box__b-partners .subpage-top-box__b-partners-right {
    width: 100%;
  }
  .partners__map {
    overflow: hidden;
    margin-bottom: 60px;
  }
  .text table.images_grid2 td:first-child {
    padding-right: 12px;
  }
  .text table.images_grid2 td:last-child {
    padding-left: 12px;
  }
  .text table.images_grid2 td {
    padding-bottom: 25px !important;
  }
  .text table.images_grid2 tr:first-child td {
    padding-top: 10px !important;
  }
  .text table.images_grid2 {
    margin-bottom: 5px;
  }
  .text .images_grid4-item {
    width: 248px;
    margin-bottom: 25px;
  }
  .text .box-four-columns {
    margin-right: -26px;
  }
  .text .box-four-columns__column {
    width: 246px;
    margin-right: 25px;
  }
  .box-404__img .box-404__img-symbol {
    font-size: 262px;
    line-height: 260px;
  }
  .box-404__img .box-404__img-symbol.mod-first {
    margin-right: -68px;
    margin-top: -72px;
  }
  .box-404__img .box-404__img-0 {
    margin-right: -89px;
    width: 170px;
  }
  .box-404__img-symbol.mod-last {
    margin-top: 11px;
  }
  .align_v {
    padding: 50px 0 118px 0;
  }
  .box-404__img {
    position: relative;
    line-height: 0;
    margin-bottom: -31px;
    z-index: 2;
  }
  .box-404__text .box-title {
    margin-bottom: 20px;
  }
  .top-slider__img {
    background-attachment: initial;
  }
  .main-production__left-column {
    padding-left: 0;
  }
  .main-production__left-column .box-title {
    margin-left: 0;
  }
  .main-production__info-unit-number .spincrement {
    width: 286px;
    font-size: 130px;
    line-height: 130px;
  }
  .page-detail-product .partners__map {
    overflow: visible;
  }
  .box-for-menu-second-level .menu-second-level__link {
    padding: 10px 0;
  }
  .header-menu-content .menu__item {
    margin-bottom: 15px;
  }
  .filter-aside {
    position: fixed;
    display: block !important;
    right: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    margin-right: 0;
    background: none;
  }
  .filter-aside.active {
    z-index: 999;
  }
  .filter-aside__background {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(92, 85, 80, 0.9);
    opacity: 0;
    z-index: 1;
  }
  .filter {
    position: relative;
    left: -480px;
    display: inline-block;
    text-align: left;
    overflow-y: auto;
    background-color: #F1F2F6;
    height: 100vh;
    width: 262px;
    z-index: 2;
    box-shadow: none;
    border-left: none;
    padding: 0;
  }
  .filter-close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    vertical-align: top;
    width: 44px;
    height: 44px;
    box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.45);
    border-radius: 50%;
    background-color: #1e1e1e;
    border: none;
    cursor: pointer;
  }
  .filter-close-btn.mod-fixed {
    display: block;
    position: fixed;
    z-index: 2;
  }
  .filter-close-btn svg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    fill: #fff;
  }
  .filter-btn__line {
    display: block;
    margin-bottom: 20px;
  }
  .filter-title {
    display: none;
  }
  .filter .box-second-level {
    position: relative;
    box-shadow: none;
    border-bottom: 1px solid #e7e6e6;
  }
  .filter .b-category__link {
    border-left: none;
  }
  .about-us-page__b-video iframe {
    height: 294px;
  }
  .subpage-top-box__img-fon {
    min-height: 180px;
  }
  .b-product__price-table .b-product__price {
    font-size: 20px;
  }
  .b-product__price-table table thead th {
    font-size: 18px;
  }
  .b-product__img {
    width: 192px;
    height: 159px;
  }
}
/*------------------media screen 568 end-----------------------------*/
/*------------------media screen 320 begin-----------------------------*/
@media screen and (max-width: 567px) {
  .wrapper {
    min-width: 320px;
  }
  .wrap,
  .wrap-3,
  .wrap-2,
  .contacts-box__columns-right-content {
    width: 274px;
  }
  body .ui-menu {
    margin-left: -137px !important;
    width: 274px !important;
    min-width: inherit !important;
  }
  .header-phone {
    display: none;
  }
  .search-btn {
    width: 46px;
  }
  .menu-btn {
    margin-left: 0;
    width: 35px;
  }
  .header-logo svg {
    width: 170px;
  }
  .top-slider__number {
    display: none;
  }
  .top-slider .box-title {
    padding-left: 0;
    margin-left: 0;
    text-align: center;
    margin-bottom: 0;
  }
  .top-slider .b-title {
    padding-top: 0;
  }
  .top-slider__column {
    padding-left: 0;
    max-height: 122px;
  }
  .top-slider__big-text {
    font-size: 21px;
    line-height: 28px;
  }
  .top-slider__img {
    background-attachment: initial;
  }
  .box-for-top-slider {
    margin-bottom: 45px;
  }
  .main-category__info-text .text {
    display: none;
  }
  .main-category__info-text {
    margin-bottom: 10px;
  }
  .header-menu-content {
    width: 320px;
  }
  .b-category__item {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .b-category {
    margin-right: 0;
  }
  .b-category__item {
    margin-right: 0;
    margin-bottom: 16px;
    display: block;
  }
  .b-category__link {
    width: 100%;
    height: auto;
    text-align: left;
    padding: 10px;
  }
  .b-category__icon {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    margin-right: 5px;
  }
  .b-category__text {
    display: inline-block;
    vertical-align: middle;
  }
  .b-category__text {
    width: 145px;
  }
  .b-title {
    padding-top: 15px;
  }
  .btn {
    line-height: 20px;
    padding: 20px 25px;
    font-size: 15px;
  }
  .main-category {
    margin-bottom: 50px;
  }
  .main-map {
    padding: 35px 0 50px 0;
  }
  .main-map__big-text {
    line-height: 75px;
    font-size: 71px;
  }
  .main-map .box-title {
    margin-bottom: 20px;
  }
  .main-map__img-unit.mod-first {
    top: 372px;
    margin-left: -134px;
  }
  .main-map__img-unit.mod-second {
    top: 306px;
    margin-left: 10px;
  }
  .main-map__img-unit.mod-third {
    display: none;
  }
  .main-map__img-unit.mod-fifth {
    top: 469px;
    margin-left: -92px;
  }
  .main-map__img-unit.mod-fourth {
    margin-left: 18px;
    top: 430px;
  }
  .main-map__img-unit.mod-fifth {
    top: 478px;
    margin-left: -115px;
  }
  .main-map__columns.mod-first {
    margin-bottom: 315px;
  }
  .main-map__bottom-columns .main-map__info-unit-number {
    font-size: 84px;
  }
  .main-map__info-unit-text-2 {
    padding-top: 2px;
  }
  .main-map__right-column {
    float: left;
    padding-right: 0;
  }
  .main-map__left-column {
    width: 100%;
  }
  .main-map__b-img img {
    margin-left: -283px;
    width: 1200px;
    margin-top: 237px;
  }
  .main-production__content {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .main-production__info-unit-number .spincrement {
    width: 260px;
    font-size: 120px;
    line-height: 120px;
  }
  .main-production__info-unit-plus {
    top: -2px;
    right: 16px;
    width: 50px;
    height: 50px;
    line-height: 51px;
    font-size: 47px;
  }
  .footer-columns {
    text-align: center;
  }
  .footer-column-left {
    width: 100%;
    margin-bottom: 13px;
  }
  .social.mod-footer {
    margin-right: 0;
    margin-bottom: 14px;
  }
  .footer-column-right {
    margin-top: 0;
    width: 100%;
    text-align: center;
  }
  .box-404__img .box-404__img-symbol {
    font-size: 190px;
    line-height: 200px;
  }
  .box-404__img .box-404__img-symbol.mod-first {
    margin-right: -65px;
    margin-top: -37px;
  }
  .box-404__img .box-404__img-0 {
    margin-right: -72px;
    width: 130px;
  }
  .box-404__img-symbol.mod-last {
    margin-top: 16px;
  }
  .align_v {
    padding: 40px 0;
  }
  .align_v h2 {
    font-size: 22px;
    line-height: 30px;
    margin-top: 12px;
  }
  .align_v .b-title__icon {
    left: -19px;
    top: 17px;
  }
  .box-404__bottom-text {
    display: none;
  }
  .box-404__text .box-title {
    margin-bottom: 15px;
  }
  .breadcrumbs-line .wrap:before,
  .subpage-top-box__content .wrap:before {
    width: 56%;
  }
  h1,
  h2 {
    font-size: 26px;
    line-height: 34px;
  }
  .text .box-title {
    margin-bottom: 28px;
  }
  .text .b-big-img {
    margin-top: 35px;
    padding-bottom: 0;
  }
  .text img {
    margin-bottom: 20px;
  }
  h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .text table.images_grid2 {
    display: block;
  }
  .text table.images_grid2 tbody,
  .text table.images_grid2 tr,
  .text table.images_grid2 td {
    display: block;
  }
  .text table.images_grid2 td {
    width: 100% !important;
    padding-right: 0!important;
    padding-left: 0!important;
  }
  .text table.images_grid2 tr:first-child td {
    padding-top: 0 !important;
  }
  .text table.images_grid2 tr:first-child td img {
    margin-bottom: 0;
  }
  .text table.images_grid2 {
    width: 100%;
    margin-bottom: 10px;
  }
  .text p {
    margin-bottom: 25px;
  }
  .text .images_grid4-item {
    width: 100%;
    margin-right: 0;
  }
  .images_grid4 {
    margin-right: 0;
  }
  .text .box-four-columns {
    margin-right: 0;
  }
  .text .box-four-columns__column {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .fancybox-prev {
    left: 50%;
    margin-left: -50px;
  }
  .fancybox-next {
    right: 50%;
    margin-right: -50px;
  }
  .fancybox-nav {
    top: auto;
    margin-top: 7px;
  }
  .fancybox-skin {
    padding: 30px 0px !important;
  }
  .subpage-top-box .box-title {
    display: block;
    margin-bottom: 0;
    margin-left: -35px;
  }
  .subpage-top-box__big-text {
    font-size: 50px;
    line-height: 56px;
    display: block;
    margin-left: -35px;
    position: relative;
    top: 0;
    left: 0;
  }
  .subpage-top-box__title {
    padding-top: 15px;
    padding-bottom: 25px;
  }
  .subpage-top-box__img-fon img {
    width: 100%;
    height: 200px;
  }
  .partners-page .subpage-top-box__img .subpage-top-box__img-fon img,
  .about-us-page .subpage-top-box__img .subpage-top-box__img-fon img {
    height: 250px;
  }
  .partners-page .subpage-top-box__title,
  .about-us-page .subpage-top-box__title {
    padding-top: 10px;
    padding-bottom: 50px;
  }
  .subpage-top-box__b-partners {
    padding-top: 25px;
  }
  .subpage-top-box__b-partners .subpage-top-box__b-partners-left {
    width: 100%;
  }
  .subpage-top-box__b-partners-left-text .first-line {
    font-size: 68px;
  }
  .b-contacts {
    margin-right: 0;
  }
  .b-contacts__unit,
  .contacts-box__columns-right-content .b-contacts__unit {
    width: 100%;
  }
  .page-detail__contacts-btn,
  .b-contacts__btn {
    line-height: 29px;
    padding: 0 7px 0 15px;
    font-size: 14px;
  }
  .partners__map {
    margin-bottom: 50px;
  }
  .partners-page .b-contacts__unit:last-child {
    margin-bottom: 0;
  }
  .detail-product__img-icon {
    display: none;
  }
  .detail-product__img {
    padding: 0 0 0px 0;
  }
  .breadcrumbs-line {
    margin-bottom: 50px;
  }
  .detail-product__right-column {
    padding-left: 0;
  }
  .box-title {
    margin-left: 0;
  }
  .detail-product__right-column .b-product__price-line {
    margin-bottom: 25px;
  }
  .detail-product__btn-line .detail-product__map-btn {
    margin-right: 18px;
    line-height: 65px;
  }
  .detail-product__download {
    display: block;
    margin: 30px 0;
  }
  .social.mod-detail-product {
    display: block;
    vertical-align: middle;
  }
  .detail-product__columns {
    padding-bottom: 20px;
  }
  .detail-partners__contacts-top-line-text {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .window__wrap {
    width: 270px;
  }
  .category-products-top-box__text {
    padding-left: 0;
  }
  .box-products {
    margin-right: 0;
  }
  .b-product,
  .category-products-columns.without-aside .b-product {
    width: 272px;
  }
  .pagination-item {
    margin: 5px 5px;
  }
  .text .box-title {
    padding-left: 0;
  }
  .feedback-section,
  .detail-product__info-section-content,
  .contacts-box__columns-right-content,
  .about-us-page__info-box {
    padding-top: 50px;
  }
  .subpage-category {
    padding-bottom: 40px;
  }
  .subpage-category .b-category__link {
    width: 100%;
    padding: 10px;
    height: auto;
  }
  .subpage-category .b-category__item.mod-first .b-category__link .b-category__icon {
    font-size: 30px;
    width: 82px;
  }
  .subpage-top-box {
    margin-bottom: 50px;
  }
  .form__line .g-recaptcha {
    transform: scale(0.9, 0.9);
    margin: -20px -20px;
  }
  .subpage-top-box__about-us {
    padding-top: 31px;
    margin-left: -35px;
  }
  .text .images_grid4 {
    margin-right: 0;
  }
  .top-slider .slick-dots {
    text-align: center;
    right: 0;
    top: auto;
    transform: none;
    width: 100%;
    left: auto;
    bottom: -5px;
  }
  .top-slider .slick-dots li {
    display: inline-block;
    vertical-align: top;
    margin: 0px 7px !important;
  }
  .top-slider .slick-dots li button {
    width: 22px;
    height: 6px;
    transition: height 0.1s linear;
  }
  .top-slider .slick-dots li.slick-active button {
    width: 22px;
    height: 20px;
  }
  .filter-close-btn {
    top: 12px;
    right: 8px;
    width: 40px;
    height: 40px;
  }
  .main-production__btn-line .btn svg {
    display: none;
  }
  .about-us-page__b-video iframe {
    height: 155px;
  }
  .about-us-page__info-box {
    padding-bottom: 40px;
  }
  .images-carousel {
    padding-bottom: 30px !important;
  }
  .images-carousel .slick-dots {
    bottom: auto;
    top: 100%;
    margin-top: -42px !important;
  }
  .about-us-page__b-video-content-icon {
    width: 55px;
    height: 55px;
  }
  .b-category .b-category__item:hover .b-category__link:before,
  .b-category .b-category__item.active .b-category__link:before,
  .b-category .b-category__item.open .b-category__link:before {
    left: 11px;
    width: 50px;
    height: 50px;
    transform: scale(11.5);
    opacity: 1;
    top: 10px;
    margin-left: 0;
    margin-top: 0;
  }
  .b-category .b-category__link:before {
    opacity: 1;
    border-radius: 50%;
  }
  .b-category .b-category__link:before {
    left: 35px;
    top: 33px;
    z-index: 1;
    width: 0;
    height: 0;
    transition: 0.3s linear;
    border-radius: 50%;
    opacity: 0;
  }
  .b-category .b-category__link {
    transition-delay: 0.1s;
  }
  body .ui-menu .ui-menu-item a .search_b-text {
    width: calc(100% - 75px);
    margin-right: 0 !important;
  }
  body .ui-menu .ui-menu-item a .search_price {
    padding-top: 10px;
    padding-left: 75px;
    width: 100%;
  }
  .detail-product__download {
    margin-top: 0;
  }
  .detail-product__btn-line .detail-product__map-btn {
    margin-bottom: 30px;
  }
  .subpage-top-box__content {
    display: block;
    flex-direction: initial;
    position: relative;
  }
  .subpage-top-box__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .subpage-top-box__title-content .b-title__text h1 {
    line-height: 30px;
    font-size: 26px;
  }
  .partners-page .subpage-top-box__img,
  .about-us-page .subpage-top-box__img {
    height: auto;
  }
  .text table th,
  .text table td {
    padding-right: 11px;
  }
  .b-product__price-table .b-product__price {
    font-size: 18px;
  }
  .b-product__price-table table thead th {
    font-size: 17px;
  }
  .b-product__price-table table {
    margin-bottom: 15px;
  }
}
/*# sourceMappingURL=style.css.map */
/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/templates/divinol_ua/css/custom.css?1597405338889*/

.ui-menu {
    position: absolute !important;
    margin-top: 5px;
    width: auto;
    min-width: 460px;
    padding: 0;
    border-radius: 0;
    border-color: #CAD3D0;
    background-color: #fff;
}
.search-shop input[type="text"] {
    padding-left: 20px;
}
.ui-menu .ui-menu-item {
    padding: 5px 20px;
    border-color: #CAD3D0;
    width: 100%;
    box-sizing: border-box;
}
.ui-menu .ui-menu-item .search_price {
    color: #9b3051;
    font-weight: normal;
    font-size: 17px;
}
.ui-menu .ui-menu-item .search_title b{
    font-weight: bold;
}

.ui-menu .ui-menu-item a .search_image {
    line-height: 0;
}
.ui-menu .ui-menu-item a {
    padding: 0em;
    min-width: 460px;
    display: block !important;
    height: auto;
}
.ui-menu .ui-menu-item a > span {
    float: none;
    margin: 0 15px 0 0;
    line-height: 0;
    display: inline-block;
    vertical-align: middle;
}
/* End */
/* /local/templates/divinol_ua/css/font-awesome.min.css?159740533931000 */
/* /local/templates/divinol_ua/css/slick.css?15974053371767 */
/* /local/templates/divinol_ua/css/slick-theme.css?15974053382714 */
/* /local/templates/divinol_ua/css/jquery.fancybox.css?15974053376508 */
/* /local/templates/divinol_ua/css/animate.css?159740533777874 */
/* /local/templates/divinol_ua/css/jquery.mCustomScrollbar.css?159740533854738 */
/* /local/templates/divinol_ua/css/jquery-ui-1.9.0.custom.css?15974053371219 */
/* /local/templates/divinol_ua/css/style.css?1757535047150077 */
/* /local/templates/divinol_ua/css/custom.css?1597405338889 */