/* reset */ /* main variables */ body { margin: 0px; padding: 0px; font-family: "Open Sans", sans-serif; background-color: #fff; height: 100%; line-height: 1; position: relative; font-size: 13px !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*MAIN*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; outline: none; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-width: 0px; padding: 0px; margin: 0px; } html { height: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; } input:not([type='checkbox']):not([type='radio']), textarea { font-family: "Open Sans", sans-serif; outline: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; } input[type="button"], input[type="submit"], button { cursor: pointer; } td { margin: 0px; padding: 0px; } form { padding: 0px; margin: 0px; } a { color: inherit; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a, span, div, button { outline: none !important; } input[type=submit], input[type=button], button { -webkit-appearance: none; outline: none; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } .clearfix:after, .wrapper:after, .row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } img { max-width: 100%; } ul { list-style: none; } @font-face { font-family: 'Open Sans'; src: url("../fonts/OpenSans-Extrabold.eot"); src: url("../fonts/OpenSans-Extrabold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Extrabold.woff2") format("woff2"), url("../fonts/OpenSans-Extrabold.woff") format("woff"), url("../fonts/OpenSans-Extrabold.ttf") format("truetype"), url("../fonts/OpenSans-Extrabold.svg#OpenSans-Extrabold") format("svg"); font-weight: 800; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url("../fonts/OpenSans-BoldItalic.eot"); src: url("../fonts/OpenSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-BoldItalic.woff2") format("woff2"), url("../fonts/OpenSans-BoldItalic.woff") format("woff"), url("../fonts/OpenSans-BoldItalic.ttf") format("truetype"), url("../fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic") format("svg"); font-weight: bold; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url("../fonts/OpenSansLight-Italic.eot"); src: url("../fonts/OpenSansLight-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSansLight-Italic.woff2") format("woff2"), url("../fonts/OpenSansLight-Italic.woff") format("woff"), url("../fonts/OpenSansLight-Italic.ttf") format("truetype"), url("../fonts/OpenSansLight-Italic.svg#OpenSansLight-Italic") format("svg"); font-weight: 300; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url("../fonts/OpenSans.eot"); src: url("../fonts/OpenSans.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans.woff2") format("woff2"), url("../fonts/OpenSans.woff") format("woff"), url("../fonts/OpenSans.ttf") format("truetype"), url("../fonts/OpenSans.svg#OpenSans") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url("../fonts/OpenSans-ExtraboldItalic.eot"); src: url("../fonts/OpenSans-ExtraboldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraboldItalic.woff2") format("woff2"), url("../fonts/OpenSans-ExtraboldItalic.woff") format("woff"), url("../fonts/OpenSans-ExtraboldItalic.ttf") format("truetype"), url("../fonts/OpenSans-ExtraboldItalic.svg#OpenSans-ExtraboldItalic") format("svg"); font-weight: 800; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url("../fonts/OpenSans-SemiboldItalic.eot"); src: url("../fonts/OpenSans-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-SemiboldItalic.woff2") format("woff2"), url("../fonts/OpenSans-SemiboldItalic.woff") format("woff"), url("../fonts/OpenSans-SemiboldItalic.ttf") format("truetype"), url("../fonts/OpenSans-SemiboldItalic.svg#OpenSans-SemiboldItalic") format("svg"); font-weight: 600; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url("../fonts/OpenSans-Semibold.eot"); src: url("../fonts/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold.woff2") format("woff2"), url("../fonts/OpenSans-Semibold.woff") format("woff"), url("../fonts/OpenSans-Semibold.ttf") format("truetype"), url("../fonts/OpenSans-Semibold.svg#OpenSans-Semibold") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url("../fonts/OpenSans-Bold.eot"); src: url("../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans-Bold.woff") format("woff"), url("../fonts/OpenSans-Bold.ttf") format("truetype"), url("../fonts/OpenSans-Bold.svg#OpenSans-Bold") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url("../fonts/OpenSans-Italic.eot"); src: url("../fonts/OpenSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic.woff2") format("woff2"), url("../fonts/OpenSans-Italic.woff") format("woff"), url("../fonts/OpenSans-Italic.ttf") format("truetype"), url("../fonts/OpenSans-Italic.svg#OpenSans-Italic") format("svg"); font-weight: normal; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url("../fonts/OpenSans-Light.eot"); src: url("../fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light.woff2") format("woff2"), url("../fonts/OpenSans-Light.woff") format("woff"), url("../fonts/OpenSans-Light.ttf") format("truetype"), url("../fonts/OpenSans-Light.svg#OpenSans-Light") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url("../fonts/OpenSans-Semibold_1.eot"); src: url("../fonts/OpenSans-Semibold_1.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold_1.woff2") format("woff2"), url("../fonts/OpenSans-Semibold_1.woff") format("woff"), url("../fonts/OpenSans-Semibold_1.ttf") format("truetype"), url("../fonts/OpenSans-Semibold_1.svg#OpenSans-Semibold") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?7y64mi"); src: url("../fonts/icomoon.eot?7y64mi#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?7y64mi") format("truetype"), url("../fonts/icomoon.woff?7y64mi") format("woff"), url("../fonts/icomoon.svg?7y64mi#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-basket:before { content: "\e900"; } .icon-caret:before { content: "\e901"; } .icon-caret-back:before { content: "\e902"; } .icon-cart:before { content: "\e903"; } .icon-checkout { position: relative; } .icon-checkout .path1:before { content: "\e904"; } .icon-checkout .path2 { position: absolute; left: -webkit-calc(50% + .5em); left: calc(50% + .5em); top: 0; } .icon-checkout .path2:before { content: "\e905"; margin-left: -1em; color: white; } .icon-down-arrow:before { content: "\e906"; } .icon-facebook:before { content: "\e907"; } .icon-google-plus:before { content: "\e908"; } .icon-heart:before { content: "\e909"; } .icon-linkedin:before { content: "\e90a"; } .icon-lock:before { content: "\e90b"; } .icon-mail:before { content: "\e90c"; } .icon-mobile:before { content: "\e90d"; } .icon-pin:before { content: "\e90e"; } .icon-pinterest:before { content: "\e90f"; } .icon-twitter:before { content: "\e910"; } .icon-up-arrow:before { content: "\e911"; } .icon-user:before { content: "\e912"; } .icon-user-2:before { content: "\e913"; } .icon-close:before { content: "\e914"; } .icon-search:before { content: "\e915"; } .icon-shirt:before { content: "\e916"; } .icon-fridge:before { content: "\e917"; } .icon-flag:before { content: "\e918"; } .icon-medal:before { content: "\e919"; } .icon-trophy:before { content: "\e91a"; } .icon-cup:before { content: "\e91b"; } .icon-badge:before { content: "\e91c"; } .icon-menu-button:before { content: "\e91d"; } .icon-menu:before { content: "\e91e"; } .icon-pencil:before { content: "\e91f"; } .icon-exit:before { content: "\ea14"; } .icon-download:before { content: "\e9c7"; } .icon-instagram:before { content: "\e920"; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ /* fancybox variables */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #FFF; color: #444; text-shadow: none; -webkit-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, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../img/fancybox_sprite.png"); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; } .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; -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; } /* Overlay helper */ .fancybox-lock { /* overflow: hidden !important;*/ width: auto; } .fancybox-lock body { overflow: visible !important; height: auto; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0, 0, 0, 0.8); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font-size: 14px; line-height: 18px; font-family: "Open Sans", sans-serif; color: #FFF; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; 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, 0.8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../img/fancybox_sprite@2x.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url("../img/fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /** Owl Carousel v2.3.4 Copyright 2013-2018 David Deutsch Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform 100ms ease; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; transition: transform 100ms ease, -webkit-transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /** Owl Carousel v2.3.4 Copyright 2013-2018 David Deutsch Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* Default theme - Owl Carousel CSS File */ .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; -webkit-border-radius: 3px; border-radius: 3px; } .owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } /* ================================================================================ | HEADER | ================================================================================ */ .header { width: 100%; height: auto; min-width: 320px; text-align: left; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-order: 1; } .header-top__top-container { border: 1px solid #f3f4f8; border-width: 0 0 1px 0; } .header-top__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .header-top__contacts { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header-top__contact { background: #f28912; padding: 5px 10px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; font-weight: 600; font-size: 14px; } .header-top__contact:hover { background: #4d4d4d; } .header-top__contact:hover i { -webkit-animation: trembling .2s alternate infinite linear; animation: trembling .2s alternate infinite linear; } .header-top__contact i { margin-right: 4px; } .header-top__btns { color: #444; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header-top-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 10px; } .header-top-btn:not(:first-child) { border-right: 1px solid #f3f4f8; } .header-top-btn__label { display: none; margin-left: 5px; } .header-top__bottom-container { padding: 25px 0px 15px; } .header-bottom { background: #4d4d4d; } .header-bottom__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .drop { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; font-size: 12px; } .drop__current { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; text-align: center; color: #000; cursor: pointer; padding: 8px; } .drop__current:hover { color: #6a6a6a; } .drop__current i { margin-left: 15px; font-size: 9px; } .drop__list { position: absolute; border: 1px solid #f3f4f8; display: none; min-width: 100%; top: 100%; left: 0px; background: #fff; z-index: 2; padding: 4px 5px; } .drop__list.shown { display: block; } .drop__item { padding: 8px 0; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .drop__item:hover { color: #000; } .lang-curancy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .lang__current { min-width: 110px; border: 1px solid #f3f4f8; border-width: 0 1px 0 1px; } .lang img { max-width: 16px; margin-right: 8px; } .lang__list { text-align: left; padding-left: 15px; } .checkout { color: #4d4d4d; } .account { position: relative; } .account-btn { background: #f28912; color: #fff; padding: 10px 28px 10px 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; height: 100%; } .account-btn:hover { background: #4d4d4d; } .account-btn:after { content: '\e901'; font-family: 'icomoon'; position: absolute; right: 9px; top: -webkit-calc(50% - 4px); top: calc(50% - 4px); font-size: 10px; } .account-btn i { margin-right: 8px; } .account-name { font-size: 12px; font-family: "Open Sans", sans-serif; } .account-context { position: absolute; top: 100%; right: 0; padding: 10px 0; min-width: 220px; white-space: nowrap; background: #fff; border: 1px solid #f3f4f8; opacity: 0; z-index: -10; height: 0; overflow: hidden; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, -webkit-transform .3s; transition: transform .3s, opacity .3s; transition: transform .3s, opacity .3s, -webkit-transform .3s; } .account-context_sm { min-width: 100%; } .account-context.shown { opacity: 1; z-index: 4; height: auto; overflow: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .account-context__item { display: block; padding: 4px 4px; } .account-context__item:hover { background: #f28912; color: #fff; } .account-context__close { display: none; } .account-context__form-box { padding: 5px 10px; } .account__exit-btn { width: 100%; background: none; border: none; text-align: left; color: #4d4d4d; } .account__exit-btn:hover { background: #f28912; } .login__input { width: 100%; } .login__input-box { width: 100%; margin-bottom: 10px; } .login__check-label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; padding: 10px 0; } .login__check-label .inputbox { margin-left: 5px; } .login__forgot { padding: 15px 0 5px; width: 100%; } .login__forgot a:hover { color: #f28912; } .login__reg-link { padding: 10px 0; } .login__reg-link a:hover { color: #f28912; } .burger { display: none; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 30px; width: 100%; cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; height: 40px; width: 100%; max-width: 40px; background: #f28912; padding: 10px 8px; } @media (max-width: 991px) { .burger { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } .burger-line { height: 3px; display: block; width: 100%; background: #f3f4f8; -webkit-border-radius: 8px; border-radius: 8px; } .burger-line:not(:last-child) { margin-bottom: 4px; } .logo { max-width: 450px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .search .close { position: absolute; right: 0; top: 0; width: 40px; height: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #f28912; display: none; background: #f3f4f8; z-index: 3; } .search-wrapper { padding: 40px 20px; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 520px; margin-left: auto; width: 100%; } .search-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; position: relative; } .search-query { border: none; height: 40px; padding: 4px 40px 4px 10px; width: 100%; border: 1px solid #4d4d4d; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; position: relative; z-index: 1; } .search-query:focus { border-color: #f28912; } .search-query:focus + .search-btn { background: #f28912; } .search-query:focus + .search-btn:hover { color: #ffffff; } .search-btn { position: absolute; right: 0; top: 0; height: 100%; border: none; background: #4d4d4d; display: block; color: #ffffff; -webkit-border-radius: 0; border-radius: 0; width: 40px; font-size: 16px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; z-index: 3; } .search-btn_open { display: none; position: static; margin-left: auto; width: auto; padding: 4px 8px; text-transform: uppercase; font-weight: 600; } .search-btn:hover { color: #f28912; } @media (max-width: 991px) { .search-btn:hover { color: #fff; } } .cart-wrapper { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 40px 0; } .cart-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } .cart__img-box { position: relative; color: #fff; } .cart__img-box:hover i { color: #f28912; } .cart__img-box i { font-size: 18px; width: 40px; height: 40px; background: #4d4d4d; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; margin-right: 5px; } .cart__text-box { display: block; color: #f28912; display: block; } .cart-prod { display: block; margin-bottom: 10px; } .cart-counter { display: block; } .cart .delete i { color: #4d4d4d; font-size: 8px; cursor: pointer; } .cart .delete i:hover { color: #d44747; } @-webkit-keyframes trembling { from { -webkit-transform: rotate(5deg); transform: rotate(5deg); } to { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } } @keyframes trembling { from { -webkit-transform: rotate(5deg); transform: rotate(5deg); } to { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } } .catalog { padding: 10px 15px; display: block; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1rem; font-weight: 600; color: #fff; text-transform: uppercase; background: #f28912; cursor: pointer; } .catalog i { margin-right: 10px; } .catalog-close { position: absolute; right: 15px; top: 20px; color: #4d4d4d; z-index: 5; } .catalog-wrapper { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; position: relative; } .catalog-title { text-transform: uppercase; font-size: 1.1rem; padding: 18px 30px 15px 15px; display: none; } .catalog-list { font-size: 1rem; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .catalog-list-wrapper { position: absolute; top: 100%; left: 0; background: #ffffff; border: 1px solid #f3f4f8; border-width: 0 1px 1px 1px; min-width: 100%; z-index: -20; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: .5; -webkit-transition: opacity .3s, -webkit-transform .5s; transition: opacity .3s, -webkit-transform .5s; transition: transform .5s, opacity .3s; transition: transform .5s, opacity .3s, -webkit-transform .5s; } .catalog-list-wrapper.active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; z-index: 20; } .catalog-link { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #444; padding: 10px 25px 10px 15px; } .catalog-link:after { content: "\e901"; font-family: 'icomoon'; position: absolute; top: -webkit-calc(50% - 4px); top: calc(50% - 4px); right: 12px; height: 10px; width: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 10px; font-weight: 600; z-index: 2; cursor: pointer; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: right .3s; transition: right .3s; } .catalog-link i { display: block; margin-right: 5px; width: 20px; } .sublist { position: absolute; left: 100%; top: 0; background: #ffffff; visibility: hidden; padding: 15px; min-height: 100%; min-width: 500px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: -20; opacity: 0; -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); border: 1px solid rgba(0, 0, 0, 0.07); -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); -webkit-transition: opacity .2s, -webkit-transform .3s; transition: opacity .2s, -webkit-transform .3s; transition: transform .3s, opacity .2s; transition: transform .3s, opacity .2s, -webkit-transform .3s; } .sublist .close { position: absolute; right: 15px; top: 20px; display: none; cursor: pointer; } .sublist .close:hover { color: #e02828; } .sublist.shown { z-index: 5; opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible; } .sublist-category { display: block; } .sublist__list { display: block; } .sublist-develope-img { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .sublist-develope-img img { display: block; } .sublist__item { padding: 5px 10px 10px 0; display: block; -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; } .sublist-link { font-size: 13px; color: #666; padding: 8px 0; display: block; } .sublist-link:hover { color: #f28912; padding-left: 3px; } .sublist-subcategory { color: #222; font-size: 14px; font-weight: 600; margin: 0; text-transform: uppercase; } .sublist-subcategory:hover { color: #717171; } .sublist-subcategory:after { content: ""; height: 2px; width: 40px; background: #f28912; display: block; margin: 8px 0; } .nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .nav-close { position: absolute; right: 10px; top: 10px; display: none; color: #ffffff; } .nav-wrapper { -webkit-box-flex: 1; -webkit-flex: 1 0 75%; -ms-flex: 1 0 75%; flex: 1 0 75%; } .nav li { display: block; position: relative; } .nav li.current:after { content: ''; width: 80%; bottom: -1px; left: 10%; height: 3px; -webkit-border-radius: 10px; border-radius: 10px; z-index: 1; background: #f28912; position: absolute; } .nav li:hover a { background: #f28912; } @media (max-width: 991px) { .nav li:hover a { background: none; } } .nav a { padding: 18px 25px; position: relative; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #fff; text-transform: uppercase; font-size: .85rem; } @media screen and (max-width: 1199px) { .logo { max-width: 330px; } } @media screen and (min-width: 992px) { .header-top__bottom-container { padding: 20px 0px 10px; } .main-page .catalog-list-wrapper { display: block; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; z-index: 3; } .catalog-list__item:hover .catalog-link { color: #f28912; } .catalog-list__item:hover .catalog-link i { -webkit-animation: trembling .2s alternate infinite linear; animation: trembling .2s alternate infinite linear; } .catalog-list__item:hover .catalog-link:after { right: 8px; } .catalog-wrapper:hover .catalog-list-wrapper { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; z-index: 2; } } @media screen and (max-width: 991px) { .header-bottom__content { padding: 4px 0; position: relative; } .catalog-list-wrapper { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; opacity: 1; } .catalog-list-wrapper.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .catalog-wrapper { padding: 0; } .nav-wrapper { position: fixed; top: 0; right: -260px; width: 260px; height: 100%; background: #000; z-index: 21; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .nav-wrapper.active { right: 0; } .nav { display: block; padding: 50px 5px 10px; } .nav-close { display: block; } .nav li { text-align: left; } .nav li.current:after { width: 40%; left: 30%; } .nav a { padding: 25px 25px 10px; } .search-wrapper, .cart-wrapper { padding: 0px 10px; } .search-wrapper { max-width: 100%; } .search-btn { background: #f28912; } .search-query { border-color: #f28912; } .catalog { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .catalog-list-wrapper { left: 0; top: 0; height: 100%; width: 100%; position: fixed; right: 0; bottom: 0; z-index: 10; display: block; } .catalog-title { display: block; position: absolute; left: 0; top: 0; } .catalog-list { padding: 60px 0px 15px; min-height: 100%; } .sublist { left: 0; top: 0; height: 100%; width: 100%; position: fixed; padding-top: 60px; right: 0; bottom: 0; background: #ffffff; min-width: auto; } .sublist .close { display: block; } } @media screen and (max-width: 767px) { .header-top-btn_checkout, .header-top-btn_login-btn, .account-name { display: none; } .header__logo { max-width: 240px; } .account-btn { padding: 10px 20px 10px 10px; } .account-context__item { padding: 8px 10px; } .cart-counter { display: none; } .cart-prod { position: absolute; top: -10px; right: -10px; width: 24px; height: 24px; -webkit-border-radius: 100%; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #fff; background: #f28912; font-size: 12px; padding-top: 2px; padding-left: 1px; } .cart-prod .color-3 { color: #fff; font-weight: 600; } .cart-prod__text { display: none; } } @media screen and (max-width: 567px) { .catalog { padding: 8px; } .catalog-wrapper { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0; } .catalog i { margin-right: 10px; font-size: 1.3rem; } .sublist { display: block; height: auto; min-height: auto; overflow-y: scroll; } .search-query { padding: 4px 44px 4px 4px; } } @media screen and (max-width: 390px) { .catalog-wrapper { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .search { position: absolute; z-index: -1; opacity: 0; width: 100%; left: 0; top: 4px; -webkit-transition: opacity .3s; transition: opacity .3s; } .search .close { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; opacity: 1; } .search.shown { z-index: 5; opacity: 1; } .search-query { padding: 4px 90px 4px 10px; } .search-btn { right: 40px; } .search-btn_open { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .search-btn_open:hover { color: #fff; } .catalog { padding: 8px 12px; } } body.s-b-shown { overflow: hidden; } body.s-b-shown .sidebar { display: block; } body.pushed .main-wrapper { right: 260px; } .main-wrapper { padding: 0 0 0 0; min-width: 320px; width: 100%; background: #ffffff; position: relative; right: 0; overflow: hidden; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .main-wrapper_inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .wrapper { max-width: 1190px; padding: 0 10px 0 10px; margin: 0 auto; position: relative; } .wrapper_inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (max-width: 1199px) { .wrapper { max-width: 992px; } } /* titles */ p { font-size: 13px; line-height: 18px; color: #444; padding: 5px 0; font-weight: 400; } h1 { font-size: 1.875rem; line-height: 2.875rem; color: #464646; font-family: "Open Sans", sans-serif; padding: 15px 0 15px 0; font-weight: 400; } @media (max-width: 567px) { h1 { font-size: 25px; } } h2 { font-size: 1.4rem; line-height: 2rem; color: #464646; font-family: "Open Sans", sans-serif; padding: 5px 0 13px 2px; font-weight: 400; text-transform: uppercase; letter-spacing: .5px; font-weight: 400; } h3 { font-size: 1.4rem; line-height: 2rem; color: #464646; font-family: "Open Sans", sans-serif; padding: 15px 0 15px 0; font-weight: 400; } .styled-title { border-bottom: 1px solid #f3f4f8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0; margin-bottom: 22px; } .styled-title span { padding: 8px 0; position: relative; } .styled-title span:after { content: ''; position: absolute; left: 0; bottom: -1px; height: 2px; -webkit-border-radius: 5px; border-radius: 5px; background: #f28912; width: 100%; } select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; line-height: 18px; padding-right: 20px; background: #fff url(../img/icons-fonts/caret.svg) no-repeat -webkit-calc(100% - 7px) center/10px; background: #fff url(../img/icons-fonts/caret.svg) no-repeat calc(100% - 7px) center/10px; outline: none; -webkit-border-radius: 0; border-radius: 0; } select::-ms-expand { display: none; } .uf_chosen option { min-height: 1rem; } .scrollDisabled { overflow: hidden; position: fixed !important; margin-top: 0; width: 100%; z-index: 0; padding-right: 17px; } .scrollDisabled .ios { padding-right: 0; } @media (max-width: 991px) { .scrollDisabled { padding-right: 0; } } /* text position */ .close { cursor: pointer; -webkit-transition: background-color .3s; transition: background-color .3s; font-size: 1rem; } .text-left { text-align: left !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .nowrap { white-space: nowrap !important; } .color-3 { color: #4d4d4d; } .jshop_shipping_method { padding: 0px 0px 12px; } .text-container a { color: #999; } .text-container a:hover { color: #f28912; } .text-container p { padding: 4px 0; } .text-container ul { padding: 2px 0; list-style: none; } .text-container ul li { padding: 3px 0; position: relative; padding-left: 25px; } .text-container ul li::before { content: ''; position: absolute; top: 5px; left: 0; -webkit-border-radius: 100%; border-radius: 100%; width: 10px; height: 10px; background: #23a2be; } .text-container ol { padding: 2px 0; list-style: none; counter-reset: custom-counter; } .text-container ol li { padding: 3px 0; counter-increment: custom-counter; position: relative; padding-left: 25px; } .text-container ol li::before { content: counter(custom-counter) "."; position: absolute; top: 5px; left: 0; color: #4d4d4d; } .input { height: 30px; border-color: #ddd; padding-left: 3px; color: #444; border-style: solid; border-width: 0 0 1px 0; padding: 4px 0 4px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .input:focus { background: none; border-color: #f28912; } .input::-webkit-input-placeholder { color: #4d4d4d; } .input::-moz-placeholder { color: #4d4d4d; } .input:-ms-input-placeholder { color: #4d4d4d; } .input::placeholder { color: #4d4d4d; } /* loader */ .loaded .main-wrapper { opacity: 0; } .icon-load { background: url(../img/loader.gif) no-repeat center/390%; width: 140px; height: 140px; position: fixed; left: -webkit-calc(50% - 70px); left: calc(50% - 70px); top: -webkit-calc(50% - 100px); top: calc(50% - 100px); display: none; } .loaded .icon-load { display: block; } .mob-show { display: none; } @media (max-width: 991px) { .mob-show { display: block; } } @media (max-width: 991px) { .mob-show-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media (max-width: 991px) { .mob-hide { display: none; } } /* ================================================================================ | CONTENT | ================================================================================ */ .content { min-width: 320px; text-align: left; width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-order: 2; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-grow: 1; padding-bottom: 10px; } .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #93deff; width: 3px; } .mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .title--main { letter-spacing: -.5px; } .btn { -webkit-border-radius: 0; border-radius: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 28px; padding: 4px 8px; } .btn_var-1, .product-oiproduct__btns .button_buy { background: #f3f4f8; border: none; color: #6a6a6a; width: 100%; font-weight: 600; text-transform: uppercase; -webkit-border-radius: 20px; border-radius: 20px; font-size: 0.8rem; } .btn_var-1:hover, .product-oiproduct__btns .button_buy:hover { background: #f28912; color: #fff; } .btn_var-1:hover i, .product-oiproduct__btns .button_buy:hover i { color: #fff; } .btn_var-1:focus, .product-oiproduct__btns .button_buy:focus, .btn_var-1:active, .product-oiproduct__btns .button_buy:active { border: none; outline: none; background: #f28912; color: #fff; -webkit-box-shadow: none !important; box-shadow: none !important; } .btn_var-1:focus i, .product-oiproduct__btns .button_buy:focus i, .btn_var-1:active i, .product-oiproduct__btns .button_buy:active i { color: #fff; } .btn_var-1 i, .product-oiproduct__btns .button_buy i { margin-right: 7px; font-size: .9rem; font-weight: 600; color: #9e9e9e; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .btn_var-2 { font-weight: 600; -webkit-border-radius: 0; border-radius: 0; text-transform: uppercase; font-size: 0.8rem; background: #f28912; color: #fff; } .btn_var-2:hover { background: #4d4d4d; color: #fff; } .btn_var-2:hover i { color: #fff; } .btn_var-3 { background: #f28912; color: #fff; border: none; width: 100%; font-weight: 600; text-transform: uppercase; font-size: 0.8rem; } .btn_var-3:hover { background: #4d4d4d; color: #fff; } .btn_var-3:hover i { color: #fff; } .btn_var-3:focus, .btn_var-3:active { border: none; outline: none; background: #f28912; color: #fff; -webkit-box-shadow: none !important; box-shadow: none !important; } .btn_var-3 i { margin-right: 7px; font-size: .9rem; font-weight: 600; color: #fff; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .btn_var-4 { background: #4d4d4d; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .2s; transition: all .2s; font-weight: 600; text-transform: uppercase; font-size: 0.8rem; } .btn_var-4 i { color: #fff; margin-right: 7px; -webkit-transition: all .2s; transition: all .2s; } .btn_var-4:hover { color: #f28912; } .btn_var-4:hover i { color: #f28912; } .btn_short { max-width: 250px; } .first { padding: 20px 0; } .first-content { max-width: -webkit-calc(75% - 10px); max-width: calc(75% - 10px); margin-left: auto; } .main-slider { padding: 10px 0; } .main-slider__slide img { width: 100%; display: block; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .main-slider .owl-nav button.owl-prev { position: absolute; top: -webkit-calc(50% - 25px); top: calc(50% - 25px); left: 0; width: 30px; height: 50px; background: #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; opacity: 0.8; color: #ffffff; } .main-slider .owl-nav button.owl-prev span { content: '\e906'; line-height: 0; font-family: 'icomoon'; font-size: 26px; padding-bottom: 9px; } .main-slider .owl-nav button.owl-next { position: absolute; top: -webkit-calc(50% - 25px); top: calc(50% - 25px); right: 0; width: 30px; height: 50px; background: #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; opacity: 0.8; color: #ffffff; } .main-slider .owl-nav button.owl-next span { content: '\e906'; line-height: 0; font-family: 'icomoon'; font-size: 26px; padding-bottom: 9px; } .main-slider .owl-nav button.owl-prev, .main-slider .owl-nav button.owl-next { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .main-slider .owl-nav button.owl-prev.disabled, .main-slider .owl-nav button.owl-next.disabled { opacity: 0.4; } .main-slider .owl-nav button.owl-prev:hover:not(.disabled), .main-slider .owl-nav button.owl-next:hover:not(.disabled) { background: #f28912; } .banners { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -10px; } .banners_wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -4px; } .banners_var-2 .banner { -webkit-box-flex: 1; -webkit-flex: 1 0 33.33%; -ms-flex: 1 0 33.33%; flex: 1 0 33.33%; } .banners_var-2 .banner-content img { height: auto; } .banners-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .banners-box_reverse .banner:nth-child(even) { -webkit-box-flex: 1; -webkit-flex: 1 1 60%; -ms-flex: 1 1 60%; flex: 1 1 60%; } .banners-box_reverse .banner:nth-child(odd) { -webkit-box-flex: 1; -webkit-flex: 1 1 40%; -ms-flex: 1 1 40%; flex: 1 1 40%; } .banners-box_vertical { display: block; -webkit-box-flex: 1; -webkit-flex: 1 1 33.333%; -ms-flex: 1 1 33.333%; flex: 1 1 33.333%; padding: 10px 0; } .banners-box_vertical .banner { padding: 0; } .banners-box_vertical .banner:not(:last-child) { margin-bottom: 14px; } .banners-box_vertical .banner img { height: auto; } .banner { padding: 10px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .banner_var-2 { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; } .banner_var-2 img { height: 170px; } .banner-content { display: block; overflow: hidden; } .banner-content img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; display: block; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; width: 100%; } .banner-content img:hover { -webkit-transform: scale(1.05) translate(2px, 2px); -ms-transform: scale(1.05) translate(2px, 2px); transform: scale(1.05) translate(2px, 2px); opacity: 0.85; } .categories-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -15px; } a.categoty__title { cursor: pointer; } a.categoty__title:hover { color: #f28912; } .category { padding: 10px 15px; -webkit-box-flex: 1; -webkit-flex: 1 1 25%; -ms-flex: 1 1 25%; flex: 1 1 25%; min-width: 220px; } .category__title, .contacts-title, .link-box__title { font-size: .9rem; text-transform: uppercase; margin-bottom: 10px; font-weight: 600; display: block; } .category__text { padding: 5px 0; } .category__link { display: block; position: relative; padding: 2px 4px 2px 2px; padding-left: 8px; font-size: .8rem; line-height: 1.22rem; } .category__link:after { content: ''; position: absolute; left: 0; top: 0.6rem; background: #999; width: 4px; height: 4px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .img-box { max-width: 100%; margin-bottom: 5px; } .img-box img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; display: block; } .btn.focus, .btn:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } .section-new-prod { padding: 20px 0; } .products { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -10px; width: auto; } .products-wrapper { -webkit-box-flex: 0; -webkit-flex: 0 1 75%; -ms-flex: 0 1 75%; flex: 0 1 75%; } .products-border-box { border: 1px solid #f3f4f8; } .search-results .product_min { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .product { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; min-width: 140px; padding: 0 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .product_min { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } .product-list-wrapper { padding: 15px 10px; } .product-content { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .product-content_row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .product-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .product-block:hover { -webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1); } .product-picture { display: block; overflow: hidden; position: relative; } .product-image { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; overflow: hidden; } .product-image:hover .product-image__zoom, .product-image:hover .single-product__img-zoom { opacity: 1; } .product-image:hover .jshop_img { -webkit-transform: scale(1.05) translate(2px, 2px); -ms-transform: scale(1.05) translate(2px, 2px); transform: scale(1.05) translate(2px, 2px); -webkit-filter: brightness(110%); filter: brightness(110%); } .product-image-box { overflow: hidden; } .product-image__zoom, .single-product__img-zoom { opacity: 0; width: 40px; height: 40px; position: absolute; left: -webkit-calc(50% - 20px); left: calc(50% - 20px); top: -webkit-calc(50% - 20px); top: calc(50% - 20px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: rgba(77, 77, 77, 0.8); -webkit-border-radius: 100%; border-radius: 100%; z-index: 1; -webkit-transition: .5s .3s all; transition: .5s .3s all; } .product-image__zoom:hover i, .single-product__img-zoom:hover i { color: #f28912; } .product-image__zoom i, .single-product__img-zoom i { color: #fff; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .product-image .jshop_img { -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; width: 100%; } .product-image__box { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .product-image__box .not_available { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 10px; font-weight: 600; font-size: 1.2rem; color: #f28912; z-index: 2; text-transform: uppercase; font-style: italic; } .product-image__box .product_label { z-index: 2; } .product-name { font-size: 1rem; text-align: center; padding: 10px 10px 5px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .product-name:hover { color: #f28912; } .product-oiproduct { padding: 5px 10px; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .product-oiproduct__old-price { color: #777777; font-size: .8rem; text-decoration: line-through; padding: 2px; } .product-oiproduct__price { font-size: 1.15rem; color: #f28912; padding: 4px 0px; font-weight: 600; } .product-oiproduct__btns { padding: 4px 0px 15px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; } .product-oiproduct__btns .was_added_to_cart { position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; color: #7ad069; } .product-oiproduct__btns .btn { outline: none; font-size: 0.8rem; text-transform: uppercase; } .product-oiproduct__btns .btn:not(:last-child) { margin-right: 10px; } .product-oiproduct__btns .button_buy { max-width: 120px; } .product__price-box { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .product-rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .inner-box { padding: 20px 0; } .single-product__title-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 0 25px; } .single-product__title-box .btn-wishlist { margin-left: 20px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 2px; width: 30px; height: 30px; } .single-product__title-box .btn-wishlist i { margin: 0; line-height: 5px; } .single-product-section { padding: 30px 0px 20px; } .single-product__wrapper { margin: 0px -15px; } .single-product__photos { -webkit-box-flex: 0; -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; padding: 0px 15px; } .single-product__info { -webkit-box-flex: 0; -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; padding: 0px 15px; } .single-product__info .extra_fields_el { padding: 4px 0; } .single-product__info .old_price-box { padding: 10px 0; } .single-product__info #block_price { font-weight: 600; } .single-product__info .stars_no_active { margin-left: 2px; } .single-product .prod_price { font-weight: 600; padding: 10px 0; font-size: 14px; } .single-product__img-slider { padding: 4px 0; position: relative; } .single-product__img-slider .owl-nav button.owl-prev, .single-product__img-slider .owl-nav button.owl-next { position: absolute; top: -webkit-calc(50% - 20px); top: calc(50% - 20px); height: 40px; width: 30px; background-color: rgba(0, 0, 0, 0.8) !important; color: #ffffff; font-size: 16px; opacity: 0.1; -webkit-transition: all .3s; transition: all .3s; } .single-product__img-slider .owl-nav button.owl-prev:hover, .single-product__img-slider .owl-nav button.owl-next:hover { opacity: 0.7; background: #f28912 !important; } .single-product__img-slider .owl-nav button.owl-prev span, .single-product__img-slider .owl-nav button.owl-next span { content: '\e906'; line-height: 0; font-family: 'icomoon'; font-size: 26px; padding-bottom: 9px; } .single-product__img-slider .owl-nav .owl-prev { left: -15px; } .single-product__img-slider .owl-nav .owl-next { right: -15px; } .single-product__img-slider:hover .owl-nav button.owl-prev, .single-product__img-slider:hover .owl-nav button.owl-next { opacity: .6; } .single-product__img-slider:hover .owl-nav button.owl-prev.disabled, .single-product__img-slider:hover .owl-nav button.owl-next.disabled { opacity: 0.1; } .single-product__slide { border: 1px solid transparent; display: block; } .single-product__slide.active { border-color: #f28912; } .single-product__slide img { cursor: pointer; } .single-product__main-img { position: relative; } .single-product__main-img:hover .single-product__img-zoom { opacity: 1; } .single-product__count { height: 30px; border-color: #ddd; padding-left: 3px; border-style: solid; border-width: 0 0 1px 0; text-align: center; } .single-product__count-wrapper { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 5px 0; } .single-product__buttons { padding-left: 10px; } .single-product__buttons-box .prod_qty { font-weight: 600; font-size: 14px; } .single-product__review-header { font-weight: 600; font-size: 16px; padding: 15px 0; margin-top: 0; } .single-product__review-rows { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -5px; } .single-product__review-row { padding: 5px; -webkit-box-flex: 0; -webkit-flex: 0 1 33.33%; -ms-flex: 0 1 33.33%; flex: 0 1 33.33%; } .single-product__review-row .inputbox { max-width: 100%; width: 100%; border: solid #ddd; border-width: 0 0 1px 0; height: 30px; min-height: 30px; padding: 4px 0; line-height: 20px; resize: vertical; max-height: 120px; -webkit-transition: border-color .3s; transition: border-color .3s; } .single-product__review-row .inputbox:focus { border-color: #f28912; } .single-product__review-cta { font-weight: 600; font-size: 12px; } .single-product__review-rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; padding: 20px 0; } .single-product__review-rating .rating-stars { width: 100px; height: 22px; padding: 2px 0; } .single-product__review-rating-label { display: inline-block; margin-right: 8px; } .single-product__review-btns { padding: 15px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .single-product__review-items { padding: 20px 15px; border: 1px solid #ddd; } .single-product__review-item { border: none; padding: 20px 15px; background: #f3f4f8; } .single-product__review-item:not(:last-child) { margin-bottom: 15px; } .single-product__review-top { padding-bottom: 5px; } .single-product__review-user { position: relative; } .single-product__review-user:before { position: absolute; content: ''; width: 100%; height: 2px; -webkit-border-radius: 8px; border-radius: 8px; left: 0; top: -17px; background: #f28912; } .single-product__review-time { padding-left: 10px; } .single-product__review-text { padding: 15px 0; } .single-product__review-mark { margin: 5px 0; } .single-product__review-form { padding: 20px 15px; } .single-product__list-head { font-size: 14px; font-weight: 600; padding: 6px 0; } .single-product__list-table tr { border-bottom: 1px solid #ddd; } .single-product__list-table td { padding: 5px 0; } .related { padding: 15px 0 10px; } .related-title { font-weight: 600; font-size: 16px; } .related__slider .owl-stage, .related__slider .owl-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .related__slider .owl-stage-outer { padding: 7px 0; } .related__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .related__item-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .wrapper section { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .wrapper .wrapper { padding-left: 0; padding-right: 0; } .inner-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .side-box { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; padding-right: 5px; padding-top: 20px; } .side-box .close { display: none; position: absolute; right: 15px; top: 15px; } .side-box + .production-catalog-section { padding-left: 10px; } .sidebar { padding: 10px; background: #fff; border: 1px solid #f3f4f8; } .sidebar-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .sidebar-btn { display: none; padding: 8px 20px; background: #f28912; color: #fff; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; cursor: pointer; } .inner-content { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; padding-left: 10px; padding-top: 20px; } .breadcrumbs { padding: 10px 0; } .breadcrumb { font-size: 12px; line-height: 14px; -webkit-border-radius: 0; border-radius: 0; height: 25px; line-height: 22px; margin: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; position: relative; padding: 0 8px 0 18px; vertical-align: top; display: inline-block; text-decoration: none; } .breadcrumb:first-child { padding-left: 10px; border-left: 1px solid #ddd; } .breadcrumb:first-child:before { border: none; } .breadcrumb:before, .breadcrumb:after { border-right: 1px solid #ddd; border-top: 1px solid #ddd; content: ""; display: inline-block; height: 17px; position: absolute; top: 3px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 17px; } .breadcrumb:before { left: -8px; } .breadcrumb:after { right: -8px; } .breadcrumb a.pathway:hover { color: #f7b973; } .breadcrumb .curr-name { color: #f28912; } .cards { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } .card { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 10px; } .card__content { padding: 14px; background: #f3f4f8; position: relative; } .card__content:after { content: ''; position: absolute; bottom: 0; right: 0; height: 3px; width: 0; background: #f28912; -webkit-transition: width .3s .3s; transition: width .3s .3s; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .card__content:hover:after { width: 100%; left: 0; right: auto; } .card__content:hover .card__img-link:before { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: all .45s; transition: all .45s; } .card__content:hover .card__img-link:after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: all .45s; transition: all .45s; } .card__content:hover .card-description { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .3s .45s; transition: all .3s .45s; } .card-img { width: 100%; } .card__img-link { display: block; position: relative; overflow: hidden; } .card__img-link:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; right: 0; bottom: 0; background: rgba(58, 58, 58, 0.8); z-index: 1; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transition: all .50s .2s; transition: all .50s .2s; } .card__img-link:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(58, 58, 58, 0.8); z-index: 1; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: all .50s .2s; transition: all .50s .2s; } .card-description { position: absolute; left: 0; top: 0; z-index: 2; right: 0; bottom: 0; color: #ffffff; padding: 20px 10px; font-size: 13px; line-height: 18px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transition: all .25s; transition: all .25s; font-weight: 200; } .card-name { padding: 10px 5px; display: block; } .card__name-box { font-size: 14px; font-weight: 600; text-align: center; text-transform: uppercase; } .card__name-box:hover { color: gray; } .filters__content select { padding-left: 10px; line-height: 26px; } .filters__content select .uf_disabled { color: #dddddd; } .filters__main-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .filters-submit { background: #4d4d4d; color: #fff; padding: 4px; border: none; font-size: 0.8rem; font-family: "Open Sans", sans-serif; width: 100%; max-width: 200px; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-transition: all .3s; transition: all .3s; -webkit-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; margin-right: 2px; text-transform: uppercase; } .filters-submit:hover { background: #f28912; color: #fff; } .filters-reset { background: #4d4d4d; color: #fff; padding: 4px; border: none; font-size: 0.8rem; font-family: "Open Sans", sans-serif; width: 100%; max-width: 200px; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-transition: all .3s; transition: all .3s; -webkit-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; text-transform: uppercase; } .filters-reset:hover { background: #f28912; color: #fff; } .filters__prices { padding: 8px 0; } .filters__counter { color: #f28912; height: 20px; display: block; padding: 0px 4px; } .filters__counter-box { padding: 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .filters__price-label { padding: 5px; background: #f3f4f8; font-weight: 600; font-size: .9rem; color: #444; } .filters__price-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-width: 1px 1px 0 1px; } .filters__price-input { border: none; border-bottom: 1px solid #ddd; -webkit-transition: all .2s; transition: all .2s; text-align: center; padding: 4px; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; max-width: 100%; min-width: 100px; } .filters__price-input:focus { border-color: #f28912; } .filters__price-refresh { border: solid #ddd; border-width: 0 1px 1px 1px; padding: 4px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .2s; transition: all .2s; cursor: pointer; -webkit-box-flex: 0; -webkit-flex: 0; -ms-flex: 0; flex: 0; } .filters__price-refresh:hover { background: #e3e5ef; } .filters__dropdown { margin-bottom: 7px; } .filters__dropdown-options { padding: 2px 10px 7px; background: #ffffff; } .filters__dropdown-options .search-choice { float: left; position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #f28912; color: #ffffff; max-width: 100%; background-color: #f28912; background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; line-height: 13px; cursor: default; } .filters__dropdown-options .search-choice-close { color: #ededed; font-size: 10px; position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; } .filters__dropdown-options .search-choice-close:hover { color: #4d4d4d; } .filters__dropdown-options .search-choice-close:after { content: '\e914'; font-family: 'icomoon'; } .filters__dropdown-options .chzn-choices { overflow: hidden; height: auto; } .filters__dropdown-list .uf_input:not(:last-child) { margin-bottom: 3px; } .filters__dropdown-list .uf_label { cursor: pointer; } .filters__dropdown-list .uf_label:hover { color: #f28912; } .filters__dropdown .uf_label_labels { position: relative; cursor: pointer; padding: 5px 10px; background: #f3f4f8; font-weight: 600; font-size: .9rem; color: #444; } .filters__dropdown .uf_trigon { position: absolute; right: 6px; top: 8px; font-size: 10px; -webkit-transition: all .1s; transition: all .1s; } .filters__main-buttons { padding: 10px 0; } .filters__photos { margin-bottom: 7px; } .filters__photos .uf_label_photos { cursor: pointer; padding: 5px 10px; background: #f3f4f8; font-weight: 600; font-size: .9rem; color: #444; } .filters__availabilitys { margin-bottom: 10px; } .filters__availabilitys .uf_label_availabilitys { cursor: pointer; padding: 5px 10px; background: #f3f4f8; font-weight: 600; font-size: .9rem; color: #444; } .filters__availabilitys .uf_chosen { border-bottom: 1px solid #ddd; } .characteristic { padding: 8px 0; clear: both; } .characteristic-label { padding: 5px; background: #f3f4f8; font-weight: 600; font-size: .9rem; color: #444; } .characteristic__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-width: 1px 1px 0 1px; } .characteristic-reset { border: solid #ddd; border-width: 0 1px 1px 1px; padding: 4px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .2s; transition: all .2s; cursor: pointer; -webkit-box-flex: 0; -webkit-flex: 0; -ms-flex: 0; flex: 0; } .characteristic-input { border: none; border-bottom: 1px solid #ddd; -webkit-transition: all .2s; transition: all .2s; text-align: center; padding: 4px; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; max-width: 100%; min-width: 100px; } .characteristic-input:focus { border-color: #f28912; } .characteristic__input-wrapper { padding: 0 0 7px; } .characteristic__input-wrapper .uf_input_label { cursor: pointer; } .characteristic__input-wrapper .uf_input_label:hover { color: #f28912; } .characteristic__input-wrapper .search-choice { float: left; position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #f28912; color: #ffffff; max-width: 100%; background-color: #f28912; background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; line-height: 13px; cursor: default; } .characteristic__input-wrapper .search-choice-close { color: #ededed; font-size: 10px; position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; } .characteristic__input-wrapper .search-choice-close:after { content: '\e914'; font-family: 'icomoon'; } .chzn-single.chzn-single-with-deselect { display: none; } .chzn-container-single .chzn-single div b { background: none !important; } .chzn-container-single .chzn-single div b:after { content: "\e901"; font-family: 'icomoon'; width: 30px; height: 30px; font-size: 10px; color: #888888; } #uf_sales, #uf_additional_prices, #uf_reviews { font-weight: 600; } .sort { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .sort-box { padding: 5px 10px; } .sort__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .sort__item .inputbox { border-width: 0 0 1px 0; -webkit-box-shadow: none; box-shadow: none; outline: none; cursor: pointer; } .sort__count { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: auto; } .sort__count .inputbox { border-width: 0 0 1px 0; -webkit-box-shadow: none; box-shadow: none; outline: none; } .block_sorting_count_to_page .icon-arrow { padding-top: 3px; } .pagination { padding: 10px; } .pagination-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0px auto; } .pagination-list li { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .pagination-list li:not(:last-child) { margin-right: 2px; } .pagination-list .number .active { background: #f28912; border-color: #f28912; color: #fff; } .pagination-list .pagenav { padding: 4px 5px; border: 1px solid #ddd; -webkit-transition: background-color .2s; transition: background-color .2s; color: #b3b3b3; display: block; } .pagination-list a.pagenav { cursor: pointer; color: #676767; } .pagination-list a.pagenav:hover { background: #4d4d4d; border-color: #4d4d4d; color: #fff; } .logintext { font-weight: 600; margin: 0 auto 35px; text-align: center; font-weight: 600; font-size: 1.1rem; color: #4d4d4d; text-transform: uppercase; } .form-box { border: 1px solid #ddd; padding: 40px; max-width: 700px; margin: 35px auto; } .pagelogin__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -15px; } .pagelogin__row .pagelogin__control-group { padding: 15px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .pagelogin__control-group { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .pagelogin__control-group .controls { position: relative; } .pagelogin__control-group .controls .fielderrormsg { position: absolute; background: none; border: none; margin: 0; top: 100%; font-size: 11px; right: 0; width: auto; max-width: 100%; color: #A00; padding: 0; } .pagelogin__control-group .input { width: 100%; } .pagelogin__remember-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .pagelogin__remember-box input { margin-right: 4px; } .pagelogin .rowbutton { padding: 10px 0; } .pagelogin__login-btn { max-width: 250px; margin: 0 auto; display: block; } .reset-hint { margin-bottom: 20px; color: #4d4d4d; } .reset .btn { max-width: 210px; display: block; margin: 0 auto; } .reset-fieldset { margin-bottom: 20px; } .reset-fieldset .control-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .reset-fieldset .control-label { margin-right: 20px; } .reset-fieldset #jform_email { height: 30px; border-color: #ddd; padding-left: 3px; color: #444; border-style: solid; border-width: 0 0 1px 0; padding: 4px 0 4px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .reset-fieldset #jform_email:focus { background: none; border-color: #f28912; } .reset-fieldset #jform_email::-webkit-input-placeholder { color: #4d4d4d; } .reset-fieldset #jform_email::-moz-placeholder { color: #4d4d4d; } .reset-fieldset #jform_email:-ms-input-placeholder { color: #4d4d4d; } .reset-fieldset #jform_email::placeholder { color: #4d4d4d; } .fielderror { border-color: #A00; } .no-acc { color: #ddd; } .register_block { text-align: center; } .rowlostpassword { text-align: center; padding: 10px 0; } .forgot-pass-link { color: gray; } .forgot-pass-link:hover { color: #4d4d4d; } .block_button_register { padding: 10px 0; } .reg-link { border: none; background: none; color: #f28912; } .reg-link:hover { color: #4d4d4d; } .box_button { padding: 10px 0; } .jshop_register .pagelogin__control-group { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .order-list__top { padding: 10px; } .order-list__top-item { line-height: 1rem; } .order-list__top-item:not(:last-child) { margin-bottom: 5px; } .order-list__orders { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -10px; } .order-list__item { padding: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; margin-bottom: 0; } .order-list__item-content { border: 1px solid #ddd; padding: 15px; } .order-list__details { border: none; background: #f3f4f8; -webkit-border-radius: 0; border-radius: 0; padding: 10px; } .order-list__detail-item { margin-bottom: 5px; } .order-list__title { font-size: 14px; line-height: 16px; font-weight: 600; } .order-list__title_small { font-size: 12px; line-height: 14px; } .order-list__total { padding: 10px 0; } .order-list__total-name { color: #4d4d4d; } .order-list__total-price { color: #f28912; font-weight: 600; } .order-finish__title { margin-bottom: 10px; font-size: 16px; font-weight: 600; } .order-finish__alert { -webkit-border-radius: 0; border-radius: 0; background: #f3f4f8; text-shadow: none; border: none; color: #444; } table.cartwishlist td:not(.jshop_img_description_center) { vertical-align: middle; padding: 0 4px; } .cartwishlist__img { max-width: 100px; } .cartwishlist__table-head { background: #f3f4f8; } .cartwishlist__table-head th { padding: 10px 5px; font-weight: 600; } .cartwishlist__prod-row { border: solid #f3f4f8; border-width: 0 1px 1px 1px; } .cartwishlist .product_name { font-weight: 600; } .cartwishlist .quantity { text-align: center; } .cartwishlist .remove { text-align: center; } .cartwishlist .remove .del-btn:hover { color: #f28912; } .cartwishlist__to-cart i { display: none; } .page-nav__btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .page-nav__btn { -webkit-filter: grayscale(1); filter: grayscale(1); color: gray; font-size: 13px; } .page-nav__btn:hover { -webkit-filter: grayscale(0.2); filter: grayscale(0.2); color: #4d4d4d; } .account { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .account__info { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .account__info-item { padding: 5px 0; font-size: 14px; } .account__info-item .jshop_user_group_info:hover { color: #f28912; } .account__urls { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .account__url:not(:last-child) { margin-bottom: 7px; } .account__btn { min-height: 34px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .groups-list__head-row { background: #f3f4f8; } .groups-list__head-row th { font-weight: 600; padding: 4px; } .groups-list__tr { border: solid #f3f4f8; border-width: 0 1px 1px 1px; } .groups-list td { padding: 4px; } .order-table__head { background: #f3f4f8; } .order-table__head th { padding: 4px; font-weight: 600; } .order-table__row { border: solid #f3f4f8; border-width: 0 1px 1px 1px; } .order-table__row td { padding: 4px; } .order-info__box { padding: 5px 0px 10px; } .order-info__label { font-weight: 600; } .order-info__main { font-size: 16px; color: #f28912; } .order-info__main-label { font-weight: 600; color: #4d4d4d; } .order-info__user-info-table { padding: 4px 0; border-top: 1px solid #f3f4f8; } .order-info__user-info-table:last-child { border-bottom: 1px solid #f3f4f8; } .order-info__user-info-table th, .order-info__user-info-table td { padding: 4px 0; } .order-info__order-table { border-bottom: 1px solid #f3f4f8; } .order-info__order-table tr, .order-info__order-table td { padding: 2px 0; } .order-info__item { padding: 4px 0; } .order-info__history-info { border: 1px solid #f3f4f8; } .order-info__history-info tr { border-bottom: 1px solid #f3f4f8; } .order-info__history-info tr:last-child { border-bottom: none; } .order-info__history-info td { padding: 4px; } .order_history { padding: 4px 0; } @media screen and (max-width: 1199px) { .banners-box_vertical .banner:not(:last-child) { margin-bottom: 9px; } .single-product__img-slider .owl-nav .owl-prev { left: 0; } .single-product__img-slider .owl-nav .owl-next { right: 0; } } @media screen and (max-width: 991px) { .first-content { margin: auto; max-width: 100%; } .side-box + .production-catalog-section { padding-left: 0; } .inner-wrapper { display: block; } .sidebar-btn { display: inline-block; } .side-box { padding: 0; position: fixed; left: 0; top: 0; height: 100%; z-index: 5; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .side-box.shown { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .side-box .close { display: block; cursor: pointer; } .sidebar { min-height: 100%; } .filters__content { padding-top: 15px; } .sort-box { padding: 10px 0; } .product_min { padding: 0px 10px; } .products-content .wrapper { padding: 0 10px; } .products { margin: 0px -10px; } #comjshop_list_product .wrapper { padding: 0px; } .product-list-wrapper { padding: 10px 0; } .wrapper_inner { display: block; padding: 0; } .inner-content { padding: 10px 0; } .banners-box_vertical .banner:not(:last-child) { margin-bottom: 6px; } .product-name { font-size: 0.9rem; } .product-oiproduct__price { font-size: 0.85rem; } .cards { margin: 0px -5px; } .card-description { padding: 10px; font-size: 12px; line-height: 14px; } .card { padding: 5px; -webkit-box-flex: 0; -webkit-flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } .single-product__photos { -webkit-box-flex: 0; -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } .single-product__info { -webkit-box-flex: 0; -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; } .product-image__zoom, .single-product__img-zoom, .single-product__img-zoom { opacity: 1; } .pagination { padding: 10px 0; } .pagination-list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pagination-list li { margin-bottom: 2px; } .order-list__item { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } .cartwishlist__to-cart { white-space: nowrap; font-size: 11px; padding: 5px; } } @media screen and (max-width: 860px) { .banners-box_vertical .banner:not(:last-child) { margin-bottom: 4px; } } @media screen and (max-width: 767px) { .first { padding: 10px 0; } .banners { margin: 0 -1px; } .banner { padding: 10px 1px; } .banners-box .banner { padding: 1px; } .banners-box_vertical .banner:not(:last-child) { margin-bottom: 16px; } .section-new-prod { padding: 10px 0; } .products { margin: 0px -5px; } .product { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0px 5px; } .search-results .product_min { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } .product-name { font-size: 1.05rem; } .product-oiproduct__price { font-size: 0.85rem; } .products-border-box { border: none; } .product-block { border: 1px solid #f3f4f8; } .card__content { padding: 5px; } .card-description { display: none; } .card__img-link:after { display: none; } .card__img-link:before { display: none; } .single-product__wrapper { margin: 0px -10px; } .single-product__review-row { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .single-product__review-row_textarea { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .single-product__review-row_textarea .inputbox { height: 60px; } .single-product__buttons .button_buy { background: #f28912; color: #fff; font-size: 0.95rem; } .single-product__buttons .button_buy i { color: #fff; } .single-product__count { height: 34px; } .order-list__item { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .cartwishlist__table-head { font-size: 11px; } .cartwishlist td { font-size: 12px; } } #mxcpr { display: none !important; } @media screen and (max-width: 700px) { .banners-box_vertical .banner:not(:last-child) { margin-bottom: 14px; } } @media screen and (max-width: 630px) { .banners-box_vertical .banner:not(:last-child) { margin-bottom: 12px; } } @media screen and (max-width: 567px) { .breadcrumb { font-size: 10px; padding: 0 8px 0 18px; margin-bottom: 2px; } .breadcrumb:first-child { padding-left: 5px; } .first { padding: 5px 0 10px; } .banners-box_vertical .banner:not(:last-child) { margin-bottom: 10px; } .product-name { font-size: .95rem; } .product { padding: 0px 5px; } .product_min .product-image__box { width: 100%; } .search-results .product_min { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .product-oiproduct__btns .button_buy { max-width: 100%; } .sort { display: block; } .sort__item { padding: 4px 0; } .sort__count { padding: 4px 0; margin-left: 0; } .side-box { width: 100%; } .single-product__wrapper { margin: 0; display: block; } .single-product__photos, .single-product__info { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 100%; padding: 0px; } .single-product__review-row { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .form-box { padding: 30px 15px; } .pagelogin__row { display: block; margin: 0; } .pagelogin__row .pagelogin__control-group { padding: 15px 0; } .reset-fieldset .control-label { display: none; } .reset-fieldset .controls { width: 100%; } .reset-fieldset #jform_email { width: 100%; max-width: 450px; } .order-list__item { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .cartwishlist__table-head { display: none; } .cartwishlist .single_price { display: none; } .cartwishlist__to-cart-btn { display: none; } .cartwishlist__to-cart i { display: block; } table.cartwishlist td.remove_to_cart, table.cartwishlist td.remove { padding: 0px 8px; } .account { display: block; } .account__urls { padding: 10px 0; } .account__url:not(:last-child) { margin-bottom: 15px; } .page-nav__btn { font-size: 12px; } } @media screen and (max-width: 470px) { .banners-box_vertical .banner:not(:last-child) { margin-bottom: 8px; } .card { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media screen and (max-width: 390px) { .banners-box_vertical .banner:not(:last-child) { margin-bottom: 20px; } .banners_var-2 { display: block; } .product-name { font-size: .9rem; } .single-product__review-items { padding: 5px; } .single-product__slide { border-width: 2px; } .pagination-list li { font-size: 12px; } .cartwishlist td { font-size: 11px; } } /* ================================================================================ | FOOTER | ================================================================================ */ .footer { height: auto; text-align: left; width: 100%; min-width: 320px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-order: 3; } .footer__social { background: #c66e0b; -webkit-box-flex: 0; -webkit-flex: 0 1 32%; -ms-flex: 0 1 32%; flex: 0 1 32%; } .footer__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .footer-top { background: #f28912; } .footer-center { background: #f3f4f8; } .footer__contacts { background: #404040; -webkit-box-flex: 0; -webkit-flex: 0 1 32%; -ms-flex: 0 1 32%; flex: 0 1 32%; color: #fff; padding: 35px 30px 30px; } .footer__links-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; margin: 0 -10px; padding: 22px 20px 20px; } .footer-bottom { padding: 11px 0; background: #f9fafc; } .contacts-title { font-weight: normal; } .contact { padding: 7px 0; } .contact__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .contact-icon { max-width: 30px; width: 100%; height: 30px; padding: 3px; padding-left: 4px; margin-right: 10px; background: #f28912; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 100%; border-radius: 100%; } .contact-info { line-height: 1.1rem; } .contact-link { display: block; } a.contact-link:hover { color: #f28912; } .link-box { padding: 13px; min-width: 180px; -webkit-box-flex: 1; -webkit-flex: 1 0 33.33%; -ms-flex: 1 0 33.33%; flex: 1 0 33.33%; max-width: 50%; } .link-box__title { font-weight: normal; } .link-box__links { padding: 5px 0; } .link-box__link { display: block; padding: 5px 0; } .link-box__link:hover { color: #f28912; } .social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 24px 30px; } .social-item:not(:last-child) { margin-right: 10px; } .social-link { padding: 2px; border: 1px solid #fff; width: 40px; height: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 1rem; color: #ffffff; } .social-link:hover { background: #4d4d4d; border-color: #4d4d4d; color: #f28912; } .sub { background: #f3f4f8; height: 40px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .sub-wrapper { padding: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .copyrights { padding: 5px 0; -webkit-box-flex: 0; -webkit-flex: 0 0 32%; -ms-flex: 0 0 32%; flex: 0 0 32%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; opacity: 0.8; font-weight: 600; } .copyrights-text { line-height: 1.1rem; } .copyrights-text a { color: #f28912; } .copyrights-text sup { font-size: .6em; font-weight: 600; } .executors { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; opacity: 0.8; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: auto; font-size: 12px; color: #9c9c9c; } .executors a { font-weight: 600; color: #f6ad5b; } .executors a:hover { color: #f28912; } .pay-cards { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .pay-cards img { width: auto; max-width: 260px; } @media screen and (max-width: 991px) { .footer__wrapper { display: block; max-width: 760px; } .contact { max-width: 300px; } .copyrights { text-align: center; } .footer-bottom__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .copyrights { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 30px; } } @media screen and (max-width: 767px) { .footer-bottom__wrapper { display: block; } .executors { margin-top: 30px; display: block; text-align: center; } } .button-img__img { max-width: 18px; } .basket_reload__img { max-width: 20px; } .basket-table th { border: none; background: #4d4d4d; padding: 8px; font-size: .75rem; font-weight: 500; color: #ffffff; } .basket-data a { display: block; } .payment-qr { max-width: 140px; } #copyTarget { display: none; } .checkout-section { padding: 20px 0px 10px; } #oneStepCheckoutForm .checkout-input { width: 100%; padding: 4px 20px 0 2px; -webkit-border-radius: 0; border-radius: 0; border-width: 0; border-bottom-width: 1px; } #oneStepCheckoutForm .checkout-input:focus { background: none; border-color: #f28912; } #oneStepCheckoutForm .checkout-input::-webkit-input-placeholder { color: #4d4d4d; } #oneStepCheckoutForm .checkout-input::-moz-placeholder { color: #4d4d4d; } #oneStepCheckoutForm .checkout-input:-ms-input-placeholder { color: #4d4d4d; } #oneStepCheckoutForm .checkout-input::placeholder { color: #4d4d4d; } #oneStepCheckoutForm textarea { resize: none; padding: 5px; font-size: 12px; line-height: 1.5; height: 80px; } #oneStepCheckoutForm textarea::-webkit-input-placeholder { color: #4d4d4d; font-size: 12px; line-height: 16px; } #oneStepCheckoutForm textarea::-moz-placeholder { color: #4d4d4d; font-size: 12px; line-height: 16px; } #oneStepCheckoutForm textarea:-ms-input-placeholder { color: #4d4d4d; font-size: 12px; line-height: 16px; } #oneStepCheckoutForm textarea::placeholder { color: #4d4d4d; font-size: 12px; line-height: 16px; } #oneStepCheckoutForm .row_agb { font-size: 12px; border: none; color: #737373; border: solid #ddd; padding: 10px 0; border-width: 1px 0 1px 0; } #oneStepCheckoutForm .row_agb .policy { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; color: #737373; line-height: 16px; } #oneStepCheckoutForm .row_agb .policy:hover { color: #f28912; } .uk-button-primary { background: #f28912; color: #fff; border: none; -webkit-border-radius: 0; border-radius: 0; min-height: 36px; font-size: 14px; -webkit-transition: all .3s; transition: all .3s; } .uk-button-primary:hover { background: #4d4d4d; } .checkout__prod-img { display: block; } .checkout__product-name:hover { color: #737373; } .checkout__sum .total td { padding: 10px 8px; background: #f3f4f8; vertical-align: middle; font-size: 16px; } .checkout__sum .total .name { font-weight: 400; } .checkout__sum .total .value { color: #f28912; } .checkout__sum td { padding: 2px 8px 6px; } .checkout__price-name { display: none; } .checkout__login-label { padding: 12px 6px 2px 2px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .checkout__login-box { padding: 0px 0px 30px; } .checkout-steps { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .checkout-steps__left { -webkit-box-flex: 0; -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; } .checkout-steps__right { -webkit-box-flex: 0; -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; padding-left: 25px; position: relative; } .checkout-step { width: 100%; } .checkout-step_confirm { position: relative; height: 100%; } .checkout-step__item { padding: 10px 15px; border: 1px solid #f2f2f2; margin-bottom: 30px; background: #fafafa; } .checkout-step__item_fixed { position: absolute; top: 0; right: 0; border-color: #f2891256; } .checkout-step__item_fixed.bottom { position: absolute; bottom: 0; top: auto; } .checkout-step__item .input, .checkout-step__item input[type='text'], .checkout-step__item .inputbox { background-color: #fafafa; } .checkout__order-btn-box { padding: 40px 0px 10px; } #table_payments { width: 100%; } .flex-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0px -5px; } .flex-box { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 5px; } .pickup { padding: 10px; } .pickup__top { padding: 10px 0; } .pickup__contact { display: inline-block; } .pickup__contact-box { padding: 5px; } .pickup-map { width: 100%; height: 200px; } #table_shippings { width: 100%; } .shippings-table { width: 100%; } .shippings-table input, .shippings-table select { background-color: #fafafa !important; } .shippings-table td:nth-child(1) { width: 150px; } .step-header__number { display: inline-block; color: #4d4d4d; font-weight: 700; } .register-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 5px 0; margin-top: 10px; } .payment-label, .shipping-label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .payment-label input, .shipping-label input { margin-right: 4px; } .extern_wrap { top: -webkit-calc(100% + 15px); top: calc(100% + 15px); right: 0; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); } .basket { top: -webkit-calc(100% + 15px); top: calc(100% + 15px); right: 0; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); } .basket__wrapper { min-width: 0; } .basket .desription-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .basket .name { cursor: pointer; } .basket .name:hover { color: #f28912; } .basket__checkout-btn { background: #4d4d4d; color: #fff; padding: 4px; } .basket__checkout-btn:hover { background: #f28912; } .basket .total_qtty { color: #f28912; } .basket__prod-counter { position: absolute; right: -12px; top: -12px; width: 24px; height: 24px; -webkit-border-radius: 100%; border-radius: 100%; background: #f28912; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .checkout-grid:not(:first-child) { margin-top: 10px; } .login-checkout-btn-text { display: none; } .os-value { position: relative; } .os-value .requiredtext { position: absolute; right: 7px; top: -webkit-calc(50% - 6px); top: calc(50% - 6px); } .os-value .requiredtext i { color: #948f8f; } .uk-panel-title { font-size: 14px; color: #4d4d4d; } .inputbox option:hover { color: #f28912; } #oneStepCheckoutForm div.quantity span.quantitymore, #oneStepCheckoutForm div.quantity span.quantityless { right: 0; width: 15px; } #oneStepCheckoutForm div.quantity span.quantityless:after { border-top: none; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] { width: 100%; padding: 4px 20px 0 2px; -webkit-border-radius: 0; border-radius: 0; border-width: 0; border-bottom-width: 1px; outline: none; } .uk-form select:focus, .uk-form textarea:focus, .uk-form input:not([type]):focus, .uk-form input[type="text"]:focus, .uk-form input[type="password"]:focus, .uk-form input[type="datetime"]:focus, .uk-form input[type="datetime-local"]:focus, .uk-form input[type="date"]:focus, .uk-form input[type="month"]:focus, .uk-form input[type="time"]:focus, .uk-form input[type="week"]:focus, .uk-form input[type="number"]:focus, .uk-form input[type="email"]:focus, .uk-form input[type="url"]:focus, .uk-form input[type="search"]:focus, .uk-form input[type="tel"]:focus, .uk-form input[type="color"]:focus { border-color: #f28912; } .uk-form select::-webkit-input-placeholder, .uk-form textarea::-webkit-input-placeholder, .uk-form input:not([type])::-webkit-input-placeholder, .uk-form input[type="text"]::-webkit-input-placeholder, .uk-form input[type="password"]::-webkit-input-placeholder, .uk-form input[type="datetime"]::-webkit-input-placeholder, .uk-form input[type="datetime-local"]::-webkit-input-placeholder, .uk-form input[type="date"]::-webkit-input-placeholder, .uk-form input[type="month"]::-webkit-input-placeholder, .uk-form input[type="time"]::-webkit-input-placeholder, .uk-form input[type="week"]::-webkit-input-placeholder, .uk-form input[type="number"]::-webkit-input-placeholder, .uk-form input[type="email"]::-webkit-input-placeholder, .uk-form input[type="url"]::-webkit-input-placeholder, .uk-form input[type="search"]::-webkit-input-placeholder, .uk-form input[type="tel"]::-webkit-input-placeholder, .uk-form input[type="color"]::-webkit-input-placeholder { color: #4d4d4d; } .uk-form select::-moz-placeholder, .uk-form textarea::-moz-placeholder, .uk-form input:not([type])::-moz-placeholder, .uk-form input[type="text"]::-moz-placeholder, .uk-form input[type="password"]::-moz-placeholder, .uk-form input[type="datetime"]::-moz-placeholder, .uk-form input[type="datetime-local"]::-moz-placeholder, .uk-form input[type="date"]::-moz-placeholder, .uk-form input[type="month"]::-moz-placeholder, .uk-form input[type="time"]::-moz-placeholder, .uk-form input[type="week"]::-moz-placeholder, .uk-form input[type="number"]::-moz-placeholder, .uk-form input[type="email"]::-moz-placeholder, .uk-form input[type="url"]::-moz-placeholder, .uk-form input[type="search"]::-moz-placeholder, .uk-form input[type="tel"]::-moz-placeholder, .uk-form input[type="color"]::-moz-placeholder { color: #4d4d4d; } .uk-form select:-ms-input-placeholder, .uk-form textarea:-ms-input-placeholder, .uk-form input:not([type]):-ms-input-placeholder, .uk-form input[type="text"]:-ms-input-placeholder, .uk-form input[type="password"]:-ms-input-placeholder, .uk-form input[type="datetime"]:-ms-input-placeholder, .uk-form input[type="datetime-local"]:-ms-input-placeholder, .uk-form input[type="date"]:-ms-input-placeholder, .uk-form input[type="month"]:-ms-input-placeholder, .uk-form input[type="time"]:-ms-input-placeholder, .uk-form input[type="week"]:-ms-input-placeholder, .uk-form input[type="number"]:-ms-input-placeholder, .uk-form input[type="email"]:-ms-input-placeholder, .uk-form input[type="url"]:-ms-input-placeholder, .uk-form input[type="search"]:-ms-input-placeholder, .uk-form input[type="tel"]:-ms-input-placeholder, .uk-form input[type="color"]:-ms-input-placeholder { color: #4d4d4d; } .uk-form select::placeholder, .uk-form textarea::placeholder, .uk-form input:not([type])::placeholder, .uk-form input[type="text"]::placeholder, .uk-form input[type="password"]::placeholder, .uk-form input[type="datetime"]::placeholder, .uk-form input[type="datetime-local"]::placeholder, .uk-form input[type="date"]::placeholder, .uk-form input[type="month"]::placeholder, .uk-form input[type="time"]::placeholder, .uk-form input[type="week"]::placeholder, .uk-form input[type="number"]::placeholder, .uk-form input[type="email"]::placeholder, .uk-form input[type="url"]::placeholder, .uk-form input[type="search"]::placeholder, .uk-form input[type="tel"]::placeholder, .uk-form input[type="color"]::placeholder { color: #4d4d4d; } div.jshop_register { padding: 0; } .uk-form select { padding-left: 0; padding-bottom: 3px; color: #4d4d4d; font-family: "Open Sans", sans-serif; border-color: #dddddd; } .uk-form select::-webkit-input-placeholder { color: #4d4d4d; } .uk-form select::-moz-placeholder { color: #4d4d4d; } .uk-form select:-ms-input-placeholder { color: #4d4d4d; } .uk-form select::placeholder { color: #4d4d4d; } .modal-dialog { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .modal_err { color: #dc4949; font-weight: 600; font-size: 13px; line-height: 15px; } .cart-modal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .cart-modal .modal_anchor { margin-bottom: 15px; } .cart-modal .modal_anchor a:hover { background: #f28912; } .cart-modal .closeDOMWindow { margin-bottom: 10px; color: #f28912; } .cart-modal .closeDOMWindow:hover { color: #737373; } .cart_empty_text { padding: 30px 0; } .order-finish__table dd { padding: 3px; } .order-finish__table dt { padding: 2px 0; font-weight: 600; } .order-finish__table thead { background: #f3f4f8; } .order-finish__table thead th { font-weight: 600; } @media screen and (max-width: 1219px) { .checkout-mrr { margin-left: 25px; } } @media screen and (max-width: 991px) { #oneStepCheckoutForm .checkout__fields-box { margin-bottom: 10px; } .checkout-steps { display: block; } .checkout-steps__right { padding-left: 0; } .checkout-step__item_fixed { position: static; } .checkout-step__item_fixed.fixed, .checkout-step__item_fixed.bottom { position: static; } } @media screen and (max-width: 767px) { .minicart thead { display: none; } .minicart .jshop_prod_cart { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid #ededed; } .minicart .jshop_prod_cart td { border: none; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; font-size: 12px; line-height: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .minicart .jshop_prod_cart .quantity-td { width: 20%; } .minicart .jshop_prod_cart .jshop_img_description_center { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); font-weight: 600; font-size: .9rem; } .minicart .jshop_prod_cart .card-del-btn { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 30px; } .uk-panel-box { padding: 5px; } .checkout__price-name { display: inline-block; font-weight: 600; } .order-finish__table dd { margin-bottom: 5px; padding: 4px 0; } } @media screen and (max-width: 567px) { .checkout-section { padding: 10px 0; } .uk-form-icon { display: block; margin-bottom: 5px; } .login-checkout-btn { width: 100%; } .login-checkout-btn-text { display: inline-block; } .minicart .jshop_prod_cart .quantity-td { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } .page404 { font-family: "Open Sans", sans-serif; } .page404-section { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .page404__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .page404__main { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .page404__img { max-width: 350px; } .page404__img-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .page404__text { font-family: "Open Sans", sans-serif; font-size: 14px; padding: 5px 0; } .page404__text_big { font-size: 46px; line-height: 50px; font-weight: 700; padding: 15px 0px 20px; } .page404__text_col-2 { color: #f28912; } .page404__text-box { text-align: center; } .page404__btn { padding: 30px 0px 50px; text-align: center; } .page404__copyright { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 20px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 767px) { .page404__img { max-width: 290px; } .page404__text_big { font-size: 36px; line-height: 38px; } } @media screen and (max-width: 390px) { .page404__img { max-width: 200px; } .page404__text { font-size: 13px; } .page404__text_big { font-size: 22px; line-height: 25px; } } /*# sourceMappingURL=style.css.map */