/*! * Font Awesome 4.2.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('fonts/fontawesome-webfont.eot?v=4.2.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.2.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}.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}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.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{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-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"} /*! fancyBox v2.1.4 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; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 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: hidden; } .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: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox_sprite.png'); } #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; } #fancybox-loading div { width: 44px; height: 44px; background: url('../images/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top:5px; right: 5px; height: 13px; width: 13px; cursor: pointer; z-index: 8040; background: url('../images/icons.png') no-repeat -100px -84px; } .fancybox-nav { position: absolute; top: 0; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; height: 36px; width: 18px; margin-top: -18px; cursor: pointer; z-index: 8040; } .fancybox-prev span { left: -38px; background: url('../images/icons.png') no-repeat 0 -261px; } .fancybox-prev:hover span { left: -38px; background: url('../images/icons.png') no-repeat 0 -212px; } .fancybox-next span { right: -38px; background: url('../images/icons.png') no-repeat -32px -261px;; } .fancybox-next:hover span { right: -38px; background: url('../images/icons.png') no-repeat -32px -212px;; } .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; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background:rgba(209,209,209,0.5); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } .swiper-slide,.swiper-wrapper{width:100%;height:100%;position:relative}.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-15px;z-index:10;cursor:pointer;-moz-background-size:17px 31px;-webkit-background-size:17px 31px;background-size:17px 31px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} /* ОБНОВЛЕНИЯ ТЕКСТ В МЕДОК НЕ ОТКРЫВАЕТСЯ */ /* отключаем клик по строке (чтобы не открывался попап) */ .js_popup_txt { pointer-events: none; cursor: default; } /* возвращаем клики на кнопке скачивания */ .js_popup_txt a, .js_popup_txt button, .js_popup_txt input, .js_popup_txt .btn, .js_popup_txt [role="button"] { pointer-events: auto; cursor: pointer; } /* НОВЫЕ АДАПТИВНЫЕ СПИСКИ ИНСТРУКЦИЙ */ /* Верхний блок логотипов */ .instr-header-instr-lp{ max-width: 900px; margin: 0 auto 22px; /* контейнер остаётся по центру страницы */ display: flex; align-items: center; justify-content: flex-start; /* ← ВАЖНО */ gap: 24px; flex-wrap: wrap; } .instr-logo-instr-lp{ max-width: 200px; height: auto; display: block; } /* Коробка-таблица */ .instr-box-instr-lp{ max-width: 900px; margin: 0 auto 65px; border: 1px solid #787878; background: #fff; } /* Строка */ .instr-row-instr-lp{ display: flex; align-items: stretch; text-decoration: none; color: #333; } /* Разделитель строк */ .instr-row-instr-lp + .instr-row-instr-lp{ border-top: 1px solid #787878; } /* Номер */ .instr-num-instr-lp{ width: 54px; flex: 0 0 54px; border-right: 1px solid #787878; display: flex; align-items: center; justify-content: center; padding: 16px 8px; font-family: verdana, geneva, sans-serif; font-size: 18px; } /* Текст */ .instr-text-instr-lp{ flex: 1 1 auto; padding: 16px 22px; font-family: verdana, geneva, sans-serif; font-size: 16px; line-height: 1.35; white-space: normal; overflow-wrap: anywhere; word-break: normal; } /* Hover */ .instr-row-instr-lp:hover{ background: #f7f7f7; } /* Мобильная версия */ @media (max-width: 600px){ .instr-logo-instr-lp{ max-width: 200px; } .instr-num-instr-lp{ width: 44px; flex-basis: 44px; font-size: 16px; padding: 14px 6px; } .instr-text-instr-lp{ font-size: 16px; padding: 14px 14px; } } /* ЧЕК ЛИСТ БАС */ .info-block-chekbas { display: flex; /* Используется для выстраивания иконки и текста в линию */ align-items: flex-start; /* Выравнивание элементов по верхнему краю */ max-width: 800px; /* Максимальная ширина блока */ padding: 5px; /* Внутренние отступы блока */ } .info-icon-chekbas { flex-shrink: 0; /* Предотвращает изменение размера иконки */ width: 20px; /* Ширина иконки */ height: 20px; /* Высота иконки */ background-size: cover; /* Иконка заполняет весь фон */ background-position: center; /* Центрирование изображения */ border-radius: 50%; /* Иконка в форме круга */ margin-right: 10px; /* Отступ между иконкой и текстом */ } .info-text-chekbas { word-wrap: break-word; /* Переносит длинные слова на новую строку */ } /* БЛОК с плеером и текстом - бесплатное занятие */ .flex-container-player-text-BAS { display: flex; align-items: flex-start; /* Выравнивание элементов по верхнему краю */ padding: 45px 0 30px 30px; gap: 40px; /* Расстояние между элементами */ } .video-player-BAS iframe { width: 250px; /* Ширина видео */ height: 150px; /* Высота видео */ } .titles-video-player-BAS { display: flex; flex-direction: column; /* Элементы столбцом */ justify-content: center; /* Выравнивание по центру по вертикали */ } .titles-video-player-BAS p { margin: 0 0 0 0; /* Отступы снизу для каждого заголовка */ font-size: 16px; } .titles-video-player-BAS h3 { margin: 20px 0 30px 0; /* Отступы снизу для каждого заголовка */ font-size: 20px; } /* КОНСТРУКТОР СТАРТ */ .container_konstruktor_LG { font-family: 'Lato', sans-serif; margin: 0; padding: 0; width: 100%; } .course { display: flex; flex-direction: column; align-items: flex-start; padding: 20px 20px 20px 0; } .module { display: flex; align-items: center; margin-bottom: 10px; cursor: pointer; width: 100%; padding: 20px 0 20px 0; border-bottom: 1px solid #ABB0B2; flex-wrap: wrap; } .module_left_LP { flex-grow: 1; display: flex; align-items: center; justify-content: space-between; } .module_right_LP { display: flex; align-items: center; justify-content: flex-end; width: 30%; /* Установите желаемую ширину */ } .module img { width: 25px; height: 25px; margin-left: 10px; cursor: pointer; } .cart, .feedback-form { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 0 0 20px 0; border-radius: 5px; border: 2px solid #ffcd00; /* Добавленная рамка */ font-family: Ubuntu, sans-serif; z-index: 2000; } .h2_cart_LP { margin: 0 0 30px 0; padding: 20px 40px; font-family: Ubuntu, sans-serif; font-size: 19px; background-color: #ffcd00; text-align: center; color: #ffffff; text-transform: uppercase; font-weight: 500; } .feedback_form_body_LP { margin: 20px 30px; } .feedback-form { z-index: 2000; } .checkout-btn, #submitBtn { margin-top: 10px; padding: 6px 12px; background-color: #ffcd00; color: #000000; cursor: pointer; border-radius: 3px; } .modul_bottom_LP { padding: 2px 7px; background-color: #ffcd00; color: #000000; cursor: pointer; border: 1px solid #ffcd00; border-radius: 3px; font-size: 12px; margin-left: 30px; /* Расстояние между ценой и кнопкой */ } #addMoreModulesBtn, #addMoreModulesBtn-modal { display: none; margin-top: 10px; padding: 10px; background-color: #ffcd00; color: white; cursor: pointer; } /* Добавленные стили для формы обратной связи */ #feedback-form label { display: block; margin-top: 10px; } #feedback-form input { width: 100%; padding: 8px; box-sizing: border-box; margin-top: 5px; } #feedback-form textarea { width: 100%; padding: 8px; box-sizing: border-box; margin-top: 5px; } #viewCartBtn { position: fixed; bottom: 250px; right: 20px; z-index: 1000; padding: 6px 12px; background-color: #ffcd00; color: #000000; cursor: pointer; border: none; text-transform: uppercase; border-radius: 3px; } #closeFeedbackForm { cursor: pointer; position: absolute; top: 10px; right: 20px; font-size: 20px; font-weight: bold; } .container_kurs { width: 100%; margin: 0 auto; position: relative; } #closeCart { cursor: pointer; position: absolute; top: 10px; right: 20px; font-size: 20px; font-weight: bold; z-index: 1001; /* Убедитесь, что крестик будет поверх других элементов */ } .modal_course_LP { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal_content_course_LP { background-color: #fefefe; margin: 30% auto 15%; padding: 30px; border: 2px solid #ffcd00; text-transform: uppercase; width: 100%; /* Занимает 100% ширины родительского элемента */ max-width: 300px; /* Максимальная ширина */ text-align: center; position: relative; } .close { color: #000000; position: absolute; /* Абсолютное позиционирование внутри модального окна */ top: 8px; /* Отступ сверху */ right: 10px; /* Отступ справа */ font-size: 16px; font-weight: bold; } .close:hover, .close:focus { color: rgb(4, 4, 4); text-decoration: none; cursor: pointer; } .cart_list_LP { padding: 0; margin: 20px 30px 20px 30px; } .cart_summa_LP { margin: 10px 30px 20px 30px; } #cart-list li { list-style: none; /* Убираем стандартный маркер */ position: relative; /* Для позиционирования кастомного маркера */ padding-left: 30px; /* Отступ для текста, чтобы не налезал на картинку */ display: flex; align-items: center; justify-content: space-between; } #cart-list li::before { content: ''; /* Псевдоэлемент для маркера */ position: absolute; left: 0; top: 0; width: 25px; /* Ширина вашего маркера */ height: 25px; /* Высота вашего маркера */ background-image: url('https://lopan.com.ua/assets/images/collections/Produkti/Navchannja_BAS/arrow-run.png'); /* Путь к вашему изображению */ background-size: contain; /* Для корректного отображения картинки */ } .module-name { display: inline-block; } .module-price { display: inline-block; } .remove-icon { vertical-align: middle; /* Выравнивание по центру относительно текста */ } #total { margin-top: 50px; } .kurs_list_ul { list-style-type: none; padding-left: 0; margin-left: 30px; } .flex_kurs_list_LP { display: flex; justify-content: space-between; width: 750px; margin: 10px auto; flex-wrap: nowrap; } .kurs_list_name_LP { word-break: break-word; /* Перенос длинного текста на новую строку */ margin-right: 10px; /* Отступ справа от названия до времени */ } .kurs_list_time_LP { flex-shrink: 0; white-space: nowrap; margin-left: 20px; min-width: 70px; text-align: right; } .module-details { display: flex; align-items: center; flex-grow: 1; padding: 5px; } .module-name { flex-grow: 1; margin-right: 50px;/* Отступ от названия модуля до цены */ max-width: 350px;/* Ограничение ширины названия модуля */ word-break: break-word; } .module-price { white-space: nowrap; margin-right: 50px; /* Отступ от цены до крестика */ } .remove-icon { width: 20px; height: 20px; cursor: pointer; } .cart-buttons { display: flex; justify-content: center; margin: 10px 30px 0 0; justify-content: flex-end; } .checkout-btn, #addMoreModulesBtn { margin: 5px 10px 10px 10px; border: none; color: #000000; } .bottom_feedback_form_LP { margin: 5px 10px 10px 10px; border: none; color: #000000; } @media (max-width: 800px) { .flex_kurs_list_LP { width: 100%; } .flex-wrapper-cours1 { justify-content: center !important; /* блоки на посадочной курс БАС */ } } @media (max-width: 750px) { .cart, .feedback-form { width: 100%; } } @media (max-width: 700px) { .module_right_LP { justify-content: flex-start; width: 100%; /* Установите желаемую ширину */ margin-top: 10px; } .module_left_LP { width: 100%; } .course-title-image-basa { max-width: 150% !important; } } /* Медиа-запрос для уменьшения ширины названия на маленьких экранах */ @media (max-width: 500px) { .module-name { max-width: 150px; } .course-title-image { max-width: 95% !important; } } /* Медиа-запросы для адаптации модального окна на меньших экранах */ @media (max-width: 400px) { .modal_content_course_LP { margin-top: 10%; margin-bottom: 10%; } } /* новые медиазапросы */ /* КОНСТРУКТОР ФИНИШ */ /* АНИМАЦИЯ РАЗМЕР И ЦВЕТ - обучение */ .image_animations_education { box-sizing: border-box; width: 200px; /* Ширина по вашему выбору */ height: auto; /* Автоматическое масштабирование высоты */ transition: transform 0.3s ease; /* Добавляем плавный переход при изменении размера */ } /* Применяем увеличение при наведении курсора */ .image_animations_education:hover { transform: scale(1.1); /* Увеличиваем размер до 110% от исходного */ box-sizing: border-box; border: 1px solid #f9c301; } .image_animations_education1 { box-sizing: border-box; height: auto; /* Автоматическое масштабирование высоты */ transition: transform 0.3s ease; /* Добавляем плавный переход при изменении размера */ padding: 17px 0; margin: 0 20px 40px 0; width: 250px; box-sizing: border-box; border: 1px solid #ffcd00; } /* Применяем увеличение при наведении курсора */ .image_animations_education1:hover { transform: scale(1.1); /* Увеличиваем размер до 110% от исходного */ box-sizing: border-box; } /* СТИЛИ ДЛЯ БЛОКОВ Infobox-50 С ИКОНКАМИ */ .img_50_blackfriday { position: relative; width: 200px; /* Задайте ширину и высоту контейнера по вашему усмотрению */ } /* Стили для изображения */ .img_50_blackfriday img { width: 100%; height: 100%; object-fit: cover; /* Чтобы изображение заполняло контейнер, сохраняя пропорции */ } /* Стили для текста в позиции абсолют */ .img_50_text { position: absolute; top: 20px; /* Положение текста относительно верхнего края контейнера */ left: 60px; /* Положение текста относительно левого края контейнера */ color: #f25d48; /* Цвет текста */ font-size: 36px; /* Размер шрифта */ font-weight: bold; /* Жирный шрифт */ text-align: center; /* Выравнивание текста по центру */ display: none; } /* СТИЛИ ДЛЯ БЛОКОВ ЛС С ИКОНКАМИ */ .icon_ls_tab_wrap { max-width: 800px; display: flex; flex-wrap: wrap; font-family: verdana, geneva; font-size: 95%; color: #333333; text-align: justify; line-height: normal; margin-left: 50px; margin-bottom: 40px; } .icon_ls_tab_img { max-width: 80px; margin: 0 30px 10px 50px } .icon_ls_tab_pic { width: 100%; } .icon_ls_tab_text { max-width: 550px; margin: 0 0 0 40px; font-size: 13px; } .icon_ls_text_title { margin: 0 0 15px 0; font-size: 16px; text-align: left; } /* СТИЛИ ДЛЯ БЛОКОВ ЛС С ИКОНКАМИ НА ПОСАДОЧНОЙ */ .icon_ls_tab_wrap_pos { max-width: 850px; display: flex; flex-wrap: wrap; font-family: verdana, geneva; font-size: 95%; color: #333333; text-align: justify; line-height: normal; margin-bottom: 40px; } .icon_ls_tab_img_pos { max-width: 160px; } .icon_ls_tab_pic_pos { width: 100%; } .icon_ls_tab_text_pos { width: 435px; margin: 0 25px 0 25px; font-size: 14px; } .icon_ls_tab_text_pos_inst{ width: 630px; margin: 0 0 0 25px; font-size: 14px; } .icon_ls_text_title_pos { margin: 0 0 15px 0; font-size: 14px; text-align: justify; } .icon_ls_text_prise_pos{ max-width: 200px; font-size: 17px; } /* СТИЛИ ДЛЯ ШИРОКОФОРМАТНЫХ ШАБЛОНОВ */ /* заголовок H1 */ .title_h1_full_maket { font-size: 19px; border-bottom: 1px solid #F25D47; color: #F25D47; font-family: Verdana; padding-bottom: 10px; } .wrapper_full_lopan { max-width: 850px; margin: 0 auto; padding: 0 20px; } /* СТИЛИ ДЛЯ ВЫПАДАЮЩЕГО МЕНЮ */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .course_wrapper { color: #333; max-width: 850px; margin: 0 auto; font-family: 'Lato', sans-serif; font-size: 14px; font-style: normal; line-height: normal; padding: 5px 10px 5px 15px; } /* Общий контейнер, использующий flex-модель */ .flex_container_course { display: flex; align-items: center; /* Выравнивание по вертикали по центру */ max-width: 850px; margin: 5px auto 10px auto; padding: 5px 0px 10px 0px; border-bottom: 1px solid #ABB0B2; text-transform: uppercase; font-weight: 500; } .flex_container_course_title { display: flex; justify-content: space-between; /* Выравнивание по вертикали по центру */ max-width: 850px; margin: 20px auto; padding: 20px 0px 20px 0px; border-bottom: 2px solid #333; color: #333; font-family: Verdana; font-size: 16px; font-style: normal; align-items: flex-end; font-weight: 500; } .flex_container_course_title1 { display: flex; justify-content: space-between; /* Выравнивание по вертикали по центру */ max-width: 850px; margin: 20px auto; padding: 20px 0px 20px 0px; border-bottom: 2px solid #333; color: #333; font-family: Verdana; font-size: 16px; font-style: normal; align-items: center; font-weight: 500; } .flex_container_course_title1_name_course { margin: 0 10px 0 0; font-family: 'Lato', sans-serif; width: 65%; font-size: 20px; } .title_block_course { font-size: 16px; width: 100%; margin-top: 0; font-weight: 500; line-height: 1.4; } .title_block_course1 { font-size: 16px; width: 85%; margin-top: 0; font-weight: 500; line-height: 1.4; } .flex_container_course_title p { font-size: 16px !important; align-items: flex-start; font-weight: 500; margin-right: 10px; } .text_block_course_title1 { font-size: 16px !important; align-items: flex-start; font-weight: 500; margin-right: 10px; margin-bottom: 0; } .flex_container_course_title_p_t { display: flex; flex-direction: column; width: 65%; } .flex_container_course_title_p_t1 { display: flex; flex-direction: column; width: 80%; margin-top: 30px; } .course-title-image-basa { max-width: 57%; /* Максимальная ширина, чтобы изображение масштабировалось внутри своего контейнера */ height: auto; /* Автоматическая высота для сохранения пропорций изображения */ } .video_kurs_bas_dostupno1{ display: inline-block; float: right; margin-right: 50px; text-transform: none; } .button_course_BAS { display: block; padding: 4px 7px; color: #333; background-color: #F9C301; border-radius: 4px; border: 1px solid #F9C301; font-size: 14px; text-decoration: none; font-weight: 400; height: max-content; letter-spacing: 2px; margin-bottom: 5px; } .button_course_BAS1 { display: block; padding: 4px 7px; color: #333; background-color: #F9C301; border-radius: 4px; border: 1px solid #F9C301; font-size: 14px; text-decoration: none; font-weight: 400; height: max-content; letter-spacing: 2px; margin-bottom: 0; } .button_course_BAS_big { display: block; padding: 4px 10px; color: #333; background-color: #F9C301; border-radius: 4px; border: 1px solid #F9C301; font-size: 14px; text-decoration: none; font-weight: 400; height: max-content; width: max-content; margin: 20px auto; letter-spacing: 2px; } /* Наведение и фокус */ .button_course_BAS_big:hover, .button_course_BAS_big:focus { background-color: #e5b300; transform: translateY(-2px); text-decoration: none; /* убирает подчеркивание */ } .video-buttons { display: flex; /* <-- добавлено */ justify-content: center; /* выравнивание по центру */ align-items: center; gap: 20px; /* расстояние между кнопками */ flex-wrap: wrap; } /* Адаптация под мобильные устройства */ @media (max-width: 600px) { .video-buttons { flex-direction: column; gap: 10px; } } .flex_container_course p { cursor: pointer; margin-bottom: 5px !important; } /* Стили для текстового блока (первого элемента) */ .text_block_course { flex: 1; /* Распределение доступного пространства равномерно */ padding: 10px 0; /* Добавляем отступы для визуальной четкости */ } /* Стили для блока с картинкой (второго элемента) */ .image_block_course { padding: 10px; /* Добавляем отступы для визуальной четкости */ cursor: pointer; } /* Дополнительные стили, если необходимо */ .image_block_course { position: relative; padding-right: 30px; /* Расстояние для псевдоэлемента */ } .image_block_course::after { content: ""; position: absolute; top: -4px; right: 20px; width: 30px; /* Ширина изображения */ height: 30px; /* Высота изображения */ background-image: url('https://lopan.com.ua/assets/images/collections/Produkti/Navchannja_BAS/arrow_gelb_new.png'); /* Путь к изображению */ background-size: cover; /* Масштабирование изображения */ } .image_block_course_x { position: relative; padding-right: 30px; /* Расстояние для псевдоэлемента */ } .image_block_course_x::after { content: ""; position: absolute; top: -4px; right: 20px; width: 30px; /* Ширина изображения */ height: 30px; /* Высота изображения */ background-image: url('https://lopan.com.ua/assets/images/collections/Produkti/Navchannja_BAS/x_gelb.png'); /* Путь к изображению */ background-size: cover; /* Масштабирование изображения */ } /* Стили для блока с картинкой (второго элемента) КЕЙСЫ Lopan CLOUD */ .image_block_course1 { padding: 10px; /* Добавляем отступы для визуальной четкости */ cursor: pointer; } /* Дополнительные стили, если необходимо */ .image_block_course1 { position: relative; padding-right: 30px; /* Расстояние для псевдоэлемента */ } .image_block_course1::after { content: ""; position: absolute; top: -4px; right: 20px; width: 30px; /* Ширина изображения */ height: 30px; /* Высота изображения */ background-image: url('https://lopan.com.ua/assets/images/collections/Produkti/LOPAN-Cloud/img/arrow_top5.png'); /* Путь к изображению */ background-size: cover; /* Масштабирование изображения */ } .image_block_course_x1 { position: relative; padding-right: 30px; /* Расстояние для псевдоэлемента */ } .image_block_course_x1::after { content: ""; position: absolute; top: -4px; right: 20px; width: 30px; /* Ширина изображения */ height: 30px; /* Высота изображения */ background-image: url('https://lopan.com.ua/assets/images/collections/Produkti/LOPAN-Cloud/img/cross_top5.png'); /* Путь к изображению */ background-size: cover; /* Масштабирование изображения */ } .flex_nav_block { display: flex; justify-content: space-between; width: 100%; margin: 10px auto; flex-wrap: nowrap; padding: 0 10px 0 20px; } .link_nav_block_text { text-decoration: none; color: #333; } .nav_block_text_green { color: #39913C; } .nav_block_wrapper { display: none; } .menu-active { display: block; margin-bottom: 25px; } .nav_block_min { margin-left: 20px; /* новое */ min-width: 70px; text-align: right; } .nav_block_text { text-align: justify; } .nav_block_text_green_margin{ margin-left: 20px; /* новое */ min-width: 250px; } .block_course_grau { color: #ABB0B2; } .block_course_grau * { color: #ABB0B2; } /* БЛОК КАРТЫ ИЛИ ТЕКСТ И СЛЕВА КАРТИНКА */ .full_block_maps { padding: 0 0; margin: 5px 20px 0 28px; width: 320px; height: auto; } .mob_block_maps_img { padding: 5px 5px; margin: 0 0 0 0; width: 400px; height: auto; box-shadow: 0 0 10px rgba(0,0,0,0.5); } .mob_block_maps_druck { text-align: right !important; margin-bottom: 40px !important; text-decoration: underline; } /* СТИЛИ ДЛЯ СКРЫТИЕ ТАБЛИЦ и других элементов в моб варианте */ .mob_bottom_link { font-size: 14px; color: #017ABC; display: inline-block; background: #ffffff; border: 1px solid #017ABC; border-radius: 5px; text-align: center; padding: 5px 10px 5px 10px; text-decoration: none; } .wrapper_mob_bottom { margin-bottom: 30px; text-align: center; } /* Адаптивность */ @media (max-width: 768px) { .flex-container-player-text-BAS { flex-direction: column; /* В один столбец на маленьких экранах */ align-items: center; /* Выравнивание по центру */ padding: 45px 0 30px 0 !important; } .video-player-BAS iframe { /* width: 100%; Ширина видео на весь контейнер */ /* height: auto; Автоматическая высота */ } .flex_container_course_title1_name_course { width: 50%; } } @media (min-width: 1000px){ .wrapper_mob_bottom { display: none; } } @media (max-width: 1000px) { .mob_table { display: none; } .wrapper_mob_bottom { display: block; } .mob_block_maps { margin-bottom: 20px !important; } .mob_block_maps_img { margin-left: 30px; } .mob_block_maps_druck { text-align: left !important; margin-left: 35px !important; } .wrapper_mob_new_kep { max-width: 380px; } .icon_ls_tab_wrap { margin-left: 0; } .icon_ls_tab_img { margin: 0 auto 15px; } .icon_ls_tab_text { margin-left: 0; } .icon_ls_tab_img_pos { margin: 0 auto 20px; } .icon_ls_tab_text_pos{ margin: 0; } .icon_ls_text_prise_pos { margin-left: auto; } } /* СТИЛИ ДЛЯ ТЕКСТА ИНСТРУКЦИИ И ОБЫЧНЫЕ СТРАНИЦЫ */ .p_norm { font-family: verdana, geneva; font-size: 95%; color: #333333; text-align: justify; line-height: normal; } .p_norm_mal { font-family: verdana, geneva; font-size: 95%; color: #333333; text-align: center; } .h2_norm { font-family: verdana, geneva; font-size: 95%; color: #333333; } .h2_norm_uppercase { font-family: verdana, geneva; font-size: 95%; color: #333333; text-transform: uppercase; } .h3_norm { font-family: verdana, geneva; font-size: 95%; color: #333333; text-align: center; } .ul_norm { font-family: verdana, geneva; font-size: 95%; color: #333333; text-align: justify; line-height: normal; } /*Для печати карты в альбомном формате*/ @media print { .printSelected>* {display: none; } .printSelected>.printSelection { display: block;} .printSelection{display:none;} /* Альбомная ориентация */ @page {size:landscape} .printSelected>.printSelection img{margin-bottom: 30px;display: inline-block;} } @font-face { font-family: 'Lato-Regular'; src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Regular.woff') format('woff'), url('fonts/Lato-Regular.ttf') format('truetype'), url('fonts/Lato-Regular.svg#Lato-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato-Light'; src: url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Light.woff') format('woff'), url('fonts/Lato-Light.ttf') format('truetype'), url('fonts/Lato-Light.svg#Lato-Light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato-Bold'; src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Bold.woff') format('woff'), url('fonts/Lato-Bold.ttf') format('truetype'), url('fonts/Lato-Bold.svg#Lato-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato-Black'; src: url('fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Black.woff') format('woff'), url('fonts/Lato-Black.ttf') format('truetype'), url('fonts/Lato-Black.svg#Lato-Black') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato-Thin'; src: url('fonts/Lato-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Thin.woff') format('woff'), url('fonts/Lato-Thin.ttf') format('truetype'), url('fonts/Lato-Thin.svg#Lato-Thin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato-Semibold'; src: url('fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Semibold.woff') format('woff'), url('fonts/Lato-Semibold.ttf') format('truetype'), url('fonts/Lato-Semibold.svg#Lato-Semibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato-Medium'; src: url('fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Medium.woff') format('woff'), url('fonts/Lato-Medium.ttf') format('truetype'), url('fonts/Lato-Medium.svg#Lato-Medium') format('svg'); font-weight: normal; font-style: normal; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } table { border-collapse: collapse; border-spacing: 0; } img { border-style:none; max-width: 100%; height: auto; } a{ text-decoration:none; color:#000; } a:focus{outline: none;text-decoration: none;} a:hover{text-decoration:underline;} input, textarea, select { font: 14px/16px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; outline:none; } textarea{resize:none;} ::-webkit-input-placeholder{color:#fff;} :-moz-placeholder{color:#fff;} p,span,em,strong{word-wrap:break-word;} .btn_style{ display: inline-block; background: #f25d48; color: #fff; height: 33px; font: 12px/33px "Lato-Regular",sans-serif; max-width: 117px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); -moz-transition: all 0.3s 0.03s ease; -o-transition: all 0.3s 0.03s ease; -webkit-transition: all 0.3s 0.03s ease; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-transform: uppercase; text-align: center; cursor: pointer; letter-spacing: 1px; } .btn_style:hover{ text-decoration: none; background: #cf4b38; color: #fff; } .noborder{ border: 0; } .btn_tran{ -moz-transition: all 0.3s 0.03s ease; -o-transition: all 0.3s 0.03s ease; -webkit-transition: all 0.3s 0.03s ease; } .btn_tran-slow{ -moz-transition: all 0.5s 0.05s ease; -o-transition: all 0.5s 0.05s ease; -webkit-transition: all 0.5s 0.05s ease; } .text_error{ display: none; color: #C2331F; font-size: 12px; margin: 10px 0; } .has-error .text_error{ display: block; } html, body{ height: 100%; } i{ font-style: normal!important; } .page_wrapper { min-height: 100%; overflow: hidden; } body{ margin:0; color:#787878; font:14px/16px Arial, Helvetica, sans-serif; background:#fff; } .noscript{ position: fixed; top: 0; padding: 10px 0 10px 30px; background: #fff; font-size: 14px; width: 100%; z-index: 99999; } .noscript a{ color: red; text-decoration: underline; } .noscript a:hover{ text-decoration: none; } .clearfix:after{ clear: both; display: block; content: ""; } div[data-copy="false"] ::selection { background: transparent; } div[data-copy="false"] ::-moz-selection { background: transparent; } /*=================================START-HEADER====================*/ #header{ background: url('../images/bg_header.jpg') 0 -4px; background-repeat: repeat-x; font-family: 'Lato-Regular',sans-serif; font-style: normal; position: relative; } #header .center{ box-shadow:0 0 6px 1px #B8B3B3; -webkit-box-shadow:0 0 6px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 6px 1px rgba(0,0,0,0.3); background: rgba(255,255,255,0.6); } #header .center_hide{ padding-bottom: 12px;} #header .top{ overflow: hidden; background:#dbdbdb url('../images/bg_top_h.jpg') 0 -1px; padding:11px 0 4px; } #header .phone_line{ font-size: 14px; line-height: 16px; color: #eb523c; border-left: 1px solid #888c8d; padding-left: 10px; margin: 0 3px 0 16px; position: relative; z-index: 20; border-right: 1px solid #888c8d; padding-right: 0; width: 18.8%; } #header .phone_line2 { margin: 0; width: 12%; border-left: 0; color: #838383; font-size: 16px; padding-top: 6px; padding: 5px 8px 2px; border-right: 1px solid #888c8d; line-height: 19px;font-weight: bold;white-space: nowrap;text-align: right} #header .phone_line2 span{ color: #000; font-size: 67%; text-align: right; display: block;margin-top: -2px; font-weight: normal; } #header .phone_line a{ font: 29px/23px 'Lato-Bold',sans-serif; display: block; text-decoration: none; color: #eb523c; } #header .phone_line .mob_phone{ overflow: hidden; padding-top: 4px; display: none; } #header .phone_line .mob_phone a{ font-size: 9px; line-height: 13px; color: #000; float: left; margin-right: 14px; } #header .phone_line .mob_phone a:last-child{margin-right: 0;} #header .descr{display: none;} #nav{ padding: 0 0 0 0px; width: 53%; } #nav ul{ font-size: 11px; line-height: 14px; overflow: hidden; } #nav ul, #header .list, #header .list_item{ margin: 0; padding: 0; list-style: none; color: #313131; text-transform: uppercase; } #nav ul li, #header .list_item li, #header .list li{float: left;} #nav {text-align: center;} #nav ul li{ position: relative; padding: 18px 12px; float: none; display:inline-block } #nav ul li:after{ position: absolute; top: 50%; margin-top: -1px; content: ""; height: 2px; width: 2px; left: 0; content: ""; background: #9c9fa0; } #nav ul li:first-child:after{height: 0;} #nav ul li a, #nav ul li span{color: #313131;letter-spacing: 1.5px;} #nav ul li.active span{text-decoration: underline;} .navbar-collapse {padding: 0;} #header .logo{ padding-top: 12px; -moz-transition: all 0.9s 0.09s ease; -o-transition: all 0.9s 0.09s ease; -webkit-transition: all 0.9s 0.09s ease; } #header .logo a{display: block;height: 100%;} #header .list{ width:26%; padding: 8px 7px 0 0px; font-size: 11px; text-align: right; letter-spacing: 1.5px; } #header .rus, #header .ukr {border:none; padding: 5px;padding: 2px; cursor: pointer;} #header .list li{ margin-right: 12px; display: inline-block; float: none; } #header .list li:last-child{margin-right: 0;} #header .list li a, #header .list li span{ display: inline-block; border: 1px solid #1f1f1f; padding: 8px 11px; color: #2f2f2f; -moz-transition: all 0.3s 0.03s ease; -o-transition: all 0.3s 0.03s ease; -webkit-transition: all 0.3s 0.03s ease; } #header .list li a:hover, #header .list li span{ border-color: #e65541; color: #e65541; text-decoration: none; } #header .list_item{ float: right; padding:22px 12px 0 109px; font: 14px/21px 'Lato-Black',sans-serif; -moz-transition: all 0.9s 0.09s ease; -o-transition: all 0.9s 0.09s ease; -webkit-transition: all 0.9s 0.09s ease; letter-spacing: 1px; text-transform: none; } #header .list_item li{ margin-right: 5px; text-shadow: 1px 1px 1px rgba(0,0,0,0.7); text-align: center; } #header .list_item li:nth-child(1), #header .list_item li:nth-child(2), #header .list_item li:nth-child(3){ width: 209px; margin-bottom: 5px; } #header .list_item li:nth-child(3){margin-right: 0;} #header .list_item li:nth-child(7), #header .list_item li:nth-child(5), #header .list_item li:nth-child(6){ width: 123px; } #header .list_item li:nth-child(4){width: 253px;} #header .list_item li:last-child{margin-right: 0;} #header .list_item li a, #header .list_item li span{ display: block; padding: 4px 0; background: #787878; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0 2px 5px #B2AAAA; -webkit-box-shadow: 0 2px 5px #B2AAAA; -moz-box-shadow: 0 2px 5px #B2AAAA; -moz-transition: all 0.3s 0.03s ease; -o-transition: all 0.3s 0.03s ease; -webkit-transition: all 0.3s 0.03s ease; } #header .list_item li a:hover, #header .list_item li.active span{ background: #eb523c; text-decoration: none; } #header .sticky{ position: fixed; width: 100%; left: 0; top: 0; background: url('../images/bg_header.jpg') 0 -99px; z-index: 222; box-shadow: none; /* -webkit-transform: translate3d(0, 0, 0);*/ -webkit-transform: translateZ(0); } #header .sticky .center_hide{ background: rgba(255,255,255,0.4); } #header .container{position: relative;} #header .sticky .logo{ width: 250px; -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; } #header .sticky .list_item{ padding-top: 16px; width: 74%; -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; } #header .btn_top{ background: url('../images/btn_top.jpg') no-repeat; position: absolute; top: 0; right: 31px; height: 57px; width: 49px; cursor: pointer; opacity: 0; display: none; -webkit-background-size: 100%; background-size: 100%; } #header .sticky .btn_top{opacity: 1;display: block;} /*=================================END-HEADER====================*/ /*=================================START-CONTENT====================*/ .content { background: url('../images/bg_content.jpg') 0 -41px; overflow: hidden; } .content_index{ background-position: 0 0; padding-bottom: 15px; padding-top: 9px; } .content .box{ overflow: hidden; padding: 11px 15px 3px; /*padding-left: 0px; padding-right: 0px; padding-top: 0px;*/ /*max-width: 540px;*/ /* margin: 15px;*/ } .content_index .box{height: 221px;} .content .alignleft{ float: left; height: 100%; max-width: 235px; } .content .main_box--img .alignleft{ max-width: inherit; } .js_popup_txt td{ cursor: pointer; } .content .box .wrap{ display: inline-block; background:rgba(242,242,242,0.6); border-radius: 4px; overflow: hidden; height: 201px; color: #787878; width: 100%; } .content .box .wrap img{ width: 100%; } .content .box .wrap:hover{text-decoration: none;} .main_box{ color: #888c8d; font: 12px/20px Arial, Verdana, sans-serif; } .content .box .text{ overflow: hidden; padding:19px 15px 14px 15px; position: relative; height: 100%; } .content .box .text span{display: block;} .content .box .text .h_section{ font: 12px/14px "Lato-Black", sans-serif; color: #f25d48; text-transform: uppercase; } .main_box .name{ font: 18px/20px 'Lato-Bold',sans-serif; margin: 15px 0 9px; color: #888c8d;; display: inline-block; cursor: pointer; } .main_box .name:hover{text-decoration:none;} .main_box .more{ color: #f25d48; font: 10px/12px 'Lato-Regular',sans-serif; text-decoration: underline; margin-left: 5px; position: absolute; bottom: 10px; left: 10px; } .actions .main_box .more{left: 31px;} .main_box .more:hover{ text-decoration: none; color: #000; } .content .box_big{height: 441px;} .content .box_big .alignleft{float: none;margin: 0;display: block;} .content .box_big .wrap{ border-radius: 4px; -moz-border-radius:8px; -webkit-border-top-left-radius: 4; -webkit-border-top-right-radius: 4; height: auto; } /*.content .box_big .wrap img{ border-radius: 4px; -moz-border-radius:4px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; }*/ .content_index .box .wrap p{ max-height: 39px; overflow: hidden; } .content .box_big .wrap .text{ padding: 25px 15px 25px; height: 160px; } .content .box .wrap:hover{ box-shadow: 0 0 15px #4D4B4B; -webkit-box-shadow:0 0 15px #4D4B4B; -moz-box-shadow: 0 0 15px #4D4B4B; cursor: pointer; background: #fff; } /*=================================END-CONTENT====================*/ /*==========================START-GALLERY-INDEX====================*/ .heading{ font: 20px/22px "Lato-Regular",sans-serif; text-transform: uppercase; letter-spacing: 1.5px; color: #f25d48; } .gallery_index .top{ overflow: hidden; margin-bottom: 5px; padding: 25px 0; } .gallery_index .top .right{text-align: right;} .gallery_index .top .heading, .gallery_index .top .heading a{color: #f25d48;} .gallery_index .top .more{ color: #f25d48; text-decoration: underline; text-transform: uppercase; font: 10px/12px 'Lato-Regular',sans-serif; } .gallery_index .top .more:hover{text-decoration: none;} .gallery_index .aligncenter{ display: block; height: 100%; margin-bottom: 20px; } .gallery_index .slider_index {padding: 0 15px;width:103%;overflow:hidden;} .slider-box {overflow:hidden;} .gallery_index .slider_index .data em{ color: #f25d48; font: 10px/12px "Lato-Regular",sans-serif; text-transform: uppercase; display: inline-block; position: relative; clear: right; letter-spacing: 0.5px; display: none; } .gallery_index .slider_index .wrap{max-width: 254px;margin:0;} .slider-box .owl-carousel .owl-wrapper-outer {width:104%;} .gallery_index .link_video{ position: relative; } .gallery_index .link_video:after{ position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -11px; width: 30px; height: 22px; z-index: 3; content: ""; background: url('../images/icons.png') no-repeat -53px -31px; } .gallery_index .link_video:hover:after{background-position:-35px 0;} .gallery_index .link_video:hover:before{ position: absolute; z-index: 1; content: ""; width: 100%; height:100%; background: rgba(175,175,175,0.8); } .gallery_index .main_box:hover .name, .gallery_index .main_box:hover p{ color: #595959; } .gallery_index .name{margin-bottom: 16px;} .gallery_index .box_video em{padding-right: 30px;} .gallery_index .box_video em:after{ position: absolute; top: -2px; right: -3px; content: ""; background: url('../images/icons.png') no-repeat; width: 25px; height: 17px; } .gallery_index .owl-controls{/*padding:28px 0 40px;*/ padding: 28px 35px 40px 0px;} .gallery_index .owl-controls .owl-buttons{text-align: center;} .gallery_index .owl-controls .owl-buttons div{ display: inline-block; height: 23px; width: 12px; text-indent: -99999px; margin: 0 10px; background: url('../images/icons.png') no-repeat -3px -168px; } .gallery_index .owl-controls .owl-buttons .owl-next{ background-position: -32px -168px;} .gallery_index .owl-controls .owl-buttons div:hover{background-position: -55px -168px;} .gallery_index .owl-controls .owl-buttons .owl-next:hover{background-position: -77px -168px;} /*===========================END-GALLERY-INDEX====================*/ /*===========================START-BLOCK-TEAM====================*/ .block_team{ background: url('../images/bg_team.jpg'); padding: 42px 0; font-family: 'Lato-Regular',sans-serif; font-style: normal; } .block_team .heading{ color: #fff; text-align: center; margin-bottom: 47px; } .block_team .wrap{ font-size: 12px; line-height: 14px; overflow: hidden; text-align: center; color: #fff; margin-bottom: 43px; } .block_team .wrap a{ color: #fff; -moz-transition: all 0.3s 0.03s ease; -o-transition: all 0.3s 0.03s ease; -webkit-transition: all 0.3s 0.03s ease; } .block_team .wrap a:hover{text-decoration: none;color: #E8E8E8;} .block_team .wrap .photo{ overflow: hidden; width: 174px; height: 174px; margin: 0 auto 19px; } .block_team .wrap .photo img{ max-width: none; border-radius: 110px; -moz-border-radius: 110px; -webkit-border-radius: 110px; } .block_team .wrap .name{ font: 20px/22px 'Lato-Bold',sans-serif; display: block; border-bottom: 1px solid #d4d4d4; padding-bottom: 24px; margin-bottom: 11px; } .block_team .wrap .job{text-transform: uppercase;} .block_team .btn_style{ display: block; margin: 0 auto; } /*===========================END-BLOCK-TEAM====================*/ /*=========================START-INFO-INDEX====================*/ .info_index{ padding:50px 0 50px; background: url('../images/bg_info_index.jpg'); background-size: cover; } .info-index--help { padding: 68px 0 19px; } .info-block--scroll {max-height:400px;overflow-y:auto;width:104%;max-width: 100%;} .jspVerticalBar { width: 8px; } .jspDrag { background: #eee; } .reviews-box .jspDrag { background: #cac9c9; } .jspContainer:focus, .info-block--scroll:focus { border: 0; outline: 0; } .info_index .container > div{ float: none; margin: 0 auto; } /* .info_index .left{ font: 40px/45px 'Lato-Thin',sans-serif; text-transform: uppercase; color: #f25d48; } .info_index .right{ float: right; margin-right: 33px; } .info_index .left .number{ font-size: 20px; line-height: 22px; margin: 42px 0 0; background-color: rgba(238, 104, 85, 0.6); border-radius: 3px; } */ .number{ padding: 0; margin: 0 0 55px; width: 100%; list-style-type: none; background-color: rgba(238, 104, 85, 0.9); border-radius: 3px; font-size: 0; } .number li{ width: 33.3%; display: inline-block; font: 50px 'Lato-Thin',sans-serif; color: #fff; text-align: center; padding: 15px 0 15px; } .number li span{ display: block; font: 17px 'Lato-Thin',sans-serif; text-transform: uppercase; } .number li:not(:last-child){ border-right: 1px solid #f07d6d; } .timer-heading{ text-transform: uppercase; font: 40px 'Lato-Thin',sans-serif; color: #f25d48; margin-bottom: 21px; } /* .info_index .left .number span{ font: 70px 'Lato-Thin',sans-serif; display: block; padding: 0 12px 0 5px; color: #fff; } */ /* .info_index .left .number span:first-child{padding-left: 0;} */ .info_index .list{ margin: 0; padding: 0; list-style: none; font: 16px/20px 'Lato-Medium',sans-serif; color: #7d8182; } .info_index .list li{ position: relative; margin-bottom: 60px; padding: 8px 45px 0; } .list li p{ margin-bottom: 5px; } .info_index .list li span{ display: inline-block; vertical-align: middle; color: #e65d49; font: 50px/18px 'Lato-Light',sans-serif; } .icon-garniture{ width: 72px; height: 69px; background-image: url("../images/garnitura.png"); background-repeat: no-repeat; margin-right: 15px; } .icon-note{ width: 72px; height: 69px; background-image: url("../images/note.png"); background-repeat: no-repeat; margin-right: 15px; } .icon-statistic{ width: 72px; height: 69px; background-image: url("../images/statistic.png"); background-repeat: no-repeat; margin-right: 15px; } .icon-garniture, .icon-note, .icon-statistic { width: 72px; height: 69px; background-repeat: no-repeat; background-size: 50px auto; margin-top: 15px; margin-right: 0; } .info_index .list li:last-child{margin: 0;} /* .info_index .list li:after{ position: absolute; top: 4px; left: 0; height: 52px; width: 38px; background:url('../images/icons.png') no-repeat 0 -33px; content: ""; } */ .info_index .list li:nth-child(2):after{ background-position: -95px 0; width: 47px; height: 51px; } .info_index .list li:nth-child(3):after{ background-position: 0 -105px; width: 49px; height: 44px; top: 10px; } /*===========================END-INFO-INDEX====================*/ /*===========================START-SLIDER-CLIENT====================*/ .slider_client{ text-align: center; padding: 42px 0 0; } .slider_client .item .item-w{ min-height: 100px; max-height: 225px; padding: 0 20px; } .slider_client .item .item-w:last-child{margin-bottom: 0;} .slider_client .owl-carousel{ width:92%; padding: 40px 0; margin: 0 auto; } .slider_client .heading { margin: 0 !important; } .slider_client .heading{margin-bottom: 70px;} .slider_client .owl-controls .owl-buttons div{ position: absolute; top: 50%; margin-top: -26px; width: 18px; height: 36px; text-indent: -99999px; background: url('../images/icons.png') no-repeat 0 -262px; } .slider_client .owl-controls .owl-buttons .owl-prev{left: -43px;} .slider_client .owl-controls .owl-buttons .owl-prev:hover{ background-position: 0 -212px; } .slider_client .owl-controls .owl-buttons .owl-next{ background-position: -32px -262px; right: -41px; } .slider_client .owl-controls .owl-buttons .owl-next:hover{ background-position: -32px -212px; } /*===========================END-SLIDER-CLIENT====================*/ /*===========================START-CONTACT-INDEX====================*/ .contact{ overflow: hidden; padding:50px 0 29px; } .contact .heading{color: #787878;} .contact .map iframe{ width: 100%; height: 320px; border: 0; margin: 0; padding: 0; display: block; } .link-map{ color: #787878; font:15px/17px "Lato-Regular",sans-serif; } .contact .block_map{ border-radius: 0 7px 7px 0; -moz-border-radius: 0 7px 7px 0; -webkit-border-radius: 0 7px 7px 0; overflow: hidden; position: relative; z-index: 10; width: 100%; } .contact .map .submit{ float: right; margin: 0px 7px 0 0; cursor: pointer; } .contact .map .heading{text-align: center;} .contact .map .heading{margin: 0 0 28px;} .contact .map{ padding: 0 30px 0 33px; border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; overflow: hidden; } .contact .left{ padding-left: 30px; border-left: 1px solid #787878; float: right; padding-right: 30px; } .contact .left .some_form .text{border-bottom-color: #787878;color: #787878;} .contact .left .some_form textarea.text{ border: 1px solid #787878; background: none; margin-bottom: 13px; } .contact .left .some_form .text::-webkit-input-placeholder{color:#787878;} .contact .left .some_form .text:-moz-placeholder{color:#787878;} .contact .left .some_form .r em{color: #787878;} .form .glyphicon{ display: none; } .form .has-error .glyphicon-remove{ display: block; } .contact .left .has-error .form-control-feedback, .has-error .form-control-feedback{color: #a94442;} .pass .glyphicon-ok{ display: block; } .contact .left .some_form .pass .glyphicon-ok{color: #787878;} .contact .left .heading{margin-bottom: 21px;} .some_form .r{ margin: 0 0 20px; position: relative; } .some_form .r em{ display: inline-block; font: 14px/16px Arial, Helvetica, sans-serif; color: #fff; margin: 7px 0; } .some_form .text{ color: #fff; border-width: 0 0 1px; border-style: solid; border-color: #fff; background: none; width: 100%; padding: 10px 0 7px; } .some_form label.r{ display: block; margin-bottom: 22px; } .some_form textarea.text{ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #fff; height: 119px; border: 0; color: #000; padding: 5px 10px; } .contact .left .some_form .submit{ margin-top: 9px; min-width: 125px; } .modal-dialog--fullw { width: 100%; margin-top: 0; } .modal-body--img { text-align: center; } .contact .map .submit {min-width: 125px;} #modal_write .some_form textarea.text{border:1px solid #888c8d;} #modal_write .some_form .t_s{display: inline-block;margin-bottom: 15px;} .some_form .glyphicon{ display: none; color: #fff; font-size: 17px; } .some_form .has-error .glyphicon-remove {display: block;} .some_form .pass .glyphicon-ok{display: block;} .some_form .submit, .submit-fancy{ float: right; background: #ed7665; border: 1px solid #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-transform: uppercase; color: #fff; height: 35px; padding: 0 19px; font: 12px/35px 'Lato-Regular',sans-serif; cursor: pointer; } .submit-fancy{ /* position: absolute; bottom: 20px; right: 20px; z-index: 9;*/ position: absolute; bottom: 20px; right: 0px; left: 0; width: 220px; z-index: 9; font-weight: bold; text-align: center; margin: 0 auto; letter-spacing: 1px; display: none; } .some_form .submit:hover, .submit-fancy:hover{background: #cf4b38;} .new_contact .contact{background: none;} .new_contact .contact .heading, .new_contact .contact .some_form .r em, .new_contact .contact .some_form .text{color: #787878;} .new_contact .contact .left{border-left-color: #787878;} .new_contact .contact .some_form .text{border-bottom-color: #787878;} .new_contact .contact .some_form textarea.text{border: 1px solid #787878;} .new_contact .contact ::-webkit-input-placeholder{color:#787878;} .new_contact .contact :-moz-placeholder{color:#787878;} .new_contact .contact .some_form .glyphicon{color: #eb523c;} /*==============================END-CONTACT-INDEX====================*/ /*==============================START-MAIN-OUR-FACE====================*/ .breadcramb{ border-top: 1px solid #c5c5c5; font-size: 12px; line-height: 15px; color: #eb523c; font: 11px/14px 'Lato-Regular',sans-serif; text-transform: uppercase; letter-spacing: 1px; } .breadcramb ul{ margin: 0; padding: 0 21px; list-style: none; overflow: hidden; } .breadcramb ul li { position: relative; display: inline-block; vertical-align: middle; padding: 12px 19px; } .breadcramb ul li:first-child{padding-left: 0;} .breadcramb ul li:after{ position: absolute; top: 50%; left: 0; background: #9ea1a2; height: 2px; width: 2px; margin-top: -1px; content: ""; } .breadcramb ul li:first-child:after{height: 0;} .breadcramb ul li a{ color: #7d7d7d; -moz-transition: all 0.3s 0.03s ease; -o-transition: all 0.3s 0.03s ease; -webkit-transition: all 0.3s 0.03s ease; } .breadcramb ul li a:hover{color: #eb523c;} .heading_inside{ font: 18px/20px 'Lato-Bold',sans-serif; text-transform: uppercase; color: #6b6b6b; } .main_aside{padding: 0 30px;} .main_aside_holder{ background: url('../images/bg_m_a.jpg') repeat-y; overflow: hidden; display: flex; width:100%; } #main{line-height: 20px;} #main p{margin-bottom: 19px;} #main .side_nav{ font-family: 'Lato-Regular',sans-serif; font-style: normal; padding-top: 47px; padding-left: 25px; } #main .side_nav{ color: #787878; text-transform: uppercase; font: 12px/15px 'Lato-Black',sans-serif; } #main .side_nav ul{ margin: 0; padding: 0; list-style: none; } #main .side_nav ul li{ margin-bottom: 15px; letter-spacing: 1.5px; } #main .side_nav ul li a{ color: #787878; -moz-transition: all 0.3s 0.03s ease; -o-transition: all 0.3s 0.03s ease; -webkit-transition: all 0.3s 0.03s ease; } #main .side_nav ul li a:hover, #main .side_nav ul li.active{ color: #ec614e; text-decoration: none; } #main .content_right{ padding: 48px 0 60px 7px; line-height: 24px; } #main .content_right p{margin: 0 0 25px;} #main .content_right .heading_inside{margin-bottom: 16px;} #main .packery_copy{display: none;overflow: hidden;} #main .packery_copy{text-align: center;} #main .packery_block .wrap{display: inline-block;position: relative;} #main .packery_block .item{ overflow: hidden; } #main .packery_copy .item{ float: none; display: inline-block; width: auto; vertical-align: top; } #main .packery_block .block_name{ position: absolute; left: 0; height: 100%; width: 100%; background: -moz-linear-gradient(top, rgba(149,149,149,0.03) 0%, rgba(149,149,149,0.85) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(149,149,149,0.03)), color-stop(100%,rgba(149,149,149,0.85))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(149,149,149,0.03) 0%,rgba(149,149,149,0.85) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(149,149,149,0.03) 0%,rgba(149,149,149,0.85) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(149,149,149,0.03) 0%,rgba(149,149,149,0.85) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(149,149,149,0.03) 0%,rgba(149,149,149,0.85) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08959595', endColorstr='#d9959595',GradientType=0 ); /* IE6-9 */ color: #fff; text-align: center; text-transform: uppercase; z-index: 10; bottom:-100%; -moz-transition: all 0.3s 0.03s ease; -o-transition: all 0.3s 0.03s ease; -webkit-transition: all 0.3s 0.03s ease; font: 10px/13px 'Lato-Regular',sans-serif; } #main .packery_block .block_name strong{ display: block; border-bottom: 1px solid #fff; padding: 0 0 3px; margin-bottom: 6px; font: 13px/15px 'Lato-Bold',sans-serif; text-transform: none; } #main .packery_block .block_name p{margin: 0;} #main .packery_block .block_name .bottom{ position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 8px; letter-spacing: 1px; } /*#main .packery_block .item.w7 .block_name{font: 12px/14px 'Lato-Regular',sans-serif;} #main .packery_block .item.w7 .block_name strong{ font: 20px/22px 'Lato-Bold',sans-serif; text-transform: none; } #main .packery_block .item.w7 .block_name .bottom{padding-bottom: 15px;} #main .packery_block .item.w7 .block_name strong{ padding: 0 0 10px; margin-bottom: 10px; }*/ #main .packery_block .item:hover .block_name{bottom:0;} /*==============================END-MAIN-OUR-FACE====================*/ /*==============================START-ACTION-ONE====================*/ .heading_inside_m{padding: 25px 0 30px 15px;} .actions .heading_inside_m{padding-bottom: 15px;} .action_one .alignleft {padding: 0 30px 0 0;} .action_one .alignleft .img_h{ margin-bottom: 95px; position: relative; text-align: center; cursor: zoom-in; } .img_h img { cursor: zoom-in; } .action_one .alignleft .img_h:after{ position: absolute; bottom: -83px; left: 50%; margin-left: -31px; width: 62px; height: 64px; background: url('../images/icons.png') no-repeat -153px 0; content: ""; } .action_one .alignleft .btn_style{ max-width: 177px; padding: 0 5px; margin: 0 auto 30px; display: block; } .intro_text{padding: 0;} .intro_text p{ border-bottom: 1px solid #eb523c; padding-bottom: 15px; margin-bottom: 25px; } .action_one .pagination_one_action{ overflow: hidden; padding: 0 0 40px; } .action_one_new .alignleft .img_h:after{display: none;} .pagination .link a, .pagination_one_action .link{ width: 110px; border: 1px solid #787878; color: #1f1f1f; padding: 0 8px; height: 35px; letter-spacing: 1.5px; font: 11px/35px 'Lato-Regular',sans-serif; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; } .pagination .link a:hover,.pagination_one_action .link:hover{ background: #787878; color: #fff; text-decoration: none; } .pagination_one_action .prev_link{float: left;} .pagination_one_action .next_link{float: right;} .pagination .prev_link a, .pagination .next_link a{margin-top: 0;} .pagination { text-align: center; width: 100%; overflow: hidden; padding: 0 0 22px; /* line-height: 35px;*/ letter-spacing: 1px; } .news .pagination { line-height: normal; letter-spacing: 5px } .pagination ul{ margin: 0; padding: 2px 0; list-style: none; overflow: hidden; font: 18px/22px 'Lato-Light',sans-serif; display: inline-block; } .pagination ul li{ float: left; color: #f25d48; margin: 0 5px; } .pagination ul li a, .pagination ul li span{ margin-top: 5px; display: inline-block; } .pagination ul li .prev_link a, .pagination ul li .next_link a{margin: 0;} .pagination ul li .prev_link {margin: 0 15px 0 0;} .pagination ul li .next_link {margin: 0 0 0 15px;} .pagination ul li a{color: #2f2f2f;} /*.pagination a:not(.pagination), .pagination span:not(.pagination) { display: inline-block; vertical-align: middle; margin: 0 5px; font-size: 18px; line-height: 30px; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }*/ .pagination a:hover, .pagination .active { color: #eb523c; text-decoration: none; } .pagination a.pagination:hover {color: #fff;} #main .content_right .pagination ul {display: block;} /*start_modal_application*/ .main_modal .heading_modal{ font: 20px/22px 'Lato-Regular',sans-serif; text-transform: uppercase; color: #eb523c; text-align: center; margin-bottom: 31px; letter-spacing: 1.5px; } .main_modal form{overflow: hidden;} .main_modal{color: #888c8d;} .main_modal p{margin:-3px 0 27px;} .main_modal .text{ border-bottom: 1px solid #888c8d; color: #888c8d; } .main_modal submit{ border-color: #000; color: #000; background: #f7f7f7; max-width: 117px; display: block; margin: 0 auto; text-shadow: none; float: none; } /*.main_modal .submit:hover{ background: #000; color: #fff; }*/ .main_modal .modal-content{ box-shadow: none; /*border: 1px solid #f68d7e;*/ padding:30px 46px 11px; border-radius: 0; /* max-height: 485px; */ overflow-y: auto; } .modal{background: rgba(165,165,165,0.5);} .main_modal .modal-content .some_form .submit{border:0;} .main_modal .modal-content .text::-webkit-input-placeholder{color:#888c8d;} .main_modal .modal-content .text:-moz-placeholder{color:#888c8d;} .main_modal .some_form .glyphicon{color: #C2331F;} .main_modal .some_form .glyphicon-ok {color: #888c8d;} button.close{ height: 13px; width: 13px; background: url('../images/icons.png') no-repeat -100px -84px; position: absolute; top: 5px; right: 5px; opacity: 1; } /*.main_modal button.close:hover{background-position: -127px -83px;}*/ #sign_up_news .submit{ width: 170px; max-width: 170px; float: none; margin: 0 auto; display: block; } /*end_modal_application*/ /*==============================END-ACTION-ONE====================*/ /*==============================START-NEWS====================*/ .news .wrap{ border: 1px solid #a9a8ab; background: #f2f2f2; } .news .main_box{ margin-bottom: 20px; max-height: 346px; overflow: hidden; } .news .main_box:hover{text-decoration: none;} .news .wrap p{ margin: 0; padding:0 20px 12px; max-height: 73px; overflow: hidden; } .news .wrap .name{margin-left: 15px;margin-top: 15px;} .news .aligncenter{ border-bottom: 1px solid #a9a8ab; position: relative; margin-bottom: 26px; } .news .aligncenter a{display: block;height: 100%;} .news .aligncenter .data_all_s{ position: absolute; bottom: -29px; left: 50%; margin-left: -26px; } .data_all_s{ width: 52px; height: 52px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: #a9a8ab; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; color: #fff; font: 10px/12px 'Lato-Regular',sans-serif; text-align: center; -moz-transition: all 0.3s 0.03s ease; -o-transition: all 0.3s 0.03s ease; -webkit-transition: all 0.3s 0.03s ease; } .data_all_s span{ -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); display: block; margin: 8px 0 0 -3px; } .data_all_s em{ font-size: 20px; line-height: 22px; display: block; font-style: normal; } .news .main_box:hover .data_all_s{background: #eb523c;} .news .main_box:hover .name{color: #eb523c;} /*==============================END-NEWS====================*/ /*==============================START-NEW-ONE====================*/ .new_one .holder, #main .report .holder{ overflow: hidden; position: relative; margin-bottom: 13px; } .new_one .data_all_s{ float: left; } .new_one .data_all_s{ background: #eb523c; margin: 11px 22px 0 24px; } .new_one .intro_text{ position: absolute; top: 0; right: 0; } #main.new_one .intro_text{padding-left: 13px;} #main.new_one .intro_text p{margin: 0;} .new_one .holder_text{ float: right; padding: 20px 0 0 17px; } .participants{background: #f2f2f2;padding: 0 0 30px;} .participants .box{ margin-bottom: 25px; float: none; vertical-align: top; display: inline-block; } .participants .heading{ padding: 32px 0 27px 18px; font-size: 18px; } .participants .wrap{ display: inline-block; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; overflow: hidden; max-width: 100%; } .participants .fancy_img{ display: block; cursor: pointer; position: relative; } .participants .text{ position: relative; font:14px/16px 'Lato-Regular',sans-serif; padding: 18px 0; } .participants .text span, .participants .text strong{display: block;} .participants .text strong{ font: 14px/20px 'Lato-Semibold',sans-serif; } .participants .text .btn_style{ float: right; padding: 0 10px; width: 126px; max-width: 126px; } .participants .effect-hera:before { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: absolute; top: 50%; left: 50%; width:64px; height: 64px; background: #eb523c; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1); transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1); -webkit-transform-origin: 50%; transform-origin: 50%; z-index: 20; } .participants .effect-hera:hover:before { opacity: 1; -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1); transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1); } .participants .effect-hera:after{ width: 18px; height: 18px; background:url('../images/icons.png') no-repeat -236px 0; content: ""; top:50%; left: 50%; margin-top: -9px; margin-left: -9px; position: absolute; opacity: 0; z-index: 20; } .participants .effect-hera:hover:after {opacity: 1;} .participants .overlay_link{ background: rgba(255,255,255,0.8); opacity: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; -moz-transition: all 0.3s 0.03s ease; -o-transition: all 0.3s 0.03s ease; -webkit-transition: all 0.3s 0.03s ease; } .participants .effect-hera:hover .overlay_link{opacity: 0.8;} .pagination_one_action{padding: 25px 15px 0;} .action_pagin{padding: 25px 15px 36px;} /*==============================END-NEW-ONE====================*/ /*===========================START-CONTENT-PAGE====================*/ #main, .content{min-height: 300px;} #main.block_contact{min-height: 200px;} .inside_main{ padding: 0 15px 34px; /*overflow: hidden;*/ } /*updates_block*/ .updates_block .heading_inside{padding: 13px 15px 1px;} .updates_block .heading{ border-bottom: 1px solid #eb523c; padding: 0 0 5px; margin-top: 10px; margin-bottom: 27px; } .updates_block .aside{ font: 13px/15px 'Lato-Bold',sans-serif; text-transform: uppercase; } .updates_block .aside ul{ margin: 0 0 22px; padding: 0; list-style: none; color: #787878; } .updates_block .aside ul.mainprod { margin-bottom: 0; } .updates_block .aside ul li, .updates_block .aside ul li span{ padding: 23px 0; border-bottom: 1px solid #e0e0e1; display: block; } .updates_block .aside ul li span{ color: #f25d48; border:0; } .updates_block .aside ul li a.btn{ /*display: none;*/ } .updates_block .aside ul li.enable_53_1 a.btn{ margin-bottom: 0; } .updates_block .aside ul li.enable_53_1 a.btn{ display: block; } .updates_block .aside ul li.enable_53_1 a{ margin-bottom: 20px; color: #eb523c; } .updates_block .aside ul li a.btn{ margin-top: 17px; } .updates_block .aside ul li:last-child{border: 0;} .updates_block .aside ul.mainprod li{border-bottom: 1px solid #e0e0e1;} .updates_block .aside a, .updates_block .aside span{ display: block; padding-left: 20px; color: #787878; -moz-transition: all 0.3s 0.03s ease; -o-transition: all 0.3s 0.03s ease; -webkit-transition: all 0.3s 0.03s ease; } .updates_block .aside ul li span{ padding-left: 20px; padding-top: 0; padding-bottom: 0; } .updates_block .aside a:hover{ color: #eb523c; text-decoration: none; } .updates_block .aside ul li.active{ position: relative; color: #eb523c; padding-left: 46px; border: 1px solid #eb523c; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .updates_block .aside ul li.active:after{ position: absolute; top: 26px; left: 21px; background: url('../images/icons.png') no-repeat -245px -75px; width: 11px; height: 11px; content: ""; } .aside-padding{ padding-top: 27px; } .aside-padding-small{ padding-top: 10px; } /*.updates_block .text_right p span{ color: #eb523c; }*/ .updates_block .text_right .h_{ color: #313131; text-transform: uppercase; font: 12px/14px 'Lato-Regular',sans-serif; margin: 27px 0 18px; } .list_content, .list_content > li > ul{ margin: 0 0 20px; padding: 0; list-style: none; } .list_content > li{ position: relative; padding: 0 0 4px 20px; } .list_content > li:after{ position: absolute; top: 8px; left: 0; content: ""; background: #ed3d3d; height: 5px; width: 5px; } .list_content > li > ul{ list-style: disc; padding: 15px 0 21px 34px; } .list_content > li > ul > li{padding: 0 0 4px;} .updates_block .aside .btn_updates{ background: #787878; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; width: 100%; padding: 7px 0; text-align: center; position: relative; margin-bottom: 10px; } .updates_block .aside .btn_updates:hover{ background: #eb523c; color: #fff; } .updates_block .aside .btn_updates:after{ /*background: url('../images/icons.png') no-repeat -239px -37px;*/ width: 11px; height: 10px; position: absolute; top: 10px; left: 82%; content: ""; } .updates_block .advantages {padding: 20px 0 26px;} .updates_block .advantages .heading{ text-transform: none; padding-bottom: 12px; margin-bottom: 15px; } .updates_block .advantages .list_advantages{ overflow: hidden; padding: 10px 0 0; margin: 0; list-style: none; font:14px/20px Arial, Helvetica, sans-serif; } .updates_block .advantages .list_advantages li{margin: 0 0 40px;} .updates_block .advantages .list_advantages .ico{ cursor: pointer; width: 121px; height: 127px; float: left; margin-left: 9px; background: url('../images/ico01.png') no-repeat; -moz-transition: all 0.3s 0.03s ease; -o-transition: all 0.3s 0.03s ease; -webkit-transition: all 0.3s 0.03s ease; margin-top: 23px; } .updates_block .advantages .list_advantages .ico:hover{background: url('../images/ico01_h.png') no-repeat;} .updates_block .advantages .list_advantages p{ margin: 42px 0 0 177px; overflow: hidden; max-height: 100px; } .updates_block .advantages .list_advantages .ico_01{background: url('../images/ico04.png') no-repeat;} .updates_block .advantages .list_advantages .ico_01:hover{background: url('../images/ico04_h.png') no-repeat;} .updates_block .advantages .list_advantages .ico_02{background: url('../images/ico02.png') no-repeat;} .updates_block .advantages .list_advantages .ico_02:hover{background: url('../images/ico02_h.png') no-repeat;} .updates_block .advantages .list_advantages .ico_03{background: url('../images/ico03.png') no-repeat;} .updates_block .advantages .list_advantages .ico_03:hover{background: url('../images/ico03_h.png') no-repeat;} /*dilers*/ #main .dilers .heading_inside {margin-bottom: 34px;} #main .dilers .h_dilers{ font: 14px/16px 'Lato-Regular',sans-serif; text-transform: uppercase; color: #313131; margin: 38px 0 18px; display: block; letter-spacing: 1.5px; } #main .dilers .list_content{margin-bottom: 19px;} .dilers .list_content > li{ padding-bottom: 17px; } #main .dilers img{margin-bottom: 25px;} /*reports*/ #main .reports .main_box{ position: relative; font-size: 14px; line-height: 16px; margin-bottom: 56px; overflow: hidden; } #main .reports .main_box .alignleft{float: left;} #main .reports .data{ color: #f25d48; font: 10px/12px 'Lato-Regular',sans-serif; text-transform: uppercase; display: block; } #main .reports .main_box .text{ overflow: hidden; padding-left: 34px; } /*report*/ #main .report .holder{margin-bottom: 38px;} #main .report .participants{background: none;} #main .report .holder > div{padding: 0;} #main .report .pagination_one_action{padding: 14px 0 0;} #main .report .data{margin-bottom: 15px;} #main .report .holder .intro_text{padding-left: 20px;} #main .report .holder .intro_text p{ border: 0; padding: 0; margin: 0; } .fancy_video{ margin-bottom: 49px; position: relative; display: block; } .fancy_video:after{ position: absolute; top: 50%; left: 50%; margin-left: -41px; margin-top: -28px; width: 82px; height: 57px; background: url('../images/icons.png') no-repeat -116px -165px; content: ""; } .fancy_video:hover:after{ background-position: -116px -330px; } /*instructions*/ #main.instructions .box{ font-size: 12px; line-height: 19px; margin-bottom: 41px; width: 500px; } #main.instructions .box p{max-height: 133px;overflow: hidden;} #main.instructions .box .aligncenter{ /*background: #e8e8e8;*/ /*border: 1px solid #bab9bb;*/ height: 280px; vertical-align: middle; text-align: center; } #main.instructions .box .aligncenter:after{ vertical-align: middle; content: ""; display: inline-block; height: 100%; } #main.instructions .h_name{ border-bottom: 1px solid #eb523c; color: #eb523c; font: 18px/20px 'Lato-Medium',sans-serif; padding: 19px 0 16px; margin-bottom: 16px; } #main.instructions .box .btn_style{ width: 148px; max-width: 148px; } #main.updates_instructions .text_right{padding-left: 0;} #main.updates_instructions .box{ font-size: 14px; line-height: 20px; } #main.updates_instructions .box p{max-height: 220px;overflow: hidden;} #main.updates_instructions .box .aligncenter{height: 204px;} #main.updates_instructions .h_name{padding: 0 0 16px;} #main.updates_instructions .h_name{margin: 0 15px;} #main.updates_instructions .table_download{margin-bottom: 20px;} /*product*/ .table_download{ font: 12px/15px 'Lato-Regular',sans-serif; letter-spacing: 1.5px; margin-bottom: 64px; padding: 0 15px; overflow: hidden; width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .table_download .download_there{display: none;} #main.product .heading{font: 18px/20px 'Lato-Bold',sans-serif;text-transform: none;overflow: hidden;} .table_download table{width: 100%;} .table_download thead{ color: #444; text-transform: uppercase; } .table_download tbody td{border: 1px solid #C8C8C8;} .table_download tbody td:nth-child(3) {text-decoration: underline;} .table_download tbody tr:hover>td:nth-child(3) {text-decoration: none;} .table_download tbody tr td:first-child {text-align: center;width: 45px;} .table_download td{ padding:12px;} .active-tr tr{ -moz-transition: all 0.3s 0.03s ease; -o-transition: all 0.3s 0.03s ease; -webkit-transition: all 0.3s 0.03s ease; } .table_download thead tr{cursor: default;} .table_download .link{text-align: center;} .table_download tbody .link span{ display: block; width: 100%; height: 100%; } .table_download tbody .link{ padding: 0; background: #787878; color: #fff; width: 160px; -moz-transition: all 0.3s 0.03s ease; -o-transition: all 0.3s 0.03s ease; -webkit-transition: all 0.3s 0.03s ease; font-size: 11px; text-transform: uppercase; } .table_download tbody .link a{color: #fff;display: block;padding: 12px;} .table_download tbody .link:hover{background: #f25d48;} .active-tr tr:hover{background: #f3f3f3;} /*contact*/ #main.block_contact .heading_inside{padding: 20px 0 14px;} #main.block_contact address{ font: 18px/36px 'Lato-Light',sans-serif; margin-bottom: 26px; color: #333333; } #main.block_contact address a{color: #6b6b6b;} /*vacancies*/ #main .vacancies .box_v{ border-top: 1px solid #c9c9c9; padding: 21px 0; } #main .vacancies .box_v ul{margin-bottom: 12px;} #main .vacancies .box_v .heading_v, #main .vacancies .box_v .h{text-transform: uppercase;} #main .vacancies .box_v .heading_v{ color: #eb523b; font: 16px/20px 'Lato-Black',sans-serif; margin-bottom: 12px; } #main .vacancies .box_v .h{ font: 12px/15px 'Lato-Regular',sans-serif; color: #313131; letter-spacing: 1.5px; margin-bottom: 12px; } #main .vacancies .box_v .place_file{margin: 0;} #main .vacancies .box_v .btn_file { display: inline-block; width: 177px; max-width: 177px; background: #F25D48; position: relative; cursor: pointer; overflow: hidden; letter-spacing: 1px; } #main .vacancies .box_v .btn_file .file{ margin-top: -50px; margin-left:-410px; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; font-size: 150px; height: 100px; cursor: pointer; } #main .vacancies .box_v .btn_file em{ font-style: normal; } #main .vacancies .box_v .btn_file:hover{background: #cf4b38;} /*reviews*/ #main .reviews .video, #main .reviews .gallery_reviews{overflow: hidden;} #main .reviews .video{margin-left: -60px;} #main .reviews .video .fancy_video{ width: 380px; float: left; margin: 0 0 46px 60px; text-align: center; } #main .reviews .gallery_reviews{margin: 0 0 44px -15px;} #main .reviews .fancy_reviews{ max-width: 161px; border: 3px solid #f4f4f4; -moz-transition: all 0.3s 0.03s ease; -o-transition: all 0.3s 0.03s ease; -webkit-transition: all 0.3s 0.03s ease; display: inline-block; margin-bottom: 15px; } #main .reviews .fancy_reviews:hover{border-color: #f25d48;} /*about_us*/ #main .about .logo_about{ text-align: center; padding: 16px 0 24px; } /*our-face-one*/ .text_right{font: 14px/16px Arial, Helvetica, sans-serif;} #main .face_one{padding-bottom: 105px;} #main .face_one .photo{padding-left: 0;} #main.block_one_face .face_one { padding-bottom: 25px; font: 14px/16px Arial, Helvetica, sans-serif; } #main.block_one_face .face_one p{text-align: justify;} #main.block_one_face{min-height: 432px;} #main .face_one .name_one, #main .face_one .job{text-transform: uppercase;} #main .face_one .name_one{ font: 18px/20px 'Lato-Bold',sans-serif; color: #6b6b6b; padding: 0 0 11px; } #main .face_one .job{ color: #ec614e; font: 12px/15px 'Lato-Regular',sans-serif; display: block; margin-bottom: 16px; } /*404*/ .error_h{background: url('../images/bg_404.jpg');} .error_block{ color: #f25d48; text-transform: uppercase; font: 33px/36px 'Lato-Bold',sans-serif; padding: 112px 0 155px 85px; } .error_block .left{padding: 4px 0 0 29px;} .error_block span{ font-size: 18px; color: #6b6b6b; } .error_block p{margin: 5px 0 14px;} .error_block .link_index{ background: #d3d3d3; color: #787878; border:1px solid #787878; font: 12px/32px 'Lato-Regular',sans-serif; height: 32px; width: 254px; display: inline-block; text-align: center; letter-spacing: 1px; } .error_block .link_index:hover{background: #fff;text-decoration: none;} /*==============================END-CONTENT-PAGE====================*/ /*==============================START-FOOTER====================*/ .index_b #footer{background: #f2f2f2;} .h_footer{ height: 350px; clear: both; } #footer{ background: url('../images/bg_footer.jpg'); font: 18px/20px 'Lato-Light',sans-serif; color: #6b6b6b; padding: 36px 0 0; margin-top: -348px; letter-spacing: 1.5px; } #footer .container > div:nth-child(2){width: 30%;} #footer .container > div:nth-child(1){ /* margin-right: 34px; padding: 0; margin-left: 15px;*/ width: 45%; } #footer a{ -moz-transition: all 0.3s 0.03s ease; -o-transition: all 0.3s 0.03s ease; -webkit-transition: all 0.3s 0.03s ease; } #footer .heading_foo{ color: #f25d48; font: 18px/20px 'Lato-Bold',sans-serif; text-transform: uppercase; } #footer .nav_foo, #footer .socialnetworks{ margin: 0; padding: 0; list-style: none; } #footer .nav_foo:first-child{ width: 30%; } #footer .nav_foo{ width: 30%; float: left; } #footer .nav_foo:nth-child(2){ width: 39%; } #footer .nav_foo li{margin-bottom: 13px;} #footer .nav_foo li .heading_foo{ margin: 0 0 12px; display: inline-block; } #footer .nav_foo a{color: #6b6b6b;} #footer .nav_foo a:hover{ color: #f25d48; text-decoration: none; } #footer .last_foo{padding-top: 45px;} #footer .last_foo .style_l{ color: #f25d48; text-transform: uppercase; text-decoration: underline; font: 14px/16px 'Lato-Regular',sans-serif; } #footer .last_foo .style_l:hover{text-decoration: none;} #footer .heading_foo{margin-bottom: 23px;} #footer .address{margin: 0 0 28px;} #footer .socialnetworks{overflow: hidden;} #footer .socialnetworks li{ margin: 0 5px; float: left; } #footer .socialnetworks li span{ background: #ed7665; color: #fff; font-size: 18px; line-height: 37px; height: 36px; width: 37px; text-align: center; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline-block; -moz-transition: all 0.3s 0.03s ease; -o-transition: all 0.3s 0.03s ease; -webkit-transition: all 0.3s 0.03s ease; } #footer .socialnetworks li a:hover{ background: #3860a8; text-decoration: none; } #footer .socialnetworks li a.fa-youtube-play:hover{background: red;} #footer .info_contact .heading_foo{ color: #6b6b6b; margin-bottom: 15px; } #footer .info_contact .phone{ color: #f25d48; height: auto; font: 33px/24px 'Lato-Bold',sans-serif; margin: 0px 0 14px 0px; letter-spacing: 0; } /*.jspDrag { background: #EA523B; }*/ #footer .info_contact .phone:after { content:'безкоштовно з мобільного по Україні'; color: #f25d48; display: block; font-size: 15px; line-height: 18px; padding: 12px 0 0; text-transform: none; } #footer .info_contact a, #footer .info_contact span.updat_btn{ color: #f25d48; font: 12px/32px 'Lato-Regular',sans-serif; text-align: center; width: 100%; height: 32px; text-transform: uppercase; display: block; margin-bottom: 21px; } #footer .info_contact a:hover{text-decoration: none;} #footer .info_contact .updat_btn{border: 1px solid #f25d48;} #footer .info_contact .updat_btn:hover{ background: #f25d48; color: #fff; } #footer .info_contact span.updat_btn:hover{background: transparent;color: #f25d48;} #footer .info_contact .subscription_btn{ border: 1px solid #d3d3d3; color: #6f6f6f; letter-spacing: 1.5px; font-size: 13px; } #footer .info_contact .subscription_btn:hover{ background: #d3d3d3; color: #fff; } #footer .info_contact .letter_btn{ position: relative; border: 0; letter-spacing: 1.5px; font-size: 13px; text-align: right; } #footer .info_contact .letter_btn:after{ position: absolute; top: 9px; left:0; content: ""; background: url('../images/icons.png') no-repeat -58px -65px; height: 12px; width: 19px; } #footer .info_contact .letter_btn:hover{color: #cf4b38;} #footer .info_contact .letter_btn:hover:after{ background-position: -58px -84px; } #footer .copy{ background: #434343; text-align: right; color: #fff; font-size: 12px; line-height: 14px; margin: 39px 0 0; padding: 16px 0; } #footer .copy a{color: #fff;} #footer .copy p{margin: 0 20px 0 0;} /*==============================END-FOOTER====================*/ /*new style*/ .news .wrap { border: 1px solid #a9a8ab; background: #f2f2f2; height: 350px; position: relative; } .news .main_box { margin-bottom: 20px; max-height: 350px; overflow: hidden; } .main_box .name { font: 13px/20px 'Lato-Bold',sans-serif; } /*.block_team .wrap .photo img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } */ #main .packery_block .item img{ width: 100%; } .item.item.w1{ height: 96px; } .item.item.w2{ height: 173px; } .item.item.w3{ height: 119px; } .item.item.w4{ height: 212px; } .item.item.w5{ height: 255px; } .item.item.w6{ height: 137px; } .item.item.w7{ height: 180px; } .item.item.wall{ height: 186px; } .slider_client .owl-carousel .owl-item { float: left; height: 225px; display: inline-block; line-height: 200px; } .slider_client .item{ width: 100%; display: inline-block; vertical-align: middle; } /*.slider_client .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ width: 1020px!important; }*/ .slider_client .owl-carousel .owl-wrapper-outer{ height: 620px; } .data_all_s { width: 57px; height: 57px; } .data_all_s span{ margin: 8px 0 0 -10px; } .news .aligncenter { margin-bottom: 35px; } .news .aligncenter--hide{ overflow: hidden; max-height: 186px; min-height: 186px; } /*.news .wrap .name {margin-right: 10px;}*/ .new_one{ font-style: normal; } #modal_info .modal-dialog{ position: relative; width: 1170px; } #modal_info .modal-dialog button.close { /* top: 16px; right: 33px;*/ top: 5px; right: 5px; z-index: 22; } .b-seminars .btn_style{ margin-bottom: 78px; } table tr td{ padding: 5px; } .fancybox-close:hover {opacity: 0.5;} .fancybox-next, .fancybox-prev { width: 25%; } /*=================================MEDIA====================*/ @media (max-width:1400px){ #footer {font-size: 15px;} .modal-dialog {margin: 85px auto 0 !important;} } @media (max-width:1169px){ .fancybox-next span {right: 5px;} .fancybox-prev span {left: 5px;} #header, #header .top{background: #dbdbdb;} #header .top{border-bottom: 1px solid #C5C1C1;} #nav ul li{padding: 18px 8px; } #header .phone_line a{font-size: 29px;} #header .list li{margin-right: 4px;} #header .list li a, #header .list li span{ padding: 8px 3px; font-size: 12px; } #header .list{padding-left: 0;} #header .list_item{padding-left: 30px;padding-top: 28px;} #header .list_item li a, #header .list_item li span{padding:4px 20px;} #header .phone_line{margin: 0 20px 0 16px;font-size: 12px;} .content .box_big .wrap .text{height: 205px;} .content .box_big .text{text-align: left;} /*.content .box .text{padding-left: 20px;}*/ .main_box .name{display: inherit;} .info_index .right{margin-right: 0;} #footer{font-size: 15px;} #footer .last_foo{padding-top: 46px;} .main_aside_holder{background:url('../images/bg_m_a_980.jpg') repeat-y;} #main .reviews .video .fancy_video { width: 325px; margin: 0 0 46px 20px; } #main .reviews .video, #main .reviews .gallery_reviews {margin-left: -20px;} #main .content_right{padding-left: 20px;} #footer .container > div:nth-child(2) {width: 29%;} .news .wrap .name { margin-top: 41px;} #main.block_one_face {min-height: 395px;} .news .wrap p{max-height: 104px;} .news .main_box{max-height: 417px;} #footer .info_contact .letter_btn{text-align: center;} #footer .container > div:nth-child(1){ /*margin-right: 24px;*/ width: 37.666%; } .error_block{padding-bottom: 174px;} #header .list_item li:nth-child(1), #header .list_item li:nth-child(2), #header .list_item li:nth-child(3){ width: 185px; margin-bottom: 5px; } #header .list_item li:nth-child(3){margin-right: 0;} #header .list_item li:nth-child(4), #header .list_item li:nth-child(5), #header .list_item li:nth-child(6){ /*width: 103px;*/ width: auto; } #header .list_item li:nth-child(7){width: 224px;} .fancybox-close{top: 5px;right: 5px;} #modal_info .modal-dialog{ width: 992px; } } @media (max-width:1024px){ #main .packery_block .block_name strong{ font-size: 10px; } } @media (max-width:991px){ #header .top {padding-top: 0} .slider_client .owl-controls .owl-buttons .owl-next { right: -21px; } #header .phone_line {border-right: 0; white-space: nowrap; width:auto;} #header .phone_line2 {display: none} .slider_client .owl-controls .owl-buttons .owl-prev { left: -25px; } #nav{width: 62%;} #header .list{padding: 19px 0 20px; text-align: left;margin-left: 34px; width:100%;} #header .list li{ display: inline-block; float: none; } #footer .info_contact a, #footer .info_contact span.updat_btn{float: left;} #header .list li a, #header .list li span{padding: 8px 12px;} .content .alignleft{ width: 100%; margin-bottom: 15px; text-align: center; padding: 15px 0 0; max-width: 100%; text-align: center; } .content .box .wrap{ border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; } .block_team{background: #939393;} .block_team .wrap > div{margin-bottom: 20px;} .info_index{background: #cbcbcb;} .info_index .left{margin-bottom: 30px;} .info_index .list li{ margin-bottom: 43px; padding: 17px 0; } #footer .info_contact .updat_btn{margin-right: 23px;} .contact .left{margin-left: 0;border: 0;} #footer{height: auto;padding-bottom: 0;} #footer .info_contact{padding: 30px 0 0;} #footer .info_contact a, #footer .info_contact span.updat_btn{width: 237px;} #footer .info_contact .letter_btn{width: 249px;} #footer .info_contact .phone{ text-align: left; margin: -2px 0 10px 0; font-size: 25px; } #footer .copy{margin: 0;} .new_one .intro_text, #main .report .intro_text{position: static;padding-top: 20px;} #footer .info_contact > div{width: 100%;overflow: hidden;margin-bottom: 20px;} #main .packery_copy{display: block;} #main .packery_copy > div{margin-bottom: 30px;} .packery_block .packery{display: none;} #main .reviews .video .fancy_video{width: 209px;} #header .list_item{padding-top: 17px;} #header .phone_line{margin-top: 10px; margin-bottom: 6px;} .navbar-toggle {margin-top: 0} #header .list_item {padding-left: 13px;} #footer .info_contact a, #footer .info_contact span.updat_btn{margin-bottom: 0;} #header .list_item li:nth-child(1), #header .list_item li:nth-child(2), #header .list_item li:nth-child(3){width: 113px;} #header .list_item li:nth-child(4), #header .list_item li:nth-child(5), #header .list_item li:nth-child(6){/*width: 62px;*/width: auto;margin-bottom: 5px;} #nav ul li{padding: 0 10px;} #header .list_item li:nth-child(3){margin-right: 7px;} #header .sticky .list_item{width: 66%;} #header .list_item li{margin-right: 7px;} #header .list_item li a, #header .list_item li span{padding: 4px 8px;} #header .btn_top{ height: 41px; width: 36px; } #footer .container > div:nth-child(2) {width: 50%;} #footer .container > div:nth-child(1) {width: 50%;} #footer .container > div:nth-child(1){margin: 0;} #footer{background: #f2f2f2;} #header .btn_top{right: 0;} .block_team .wrap a {margin-bottom: 20px;} #header .list_item{font-size: 13px;} /* #header .sticky .list_item li:nth-child(1), #header .sticky .list_item li:nth-child(2), #header .sticky .list_item li:nth-child(3) { width: 142px; } #header .sticky .list_item li:nth-child(7) { width: 171px; } #header .sticky .list_item li:nth-child(4), #header .sticky .list_item li:nth-child(5), #header .sticky .list_item li:nth-child(6) { width: 83px; }*/ .content .box .wrap{height: 394px;} .content .box_big .wrap, .content .box_big .wrap .text{height: auto;} .content_index .box .wrap p, .content_index .box_big .wrap .text p{ height: 38px; overflow: hidden; margin-bottom: 0; } #footer .info_contact .letter_btn{padding-left: 25px;} .content .box_big { text-align: center; margin-bottom:12px; height: 432px; } .content .alignleft, .content_index .box, .content .alignleft, .content_index .box a{height: auto!important;} #modal_info .modal-dialog{ width: 100%; } .content .box .text{ width: 100%; } } @media (max-width:767px){ .item-w img {max-width: 60%;} #header .list { text-align: left; padding: 41px 15px 0; width: 100% } .info_index .left .number{ width: 100%; } #header .logo{padding: 15px;} #header .list_item{padding: 0 15px;} #nav{ width: 100%; float: right; margin-top: -35px; padding: 0; } #nav ul {margin-top: 8px;} #nav ul li{ float: none; text-align: center; border-bottom: 1px solid #313131; padding: 0; } #nav ul li:after{display: none;} #nav ul li a, #nav ul li span{display: block;padding: 20px 0;} #nav ul li a:hover{color: #eb523c;text-decoration: none;} .gallery_index .slider_index .wrap{margin: 0 auto;} .slider_client .owl-controls .owl-buttons .owl-next{right: 14px;} .slider_client .owl-controls .owl-buttons .owl-prev{left: 14px;} .contact .left{padding: 30px 15px 0;} #footer .container > div{margin-bottom: 30px;} #footer .container > div:nth-child(2){margin-top: 20px;} .main_aside_holder{background: none;} #main .content_right .heading_inside{text-align: center;} #main .side_nav{padding-left: 3px;} .breadcramb ul{padding: 0 15px;} #main .content_right{padding-left: 0;} .updates_block .aside{margin-bottom: 30px;} .updates_block .aside .btn_updates{width: 250px;display: block;margin: 0 auto 10px;} .new_one .data_all_s{float: none;margin: 0 auto 30px;} .new_one .data_all_s span{ margin: 16px 0 -35px 16px; height: 69px; } .participants .box{text-align: center;} .participants .box .wrap{text-align: left;} .news .main_box{ max-width: 369px; float: none; margin: 0 auto 25px; } #main .face_one .photo{text-align: center;} #main .report .holder .intro_text {padding: 32px 0 0;} #main .report .heading_inside{text-align: left;} #main .reviews .video .fancy_video{width: 46%;} .modal-dialog {margin: 208px 10px 10px;} #header .logo{width: 250px;} #header .list_item, #header .sticky .list_item{width: 100%;} #header .list{padding: 15px 15px 13px;} #header .sticky .list_item{padding-top: 0;} .slider_client .owl-controls .owl-buttons .owl-prev{left: 0;} .slider_client .owl-controls .owl-buttons .owl-next{right: 0;} #footer .info_contact a, #footer .info_contact span.updat_btn{margin-bottom: 10px;width: 100%;} #footer .info_contact{padding-top: 20px;} .error_block {padding: 55px 0 59px 85px;} .block_team .wrap a{margin-bottom: 20px;} .news .aligncenter{text-align: center;} .news .main_box{max-height: none;} .page_wrapper{min-height: none;} #header .list_item li:nth-child(1), #header .list_item li:nth-child(2), #header .list_item li:nth-child(3), #header .list_item li:nth-child(7), #header .list_item li:nth-child(4), #header .list_item li:nth-child(5), #header .list_item li:nth-child(6){width: auto;} #header .list_item li:nth-child(3), #header .list_item li{margin-right: 5px;} #header .list_item li{margin-bottom: 5px;} .content .box .wrap, .content .box_big .wrap .text {width: 100%;} #header .sticky{background: #dbdbdb;} .content .box .wrap, .content .box_big .wrap .text, .content .actions .box{height: auto;} #header .list{margin-left: 0;} #footer .last_foo {padding-top: 44px;} .box-reviews{ text-align: center; } .participants .box{ float: left; margin: 0; } #footer .container > div:nth-child(1) {width: 100%;} #footer .container > div:nth-child(2) {width: 50%;} #footer .info_contact {padding: 0px ;} .modal-dialog--fullw { margin-top: 0; margin-left: 0; } .modal-dialog--fullw .close { right: 20px; } } @media (max-width:640px){ #footer .container > div:nth-child(2), #footer .info_contact {width: 100%;} #header .phone_line{width: 55%;} #header .list li{margin-bottom: 15px;} #header .logo{margin-bottom: 5px;} #header .list{padding-top: 1px;} #header .list_item li{ margin-bottom: 5px; font: 11px/14px Arial, Helvetica, sans-serif; } #header .list_item li a, #header .list_item li span{padding: 5px 11px;} .gallery_index .top .right{text-align: left;padding-top: 5px;} .info_index .left {font: 18px/35px 'Lato-Thin',sans-serif;} #footer .copy{text-align: center;} #header .logo{text-align: center;} .error_block{padding:42px 15px 44px;} .pagination ul{text-align: center;} .pagination ul li{display: inline-block;float: none;} .updates_block .advantages .list_advantages p { margin: 70px 0 0; overflow: hidden; width: 100%; text-align: center; } .updates_block .advantages .list_advantages .ico{margin: 0 auto;float: none;} #main.instructions .box .aligncenter img{max-width: 95%;} #main .reports .main_box{text-align: center;} #main .reports .main_box .alignleft{float: none;} #main .reports .main_box .text{overflow: inherit;width: 100%;padding: 10px 0 0;text-align: left;} #main .reviews .video, #main .reviews .gallery_reviews{margin: 0;} #main .reviews .video .fancy_video, #main .reviews .fancy_reviews{width: 100%;margin: 0 0 15px;} #main .reviews .video .fancy_video{text-align: center;} #header .sticky .logo{padding: 10px 0;} #header .list li a, #header .list li span { padding: 5px 5px 4px; font-size: 9px; } #header .list li { margin-bottom: 5px;} #header .list{padding-bottom: 0;} .content .box .wrap{padding: 0 15px;} #header .phone_line{ font-size: 14px; line-height: 16px; } #header .phone_line{width: auto} .content .box_big .wrap{padding-top: 15px;} .info_index .list li{padding-top: 0;} .main_modal .modal-content{padding: 30px 10px 11px;} .info_index .left .number li{font-size: 40px;} } @media (max-width:569px){ .sticky .logo{display: none;} #header .sticky .list_item {padding-top: 20px;} #nav{margin-top: -45px;} .breadcramb ul li{padding: 5px 12px;} .breadcramb ul{padding: 6px 15px;} } @media (max-width:530px){ #footer .container > div:nth-child(2), #footer .info_contact{width:100%;} #footer .container > div:nth-child(2){padding-left: 0;} #footer .info_contact a, #footer .info_contact span.updat_btn{float: none;} #footer .container > div:last-child{margin-bottom: 0;} #footer .info_contact{padding-top: 0;} .fancybox-prev span{left: 9px;} .fancybox-next span{right: 9px;} .fancybox-close{top: 5px;right: 5px;} .pagination .prev_link a, .pagination .next_link a{ border: 0; text-indent: -99999px; background: url('../images/prev-p.png') no-repeat 50% 50%; width: 15px; height: 29px; } .pagination .next_link a{ background: url('../images/next-p.png') no-repeat 50% 50%; } .pagination .prev_link a:hover{background: url('../images/prev-p.png') no-repeat 50% 50%;} .pagination .next_link a:hover{background: url('../images/next-p.png') no-repeat 50% 50%;} #footer .info_contact a, #footer .info_contact span.updat_btn{width: 68%;} } @media (max-width:460px){ .participants .text .btn_style{position: static;margin-top: 10px;} #main.product .table_download { overflow-x: scroll; width: 286px; } .table_download .download_there{display: block;margin: 20px 0 9px 5px;} .modal-dialog {margin: 20px 10px 10px;} #footer .info_contact a, #footer .info_contact span.updat_btn{width: 100%;} .table_download td {padding: 6px;} .box-reviews{ width: 100%; } #footer .nav_foo:first-child, #footer .nav_foo, #footer .nav_foo:nth-child(2){ width: 100%; text-align: center; } } .justifyfull{ text-align: justify; line-height: normal; font-family: verdana, geneva; font-size: 100%; } .content-button { display: inline-block; background: #f25d48; color: #fff; height: 33px; font: 12px/33px "Lato-Regular", sans-serif; white-space: nowrap; padding: 0 10px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); -moz-transition: all 0.3s 0.03s ease; -o-transition: all 0.3s 0.03s ease; -webkit-transition: all 0.3s 0.03s ease; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-transform: uppercase; text-align: center; cursor: pointer; letter-spacing: 1px; margin-bottom: 0px; } .content-button:hover, .content-button:focus { background-color: #cf4b38; text-decoration: none; } .content-button-white { display: inline-block; background: #ffffff; border: 1px solid #000; color: #f25d48; height: 33px; font: 12px/33px "Lato-Regular", sans-serif; white-space: nowrap; padding: 0 10px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); -moz-transition: all 0.3s 0.03s ease; -o-transition: all 0.3s 0.03s ease; -webkit-transition: all 0.3s 0.03s ease; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-transform: uppercase; text-align: center; cursor: pointer; letter-spacing: 1px; margin-bottom: 0px; text-decoration: none; } .content-button-white:hover, .content-button-white:focus { background-color: #cf4b38; text-decoration: none; } .form-wr{ position: relative; margin-bottom: 15px; } .printSelection{ position: relative; z-index: 1000; } /* -----callback styles-------------*/ .call-us { position: fixed; z-index: 55; bottom: 7%; right: 2%; width: 110px; height: 110px; background-color: #f25d48; border-radius: 50%; display: block; cursor: pointer; } .call-us:before { content: ""; position: absolute; width: 126px; height: 126px; background-color: #f25d48; opacity: 0.3; border-radius: 50%; left: -8px; top: -8px; } .call-us:hover .call-us--popover { opacity: 1; } .call-img, .call-text { position: absolute; top: 50%; left: 50%; } .call-img { -moz-transform: perspective(400px) rotateY(0) scale(1) translate(-50%, -50%); -webkit-transform: perspective(400px) rotateY(0) scale(1) translate(-50%, -50%); -o-transform: perspective(400px) rotateY(0) scale(1) translate(-50%, -50%); -ms-transform: scale(1) translate(-50%, -50%); transform: perspective(400px) rotateY(0) scale(1) translate(-50%, -50%); opacity: 1; } .call-img svg { width: 60px; height: 60px; fill: #fff; } .call-us--text .call-img { -webkit-transition: opacity .8s cubic-bezier(.19, 1, .22, 1), transform .8s cubic-bezier(.19, 1, .22, 1); -moz-transition: opacity .8s cubic-bezier(.19, 1, .22, 1), transform .8s cubic-bezier(.19, 1, .22, 1); -o-transition: opacity .8s cubic-bezier(.19, 1, .22, 1), transform .8s cubic-bezier(.19, 1, .22, 1); transition: opacity .8s cubic-bezier(.19, 1, .22, 1), transform .8s cubic-bezier(.19, 1, .22, 1); -moz-transform: perspective(400px) rotateY(-180deg) scale(.4); -webkit-transform: perspective(400px) rotateY(-180deg) scale(.4); -o-transform: perspective(400px) rotateY(-180deg) scale(.4); -ms-transform: scale(.4); transform: perspective(400px) rotateY(-180deg) scale(.4); opacity: 0; } .call-text { text-transform: uppercase; line-height: 1.4; width: 95px; opacity: 0; -webkit-transition: opacity .8s cubic-bezier(.19, 1, .22, 1), transform .8s cubic-bezier(.19, 1, .22, 1); -moz-transition: opacity .8s cubic-bezier(.19, 1, .22, 1), transform .8s cubic-bezier(.19, 1, .22, 1); -o-transition: opacity .8s cubic-bezier(.19, 1, .22, 1), transform .8s cubic-bezier(.19, 1, .22, 1); transition: opacity .8s cubic-bezier(.19, 1, .22, 1), transform .8s cubic-bezier(.19, 1, .22, 1); -moz-transform: perspective(400px) rotateY(-180deg) scale(.4) translate(-50%, -50%); -webkit-transform: perspective(400px) rotateY(-180deg) scale(.4) translate(-50%, -50%); -o-transform: perspective(400px) rotateY(-180deg) scale(.4) translate(-50%, -50%); -ms-transform: translate(-50%, -50%) scale(.4); transform: perspective(400px) rotateY(-180deg) scale(.4); font-size: 14px; text-align: center; color: #fff; } .call-us--text .call-text { -moz-transform: perspective(400px) rotateY(0) scale(1); -webkit-transform: perspective(400px) rotateY(0) scale(1); -o-transform: perspective(400px) rotateY(0) scale(1); transform: perspective(400px) rotateY(0) scale(1) translate(-50%, -50%); -ms-transform: scale(1) translate(-50%, -50%); opacity: 1; } .call-us--popover { position: absolute; bottom: calc(100% + 35px); left: 0; width: 200px; padding: 14px 20px 15px; background-color: #f25d48; color: #fff; opacity: 0; -webkit-transition: opacity .5s cubic-bezier(.19, 1, .22, 1); -moz-transition: opacity .5s cubic-bezier(.19, 1, .22, 1); -o-transition: opacity .5s cubic-bezier(.19, 1, .22, 1); transition: opacity .5s cubic-bezier(.19, 1, .22, 1); } .call-us--popover:before { content: ''; position: absolute; top: 100%; width: 0; height: 0; border-style: solid; border-width: 20px 0 0 20px; border-color: #f25d48 transparent transparent transparent; } .modal-call { text-align: center; } .modal-call .modal-content { box-shadow: none; /* border: 1px solid #f68d7e; */ padding: 30px 46px 30px; border-radius: 0; max-height: 485px; overflow-y: auto; } .heading-modal { font: 20px/22px 'Lato-Regular', sans-serif; color: #eb523c; text-align: center; margin-bottom: 30px; letter-spacing: 1.5px; } .btn_tran-slow { background: #ed7665; border: 1px solid #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-transform: uppercase; color: #fff; height: 35px; padding: 0 10px; cursor: pointer; } .modal-call input[type="tel"], .call-bottom input[type="tel"] { color: #fff; border-width: 0 0 1px; border-style: solid; border-color: #fff; background: none; width: 100%; padding: 10px 0 7px; border-bottom: 1px solid #888c8d; color: #888c8d; } .modal-call input[type="tel"]{ font-size: 18px; } .call-bottom input[type="tel"] { border-bottom: 1px solid #888c8d; color: #888c8d; } .modal-call input[type="tel"]::-webkit-input-placeholder{ color: #888c8d; } .call-bottom input[type="tel"]::-webkit-input-placeholder { color: #888c8d; } .modal-call input[type="tel"]::-webkit-input-placeholder { color: #888c8d; } .call-bottom input[type="tel"]::-webkit-input-placeholder { color: #888c8d; } .call-bottom { position: fixed; bottom: 0; left: 0; right: 0; padding: 20px 0; min-height: 101px; background-color: rgba(255,255,255,0.9); /* display: none; */ color: #f25d48; z-index: 1000; } .bottom-second{ display: none; text-align: center; } .for-timer .bottom-second{ display: block; } .for-timer .bottom-first--info{ display: block; } .bottom-second .bottom-heading{ margin-bottom: 20px; } .call-bottom .close{ height: 13px; width: 13px; background: url('../images/icons.png') no-repeat -100px -84px; position: absolute; top: 5px; right: 5px; opacity: 1; } .call-bottom .close:hover {opacity: 0.5;} .disabled { display: none !important; opacity: 0; } .call-me{ overflow: hidden; } .call-me .submit{ float: right; } .timer-wr{ display: inline-block; vertical-align: middle; padding-top: 10px; } .modal-call .timer-wr{ padding-top: 0; } .timer-wr span{ font: 30px 'Lato-Regular', sans-serif; } .timer-wr .timer-units{ font-size: 25px; margin: 0 7px; } .bottom-heading{ font-size: 19px; line-height: 1.3; } .new-content .modal-body{ display: none; } .error-request{ display: none; } .new-content .error-request{ display: block; } .form-holder{ position: relative; margin-bottom: 20px; } .form-control-feedback{ width: auto; height: auto; } .no-padding{ padding: 0 !important; } .call-btn{ text-shadow: 1px 1px 1px rgba(0,0,0,0.5); letter-spacing: 1px; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .call-btn:hover{ background: #cf4b38; color: #fff; } @media screen and (max-width: 991px){ .call-me{ display: block; margin-bottom: 20px; } .call-me{ display: block; text-align: center; } .timer-wr{ text-align: center; display: block; } } @media screen and (max-width: 375px){ .timer-wr span{ font-size: 20px; } .modal-call .modal-content{ padding: 20px; } .modal-call .modal-body{ padding: 0; } .timer-wr .timer-units{ font-size: 17px; } } @media screen and (min-width: 800px){ .call-bottom .row { margin-bottom: 0; } } /* -------------callback end----------------------*/ @font-face { font-family: 'Glyphicons Halflings'; src: url('fonts/glyphicons-halflings-regular.eot'); src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .heading-new-modal, .heading-discount { font: 700 32px / 1 'Roboto',sans-serif; color: #e55233; display: block; text-transform: uppercase; margin-bottom: 15px; } .close-promo { position: absolute; top: 5px; right: 5px; bottom: calc(100% + 10px); cursor: pointer; width: 13px; height: 13px; padding: 0; background-color: transparent; border: none; background-image: url("../images/close.png"); background-repeat: no-repeat; z-index: 20; } .close-promo:hover {opacity: 0.5;} .heading-discount { margin-bottom: 0; } .heading-new-modal span, .heading-discount span { font-size: 27px; } .modal-dialog.modal-new, .modal-dialog.modal-promocode { max-width: 1331px; width: auto; } .modal-dialog.modal-new .modal-content, .modal-dialog.modal-promocode .modal-content { max-height: none; padding: 0; overflow: visible; background-image: url("../images/modal-1-bg.jpg"); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; background-color: transparent; border: none; -webkit-box-shadow: -2px 5px 23px rgba(0, 0, 0, .3) box-shadow: -2px 5px 23px rgba(0, 0, 0, .3); font: 400 17px / 1.3 'Roboto',sans-serif; color: #4e4e4e; border-radius: 0; } .modal-dialog.modal-promocode .modal-content { padding: 85px 19% 130px; background-image: url("../images/modal-2-bg.jpg"); } .valide-wr{ position: relative; } .has-error .modal-control{ border: 1px solid #e55233; } .discount { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* margin-left: -9999px; padding-left: 9999px;*/ padding: 18px 0 18px 80px; margin-left: -80px; margin-bottom: 25px; } .modal-new .modal-right { overflow: hidden; padding: 41px 0px 0 59px; color: #4e4e4e; } .modal-new .modal-body { padding: 0; } .modal-new-form { /* font: 400 20px / 1.3 'Lato-Regular',sans-serif; */ color: #fff; padding: 41px 65px 41px 75px; } .modal-new-form p{ margin: 0; text-align: justify; font-size: 14px; font-style: italic; } .table-responsive table{ width: 100%; max-width: 100%; } .modal-phone-holder .valide-wr{ font-size: 0; } .modal-new-form label { font: italic 400 14px / 1.3 'Roboto',sans-serif; margin-bottom: 10px; text-align: left; display: block; } .modal-control { display: block; height: 36px; border: none; padding: 5px 10px; border-bottom: 1px solid #565656; font: italic 400 16px 'Roboto',sans-serif; color: #848484; display: block; width: 100%; background-color: rgba(255, 255, 255, 0.8); } /* Webkit */ .modal-control::-webkit-input-placeholder { color: #848484; } /* Firefox 19+ */ .modal-control::-moz-placeholder { color: #848484; } /* IE10+ */ .modal-control:-ms-input-placeholder { color: #848484; } .btn-get, .btn-promo, .btn-question { width: 100%; border-radius: 10px; background-color: #e55233; font: 500 25px 'Roboto',sans-serif; text-transform: uppercase; -o-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; } .btn-width{ width: 100%; } .btn-dotted{ background-color: #ffedea; border: 1px dashed #ea523c; text-transform: uppercase; font: 13px 'Lato-Medium',sans-serif; color: #eb523c; padding: 17px 20px; letter-spacing: 1px; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .btn-dotted:hover{ background-color: #E8CFCB; } .btn-dotted:focus{ outline: none; box-shadow: none; } .btn-get:hover, .btn-promo:hover, .btn-question:hover { background-color: #cf4b38; color: #fff; } .btn-question.btn-question--grey:hover{ background-color: #676262; } .btn-get:focus, .btn-promo:focus, .btn-question:focus{ outline: none; } .btn-question { width: 100%; padding: 17px 15px; color: #fff; } .btn-question--grey { background-color: #9a9a9a; } .btn-promo { width: auto; padding: 17px 40px; color: #fff; } .country-code, .modal-phone { display: inline-block; } .country-code { width: 21.5%; margin-right: 1.5%; } .modal-phone { width: 77%; } .modal-dialog.modal-new .modal-right p { margin-bottom: 25px; } /* -----------------promo modal ----------------*/ .promo-phone { font: 700 33px 'Lato-Regular',sans-serif; color: #e55233; display: block; } .promo-phone:hover { text-decoration: none; color: #e55233; } .modalinner-holder { padding: 30px 0; border: none; border-top: 1px solid #989898; border-bottom: 1px solid #989898; } .modalinner-holder p { margin-bottom: 20px; } .modalinner-holder:last-child { border: none; } /* ----------------promo result ------------------------*/ .discount-result { margin: 0 0 20px; } .discount-result span { font: 700 40px / 1 'Roboto',sans-serif; color: #e55233; } .promo-question { font: 700 39px 'Lato-Regular',sans-serif; color: #4e4e4e; margin-bottom: 38px; } .promobtn-wr { display: inline-block; width: 90px; } .promobtn-wr:first-child { margin-right: 2%; } .modalbtn-holder { font-size: 0; } .form-group{ margin-bottom: 10px; } .form-group--btn{ margin-bottom: 25px; } .form-group--button{ margin-bottom: 30px; } /* ----------------validation---------------- */ textarea {resize: none;overflow: auto;} .title_form { font:16px/41px Arial, sans-serif; text-transform: uppercase; color: #c00d0e; display: block; text-align: center; } .form .label_row { display: inline-block; vertical-align: middle; width: 140px; text-align: right; line-height: 30px; margin-right: 20px; font-size: 17px; } .form .input, .form select { display: inline-block; vertical-align: middle; width: 100%; height: 34px; border: 1px solid #000; padding: 0 10px; color: #1d1d1b; } .form .has-error .input, .form .has-error select {border: 1px solid #a94442;} .form .error_text { padding-top: 7px; display: none; color: #a94442; } .form select {border-color: #cccccc} .form option {line-height: 28px;} .form .checkbox, .form .radio { display: inline-block; vertical-align: middle; margin-right: 20px; } .form .has-error .error_text { display: inline-block; width: 100%; } .form .form-control-feedback {display: none;right: 25px;} .form .has-error .glyphicon-remove {display: block;font-size: 20px;} .form .has-success .glyphicon-ok {display: block;} @media (max-width: 1600px){ .modal-dialog.modal-new, .modal-dialog.modal-promocode { width: 1000px; } .modal-dialog {margin: 85px auto 0 !important;} .btn-get, .btn-promo, .btn-question{ font-size: 21px; width: 100%; padding: 14px 20px; } .country-code{ width: 23.5%; } .modal-phone{ width: 75%; } .heading-new-modal span, .heading-discount span{ font-size: 21px; } .modal-new-form { padding: 50px 35px; } .modal-new .modal-right{ padding: 95px 45px 0 80px; } } @media (min-width: 992px) and (max-width: 1199px) { .sld-review__info { padding-left: 26px !important; } .form .form-control-feedback{ right: 15px; } } @media (max-width: 991px) { .sld-review__info{ padding-left: 20px !important; } .modal-dialog.modal-new, .modal-dialog.modal-promocode{ width: 80%; } .modal-new .modal-right { overflow: visible; } .modal-new .modal-right, .modal-new-form { padding: 30px 40px 0; } .modal-new-form { padding-bottom: 30px; padding-top: 0; } .modal-dialog.modal-new .modal-right p { margin-bottom: 20px; } .discount { padding: 20px; width: 100%; margin: 0 0 20px; } .discount-result span { font-size: 31px; } .modal-control, .modal-phone-holder{ width: 100%; } .country-code { width: 28%; } .modal-phone { width: 70.5%; } .btn-get{ width: 100%; } .form .form-control-feedback{ right: 0; } .btn-get, .btn-promo, .btn-question{ width: auto; } } @media (max-width: 767px) { .modal-dialog.modal-new .modal-content, .modal-dialog.modal-promocode .modal-content{ font-size: 20px; } .modal-new .modal-right, .modal-new-form { padding: 10px 20px 20px; } .modal-new .modal-right{ padding: 20px 20px 0; } .modal-dialog.modal-new, .modal-dialog.modal-promocode { max-width: none; width: 80%; margin: 70px auto 0; } .modal.fade.in { padding: 0; } .close-promo { /*top: 10px;*/ bottom: auto; /*right: 10px;*/ z-index: 100; top: 5px; right: 5px; } .heading-new-modal, .heading-discount{ font-size: 30px; } .modal-dialog.modal-new .modal-right p{ font-size: 18px; } .modal-new-form label, .modal-new-form{ font-size: 18px; } .heading-new-modal span, .heading-discount span{ font-size: 15px; } .btn-get, .btn-promo, .btn-question{ width: auto; font-size: 18px; padding: 10px 20px; } .modal-dialog.modal-promocode .modal-content{ padding: 30px 3% 30px; } .discount-result{ margin-bottom: 20px; } .promo-question{ font-size: 25px; } } @media (max-width: 480px){ .modal-dialog.modal-new, .modal-dialog.modal-promocode{ width: 90%; } } @media (max-width: 375px) { .modal-control, .modal-phone-holder { width: 100%; } .country-code { width: 30%; } .modal-phone { width: 68.5%; } } /*19.09 */ .reviews-mainpage { padding: 42px 0; background: url('../images/bg_team.jpg') no-repeat; -webkit-background-size: cover; background-size: cover; /* min-height: 510px; padding-bottom: 20px;*/ } .sld-review { /* display: inline-block; float: none;*/ font-size: 0; letter-spacing: 0; line-height: 0; width: 100%; /*max-height: 250px;*/ } .sld-inline { display: inline-block; float: none; font-size: 14px; line-height:normal; vertical-align: middle; } .sld-review__img { width: 20%; /*width: 100%;*/ text-align: center; padding-right: 15px; } /*.sld-review__img img { display: inline-block; }*/ .sld-review__info { width: 80% !important; padding-left: 29px; color: #fff; max-height: 228px; min-height: 228px; overflow: hidden; } .sld-review__text span{ padding-right: 20px; font: 18px/20px 'Lato-Medium',sans-serif; color: #fff; } .sld-review__text{ height: 156px; overflow: hidden; } .sld-review__info p { padding-right: 15px; } .sld-review__title { font: 20px/22px 'Lato-Bold',sans-serif; display: block; padding-top: 10px; /*padding-bottom: 10px;*/ margin-bottom: 20px; /*text-align: center;*/ /*border-bottom: 1px solid #fff;*/ } .all-reviews { text-transform: uppercase; font-size: 24px; text-align: center; margin-top: 30px; text-align: center; } .all-reviews a:hover { text-decoration: none; background: #cf4b38; color: #fff; } .all-reviews a { background: #ed7665; border: 1px solid #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-transform: uppercase; color: #fff; height: 35px; padding: 0 10px; cursor: pointer; -moz-transition: all 0.3s 0.03s ease; -o-transition: all 0.3s 0.03s ease; -webkit-transition: all 0.3s 0.03s ease; display: inline-block; font: 12px/33px "Lato-Regular",sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); text-align: center; cursor: pointer; letter-spacing: 1px; } .reviews-box .slider-rev { margin-top: 0; margin-bottom:0; padding: 0; } .slider-rev { padding: 0; width: 92%; padding: 40px 0; margin: 0 auto; } .swiper-button-next { position: absolute; top: 50%; margin-top: -26px; width: 18px; height: 36px; text-indent: -99999px; background: url('../images/icons.png') no-repeat 0 -262px; background-position: -32px -309px; right: 0; } .swiper-button-next:hover,.swiper-button-prev:hover {opacity:0.5;} /*.swiper-button-next:hover { background-position: -32px -262px; } .swiper-button-prev:hover { background-position: 0 -262px; }*/ .swiper-button-prev { position: absolute; top: 50%; margin-top: -26px; width: 18px; height: 36px; text-indent: -99999px; background: url('../images/icons.png') no-repeat 0 -309px; left: 0; } .reviews-box { position: relative; } .reviews-box .heading { text-align: center; margin-bottom: 32px; line-height: 16px; color: #fff; } .rev-min__box { position: relative; margin-top: 25px; margin-bottom: 25px; } .reviews-fixed { position: fixed; backface-visibility: hidden; bottom: 0; left: 0; width: 100%; padding: 25px 0; background: #858585; display: none; } .reviews-fixed.free { position: relative; /*padding: 25px 0;*/ } .slider-min { width: 80%; margin: 0 auto; } .slider-min .all-reviews a { color: #fff; } .slider-min .all-reviews a:hover { color: #000; } .swiper-min__img img { max-height: 150px; } .swiper-min__img { text-align: center; display: block; } .swiper-min__img.active img { border: 2px solid red; } .block-reviews { /*padding-bottom: 330px;*/ } .block-reviews.active { padding-bottom: 0; } .block-reviews__inner { padding: 30px 0; backface-visibility: hidden; color: #000; } .block-reviews__img { text-align: center; margin-bottom: 30px; } .block-reviews__inner .block-reviews__img{ margin-bottom: 0; } .block-reviews__inner .sld-review__title { text-align: center; border-bottom: 1px solid #eb523c; padding-bottom: 15px; margin-bottom: 25px; text-align: left; } .rev-min-prev { left: 4% !important; } .rev-min-next { right: 4% !important; } @media (max-width: 1500px){ .rev-min__box { margin: 0; } .swiper-button-prev { left: 10px; } .swiper-button-next { right: 10px; } } @media (max-width: 767px){ .reviews-box { width: 92%; margin: 0 auto; } .reviews-mainpage {max-height: inherit;} .sld-review__img { padding-right: 0; margin-bottom: 10px; } .sld-review__img img {margin: 0 auto;display: block;} .swiper-button-next {right: 0;} .swiper-button-prev {left: 0;} } @media (max-width: 599px){ .fancy_img_item .fancybox-wrap { left: auto !important; } .swiper-min__img img { max-height: 90px; } .swiper-button-prev { top: 35%; } .swiper-button-next { top: 35%; } .reviews-fixed { padding: 10px 0; } .all-reviews { font-size: 16px; margin-top: 15px; } .sld-review__img { width: 100%; margin-bottom: 15px; } .sld-review__info { width: 100% !important; padding-left: 0; } } .fancy_img_item .fancybox-inner { height: 100% !important; width: auto !important; } .fancy_img_item .fancybox-opened { height: 100% !important; width: auto !important; } .g-recaptcha { display: inline-block; vertical-align: bottom; margin-right: 50px; max-height: 76px; } .recaptcha-btn { float: none !important; } .info_index.info-index--help { background-position: -20px 0; } .rc-anchor-normal { height: 76px !important; } #header .list li span#rus, #header .list li span#ukr { border: none; padding: 2px; font-weight: bold; color: #000;cursor:pointer;} #header .list li span#ukr {color:#005A96} #header .list li span#rus:hover, #header .list li span#ukr:hover {color:#005A96} @media (min-width: 768px) and (max-width: 989px) { #nav {width: 28%; padding-top:6px;} #nav ul li {display: block; float:none;} #header .list { padding: 13px 0 20px; text-align: left; margin-left: 34px; width: 35%; } } #main {display: flex} #main.product.instructions.updates_block { display: block} @media (max-width: 480px) { #main { flex-direction: column-reverse; } .main_aside_holder { display: block;} } .nobg:hover, .nobg {background-color:transparent!important;} @media (min-width: 990px) and (max-width: 1190px) { #header .phone_line {width: 25%} #header .phone_line2 {display: none} #nav {width: 46%; padding-top:6px;padding: 0; text-align: left} #nav ul li {padding: 12px 9px;} #header .list { padding: 2px 0 11px; text-align: left; margin-left: 34px; width: 23%; } #header .phone_line { margin: 0 6px } } /* Kollaje */ .collage_liza { display: grid; grid-template-columns: repeat(auto-fill, minmax(50px, 1fr)); /* Минимальная ширина столбца 200px */ grid-auto-rows: auto; /* Автоматическая высота ячеек */ grid-gap: 10px; /* Расстояние между фотографиями */ } /* Стили для изображений в коллаже */ .photo_liza { order: 2px solid #ccc; /* Рамка вокруг фотографии */ overflow: hidden; /* Обрезать изображение, если оно выходит за рамки */ } .photo_liza img { width: 100%; /* Заполнение всей доступной ширины ячейки */ height: 100%; /* Заполнение всей доступной высоты ячейки */ object-fit: cover; /* Заполнение ячейки и сохранение соотношения сторон изображения */ } .trigger-image { width: 300px; cursor: pointer; margin: 10px; } .video-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); justify-content: center; align-items: center; z-index: 1000; } .video-popup { position: relative; max-width: 800px; background-color: #fff; padding: 5px; border-radius: 8px; display: flex; height:100%; } .video-popup video { border-radius: 8px; } .close-btn { position: absolute; top: 10px; right: 10px; font-size: 20px; background-color: #ff4d4d; border: none; color: white; padding: 5px 10px; border-radius: 50%; cursor: pointer; z-index: 1; } /* ========================= */ /* АДАПТИВ ТОЛЬКО ДЛЯ ТАБЛИЦЫ PRRO СОТА */ /* ========================= */ @media (max-width: 768px){ .tarif_table_wrapper_lp table.mob_table_prro{ border: 0 !important; } /* скрываем первые 2 строки (шапку) */ .tarif_table_wrapper_lp table.mob_table_prro tbody tr:nth-child(1), .tarif_table_wrapper_lp table.mob_table_prro tbody tr:nth-child(2){ display: none; } /* строка = карточка */ .tarif_table_wrapper_lp table.mob_table_prro tbody tr{ display: block; border: 1px solid #8f8f8f; margin-bottom: 18px; background: #fff; } /* ✅ скрываем колонку № (первая ячейка). В ценовых строках первая ячейка colspan=2 — мы ниже её снова покажем. */ .tarif_table_wrapper_lp table.mob_table_prro tbody tr td:first-child{ display: none !important; } /* ячейки */ .tarif_table_wrapper_lp table.mob_table_prro tbody tr td{ display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; border: 0 !important; border-bottom: 1px solid #e6e6e6 !important; padding: 10px !important; text-align: left !important; width: 100% !important; box-sizing: border-box; } .tarif_table_wrapper_lp table.mob_table_prro tbody tr td:last-child{ border-bottom: 0 !important; } /* подписи слева (меньше) */ .tarif_table_wrapper_lp table.mob_table_prro tbody tr td::before{ font-family: verdana, geneva, sans-serif; font-size: 11px; font-weight: 700; color: #333; min-width: 120px; content: ""; text-transform: uppercase; letter-spacing: .2px; } /* ✅ ЯЧЕЙКА "ПОСЛУГА" — определяем по align="left" (не ломает цену 2400) */ .tarif_table_wrapper_lp table.mob_table_prro tbody tr td[align="left"]{ display: block !important; } .tarif_table_wrapper_lp table.mob_table_prro tbody tr td[align="left"]::before{ display: none !important; content: "" !important; } /* ✅ убираем лишние

в описании услуг */ .tarif_table_wrapper_lp table.mob_table_prro tbody tr td[align="left"] br{ display: none !important; } /* ✅ Заголовки услуг (размер меняешь здесь) */ .tarif_table_wrapper_lp table.mob_table_prro tbody tr td[align="left"] b{ display: block; font-size: 13px !important; /* <-- МЕНЯЕШЬ РАЗМЕР ЗДЕСЬ */ text-transform: uppercase; letter-spacing: .3px; margin-bottom: 2px; /* расстояние до описания */ line-height: 1.2; } /* подписи тарифов (обычные строки услуг) */ .tarif_table_wrapper_lp table.mob_table_prro tbody tr td:nth-child(3)::before{ content: "БАЗОВИЙ"; } .tarif_table_wrapper_lp table.mob_table_prro tbody tr td:nth-child(4)::before{ content: "ОПТИМАЛЬНИЙ"; } .tarif_table_wrapper_lp table.mob_table_prro tbody tr td:nth-child(5)::before{ content: "МАКСИМАЛЬНИЙ"; } /* ===== ЦЕНОВЫЕ СТРОКИ ===== */ .tarif_table_wrapper_lp table.mob_table_prro tbody tr td[colspan="2"]{ display: block !important; /* возвращаем отображение (мы выше скрыли td:first-child) */ background: #f7f7f7; font-weight: 700; } .tarif_table_wrapper_lp table.mob_table_prro tbody tr td[colspan="2"]::before{ display: none !important; } /* ✅ теперь "БАЗОВИЙ" для 2400 точно появится */ .tarif_table_wrapper_lp table.mob_table_prro tbody tr td[colspan="2"] + td::before{ content: "БАЗОВИЙ"; } .tarif_table_wrapper_lp table.mob_table_prro tbody tr td[colspan="2"] + td + td::before{ content: "ОПТИМАЛЬНИЙ"; } .tarif_table_wrapper_lp table.mob_table_prro tbody tr td[colspan="2"] + td + td + td::before{ content: "МАКСИМАЛЬНИЙ"; } /* списки внутри услуги */ .tarif_table_wrapper_lp table.mob_table_prro ul{ margin: 6px 0 0 18px !important; padding: 0 !important; } /* иконки */ .tarif_table_wrapper_lp table.mob_table_prro img{ max-width: 18px; height: auto; } } /* НОВЫЕ СРАВНИТЕЛЬНЫЕ ТАБЛИЦЫ LS */ /* ====== LS Vergleich (responsive) ====== */ .lp-table-wrap_tab_ls_vergleich_lp{ max-width: 850px; width: 100%; margin: 0 auto; overflow-x: auto; -webkit-overflow-scrolling: touch; } .lp-table_tab_ls_vergleich_lp{ width: 100%; border-collapse: collapse; background: #fff; } .lp-th_tab_ls_vergleich_lp, .lp-td_tab_ls_vergleich_lp{ border: 1px solid #787878; padding: 14px 16px; vertical-align: top; font-family: verdana, geneva, sans-serif; font-size: 12px; line-height: 1.4; color: #333; text-align: left; } .lp-thead_tab_ls_vergleich_lp .lp-th_tab_ls_vergleich_lp{ background: #f3f3f3; font-weight: 700; } /* Жирные заголовки внутри описания */ .lp-td_tab_ls_vergleich_lp strong{ font-weight: 700; display: inline-block; margin-bottom: 4px; } /* ===== DESKTOP: иконки по центру в колонках 2-3 (только если icon-класс) ===== */ .lp-td_tab_ls_vergleich_lp.icon_tab_ls_vergleich_lp{ text-align: center; vertical-align: middle; font-size: 20px; } .lp-icon_tab_ls_vergleich_lp{ display: inline-block; line-height: 1; } /* Заголовок нужен только на мобилке */ .lp-mobile-title_tab_ls_vergleich_lp{ display: none; } /* ===== MOBILE ===== */ @media (max-width: 768px){ /* Отступы от краёв */ .lp-table-wrap_tab_ls_vergleich_lp{ padding-left: 10px; padding-right: 10px; overflow-x: visible; } /* Заголовок над таблицей */ .lp-mobile-title_tab_ls_vergleich_lp{ display: block; margin: 20px 0 17px 0; font-size: 16px; font-weight: 700; color: #000; text-align: center; background: none; border: none; padding: 0 10px; } .lp-table_tab_ls_vergleich_lp{ border: 0; } .lp-thead_tab_ls_vergleich_lp{ display: none; } /* Карточки */ .lp-tr_tab_ls_vergleich_lp{ display: block; border: 1px solid #787878; margin-bottom: 30px; background: #fff; } .lp-td_tab_ls_vergleich_lp{ display: block; border: 0; border-bottom: 1px solid #787878; padding: 12px; font-size: 14px; text-align: left; } .lp-td_tab_ls_vergleich_lp:last-child{ border-bottom: 0; } /* Лейблы по умолчанию (перед контентом) */ .lp-td_tab_ls_vergleich_lp::before{ content: attr(data-label_tab_ls_vergleich_lp); display: block; font-weight: 700; margin-bottom: 6px; font-size: 13px; text-align: left; } /* Убираем дублирование "Функціонал, який ви отримуєте" внутри карточек */ .lp-td_tab_ls_vergleich_lp[data-label_tab_ls_vergleich_lp="Функціонал, який ви отримуєте"]::before{ display: none; } /* ===== Строка "Програма/Обробка" + значок на одной линии ===== */ .lp-td_tab_ls_vergleich_lp.icon_tab_ls_vergleich_lp{ display: flex; align-items: center; gap: 10px; padding: 12px; text-align: left; font-size: 14px; } .lp-td_tab_ls_vergleich_lp.icon_tab_ls_vergleich_lp::before{ display: block; margin: 0; font-size: 14px; font-weight: 700; text-align: left; flex: 1 1 auto; } .lp-td_tab_ls_vergleich_lp.icon_tab_ls_vergleich_lp .lp-icon_tab_ls_vergleich_lp{ flex: 0 0 auto; min-width: 34px; text-align: center; font-size: 20px; line-height: 1; margin-left: auto; } .lp-table_tab_ls_vergleich_lp tbody .lp-tr_tab_ls_vergleich_lp .lp-td_tab_ls_vergleich_lp:nth-child(2):not(.icon_tab_ls_vergleich_lp) strong:first-child, .lp-table_tab_ls_vergleich_lp tbody .lp-tr_tab_ls_vergleich_lp .lp-td_tab_ls_vergleich_lp:nth-child(3):not(.icon_tab_ls_vergleich_lp) strong:first-child{ display: inline-block; } .lp-table_tab_ls_vergleich_lp .lp-th_tab_ls_vergleich_lp, .lp-table_tab_ls_vergleich_lp .lp-td_tab_ls_vergleich_lp{ width: auto !important; } } .lp-note{ font-size:12px; margin-top:6px; line-height:1.4; } .lp-td_tab_ls_vergleich_lp.icon_tab_ls_vergleich_lp{ text-align: center; vertical-align: top; } .lp-icon_tab_ls_vergleich_lp{ display: block; margin: 0 auto 6px auto; font-size: 18px; } /* обычные строки — иконка по центру */ .lp-td_tab_ls_vergleich_lp.icon_tab_ls_vergleich_lp{ text-align: center; vertical-align: middle; } /* строки с пояснением — иконка сверху */ .lp-td_tab_ls_vergleich_lp.icon_tab_ls_vergleich_lp:has(.lp-note){ vertical-align: top; } /* На десктопе скрываем заголовки программ в текстовых ячейках 2 и 3 колонки */ .lp-table_tab_ls_vergleich_lp tbody .lp-tr_tab_ls_vergleich_lp .lp-td_tab_ls_vergleich_lp:nth-child(2):not(.icon_tab_ls_vergleich_lp) strong:first-child, .lp-table_tab_ls_vergleich_lp tbody .lp-tr_tab_ls_vergleich_lp .lp-td_tab_ls_vergleich_lp:nth-child(3):not(.icon_tab_ls_vergleich_lp) strong:first-child{ display: none; } /* ===== ТОЛЬКО DESKTOP ===== */ @media (min-width: 769px){ /* вертикальное выравнивание всей шапки */ .lp-thead_tab_ls_vergleich_lp .lp-th_tab_ls_vergleich_lp{ vertical-align: middle; } /* первая колонка шапки слева */ .lp-thead_tab_ls_vergleich_lp .lp-th_tab_ls_vergleich_lp:nth-child(1){ text-align: left; } /* вторая и третья колонки шапки по центру */ .lp-thead_tab_ls_vergleich_lp .lp-th_tab_ls_vergleich_lp:nth-child(2), .lp-thead_tab_ls_vergleich_lp .lp-th_tab_ls_vergleich_lp:nth-child(3){ text-align: center; } /* колонка функционала */ .lp-table_tab_ls_vergleich_lp .lp-th_tab_ls_vergleich_lp:nth-child(1), .lp-table_tab_ls_vergleich_lp .lp-td_tab_ls_vergleich_lp:nth-child(1){ width: 40%; } /* колонка программы шире */ .lp-table_tab_ls_vergleich_lp .lp-th_tab_ls_vergleich_lp:nth-child(2), .lp-table_tab_ls_vergleich_lp .lp-td_tab_ls_vergleich_lp:nth-child(2){ width: 35%; } /* колонка Маяк Бонус чуть уже */ .lp-table_tab_ls_vergleich_lp .lp-th_tab_ls_vergleich_lp:nth-child(3), .lp-table_tab_ls_vergleich_lp .lp-td_tab_ls_vergleich_lp:nth-child(3){ width: 25%; } } /* ===== ТОЛЬКО ДЛЯ БДЖОЛА ===== */ @media (min-width: 769px){ .lp-table-bdzola .lp-table_tab_ls_vergleich_lp .lp-th_tab_ls_vergleich_lp:nth-child(1), .lp-table-bdzola .lp-table_tab_ls_vergleich_lp .lp-td_tab_ls_vergleich_lp:nth-child(1){ width: 50%; } .lp-table-bdzola .lp-table_tab_ls_vergleich_lp .lp-th_tab_ls_vergleich_lp:nth-child(2), .lp-table-bdzola .lp-table_tab_ls_vergleich_lp .lp-td_tab_ls_vergleich_lp:nth-child(2){ width: 30%; } .lp-table-bdzola .lp-table_tab_ls_vergleich_lp .lp-th_tab_ls_vergleich_lp:nth-child(3), .lp-table-bdzola .lp-table_tab_ls_vergleich_lp .lp-td_tab_ls_vergleich_lp:nth-child(3){ width: 20%; } } /* ===== выравнивание перечислений для ТТН ===== */ .lp-note-list-left{ display: table; margin: 6px auto 0 auto; text-align: left !important; width: auto; } .lp-note-list-left-transport{ width: 180px; margin: 6px auto 0 auto; text-align: left !important; padding-left: 50px; } /* ===== плеер беспл занятий БАС ===== */ .acad-present-flex-container-player-text-BAS{ width: 100%; padding: 25px 0 60px 0; color: #333333; } .acad-present-video-player-BAS{ position: relative; width: 100%; max-width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 12px; } .acad-present-video-player-BAS img.acad-present-videoCover{ width: 100%; height: 100%; object-fit: cover; cursor: pointer; display: block; } .acad-present-video-player-BAS iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } /*============================== BREADCRUMB FIX ==============================*/ .breadcramb { height: auto !important; min-height: 50px; overflow: visible !important; background: #e6e6e6; } .breadcramb .container, .breadcramb > .container { height: auto !important; min-height: 50px; overflow: visible !important; } .breadcramb ul { margin: 0; padding: 0 12px 8px 12px; list-style: none; overflow: visible !important; } .breadcramb ul li { position: relative; display: inline-block; vertical-align: top; padding: 12px 12px 4px 12px; line-height: 1.35; } .breadcramb ul li:first-child { padding-left: 0; } .breadcramb ul li.last { white-space: normal; max-width: 720px; padding-right: 0; overflow-wrap: break-word; word-break: normal; } .breadcramb ul li:after { position: absolute; top: 19px; left: 0; background: #9ea1a2; height: 2px; width: 2px; content: ""; } .breadcramb ul li:first-child:after { display: none; } /*======infobox блок с картинками ценами ====*/ .infobox-price-wrapper-lp { width: 760px; max-width: 100%; margin: 0 auto; display: flex; justify-content: center; align-items: center; gap: 26px; box-sizing: border-box; } .infobox-price-card-lp { width: 185px; height: 150px; background: #edf7f2; border: 2px solid #007f4e; border-radius: 16px; display: flex; align-items: center; justify-content: center; gap: 14px; padding: 14px; box-sizing: border-box; } .infobox-price-logo-lp { width: 50px; height: auto; flex-shrink: 0; } .infobox-price-text-lp { text-align: center; line-height: 1; } .infobox-price-number-lp { font-size: 34px; font-weight: 400; color: #222; margin-bottom: 5px; } .infobox-price-currency-lp { font-size: 15px; color: #222; } /* MOBILE */ @media (max-width: 768px) { .infobox-price-wrapper-lp { width: 100%; flex-direction: column; gap: 16px; padding: 10px; } .infobox-price-card-lp { width: 190px; height: 155px; } } /* FIX: old BAS / M.E.Doc / SOTA Kasa tables */ table.mob_table, .mob_table table, table.mob_table_prro { border-collapse: collapse !important; border-spacing: 0 !important; } table.mob_table td, table.mob_table th, .mob_table table td, .mob_table table th, table.mob_table_prro td, table.mob_table_prro th { border: 1px solid #c8c8c8 !important; padding: 10px 8px !important; } table.mob_table td[bgcolor="#f0eded"], table.mob_table td[style*="background-color: #f0eded"], table.mob_table td[style*="background-color:#f0eded"], .mob_table table td[bgcolor="#f0eded"], .mob_table table td[style*="background-color: #f0eded"], .mob_table table td[style*="background-color:#f0eded"], table.mob_table_prro td[bgcolor="#f0eded"], table.mob_table_prro td[style*="background-color: #f0eded"], table.mob_table_prro td[style*="background-color:#f0eded"] { background-color: #e8e8e8 !important; border-color: #c0c0c0 !important; }