@font-face{font-family:"flexslider-icon";src:url("/assets/flexslider/fonts/flexslider-icon.eot");src:url("/assets/flexslider/fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"),url("/assets/flexslider/fonts/flexslider-icon.woff") format("woff"),url("/assets/flexslider/fonts/flexslider-icon.ttf") format("truetype"),url("/assets/flexslider/fonts/flexslider-icon.svg#flexslider-icon") format("svg");font-weight:normal;font-style:normal}.flex-container a:hover,.flex-slider a:hover,.flex-container a:focus,.flex-slider a:focus{outline:0}.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}.flex-pauseplay span{text-transform:capitalize}.flexslider{margin:0;padding:0}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flexslider .slides:after{content:" ";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .flexslider .slides{display:block}* html .flexslider .slides{height:1%}.no-js .flexslider .slides>li:first-child{display:block}.flexslider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;zoom:1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:"" 0 1px 4px rgba(0,0,0,.2);-moz-box-shadow:"" 0 1px 4px rgba(0,0,0,.2);-o-box-shadow:"" 0 1px 4px rgba(0,0,0,.2);box-shadow:"" 0 1px 4px rgba(0,0,0,.2)}.flexslider .slides{zoom:1}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.carousel li{margin-right:5px}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.flex-direction-nav a:before{font-family:"flexslider-icon";font-size:40px;display:inline-block;content:""}.flex-direction-nav a.flex-next:before{content:""}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0 !important;filter:alpha(opacity=0);cursor:default}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:"flexslider-icon";font-size:20px;display:inline-block;content:""}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a .flex-play:before{content:""}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}} .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:0;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}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(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("/assets/fancybox/source/fancybox_sprite.png")}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url("/assets/fancybox/source/fancybox_loading.gif") center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url("/assets/fancybox/source/blank.gif");-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%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important}.fancybox-lock{overflow:hidden !important;width:auto}.fancybox-lock body{overflow:hidden !important}.fancybox-lock-test{overflow-y:hidden !important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url("/assets/fancybox/source/fancybox_overlay.png")}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.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;background:rgba(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)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url("/assets/fancybox/source/fancybox_sprite@2x.png");background-size:44px 152px}#fancybox-loading div{background-image:url("/assets/fancybox/source/fancybox_loading@2x.gif");background-size:24px 24px}} @font-face{font-family:"FontAwesome";src:url("/assets/fonts/fontawesome-webfont.eot?v=4.5.0");src:url("/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"),url("/assets/fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"),url("/assets/fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"),url("/assets/fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"),url("/assets/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");font-weight:normal;font-style:normal;font-display:swap}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-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:""}.fa-music:before{content:""}.fa-search:before{content:""}.fa-envelope-o:before{content:""}.fa-heart:before{content:""}.fa-star:before{content:""}.fa-star-o:before{content:""}.fa-user:before{content:""}.fa-film:before{content:""}.fa-th-large:before{content:""}.fa-th:before{content:""}.fa-th-list:before{content:""}.fa-check:before{content:""}.fa-remove:before,.fa-close:before,.fa-times:before{content:""}.fa-search-plus:before{content:""}.fa-search-minus:before{content:""}.fa-power-off:before{content:""}.fa-signal:before{content:""}.fa-gear:before,.fa-cog:before{content:""}.fa-trash-o:before{content:""}.fa-home:before{content:""}.fa-file-o:before{content:""}.fa-clock-o:before{content:""}.fa-road:before{content:""}.fa-download:before{content:""}.fa-arrow-circle-o-down:before{content:""}.fa-arrow-circle-o-up:before{content:""}.fa-inbox:before{content:""}.fa-play-circle-o:before{content:""}.fa-rotate-right:before,.fa-repeat:before{content:""}.fa-refresh:before{content:""}.fa-list-alt:before{content:""}.fa-lock:before{content:""}.fa-flag:before{content:""}.fa-headphones:before{content:""}.fa-volume-off:before{content:""}.fa-volume-down:before{content:""}.fa-volume-up:before{content:""}.fa-qrcode:before{content:""}.fa-barcode:before{content:""}.fa-tag:before{content:""}.fa-tags:before{content:""}.fa-book:before{content:""}.fa-bookmark:before{content:""}.fa-print:before{content:""}.fa-camera:before{content:""}.fa-font:before{content:""}.fa-bold:before{content:""}.fa-italic:before{content:""}.fa-text-height:before{content:""}.fa-text-width:before{content:""}.fa-align-left:before{content:""}.fa-align-center:before{content:""}.fa-align-right:before{content:""}.fa-align-justify:before{content:""}.fa-list:before{content:""}.fa-dedent:before,.fa-outdent:before{content:""}.fa-indent:before{content:""}.fa-video-camera:before{content:""}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:""}.fa-pencil:before{content:""}.fa-map-marker:before{content:""}.fa-adjust:before{content:""}.fa-tint:before{content:""}.fa-edit:before,.fa-pencil-square-o:before{content:""}.fa-share-square-o:before{content:""}.fa-check-square-o:before{content:""}.fa-arrows:before{content:""}.fa-step-backward:before{content:""}.fa-fast-backward:before{content:""}.fa-backward:before{content:""}.fa-play:before{content:""}.fa-pause:before{content:""}.fa-stop:before{content:""}.fa-forward:before{content:""}.fa-fast-forward:before{content:""}.fa-step-forward:before{content:""}.fa-eject:before{content:""}.fa-chevron-left:before{content:""}.fa-chevron-right:before{content:""}.fa-plus-circle:before{content:""}.fa-minus-circle:before{content:""}.fa-times-circle:before{content:""}.fa-check-circle:before{content:""}.fa-question-circle:before{content:""}.fa-info-circle:before{content:""}.fa-crosshairs:before{content:""}.fa-times-circle-o:before{content:""}.fa-check-circle-o:before{content:""}.fa-ban:before{content:""}.fa-arrow-left:before{content:""}.fa-arrow-right:before{content:""}.fa-arrow-up:before{content:""}.fa-arrow-down:before{content:""}.fa-mail-forward:before,.fa-share:before{content:""}.fa-expand:before{content:""}.fa-compress:before{content:""}.fa-plus:before{content:""}.fa-minus:before{content:""}.fa-asterisk:before{content:""}.fa-exclamation-circle:before{content:""}.fa-gift:before{content:""}.fa-leaf:before{content:""}.fa-fire:before{content:""}.fa-eye:before{content:""}.fa-eye-slash:before{content:""}.fa-warning:before,.fa-exclamation-triangle:before{content:""}.fa-plane:before{content:""}.fa-calendar:before{content:""}.fa-random:before{content:""}.fa-comment:before{content:""}.fa-magnet:before{content:""}.fa-chevron-up:before{content:""}.fa-chevron-down:before{content:""}.fa-retweet:before{content:""}.fa-shopping-cart:before{content:""}.fa-folder:before{content:""}.fa-folder-open:before{content:""}.fa-arrows-v:before{content:""}.fa-arrows-h:before{content:""}.fa-bar-chart-o:before,.fa-bar-chart:before{content:""}.fa-twitter-square:before{content:""}.fa-facebook-square:before{content:""}.fa-camera-retro:before{content:""}.fa-key:before{content:""}.fa-gears:before,.fa-cogs:before{content:""}.fa-comments:before{content:""}.fa-thumbs-o-up:before{content:""}.fa-thumbs-o-down:before{content:""}.fa-star-half:before{content:""}.fa-heart-o:before{content:""}.fa-sign-out:before{content:""}.fa-linkedin-square:before{content:""}.fa-thumb-tack:before{content:""}.fa-external-link:before{content:""}.fa-sign-in:before{content:""}.fa-trophy:before{content:""}.fa-github-square:before{content:""}.fa-upload:before{content:""}.fa-lemon-o:before{content:""}.fa-phone:before{content:""}.fa-square-o:before{content:""}.fa-bookmark-o:before{content:""}.fa-phone-square:before{content:""}.fa-twitter:before{content:""}.fa-facebook-f:before,.fa-facebook:before{content:""}.fa-github:before{content:""}.fa-unlock:before{content:""}.fa-credit-card:before{content:""}.fa-feed:before,.fa-rss:before{content:""}.fa-hdd-o:before{content:""}.fa-bullhorn:before{content:""}.fa-bell:before{content:""}.fa-certificate:before{content:""}.fa-hand-o-right:before{content:""}.fa-hand-o-left:before{content:""}.fa-hand-o-up:before{content:""}.fa-hand-o-down:before{content:""}.fa-arrow-circle-left:before{content:""}.fa-arrow-circle-right:before{content:""}.fa-arrow-circle-up:before{content:""}.fa-arrow-circle-down:before{content:""}.fa-globe:before{content:""}.fa-wrench:before{content:""}.fa-tasks:before{content:""}.fa-filter:before{content:""}.fa-briefcase:before{content:""}.fa-arrows-alt:before{content:""}.fa-group:before,.fa-users:before{content:""}.fa-chain:before,.fa-link:before{content:""}.fa-cloud:before{content:""}.fa-flask:before{content:""}.fa-cut:before,.fa-scissors:before{content:""}.fa-copy:before,.fa-files-o:before{content:""}.fa-paperclip:before{content:""}.fa-save:before,.fa-floppy-o:before{content:""}.fa-square:before{content:""}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:""}.fa-list-ul:before{content:""}.fa-list-ol:before{content:""}.fa-strikethrough:before{content:""}.fa-underline:before{content:""}.fa-table:before{content:""}.fa-magic:before{content:""}.fa-truck:before{content:""}.fa-pinterest:before{content:""}.fa-pinterest-square:before{content:""}.fa-google-plus-square:before{content:""}.fa-google-plus:before{content:""}.fa-money:before{content:""}.fa-caret-down:before{content:""}.fa-caret-up:before{content:""}.fa-caret-left:before{content:""}.fa-caret-right:before{content:""}.fa-columns:before{content:""}.fa-unsorted:before,.fa-sort:before{content:""}.fa-sort-down:before,.fa-sort-desc:before{content:""}.fa-sort-up:before,.fa-sort-asc:before{content:""}.fa-envelope:before{content:""}.fa-linkedin:before{content:""}.fa-rotate-left:before,.fa-undo:before{content:""}.fa-legal:before,.fa-gavel:before{content:""}.fa-dashboard:before,.fa-tachometer:before{content:""}.fa-comment-o:before{content:""}.fa-comments-o:before{content:""}.fa-flash:before,.fa-bolt:before{content:""}.fa-sitemap:before{content:""}.fa-umbrella:before{content:""}.fa-paste:before,.fa-clipboard:before{content:""}.fa-lightbulb-o:before{content:""}.fa-exchange:before{content:""}.fa-cloud-download:before{content:""}.fa-cloud-upload:before{content:""}.fa-user-md:before{content:""}.fa-stethoscope:before{content:""}.fa-suitcase:before{content:""}.fa-bell-o:before{content:""}.fa-coffee:before{content:""}.fa-cutlery:before{content:""}.fa-file-text-o:before{content:""}.fa-building-o:before{content:""}.fa-hospital-o:before{content:""}.fa-ambulance:before{content:""}.fa-medkit:before{content:""}.fa-fighter-jet:before{content:""}.fa-beer:before{content:""}.fa-h-square:before{content:""}.fa-plus-square:before{content:""}.fa-angle-double-left:before{content:""}.fa-angle-double-right:before{content:""}.fa-angle-double-up:before{content:""}.fa-angle-double-down:before{content:""}.fa-angle-left:before{content:""}.fa-angle-right:before{content:""}.fa-angle-up:before{content:""}.fa-angle-down:before{content:""}.fa-desktop:before{content:""}.fa-laptop:before{content:""}.fa-tablet:before{content:""}.fa-mobile-phone:before,.fa-mobile:before{content:""}.fa-circle-o:before{content:""}.fa-quote-left:before{content:""}.fa-quote-right:before{content:""}.fa-spinner:before{content:""}.fa-circle:before{content:""}.fa-mail-reply:before,.fa-reply:before{content:""}.fa-github-alt:before{content:""}.fa-folder-o:before{content:""}.fa-folder-open-o:before{content:""}.fa-smile-o:before{content:""}.fa-frown-o:before{content:""}.fa-meh-o:before{content:""}.fa-gamepad:before{content:""}.fa-keyboard-o:before{content:""}.fa-flag-o:before{content:""}.fa-flag-checkered:before{content:""}.fa-terminal:before{content:""}.fa-code:before{content:""}.fa-mail-reply-all:before,.fa-reply-all:before{content:""}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:""}.fa-location-arrow:before{content:""}.fa-crop:before{content:""}.fa-code-fork:before{content:""}.fa-unlink:before,.fa-chain-broken:before{content:""}.fa-question:before{content:""}.fa-info:before{content:""}.fa-exclamation:before{content:""}.fa-superscript:before{content:""}.fa-subscript:before{content:""}.fa-eraser:before{content:""}.fa-puzzle-piece:before{content:""}.fa-microphone:before{content:""}.fa-microphone-slash:before{content:""}.fa-shield:before{content:""}.fa-calendar-o:before{content:""}.fa-fire-extinguisher:before{content:""}.fa-rocket:before{content:""}.fa-maxcdn:before{content:""}.fa-chevron-circle-left:before{content:""}.fa-chevron-circle-right:before{content:""}.fa-chevron-circle-up:before{content:""}.fa-chevron-circle-down:before{content:""}.fa-html5:before{content:""}.fa-css3:before{content:""}.fa-anchor:before{content:""}.fa-unlock-alt:before{content:""}.fa-bullseye:before{content:""}.fa-ellipsis-h:before{content:""}.fa-ellipsis-v:before{content:""}.fa-rss-square:before{content:""}.fa-play-circle:before{content:""}.fa-ticket:before{content:""}.fa-minus-square:before{content:""}.fa-minus-square-o:before{content:""}.fa-level-up:before{content:""}.fa-level-down:before{content:""}.fa-check-square:before{content:""}.fa-pencil-square:before{content:""}.fa-external-link-square:before{content:""}.fa-share-square:before{content:""}.fa-compass:before{content:""}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:""}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:""}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:""}.fa-euro:before,.fa-eur:before{content:""}.fa-gbp:before{content:""}.fa-dollar:before,.fa-usd:before{content:""}.fa-rupee:before,.fa-inr:before{content:""}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:""}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:""}.fa-won:before,.fa-krw:before{content:""}.fa-bitcoin:before,.fa-btc:before{content:""}.fa-file:before{content:""}.fa-file-text:before{content:""}.fa-sort-alpha-asc:before{content:""}.fa-sort-alpha-desc:before{content:""}.fa-sort-amount-asc:before{content:""}.fa-sort-amount-desc:before{content:""}.fa-sort-numeric-asc:before{content:""}.fa-sort-numeric-desc:before{content:""}.fa-thumbs-up:before{content:""}.fa-thumbs-down:before{content:""}.fa-youtube-square:before{content:""}.fa-youtube:before{content:""}.fa-xing:before{content:""}.fa-xing-square:before{content:""}.fa-youtube-play:before{content:""}.fa-dropbox:before{content:""}.fa-stack-overflow:before{content:""}.fa-instagram:before{content:""}.fa-flickr:before{content:""}.fa-adn:before{content:""}.fa-bitbucket:before{content:""}.fa-bitbucket-square:before{content:""}.fa-tumblr:before{content:""}.fa-tumblr-square:before{content:""}.fa-long-arrow-down:before{content:""}.fa-long-arrow-up:before{content:""}.fa-long-arrow-left:before{content:""}.fa-long-arrow-right:before{content:""}.fa-apple:before{content:""}.fa-windows:before{content:""}.fa-android:before{content:""}.fa-linux:before{content:""}.fa-dribbble:before{content:""}.fa-skype:before{content:""}.fa-foursquare:before{content:""}.fa-trello:before{content:""}.fa-female:before{content:""}.fa-male:before{content:""}.fa-gittip:before,.fa-gratipay:before{content:""}.fa-sun-o:before{content:""}.fa-moon-o:before{content:""}.fa-archive:before{content:""}.fa-bug:before{content:""}.fa-vk:before{content:""}.fa-weibo:before{content:""}.fa-renren:before{content:""}.fa-pagelines:before{content:""}.fa-stack-exchange:before{content:""}.fa-arrow-circle-o-right:before{content:""}.fa-arrow-circle-o-left:before{content:""}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:""}.fa-dot-circle-o:before{content:""}.fa-wheelchair:before{content:""}.fa-vimeo-square:before{content:""}.fa-turkish-lira:before,.fa-try:before{content:""}.fa-plus-square-o:before{content:""}.fa-space-shuttle:before{content:""}.fa-slack:before{content:""}.fa-envelope-square:before{content:""}.fa-wordpress:before{content:""}.fa-openid:before{content:""}.fa-institution:before,.fa-bank:before,.fa-university:before{content:""}.fa-mortar-board:before,.fa-graduation-cap:before{content:""}.fa-yahoo:before{content:""}.fa-google:before{content:""}.fa-reddit:before{content:""}.fa-reddit-square:before{content:""}.fa-stumbleupon-circle:before{content:""}.fa-stumbleupon:before{content:""}.fa-delicious:before{content:""}.fa-digg:before{content:""}.fa-pied-piper:before{content:""}.fa-pied-piper-alt:before{content:""}.fa-drupal:before{content:""}.fa-joomla:before{content:""}.fa-language:before{content:""}.fa-fax:before{content:""}.fa-building:before{content:""}.fa-child:before{content:""}.fa-paw:before{content:""}.fa-spoon:before{content:""}.fa-cube:before{content:""}.fa-cubes:before{content:""}.fa-behance:before{content:""}.fa-behance-square:before{content:""}.fa-steam:before{content:""}.fa-steam-square:before{content:""}.fa-recycle:before{content:""}.fa-automobile:before,.fa-car:before{content:""}.fa-cab:before,.fa-taxi:before{content:""}.fa-tree:before{content:""}.fa-spotify:before{content:""}.fa-deviantart:before{content:""}.fa-soundcloud:before{content:""}.fa-database:before{content:""}.fa-file-pdf-o:before{content:""}.fa-file-word-o:before{content:""}.fa-file-excel-o:before{content:""}.fa-file-powerpoint-o:before{content:""}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:""}.fa-file-zip-o:before,.fa-file-archive-o:before{content:""}.fa-file-sound-o:before,.fa-file-audio-o:before{content:""}.fa-file-movie-o:before,.fa-file-video-o:before{content:""}.fa-file-code-o:before{content:""}.fa-vine:before{content:""}.fa-codepen:before{content:""}.fa-jsfiddle:before{content:""}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:""}.fa-circle-o-notch:before{content:""}.fa-ra:before,.fa-rebel:before{content:""}.fa-ge:before,.fa-empire:before{content:""}.fa-git-square:before{content:""}.fa-git:before{content:""}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:""}.fa-tencent-weibo:before{content:""}.fa-qq:before{content:""}.fa-wechat:before,.fa-weixin:before{content:""}.fa-send:before,.fa-paper-plane:before{content:""}.fa-send-o:before,.fa-paper-plane-o:before{content:""}.fa-history:before{content:""}.fa-circle-thin:before{content:""}.fa-header:before{content:""}.fa-paragraph:before{content:""}.fa-sliders:before{content:""}.fa-share-alt:before{content:""}.fa-share-alt-square:before{content:""}.fa-bomb:before{content:""}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:""}.fa-tty:before{content:""}.fa-binoculars:before{content:""}.fa-plug:before{content:""}.fa-slideshare:before{content:""}.fa-twitch:before{content:""}.fa-yelp:before{content:""}.fa-newspaper-o:before{content:""}.fa-wifi:before{content:""}.fa-calculator:before{content:""}.fa-paypal:before{content:""}.fa-google-wallet:before{content:""}.fa-cc-visa:before{content:""}.fa-cc-mastercard:before{content:""}.fa-cc-discover:before{content:""}.fa-cc-amex:before{content:""}.fa-cc-paypal:before{content:""}.fa-cc-stripe:before{content:""}.fa-bell-slash:before{content:""}.fa-bell-slash-o:before{content:""}.fa-trash:before{content:""}.fa-copyright:before{content:""}.fa-at:before{content:""}.fa-eyedropper:before{content:""}.fa-paint-brush:before{content:""}.fa-birthday-cake:before{content:""}.fa-area-chart:before{content:""}.fa-pie-chart:before{content:""}.fa-line-chart:before{content:""}.fa-lastfm:before{content:""}.fa-lastfm-square:before{content:""}.fa-toggle-off:before{content:""}.fa-toggle-on:before{content:""}.fa-bicycle:before{content:""}.fa-bus:before{content:""}.fa-ioxhost:before{content:""}.fa-angellist:before{content:""}.fa-cc:before{content:""}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:""}.fa-meanpath:before{content:""}.fa-buysellads:before{content:""}.fa-connectdevelop:before{content:""}.fa-dashcube:before{content:""}.fa-forumbee:before{content:""}.fa-leanpub:before{content:""}.fa-sellsy:before{content:""}.fa-shirtsinbulk:before{content:""}.fa-simplybuilt:before{content:""}.fa-skyatlas:before{content:""}.fa-cart-plus:before{content:""}.fa-cart-arrow-down:before{content:""}.fa-diamond:before{content:""}.fa-ship:before{content:""}.fa-user-secret:before{content:""}.fa-motorcycle:before{content:""}.fa-street-view:before{content:""}.fa-heartbeat:before{content:""}.fa-venus:before{content:""}.fa-mars:before{content:""}.fa-mercury:before{content:""}.fa-intersex:before,.fa-transgender:before{content:""}.fa-transgender-alt:before{content:""}.fa-venus-double:before{content:""}.fa-mars-double:before{content:""}.fa-venus-mars:before{content:""}.fa-mars-stroke:before{content:""}.fa-mars-stroke-v:before{content:""}.fa-mars-stroke-h:before{content:""}.fa-neuter:before{content:""}.fa-genderless:before{content:""}.fa-facebook-official:before{content:""}.fa-pinterest-p:before{content:""}.fa-whatsapp:before{content:""}.fa-server:before{content:""}.fa-user-plus:before{content:""}.fa-user-times:before{content:""}.fa-hotel:before,.fa-bed:before{content:""}.fa-viacoin:before{content:""}.fa-train:before{content:""}.fa-subway:before{content:""}.fa-medium:before{content:""}.fa-yc:before,.fa-y-combinator:before{content:""}.fa-optin-monster:before{content:""}.fa-opencart:before{content:""}.fa-expeditedssl:before{content:""}.fa-battery-4:before,.fa-battery-full:before{content:""}.fa-battery-3:before,.fa-battery-three-quarters:before{content:""}.fa-battery-2:before,.fa-battery-half:before{content:""}.fa-battery-1:before,.fa-battery-quarter:before{content:""}.fa-battery-0:before,.fa-battery-empty:before{content:""}.fa-mouse-pointer:before{content:""}.fa-i-cursor:before{content:""}.fa-object-group:before{content:""}.fa-object-ungroup:before{content:""}.fa-sticky-note:before{content:""}.fa-sticky-note-o:before{content:""}.fa-cc-jcb:before{content:""}.fa-cc-diners-club:before{content:""}.fa-clone:before{content:""}.fa-balance-scale:before{content:""}.fa-hourglass-o:before{content:""}.fa-hourglass-1:before,.fa-hourglass-start:before{content:""}.fa-hourglass-2:before,.fa-hourglass-half:before{content:""}.fa-hourglass-3:before,.fa-hourglass-end:before{content:""}.fa-hourglass:before{content:""}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:""}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:""}.fa-hand-scissors-o:before{content:""}.fa-hand-lizard-o:before{content:""}.fa-hand-spock-o:before{content:""}.fa-hand-pointer-o:before{content:""}.fa-hand-peace-o:before{content:""}.fa-trademark:before{content:""}.fa-registered:before{content:""}.fa-creative-commons:before{content:""}.fa-gg:before{content:""}.fa-gg-circle:before{content:""}.fa-tripadvisor:before{content:""}.fa-odnoklassniki:before{content:""}.fa-odnoklassniki-square:before{content:""}.fa-get-pocket:before{content:""}.fa-wikipedia-w:before{content:""}.fa-safari:before{content:""}.fa-chrome:before{content:""}.fa-firefox:before{content:""}.fa-opera:before{content:""}.fa-internet-explorer:before{content:""}.fa-tv:before,.fa-television:before{content:""}.fa-contao:before{content:""}.fa-500px:before{content:""}.fa-amazon:before{content:""}.fa-calendar-plus-o:before{content:""}.fa-calendar-minus-o:before{content:""}.fa-calendar-times-o:before{content:""}.fa-calendar-check-o:before{content:""}.fa-industry:before{content:""}.fa-map-pin:before{content:""}.fa-map-signs:before{content:""}.fa-map-o:before{content:""}.fa-map:before{content:""}.fa-commenting:before{content:""}.fa-commenting-o:before{content:""}.fa-houzz:before{content:""}.fa-vimeo:before{content:""}.fa-black-tie:before{content:""}.fa-fonticons:before{content:""}.fa-reddit-alien:before{content:""}.fa-edge:before{content:""}.fa-credit-card-alt:before{content:""}.fa-codiepie:before{content:""}.fa-modx:before{content:""}.fa-fort-awesome:before{content:""}.fa-usb:before{content:""}.fa-product-hunt:before{content:""}.fa-mixcloud:before{content:""}.fa-scribd:before{content:""}.fa-pause-circle:before{content:""}.fa-pause-circle-o:before{content:""}.fa-stop-circle:before{content:""}.fa-stop-circle-o:before{content:""}.fa-shopping-bag:before{content:""}.fa-shopping-basket:before{content:""}.fa-hashtag:before{content:""}.fa-bluetooth:before{content:""}.fa-bluetooth-b:before{content:""}.fa-percent:before{content:""} @import (less) "normalize.css"; @import (less) "main.css"; @font-face { font-family: 'MyriadPro-Regular'; src: local("Myriad Pro"), local("Myriad Pro Regular"), local("MyriadPro-Regular"), url('../fonts/MyriadPro-Regular.woff2') format('woff2'), url('../fonts/MyriadPro-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } input, button, select, textarea, a:focus { outline:none; } ::-webkit-input-placeholder { color: #5b5a5a; } ::-moz-placeholder { color: #5b5a5a; opacity: 1; } :-ms-input-placeholder { color: #5b5a5a; } a:hover { text-decoration: none; } body { font-family: 'PT Sans Narrow', 'Arial Narrow', sans-serif; background: url("../img/bg.png"); scroll-behavior: smooth; } .wrapper { max-width: 1240px; margin: 0 auto; position: relative; } // комментарии // rjvty /* ========================================================================== Header styles ========================================================================== */ header { width: 100%; background: #333; color: #fff; position: fixed; top:0; z-index:10000; > .wrapper { display: flex; &::before, &::after { display: none; } } &+.wrapper{ margin-top: 57px; } a { color: #fff; text-decoration: none; } .logo { font-size: 30px; display: inline-block; float: left; margin: 3px 0 0 30px; -webkit-transition: color 0.25s ease-out; transition: color 0.25s ease-out; &:hover, span { color: #e60913; } } nav { display: flex; float: right; margin-left: auto; margin-right: 18px; .menu-icon { display: none; white-space: nowrap; } ul { list-style: none; margin: 0; padding: 0; font-size: 0; background: #333; li { position: relative; display: inline-block; font-size: 24px; margin: 6px 0 5px; &.menu-naw-desk-hide { display: none; } a { display: block; padding: 1px 13px 2px; -webkit-transition: color 0.25s ease-out; transition: color 0.25s ease-out; white-space: nowrap; } &:hover > a, &.active > a { color: #e60913; } &:hover, &:focus { ul { max-height: 245px; } } ul { position: absolute; padding: 0 10px; flex-direction: column; height: max-content; max-height: 0; margin-top: 4px; top: 100%; left: -10px; width: 100%; overflow: hidden; transition: max-height 1s; li { font-size: 20px; &:last-child { margin-bottom: 10px; } } &:hover { max-height: 245px; } } } .search { display: none; } } } .basket { margin: 6px 13px 5px; font-size: 24px; a { display: flex; align-items: center; padding: 1px 13px 2px; border-radius: 5px; color: #fff; svg { fill: #fff; width: 20px; height: 20px; display: inline-block; margin-right: 5px; margin-left: 5px; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; } &:hover { color: #fff; } } } } .button { background: rgb(184,8,8); background: rgba(230,3,19,1) -webkit-linear-gradient(top, rgba(224,17,17,1) 0%,rgba(230,3,19,1) 50%,rgba(184,8,8,1) 100%); background: rgba(230,3,19,1) linear-gradient(to bottom, rgba(224,17,17,1) 0%,rgba(230,3,19,1) 50%,rgba(184,8,8,1) 100%); box-shadow: 0px 0px 5px 0px rgb( 121, 4, 4 ); color: #fff; cursor: pointer; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; &:hover { background: #464646; background: #707070 -webkit-linear-gradient(top, #524F4F 0%, #707070 50%, #464646 100%); background: #707070 linear-gradient(to bottom, #524F4F 0%, #707070 50%, #464646 100%); box-shadow: 0px 0px 5px 0px #070707; } } .orderPhoneTopBtn { display: none; } /* ========================================================================== MAIN styles ========================================================================== */ /* ========================================================================== main-slider styles ========================================================================== */ .main-container{ margin-top: 47px; } header + .wrapper { margin-top: 57px; } .main-slider .flex-control-paging li a { width: 13px; height: 13px; display: block; background: #fff; cursor: pointer; box-shadow: none; border-radius: 50px; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; &.flex-active, &:hover { background: #3399cc; } } .main-slider .flex-control-nav { width: 25%; left: 37.5%; bottom: 0%; z-index: 10; li { margin: 0 6px; } } .main-slider.flexslider { margin: 0; background: none; border: none; border-radius: 0; height: 20vw; box-shadow: none; } .main-slider.flexslider .flex-direction-nav .flex-prev { opacity: 0.6; left: 0; &:hover { opacity: 1; } } .main-slider.flexslider .flex-direction-nav .flex-next { opacity: 0.6; right: 0; &:hover { opacity: 1; } } .main-slider.flexslider .flex-direction-nav a { margin: 0px 8%; width: 50px; height: 100%; } .main-slider .flex-direction-nav a { display: block; width: 40px; height: 40px; margin: 0; top: 0; } .main-slider.flexslider .flex-direction-nav a:before { content: ""; width: 50px; height: 75px; top: 50%; margin-top: -38px; background-image: url("../img/arrows.png"); display: block; position: absolute; } .main-slider.flexslider .flex-direction-nav li .flex-prev:before { background-position: 0 0; } .main-slider.flexslider .flex-direction-nav li .flex-next:before { background-position: -50px 0; } .main-slider.flexslider .slides > li { background-size: cover; background-position: 50%; height: 20vw; img { display: none; } } @media (min-width: 1900px) { .main-slider.flexslider, .main-slider.flexslider .slides > li { height: 400px; } } .main-slider.flexslider .slider-button { position: absolute; display: block; text-transform: uppercase; text-decoration: none; background: #cc0000; left: 50%; font-size: 25px; color: #fff; bottom: 8px; margin: 0 0 0 15%; z-index: 10; padding: 0 24px; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; &:hover { background: #fff; color: #cc0000; } } .main-on-page-cont { position: relative; } .main-choice-text { color: #d9d9d9; font-family: 'MyriadPro-Regular', 'Candara', 'Tahoma', sans-serif; line-height: 18px; position: absolute; margin: 0 124px 0 354px; top: 124px; } .main-on-page { margin: 12px 30px; } .order-feedback { width: 300px; background: #fff; padding: 0 20px 14px; float: left; text-align: center; h4 { margin: 0; padding: 10px 0 4px; font-size: 23px; font-weight: normal; } .orderPhoneHalf { .orderPhone { width: 49%; &:first-child { float: left; } &:last-child { float: right; } } } .orderPhone { font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif; font-size: 12px; background: #7abada; margin: 0 0 4px; line-height: 32px; font-weight: bold; text-align: left; height: 30px; a { text-decoration: none; color: #222; } .orderPhone-val { font-size: 16px; } .orderPhone-text { font-weight: normal; font-size: 16px; margin: 0 4px; } &::selection { background: #fff; } &::-moz-selection { background: #fff; } span { &::selection { background: #fff; } &::-moz-selection { background: #fff; } } &:before, &.viberPhone:after { content: ""; width: 19px; height: 19px; display: inline-block; background: url("../img/phone-icon.png?v2"); background-size: cover; margin: 0 6px 6px; vertical-align: middle; } &.viberPhone:after { background-position: -38px 0; } &.lifePhone:before { width: 33px; background-position: -76px 0; } &.mtsPhone:before { background-position: -19px 0; } &.cityPhone:before { background-position: -57px 0; } } .orderPhone.lifePhone{ width:100%; .viber-text{ margin-left: 8px; font-weight: 100; } } .viberLink { background: url("../img/phone-icon.png?v2"); background-position: -38px 0; } .telegramLink { background: url(../img/telegram.png) no-repeat center; } .whatsappLink { background: url(../img/whatsapp.png) no-repeat center; } .viberLink, .telegramLink, .whatsappLink { background-size: cover; width: 19px; height: 19px; display: inline-block; margin: 0 2px 6px; vertical-align: middle; } .viberLink { margin: 0 2px 6px 5px; } .velcomPhone{ float:left; } //.velcomPhone:before { // background-position: 0 0; //} //.mtsPhone:before { // //background-position: -35px 0; // background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB+0lEQVRYR8WXC1XDMBSGmQJAAaCAzUFRADgoCmAKGAoABRQFgAKGApiD4QAH8H+cZidL82i2bLvn5LRN03u/3EeSDvaW5VqPtdrQ6S/1+CVFjdqjUThobw50fd+gYXcCgJyp/RiAzy0aNzBAjAC4Ubsv5eNMPWMAdjH7hRcA+I1Qf+vdqxruulA7z5xhcngMYKavKxLFStS57veTWjMGxABG7cxtdRM93GboTw4NAXy0s3cVUK6E4yipueeAEMCdvme2PiEXXnrqTw4LAVzqS5IvJLHETRq1B4QAxhr0END0pP46y0pkcAjgTd/galuIP66vShlHT6wKDvXelCBj8QibVVGJAVzJUmNZY+ZsWEUlBjCXpRPHGolZdDVMLcVuNZAHgBVbDVMAGGNFtHOBwwobWBFJAWCEPCAfbKn1QDmuLX0AMOImJH14YuoJx7P6AKSMgY+Gqy9ACIKcwIhJTHcP4T0HHpoXJAcgBEF/1c54oqudLyZEx7phHelUUC5ADMIYC10JSydvVgHAAG5nv/DNNgTgXUlXBcDIvIWI7ZoGhlygdAnFkqwDYBQBQuzZwHweqdTPqZuq6UgJAFupOcByasIgpeg1bD4CgMGnProt9M0AoEZ3+mPCRHfhBY79QzyAkKXTLYZi8c9hAEy4CUe9QRAMN2qsCf/yB6j0ZorJMk22AAAAAElFTkSuQmCC'); // width: 32px; // height: 32px; // margin: 7px 5px; //} .feedbackBtn { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 22px; line-height: 30px; height: 34px; display: inline-block; font-weight: bold; padding: 0 22px; text-decoration: none; &:before { content: ""; width: 21px; height: 14px; display: inline-block; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAATCAYAAACDW21BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQxQTE5MDA4RkZBRjExRTNBNENERTk4NDg4NDY1NERGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQxQTE5MDA5RkZBRjExRTNBNENERTk4NDg4NDY1NERGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDFBMTkwMDZGRkFGMTFFM0E0Q0RFOTg0ODg0NjU0REYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDFBMTkwMDdGRkFGMTFFM0E0Q0RFOTg0ODg0NjU0REYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4EDg20AAABzUlEQVR42rTVzyulURjA8XMvwvUzYkQ3E2HBJFa6NWqyk/wBzMZCxh9gZSdKWVnfmtVkoVnNYmRBfsUkoWz8KpL8GLoYQ/lxvb4Pz1snuTfqvk99bqdzz3uf93nPc89rHMcxCGLc8S6mUSa5fHwUGGP+mufYwn+T2MhEhY5LJeEagxrk4cx4E1k4x6EkdGSAYuNtbKPcz0cEGZBKAx4kSsUiSnAqDRPFID7rBtdpIyVClf5mM4Ykl1QoCjGLD1hGTwIq68Y6gvitPeJPtjrJaLcmYR5fUY/oOxP5MINcpOBe57ONVifxYF0g4wZ8xxLy35EsB3MYxycrmXFv3B/n4mH8fNpoY1rekKxRW38V/bEWxUvYjia90wGMxFkbxg9U4yO6Yq7ULhp90V2/cIBUay6MK2RZc+k4xog1l4INTMJnzUsOx63wxtoDOQg29SC4se6tE634hw5tqmt8Q5u17g5VmNJ+cHtA1hq3S/dQq8//iy5+LSa023q1m+Mdh30Y0x4I4UhuQEo+0b280v26SPBJk6H/7SLcumfpsU54GbvytpDKdvQ5BzxMlgZ5DUakQjlU9/WLP7j04JGGdFzhtmwlFjx846+gRnI9CjAAS0Pp4nKEgvcAAAAASUVORK5CYII=); background-size: contain; margin: 7px 10px 8px 0; vertical-align: middle; } } } .main-choice { margin: 0 100px 0 374px; .main-choice-cont { font-size: 0; margin: 0 12px; } .main-choiceBtn { display: inline-block; font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif; font-size: 16px; width: 65px; margin: 0 15px; text-decoration: none; color: #fff; &:before { content: ""; width: 65px; height: 65px; background: url("../img/circle-icons.png") no-repeat; display: block; } span { display: inline-block; line-height: 18px; height: 40px; vertical-align: bottom; text-align: center; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } &:hover span { color: #810006; text-shadow: 1px 1px 0px rgb(117, 117, 117); } } .ChBatteries:before { background-position: 0 0; } .ChMuffler:before { background-position: -98px 0; } .ChBodyComponents:before { background-position: -196px 0; } .ChOpticsForCars:before { background-position: -294px 0; } .ChRadiators:before { background-position: -392px 0; } .ChBearings:before { background-position: -490px 0; } .ChTechnLiquid:before { background-position: -588px 0; } .ChMotorProtection:before { background-position: -686px 0; } .ChSillsArches:before { background-position: -784px 0; } .ChMinibus:before { background-position: -882px 0; } .ChColpaki:before { background-position: -976px 0; } .ChHitch:before { background-position: -1074px 0; } .ChOpticsForCars span, .ChMotorProtection span, .ChHitch span { margin: 0 -10px; } .ChMinibus span { margin: 0 -22px; font-size: 14px; } } .color-choice { float: right; width: 80px; .ColOrder { background: #8962c9; } .ColDelivery { background: #67b50b; } .ColDiscounts { background: #fdae31; } } .color-choiceBtn { width: 74px; border: solid 3px #fff; display: inline-block; border-radius: 10px; margin-bottom: 10px; text-align: center; text-decoration: none; padding: 6px 0 4px; &:before { content: ""; width: 55px; height: 35px; background: url("../img/oder_detail_icons.png") no-repeat; display: block; opacity: 0.5; margin: 0 auto; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } span { font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif; display: block; font-size: 12px; line-height: 12px; text-align: center; opacity: 0.5; color: #000; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } &.ColOrder:before { background-position: 0 0; } &.ColDelivery:before { background-position: -55px 0; } &.ColDiscounts:before { background-position: -110px 0; } &:hover:before, &:hover span { opacity: 1; } } select, input:not([type='submit']), textarea { font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif; border: solid 1px #b3b3b3; background: #ffffff; // background: -webkit-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); // background: linear-gradient(to bottom, #ffffff 0%,#dfdfdf 100%); // box-shadow: 0px 0px 5px rgb( 0, 0, 0 ); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.19); padding: 6px; color: #4e4e4e; } .catalog-search { background: #fff; margin: 0 30px 12px; position: relative; .catalog-search-inSel { padding: 0 154px 0 234px; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 100%; font-size: 0; } h3 { font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif; font-weight: normal; display: inline-block; text-transform: uppercase; color: #404040; margin: 12px 12px 12px 20px; float: left; position: relative; z-index: 1; } select { width: 31.3%; -moz-box-sizing: border-box; box-sizing: border-box; margin: 6px 0 6px 3%; font-size: 16px; height: 38px; &:first-child { margin: 6px 0; } } input[type="text"] { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; margin: 6px 0; font-size: 16px; height: 38px; } .blueButton { float: right; font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif; font-size: 18px; color: #fff; background: #0a97d3; background: #00a3d5 -webkit-linear-gradient(top, #0a97d3 0%,#00a3d5 50%,#027eb1 100%); background: #00a3d5 linear-gradient(to bottom, #0a97d3 0%,#00a3d5 50%,#027eb1 100%); box-shadow: 0px 0px 5px 0px rgb( 18, 97, 122 ); padding: 7px 22px; margin: 6px 12px; border: none; position: relative; height: 38px; &:hover { background: #464646; background: -webkit-linear-gradient(top, #524F4F 0%, #707070 50%, #464646 100%); background: linear-gradient(to bottom, #524F4F 0%, #707070 50%, #464646 100%); box-shadow: 0px 0px 5px 0px #070707; } } } .catalog-main-cont { position: relative; } aside { position: relative; float: left; width: 310px; h2{ color: white; background-color: #333333; margin: 0; padding: 10px 0 5px 29px; font-weight: normal; font-size: 22px; text-transform: uppercase; } ul.list{ margin: 0; padding: 0; cursor: pointer; li{ margin-left: 0; padding: 0; list-style: none; display: block; -webkit-transition: all 0.08s ease-out; transition: all 0.08s ease-out; &:hover { background-color: #3398CC; } ul { display: none; } } li.active { margin-left: 0; height: auto; > a { } ul { display: block; background: #7BBADB; padding: 0; margin: 0; font-size:13px; li { padding-bottom: 14px; padding-left: 55px; &:first-child{ padding-top: 14px; } &:hover { background: none; } a { font-size: 18px; -webkit-transition: all 0.08s ease-out; transition: all 0.08s ease-out; &:hover { color: #fff; } } } li.active{ a{ color: #fff; } } } } a{ color: #333333; text-decoration: none; text-transform: uppercase; } > li { padding: 0; height: 34px; > a { padding: 2px 5px 2px 30px; display: block; text-transform: uppercase; font-size: 22px; } &.active { background-color: #3398CC; } } > li:first-child { height: 44px; } > li.active:first-child { height: auto; } > li:first-child > a { padding: 12px 5px 2px 30px; } } } .catalog-cont { margin: 13px 30px 6px 30px; clear: both; background-color: #dadada; .subCatLinks{ padding-left: 0; font-size: 12px; font-size: 13px; margin: 0 0 15px; li{ display:inline-block; list-style:none; margin-right: 6px; margin-bottom: 4px; a{ color:black; } } } } aside + .catalog-all { margin-left: 310px; } .catalog-all { padding: 36px 55px; background-color: #fff; h1{ text-transform: uppercase; font-weight: normal; font-size: 28px; } } .catalog-block { display: block; float: left; width: 130px; margin: 10px 11px; text-align: center; text-decoration: none; color: #000; &:hover { text-decoration: underline; } .catalog-img-block { height: 70px; line-height: 68px; img { max-width: 100%; max-height: 100%; } } .catalog-text-block { text-transform: uppercase; font-size: 18px; margin: 4px 0 0; display: block; white-space: nowrap; } } .text-page .catalog-block { color: #000; font-family: 'PT Sans Narrow', 'Arial Narrow', sans-serif; } #brand_slider { margin: 0 30px 20px; overflow: hidden; padding: 0 40px; position: relative; background: #fff; .viewport { float: left; width: 100%; height: 100px; overflow: hidden; position: relative; } .buttons { background: #C01313; display: block; width: 100px; height: 100px; position: absolute; left: 0; top: 0; z-index: 2; background: url("../img/arrows_with_bg.png"); &:before { content: ""; width: 41px; height: 60px; background: url("../img/arrows_carusel.png"); display: block; position: absolute; top: 20px; opacity: 0.7; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } &:hover:before { opacity: 1; } } .prev { background-position: 0 0; &:before { left: 14px; } } .next { left: auto; right: 0; top: 0; background-position: -100px 0; &:before { right: 14px; background-position: -41px 0; } } .disable { visibility: hidden; } .overview { list-style: none; position: absolute; left: 0; top: 0; margin: 28px 0; overflow: hidden; height: 44px; li{ float: left; margin: 0 40px 0 0; overflow: hidden; height: 44px; img{ max-height: 100%; width: auto; } } } } /* ========================================================================== Catalog styles ========================================================================== */ .B_crumbBox { margin: 0; padding: 20px 0 0; font-size: 18px; li + li:before{ content: '/'; margin: 0 4px 0 2px; } } .B_crumbBox li { display: inline; } .B_crumbBox a { color: #000; text-decoration: none; &:hover { text-decoration: underline; } } .catalog-cars-cont { margin: 0 -10px; .catalog-cars { -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } } .catalog-cars { float: left; text-align: center; width: 240px; margin: 0 10px; display: block; color: #000; text-decoration: none; &:hover { text-decoration: underline; } .catalog-cars-img { height: 150px; border: solid 1px #000; line-height: 146px; img { max-height: 100%; max-width: 100%; } } .catalog-cars-caption { height: 50px; margin: 4px 0; p { margin: 0; font-size: 18px; } } } .catalog-table { display: table; width: 100%; ul { display: table-row; margin: 0; padding: 0 0.5%; list-style: none; font-size: 0; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; li { display: table-cell; width: auto; padding: 8px; text-align: left; font-size: 16px; vertical-align: middle; } } } .catalog-table .catalog-head { height: 55px; } .catalog-table .catalog-head li { // display: none; font-size: 18px; background: #42a9dc; background: #3AA1D4 -webkit-linear-gradient(top, #42a9dc 0%,#3399cc 100%); background: #3AA1D4 linear-gradient(to bottom, #42a9dc 0%,#3399cc 100%); color: #fefefe; } .catalog-table .catalog-line { font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif; background: #ededed; background: #F5F6F5 -webkit-linear-gradient(top, #fff 0%,#ededed 100%); background: #F5F6F5 linear-gradient(to bottom, #fff 0%,#ededed 100%); &:hover { background: rgba(131, 132, 132, 0.31); //background: #8384844f; } li { // padding: 10px 0; a { color: #000; text-decoration: none; &:hover { color:white; } } } } .catalog-table .catalog-img a { height: 56px; width: 50px; display: block; margin: 0 auto; text-align: center; background: #fff; line-height: 53px; overflow:hidden; img { max-height: 56px; max-width: 50px; } } .catalog-table .catalog-line .catalog-cod, .catalog-table .catalog-line .catalog-oem { line-height: 18px; font-size: 14px; } .catalog-table .catalog-line .catalog-name { line-height: 20px; &.catalog-name-car { font-size: 14px; line-height: 18px; } } .catalog-table .catalog-line .availability-img { width: 30px; height: 40px; display: inline-block; background: url("../img/sklad.png"); &.a-green { background-position: 0 0; } &.a-yellow { background-position: -30px 0; } &.a-red { background-position: -60px 0; } &.a-order { background-position: -90px 0; } } .catalog-table .catalog-availability, .catalog-table .catalog-price { text-align: center; } .catalog-table .catalog-line .catalog-price { line-height: 14px; } .catalog-table .catalog-line .catalog-price .catalog-price-num { white-space: nowrap; } .catalog-table .catalog-line .catalog-price small { font-size: 10px; } .catalog-table .catalog-line .catalog-bay a { padding: 5px 0 8px; text-align: center; width: 100px; color: #fff; display: inline-block; &:hover { color: #000; } } .cart-price-total { font-size: 18px; padding-top: 10px; } .cart-price-total, .cart-price-total + div { text-align: right; } /* ========================================================================== Card styles ========================================================================== */ .card-cont { margin-bottom: 55px; font-size: 0; .card-img { width: 45%; margin-right: 5%; display: inline-block; font-size: 18px; vertical-align: top; img { width: 100%; height: auto; max-width: 342px; } } .card-info { display: inline-block; width: 50%; font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif; .card-in-stock{ font-size: 18px; margin: 0; } .card-info-title { font-size: 18px; text-transform: uppercase; margin: 0; } .card-info-text { font-size: 18px; margin: 5px 0 10px; padding: 8px 0 10px; border-top: 1px solid #C7C7C7; border-bottom: 1px solid #C7C7C7; overflow: hidden; line-height: 18px; p { margin: 2px 0 2px; font-size: 90%; color: black; + p { margin-top: 12px; } } } .card-info-list { font-size: 18px; margin: 0 0 40px; padding: 0; list-style: none; li { span[itemprop="mpn"] { word-break: break-all; } } .card-info-label { color: #a4a4a4; white-space: nowrap; } } .item-price { font-size: 30px; margin: 0 0 10px; small { font-size: 22px; } } .quantity { width: 28px; font-size: 24px; padding: 8px; margin-right: 10px; margin-top: 0; } .button { font-family: 'PT Sans Narrow', 'Arial Narrow', sans-serif; padding: 0 17px 7px; font-weight: bold; font-size: 28px; display: inline-block; vertical-align: bottom; text-decoration: none; &.greenBtn { background: #1f743d; background: #329554 -webkit-linear-gradient(top, #39a05b 0%,#329554 50%,#1f743d 100%); background: #329554 linear-gradient(to bottom, #39a05b 0%,#329554 50%,#1f743d 100%); box-shadow: 0px 0px 5px 0px #165426; padding: 0 18px 7px 19px; margin-top: 15px; &:hover { background: #464646; background: #707070 -webkit-linear-gradient(top, #524F4F 0%, #707070 50%, #464646 100%); background: #707070 linear-gradient(to bottom, #524F4F 0%, #707070 50%, #464646 100%); box-shadow: 0px 0px 5px 0px #070707; } } } } } /* ========================================================================== Modal styles ========================================================================== */ @-webkit-keyframes anim-open { 0% { opacity: 0; -webkit-transform: scale3d(0, 0, 1); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); } } @keyframes anim-open { 0% { opacity: 0; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes anim-close { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 1); } } @keyframes anim-close { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); } } .modal-container { left: 0; overflow: auto; position: fixed; top: 0; bottom: 0; right: 0; z-index: 500000; width: 0; height: 0; } .modal-container.open, .modal-container.close { bottom: 0; right: 0; width: inherit; height: inherit; } .modal-container.open .shade, .modal-container.close .shade { position: fixed; bottom: 0; left: 0; right: 0; top: 0; } .modal-container.open .shade { opacity: 0.9; } .modal-container.open .popup-content { -webkit-animation-name: anim-open; animation-name: anim-open; -webkit-animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); } .modal-container.close .popup-content { -webkit-animation-name: anim-close; animation-name: anim-close; } /* ========================================================================== Стили контейнера модали ========================================================================== */ .modal-container.open .popup-content, .modal-container.close .popup-content { -webkit-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; background: #fff; -moz-box-sizing: border-box; box-sizing: border-box; margin: 2% auto; position: relative; max-width: 424px; width: 90%; border-radius: 4px; padding: 20px 0; box-shadow: 0 0 35px 7px rgba(30, 30, 30, 0.75); } /* ========================================================================== Стили затеменения ========================================================================== */ .modal-container .shade { background: #403d39; opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; cursor: pointer; } /* ========================================================================== Стили кнопки "Закрыть модаль" ========================================================================== */ .modal-container .close-modal { width: 20px; height: 20px; border-radius: 0; background: #fff; cursor: pointer; position: absolute; right: 0; top: 0; text-align: center; color: #000; font-size: 20px; line-height: 18px; font-weight: 400; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .modal-container .close-modal:hover { box-shadow: 0 0 3px 0 #000000; } /* ========================================================================== Стили текстовой области ========================================================================== */ .modal-text-cont { margin: 0 20px; } .inform-col-popup { text-align: center; input:not([type="submit"]), textarea { display: block; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 8px; } textarea { height: 120px; }; h3 { font-size: 24px; margin: 10px 0 20px; } .error { font-size: 16px; } .button { border: none; display: inline-block; font-size: 24px; margin: 12px auto 0; padding: 6px 16px; } .inputS { line-height: 40px; font-size: 24px; color: #207941; margin: 12px auto 0; font-weight: bold; } } .more-item-cont { margin: 0 -20px 46px; font-size: 0; h2 { font-size: 28px; background: #42a9dc; background: -webkit-linear-gradient(top, #42a9dc 0%,#3399cc 100%); background: linear-gradient(to bottom, #42a9dc 0%,#3399cc 100%); color: #fff; text-transform: uppercase; font-weight: normal; margin: 0 -15px 40px; padding: 3px 35px; } } .more-item { font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif; display: inline-block; vertical-align: top; padding: 0 20px; margin-bottom: 20px; width: 33.3%; -moz-box-sizing: border-box; box-sizing: border-box; img { max-width: 200px; width: 100%; height: auto; } h3 { font-size: 23px; font-weight: normal; margin: 0 0 10px; text-transform: uppercase; line-height: 24px; } .more-item-text { margin: 0 0 6px; color: #5d5d5d; line-height: 20px; text-decoration: none; padding-top: 10px; display: inline-block; font-size: 15px; word-break: normal; &:hover { text-decoration: underline; } } .item-price { display: block; vertical-align: top; margin: 0 0 4px; font-size: 18px; font-weight: bold; small { font-size: 18px; font-weight: normal; } } .button { padding: 1px 12px 5px; font-size: 20px; text-decoration: none; display: inline-block; font-weight: bold; } } .also-item-link-cont { margin: 0 -20px; font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif; .more-item-link-title { font-family: 'PT Sans Narrow', 'Arial Narrow', sans-serif; font-size: 28px; background: #42a9dc; background: -webkit-linear-gradient(top, #42a9dc 0%,#3399cc 100%); background: linear-gradient(to bottom, #42a9dc 0%,#3399cc 100%); color: #fff; text-transform: none; font-weight: normal; margin: 0 -15px 20px; padding: 3px 15px 3px 35px; } h4 { font-size: 20px; margin: 12px 20px; a { color: #000; text-decoration: none; &:hover { text-decoration: underline; } } } } /* ========================================================================== Basket styles ========================================================================== */ .catalog-quantity { input { text-align: center; width: 56px; } } .order-title { font-size: 28px; font-weight: normal; text-transform: uppercase; } .catalog-table .catalog-line .catalog-close a { background: #d8d8d8; color: #a5a4a4; padding: 7px 11px; &:hover { color: #000; } } .catalog-all .shop-cart { margin: 0 -36px 10px; padding: 0; border: none; a { color: #000; } .total-amount { font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif; font-size: 22px; small { font-size: 16px; } } } .form-elem { margin-top: 18px; font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif; label { width: 132px; display: inline-block; font-size: 20px; vertical-align: top; margin-top: 2px; } .form-input { display: inline-block; width: 276px; input, select, textarea { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; padding: 6px 12px; } textarea { height: 160px; resize: none; } .delivery-dis { color: #bfbdbd; } .button { border: none; margin-top: 44px; font-size: 28px; padding: 6px 12px 10px; } } ::-webkit-input-placeholder { color: #bfbdbd; } ::-moz-placeholder { color: #bfbdbd; opacity: 1; } :-ms-input-placeholder { color: #bfbdbd; } } .feedback-form .form-elem label { width: 210px; } .error { color: red; font-size: 14px; } .pages { padding: 0; li { display: inline-block; margin: 4px; a { text-decoration: none; border: solid 1px #b3b3b3; background: #ffffff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.19); color: #4e4e4e; padding: 0 6px 1px; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; &:hover, &.active { background: #3399cc; color: #fff; } } } } .cart-order { display: none; } /* ========================================================================== Article styles ========================================================================== */ .main-article-block { float: left; width: 100%; } .main-article-head-title { h2 { display: inline-block; font-weight: normal; } p { display: inline-block; font-size: 24px; a { font-size: 20px; color: #000; text-decoration: none; border-bottom: solid 1px #000; display: inline-block; line-height: 16px; &:hover { border-bottom: none; } } } } .main-article-head-title-flex { margin: 24px 0; h2, p { margin: 0; } h2 { display: inline; } p { display: inline-block; } } .main-article-block-card .main-article-cont { .main-article-item { margin-bottom: 40px; .main-article-text { height: 80px; } } } .main-article-item { float: left; width: 46%; margin: 0 0 20px; &:nth-child(2n) { margin-left: 8%; } .main-article-img { display: block; padding-bottom: 10px; &:hover + h3 { color: #000; a { text-decoration: none; color: #000; } } img { max-width: 100%; } } h3 { font-size: 18px; text-transform: uppercase; font-weight: bold; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 20px; color: #ff0000; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; &:hover { color: #000; } a { color: #ff0000; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; text-decoration: none; &:hover { color: #000; } } } .main-article-text { margin: 6px 0 10px; font-size: 14px; max-height: 80px; overflow: hidden; line-height: 20px; color: #474747; font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif; } .main-article-info { border-top: solid 1px #040404; color: #2c2b2b; font-size: 16px; } .main-article-date { float: left; margin: 6px 0 0; } .more-link { float: right; color: #2c2b2b; margin: 6px 0 0; } } .article-list-block { float: left; width: 100%; .main-article-item { float: left; width: 100%; margin: 0 0 60px; h3 { font-weight: normal; font-size: 22px; line-height: 24px; overflow: visible; white-space: normal; } .main-article-img { float: left; width: 38%; margin-right: 4%; padding-bottom: 0; img { width: 100%; } } .article-list-info { float: left; width: 58%; } .main-article-text { overflow: visible; max-height: none; font-size: 16px; line-height: 22px; } .main-article-info { border-top-color: #545454; color: #6e6e6e; } .more-link { font-size: 17px; color: #6e6e6e; } } } .article-one-img { float: left; max-width: 433px; margin: 0 22px 6px 0; } .text-page .article-one-date { color: #626262; margin-top: -14px; } .user-center-links { font-size: 14px; margin-top: 10px; a:nth-of-type(2n-1) { float: left; } a:nth-of-type(2n) { float: right; } } .form-elem .form-input .button.buttonEnter { font-size: 26px; } .form-elem .form-input .form-input-p { margin: 0; line-height: 28px; } .form-elem .form-input .inputS { margin-top: 30px; font-size: 20px; color: #0a97d3; } /* ========================================================================== Footer styles ========================================================================== */ footer { width: 100%; background: #333; color: #fff; .menu_copy { margin: 20px 340px 12px 30px; ul { list-style: none; margin: 0 0 26px 0; padding: 0; font-size: 0; li { display: inline-block; font-size: 20px; a { color: #fff; display: block; padding: 0 9px; text-decoration: none; line-height: 34px; } &:hover a, &.active a { text-decoration: underline; } } } } .copyright { font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif; font-size: 12px; margin: 0 0 0 9px; a { color: #fff; } } .footer-phone-block { font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif; float: right; width: 288px; margin: 16px 30px 0 0; .footer-phone { font-size: 20px; margin: 0; letter-spacing: 2px; position: relative; line-height: 26px; word-spacing: 0.07em; padding-left: 40px; a { text-decoration: none; color: #fff; } &:before { content: ""; width: 19px; height: 19px; background: url("../img/phone-icon.png?v2") no-repeat; background-size: cover; margin: 5px 0 5px; vertical-align: top; position: absolute; left: 0; } } .mtsPhone:before { background-position: -19px 0; } .viberPhone:before { background-position: -38px 0; } .cityPhone:before { background-position: -57px 0; } .lifePhone:before { background-position: -76px 0; width: 33px; } > a { display: block; color: #fff; font-size: 16px; letter-spacing: -0.02em; margin: 8px 0; &.footer-letter { color: #e60913; } } } } .orderPhone { font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif; font-size: 30px; background: #7abada; margin-bottom: 2px; letter-spacing: -1px; line-height: 45px; &::selection { background: #fff; } &::-moz-selection { background: #fff; } &:before { content: ""; width: 35px; height: 35px; display: inline-block; background: url("../img/phone_logo.png"); margin: 5px; vertical-align: top; } } .velcomPhone:before { background-position: 0 0; } .mtsPhone:before { background-position: -35px 0; } .fancybox-overlay { z-index: 18010; } /* ========================================================================== Fixed girl styles ========================================================================== */ .fixed-girl { position: fixed; bottom: 0; z-index: 20; margin-left: -196px; .fixed-girl-form { background: url("../img/girl.png"); width: 220px; height: 405px; text-align: center; padding: 110px 34px 0; -moz-box-sizing: border-box; box-sizing: border-box; .successMessage { line-height: 16px; display: block; color: green; font-weight: bold; } h3 { font-size: 24px; font-weight: normal; line-height: 18px; margin: 0 0 6px; } input[type='text'] { font-size: 12px; padding: 6px; margin: 0 0 8px; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; color: #000; } .button { border: none; padding: 6px 16px; } } .fixed-girl-social { background: url("../img/girl2.png"); width: 225px; height: 425px; text-align: center; padding: 110px 34px 0; -moz-box-sizing: border-box; box-sizing: border-box; } } .catalog-top-info { float: left; width: 100%; p { margin: 0; color: #838383; } } .catalog-top-info-left { float: left; margin: 3px 0; } .kolpaki{ margin-bottom: 6px; h2{ margin: 0 0 10px; font-weight: normal; font-size: 20px; } .kolpak-option{ padding: 4px 1px; border-top: 1px solid #f3f3f3; &:last-child{ border-bottom: 1px solid #f3f3f3; } .title{ font-size: 18px; display: inline-block; min-width: 76px; } input{ position: absolute; z-index: -1; } label{ min-width: 43px; display: inline-block; color: #2591c6; cursor: pointer; position: relative; padding-left: 18px; margin-left: 4px; white-space: nowrap; &:before{ background: url("/assets/img/checkboxNew.png") no-repeat; background-size: cover; height: 13px; width: 13px; display: block; font-size: 12px; cursor: pointer; position: absolute; left: 0; top: 6px; content: ""; } } input:checked+label:before{ background-position: -13px 0; } .submit-form{ background: #30a653; background: -webkit-linear-gradient(top, #179b3a, #56b377); background: linear-gradient(to bottom, #56b377 ,#179b3a); box-shadow: 0 0 5px 2px #dadada; border: none; padding: 0px 7px 2px 7px; margin: 5px 0px; margin-right: 10px; font-family: "PT Sans Narrow", 'Arial Narrow', sans-serif; font-size: 17px; &:hover{ background: #464646; background: -webkit-linear-gradient(top,#524f4f 0,#707070 50%,#464646 100%); background: linear-gradient(to bottom,#524f4f 0,#707070 50%,#464646 100%); } } .cancel-filter{ color: #3aa1d4; text-decoration: underline; cursor: pointer; &:hover{ text-decoration: none; } } } } .catalog-top-info-right { float: right; margin: 3px 0; label { color: #2591c6; cursor: pointer; position: relative; padding-left: 18px; margin-left: 4px; white-space: nowrap; &:hover { text-decoration: underline; } &:before { background: url("../img/checkboxNew.png") no-repeat; background-size: cover; height: 13px; width: 13px; display: block; font-size: 12px; cursor: pointer; position: absolute; left: 0; top: 3px; content: ""; } } input { position: absolute; z-index: -1; &:checked + label:before { background-position: -13px 0; } } .catalog-top-filter { display: inline-block; } } input[type=checkbox].orange-checkbox:checked + label.orange-label:before { background-position: 0 0; } .custom-button { background: #464646; background: -webkit-linear-gradient(top,#524f4f 0%,#707070 50%,#464646 100%); background: linear-gradient(to bottom,#524f4f 0%,#707070 50%,#464646 100%); box-shadow: 0 0 5px 0 #070707; } .catalog-bay .button:hover { background: #CECECE; background: -webkit-linear-gradient(top, #CECECE 0%, #D6D6D6 50%, #ABABAB 100%); background: linear-gradient(to bottom,#CECECE 0%,#D6D6D6 50%,#ABABAB 100%); box-shadow: 0 0 5px 0 rgba(97, 94, 94, 0.51); } /* ========================================================================== Catalog cat styles ========================================================================== */ .catalog-cat-cont { margin: 0 -1%; font-family: Arial,Helvetica,'Helvetica Neue',sans-serif; } .catalog-cat-item { width: 23%; margin: 1%; float: left; display: block; color: #222; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; padding: 1.2%; border-radius: 8px; background: rgb(243,243,243); /* Old browsers */ background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(238,237,237,1) 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(to bottom, rgba(243,243,243,1) 0%,rgba(238,237,237,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#eeeded',GradientType=0 ); /* IE6-9 */ box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -webkit-transition: box-shadow 0.2s ease-out; transition: box-shadow 0.2s ease-out; text-decoration: none; &:hover { box-shadow: 2px 2px 8px rgba(0,0,0,0.8); } .catalog-cat-info { background: #fff; padding: 10% 4% 4%; } img { max-width: 100%; padding: 0 20%; box-sizing: border-box; } h4 { margin: 4px 0 0; font-size: 13px; line-height: 14px; font-weight: normal; height: 28px; } } .catalog-search-toggle { cursor: pointer; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.04em; display: none; &:before { content: attr(data-open); display: inline-block; width: 72px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } &:after { content: ""; display: inline-block; border-style: solid; border-width: 9px 8px 0 8px; border-color: #000 transparent transparent transparent; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } &:hover { color: #2fa0d5; &:after { border-color: #2fa0d5 transparent transparent transparent; } } } .catalog-search.open .catalog-search-toggle { &:before { content: attr(data-close); } &:after { border-width: 0 8px 9px 8px; border-color: transparent transparent #000 transparent; } &:hover:after { border-color: transparent transparent #2fa0d5 transparent; } } #form-stock { float: left; width: 100%; } .colpaki-link-block { h2 { float: left; } .kolpaki-links { float: right; margin: 2px 0 14px; a { color: #222; margin-left: 18px; white-space: nowrap; &.checked { text-decoration: none; } } } } #one-click-popup-success.modal-container.open .popup-content, #one-click-popup-success.modal-container.close .popup-content { max-width: 740px; } #one-click-popup-success .modal-text-cont img { max-width: 100%; } #one-click-popup form { max-width: 300px; margin: 0 auto; input, textarea { margin-top: 20px; } } .header-time-work-block { font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif; font-size: 11px; color: #d9d9d9; float: left; margin: 15px 0 9px 10px; line-height: 10px; } .header-time-work-info-popup { display: none; } .header-time-work-row1-text { white-space: nowrap; .fa { margin-right: 6px; } } .header-time-work-row1 { position: relative; } .header-time-work-info-icon { background: url("../img/header-time-work-info.png") no-repeat; width: 13px; height: 13px; display: inline-block; background-size: contain; margin-top: -4px; cursor: pointer; &:hover { + .header-time-work-info-popup { display: block; position: absolute; left: 100%; top: 100%; background-color: #bd0400; border-radius: 5px; font-size: 16px; color: #fff; padding: 6px 12px; line-height: 18px; text-align: center; margin: 2px 0 0 -14px; z-index: 10; font-family: 'PT Sans Narrow', 'Arial Narrow', sans-serif; &:before { content: ""; position: absolute; top: -7px; left: 14px; border-style: solid; border-width: 0 4px 7px 4px; border-color: transparent transparent #bd0400 transparent; } span { white-space: nowrap; } } } } .header-time-work-row2 { font-family: 'PT Sans Narrow', 'Arial Narrow', sans-serif; } .header-time-work-row2-text { white-space: nowrap; } .top-header-info-block { height: 42px; text-align: center; border-bottom: 2px solid #626262; width: 100%; position: fixed; left: 0; right: 0; top: 0; z-index: 10000; background: #333; .top-header-info-block-bg { position: absolute; width: 100%; left: 0; right: 0; top: 0; height: 42px; background-position: 50% 50%; } .top-header-info-block-text { display: table; width: 100%; position: relative; z-index: 2; font-family: Arial,Helvetica,'Helvetica Neue',sans-serif; height: 42px; } .top-header-info-block-text-item { display: table-cell; width: 100%; text-shadow: 0 0 13px rgba(44, 44, 44, 0.93); color: white; vertical-align: middle; padding: 0 10px; } p { font-size: 20px; font-weight: 700; line-height: 20px; margin: 0; } + header { top: 44px; + .wrapper { margin-top: 101px; } } ~ .main-container { margin-top: 91px; } } #goTop { background-color: #dadada; position: fixed; bottom: 0; right: 0; left: 0; margin: 0 auto; font-size: 18px; color: #000; text-align: center; cursor: pointer; display: none; transition: opacity .3s ease; -webkit-transition: opacity .3s ease; opacity: .7; outline: 0; width: 60px; z-index: 9999; padding: 5px 10px; border-radius: 5px 5px 0 0; } #goTop .fa { font-size: 16px; } #goTop:hover { opacity: 1 !important; } /* ========================================================================== Media screen styles ========================================================================== */ /* ========================================================================== 1640px styles ========================================================================== */ @media screen and (max-width:1640px) { .fixed-girl { display: none; } } /* ========================================================================== 1280px styles ========================================================================== */ .main-choice-text { position: static; } /* ========================================================================== 1251px styles ========================================================================== */ @media screen and (max-width:1256px) { .catalog-cars-cont { text-align: center; + .pages { text-align: center; } } .catalog-cars { display: inline-block; vertical-align: top; float: none; } } /* ========================================================================== 1251px styles ========================================================================== */ @media screen and (max-width:1251px) { .main-choice-text { position: static; margin: 12px 20px 12px; float: left; } .more-item h3 { font-size: 20px; line-height: 24px; } .catalog-top-info-left, .catalog-top-info-right { float: none; margin: 8px 0; } .catalog-top-info-right { //font-size: 24px; label:before { top: 8px; } } } /* ========================================================================== 1200px styles ========================================================================== */ @media screen and (max-width:1200px) { header nav ul li a, header .basket a { padding-left: 9px; padding-right: 9px; } header .basket { margin-left: 10px; margin-right: 10px; } header nav { margin-right: 20px; } } /* ========================================================================== 1140px styles ========================================================================== */ @media screen and (max-width:1140px) { .top-header-info-block p { font-size: 18px; } } /* ========================================================================== 1120px styles ========================================================================== */ @media screen and (max-width:1120px) { header nav ul li a, header .basket a { padding-left: 8px; padding-right: 8px; } header .basket { margin-left: 8px; margin-right: 8px; } header nav { margin-right: 22px; } } /* ========================================================================== 1100px styles ========================================================================== */ @media screen and (max-width:1100px) { header nav ul li, header .basket { font-size: 21px; line-height: 33px; } header nav ul li ul li { font-size: 18px; } .catalog-table { ul { display: table; li { display: inline-block; width: 33%; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; } } .catalog-head { display: none; } } .catalog-top-info { border-bottom: solid 1px #ededed; } } /* ========================================================================== 1024px styles ========================================================================== */ @media screen and (max-width:1179px) { .catalog-all { padding: 36px 30px; } .more-item-cont h2, .also-item-link-cont .more-item-link-title { margin: 0 0 40px; padding: 3px 20px; } .catalog-all .shop-cart { margin: 0 0 40px; } .catalog-cat-cont { margin: 0 -1.1666%; } .catalog-cat-item { width: 31%; margin: 1.1666%; } .cart-price-total { font-size: 1em; } header nav { margin-right: 24px; } } /* ========================================================================== 940px styles ========================================================================== */ @media screen and (max-width:940px) { .more-item { display: block; width: 266px; } .more-item h3 { font-size: 24px; line-height: 28px; } .more-item .more-item-text { font-size: 18px; line-height: 20px; } .article-list-block { .main-article-item { float: left; width: 100%; margin: 0 0 60px; .main-article-img { width: auto; margin-right: 0; padding-bottom: 20px; &:hover + .article-list-info h3 { color: #000; a { text-decoration: none; color: #000; } } } .article-list-info { width: 100%; } } } } /* ========================================================================== 740px styles ========================================================================== */ @media screen and (max-width:1023px) { header nav ul li, header .basket { font-size: 19px; } header nav ul li ul li{ font-size: 16px; } header nav ul li a, header .basket a { padding-left: 5px; padding-right: 5px; } header .basket { margin-left: 5px; margin-right: 5px; a:before { position: relative; top: 2px; } } .main-slider.flexslider .slider-button { font-size: 22px; bottom: 4px; } .main-slider .flex-control-paging li a { width: 20px; height: 20px; } .main-slider.flexslider .slides > li { height: auto; img { display: block; } } .main-slider .flex-control-nav { bottom: 12%; } .main-choice { margin: 0px 82px 0 343px; .main-choice-cont { margin: 0; } .main-choiceBtn { margin: 0 10px; } } .card-cont .card-img { width: 100%; margin: 0 0 20px; } .card-cont .card-info { width: 100%; } .catalog-search { max-height: 46px; overflow: hidden; -webkit-transition: max-height 200ms ease; transition: max-height 200ms ease; &.open { max-height: 400px; } h3 { float: none; cursor: pointer; display: block; } .blueButton { float: none; margin: 6px 20px; } &:first-child { //height: 142px; //.blueButton { // margin-top: 98px; //} } select { margin: 6px 0; width: 100%; } } .catalog-all { padding-top: 16px; h1 { margin: 0 0 10px; } } .B_crumbBox { padding: 0 0 10px; } .catalog-search .catalog-search-inSel { padding: 0 20px; position: static; } .main-slider.flexslider .slides > li { height: auto; img { display: block; } } .more-item h3 { font-size: 17px; line-height: 18px; } .more-item .more-item-text { font-size: 15px; line-height: 16px; } .main-article-item { width: 100%; max-width: 400px; margin: 0 auto 40px; float: none; &:nth-child(2n) { margin: 0 auto 40px; } } .article-list-block { .main-article-item { max-width: none; } } .catalog-search-toggle { display: inline-block; position: absolute; right: 8px; bottom: 12px; } .colpaki-link-block { .kolpaki-links { float: none; a { margin: 0 18px 0 0; } } } .main-article-block-card .main-article-cont .main-article-item .main-article-text { height: auto; } .top-header-info-block { .top-header-info-block-bg { opacity: 0.8; } p { .mob-hide { display: none; } } } } /* ========================================================================== 940px styles ========================================================================== */ @media screen and (max-width:940px) { header nav ul li, header .basket { font-size: 17px; } header nav ul li ul { li { font-size: 14px; margin: 0; a { padding: 0; } &:last-child { margin-bottom: 5px; } } } .header-time-work-block { margin: 15px 0 9px 8px; } } /* ========================================================================== 880px styles ========================================================================== */ @media screen and (max-width:880px) { .text-page{ img.article-one-img { max-width: 100% !important; } } header nav ul li, header .basket { font-size: 16px; } header nav ul li a, header .basket a { padding-left: 4px; padding-right: 4px; } header .basket { margin-left: 4px; margin-right: 4px; } header .basket a:before { margin-right: 8px; } } /* ========================================================================== 840px styles ========================================================================== */ @media screen and (max-width:840px) { .top-header-info-block { ~ .main-container { margin-top: 91px; } + header + .wrapper { margin-top: 91px; } } .main-container { margin-top: 47px; } header + .wrapper { margin-top: 47px; } header { nav { position: relative; .menu-icon { display: block; padding: 7px 0 7px 7px; text-transform: uppercase; font-size: 24px; cursor: pointer; } ul { position: absolute; display: none; z-index: 12; width: 200px; right: 0; top: 100%; padding-bottom: 10px; li { display: block; &.menu-naw-desk-hide { display: block; } ul { display: block !important; position: relative; max-height: 245px; left: 0; padding: 0; margin: 0; li { padding-left: 15px; margin: 0; font-size: 20px; a { padding-left: 5px; padding-right: 5px; } &:last-child { margin: 0; } } } } } } } header nav ul li, header .basket { font-size: 24px; } header nav ul li a { padding-left: 11px; padding-right: 11px; } header .basket { margin: 0; a { font-size: 0; background: none; border: none; box-shadow: none; padding: 7px 3px; svg { width: 26px; height: 26px; fill: #e60913; margin: -2px 0 0; } &:hover { background: none; box-shadow: none; svg { fill: #c00; } } } } .main-on-page { text-align: center; } .order-feedback { margin: 0 auto 12px; float: none; } .color-choice { float: none; width: auto; .color-choiceBtn { margin: 0 10px 12px; padding: 6px 4px 4px; width: 120px; display: inline-block; vertical-align: top; &:before { float: right; } span { display: inline-block; width: 60px; vertical-align: middle; margin-top: 4px; } } } .main-choice { margin: 0; } .catalog-cat-cont { margin: 0 -1.5%; } .catalog-cat-item { width: 47%; margin: 1.5%; } footer .menu_copy ul li a { line-height: 30px; } header nav { margin-right: 30px; } header .basket a:before { margin-right: 10px; } } /* ========================================================================== 768px styles ========================================================================== */ @media screen and (max-width:768px) { aside { display: none; } aside + .catalog-all { margin-left: 0; } .more-item { display: inline-block; width: 33.3%; } .more-item h3 { font-size: 17px; line-height: 18px; } .more-item .more-item-text { font-size: 15px; line-height: 16px; } .main-article-item { width: 47%; max-width: none; margin: 0 0 20px; float: left; &:nth-child(2n) { margin-left: 6%; } } .article-list-block .main-article-item { margin: 0 0 60px; } .catalog-cat-cont { margin: 0 -1.1666%; } .catalog-cat-item { width: 31%; margin: 1.1666%; } #brand_slider { .viewport { height: 50px; } .buttons { width: 50px; height: 50px; background-size: cover; &:before { width: 21px; height: 30px; top: 10px; background-size: cover; } } .prev { &:before { left: 7px; } } .next { background-position: -50px 0; &:before { right: 7px; background-position: -20px 0; } } .overview { margin: 14px 0; height: 22px; padding-left: 10px; li{ margin: 0 20px 0 0; height: 22px; img { max-width: 80px; } } } } .main-article-block-card .main-article-cont .main-article-item .main-article-text { height: 80px; } .text-page{ img.article-one-img { max-width: 433px !important; } } .top-header-info-block { .top-header-info-block-bg { opacity: 0.7; } p { font-size: 18px; line-height: 18px; } } } /* ========================================================================== 480px styles ========================================================================== */ @media screen and (max-width:739px) { header .logo { margin: 3px 0 0 10px; } header nav { margin-right: 10px; } .main-slider { display: none; } .main-on-page { margin: 12px 10px; } .catalog-search { margin: 0 10px 8px; max-height: 38px; //padding: 0 12px 8px; //text-align: center; //&:first-child { // height: auto; // .blueButton { // margin: 6px 12px; // } //} .catalog-search-inSel { padding: 0 12px; } h3 { font-size: 18px; margin: 8px 12px; //padding: 12px 0; //float: none; } //select, input[type='text'] { // margin: 6px 0; // width: 100%; // -moz-box-sizing: border-box; // box-sizing: border-box; //} .blueButton { margin: 6px 12px; } } .catalog-search-toggle { bottom: 10px; } #brand_slider { margin: 0 10px 20px; } .catalog-cont { margin: 8px 10px 6px; } .catalog-all { padding: 16px 10px 36px; h1 { margin: 0 0 10px; } } .more-item-cont, .also-item-link-cont,.more-item-comments{ margin: 0; } .more-item-cont h2, .also-item-link-cont .more-item-link-title,.more-item-comments h2 { margin: 0 -10px 40px; padding: 3px 10px; } footer .menu_copy { margin: 20px 0 12px 0; text-align: center; } footer .footer-phone-block { float: none; margin: 16px auto; } } /* ========================================================================== 600px styles ========================================================================== */ @media screen and (max-width:600px) { .more-item h3, .more-item .more-item-text { font-size: 15px; line-height: 16px; } .main-article-item { width: 100%; max-width: 400px; margin: 0 auto 40px; float: none; &:nth-child(2n) { margin: 0 auto 40px; } } .main-article-block-card .main-article-cont .main-article-item .main-article-text { height: auto; } .header-time-work-info-icon { &:hover { + .header-time-work-info-popup { right: 0; left: auto; margin: 10px -10px 0 0; &:before { right: 14px; left: auto; } } } } .top-header-info-block { p { font-size: 16px; line-height: 18px; } } } /* ========================================================================== 540px styles ========================================================================== */ @media screen and (max-width:540px) { .more-item-cont, .also-item-link-cont { text-align: center; } .more-item { padding: 0; width: 266px; } .more-item h3 { font-size: 24px; line-height: 28px; } .more-item .more-item-text { font-size: 18px; line-height: 20px; } } /* ========================================================================== 320px styles ========================================================================== */ @media screen and (max-width:479px) { .main-container { margin-top: 67px; } .top-header-info-block { ~ .main-container { margin-top: 111px; } + header + .wrapper { margin-top: 111px; } } header + .wrapper { margin-top: 67px; } header { padding-bottom: 20px; } .wrapper { min-width: 320px; } header, footer { min-width: 320px; max-width: 100vw; } .header-time-work-row2 { margin-left: auto; margin-right: 10px; color: #e60913; } .order-feedback { box-sizing: border-box; width: 100%; padding: 0 10px 14px; margin-bottom: 0; .feedbackBtn { font-size: 24px; margin-top: 6px; -moz-box-sizing: border-box; box-sizing: border-box; width: 280px; } .orderPhone { max-width: 280px; margin: 0 auto 4px; } .orderPhoneHalf, .orderPhoneTop { max-width: 300px; margin: 0 auto; } .orderPhoneMore + h4 { display: none; } .viberPhone { font-size: 14px; font-weight: bold; letter-spacing: 0; .orderPhone-val { font-size: 14px; } } .mob-del { display: none; } .orderPhoneTop { font-family: Arial,Helvetica,'Helvetica Neue',sans-serif; .orderPhone { width: 73%; float: left; } } .orderPhoneTopBtn { float: right; width: 27%; font-size: 11px; lincatalog-searche-height: 13px; font-weight: bold; text-decoration: underline; display: block; span { cursor: pointer; } &:hover { text-decoration: none; } } .orderPhoneMore { -webkit-transition: max-height 300ms ease; transition: max-height 300ms ease; overflow: hidden; max-height: 0; &.open { max-height: 600px; } } } .color-choice, .main-choice, .main-choice-text { display: none; } .catalog-all .shop-cart { .total-amount { font-size: 18px; small { font-size: 14px; } } } .catalog-block { margin: 10px 5px; } .catalog-cat-cont { margin: 0 -1.5%; } .catalog-cat-item { width: 47%; margin: 1.5%; } .catalog-search h3 { font-size: 16px; margin: 9px 12px; } .B_crumbBox { font-size: 16px; } .catalog-all h1 { font-size: 20px; } footer .menu_copy ul li { font-size: 19px; } .text-page{ img.article-one-img { max-width: 100% !important; } } .header-time-work-block { margin: 0; left: 10px; right: 0; bottom: -10px; position: absolute; } .header-time-work-row1, .header-time-work-row2 { display: inline-block; } .header-time-work-block { font-size: 12px; display: flex; align-items: baseline } .header-time-work-info-icon:hover + .header-time-work-info-popup { left: auto; right: auto; margin: 6px 0 0 1px; font-size: 14px; line-height: 17px; &:before { right: 50%; left: auto; margin-right: 5px; } } .header-time-work-info-icon { margin: 0 6px; } #one-click-popup, #application-for-selection-popup { .modal-text-cont { margin: 0 15px; } } .catalog-all .shop-cart { margin: 0 0 10px; } .cart-price-total { padding-top: 14px; } .cart-price-total, .cart-price-total + div { text-align: left; } } @media screen and (max-width:400px) { .catalog-table .catalog-line .catalog-bay a { width: 80px; } } @media screen and (max-width:375px) { #goTop { font-size: 0; width: 15px; height: 16px; padding: 7px 10px; } } @media screen and (max-width: 340px) { .top-header-info-block p { font-size: 15px; } header .logo { font-size: 28px; } header nav .menu-icon { font-size: 22px; padding: 9px 0 7px 3px; } } .text-page{ // line-height: 19px; font-family: Arial,Helvetica,'Helvetica Neue',sans-serif; float: left; width: 100%; a { color: #2a8ec1; } p { margin: 0 0 14px; line-height: 24px; } h2,h3 { text-transform: uppercase; font-family: 'PT Sans Narrow', 'Arial Narrow', sans-serif; font-weight: normal; margin: 24px 0 6px; } h2 { font-size: 23px; } h3 { font-size: 21px; } img { max-width: 100% !important; height: auto !important; } .article-one-img { max-width: 433px !important; } } h1 + .text-page h2:first-child { margin-top: 0; } h4 { margin: 0; padding: 10px 0 4px; font-size: 18px; font-weight: normal; } #shk_butEmptyCart{ margin-bottom: 10px; display: inline-block; } span.required{ color:red; font-weight: 700; } #radio-elem{ .form-input{ position:relative; .input-radio-wrap{ margin-bottom: 30px; position: relative; &:last-of-type{ margin-bottom: 0; } input[type=radio]{ display:block; border: none; background: none; box-shadow: none; width:1.1em ; height: 1.1em; margin-top: 10px; } label{ top: -10px; position: absolute; right: 40px; } } } } .form-spinner-cont{ display: none; position: fixed; background: rgba(0,0,0,.75); left: 0; right: 0; top: 0; bottom: 0; z-index: 10000; .form-spinner{ background: url("../img/spinner.gif") 50% 50% no-repeat; background-size: contain; width: 71px; height: 71px; margin: -35px 0 0 -35px; position: absolute; top: 50%; left: 50%; } } .map-box-link { display: inline-block; position: relative; text-decoration: none; max-width: 590px; margin: -6px 0 6px; &:hover:before { font-size: 60px; } &:after { content: ""; background: rgba(0,0,0,.6); position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; } &:before { content: "\f00e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; z-index: 3; left: 50%; top: 50%; width: 100px; height: 100px; text-align: center; line-height: 100px; margin: -50px 0 0 -50px; color: #fff; font-size: 46px; -webkit-transition: font-size 0.20s ease-out; transition: font-size 0.20s ease-out; } img { max-width: 100%; } } @media (min-width: 841px) { header nav ul { display: flex !important; } } .product-price-table{ border: 1px solid black; margin-bottom: 18px; } .product-price-table th, .product-price-table td{ margin: 0; border: 1px solid gray; padding: 5px 7px; font-size:16px; } .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 300ms; } .catalog-block-main-cont { flex-wrap: wrap; display: flex; justify-content: space-around; } .contacts-info-with-img { display: flex; justify-content: space-between; align-items: flex-start; } .contacts-info-with-img-picture-link { margin-bottom: 20px; } .contacts-info-with-img-picture { width: 470px; } .footer-map-delivery-link { font-size: 15px; text-decoration: none; position: relative; display: inline-block; padding-left: 30px; color: #fff; margin: -10px 0 20px 9px; &::before { content: ""; width: 28px; height: 34px; position: absolute; left: 0; top: -10px; background: url('../img/map-marker-y.png') no-repeat 50% 50%; background-size: contain; } &:hover { text-decoration: underline; } } .top-header-info-block.top-header-info-block-without-bg { background: #fff; border: none; height: 44px; .top-header-info-block-text { height: 44px; border-top: 3px solid #f31f1b; } .top-header-info-block-text-item { text-shadow: none; color: #333; } p { font-size: 16px; line-height: 18px; } } .footer-payment-block { padding-top: 6px; } .footer-payment-elem { padding-left: 36px; position: relative; margin: 6px 0; padding: 2px 0 2px 36px; svg { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } } .footer-payment-cash svg { top: -8px; } footer { padding-bottom: 36px; } .paiment-content-block { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .paiment-content-elem { padding-left: 80px; width: 48%; position: relative; box-sizing: border-box; padding-bottom: 12px; min-height: 100px; .paiment-content-elem-icon { position: absolute; left: 0; top: 30px; } .paiment-content-elem-title { font-size: 19px; } .paiment-content-elem-text { font-size: 15px; } } .catalog-cont .more-item p{ overflow-wrap: break-word; } .catalog-line-action-gift-label .catalog-img { position: relative; .fancybox { position: relative; } } .header-time-work-row1-text .fa-clock-o { display: none; } .action-gift-label-elem-inner { position: absolute; left: 0; top: 0; width: 50px; height: 50px; overflow: hidden; } .action-gift-label-elem { color: #fff; position: absolute; line-height: 1.2; left: -64px; top: 70px; font-weight: bold; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); font-size: 12px; width: 200px; text-align: center; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; background: #b80808; background: #e60313 -webkit-linear-gradient(top, #e01111 0, #e60313 50%, #b80808 100%); background: #e60313 -webkit-gradient(linear, left top, left bottom, color-stop(0, #e01111), color-stop(50%, #e60313), to(#b80808)); background: #e60313 -o-linear-gradient(top, #e01111 0, #e60313 50%, #b80808 100%); background: #e60313 linear-gradient(to bottom, #e01111 0, #e60313 50%, #b80808 100%); -webkit-box-shadow: 0 0 5px 0 #790404; box-shadow: 0 0 5px 0 #790404; padding: 6px 4px 4px; z-index: 2; svg { width: 16px; fill: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; margin: auto; } } .catalog-table .catalog-img.action-gift-label-elem-hover { .action-gift-label-elem-popover, .action-gift-label-elem-popover:after { opacity: 1; visibility: visible; -webkit-transition: .2s ease-in-out .2s; -o-transition: .2s ease-in-out .2s; transition: .2s ease-in-out .2s } .action-gift-label-elem-popover { margin-top: -54px; } .action-gift-label-elem-popover:after { bottom: -16px } } .catalog-line-action-gift-label { box-shadow: inset 0 0 0 1px #b80808; } .action-gift-label-elem-popover { white-space: nowrap; height: 32px; line-height: 32px; background: #b80808; background: #e60313 -webkit-linear-gradient(top,#e01111 0,#e60313 50%,#b80808 100%); background: #e60313 -webkit-gradient(linear,left top, left bottom,color-stop(0, #e01111),color-stop(50%, #e60313),to(#b80808)); background: #e60313 -o-linear-gradient(top,#e01111 0,#e60313 50%,#b80808 100%); background: #e60313 linear-gradient(to bottom,#e01111 0,#e60313 50%,#b80808 100%); border-radius: 5px; font-size: 13px; margin-top: -84px; color: #fff; margin-left: -8px; text-align: center; -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; position: absolute; opacity: 0; left: 8px; top: 8px; visibility: hidden; padding: 0 12px; display: block; &::after { content: ""; width: 0; height: 0; border: 8px solid transparent; bottom: -8px; left: 4px; margin: auto; border-top-color: #b80808; -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; position: absolute; opacity: 0; visibility: hidden } } .important-information-text { margin-top: 4px; } .card-cont .card-img { .action-gift-label-elem-link { border: 1px solid #b80808; display: block; overflow: hidden; position: relative; } .action-gift-label-elem { padding: 24px 24px 12px; svg { width: 42px; vertical-align: middle; display: inline-block; margin: 10px -6px -4px 0; } span { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); font-size: 30px; display: inline-block; vertical-align: middle; margin: -16px -4px 0 6px; } } } .card-info-gift-text { font-size: 16px; padding: 6px 12px; background: rgba(184, 8, 8, 0.1); margin-bottom: 20px; margin-top: -20px; p { margin: 0; } } @media screen and (max-width: 1100px) { .catalog-line-action-gift-label { position: relative; .catalog-img { position: static; } .action-gift-label-elem-popover { left: 8px; top: 8px; } } } .availability-img.a-green, .availability-img.a-yellow, .availability-img.a-red { position: relative; } .availability-img.a-green:before, .availability-img.a-yellow:before, .availability-img.a-red:before, .availability-img.a-green:after, .availability-img.a-yellow:after, .availability-img.a-red:after{ transition: .4s ease-in-out; position: absolute; opacity: 0; visibility: hidden; } .availability-img.a-green:before, .availability-img.a-yellow:before, .availability-img.a-red:before { content: attr(title); width: 180px; height: 36px; line-height: 36px; background: #3C4896; border-radius: 5px; font-size: 14px; top: -84px; background: #464646; background: -webkit-linear-gradient(top,#524f4f 0,#707070 50%,#464646 100%); background: linear-gradient(to bottom,#524f4f 0,#707070 50%,#464646 100%); color: #fff; left: calc(~'50% - 90px'); } .availability-img.a-green:before { background: #229640; } .availability-img.a-yellow:before { background: #FAAE31; } .availability-img.a-red:before { background: #F82601; } .availability-img.a-green:after, .availability-img.a-yellow:after, .availability-img.a-red:after { content: ""; width: 0; height: 0; border: 10px solid transparent; border-top-color: #464646; top: -48px; left: 0; right: 0; margin: auto; } .availability-img.a-green:after { border-top-color: #229640; } .availability-img.a-yellow:after { border-top-color: #FAAE31; } .availability-img.a-red:after { border-top-color: #F82601; } .availability-img.a-green:hover:before, .availability-img.a-yellow:hover:before, .availability-img.a-red:hover:before, .availability-img.a-green:hover:after, .availability-img.a-yellow:hover:after, .availability-img.a-red:hover:after { opacity: 1; visibility: visible; transition: .2s ease-in-out .2s; } .availability-img.a-green:hover:before, .availability-img.a-yellow:hover:before, .availability-img.a-red:hover:before { top: -44px; } .availability-img.a-green:hover:after, .availability-img.a-yellow:hover:after, .availability-img.a-red:hover:after { top: -8px; } .maxlength-error-info { display: none; &.show { display: block; } } .important-information-text { font-size: 15px; font-weight: bold; color: #616161; line-height: 17px; display: inline-block; } .small-promo-top-img { border-bottom: 3px solid #100e0e; width: 100%; } .catalog-cont .subCatLinks.subCatLinksBiggerFont li a{ font-size: 16px; } .modal-container.open .popup-content.popup-promo-text{ padding: 10px 20px; font-size: 16px; font-family: Verdana; a{ color: #e60913; } } .main-choice-text{ a{ color:white; } } .price2000{ color:#626262; margin-left:10px; font-size:80%; small{ font-size:70%; } } .more-item .item-price .price2000 small{font-size:70%;} .catalog-table .catalog-line .catalog-price .price2000_catalog{ white-space: nowrap; font-size:12px; small{ font-size:70%; display: inline-block; } } .more-item{ p{ font-size:12px; margin:0; } } .shop-cart{ .catalog-price-num { small{ font-weight:bold; } } .basket-price2000{ font-size: 12px; padding-top: 3px; display: inline-block; small{ font-weight:normal; } } } .catalog-line{ .notice_link small{ text-decoration: underline; } .detailed_info{ p{ font-size:80%; margin:0; } } } .eachRowPhone{ &.order-feedback{ width:260px; } .orderPhone{ font-size: 20px; padding: 5px; font-weight: 600; word-spacing: 4px; &.cityPhone:before { margin-right: 15px; margin-left: 12px; } &.velPhone:before { margin-right: 15px; margin-left: 12px; } } } .block2numbers{ &.main-choice{ margin: 0 0 0 280px; } &.main-choice-text{ margin: 5px 25px 0 327px; font-size: 14px; } &.color-choice{ display:none; } } .eachRow3Phone { &.order-feedback{ width:300px; padding: 0 6px 14px; } .orderPhone { padding: 0; font-size: 14px; word-spacing: 0; &:before { margin: 0 13px 6px 6px; } &.lifePhone:before { margin: 0 3px 6px; } &.cityPhone:before { margin: 0 13px 6px 6px; } } .eachRow3Phone-toggle-btn { display: none; } .eachRow3Phone-toggle-block { display: block; } } /*--------spinner with parent---------*/ .spinner-parrent{ position:relative; #spinner{ display:none; position:absolute; top:200px; left:0; right:0; bottom:0; margin:auto; } } @font-face { font-family: 'bebasneue-bold'; src: url('../fonts/bebasneue-bold.eot'); src: url('../fonts/bebasneue-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/bebasneue-bold.woff') format('woff'), url('../fonts/bebasneue-bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('../fonts/landing/OpenSans-Semibold.woff') format('woff'), url('../fonts/landing/OpenSans-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } .not-found-prod-block { background-size: cover; background-position: 50% 0; float: left; width: 100%; margin-top: 30px; margin-bottom: 20px; .not-found-prod-text { float: right; color: #fff; margin: 2% 8% 4% 0; } .not-found-prod-title { color: #a50e0e; font-size: 36px; line-height: 40px; text-transform: uppercase; margin: 0; font-family: 'bebasneue-bold'; font-weight: bold; } .not-found-prod-unler-title { color: #ebeef1; font-size: 21px; letter-spacing: 0.016em; line-height: 22px; text-transform: uppercase; margin: 0 0 0.8em; font-family: 'bebasneue-bold'; font-weight: bold; } .not-found-prod-col { &:nth-of-type(2n-1) { float: left; } &:nth-of-type(2n) { float: right; } } .not-found-prod-item { margin: 4px 0; font-family: 'OpenSans'; font-weight: 600; font-size: 16px; a, span { color: #fff; text-decoration: none; position: relative; padding-left: 26px; display: inline-block; line-height: 18px; &:before { content: ""; position: absolute; background: url("../img/notFoundProdIcon.png?v2") no-repeat; background-size: cover; width: 21px; height: 18px; left: 0; top: 0; } } &.vel a:before { background-position: -21px 0; } &.mail a:before { background-position: -42px 0; } &.mts a:before { background-position: -63px 0; } &.phone a:before { background-position: -84px 0; } &.skype a:before { background-position: -105px 0; } &.viber span:before { background-position: -126px 0; } } } .product-list-new-cont { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -4px; } .product-list-new-elem { padding: 9px; background-color: #f0f0f0; width: 33.33%; box-sizing: border-box; border: 4px solid #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 17px; color: #000; margin-bottom: 20px; .product-list-new-img { margin-bottom: 14px; display: block; img { display: block; width: 100%; max-width: 100%; } } .product-list-new-title { font-size: 17px; text-transform: uppercase; line-height: 19px; height: 38px; overflow: hidden; margin: 0 0 14px; a { color: #000000; text-decoration: none; &:hover { text-decoration: underline; } } } .product-list-new-desc { margin: 0 0 20px; font-family: Verdana; font-size: 12px; line-height: 16px; max-height: 80px; overflow: hidden; p { margin: 0; } } .product-list-new-weight { height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; margin: 0 0 14px; p { margin: 0; padding: 0; } } .product-list-new-availability { border-bottom: 2px solid #fff; padding: 0 0 6px; margin-bottom: 12px; white-space: nowrap; .product-list-new-availability-val { float: left; } .product-list-new-more { float: right; color: #000000; text-decoration: none; &:hover { text-decoration: underline; } } } .product-list-new-price { margin-bottom: 6px; } .product-list-new-price-block { float: left; font-size: 28px; .price2000 { display: none; } } .product-list-new-price-r { font-size: 28px; small { font-size: 20px; } } .product-list-new-price-k { font-size: 23px; small { font-size: 20px; } } .product-list-new-buy { float: right; .button { padding: 5px 0 8px; text-align: center; width: 100px; color: #fff; display: inline-block; text-decoration: none; font-family: Arial,Helvetica,'Helvetica Neue',sans-serif; } } } .aside-bottom-image { padding: 24px 32px 0; img { max-width: 100%; } } footer { .footer-google-copyright-block { display: flex; justify-content: space-between; max-width: 780px; .copyright { margin-right: 12px; } #wpac-google-review { min-width: 190px; } } .wp-gr .wp-google-border { background: #E60614 !important; } .wp-gr .wp-google-head-inner { padding: 10px 20px !important; left: 0 !important; top: 0 !important; } } @media screen and (max-width: 1280px) { .order-feedback { .viberLink, .telegramLink, .whatsappLink { width: 25px; height: 25px; margin: 0 2px 6px; } .viberLink { background-position: -50px 0; } } .block2numbers{ &.main-choice-text{ clear: left; margin: 10px 0 0 0; } } .main-choice.block2numbers{ display:none; } .eachRowPhone{ &.order-feedback{ width: auto; padding-bottom: 4px; margin-bottom: 14px; float:left; h4{ margin: 0; padding: 12px 10px 4px; font-size: 20px; font-weight: normal; float: left; display: none; } .orderPhone { font-size: 20px; padding: 3px 5px; float: left; margin-right: 10px; width: auto; margin-top: 7px; } .feedbackBtn { font-size: 18px; line-height: 30px; height: 34px; display: inline-block; padding: 0 14px; text-decoration: none; float: left; margin-top: 9px; } .viberPhone.orderPhone.lifePhone { width: auto; } } } .eachRow3Phone{ .eachRow3Phone-toggle-block { float: left; } &.order-feedback{ .orderPhone { width: 194px; } .orderPhone.lifePhone { width: auto; } .orderPhone:last-child { float: left; } } } } @media screen and (max-width: 1230px) { .eachRowPhone{ &.order-feedback{ display: block; margin: 0 auto; float: none; width: 700px; min-height: 46px; background: none; h4{ display:none; } } } .eachRow3Phone { &.order-feedback{ max-width: 902px; width: auto; .viberPhone.orderPhone.lifePhone .viber-text { display: none; } } } } @media screen and (max-width: 1120px) { .product-list-new-elem { width: 50%; } } @media screen and (max-width: 1024px) { .eachRow3Phone{ &.order-feedback{ margin: 0 auto; padding: 0 0 4px; .orderPhone { margin-right: 8px; } } } .not-found-prod-block { .not-found-prod-title { font-size: 32px; line-height: 40px; } .not-found-prod-unler-title { font-size: 19px; letter-spacing: 0.006em; line-height: 22px; } .not-found-prod-item { font-size: 14px; } } .video-responsive{ position: relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; iframe, object, embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } } //@media screen and (max-width: 900px) { // .eachRowPhone { // &.order-feedback { // .viberPhone.orderPhone.lifePhone { // float: none; // } // } // } //} @media screen and (max-width: 900px) { .product-list-new-elem { width: 100%; } footer { .footer-google-copyright-block { display: block; .copyright { margin-right: 0; } #wpac-google-review { width: 190px; margin: 9px; } } } } @media screen and (max-width: 840px) { .not-found-prod-block { .not-found-prod-text { margin: 2% 3% 4% 0; } .not-found-prod-title { font-size: 29px; } .not-found-prod-unler-title { font-size: 17px; letter-spacing: 0.008em; } .not-found-prod-item { font-size: 13px; } } } @media screen and (max-width: 768px) { .eachRowPhone{ &.order-feedback{ width: 450px; .cityPhone, .velPhone{ display:none; } } } .eachRow3Phone{ &.order-feedback{ width: auto; .cityPhone, .velPhone{ display:block; } .feedbackBtn { float: none; } .orderPhone { margin: 8px 2px 0; float: none; display: inline-block; width: auto; &:first-child, &:last-child { float: none; } } } .eachRow3Phone-toggle-block { display: block; position: relative; float: none; } } .not-found-prod-block { .not-found-prod-title { font-size: 32px; line-height: 40px; } .not-found-prod-unler-title { font-size: 19px; letter-spacing: 0.006em; line-height: 22px; } .not-found-prod-item { font-size: 14px; } } .product-list-new-elem { width: 50%; } } @media screen and (max-width: 739px) { .eachRow3Phone { .eachRow3Phone-toggle-btn { font-size: 16px; padding: 8px 12px; } .eachRow3-phone-toggle { top: 12px; } } .block2numbers.main-choice-text { display: none; } .footer-map-delivery-link { margin: -10px 0 20px; } footer { .footer-google-copyright-block { #wpac-google-review { margin: 9px auto; } } } } @media screen and (max-width: 700px) { .eachRow3Phone.order-feedback .orderPhone { font-size: 17px; margin: 8px 0 0; } .eachRow3Phone .orderPhone:before { margin: 0 6px 6px 6px; } } @media screen and (max-width: 580px) { .eachRow3Phone.order-feedback .orderPhone { font-size: 16px; } .eachRow3Phone .orderPhone:before { margin: 0 6px 6px 0; } } @media screen and (max-width: 540px) { .eachRow3Phone.order-feedback .orderPhone { font-size: 14px; padding: 3px 4px; } } @media screen and (max-width: 480px) { .eachRow3Phone .orderPhone:before { margin: 0 8px 6px 18px; } .eachRowPhone{ &.order-feedback{ width: 261px; .orderPhone{ width: 230px; } .feedbackBtn{ width:240px; } } } .eachRow3Phone { .eachRow3Phone-toggle-btn { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 19px; line-height: 24px; height: 24px; display: block; padding: 11px 23px; margin: 0; color: #fff; text-transform: uppercase; cursor: pointer; text-align: left; background: #3399cc; } .eachRow3-phone-toggle { cursor: pointer; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.04em; display: inline-block; position: absolute; right: 8px; top: 16px; &:before { content: attr(data-open); display: inline-block; width: 72px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; color: #fff; } &:after { content: ""; display: inline-block; border-style: solid; border-width: 9px 8px 0 8px; border-color: #fff transparent transparent transparent; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } } .eachRow3Phone-toggle-block { display: block; position: relative; max-height: 46px; overflow: hidden; -webkit-transition: max-height 200ms ease; transition: max-height 200ms ease; float: none; .orderPhoneHalf { margin: 0 auto; } &.open { max-height: 300px; .eachRow3-phone-toggle { &:before { content: attr(data-close); } &:after { border-width: 0 8px 9px 8px; border-color: transparent transparent #fff transparent; } } } } &.order-feedback{ width: auto; .orderPhoneHalf { .orderPhone { margin: 8px auto 0; float: none; width: 292px; max-width: 300px; font-size: 20px; a { font-size: 18px; } .viberLink { margin-left: 10px; } } } .orderPhone{ margin-bottom: 0; } .feedbackBtn{ -moz-box-sizing: border-box; box-sizing: border-box; } .viberLink, .telegramLink, .whatsappLink { margin: 0 4px 5px; } .whatsappLink { margin-right: 0; } } .eachRow3Phone-toggle-btn { font-size: 16px; padding: 8px 12px; } .eachRow3-phone-toggle { top: 12px; } } .not-found-prod-block { .not-found-prod-title { text-align: center; margin: 0 10px 8px; font-size: 32px; line-height: 34px; } .not-found-prod-unler-title { text-align: center; font-size: 19px; letter-spacing: 0.006em; line-height: 22px; margin: 0 10px 0.8em; } .not-found-prod-col:nth-of-type(n) { float: none; margin-left: 0; } .not-found-prod-item { font-size: 16px; max-width: 200px; margin: 4px auto; } } .product-list-new-elem { width: 100%; } } .top-seo-text-cont { font-family: Arial,Helvetica,'Helvetica Neue',sans-serif; font-size: 14px; p, ul, ol { margin: 20px 0; } a { color: #2a8ec1; } } img + .top-seo-text-cont { margin-top: -12px; } //Информация о количестве страниц и товаров в шаблоне для жидкостей .total-liquid-items-info{ color: #838383; } .kolpaki{ &.liquids{ .kolpak-option .title{ min-width: 120px; } } &.oils{ .kolpak-option .title{ min-width: 130px; } } } .info-with-sorting{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 5px; max-height: 40px; width: 100%; p{ flex: 1; margin-bottom: 0; &.sorting{ text-align: right; color:#838383; span{ cursor: pointer; color: #000000; display: inline-block; &.selected{ color: #e60913; } &:hover{ color: #e60913; } } } } } .kolpaki .kolpak-option label{ &.green:before{ background: url("/assets/img/checkboxnewgreen.jpg") no-repeat; background-size: cover; } &.red:before{ background: url("/assets/img/checkboxnewred.jpg") no-repeat; background-size: cover; } &.yellow:before{ background: url("/assets/img/checkboxnewyellow.jpg") no-repeat; background-size: cover; } } .catalog-cont .subCatLinksNews { margin: -20px 0 0; } .subCatLinksNews .subCatLinksNews-title { font-size: 16px; } .catalog-cont .subCatLinksNews li.active a { text-decoration: none; cursor: default; } .addthis-text-page-block { .addthis-text-page-title { color: #626262; } .addthis_inline_share_toolbox { display: inline-block; vertical-align: middle; } } .article-date-addthis-cont { margin: -16px 0 15px; .article-one-date { float: left; margin: 4px 0 -4px; } .addthis-text-page-block { float: right; } } .article-date-addthis-cont + .article-one-img + h2:first-of-type { margin-top: -8px; } aside ul.list.list-liquid li { height: auto; } aside ul.list.list-liquid li ul { padding: 4px 0 10px; display: block; margin: 0; } aside ul.list.list-liquid li:hover ul { background: #7BBADB; } aside ul.list.list-liquid li:hover ul li { background: none; } aside ul.list.list-liquid li:hover ul li a:hover { color: #fff; } aside ul.list.list-liquid li ul li { padding-bottom: 6px; padding-left: 50px; line-height: 17px; } aside ul.list.list-liquid li ul li a { font-size: 18px; text-transform: none; } .fancybox-opened { z-index: 18030; } .delivery-tabs-cont { margin: -10px -10px 0; } .delivery-tabs-btns { font-size: 20px; overflow: hidden; border-bottom: 1px solid #6fb2d6;; color: #1f1f1f; } .delivery-tabs-btns button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 10px 16px; border-radius: 0; transition: 0.3s; color: #1f1f1f; font-size: 20px; font-family: 'PT Sans Narrow',sans-serif; } .delivery-tabs-btns button:hover { background-color: #6fb2d6; } .delivery-tabs-btns button.active { background-color: #6fb2d6; } .delivery-tabs-item { font-size: 18px; display: none; border-top: none; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; /* Fading effect takes 1 second */ font-family: Arial,Helvetica,'Helvetica Neue',sans-serif; p { margin: 12px 0; } } .delivery-tabs-item a, .delivery-tabs-item .blue-text { color: #389ed6; } @-webkit-keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} } @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} } .site-map-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .site-map-col { width: 48%; padding: 0; margin: 0; list-style: none; a { color: #3194d3; font-size: 14px; font-weight: 400; line-height: 21px; display: inline-block; margin-bottom: 6px; } .site-map-elem-main { margin-bottom: 16px; .site-map-elem-main-link { color: #007aaf; font-weight: bold; margin-bottom: 8px; } ul { margin: 0; padding: 0 0 0 20px; list-style: none; } } } @media screen and (min-width: 1281px) { .eachRowPhone .orderPhone.orderPhoneWidth100 { float: none; } } @media screen and (max-width: 1199px) { .delivery-tabs-btns button { padding: 10px 14px; } } @media screen and (max-width: 1179px) { .delivery-tabs-cont { margin: -10px 0 0; } } @media screen and (max-width: 1140px) { .top-header-info-block.top-header-info-block-without-bg p { font-size: 16px; line-height: 18px; } } @media screen and (max-width: 1120px) { .article-date-addthis-cont { margin-bottom: 0; .article-one-date { margin: 0; } .addthis-text-page-block { float: left; width: 100%; } } .contacts-info-with-img { display: block; } .contacts-info-with-img-picture-link { display: inline-block; } } @media screen and (max-width: 1120px) { } @media screen and (max-width: 1204px) { .info-with-sorting{ max-height: none; flex-direction: column; } .info-with-sorting p.sorting{ text-align: left; } } @media screen and (max-width: 1023px) { .catalog-cont .subCatLinksNews { margin: -2px 0 16px; } .article-date-addthis-cont { margin-top: -10px; } .delivery-tabs-btns button { width: 50%; border: 1px solid #6fb2d6; border-bottom: none; padding-left: 4px; padding-right: 4px; &:nth-of-type(2n) { border-left: none; } } .paiment-content-block { display: block; } .paiment-content-elem { width: auto; min-height: 0; .paiment-content-elem-icon { top: 0; } + .paiment-content-elem .paiment-content-elem-title { margin-top: 10px; } } } @media screen and (max-width: 899px) { .site-map-container { display: block; } .site-map-col { width: 100%; } } @media screen and (max-width: 768px) { .site-map-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .site-map-col { width: 49%; } .top-header-info-block.top-header-info-block-without-bg p { font-size: 16px; line-height: 18px; } } @media screen and (max-width: 739px) { .delivery-tabs-cont { margin-top: -20px; padding-bottom: 20px; padding-left: 0; padding-right: 0; } .catalog-table .catalog-line .catalog-price .catalog-price-num { font-weight: bold; } } @media screen and (max-width: 600px) { .top-header-info-block.top-header-info-block-without-bg p { font-size: 14px; line-height: 16px; } } @media screen and (max-width: 540px) { .delivery-tabs-item { font-size: 16px; text-align: left; } } @media screen and (max-width: 479px) { .catalog-table .catalog-line .catalog-img, .catalog-table .catalog-line .catalog-cod { width: 50%; } .catalog-table .catalog-line .catalog-name { width: 100%; } .site-map-container { display: block; } .site-map-col { width: 100%; } .header-time-work-row1-text .fa-clock-o { display: inline-block; height: 12px; } .header-time-work-row1-text .fa-phone { display: none; } } @media screen and (max-width: 399px) { .delivery-tabs-btns button { padding: 12px 4px; font-size: 16px; } .top-header-info-block.top-header-info-block-without-bg p { font-size: 13px; line-height: 14px; } } @media screen and (min-width: 1024px) { #searchByModel { background: #e0f7ff; border: 2px solid #2ac6ff; } } .show-address-info-header-block { position: relative; display: inline-block; } .show-address-info-btn { border: none; padding: 2px; margin: 10px 0 0 6px; background: none; } .show-address-info-popup { border-radius: 4px; background-color: #444343; color: #fff; padding: 12px 16px 16px; max-width: 471px; box-sizing: border-box; text-align: center; position: absolute; left: -216px; top: 56px; display: none; width: calc(~'100vw - 44px'); &::before { content: ''; position: absolute; border-style: solid; border-width: 0 13px 18px 13px; border-color: transparent transparent #444343 transparent; top: -17px; left: 50%; margin-left: -13px; } img { max-width: 100%; } } .show-address-info-val { margin-bottom: 12px; } .show-address-info-title { font-size: 18px; margin: 0; } .show-address-info-text { font-size: 16px; margin: 0; } .show-address-info-text-enter { color: #939393; margin-right: 4px; } .show-address-info-link { text-decoration: underline; border: none; padding: 0; color: #fff; background: none; font-family: "PT Sans Narrow",sans-serif; &:hover { text-decoration: none; } } #show-map-popup { &.modal-container { &.open .popup-content, &.close .popup-content { margin: 30px auto !important; max-width: none; width: 90%; border-radius: 4px; padding: 0; height: calc(~'100% - 60px'); box-sizing: border-box; } .close-modal { top: -20px; right: -20px; &:hover svg path { stroke: #e60313; } svg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 12px; height: 12px; path { stroke: #333; transition: stroke 0.2s ease-out; } } } } } .show-address-info-close-modal { position: absolute; right: 0; top: 0; width: 24px; height: 24px; line-height: 24px; padding: 0; cursor: pointer; border-radius: 4px; &:hover svg path { stroke: #e60313; } svg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 12px; height: 12px; path { transition: stroke 0.2s ease-out; } } } @media screen and (max-width: 1040px) { header nav ul li a { padding-left: 7px; padding-right: 7px; } } @media screen and (max-width: 1023px) { header nav ul li a { padding-left: 5px; padding-right: 5px; } } @media screen and (max-width: 900px) { header nav ul li { font-size: 16px; } header nav ul li a { padding-left: 4px; padding-right: 4px; } } @media screen and (max-width: 860px) { header nav ul li { font-size: 15px; } } @media screen and (max-width: 840px) { header nav ul li { font-size: 24px; } header nav ul li a { padding-left: 11px; padding-right: 11px; } } @media screen and (max-width: 590px) { .show-address-info-header-block { position: static; } .show-address-info-popup { max-width: 530px; left: 0; right: 0; width: auto; } .show-address-info-popup::before { left: 309px; } } @media screen and (max-width: 479px) { .show-address-info-header-block { position: static; } .show-address-info-popup { width: 100%; left: 0; top: 60px; } .show-address-info-popup::before { left: 188px; } #show-map-popup.modal-container .close-modal { right: 0; } .show-address-info-btn { padding: 4px 2px; } } @media screen and (max-width: 329px) { footer { .wp-gr .wp-google-name { line-height: 1.2em !important; span { font-size: 13px !important; } } } } .google-review-block{color:#fff;margin-top:-5px;display:inline-flex;flex-direction:column}.google-review-elem{display:flex;align-items:center}.google-review-inner{display:flex;margin-top:-2px;margin-bottom:3px}.google-review-value{font-size:35px;line-height:45px;font-weight:700;margin:0 5px 0 9px}.google-review-stars-block{margin-top:1px}.google-review-title{color:#fff;font-size:14px;font-weight:700;white-space:nowrap}.google-review-stars{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.google-review-link{display:block;text-decoration:none;border-radius:4px;background-color:#e33e2b;font-size:13px;font-weight:700;text-align:center;padding:1px;color:#fff;transition:background-color .2s ease-out}.google-review-link:hover{background:#d24231}@media screen and (max-width:739px){.google-review-block{margin:9px auto}}@media screen and (max-width:900px){.google-review-block{width:190px;margin:9px}}.one-click-success-new-title{background:#d10b1d;font-size:36px;display:block;text-align:center;text-transform:uppercase;margin:0 0 .9444em;color:#fff;line-height:1.2em;padding:.4em;letter-spacing:.1em;font-family:Arial,Helvetica,"Helvetica Neue",sans-serif;word-spacing:.02em}.one-click-success-new-block{display:flex;flex-wrap:wrap;max-width:604px;margin:0 auto}.one-click-success-new-elem{width:25%;text-align:center;color:#000;margin-bottom:30px;font-size:15px;line-height:1.333}.one-click-success-new-elem a{color:#000 !important;text-decoration:none}.one-click-success-new-elem a .one-click-success-new-elem-title{border-bottom:1px solid #000;transition:border-bottom-color .2s ease-out}.one-click-success-new-elem a:hover .one-click-success-new-elem-title{border-bottom-color:transparent}.one-click-success-new-elem-img{display:block;margin:0 auto 5px}.one-click-success-new-elem-title{font-size:15px;font-weight:bold;text-transform:uppercase;line-height:1.333;margin:0;color:#000;font-family:"PT Sans Narrow",sans-serif;display:inline}.one-click-success-new-text{width:50%;text-align:center;display:flex;flex-direction:column;align-items:center;font-family:Arial,Helvetica,"Helvetica Neue",sans-serif;margin-bottom:20px}.one-click-success-new-text-top{position:relative;max-width:250px;text-align:left;margin-bottom:2px}.one-click-success-new-text-top p{position:relative;color:#013779;font-weight:bold;text-transform:uppercase;line-height:1.6;margin:5px 0 5px;font-size:15px}.one-click-success-new-text-top p a{text-decoration:none;color:#013779 !important;border-bottom:1px solid #013779;transition:border-bottom-color .2s ease-out}.one-click-success-new-text-top p a:hover{border-bottom-color:transparent}.one-click-success-new-text-top svg{position:absolute;right:10px;top:0}.one-click-success-new-text-bottom{position:relative;max-width:250px;text-align:left;display:flex;align-items:center;text-decoration:none}.one-click-success-new-text-bottom p{color:#e10431;font-weight:bold;text-transform:uppercase;line-height:1.4;margin:10px 4px 0 -5px;font-size:16px;width:140px}.one-click-success-new-text-bottom p span{color:#e10431;border-bottom:1px solid #e10431;transition:border-bottom-color .2s ease-out}.one-click-success-new-text-bottom p span:hover{border-bottom-color:transparent}.one-click-success-new-text-bottom svg{position:absolute;right:0;top:0;bottom:0;margin:auto}@media(max-width:767px){.one-click-success-new-title{font-size:4.6936vw}}@media(max-width:679px){.one-click-success-new-elem{width:33.3333%}.one-click-success-new-elem-img{margin:0 auto 2px}.one-click-success-new-text{width:auto;margin:0 auto 16px}.one-click-success-new-elem{margin-bottom:20px}}@media(max-width:479px){.modal-text-cont{margin:0}.one-click-success-new-title{font-size:5.2vw;padding:.6em}}@media(max-width:399px){.one-click-success-new-elem-title{font-size:14px}}.catalog-main-cont{display:flex;flex-direction:column}.catalog-main-cont .catalog-cont{margin-top:0}.all-for-car-links-block{display:flex;justify-content:space-between;align-items:center;margin:0 30px 12px;background:#fff;min-height:80px}.all-for-car-links-ul{display:flex;justify-content:space-around;flex:1 1 auto;margin:5px 3.2% 0 1.2%;padding:0;list-style:none}.all-for-car-links-ul li{text-align:center;line-height:20px;font-size:15px}.all-for-car-links-ul a{text-decoration:none;border-bottom:1px solid #000;color:#000;transition:border-bottom-color .2s ease-out;text-transform:uppercase;font-weight:bold;font-size:15px}.all-for-car-links-ul a:hover{border-bottom-color:transparent}.all-for-car-links-img-a{min-width:406px}.all-for-car-links-img-a img{height:auto}#application-for-selection-popup{z-index:3999999999}#application-for-selection-popup-success.modal-container.open .popup-content,#application-for-selection-popup-success.modal-container.close .popup-content{max-width:740px}#application-for-selection-popup-success .modal-text-cont img{max-width:100%}body div.jGrowl{z-index:4999999999 !important}.form-spinner-cont{z-index:5999999999}#application-for-selection-popup form{max-width:300px;margin:0 auto}#application-for-selection-popup .form-elem{margin-top:8px;text-align:left}#application-for-selection-popup .form-elem label{width:100%;font-size:15px;margin-top:0}#application-for-selection-popup .form-elem .form-input{text-align:left;width:100%}#application-for-selection-popup .form-elem input:not([type="submit"]){display:block;width:100%;margin-top:2px}#application-for-selection-popup .button{margin-top:20px}.halo-item-3-level-cont{position:absolute;left:0;right:0;background:#eee;z-index:10;border-radius:5px;display:none}.halo-item-3-level-cont .close-modal{display:none}ul.halo-item-3-level{padding:20px 30px 8px;margin:0;list-style:none;column-count:3;column-gap:30px;box-sizing:border-box}ul.halo-item-3-level a{color:#383e47;position:relative;text-decoration:none;font-family:Arial,Helvetica,"Helvetica Neue",sans-serif}ul.halo-item-3-level a+.halo-item-3-level-cont{display:none}ul.halo-item-3-level a:hover{color:#222}ul.halo-item-3-level a:hover::before{width:100%}ul.halo-item-3-level a::before{content:"";left:0;bottom:0;width:0;height:1px;background-color:#222;position:absolute;transition:all .3s ease}.collection-card{position:relative;background-color:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.collection-card a{color:#222}.collection-card a:hover{color:#222}.collection-card .image{text-align:center;position:relative;overflow:hidden;border-radius:3px 3px 0 0}.collection-card .image .link{top:0;left:0;right:0;bottom:0;z-index:3;display:inline-block;position:absolute}.collection-card .image img.lazyloaded{width:100%}.collection-card .content{padding:20px 15px}.collection-card .content .title{font-size:20px;line-height:1.2;font-weight:700;margin-top:0;margin-bottom:0;text-transform:uppercase}.collection-card .content .title a{color:#222;text-decoration:none;position:relative}.collection-card .content .title a:hover{color:#222}.collection-card .content .title a:hover::before{width:100%}.collection-card .content .title a::before{content:"";left:0;bottom:-2px;width:0;height:1px;background-color:#222;position:absolute;transition:all .3s ease}.collection-card .content .sub-collection{list-style:none;margin:12px 0 0 0;padding:0;display:flex;flex-direction:column;align-items:flex-start}.collection-card .content .sub-collection li{display:block;line-height:22px;margin-left:15px}.collection-card .content .sub-collection li .halo-item-3-level li{margin-left:0}.collection-card .content .sub-collection .icon{width:10px;height:10px;margin-right:5px;position:absolute;margin-left:-15px;margin-top:6px}.collection-card .content .sub-collection a{position:relative;text-decoration:none;color:#383e47;padding-bottom:12px;display:inline-block;font-family:Arial,Helvetica,"Helvetica Neue",sans-serif}.collection-card .content .sub-collection a:before{content:"";left:0;bottom:12px;width:0;height:1px;background-color:#222;position:absolute;transition:all .3s ease}.collection-card .content .sub-collection a:hover{color:#222}.collection-card .content .sub-collection a:hover:before{width:100%}.collection-card .content .shop-now{color:#222;font-size:16px;margin-top:12px;display:inline-block;text-transform:uppercase;font-weight:700;position:relative;text-decoration:none}.collection-card .content .shop-now:before{content:"";left:0;bottom:2px;width:0;height:1px;background-color:#222;position:absolute;transition:all .3s ease}.collection-card .content .shop-now:hover{color:#222}.collection-card .content .shop-now:hover:before{width:100%}@media only screen and (min-width:1025px){.collection-card{max-width:none}.collection-card .content{padding:20px 25px}}.collection-card.layout-2{font-size:0;box-shadow:none}.collection-card.layout-2 .image{width:45%;display:inline-block;vertical-align:top;border-radius:3px;font-size:12px}.collection-card.layout-2 .content{width:55%;padding:0 0 0 15px;display:inline-block;vertical-align:top;font-size:12px;box-sizing:border-box}.collection-card.layout-2 .content .title{text-transform:capitalize}@media only screen and (min-width:768px){.collection-card.layout-2 .image{width:170px}.collection-card.layout-2 .content{width:calc(100% - 170px)}}@media only screen and (min-width:1025px){.collection-card.layout-2{max-width:none}.collection-card.layout-2 .content{padding:0 0 0 25px}}.halo-row{font-size:0;display:block;overflow:auto;white-space:nowrap;margin:0 -15px;padding:0 0 0 15px;position:relative}.halo-row .halo-item{padding:0;margin-right:15px;margin-bottom:2px;white-space:normal;vertical-align:top;display:inline-block;font-size:12px;box-sizing:border-box}.halo-row .halo-item:nth-child(2n) .halo-item-3-level-cont{width:calc(200% - -30px);margin-left:calc(-100% - 30px)}.halo-row .halo-item:nth-child(2n-1) .halo-item-3-level-cont{width:calc(200% - -30px)}.halo-row .halo-item .product-card{max-width:165px}.halo-row .halo-item-full{width:100%;display:inline-block;font-size:12px}.halo-row.slick-slider{padding:0;margin-left:-8px;margin-right:-8px;overflow:visible}.halo-row.slick-slider .halo-item{margin:0;padding:0 8px}.halo-row.slick-slider .halo-item .product-card{width:100%;max-width:none}@media only screen and (min-width:768px){.halo-row .halo-item .product-card{max-width:220px}}.halo-row{width:auto;padding:0;min-width:100%;margin-left:-15px;margin-right:-15px}.halo-row .halo-item{width:50%;margin-right:0;margin-bottom:0;padding-left:15px;padding-right:15px}.halo-row .halo-item .product-card{max-width:none}.halo-row .halo-item-full{width:100%}.halo-row .halo-item-full>p{padding-left:15px;padding-right:15px}.halo-row.column-1 .halo-item{width:100%}.halo-row.column-3 .halo-item{width:33.3333333%}.halo-row.column-4 .halo-item{width:25%}.halo-row.column-5 .halo-item{width:20%}.halo-row.halo-row-custom{display:block;overflow:visible;white-space:normal}.halo-row.halo-row-custom .halo-item{margin:30px 0 0 0}.halo-row.halo-row-custom.column-1 .halo-item{margin:30px 0 0 0}.halo-row.halo-row-custom.column-1 .halo-item:first-child{margin-top:0}.halo-row.halo-row-custom.column-3 .halo-item:nth-child(-n+3){margin-top:0}.halo-row.halo-row-custom.column-4 .halo-item:nth-child(-n+4){margin-top:0}.halo-row.halo-row-custom.column-5{margin-left:-8px;margin-right:-8px}.halo-row.halo-row-custom.column-5 .halo-item{padding-left:8px;padding-right:8px;margin:16px 0 0 0}.halo-row.halo-row-custom.column-5 .halo-item:nth-child(-n+5){margin-top:0}.halo-row.halo-row-icon{display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:top;-webkit-align-items:top;-moz-align-items:top;-ms-align-items:top;-o-align-items:top;align-items:top;-webkit-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between}.halo-row[data-slick]:not(.slick-slider){overflow:hidden;white-space:nowrap}.halo-row[data-slick]:not(.slick-slider) .halo-item{margin:0}.halo-row.slick-slider{margin-left:-15px;margin-right:-15px}.halo-row.slick-slider .halo-item{padding:0 15px}.halo-column{font-size:0;margin:0 -8px;list-style:none;text-align:left;display:block}.halo-column .halo-item{width:100%;padding:0 8px;margin-bottom:16px;white-space:normal;vertical-align:top;display:inline-block;font-size:12px;box-sizing:border-box}.halo-column .halo-item-full{width:100%;display:inline-block;font-size:12px}.halo-column.halo-column-product .halo-item{width:50%}@media only screen and (min-width:551px){.halo-column.column-5 .halo-item,.halo-column.column-4 .halo-item,.halo-column.column-3 .halo-item,.halo-column.column-2 .halo-item{width:50%}}@media only screen and (min-width:768px){.halo-column.column-5 .halo-item,.halo-column.column-4 .halo-item,.halo-column.column-3 .halo-item{width:33.3333333%}}.halo-column{margin:0 -15px}.halo-column .halo-item{padding:0 15px;margin:30px 0 0 0}.halo-column .halo-item-full{width:100%}.halo-column .halo-item-full>p{padding-left:15px;padding-right:15px}.halo-column.column-2 .halo-item{width:50%}.halo-column.column-2 .halo-item:nth-child(-n+2){margin-top:0}.halo-column.column-3 .halo-item{width:33.3333333%}.halo-column.column-3 .halo-item:nth-child(-n+3){margin-top:0}.halo-column.column-4 .halo-item{width:25%}.halo-column.column-4 .halo-item:nth-child(-n+4){margin-top:0}.halo-column.column-5 .halo-item{width:20%}.halo-column.column-5 .halo-item:nth-child(-n+5){margin-top:0}.halo-column.halo-col-custom{column-count:2;-webkit-column-count:2}.halo-column.halo-col-custom .halo-item{width:100%;margin:0 0 30px 0;break-inside:avoid-column}@media only screen and (max-width:1139px){.collection-card.layout-2 .image{width:140px}.collection-card.layout-2 .content{width:calc(100% - 140px)}}@media only screen and (max-width:1139px){.collection-card.layout-2 .image{width:120px}.collection-card.layout-2 .content{width:calc(100% - 120px)}}@media only screen and (max-width:1139px){.all-for-car-links-ul{margin:5px 1% 0 1%}}@media only screen and (max-width:1023px){.all-for-car-links-ul{margin:0 1% 0 1%;flex-wrap:wrap}.all-for-car-links-ul li{width:50%;margin:2px 0 4px}.all-for-car-links-ul a br{display:none}.halo-row .halo-item{width:100%}.collection-card.layout-2 .image{width:170px}.collection-card.layout-2 .content{width:calc(100% - 170px)}.halo-row .halo-item:nth-child(2n) .halo-item-3-level-cont{width:calc(100% - -30px);margin-left:0}.halo-row .halo-item:nth-child(2n - 1) .halo-item-3-level-cont{width:calc(100% - -30px);margin-left:0}}@media only screen and (max-width:860px){ul.halo-item-3-level{column-count:2}}@media only screen and (max-width:800px){.all-for-car-links-ul a{font-size:14px}}@media only screen and (max-width:768px){.halo-row .halo-item{width:50%}.collection-card.layout-2 .image{width:120px}.collection-card.layout-2 .content{width:calc(100% - 130px)}.halo-row .halo-item:nth-child(2n) .halo-item-3-level-cont{width:calc(200% - -30px);margin-left:calc(-100% - 30px)}.halo-row .halo-item:nth-child(2n - 1) .halo-item-3-level-cont{width:calc(200% - -30px)}.halo-item-3-level-cont{opacity:1;position:fixed;left:0;right:0;top:0;bottom:0;border-radius:0;width:auto !important;z-index:2999999999;overflow:auto}.halo-item-3-level-cont .close-modal{width:20px;height:20px;border-radius:0;background:none;cursor:pointer;position:absolute;display:block;right:0;top:0;padding:0;border:0;text-align:center;color:#000;font-size:20px;line-height:18px;font-weight:400;-webkit-transition:all .15s ease-out;transition:all .15s ease-out}.halo-item-3-level-cont .close-modal:hover{box-shadow:0 0 3px 0 #000}ul.halo-item-3-level{column-count:3}.all-for-car-links-block-noindex{order:5}.all-for-car-links-block{display:block;text-align:center;order:5;padding-bottom:12px}.all-for-car-links-img-a{min-width:0}.all-for-car-links-img-a img{max-width:100%}.all-for-car-links-ul li{width:33.333333%;margin:5px 0}.all-for-car-links-ul a{font-size:14px}}@media only screen and (max-width:739px){.all-for-car-links-block{margin:0 10px 20px}}@media only screen and (max-width:600px){.halo-row .halo-item{width:100%}.collection-card.layout-2 .image{width:170px}.collection-card.layout-2 .content{width:calc(100% - 170px)}.halo-row .halo-item:nth-child(2n) .halo-item-3-level-cont{width:calc(100% - -30px);margin-left:0}.halo-row .halo-item:nth-child(2n - 1) .halo-item-3-level-cont{width:calc(100% - -30px);margin-left:0}}@media only screen and (max-width:479px){ul.halo-item-3-level{column-count:2}.all-for-car-links-ul li{width:50%;margin:5px 0}.all-for-car-links-ul a{font-size:14px}}@media only screen and (max-width:380px){.collection-card.layout-2 .image{width:120px}.collection-card.layout-2 .content{width:calc(100% - 130px)}} .ajax_form input.error{border-color:brown}body div.jGrowl{z-index:999999}div.jGrowl div.jGrowl-notification{min-height:40px;position:fixed;left:0;right:0;top:50%;margin:-60px auto 0 !important;font-size:26px !important;width:520px !important;max-width:400px}div.jGrowl div.jGrowl-notification.detalikuzova-message-success{opacity:1;top:30%;background:#7fd848;padding:20px;width:90%;max-width:435px;box-shadow:0 0 10px 2px #36770e}div.jGrowl div.jGrowl-notification.detalikuzova-message-success h2{margin:0;margin-bottom:5px;text-align:center;color:#2f2f2f;font-size:25px}div.jGrowl div.jGrowl-notification.detalikuzova-message-success .jGrowl-message p{font-size:18px;margin:0 0 8px;text-align:center;color:#1b1b1b}div.jGrowl div.jGrowl-notification.detalikuzova-message-success div.jGrowl-close{color:#2f2f2f;position:absolute;top:-10px;right:0}@media(max-width:768px){div.jGrowl div.jGrowl-notification{margin:-46px auto 0 !important;font-size:26px !important;width:400px !important}}@media(max-width:480px){div.jGrowl div.jGrowl-notification{margin:-38px auto 0 !important;font-size:20px !important;width:280px !important}} .muffler_menu li{background-color:white}.muffler_menu li.mufflerActiveMenu{background-color:#b7b7b7}.Katalog_prod .topnav{width:auto;padding:40px 28px 25px 0;font-family:Arial,Helvetica,sans-serif}.Katalog_prod ul.topnav{padding:0;margin:0;font-size:1em;line-height:.5em;list-style:none}.Katalog_prod ul.topnav li{float:none}.Katalog_prod ul.topnav li a{line-height:10px;font-size:12px;padding:10px 5px;color:#000;display:block;text-decoration:none;border-bottom:1px solid #c4d7f3;height:10px !important;background-color:transparent;border-radius:0}.Katalog_prod ul.topnav li a:hover{background-color:#675c7c;color:white}.Katalog_prod ul.topnav ul{margin:0;padding:0;display:block;list-style:none}.Katalog_prod ul.topnav ul li{margin:0;padding:0;clear:both}.Katalog_prod ul.topnav ul li a{padding-left:20px;font-size:12px;font-weight:normal}.Katalog_prod ul.topnav ul li a:hover{background-color:#d3c99c;color:#675c7c}.Katalog_prod ul.topnav ul ul li a{color:black;padding-left:40px;max-width:226px}.Katalog_prod ul.topnav ul ul li a:hover{background-color:#d3ceb8;color:#675c7c}.Katalog_prod ul.topnav span{float:right;margin:0 0 0 10px}.bgpdf{background:url("/assets/images/bg/bg_pdf.png") no-repeat top center;width:529px;height:76px}.bgxls{background:url("/assets/images/bg/bg_xls.png") no-repeat top center;width:529px;height:76px}.menu_katalog{float:left;width:210px;font:normal 12px Arial}#katalogRamy h2{text-align:left;margin:20px 0 0 105px;float:left;width:100%}#katalogRamy a{display:block;width:384px;height:381px}.Katalog_prod ul.topnav ul ul li a.activeColor{color:green !important;font-weight:bold}.wynikDiv{float:right;width:750px}#produktTable{text-align:center;width:100%;font-size:12px}.produktTr th{background-color:#ccc;padding:5px 0}.trTableprod{border-bottom:1px solid #3f4c4e;cursor:pointer}.trTableprod td{background-color:#00af00;color:#fff;border-bottom:1px solid white;padding:5px 0}.ZdjecieDiv{padding:10px 0 0 0;display:none;border-bottom:1px solid grey;border-left:1px solid black;border-right:1px solid black;background-color:white}.ZdjecieDiv .muffler-product-table{margin-top:20px}#preloader{position:fixed;width:100%;height:100%;z-index:9999;display:none;color:#fff;text-align:center;font-weight:bold;background:url("/assets/images/preloader_bg.jpg")}#bg_logo{width:960px;margin:0 auto;background-color:white;border-bottom-right-radius:8px;border-bottom-left-radius:8px;padding:20px}.flagapl{background:url("/assets/images/flagaPL.jpg") transparent;color:transparent;width:30px;height:20px;cursor:pointer;border:0}.flagade{background:url("/assets/images/flagaDE.jpg") transparent;color:transparent;width:30px;height:20px;cursor:pointer;border:0}.flagarus{background:url("/assets/images/flagaRUS.jpg") transparent;color:transparent;width:30px;height:20px;cursor:pointer;border:0}.flagaen{background:url("/assets/images/flagaEN.jpg") transparent;color:transparent;width:30px;height:20px;cursor:pointer;border:0}.flagafr{background:url("/assets/images/flagaFR.jpg") transparent no-repeat;color:transparent;width:30px;height:20px;cursor:pointer;border:0}.flagacz{background:url("/assets/images/flagaCZ.jpg") transparent;color:transparent;width:28px;height:20px;cursor:pointer;border:0}.flagahu{background:url("/assets/images/flagaHU.jpg") transparent no-repeat;color:transparent;width:25px;height:20px;cursor:pointer;border:0}.katalogOsobowe{background:url("/assets/images/pngOsobowe.png") no-repeat center top;width:384px;height:381px;margin:54px 0 0 67px;display:block;float:left}.katalogOsobowe p{text-align:center;font:bold 30px/30px Tahoma,Arial,Times New Roman;margin:15px 0 10px 0}.katalogCiezarowe p{text-align:center;font:bold 30px/30px Tahoma,Arial,Times New Roman;margin:15px 0 10px 0}.katalogCiezarowe{background:url("/assets/images/pngCiezarowe.png") no-repeat center top;width:384px;height:381px;margin:54px 0 0 67px;display:block;float:left}.katalogOsobowe a{text-align:center;color:white;text-decoration:none}.katalogCiezarowe a{text-align:center;color:white;text-decoration:none}#deletesuccess{position:absolute;top:0;left:0;right:0;width:400px;margin:0 auto;padding:8px;background-color:black;color:white;border-bottom:5px solid #1d9c3f;border-left:5px solid #1d9c3f;border-right:5px solid #1d9c3f;border-bottom-left-radius:8px;border-bottom-right-radius:8px}#xys{font-size:18px;background:#fff;margin-top:-6px;padding:10px 40px;box-shadow:0 0 6px black;line-height:22px;border-radius:25px}#xys ul{list-style-type:circle;margin-left:30px}#xys ul li{float:none} @import url("/assets/components/ajaxform/css/lib/jquery.jgrowl.min.css");.af-message-success{background-color:green !important}.af-message-error{background-color:brown !important}.af-message-info{background-color:black !important}.ajax_form.af_example{width:100%}.ajax_form.af_example .controls input,.ajax_form.af_example .controls textarea{width:100%}.ajax_form .error{color:brown}@media screen and (min-width:320px){.ajax_form.af_example .controls button[type="submit"]{float:right}}@media screen and (max-width:320px){.ajax_form.af_example .controls button{width:100%;margin-top:5px}} .jGrowl {z-index: 9999;color: #fff;font-size: 12px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;position: fixed;} .jGrowl.top-left {left: 0;top: 0;} .jGrowl.top-right {right: 0;top: 0;} .jGrowl.bottom-left {left: 0;bottom: 0;} .jGrowl.bottom-right {right: 0;bottom: 0;} .jGrowl.center {top: 0;width: 50%;left: 25%;} .jGrowl.center .jGrowl-closer, .jGrowl.center .jGrowl-notification {margin-left: auto;margin-right: auto;} .jGrowl-notification {background-color: #000;opacity: .9;zoom: 1;width: 250px;padding: 10px;margin: 10px;text-align: left;display: none;border-radius: 5px;min-height: 40px;} .jGrowl-notification .ui-state-highlight, .jGrowl-notification .ui-widget-content .ui-state-highlight, .jGrowl-notification .ui-widget-header .ui-state-highlight {border: 1px solid #000;background: #000;color: #fff;} .jGrowl-notification .jGrowl-header {font-weight: 700;font-size: .85em;} .jGrowl-notification .jGrowl-close {background-color: transparent;color: inherit;border: none;z-index: 99;float: right;font-weight: 700;font-size: 1em;cursor: pointer;} .jGrowl-closer {background-color: #000;opacity: .9;zoom: 1;width: 250px;padding: 10px;margin: 10px;display: none;border-radius: 5px;padding-top: 4px;padding-bottom: 4px;cursor: pointer;font-size: .9em;font-weight: 700;text-align: center;} .jGrowl-closer .ui-state-highlight, .jGrowl-closer .ui-widget-content .ui-state-highlight, .jGrowl-closer .ui-widget-header .ui-state-highlight {border: 1px solid #000;background: #000;color: #fff;} @media print {.jGrowl {display: none;}}