hjkhghtjhjjhjhjhjhjjhjhjjhrrtrtoirh
bnmbertsurrttrtrtrtrjhjhjjhjhhjhjhjhf'tdfg
/
home
/
u506006416
/
public_html
/
public_html
/
demo
/
gezeno
/
css
/
Upload FileeE
HOME
@charset 'UTF-8'; /*---------------------------------------- Theme Name: FOX HTML5 eCommerce Template Author: BigSteps Author URI: http://themeforest.net/user/bigsteps -----------------------------------------*/ /*---------------------------------------- [Table of contents] 1. Main Structure 2. Main Typography 2.1. Headers / Text Blocks 2.2. Buttons 2.3. Forms Elements 2.4. Tags 2.5. Tooltips 3. Menu 3.1. Megamenu 3.1. Mobile Menu 3. Header 3.1. Promo Topline 3.2. Header Structure 4. Footer 6. Main Slider 7. Banners 8. Product and Category Page 8.1. Product Card 8.2. Product Page 8.3. Category Page 8.4. Product Swatches 8.4. Product Colors 8.4. Product Countdown 9. Content Blocks 9.1. Brand Block 9.2. Shop Features Block 9.3. Subscribe Block 9.4. Instagram Block 9.5. Person Block 9.6. Testimonials Block 9.7. Text plus Icons Block 9.8. Facts Block 9.9. Contact Forms 9.10. Creative Carouse 9.11. Welcome Block 10. Pages 10.1. Blog Pages 10.2. Cart Page 10.3. Coming Soon Page 10.4. Gallery Page 10.5. Collections Page 10.6. FAQ Page 11. Tabs 12. Breadcrumbs 13. Modals 14. Plugins ---------------------------------------*/ /* 1. Main Structure */ .blur-up { transition: filter 1000ms 100ms; filter: blur(5px); } .blur-up.lazyloaded { filter: blur(0); } .fade-up:not(.lazyloaded) { opacity: 0 !important; } .fade-up { transition: all 1000ms 100ms; opacity: 0; } .fade-up.lazyloaded { opacity: 1; } .fade-up-fast:not(.lazyloaded) { opacity: 0 !important; } .fade-up-fast { transition: all 500ms 100ms; opacity: 0; } .fade-up-fast.lazyloaded { opacity: 1; } a img.lazyload { color: transparent; } a { text-decoration: none !important; } .prd-grid-wrap { position: relative; } .prd-grid-wrap .loader-wrap { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; min-height: 500px; transition: .5s; pointer-events: none; opacity: 0; background: rgba(255, 255, 255, .9); } .prd-grid-wrap.is-loading .loader-wrap { pointer-events: auto; opacity: 1; } .body-preloader { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: -ms-flexbox; display: flex; transition: .5s; opacity: 1; background-color: #fff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } body.no-loader .body-preloader { visibility: hidden; font-family: 'Montserrat'; pointer-events: none; opacity: 0; } .foxic-body-loader { position: relative; display: -ms-flexbox; display: flex; width: 120px; height: 120px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .foxic-body-loader .preloader-circle-1 { width: 120px; height: 120px; animation: clockwise .625s linear infinite; opacity: .75; } .foxic-body-loader .preloader-circle-2 { position: relative; position: absolute; top: 0; left: 0; overflow: hidden; width: 120px; height: 120px; } .foxic-body-loader .preloader-circle-3 { position: absolute; position: absolute; top: 0; top: 0; left: 0; left: 0; box-sizing: border-box; width: 120px; height: 120px; margin: 0; animation: loader-rotate 1.25s cubic-bezier(.4, 0, .22, 1) infinite; border: 10px solid #5ce1e9; border-bottom-color: transparent; border-left-color: transparent; border-radius: 50%; background: none; } .foxic-body-loader .preloader-circle-3:after, .foxic-body-loader .preloader-circle-3:before { position: absolute; width: 10px; height: 10px; content: ''; border-radius: 50%; background-color: #5ce1e9; box-shadow: -2px 2px 2px rgba(0, 0, 0, .3); } .foxic-body-loader .preloader-circle-3:after { top: 5%; left: 7%; } .foxic-body-loader .preloader-circle-3:before { right: 7%; bottom: 5%; } .foxic-body-loader svg { position: absolute; min-width: 60%; min-height: 60%; transform: scale(.35); animation-name: pulse; animation-duration: 1.25s; animation-timing-function: ease-in; animation-iteration-count: infinite; opacity: .5; fill: #282828; } .foxic-body-loader .body-loader-image { position: absolute; max-width: 100%; transform: scale(.5); animation-name: pulseImage; animation-duration: 1.25s; animation-timing-function: ease-in; animation-iteration-count: infinite; opacity: .75; } .foxic-loader { position: absolute; z-index: 1; width: 36px; height: 36px; animation: 1s spinLoader linear infinite; border: 2px solid #fff; border-top-color: #647482; border-radius: 50%; background-color: transparent; } @keyframes pulse { from { transform: scale(.4); opacity: .5; } 50% { transform: scale(.65); opacity: 1; } to { transform: scale(.4); opacity: .5; } } @keyframes pulseImage { from { transform: scale(.5); opacity: .5; } 50% { transform: scale(.95); opacity: 1; } to { transform: scale(.5); opacity: .5; } } @keyframes clockwise { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes loader-rotate { 0% { transform: rotate(0); } 50% { transform: rotate(-140deg); } 100% { transform: rotate(0); } } @keyframes spinLoader { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .loader-horizontal { position: relative; width: 100%; height: 0; } .loader-horizontal .progress { height: 100%; border-radius: 0; box-shadow: 0 0 10px rgba(0, 0, 0, .15); } .loader-horizontal .progress-bar { background-color: #5ce1e9; } .loader-horizontal .progress-bar-animated { animation-duration: .5s; } .circle-loader-wrap { display: -ms-flexbox; display: flex; width: 100%; margin-top: 50px; -ms-flex-pack: center; justify-content: center; } .circle-loader-wrap .circle-loader-pagination { position: absolute; top: 0; bottom: 0; left: 100%; display: -ms-flexbox; display: flex; visibility: hidden; padding: 0 30px; transform: translate3d(0, 0, 0); pointer-events: none; -ms-flex-align: center; align-items: center; } .circle-loader-wrap .circle-loader-pagination .pagination { margin: 0; padding: 0; transition: opacity 0s; opacity: 0; } @media (max-width: 767px) { .circle-loader-wrap .circle-loader-pagination { display: none; } } .hide-showmore .circle-loader-wrap { display: none !important; } .circle-loader { position: relative; cursor: pointer; } .circle-loader-text, .circle-loader-text-alt { font-size: 13px; font-weight: 600; line-height: 1em; position: absolute; top: 0; left: 0; display: -ms-flexbox; display: flex; width: 100%; height: 100%; text-transform: uppercase; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .circle-loader-text, .circle-loader-text-alt { font-size: 12px; font-weight: 600; } } @media (min-width: 768px) { .circle-loader-text-alt { display: none; } .circle-loader:hover .circle-loader-text { display: none; } .circle-loader:hover .circle-loader-text-alt { display: -ms-flexbox; display: flex; } .circle-loader>a { display: block; text-decoration: none; color: #282828; } .circle-loader>a:hover { color: #282828; } .circle-loader:hover .circle-loader-pagination { visibility: visible; pointer-events: all; } .circle-loader:hover .circle-loader-pagination .pagination { transition: opacity .65s; opacity: 1; } } @media (max-width: 767px) { .circle-loader-text { display: none; } } .circle-loader svg { transform: rotate(-90deg); } .circle-loader svg circle { transition: stroke-dashoffset .25s linear; stroke-dashoffset: 0; stroke: #eee; stroke-dashoffset: 0; } .circle-loader svg circle.off-animation { transition: none; } .circle-loader svg circle:last-child { stroke: #5ce1e9; stroke-dashoffset: 472.48; } .circle-loader #svg_d { width: 135px; height: 135px; } .circle-loader #svg_d circle { stroke-width: 3px; stroke-dasharray: 396; } .circle-loader #svg_m { display: none; width: 120px; height: 120px; } .circle-loader #svg_m circle { stroke-width: 3px; stroke-dasharray: 314; } @media (max-width: 767px) { .circle-loader #svg_d { display: none; } .circle-loader #svg_m { display: block; } } .has-infinite-scroll .circle-loader-wrap { overflow: hidden; height: 0; margin: 0; opacity: 0; } body.has-loader-bg .prd img:not(.lazyloaded)+.foxic-loader, body.has-loader-bg .image-container img:not(.lazyloaded)+.foxic-loader { width: 100%; height: 100%; animation: none; border: 0; border-radius: 0; background: #fafafa; } .loader-horizontal-sm { position: relative; display: -ms-flexbox; display: flex; width: 100%; margin: 26px auto -28px; opacity: 0; -ms-flex-pack: center; justify-content: center; } .loader-horizontal-sm span { position: relative; display: block; width: 200px; height: 2px; } .loader-horizontal-sm span:before, .loader-horizontal-sm span:after { position: absolute; display: block; width: 50%; height: 100%; content: ''; animation: loaderWidth .8s cubic-bezier(.445, .05, .55, .95) infinite; background-color: #5ce1e9; } .loader-horizontal-sm span:before { top: 0; left: 0; transform-origin: center right; } .loader-horizontal-sm span:after { top: 0; right: 0; transform-origin: center left; } @keyframes loaderWidth { 0% { width: 50%; transform: scalex(0); } 50% { width: 50%; transform: scalex(1); } 100% { width: 0; transform: scalex(1); } } .prd-grid-wrap .prd-grid.disable-actions.is-loading+.loader-horizontal-sm { position: absolute; z-index: 2; top: 0; right: 0; left: 0; margin-top: 15px; } .loader-horizontal-sm--fixed.is-centered { position: fixed; z-index: 10; top: 50%; left: 0; opacity: 1; } /*structure*/ .row { min-width: 100%; } .row.row--md-pad { margin-right: -10px; margin-left: -10px; } .row.row--md-pad>* { padding-right: 10px; padding-left: 10px; } .row.row--sm-pad { margin-right: -7px; margin-left: -7px; } .row.row--sm-pad>* { padding-right: 7px; padding-left: 7px; } @media (max-width: 575px) { .row.row--sm-pad-xs { margin-right: -10px; margin-left: -10px; } .row.row--sm-pad-xs>* { padding-right: 10px; padding-left: 10px; } } .container:not(.container-prd-block).container--boxed { max-width: 1200px; } body.boxed .page-wrapper { overflow: hidden; max-width: 1200px; margin-right: auto; margin-left: auto; background-color: #fff; box-shadow: 0 0 50px rgba(0, 0, 0, .1); } @supports (-webkit-overflow-scrolling: touch) { .row:before, .custom-grid:before { content: none; } .row:after, .custom-grid:after { content: ''; } } body.mac .row:before, body.mac .row:after, body.mac .custom-grid:before, body.mac .custom-grid:after { display: none; } .vert-margin-double { margin-top: -160px; } @media (max-width: 767px) { .vert-margin-double { margin-top: -130px; } } @media (max-width: 575px) { .vert-margin-double { margin-top: -100px; } } .vert-margin-double>* { margin-top: 160px; } @media (max-width: 767px) { .vert-margin-double>* { margin-top: 130px; } } @media (max-width: 575px) { .vert-margin-double>* { margin-top: 100px; } } .vert-margin { margin-top: -80px; } @media (max-width: 767px) { .vert-margin { margin-top: -65px; } } @media (max-width: 575px) { .vert-margin { margin-top: -50px; } } .vert-margin>* { margin-top: 80px; } @media (max-width: 767px) { .vert-margin>* { margin-top: 65px; } } @media (max-width: 575px) { .vert-margin>* { margin-top: 50px; } } .vert-margin-small { margin-top: -30px; } @media (max-width: 575px) { .vert-margin-small { margin-top: -20px; } } .vert-margin-small>* { margin-top: 30px; } @media (max-width: 575px) { .vert-margin-small>* { margin-top: 20px; } } .vert-margin-middle { margin-top: -10px; } .vert-margin-middle>* { margin-top: 10px; } .vert-margin-less { margin-top: -5px; } .vert-margin-less>* { margin-top: 5px; } @media (max-width: 991px) { .vert-margin-md { margin-top: -80px; } } @media (max-width: 991px) and (max-width: 767px) { .vert-margin-md { margin-top: -65px; } } @media (max-width: 991px) and (max-width: 575px) { .vert-margin-md { margin-top: -50px; } } @media (max-width: 991px) { .vert-margin-md>* { margin-top: 80px; } } @media (max-width: 991px) and (max-width: 767px) { .vert-margin-md>* { margin-top: 65px; } } @media (max-width: 991px) and (max-width: 575px) { .vert-margin-md>* { margin-top: 50px; } } .page-content img { max-width: 100%; } .page-content>.container:first-child, .page-content>.holder:first-child, .page-content>*:first-child>.holder, .page-content .banners-grid-collection:first-child:empty+.holder { margin-top: 40px; } @media (max-width: 575px) { .page-content>.container:first-child, .page-content>.holder:first-child, .page-content>*:first-child>.holder, .page-content .banners-grid-collection:first-child:empty+.holder { margin-top: 30px; } } .page-content .breadcrumbs-wrap, .page-content .breadcrumbs-wrap .holder { margin-top: 0; } .page-content .breadcrumbs-wrap+*:not(.shopify-section):not(.page-content), .page-content .breadcrumbs-wrap+*>.holder, .page-content .breadcrumbs-wrap+.banners-grid-collection:empty+.holder { /* margin-top: 40px;*/ } @media (max-width: 575px) { .page-content .breadcrumbs-wrap+*:not(.shopify-section):not(.page-content), .page-content .breadcrumbs-wrap+*>.holder, .page-content .breadcrumbs-wrap+.banners-grid-collection:empty+.holder { margin-top: 0px; } } /*holder*/ .holder, .page-footer { margin-top: 0px; } @media (max-width: 767px) { .holder, .page-footer { margin-top: 65px; } } @media (max-width: 575px) { .holder, .page-footer { } } .holder-mt-xsmall { margin-top: 30px; } @media (max-width: 767px) { .holder-mt-xsmall { margin-top: 30px; } } @media (max-width: 575px) { .holder-mt-xsmall { margin-top: 0px; } } .holder-mt-small { margin-top: 50px; } @media (max-width: 767px) { .holder-mt-small { margin-top: 35px; } } @media (max-width: 575px) { .holder-mt-small { margin-top: 30px; } } .holder-mt-large { margin-top: 140px; } @media (max-width: 767px) { .holder-mt-large { margin-top: 100px; } } @media (max-width: 575px) { .holder-mt-large { margin-top: 80px; } } @media (max-width: 575px) { .page-content>.holder:first-child { margin-top: 20px; } } .holder.fullwidth>.container { width: 100%; max-width: none; } .holder.full-nopad>.container { padding-right: 0; padding-left: 0; } @media (min-width: 992px) { .aside--sticky .aside-content { position: -webkit-sticky; position: sticky; top: 80px; transition: transform .5s; transform: translate3d(0, 0, 0); } } @media (max-width: 991px) { .is-collision>* { padding-top: 0 !important; } } .holder.bgcolor { background: #fafafa; } .holder.bgcolor-1 { background: #5ce1e9; } @media (min-width: 992px) { body:not(.has-sm-container) .aside--left { padding-right: 45px; } body:not(.has-sm-container) .aside--right { padding-left: 45px; } } @media (min-width: 768px) { .aside { -ms-flex-order: 1; order: 1; } .aside--left { -ms-flex-order: 0; order: 0; } .aside--right { -ms-flex-order: 2; order: 2; } .off-sidebar { -ms-flex-pack: center; justify-content: center; } .off-sidebar.on-grid .aside--content { width: 100%; max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .aside-block>h2 { font-size: 16px; line-height: 24px; margin-bottom: 15px; } .aside-block+.aside-block { margin-top: 50px; } .custom-grid>* { margin-right: 15px; margin-left: 15px; } .custom-grid.data-to-show-5>* { width: calc(20% - 30px); max-width: calc(20% - 30px); -ms-flex: 0 0 calc(20% - 30px); flex: 0 0 calc(20% - 30px); } .custom-grid.data-to-show-4>* { width: calc(25% - 30px); max-width: calc(25% - 30px); -ms-flex: 0 0 calc(25% - 30px); flex: 0 0 calc(25% - 30px); } .custom-grid.data-to-show-3>* { width: calc(33.333% - 30px); max-width: calc(33.333% - 30px); -ms-flex: 0 0 calc(33.333% - 30px); flex: 0 0 calc(33.333% - 30px); } .custom-grid.data-to-show-2>* { width: calc(50% - 30px); max-width: calc(50% - 30px); -ms-flex: 0 0 calc(50% - 30px); flex: 0 0 calc(50% - 30px); } .custom-grid.data-to-show-1>* { width: calc(100% - 30px); max-width: calc(100% - 30px); -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); } @media (max-width: 1199px) { .custom-grid.data-to-show-lg-5>* { width: calc(20% - 10px); max-width: calc(20% - 30px); -ms-flex: 0 0 calc(20% - 30px); flex: 0 0 calc(20% - 30px); } .custom-grid.data-to-show-lg-4>* { width: calc(25% - 10px); max-width: calc(25% - 30px); -ms-flex: 0 0 calc(25% - 30px); flex: 0 0 calc(25% - 30px); } .custom-grid.data-to-show-lg-3>* { width: calc(33.333% - 10px); max-width: calc(33.333% - 30px); -ms-flex: 0 0 calc(33.333% - 30px); flex: 0 0 calc(33.333% - 30px); } .custom-grid.data-to-show-lg-2>* { width: calc(50% - 30px); max-width: calc(50% - 30px); -ms-flex: 0 0 calc(50% - 30px); flex: 0 0 calc(50% - 30px); } .custom-grid.data-to-show-lg-1>* { width: calc(100% - 10px); max-width: calc(100% - 30px); -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); } } @media (max-width: 991px) { .custom-grid { margin-right: -5px; margin-left: -5px; } .custom-grid>* { margin-right: 5px; margin-left: 5px; } .custom-grid.data-to-show-md-5>* { width: calc(20% - 10px); max-width: calc(20% - 30px); -ms-flex: 0 0 calc(20% - 30px); flex: 0 0 calc(20% - 30px); } .custom-grid.data-to-show-md-4>* { width: calc(25% - 10px); max-width: calc(25% - 30px); -ms-flex: 0 0 calc(25% - 30px); flex: 0 0 calc(25% - 30px); } .custom-grid.data-to-show-md-3>* { width: calc(33.333% - 10px); max-width: calc(33.333% - 30px); -ms-flex: 0 0 calc(33.333% - 30px); flex: 0 0 calc(33.333% - 30px); } .custom-grid.data-to-show-md-2>* { width: calc(50% - 30px); max-width: calc(50% - 30px); -ms-flex: 0 0 calc(50% - 30px); flex: 0 0 calc(50% - 30px); } .custom-grid.data-to-show-md-1>* { width: calc(100% - 10px); max-width: calc(100% - 30px); -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); } } @media (max-width: 767px) { .custom-grid.data-to-show-sm-5>* { width: calc(20% - 10px); max-width: calc(20% - 10px); -ms-flex: 0 0 calc(20% - 10px); flex: 0 0 calc(20% - 10px); } .custom-grid.data-to-show-sm-4>* { width: calc(25% - 10px); max-width: calc(25% - 10px); -ms-flex: 0 0 calc(25% - 10px); flex: 0 0 calc(25% - 10px); } .custom-grid.data-to-show-sm-3>* { width: calc(33.333% - 10px); max-width: calc(33.333% - 10px); -ms-flex: 0 0 calc(33.333% - 10px); flex: 0 0 calc(33.333% - 10px); } .custom-grid.data-to-show-sm-2>* { width: calc(50% - 10px); max-width: calc(50% - 10px); -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .custom-grid.data-to-show-sm-1>* { width: calc(100% - 10px); max-width: calc(100% - 10px); -ms-flex: 0 0 calc(100% - 10px); flex: 0 0 calc(100% - 10px); } } @media (max-width: 575px) { .custom-grid.data-to-show-xs-5>* { width: calc(20% - 10px); max-width: calc(20% - 10px); -ms-flex: 0 0 calc(20% - 10px); flex: 0 0 calc(20% - 10px); } .custom-grid.data-to-show-xs-4>* { width: calc(25% - 10px); max-width: calc(25% - 10px); -ms-flex: 0 0 calc(25% - 10px); flex: 0 0 calc(25% - 10px); } .custom-grid.data-to-show-xs-3>* { width: calc(33.333% - 10px); max-width: calc(33.333% - 10px); -ms-flex: 0 0 calc(33.333% - 10px); flex: 0 0 calc(33.333% - 10px); } .custom-grid.data-to-show-xs-2>* { width: calc(50% - 10px); max-width: calc(50% - 10px); -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .custom-grid.data-to-show-xs-1>* { width: calc(100% - 10px); max-width: calc(100% - 10px); -ms-flex: 0 0 calc(100% - 10px); flex: 0 0 calc(100% - 10px); } } .holder.show-above-slider { background-color: #000; } @media (min-width: 1200px) { .holder.show-above-slider { position: absolute; right: 0; left: 0; margin-top: 0; transform: translate3d(0, -100%, 0); background-color: rgba(0, 0, 0, .5); } } @media (max-width: 575px) and (max-width: 575px) { .col-xs-quarter { max-width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .col-xs-onefive { max-width: 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } } @media (min-width: 576px) and (max-width: 767px) { .col-sm-quarter { max-width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .col-sm-onefive { max-width: 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } } @media (min-width: 576px) { .col-sm-up-quarter { max-width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .col-sm-up-onefive { max-width: 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } } @media (min-width: 768px) { .col-md-up-quarter { max-width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .col-md-up-onefive { max-width: 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } } @media (min-width: 768px) and (max-width: 991px) { .col-md-quarter { max-width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .col-md-onefive { max-width: 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } } @media (min-width: 992px) { .col-lg-up-quarter { max-width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .col-lg-up-onefive { max-width: 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } } @media (min-width: 992px) and (max-width: 991px) { .col-lg-quarter { max-width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .col-lg-onefive { max-width: 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } } @media (min-width: 1200px) { .col-xl-quarter { max-width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .col-xl-onefive { max-width: 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } } .col-max-400 { max-width: 400px; } .holder-with-bg { padding-top: 80px; padding-bottom: 80px; } @media (max-width: 767px) { .holder-with-bg { padding-top: 65px; padding-bottom: 65px; } } @media (max-width: 575px) { .holder-with-bg { padding-top: 50px; padding-bottom: 50px; } } .holder-pt-medium.holder-with-bg { padding-top: 100px; } @media (max-width: 991px) { .holder-pt-medium.holder-with-bg { padding-top: 80px; } } @media (max-width: 767px) { .holder-pt-medium.holder-with-bg { padding-top: 65px; } } @media (max-width: 575px) { .holder-pt-medium.holder-with-bg { padding-top: 50px; } } .holder-pt-xsmall.holder-with-bg { padding-top: 30px; } @media (max-width: 767px) { .holder-pt-xsmall.holder-with-bg { padding-top: 30px; } } @media (max-width: 575px) { .holder-pt-xsmall.holder-with-bg { padding-top: 20px; } } .holder-pt-small.holder-with-bg { padding-top: 50px; } @media (max-width: 767px) { .holder-pt-small.holder-with-bg { padding-top: 35px; } } @media (max-width: 575px) { .holder-pt-small.holder-with-bg { padding-top: 30px; } } .holder-pt-large.holder-with-bg { padding-top: 120px; } @media (max-width: 991px) { .holder-pt-large.holder-with-bg { padding-top: 80px; } } @media (max-width: 767px) { .holder-pt-large.holder-with-bg { padding-top: 65px; } } @media (max-width: 575px) { .holder-pt-large.holder-with-bg { padding-top: 50px; } } .holder-pb-medium.holder-with-bg { padding-bottom: 100px; } @media (max-width: 991px) { .holder-pb-medium.holder-with-bg { padding-bottom: 80px; } } @media (max-width: 767px) { .holder-pb-medium.holder-with-bg { padding-bottom: 65px; } } @media (max-width: 575px) { .holder-pb-medium.holder-with-bg { padding-bottom: 50px; } } .holder-pb-xsmall.holder-with-bg { padding-bottom: 30px; } @media (max-width: 767px) { .holder-pb-xsmall.holder-with-bg { padding-bottom: 30px; } } @media (max-width: 575px) { .holder-pb-xsmall.holder-with-bg { padding-bottom: 20px; } } .holder-pb-small.holder-with-bg { padding-bottom: 50px; } @media (max-width: 767px) { .holder-pb-small.holder-with-bg { padding-bottom: 35px; } } @media (max-width: 575px) { .holder-pb-small.holder-with-bg { padding-bottom: 30px; } } .holder-pb-large.holder-with-bg { padding-bottom: 120px; } @media (max-width: 991px) { .holder-pb-large.holder-with-bg { padding-bottom: 80px; } } @media (max-width: 767px) { .holder-pb-large.holder-with-bg { padding-bottom: 65px; } } @media (max-width: 575px) { .holder-pb-large.holder-with-bg { padding-bottom: 50px; } } .image-container { position: relative; overflow: hidden; height: 0; } .image-container>img, .image-container>.zoomWrapper { position: absolute; top: 0; right: 0; left: 0; } .image-container .placeholder-svg { position: absolute; top: 0; left: 0; } .image-container>img.lazyload { height: 100%; } .image-container>.zoomWrapper { width: 100% !important; height: 100% !important; } body:not(.equal-height) .prd .image-container>img { max-height: 100%; margin: 0 auto; } span.image-container { position: relative; display: block; width: 100%; } .has-prd-shadow .prd-hor .prd-inside { box-shadow: 0 0 16px rgba(0, 0, 0, .05); } .has-rounded-elements .collection-grid-2-img, .has-rounded-elements .collection-grid-img { border-radius: 15px; } } .has-rounded-elements .prd-grid .slick-list { margin-top: -10px; padding-top: 10px; } .has-rounded-elements .prd-hor--lg .prd-inside { overflow: visible; border-radius: 15px; } .has-rounded-elements .bnr { border-radius: 15px; } .has-rounded-elements .bnr-text-has-bg .bnr-text-bg { border-radius: 12px; } .has-rounded-elements .row.no-gutters .bnr, .has-rounded-elements .holder.fullwidth>.container>.bnr-wrap .bnr { border-radius: 0; } .has-rounded-elements .bnr-caption-bg { overflow: hidden; border-radius: 15px; } .has-rounded-elements .form-control { border-radius: 30px; } .has-rounded-elements .form-control--sm { border-radius: 25px; } .has-rounded-elements .post-prw-img, .has-rounded-elements .post-prw-info-wrap { border-radius: 20px; } .has-rounded-elements .prd-card_countdown .countdown>span { border-radius: 6px; } @media (min-width: 992px) { .js-prd-carousel-vert>* { display: none; } .js-prd-carousel-vert>*:nth-child(-n + 2) { display: block; } .js-prd-carousel-vert.slick-initialized>* { display: block; } } @media (max-width: 991px) { .js-prd-carousel-vert>*:not(:first-child) { display: none; } .js-prd-carousel-vert.slick-initialized>* { display: block; } } .js-product-main-carousel:not(.slick-initialized)>div { display: none; } .js-product-main-carousel:not(.slick-initialized)>div:first-child { display: block; } /* 2. Main Typography */ /* 2.1. Headers / Text Blocks */ body { font-family: 'Montserrat' !important; font-size: 15px !important; line-height: 23px !important; padding-top: 100px; overflow-x: hidden !important; color: #282828; background-color: #fff; } .homepage body { padding-top: 150px; } body.touch .parallaxed { transform: none !important; } .theme-font { font-family: 'Montserrat' !important; } .heading-font { font-family: system-ui !important; } b, strong { font-weight: 600; } .fw-500 { font-weight: 500; } .page-content p:first-child, .modal-content p:first-child { margin-top: 0; } .page-content p img, .modal-content p img { max-width: 100%; } a, a:hover, a:focus { transition: color .2s ease; outline: none; } a { color: #282828; text-decoration: none; } a:hover { color: #5ce1e9; } a:focus { text-decoration: none; color: #282828; } a.dark-color, .page-content p>a.dark-color { color: #282828; } a.dark-color:hover, a.dark-color:focus, .page-content p>a.dark-color:hover, .page-content p>a.dark-color:focus { text-decoration: underline; color: #282828; } a[href^='tel:'] { white-space: nowrap; } .page-content p>a:not(.btn) { text-decoration: none; color: #5ce1e9; } .page-content p>a:not(.btn):hover, .page-content p>a:not(.btn):focus { text-decoration: underline; color: #282828; } .page-content p b { color: #282828; } .text-dark { color: #282828; } .p--small { font-size: 14px; line-height: 18px; color: #646464; } input:focus, textarea:focus, button:focus { outline: 0; } ul, ol { margin-bottom: 0; } .overflow-hidden { overflow: hidden; } h1, .h-lg-style { font-family: system-ui; font-size: 34px; font-weight: 600; line-height: 1.2em; position: relative; z-index: 1; margin: 0 0 30px; padding: 0; color: #282828; } @media (max-width: 575px) { h1, .h-lg-style { font-size: calc(34px * .8); } } h1+.h-behind, .h-lg-style+.h-behind { font-family: system-ui; font-size: calc(34px * 3.4); font-weight: 600; } @media (max-width: 575px) { h1+.h-behind, .h-lg-style+.h-behind { font-size: calc(34px * 2.992); } } h1, .h1-style { font-family: system-ui; font-size: 26px; font-weight: 600; line-height: 1.2em; /*text-transform: uppercase;*/ position: relative; z-index: 1; margin: 0 0 45px; padding: 0; color: #282828; } @media (max-width: 575px) { h1, .h1-style { font-size: calc(30px * .8); margin-bottom: 30px; } } h1+.h-behind, .h1-style+.h-behind { font-family: system-ui; font-size: calc(30px * 3.4); font-weight: 600; } .m-h1-style { margin-bottom: 45px !important; } @media (max-width: 575px) { .m-h1-style { margin-bottom: 30px !important; } } h2, .h2-style { font-family: system-ui; font-size: 24px; font-weight: 600; line-height: 1.4em; position: relative; z-index: 1; margin: 0 0 20px; padding: 0; color: #282828; } @media (max-width: 575px) { h2, .h2-style { font-size: calc(24px * .9); margin-bottom: 20px; } } h2+.h-behind, .h2-style+.h-behind { font-family: system-ui; font-size: calc(24px * 3.4); font-weight: 600; } .m-h2-style { margin-bottom: 20px !important; } h3, .h3-style { font-family: system-ui; font-size: 17px; font-weight: 600; line-height: 1.5em; margin: 0 0 20px; padding: 0; color: #282828; } h3.h-lined, .h3-style.h-lined { margin-bottom: 30px; padding-bottom: 15px; } h4, .h4-style { font-family: system-ui; font-size: 17px; font-weight: 600; line-height: 28px; margin: 0 0 20px; padding: 0; color: #282828; } h4:not(.h-icon) [class*='icon-'], .h4-style:not(.h-icon) [class*='icon-'] { font-size: 20px; padding-right: 10px; vertical-align: sub; color: #5ce1e9; } h5, .h5-style { font-size: 16px; font-weight: 600; line-height: 24px; margin: 0 0 20px; padding: 0; color: #282828; } h6, .h6-style { font-size: 15px; line-height: 23px; margin: 0 0 20px; padding: 0; color: #282828; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1-style a, .h2-style a, .h3-style a, .h4-style a, .h5-style a, .h6-style a { text-decoration: none; color: #282828; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1-style a:hover, .h2-style a:hover, .h3-style a:hover, .h4-style a:hover, .h5-style a:hover, .h6-style a:hover { text-decoration: none; color: #5ce1e9; } h1.h-lined, h2.h-lined, h3.h-lined, h4.h-lined, h5.h-lined, h6.h-lined, .h1-style.h-lined, .h2-style.h-lined, .h3-style.h-lined, .h4-style.h-lined, .h5-style.h-lined, .h6-style.h-lined { border-color: #f4f4f4; border-bottom-width: 1px; border-bottom-style: solid; } .h-behind { line-height: 1em; position: absolute; z-index: 0; top: 0; left: -.05em; transform: translate3d(0, -40%, 0); white-space: nowrap; color: #f4f4f4; } .h-sub--first { -ms-flex-order: -1; order: -1; } .text-center>.h-behind { left: 50%; transform: translate3d(-50%, -40%, 0); } .title-wrap:not(:last-child), .page-title { margin: 0 0 0px; } .title-wrap:not(:last-child).text-center .carousel-arrows, .page-title.text-center .carousel-arrows { margin-bottom: calc(30px - 18px); } @media only screen and (min-width: 768px) and (max-width: 991px) { .title-wrap:not(:last-child), .page-title { margin: 0 0 30px; } .title-wrap:not(:last-child).text-center .carousel-arrows, .page-title.text-center .carousel-arrows { margin-bottom: calc(30px - 18px); } } @media only screen and (min-width: 576px) and (max-width: 767px) { .title-wrap:not(:last-child), .page-title { margin: 0 0 25px; } .title-wrap:not(:last-child).text-center .carousel-arrows, .page-title.text-center .carousel-arrows { margin-bottom: calc(25px - 3px); } } @media only screen and (max-width: 575px) { .title-wrap:not(:last-child), .page-title { margin: 0 0 15px; } .title-wrap:not(:last-child).text-center .carousel-arrows, .page-title.text-center .carousel-arrows { margin-bottom: calc(25px - 3px); } } .title-wrap { position: relative; display: -ms-flexbox; display: flex; flex-direction: column; margin-bottom: 30px; -ms-flex-direction: column; } @media only screen and (min-width: 576px) and (max-width: 767px) { .title-wrap { margin-bottom: 25px; } } @media only screen and (max-width: 575px) { .title-wrap { margin-bottom: 20px; } } .title-wrap.text-center .carousel-arrows { width: 50px; margin-top: -5px; margin-right: auto; margin-bottom: 65px; margin-left: auto; } .title-wrap h1+.carousel-arrows:empty, .title-wrap .h1-style+.carousel-arrows:empty, .title-wrap h1+.h-sub+.carousel-arrows:empty, .title-wrap .h1-style+.h-sub--first+.carousel-arrows:empty { margin-top: calc(-30px - 15px); } @media only screen and (min-width: 576px) and (max-width: 767px) { .title-wrap h1+.carousel-arrows:empty, .title-wrap .h1-style+.carousel-arrows:empty, .title-wrap h1+.h-sub+.carousel-arrows:empty, .title-wrap .h1-style+.h-sub--first+.carousel-arrows:empty { margin-top: calc(-30px - 15px * .666); } } @media only screen and (max-width: 575px) { .title-wrap h1+.carousel-arrows:empty, .title-wrap .h1-style+.carousel-arrows:empty, .title-wrap h1+.h-sub+.carousel-arrows:empty, .title-wrap .h1-style+.h-sub--first+.carousel-arrows:empty { margin-top: calc(-30px - 15px * .666); } } .title-wrap h2+.carousel-arrows:empty, .title-wrap .h2-style+.carousel-arrows:empty, .title-wrap h2+.h-sub--first+.carousel-arrows:empty, .title-wrap .h2-style+.h-sub--first+.carousel-arrows:empty { margin-top: calc(-30px - 12px); } @media only screen and (min-width: 576px) and (max-width: 767px) { .title-wrap h2+.carousel-arrows:empty, .title-wrap .h2-style+.carousel-arrows:empty, .title-wrap h2+.h-sub--first+.carousel-arrows:empty, .title-wrap .h2-style+.h-sub--first+.carousel-arrows:empty { margin-top: calc(-30px - 12px * .666); } } @media only screen and (max-width: 575px) { .title-wrap h2+.carousel-arrows:empty, .title-wrap .h2-style+.carousel-arrows:empty, .title-wrap h2+.h-sub--first+.carousel-arrows:empty, .title-wrap .h2-style+.h-sub--first+.carousel-arrows:empty { margin-top: calc(-30px - 12px * .666); } } .title-wrap .h-lg-style+.carousel-arrows:empty, .title-wrap .h-lg-style+.h-sub--first+.carousel-arrows:empty { margin-top: calc(-30px - 25px); } @media only screen and (min-width: 576px) and (max-width: 767px) { .title-wrap .h-lg-style+.carousel-arrows:empty, .title-wrap .h-lg-style+.h-sub--first+.carousel-arrows:empty { margin-top: calc(-30px - 25px * .666); } } @media only screen and (max-width: 575px) { .title-wrap .h-lg-style+.carousel-arrows:empty, .title-wrap .h-lg-style+.h-sub--first+.carousel-arrows:empty { margin-top: calc(-30px - 25px * .666); } } .title-wrap .h-sub, .page-title .h-sub { position: relative; z-index: 1; min-width: 100%; } .title-wrap .h-sub, .title-wrap .h-sub p, .page-title .h-sub, .page-title .h-sub p { font-size: 14px; font-weight: 500; line-height: 1.69em; color: #818181; } .title-wrap h1, .title-wrap .h1-style, .title-wrap h1+.h-sub--first, .title-wrap .h1-style+.h-sub--first, .page-title h1, .page-title .h1-style, .page-title h1+.h-sub--first, .page-title .h1-style+.h-sub--first { margin-bottom: 15px; } @media only screen and (min-width: 576px) and (max-width: 767px) { .title-wrap h1, .title-wrap .h1-style, .title-wrap h1+.h-sub--first, .title-wrap .h1-style+.h-sub--first, .page-title h1, .page-title .h1-style, .page-title h1+.h-sub--first, .page-title .h1-style+.h-sub--first { margin-bottom: calc(15px * .666); } } @media only screen and (max-width: 575px) { .title-wrap h1, .title-wrap .h1-style, .title-wrap h1+.h-sub--first, .title-wrap .h1-style+.h-sub--first, .page-title h1, .page-title .h1-style, .page-title h1+.h-sub--first, .page-title .h1-style+.h-sub--first { margin-bottom: calc(15px * .666); } } .title-wrap h2, .title-wrap .h2-style, .title-wrap h2+.h-sub--first, .title-wrap .h2-style+.h-sub--first, .page-title h2, .page-title .h2-style, .page-title h2+.h-sub--first, .page-title .h2-style+.h-sub--first { margin-bottom: 12px; } @media only screen and (min-width: 576px) and (max-width: 767px) { .title-wrap h2, .title-wrap .h2-style, .title-wrap h2+.h-sub--first, .title-wrap .h2-style+.h-sub--first, .page-title h2, .page-title .h2-style, .page-title h2+.h-sub--first, .page-title .h2-style+.h-sub--first { margin-bottom: calc(12px * .666); } } @media only screen and (max-width: 575px) { .title-wrap h2, .title-wrap .h2-style, .title-wrap h2+.h-sub--first, .title-wrap .h2-style+.h-sub--first, .page-title h2, .page-title .h2-style, .page-title h2+.h-sub--first, .page-title .h2-style+.h-sub--first { margin-bottom: calc(12px * .666); } } .title-wrap .h-lg-style, .title-wrap .h-lg-style+.h-sub--first, .page-title .h-lg-style, .page-title .h-lg-style+.h-sub--first { margin-bottom: 25px; } @media only screen and (min-width: 576px) and (max-width: 767px) { .title-wrap .h-lg-style, .title-wrap .h-lg-style+.h-sub--first, .page-title .h-lg-style, .page-title .h-lg-style+.h-sub--first { margin-bottom: calc(25px * .9); } } @media only screen and (max-width: 575px) { .title-wrap .h-lg-style, .title-wrap .h-lg-style+.h-sub--first, .page-title .h-lg-style, .page-title .h-lg-style+.h-sub--first { margin-bottom: calc(25px * .6); } } .title-wrap h4.h-subtitle, .title-wrap .h-subtitle, .page-title h4.h-subtitle, .page-title .h-subtitle { font-size: 18px; font-weight: 500; color: #818181; } .title-wrap h4.h-subtitle:not(:first-child), .title-wrap .h-subtitle:not(:first-child), .page-title h4.h-subtitle:not(:first-child), .page-title .h-subtitle:not(:first-child) { margin-top: 10px; } .title-wrap p, .page-title p { font-size: 17px; line-height: 28px; } @media (max-width: 991px) { .title-wrap p, .page-title p { font-size: 15px; line-height: 27px; } } @media (max-width: 575px) { .title-wrap p, .page-title p { font-size: 14px; line-height: 23px; } } .title-wrap p a, .page-title p a { text-decoration: underline; color: inherit; } .title-wrap p a:hover, .page-title p a:hover { text-decoration: none; } .title-wrap .maxW-1370, .page-title .maxW-1370 { max-width: 1370px; margin-right: auto; margin-left: auto; } .title-wrap .maxW-825, .page-title .maxW-825 { max-width: 825px; margin-right: auto; margin-left: auto; } .title-wrap.text-left .maxW-1370, .title-wrap.text-left .maxW-825, .page-title.text-left .maxW-1370, .page-title.text-left .maxW-825 { margin-left: 0; } .title-wrap.text-right .maxW-1370, .title-wrap.text-right .maxW-825, .page-title.text-right .maxW-1370, .page-title.text-right .maxW-825 { margin-right: 0; } .title-wrap:not(.title-tabs-wrap)>h1:last-child, .title-wrap:not(.title-tabs-wrap)>.h1-style:last-child { margin: 0; } .title-wrap:not(.title-tabs-wrap)>h2:last-child, .title-wrap:not(.title-tabs-wrap)>.h2-style:last-child { margin: 0; } .title-wrap:not(.title-tabs-wrap)>.h-lg-style:last-child { margin: 0; } .title-with-right .carousel-arrows { height: 42px; } .title-with-right h1, .title-with-right h2.h1-style { margin-bottom: 30px; } @media (max-width: 575px) { .title-with-right h1, .title-with-right h2.h1-style { margin-bottom: 5px; } } @media (min-width: 768px) { .title-with-right { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; } .title-with-right>*:last-child { margin-left: auto; } } @media (max-width: 767px) { .title-with-right { text-align: center; } } .title-with-arrows .carousel-arrows { min-height: 28px; } .carousel-arrows:empty { display: none !important; } .title-with-arrows { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; } .title-with-arrows>*, .title-with-arrows h2, .title-with-arrows h2.h1-style { margin-bottom: 0 !important; } .title-with-arrows>*:last-child { margin-left: auto; } .title-with-arrows h2, .title-with-arrows .h2-style { padding-right: 45px; } .title-with-arrows:not(.title-with-behind) { margin-bottom: 20px; } .title-with-arrows { position: relative; } .title-with-arrows.mb-h1-style { margin-bottom: 45px; } @media (max-width: 575px) { .title-with-arrows.mb-h1-style { margin-bottom: 30px; } } .title-with-arrows.mb-h2-style { margin-bottom: 20px; } .title-with-arrows.mb-h3-style { margin-bottom: 20px; } .aside-block { position: relative; } .aside-block .title-with-arrows { margin-bottom: 20px; } .aside-block .title-with-arrows h2, .aside-block .title-with-arrows h2.h1-style { line-height: 1em; } @media (max-width: 991px) { .aside-block .title-with-arrows h2, .aside-block .title-with-arrows h2.h1-style { font-size: 16px; } } .custom-color { color: #5ce1e9; } .bg-custom { background-color: #5ce1e9; } .h-font { font-family: system-ui; } .fontsize-xs { font-size: 11px; } .under-title { font-size: 14px; line-height: 24px; } .under-title+* { margin-top: 15px; } .holder--custom-color h1, .holder--custom-color h2, .holder--custom-color h3, .holder--custom-color h4, .holder--custom-color h5, .holder--custom-color h6 { color: inherit; } .holder--custom-color h1 a, .holder--custom-color h1 a:focus, .holder--custom-color h2 a, .holder--custom-color h2 a:focus, .holder--custom-color h3 a, .holder--custom-color h3 a:focus, .holder--custom-color h4 a, .holder--custom-color h4 a:focus, .holder--custom-color h5 a, .holder--custom-color h5 a:focus, .holder--custom-color h6 a, .holder--custom-color h6 a:focus { color: inherit; } .text-center>img { display: inline-block; } .text-marker { display: inline-block; padding: 0 7px; color: #fff; background-color: #5ce1e9; } .line-divider { border-color: #f4f4f4; border-bottom-width: 1px; border-bottom-style: solid; } .line-divider--90 { height: 45px; margin-bottom: 45px; } @media (max-width: 767px) { .line-divider--90 { height: 25px; margin-bottom: 25px; } } .line-divider--40 { height: 20px; margin-bottom: 20px; } .list-icon-lg { margin: 0; padding: 0; list-style: none; } .list-icon-lg li { font-size: 21px; font-weight: 500; line-height: 30px; position: relative; padding: 0 0 0 35px; } .list-icon-lg li:not(:last-child) { margin-bottom: 8px; } .list-icon-lg li [class*='icon'] { font-size: 23px; position: absolute; top: .15em; left: 0; color: #282828; } .list li { font-size: 14px; line-height: 20px; position: relative; vertical-align: middle; } .list li:not(:first-child) { margin-top: 10px; } .list-smaller li { font-weight: 400; position: relative; } .list-smaller li:not(:first-child) { margin-top: 2px; } .list-marker { margin: 0; padding: 0; } .list-marker:not(:first-child) { margin-top: 20px; } .list-marker li { font-size: 14px; line-height: 20px; position: relative; padding-left: 24px; list-style: none; } .list-marker li:not(:first-child) { margin-top: 10px; } @media (max-width: 767px) { .list-marker li { font-size: 13px; line-height: 20px; } .list-marker li:not(:first-child) { margin-top: 5px; } } .list-marker li:before { font-family: 'icon-foxic'; font-size: 14px; position: absolute; top: 0; left: 0; content: '\e951'; color: #282828; } @media (max-width: 767px) { .list-marker li:before { font-size: 12px; } } .post-text .list-marker li { font-size: 15px; line-height: 20px; } @media (max-width: 767px) { .post-text .list-marker li { font-size: 14px; line-height: 20px; } } .text-right .list-marker li { padding-right: 24px; padding-left: 0; } .text-right .list-marker li:before { right: 0; left: auto; } @media (max-width: 767px) { .col-sm:not(:first-child) .list-marker { margin-top: 5px; } } ul.two-column { column-count: 2; column-gap: 20px; } ul.two-column li { display: -ms-inline-flexbox; display: inline-flex; min-width: 100%; } ul.three-column { column-count: 3; column-gap: 20px; } .table { color: #282828; } .table-responsive { border-color: #f4f4f4; } .table>thead>tr>th { font-size: 13px; font-weight: 600; line-height: 16px; color: #0f0909; border-color: #f4f4f4; border-bottom-width: 1px; border-bottom-style: solid; } .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { font-size: 15px; line-height: 22px; padding: 20px 15px; border-top: 1px solid #f4f4f4; } .table>tbody>tr:first-child>td { border-top: 0; } .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td { font-weight: 400; border-width: 1px; border-style: solid; border-color: #f4f4f4; } .table-striped>tbody>tr>td b, .table-striped>tbody>tr>td strong, .table>thead>tr>th b, .table>thead>tr>th strong, .table>tbody>tr>th b, .table>tbody>tr>th strong { color: #0f0909; } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #fafafa; } .table-borderless tr td, .table-borderless th td, .table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th, .table-borderless thead tr td, .table-borderless tfoot tr th, .table-borderless tfoot tr td { border: 0; } .table:not(:first-child), .table-responsive:not(:first-child) { margin-top: 20px; } blockquote, .blockquote { font-size: 23px; font-weight: 500; font-style: italic; line-height: 35px; position: relative; padding: 40px 100px 40px 40px; color: #5ce1e9; background-color: #f7f7f8; } @media (max-width: 991px) { blockquote, .blockquote { font-size: 18px; line-height: 26px; padding: 30px 70px 30px 30px; } } @media (max-width: 767px) { blockquote, .blockquote { font-size: 16px; line-height: 22px; padding: 20px 60px 20px 20px; } } blockquote:not(:first-child), .blockquote:not(:first-child) { margin-top: 30px; } @media (max-width: 767px) { blockquote:not(:first-child), .blockquote:not(:first-child) { margin-top: 20px; } } blockquote:not(:last-child), .blockquote:not(:last-child) { margin-bottom: 30px; } @media (max-width: 767px) { blockquote:not(:last-child), .blockquote:not(:last-child) { margin-bottom: 20px; } } blockquote:after, .blockquote:after { font-family: 'icon-foxic'; font-size: 40px; position: absolute; z-index: 1; top: 50%; right: 50px; content: '\e959'; transform: translateY(-50%); color: #5ce1e9; } @media (max-width: 991px) { blockquote:after, .blockquote:after { font-size: 40px; right: 20px; } } .blockquote-author { font-size: 18px; font-weight: 600; font-style: normal; line-height: 1em; } .blockquote-author, .blockquote-author a { color: #0f0909; } .blockquote-author:not(:first-child) { margin-top: 20px; } @media (max-width: 767px) { .blockquote-author:not(:first-child) { margin-top: 15px; } } .pagination { margin: 30px -5px 0; padding: 0; } .pagination>li>a, .pagination>li>span { font-size: 18px; font-weight: 600; line-height: 24px; display: -ms-flexbox; display: flex; width: 33px; height: 33px; margin: 0 1px; padding: 0 3px; transition: .2s; color: #282828; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .pagination>li>a.pagination-arrow, .pagination>li>span.pagination-arrow { font-size: 19px; padding: 0; } .pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>span:hover, .pagination>li>span:focus { text-decoration: none; color: #282828; border-radius: 4px; background-color: #efefef; } .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { color: #282828; border-radius: 4px; background-color: #efefef; } .pagination.pagination--style2 li { position: relative; z-index: 1; } .pagination.pagination--style2>li>a, .pagination.pagination--style2>li>span { font-size: 18px; font-weight: 600; line-height: 24px; display: -ms-flexbox; display: flex; width: 33px; height: 33px; padding: 0 3px; transition: .2s; color: #282828; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .pagination.pagination--style2>li>a.pagination-arrow, .pagination.pagination--style2>li>span.pagination-arrow { font-size: 19px; padding: 0; } .pagination.pagination--style2>li>a:hover, .pagination.pagination--style2>li>a:focus, .pagination.pagination--style2>li>span:hover, .pagination.pagination--style2>li>span:focus { text-decoration: none; color: #282828; border-radius: 4px; } .pagination.pagination--style2>.active>a, .pagination.pagination--style2>.active>span, .pagination.pagination--style2>.active>a:hover, .pagination.pagination--style2>.active>span:hover, .pagination.pagination--style2>.active>a:focus, .pagination.pagination--style2>.active>span:focus { font-weight: 600; z-index: 0; color: #282828; } .pagination.pagination--style2 .pagination-hover-overlay { position: absolute; z-index: 0; top: calc(50% - 17px); left: 0; width: 33px; height: 33px; transition: left .2s; pointer-events: none; border-radius: 4px; background-color: #efefef; } .headings-demo h1, .headings-demo h2, .headings-demo h3, .headings-demo h4, .headings-demo h5, .headings-demo h6 { line-height: 1em; margin-bottom: 12px; } h3+.pagination { margin-top: 0; } /*alerts*/ .alert { margin: 0; padding: 13px 15px; color: #fff; border: 0; border-radius: 0; } .alert:not(:first-child) { margin-top: 10px; } .alert-success { background-color: #77b900; } .alert-info { background-color: #27c7d8; } .alert-warning { background-color: #efa300; } .alert-danger { background-color: #fb317d; } .text-center>.img-fluid, .text-center>p>.img-fluid { display: inline-block; } .aside-block ul.list { margin: 0; padding: 0; } .aside-block ul.list li { display: block; overflow: hidden; margin: 0; } .aside-block ul.list li:not(:last-child) { margin-bottom: 16px; } .aside-block ul.list li, .aside-block ul.list li a { font-size: 14px; line-height: 18px; } .aside-block ul.list li a { display: inline-block; color: #282828; } .aside-block ul.list li a:hover, .aside-block ul.list li a:focus { text-decoration: none; color: #5ce1e9; } .bg-full { background-repeat: no-repeat; background-size: 100% auto; } .bg-cover { background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-size: cover; } .bg-full-height { background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .bg-bottom { background-repeat: no-repeat; background-position-x: center; background-position-y: calc(100% + 1px); } .bg-bottom:not(.bg-cover) { background-size: 100% auto; } .bg-top { background-repeat: no-repeat; background-position-x: center; background-position-y: top; background-size: auto 100%; } .bg-top:not(.bg-cover) { background-size: 100% auto; } .bg-center { background-repeat: no-repeat; background-size: 100% auto; } .bg-center-all { background-repeat: no-repeat; background-position: center; background-size: contain; } .bg-fullheight { position: relative; background-size: 100% 100%; } @media (max-width: 767px) { .bg-hide-sm { background: none !important; } } .page404-empty-svg { display: inline-block; width: 285px; height: 285px; margin-bottom: 25px; } .page404-empty-svg svg { width: 285px; height: 285px; } .page404-text { max-width: 900px; text-align: center; color: #282828; } .page404-text [class*='icon'] { font-size: .65em; position: relative; top: -.1em; } .page404-text .icon-shopping-bag { font-size: 1.1em; } .page404-text .txt1 { font-family: system-ui; font-size: 260px; font-weight: bold; line-height: 1em; } @media (max-width: 991px) { .page404-text .txt1 { font-size: 220px; } } @media (max-width: 767px) { .page404-text .txt1 { font-size: 120px; } } .page404-text .txt2 { font-family: system-ui; font-size: 44px; font-weight: 600; line-height: 1.25em; } @media (max-width: 991px) { .page404-text .txt2 { font-size: 36px; } } @media (max-width: 767px) { .page404-text .txt2 { font-size: 28px; } } .page404-text .txt3 { font-family: system-ui; font-size: 230px; font-weight: bold; line-height: 1em; } @media (max-width: 991px) { .page404-text .txt3 { font-size: 200px; } } @media (max-width: 767px) { .page404-text .txt3 { font-size: 120px; } } .page404-text .txt4 { font-family: system-ui; font-size: 28px; font-weight: 600; line-height: 1.25em; } @media (max-width: 767px) { .page404-text .txt4 { font-size: 24px; } } .prd-grid .page404-bg, .prd-listview .page404-bg, .prd-horgrid .page404-bg { width: 100%; padding: 50px 0; } .prd-grid .page404-text, .prd-listview .page404-text, .prd-horgrid .page404-text { max-width: 700px; margin: 0 auto; } .prd-grid .page404-text .txt2, .prd-listview .page404-text .txt2, .prd-horgrid .page404-text .txt2 { font-size: 34px; } .prd-grid .page404-bg, .prd-horgrid .page404-bg { margin-top: 30px; } .page404-bg { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .page404-bg>svg { position: absolute; z-index: -1; overflow: visible; width: 500px; height: 500px; } @media (max-width: 767px) { .page404-bg>svg { width: 400px; height: 400px; } } @media (max-width: 575px) { .page404-bg>svg { width: 300px; height: 300px; } } .page404-bg>svg path { transform: scale(2.6); fill: #e8fbfc; } .page404-bg .page404-text { position: absolute; } .page404-info { max-width: 650px; margin-right: auto; margin-left: auto; } .load-animate:not(.animated) { opacity: 0; } .thumbnail { background-color: transparent; } .btn-toolbar { margin-bottom: -5px; } .btn-toolbar>.btn { margin-bottom: 5px; } .text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg { text-align: left; } .text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg { text-align: center; } .text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg { text-align: right; } .text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg { text-align: justify; } @media (max-width: 575px) { .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs { text-align: inherit; } .text-left-xs { text-align: left; } .text-center-xs { text-align: center; } .text-right-xs { text-align: right; } .text-justify-xs { text-align: justify; } } @media (max-width: 767px) { .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm { text-align: inherit; } .text-left-sm { text-align: left; } .text-center-sm { text-align: center; } .text-right-sm { text-align: right; } .text-justify-sm { text-align: justify; } } @media (max-width: 991px) { .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md { text-align: inherit; } .text-left-md { text-align: left; } .text-center-md { text-align: center; } .text-right-md { text-align: right; } .text-justify-md { text-align: justify; } } .row--relative { position: relative; } .no-uppercase { text-transform: none !important; } .col-divider { position: absolute; bottom: 0; left: 50%; width: 1px; max-width: 1px; height: calc(100% - 115px); background-color: #f4f4f4; } @media (max-width: 767px) { .col-divider { display: none; } } .card { border-color: #f4f4f4; border-radius: 0; background-color: #fff; } .card.card--grey { background-color: #fbfbfb; } .link-icn { text-decoration: none; } .link-icn [class*='icon'] { padding-right: 5px; } .link-icn:hover { text-decoration: none; } .table-order-history td { vertical-align: middle; } .table-order-history td:last-child { text-align: right; } .table-order-history>tbody>tr>td, .table-order-history>tr>td { padding: 8px 15px; } .vert-wrap { position: relative; z-index: 1; display: table; width: 100%; height: 100%; } .vert { display: table-cell; vertical-align: middle; } img.lazyload { opacity: 0; } img[data-src] { transition: opacity .5s; } img.lazyloading { opacity: 1; } img.lazyloaded { opacity: 1; } .more-link-wrapper { margin-top: 30px; } @media (max-width: 991px) { .more-link-wrapper { margin-top: 30px; } } @media (max-width: 767px) { .more-link-wrapper { margin-top: 20px; } } @media (max-width: 575px) { .more-link-wrapper { margin-top: 20px; } } .aside .more-link-wrapper { margin-top: 44px; } @media (max-width: 991px) { .aside .more-link-wrapper { margin-top: 20px; } } @media (max-width: 767px) { .aside .more-link-wrapper { margin-top: 20px; } } .page-title-bg { font-size: 15px; line-height: 1.8em; max-width: 1300px; margin-right: auto; margin-left: auto; } @media (max-width: 767px) { .page-title-bg { font-size: 14px; } } .page-title-bg h1 { font-size: 60px; font-weight: 800; line-height: 1em; margin-bottom: 50px; } @media (max-width: 1860px) { .page-title-bg h1 { font-size: 50px; margin-bottom: 40px; } } @media (max-width: 1199px) { .page-title-bg h1 { font-size: 40px; margin-bottom: 30px; } } @media (max-width: 767px) { .page-title-bg h1 { font-size: 30px; margin-bottom: 20px; } } .page-title-bg blockquote, .page-title-bg .blockquote { font-size: 13px; font-style: italic; line-height: 22px; position: relative; padding: 20px 25px; color: #757575; background-color: #fff; } .page-title-bg blockquote:after, .page-title-bg .blockquote:after { font-family: 'icon-foxic'; font-size: 20px; position: absolute; z-index: 1; top: -4px; right: 8px; color: #282828; } .page-title-bg .blockquote-author { font-size: 14px; font-weight: 700; font-style: normal; line-height: 1.69em; text-align: right; color: #282828; } a.image-hover-scale { display: -ms-flexbox; display: flex; transition: 0s; } .image-hover-scale { position: relative; z-index: 1; display: block; overflow: hidden; -webkit-backface-visibility: hidden; } .image-hover-scale>* { -webkit-backface-visibility: hidden; } .image-hover-scale>a { display: -ms-flexbox; display: flex; overflow: hidden; } .image-hover-scale [class*='bnr-text'] { transition: .2s; } .image-hover-scale--slow>.bnr-img, .image-hover-scale--slow>img, .image-hover-scale--slow>.placeholder-svg svg, .image-hover-scale--slow .collection-grid-3-item-img>img { transition: opacity .3s, transform .5s cubic-bezier(.25, .46, .45, .94) !important; } .image-hover-scale--slow:hover>.bnr-img, .image-hover-scale--slow:hover>img, .image-hover-scale--slow:hover>.placeholder-svg svg, .image-hover-scale--slow:hover .collection-grid-3-item-img>img { transition: opacity .3s, transform 1.5s cubic-bezier(.25, .46, .45, .94) !important; } .image-hover-dark-circle { position: relative; z-index: 1; display: block; overflow: hidden; transition: background-color .3s ease 0s !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .image-hover-dark-circle>a { position: relative; display: -ms-flexbox; display: flex; overflow: hidden; } .image-hover-dark-circle>.bnr-img, .image-hover-dark-circle>a, .image-hover-dark-circle>.placeholder-svg svg { max-width: 100%; vertical-align: middle; -webkit-backface-visibility: hidden; backface-visibility: hidden; image-rendering: optimizeQuality; } .image-hover-dark-circle>.bnr-img:after, .image-hover-dark-circle>a:after, .image-hover-dark-circle>.placeholder-svg svg:after { position: absolute; z-index: 1; top: 0; left: 50%; width: 100%; height: 0; padding-top: 100%; content: ''; transition: .5s linear; transform: translate(-50%, -100%) scale(0); pointer-events: none; opacity: 0; border-radius: 50%; background-color: #000; } .image-hover-dark-circle:hover>.bnr-img:after, .image-hover-dark-circle:hover>a:after, .image-hover-dark-circle:hover>.placeholder-svg svg:after { transition: .75s linear; transform: translate(-50%, -100%) scale(4.5); opacity: .1; } .bnr-sticky .image-hover-dark-circle>.bnr-img:after, .bnr-sticky .image-hover-dark-circle>a:after { transition: .4s linear; } .bnr-sticky .image-hover-dark-circle:hover>.bnr-img:after, .bnr-sticky .image-hover-dark-circle:hover>a:after { transition: .7s linear; transform: translate(-50%, -100%) scale(5); } .image-hover-dark { position: relative; z-index: 1; display: block; overflow: hidden; transition: background-color .3s ease 0s !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .image-hover-dark>a { display: -ms-flexbox; display: flex; overflow: hidden; } .image-hover-dark>.bnr-img, .image-hover-dark>img, .image-hover-dark>.placeholder-svg svg { max-width: 100%; transition: opacity .3s ease 0s !important; vertical-align: middle; -webkit-backface-visibility: hidden; backface-visibility: hidden; image-rendering: optimizeQuality; } .image-hover-dark:hover { background-color: #000; } .image-hover-dark:hover>.bnr-img, .image-hover-dark:hover>img, .image-hover-dark:hover>.placeholder-sv svg { opacity: .7; } .image-hover-dark-scale { position: relative; z-index: 1; display: block; overflow: hidden; transition: background-color .5s ease-in-out 0s !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .image-hover-dark-scale>a { display: -ms-flexbox; display: flex; overflow: hidden; } .image-hover-dark-scale>.bnr-img, .image-hover-dark-scale>img, .image-hover-dark-scale>.placeholder-svg svg { max-width: 100%; transition: transform .5s ease-in-out 0s, opacity .5s ease-in-out 0s !important; transform: scale(1.01) rotate(.0001deg); vertical-align: middle; -webkit-backface-visibility: hidden; backface-visibility: hidden; image-rendering: optimizeQuality; } .image-hover-dark-scale:hover { background-color: #000; } .image-hover-dark-scale:hover>.bnr-img, .image-hover-dark-scale:hover>img, .image-hover-dark-scale:hover>.placeholder-svg svg { transform: scale(1.15) rotate(.0001deg); opacity: .7; } .circle_decor_wrap { position: absolute; z-index: 1; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; pointer-events: none; } .circle_decor_wrap+* { position: relative; z-index: 3; } .circle_decor { position: absolute; z-index: 1; top: 17%; left: -8%; width: 42%; opacity: .75; mix-blend-mode: darken; fill: #5ce1e9; } .circle_decor path, .circle_decor circle { fill: inherit; } .circle_decor.circle_decor--tr { top: 0; right: 0; left: auto; transform: translate(71%, -71%) rotate(45deg); } .circle_decor.circle_decor--bl { top: auto; right: auto; bottom: 0; left: 0; transform: translate(-71%, 71%) rotate(45deg); } .circle_decor.circle_decor--tl { top: 0; right: auto; left: 0; transform: translate(-71%, -71%) rotate(-45deg); } .circle_decor.circle_decor--br { top: auto; right: 0; bottom: 0; left: auto; transform: translate(71%, 71%) rotate(-45deg); } img[data-sizes='auto'] { display: block; width: 100%; } .underline { cursor: pointer; text-decoration: underline; } .underline:hover { text-decoration: none; } .mb-n-10 { margin-bottom: -10px; } .min-w-160 { min-width: 160px; } .video-wrap-content { position: relative; } .video-wrap-content video { width: 100%; } .video-wrap-content .video-control { position: absolute; right: 15px; bottom: 15px; } .off-pointer { cursor: default; } .lookbook-bnr-title1 { font-family: system-ui; font-size: 57px; font-weight: bold; line-height: 1em; } @media (max-width: 991px) { .lookbook-bnr-title1 { font-size: 48px; } } @media (max-width: 575px) { .lookbook-bnr-title1 { font-size: 36px; } } @media (max-width: 575px) { .lookbook-bnr-title1 { font-size: 32px; } } .lookbook-bnr-title2 { font-family: system-ui; font-size: 96px; font-weight: bold; line-height: 1em; color: #00cbf2; } @media (max-width: 991px) { .lookbook-bnr-title2 { font-size: 80px; } } @media (max-width: 575px) { .lookbook-bnr-title2 { font-size: 64px; } } @media (max-width: 575px) { .lookbook-bnr-title2 { font-size: 48px; } } .lookbook-bnr { position: relative; } .lookbook-bnr .bs-popup-right, .lookbook-bnr .bs-popup-auto[x-placement^='right'] { margin-left: 10px; } .lookbook-bnr-text { position: absolute; z-index: 1; } .lookbook-popup { display: none; } .lookbook-bnr-image img { max-width: 100%; } .lookbook-bnr .popup { z-index: 1060; z-index: 1030; width: 283px; max-width: 50%; padding: 5px; border: 0; border-radius: 0; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .15); } .lookbook-bnr .popup .popup-body { padding: 0; color: inherit; } .lookbook-popup-btn { font-size: 14px; position: relative; display: -ms-flexbox; display: flex; width: 20px; height: 20px; cursor: pointer; transition: .2s; color: #282828; border-radius: 50%; background-color: #fff; box-shadow: 0 0 0 5px rgba(0, 0, 0, .15); -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .lookbook-popup-btn:hover { color: #fff; background-color: #5ce1e9; box-shadow: 0 0 0 5px rgba(0, 0, 0, .15); } .lookbook-popup-btn [class*='icon'] { transition: transform .2s; transform: rotate(45deg); } .lookbook-popup-btn.active { color: #fff; background-color: #5ce1e9; box-shadow: 0 0 0 5px rgba(255, 255, 255, .5); } .lookbook-popup-btn.active [class*='icon'] { transform: rotate(0deg); } .lookbook-popup-btn-lg { font-size: 20px; position: relative; display: -ms-flexbox; display: flex; width: 32px; height: 32px; cursor: pointer; transition: .2s; color: #fff; border-radius: 50%; background-color: #5ce1e9; box-shadow: 0 0 0 8px rgba(255, 255, 255, .35); -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .lookbook-popup-btn-lg:after { position: absolute; top: -8px; left: -8px; width: calc(100% + 16px); height: calc(100% + 16px); content: ''; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, .05); } .lookbook-popup-btn-lg:hover { color: #5ce1e9; background-color: #fff; } .lookbook-popup-btn-lg:hover:after { box-shadow: 0 0 15px rgba(0, 0, 0, .05); } .lookbook-popup-btn-lg [class*='icon'] { transition: transform .2s; transform: rotate(45deg); } .lookbook-popup-btn-lg.active { color: #fff; background-color: #5ce1e9; box-shadow: 0 0 0 5px rgba(255, 255, 255, .5); } .lookbook-popup-btn-lg.active [class*='icon'] { transform: rotate(0deg); } .lookbook-bnr-point { position: absolute; } .popover { z-index: 150; max-width: 220px; padding: 0; color: #282828; border: 0; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .15); } @media (max-width: 575px) { .popover { max-width: 180px; } } .popover .btn { font-size: 12px; font-weight: 500; line-height: 14px; width: 100%; padding: 12px 15px; } .popover-body { padding: 12px; } @media (max-width: 575px) { .popover-body { padding: 10px; } } .section-name-products-grid.disable-actions .title-wrap { pointer-events: none; } .prd-grid.disable-actions { pointer-events: none; } .section-name-products-grid .title-wrap .title-tabs h2.h-title-tabs-icn { min-width: 120px; max-width: 180px; } @media (max-width: 1199px) { .section-name-products-grid .title-wrap .title-tabs h2.h-title-tabs-icn { max-width: 160px; } } @media (max-width: 767px) { .section-name-products-grid .title-wrap .title-tabs h2.h-title-tabs-icn { max-width: 140px; } } .section-name-products-grid .title-wrap .title-tabs h2 { display: inline-block; } .section-name-products-grid .title-wrap .title-tabs .h3-style { font-size: 20px; font-weight: 500; margin: 0 20px; } @media (max-width: 767px) { .section-name-products-grid .title-wrap .title-tabs .h3-style { font-size: 17px; margin: 0 15px; } } .section-name-products-grid .title-wrap .title-tabs h2 a { display: block; overflow: hidden; } .section-name-products-grid .title-wrap .title-tabs h2 a .title-tabs-bg { position: absolute; z-index: -1; top: 0; right: 0; left: 0; width: 100%; height: 100%; transition: .1s; opacity: 0; background-color: #5ce1e9; -webkit-mask-size: contain; mask-size: contain; } .section-name-products-grid .title-wrap .title-tabs h2 a .title-tabs-text, .section-name-products-grid .title-wrap .title-tabs h2 a .title-tabs-icn { display: block; text-align: center; } .section-name-products-grid .title-wrap .title-tabs h2 a .title-tabs-text { position: relative; display: -ms-flexbox; display: flex; min-height: 30px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .section-name-products-grid .title-wrap .title-tabs h2 a .title-tabs-icn { margin-bottom: 25px; transition: .2s; color: #8d92a3; } .section-name-products-grid .title-wrap .title-tabs h2 a .title-tabs-icn [class*='icon'] { font-size: 80px; } @media (max-width: 1199px) { .section-name-products-grid .title-wrap .title-tabs h2 a .title-tabs-icn [class*='icon'] { font-size: 65px; } } @media (max-width: 767px) { .section-name-products-grid .title-wrap .title-tabs h2 a .title-tabs-icn [class*='icon'] { font-size: 50px; } } .section-name-products-grid .title-wrap .title-tabs h2 a .title-tabs-icn svg { width: 80px; height: 80px; } @media (max-width: 1199px) { .section-name-products-grid .title-wrap .title-tabs h2 a .title-tabs-icn svg { width: 65px; height: 65px; } } @media (max-width: 767px) { .section-name-products-grid .title-wrap .title-tabs h2 a .title-tabs-icn svg { width: 50px; height: 50px; } } .section-name-products-grid .title-wrap .title-tabs h2 a .title-tabs-icn svg path { fill: currentcolor; } .section-name-products-grid .title-wrap .title-tabs h2 a .title-tabs-text { color: #8d92a3; } .section-name-products-grid .title-wrap .title-tabs h2 a:hover { color: #8d92a3; } .section-name-products-grid .title-wrap .title-tabs h2 a:hover .title-tabs-text { text-decoration: none; color: #282828; } .section-name-products-grid .title-wrap .title-tabs h2 a:hover .title-tabs-text .title-tabs-bg { opacity: 1; } .section-name-products-grid .title-wrap h2.active a .title-tabs-icn, .section-name-products-grid .title-wrap h2 a:hover .title-tabs-icn { color: #5ce1e9; } .section-name-products-grid .title-wrap h2.active a .title-tabs-text, .section-name-products-grid .title-wrap h2 a:hover .title-tabs-text { color: #282828; } .section-name-products-grid .title-wrap h2.active a .title-tabs-text .title-tabs-bg, .section-name-products-grid .title-wrap h2 a:hover .title-tabs-text .title-tabs-bg { opacity: 1; } .title-tabs-wrap { margin: auto; -webkit-overflow-scrolling: touch; } .title-tabs-wrap h2 { display: inline-block; margin-right: 15px; margin-left: 15px; } @media (max-width: 575px) { .title-tabs-wrap h2 { margin-right: 10px; margin-left: 10px; } } .title-tabs-wrap h2.h1-style { margin-bottom: 0; } @media (max-width: 575px) { .title-tabs-wrap h2.h1-style { margin-bottom: 5px; } } .title-tabs-wrap .title-tabs { display: -ms-flexbox; display: flex; margin: 0; padding: 0; list-style-type: none; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } .title-tabs-wrap .title-tabs>* { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .title-tabs-wrap:not(.ps--active-x) .title-tabs { -ms-flex-pack: center; justify-content: center; } .title-tabs-wrap .title-tabs .h-title-tabs-icn { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; } .title-tabs-wrap.ps--active-x .title-tabs { padding-bottom: 20px; } .title-tabs.text-center>.h-behind { transform: translate3d(-50%, -.28em, 0); } .title-wrap.title-with-behind .title-tabs-wrap { overflow: visible !important; } .title-tabs-wrap .ps__scrollbar-y-rail { display: none !important; } .title-tabs-wrap .title-tabs-h { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .title-tabs-wrap.ps--active-x .title-tabs { -ms-flex-pack: inherit; justify-content: inherit; } [data-grid-tab-tags] { display: none; } .active[data-grid-tab-tags] { display: block; } .section-name-products-grid .h-sub a { margin-right: 17px; margin-left: 17px; white-space: nowrap; color: #8d92a3; } .section-name-products-grid .h-sub a.active { text-decoration: underline; color: #8d92a3; } .grayscale { opacity: .5 !important; filter: grayscale(1); } .right-carousel, .left-carousel { position: relative; z-index: 1; } .right-carousel .title-wrap, .left-carousel .title-wrap { margin-top: 30px; } .right-carousel .slick-dots, .left-carousel .slick-dots { position: relative; bottom: 0; margin: 15px 0 0; } @media (max-width: 575px) { .right-carousel, .left-carousel { -ms-flex-order: 1; order: 1; } } .right-carousel-image { position: relative; z-index: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } .right-carousel-image img { max-width: 75vw; object-fit: contain; } @media (max-width: 575px) { .right-carousel-image { margin-bottom: 30px; text-align: center; -ms-flex-order: 0; order: 0; } .right-carousel-image img { max-width: 100%; } } .left-carousel-image { position: relative; z-index: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; } .left-carousel-image img { max-width: 75vw; object-fit: contain; } @media (max-width: 575px) { .left-carousel-image { margin-bottom: 30px; text-align: center; -ms-flex-order: 0; order: 0; } .left-carousel-image img { max-width: 100%; } } .h-lined-active { position: relative; } .h-lined-active:after { position: absolute; bottom: -.5em; left: 50%; display: block; width: 0; height: 3px; content: ''; transition: .2s; transform: translateX(-50%); background-color: #8d92a3; } @media (max-width: 767px) { .h-lined-active:after { bottom: -.2em; } } .h-lined-active.active:after, .h-lined-active:hover:after { width: 75%; background-color: #282828; } .feature-list { margin: 0; padding: 0; list-style: none; } .feature-list li { font-size: 16px; line-height: 1.5em; position: relative; margin-left: 34px; padding: 15px 0; border-bottom: 1px solid #e6e6e9; } @media (max-width: 575px) { .feature-list li { font-size: 14px; padding: 10px 0; } } .feature-list li:before { font-family: 'icon-foxic'; font-size: 20px; position: absolute; top: 14px; left: -34px; content: '\e9bb'; color: #5ce1e9; } @media (max-width: 575px) { .feature-list li:before { font-size: 16px; top: 9px; } } .card { border-color: #f4f4f4; border-radius: 0; background-color: #fff; } .card.card--grey { background-color: #fbfbfb; } .list-group { padding: 0; border-color: #f4f4f4; border-radius: 0; } .list-group-item { padding: 8px 15px; color: #282828; border-color: #f4f4f4; border-radius: 0 !important; background-color: transparent; } .list-group-item:hover { text-decoration: none; color: #282828; background-color: #f7f7f7; } .list-group-item.active { color: #fff; border-color: #5ce1e9; background-color: #5ce1e9; } .link-icn { text-decoration: none; } .link-icn [class*='icon'] { padding-right: 5px; } .link-icn:hover { text-decoration: none; } .table-order-history td { vertical-align: middle; } .table-order-history td:last-child { text-align: right; } .table-order-history>tbody>tr>td, .table-order-history>tr>td { padding: 8px 15px; } .h-line-divider { display: -ms-flexbox; display: flex; width: 232px; max-width: 100%; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .h-line-divider.text-center { margin-right: auto !important; margin-left: auto !important; } .h-line-divider.text-left { margin-right: auto !important; margin-left: 0 !important; } .h-line-divider.text-right { margin-right: 0 !important; margin-left: auto !important; } .h-line-divider span { width: 100%; height: 1px; background-color: #282828; } .h-line-divider [class*='icon'] { font-size: 34px; margin-right: 10px; margin-left: 10px; } .h-line-divider svg { min-width: 34px; height: 34px; margin-right: 10px; margin-left: 10px; -ms-flex: 34px; flex: 34px; } .h-line-divider svg path { fill: #282828; } /* 2.2. Buttons */ .btn.disabled, .btn:disabled { cursor: not-allowed; opacity: 1; } .btn:not([data-animation]) { transition: all .2s ease; } body:not(.has-btn-not-upper) .btn { text-transform: uppercase; } .btn { font-family: system-ui; font-size: 14px; font-weight: 600; line-height: 16px; padding: 15px 30px; cursor: pointer; white-space: nowrap; border: 0 !important; border-radius: 4px; } .btn, .btn:active, .btn:active:focus, .btn:visited, .btn:focus { text-decoration: none; color: #fff; outline: none; background-color: #5ce1e9; box-shadow: none !important; } .btn:hover, .btn.hovered, .btn:active:hover, .btn:focus:hover { transition: all .2s ease; color: #fff; outline: 0; background-color: #282828; } .btn [class*='icon-'] { font-size: 1.2em; position: relative; top: .15em; } .btn [class*='icon-']:not(:only-child):not(:last-child) { padding-right: .45em; } .btn [class*='icon-']:not(:only-child):last-child { padding-left: .45em; } @media (max-width: 991px) { .btn { padding: 15px 20px; } } .has-squared-btns .btn { border-radius: 0; } .has-squared-btns .btn.btn--sm { border-radius: 0; } .has-squared-btns .btn.btn--lg { border-radius: 0; } .has-squared-btns .btn.btn--xl { border-radius: 0; } .has-round-btns .btn { border-radius: 23px; } .has-round-btns .btn.btn--sm { border-radius: 19px; } .has-round-btns .btn.btn--lg { border-radius: 30.5px; } .has-round-btns .btn.btn--xl { border-radius: 37px; } .btn.btn-disable { pointer-events: none; opacity: .5; } .btn--full { width: 100%; } .btn--invert, .btn--invert:active, .btn--invert:active:focus, .btn--invert:visited, .btn--invert:focus { color: #fff; background-color: #282828; } .btn--invert:hover { color: #fff; background-color: #5ce1e9; } .btn--grey, .btn--grey:active, .btn--grey:active:focus, .btn--grey:visited, .btn--grey:focus { color: #282828; background-color: #efefef; } .btn--grey:hover { color: #fff; background-color: #282828; } .btn--white, .btn--white:active, .btn--white:active:focus, .btn--white:visited, .btn--white:focus { color: #000; background-color: #fff; } .btn--white:hover { color: #fff; background-color: #282828; } .btn--sm { font-size: 12px; font-weight: 700; line-height: 18px; padding: 6px 16px; border-radius: 4px; } .btn--sm [class*='icon-'] { font-size: 1.3em; line-height: 14px; top: 2px; } .btn--md { font-size: 16px; font-weight: 500; line-height: 21px; padding: 15px 27px; } @media (max-width: 991px) { .btn--md { font-size: 14px; font-weight: 500; line-height: 16px; padding: 15px 26px; } } .btn--md [class*='icon-'] { font-size: 1.05em; top: .1em; } .btn--lg { font-size: 17px; font-weight: 500; line-height: 21px; padding: 20px 46px; } @media (max-width: 991px) { .btn--lg { font-size: 14px; font-weight: 700; line-height: 16px; padding: 15px 30px; } } .btn--lg [class*='icon-'] { font-size: 1em; top: 0; } .btn--xl { font-size: 25px; font-weight: 500; font-weight: 500; line-height: 34px; padding: 20px 50px; border-radius: 6px; } @media (max-width: 991px) { .btn--xl { font-size: 17px; line-height: 21px; padding: 20px 50px; border-radius: 4px; } } @media (max-width: 575px) { .btn--xl { font-size: 14px; font-weight: 700; line-height: 16px; padding: 15px 30px; } } .btn--xl [class*='icon-'] { font-size: 1em; top: 0; } .btn--xl [class*='icon-']:not(:only-child):not(:last-child) { padding-right: .75em; } .btn--xl [class*='icon-']:not(:only-child):last-child { padding-left: .75em; } .btn--xxl { font-size: 30px; font-weight: 500; font-weight: 500; line-height: 33px; padding: 30px 60px; } @media (max-width: 991px) { .btn--xxl { font-size: 17px; line-height: 21px; padding: 20px 50px; } } @media (max-width: 575px) { .btn--xxl { font-size: 14px; font-weight: 700; line-height: 16px; padding: 15px 30px; } } .btn--xxl [class*='icon-'] { font-size: 1em; top: 0; } .btn--xxl [class*='icon-']:not(:only-child):not(:last-child) { padding-right: .75em; } .btn--xxl [class*='icon-']:not(:only-child):last-child { padding-left: .75em; } .input-group .btn--lg { padding-right: 20px; padding-left: 20px; } .btn-loading { pointer-events: none; opacity: .5; } .btn[aria-disabled='true'] { pointer-events: none; opacity: .5; } body.loading .btn.js-add-to-cart { cursor: default; pointer-events: none; opacity: .5; } /* 2.3. Forms Elements */ textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus, textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus { border-width: 1px; border-style: solid; border-color: transparent; outline: 0 none; box-shadow: none !important; } input, textarea { border-radius: 0; } button, input, optgroup, select, textarea { color: inherit; } input[type=text], input[type=email], input[type=password], textarea, .select-wrapper select, .select-wrapper-sm select { appearance: none; -moz-appearance: none; -webkit-appearance: none; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { margin: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; } textarea { line-height: 1.5em; } select.input-sm { line-height: 34px; height: 34px; } .form-control { font-size: 15px; font-weight: 300; line-height: 21px; height: 61px; padding: 20px 20px 20px; color: #282828; border-color: transparent; border-radius: 0; background-color: #f7f7f8; box-shadow: none !important; } .form-control::-webkit-input-placeholder { color: #7e7e7e; } .form-control:-moz-placeholder { color: #7e7e7e; } .form-control::-moz-placeholder { color: #7e7e7e; } .form-control:-ms-input-placeholder { color: #7e7e7e; } @media (max-width: 991px) { .form-control { height: 46px; padding: 12px 20px; } } .form-control, .form-control:focus { color: #282828; border-width: 1px; border-style: solid; outline: 0 none; background-color: #f7f7f8; box-shadow: none !important; } .form-control:focus { border-color: #efefef; } .form-control.textarea--height-50 { height: 40px; } .form-control.textarea--height-100 { height: 102px; } .form-control.textarea--height-170 { height: 167px; } .form-control.textarea--height-200 { height: 198px; } .form-control.textarea--height-215 { height: 215px; } .form-control--xs { font-size: 14px; line-height: 20px; height: 46px; padding: 12px 20px; } .form-control--sm { font-size: 14px; line-height: 20px; height: 50px; padding: 15px 20px; } @media (max-width: 991px) { .form-control--sm { height: 46px; padding: 12px 20px; } } .form-control--lg { font-size: 18px; font-weight: 500; line-height: 25px; height: 71px; padding: 23px 30px; } @media (max-width: 991px) { .form-control--lg { font-size: 15px; font-weight: 300; line-height: 21px; height: 61px; padding: 20px 20px; } } @media (max-width: 991px) { .form-control--lg { height: 46px; padding: 12px 20px; } } .form-control--xl { font-size: 18px; font-weight: 500; line-height: 24px; height: 74px; padding: 25px 30px; border-radius: 6px; } @media (max-width: 991px) { .form-control--xl { font-size: 15px; font-weight: 300; line-height: 21px; height: 61px; padding: 20px 20px; border-radius: 4px; } } @media (max-width: 767px) { .form-control--xl { height: 46px; padding: 12px 20px; } } .form-control--error { color: #f12b2b; border-color: #f12b2b; } .form-control--error::-webkit-input-placeholder { text-transform: none; color: #f12b2b; } .form-control--error:-moz-placeholder { text-transform: none; color: #f12b2b; } .form-control--error::-moz-placeholder { text-transform: none; color: #f12b2b; } .form-control--error:-ms-input-placeholder { text-transform: none; color: #f12b2b; } .form-control--error[type]:focus { border-color: #f12b2b; } .form-control--error:focus::-webkit-input-placeholder { text-transform: none; color: #f12b2b; } .form-control--error:focus:-moz-placeholder { text-transform: none; color: #f12b2b; } .form-control--error:focus::-moz-placeholder { text-transform: none; color: #f12b2b; } .form-control--error:focus:-ms-input-placeholder { text-transform: none; color: #f12b2b; } .form-control--full { width: 100%; margin-bottom: 10px; } .form-group:not(:only-child), .form-flex:not(:only-child) { margin-bottom: 16px; } @media (max-width: 991px) { .form-group:not(:only-child), .form-flex:not(:only-child) { margin-bottom: 10px; } } .form-group:only-child, .form-flex:only-child { margin-bottom: 0; } .form-group:last-child, .form-flex:last-child { margin-bottom: 0; } .form-group>.row { margin-right: -8px; margin-left: -8px; } .form-group>.row>* { padding-right: 8px; padding-left: 8px; } .form-flex { display: -ms-flexbox; display: flex; } .form-flex .form-group { margin-bottom: 0; -ms-flex: 1; flex: 1; } .form-flex>* { margin: 0 7.5px; } .form-flex>*:last-child { margin-right: 0; } .form-flex>*:first-child { margin-left: 0; } .select-wrapper { position: relative; } select { -moz-appearance: none; -webkit-appearance: none; } select::-ms-expand { display: none; } .select-wrapper.select-wrapper-sm:before { line-height: 50px; width: 50px; } .select-wrapper.select-wrapper-xs .form-control { font-size: 15px; height: 40px; } .select-wrapper.select-wrapper-xs:before { line-height: 40px; width: 40px; } .qty { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .qty-changer button { position: relative; display: -ms-flexbox; display: flex; width: 17px; max-width: 17px; height: 17px; padding: 0; cursor: pointer; transition: .2s ease; color: #282828; border: 0; border-radius: 50%; background: #f7f7f8; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -webkit-appearance: none; } .qty-changer button:hover { background: #5ce1e9; } .qty-changer button:hover:after, .qty-changer button:hover:before { background-color: #fff; } .qty-changer button:before, .qty-changer button:after { position: absolute; z-index: 1; content: ''; background-color: #282828; } .qty-changer button:before { top: calc(50% - .5px); left: 4px; width: 9px; height: 1px; } .qty-changer button.increase:after { top: 4px; left: calc(50% - .5px); width: 1px; height: 9px; } .qty-changer input[type='number'], .qty-changer input[type='text'] { font-size: 15px; line-height: 27px; width: 27px; max-width: 27px; margin: 0 6px; padding: 0; text-align: center; color: #282828; border: 0; border: 1px solid transparent; border-radius: 0; background: #f7f7f8; -webkit-appearance: none; } .form-label { font-size: 14px; line-height: 22px; margin-bottom: 2px; } .form--simple>*:not(:first-child) { margin-top: 15px; } .form--simple>label+*:not(:first-child) { margin-top: 0; } /*input[type='checkbox'], input[type='radio'] { display: none; }*/ input[type='checkbox']:active+label:before, input[type='radio']:active+label:before { transition-duration: 0s; } input[type='checkbox']+label, input[type='radio']+label { font-size: 14px; font-weight: normal; line-height: 1.903em; position: relative; min-width: 100px; margin: 0 0 4px 0; padding-left: 30px; outline: none !important; } input[type='checkbox']+label:before, input[type='checkbox']+label:after, input[type='radio']+label:before, input[type='radio']+label:after { position: absolute; left: 0; display: block; box-sizing: content-box; content: ''; } input[type='checkbox']+label:before, input[type='radio']+label:before { top: 1px; width: 21px; height: 21px; transition: background-color .2s; text-align: center; border-width: 1px; border-style: solid; border-color: transparent; background-color: #f7f7f8; } input[type='checkbox']+label:hover:before, input[type='radio']+label:hover:before { background-color: #f7f7f8; box-shadow: 0 0 1px rgba(0, 0, 0, .35); } input[type='checkbox']+label:after, input[type='radio']+label:after { top: 7px; left: 6px; width: 10px; height: 10px; transition: transform .2 ease-out; transform: scale(0); transform-origin: 50%; } input[type='radio']+label:after { background-color: #282828; } input[type='radio']:checked+label:before { -webkit-animation: borderscale 300ms ease-in; -moz-animation: borderscale 300ms ease-in; animation: borderscale 300ms ease-in; background-color: #f7f7f8; } input[type='radio']:checked+label:after { transform: scale(1); } input[type='radio']+label:before, input[type='radio']+label:after { border-radius: 50%; } input[type='checkbox']+label:after { top: 8px; left: 6px; width: 8px; height: 4px; transition: none; transform: rotate(-45deg) scale(0); border-width: 0 0 2px 2px; border-style: solid; border-color: #282828; background-color: transparent; } input[type='checkbox']+label:hover:after { border-color: #282828; } input[type='checkbox']:checked+label:before { -webkit-animation: borderscale .2s ease-in; -moz-animation: borderscale .2s ease-in; animation: borderscale .2s ease-in; } input[type='checkbox']:checked+label:after { content: ''; transition: transform .2s ease-out; transform: rotate(-45deg) scale(1); } @keyframes borderscale { 50% { box-shadow: 0 0 0 2px rgba(0, 0, 0, .35); } } label { font-size: 15px; font-weight: inherit; line-height: 21px; margin-bottom: 5px; color: #282828; } .required { padding-right: 2px; color: #f12b2b; } .input-group .form-control { border: 0; } .input-group .form-control-wrapper { -ms-flex: 1; flex: 1; } .input-group .errors { overflow: hidden; min-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .input-group .input-group-btn>.btn { border-radius: 0 !important; } .input-group .input-group-btn { width: 0; } form .errors+.form-group, form .errors+.row { margin-top: 30px; } form .errors+.row { margin-top: 15px; } .aside-block .form-control+.errors { margin-top: -5px; margin-bottom: 10px; } .form-wrapper:not(:first-child) { margin-top: 30px; } @media (max-width: 767px) { .form-wrapper:not(:first-child) { margin-top: 15px; } } .form-wrapper>* { margin-bottom: 0; } .form-wrapper>*:not(:first-child) { margin-top: 25px; } .form-wrapper>* .form-group { margin: 25px 0 0; } .form-wrapper .row { margin-top: 0; margin-right: -12.5px; margin-left: -12.5px; } .form-wrapper .row>* { padding-right: 12.5px; padding-left: 12.5px; } .form-wrapper>form>* { margin-bottom: 0; } .form-wrapper>form>*:not(:first-child) { margin-top: 25px; } .form-inline .form-control { -ms-flex: 1; flex: 1; } .form-inline .form-control--sm+.btn { height: 50px; } body:not(.has-squared-btns):not(.has-round-btns) .form-inline .btn:last-child { border-radius: 0 4px 4px 0; } .form-inline--flex { display: -ms-flexbox; display: flex; width: 100%; } .form-inline--flex>* { margin-right: 13px; margin-left: 13px; } .form-inline--flex>*:last-child { margin-right: 0; } .form-inline--flex>*:first-child, .form-inline--flex input[type='hidden']+* { margin-left: 0; } .form-inline--flex .form-control { -ms-flex: 1; flex: 1; } @media (max-width: 991px) { .form-inline--flex button { min-width: 110px; } } .btn--input-group { line-height: 40px; position: relative; height: 40px; padding: 0 15px; transform: translate3d(-100%, 0, 0); color: #000; background: transparent; } .btn--input-group:before { position: absolute; top: 0; bottom: 0; left: 0; content: ''; border-color: transparent; border-left-width: 1px; border-left-style: solid; } .btn--input-group:hover:before { display: none; } .btn--input-group [class*='icon-'] { font-size: 20px; line-height: 40px; margin-top: 0; } .input-group-btn:last-child>.btn.btn--input-group:not(:hover), .input-group-btn:last-child>.btn.btn--input-group:focus:not(:hover) { color: #000; background-color: #fff; } .input-group-btn:last-child>.btn.btn--input-group { z-index: 4; margin-left: 0; } form .errors { text-transform: inherit; color: #f12b2b; -webkit-backface-visibility: hidden; } form .errors ul { margin: 0; padding: 0; } form .errors ul>li { font-size: 13px !important; line-height: 16px !important; margin: 3px 0 0 !important; list-style: none; text-transform: inherit !important; } .form--success { font-size: 15px; font-weight: 600; color: #15c979; } select option:not([disabled]) { color: #282828; } select option:disabled { color: #7e7e7e; } .content-search .btn { margin-left: -1px; padding-right: 15px; padding-left: 15px; } .content-search .btn [class*='icon-'] { font-size: 17px; } select.bs-select-hidden, .bootstrap-select>select.bs-select-hidden, select.selectpicker { display: none !important; } .bootstrap-select { width: 220px \0; } .bootstrap-select>.dropdown-toggle { position: relative; z-index: 1; width: 100%; text-align: right; white-space: nowrap; } .bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:active { color: #282828; } .bootstrap-select>select { position: absolute !important; bottom: 0; left: 50%; display: block !important; width: .5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; } .bootstrap-select>select.mobile-device { z-index: 2; top: 0; left: 0; display: block !important; width: 100% !important; } .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .bootstrap-select.is-invalid .dropdown-toggle, .was-validated .bootstrap-select .selectpicker:invalid+.dropdown-toggle { border-color: #f12b2b; } .bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select .selectpicker:valid+.dropdown-toggle { border-color: #15c979; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select:not([class*='col-']):not([class*='form-control']):not(.input-group-btn) { width: 220px; } .bootstrap-select .dropdown-toggle:focus { outline: 0 !important; } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; } :not(.input-group)>.bootstrap-select.form-control:not([class*='col-']) { width: 100%; } .bootstrap-select.form-control.input-group-btn { z-index: auto; } .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn { border-radius: 0; } .bootstrap-select:not(.input-group-btn), .bootstrap-select[class*='col-'] { display: inline-block; float: none; margin-left: 0; } .bootstrap-select.dropdown-menu-right, .bootstrap-select[class*='col-'].dropdown-menu-right, .row .bootstrap-select[class*='col-'].dropdown-menu-right { float: right; } .form-inline .bootstrap-select, .form-horizontal .bootstrap-select, .form-group .bootstrap-select { margin-bottom: 0; } .form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control { padding: 0; } .form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle { font-size: inherit; line-height: inherit; height: 100%; border-radius: inherit; } .bootstrap-select.form-control-sm .dropdown-toggle, .bootstrap-select.form-control-lg .dropdown-toggle { font-size: inherit; line-height: inherit; border-radius: inherit; } .bootstrap-select.form-control-sm .dropdown-toggle { padding: .25rem .5rem; } .bootstrap-select.form-control-lg .dropdown-toggle { padding: .5rem 1rem; } .form-inline .bootstrap-select .form-control { width: 100%; } .bootstrap-select.disabled, .bootstrap-select>.disabled { cursor: not-allowed; } .bootstrap-select.disabled:focus, .bootstrap-select>.disabled:focus { outline: none !important; } .bootstrap-select.bs-container { position: absolute; top: 0; left: 0; height: 0 !important; padding: 0 !important; } .bootstrap-select.bs-container .dropdown-menu { z-index: 1060; } .bootstrap-select .dropdown-toggle:before { display: inline-block; content: ''; } .bootstrap-select .dropdown-toggle .filter-option { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: inherit; padding-bottom: inherit; padding-left: inherit; text-align: left; } .bootstrap-select .dropdown-toggle .filter-option-inner { padding-right: inherit; } .bootstrap-select .dropdown-toggle .filter-option-inner-inner { overflow: hidden; } .bootstrap-select .dropdown-menu .text b, .dropdown-toggle .filter-option-inner-inner b { font-weight: 400; } .select-bold-price .bootstrap-select .dropdown-menu .text b, .select-bold-price .dropdown-toggle .filter-option-inner-inner b { font-weight: 700; } .bootstrap-select .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .input-group .bootstrap-select.form-control .dropdown-toggle { border-radius: inherit; } .bootstrap-select[class*='col-'] .dropdown-toggle { width: 100%; } .bootstrap-select .dropdown-menu { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 100%; } .bootstrap-select .dropdown-menu>.inner:focus { outline: none !important; } .bootstrap-select .dropdown-menu.inner { position: static; float: none; margin: 0; padding: 0; border: 0; border-radius: 0; -webkit-box-shadow: none !important; box-shadow: none !important; } .bootstrap-select .dropdown-menu li { position: relative; } .bootstrap-select .dropdown-menu li.active small { color: rgba(255, 255, 255, .5) !important; } .bootstrap-select .dropdown-menu li.disabled a { cursor: not-allowed; } .bootstrap-select .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bootstrap-select .check-mark { display: none; } .bootstrap-select .btn, .bootstrap-select .btn:active, .bootstrap-select .btn:active:focus, .bootstrap-select .btn:visited, .bootstrap-select .btn:focus { font-family: system-ui; font-size: 11px; line-height: 15px; padding: 10px; text-transform: uppercase; color: #282828; border-width: 1px; border-style: solid; border-color: transparent; background-color: #f7f7f8; } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { color: #282828; border-width: 1px; border-style: solid; border-color: transparent; background-color: transparent; } .open>.dropdown-toggle.btn-default { color: #282828; border-width: 1px; border-style: solid; border-color: transparent; background-color: transparent; } .form-group .dropdown-menu { padding: 0; border-width: 1px; border-style: solid; border-color: transparent; border-radius: 0; outline: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .form-group .dropdown-menu>li>a { font-size: 11px; padding: 3px 10px; text-transform: uppercase; } .form-group .dropdown-menu>.active>a, .form-group .dropdown-menu>.active>a:focus, .form-group s.dropdown-menu>.active>a:hover { color: #fff !important; background-color: #5ce1e9; } .bs-caret>span { display: none; } .bs-caret { position: absolute; top: 1px; right: 0; bottom: 1px; display: inline-block; width: 35px; border: 0; background-color: #f7f7f8; } .bs-caret:after { font-family: 'icon-foxic'; font-size: 11px; line-height: 35px; display: block; width: 100%; content: '\e921'; text-align: center; pointer-events: none; } .success-confirm, .error-confirm { font-size: 14px; font-weight: 400; line-height: 24px; display: none; margin-bottom: 20px; } .form-confirm+.form-group { margin-top: 0; } .success-confirm { color: #15c979; } .error-confirm { color: #f12b2b; } .has-error .form-control { border-color: #f12b2b; } .has-error .form-control, .has-error .form-control:focus { box-shadow: none; } .has-error .control-label, .has-error .help-block, .has-error .form-control-feedback { font-size: 12px; color: #f12b2b; } .search-full { padding: 40px; background-color: #fff; box-shadow: 0 0 37px rgba(0, 0, 0, .06); } @media (max-width: 767px) { .search-full { padding: 20px; } } .search-full .form-inline { border-width: 1px; border-style: solid; border-color: #eee; border-radius: 4px; } .search-full .form-inline .btn, .search-full .form-inline .btn:last-child { font-size: 17px; height: 64px; padding-right: 48px; padding-left: 48px; border-radius: 0 3px 3px 0; } @media (max-width: 767px) { .search-full .form-inline .btn, .search-full .form-inline .btn:last-child { font-size: 15px; height: 46px; padding-right: 25px; padding-left: 25px; } } .search-full .form-control { height: 64px; border: 0 !important; border-radius: 3px 0 0 3px; -ms-flex: 1; flex: 1; } @media (max-width: 767px) { .search-full .form-control { height: 46px; } } .form-control.is-valid:focus, .form-control.is-valid { border-color: transparent; } .form-control.is-valid:not(:required) { background-image: none; } /* 2.4. Tags */ .tags-list { position: relative; padding: 0; list-style: none; } .tags-list:not(:first-child) { margin-top: 30px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .tags-list:not(:first-child) { margin-top: 30px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .tags-list:not(:first-child) { margin-top: 25px; } } @media only screen and (max-width: 575px) { .tags-list:not(:first-child) { margin-top: 15px; margin-bottom: 10px; } } .tags-list li { display: inline-block; margin-right: 6px; margin-bottom: 9px; padding: 0; } @media (max-width: 767px) { .tags-list li { margin-bottom: 5px; } } .tags-list li a { font-size: 12px; font-weight: 500; line-height: 36px; position: relative; display: -ms-flexbox; display: flex; padding: 0 16px; transition: all .2s ease; text-decoration: none; text-transform: uppercase; color: #282828; border-radius: 3px; background: #f9f9f9; } .tags-list li a:hover, .tags-list li a:focus { color: #fff; background: #5ce1e9; } .tags-list a:after { font-family: 'icon-foxic'; font-size: 12px; position: absolute; right: 7px; display: none; content: '\e901'; } .tags-list li.active a { padding: 0 23px 0 9px; color: #fff; background: #5ce1e9; } .tags-list li.active a:after { display: block; } .aside-block .tags-list:not(:first-child) { margin-top: 0; } /* 2.5. Tooltips */ .tooltip { z-index: 1000; pointer-events: none; } .tooltip.top { padding: 5px 0; } .tooltip.right { padding: 0 5px; } .tooltip.bottom { padding: 5px 0; } .tooltip.left { padding: 0 5px; } .tooltip-inner { font-size: 12px; color: #282828; border-width: 1px; border-style: solid; border-color: #e2e2e2; border-radius: 3px; } .tooltip-inner { padding: 2px 10px 2px; background: #fff; } .tooltip .arrow { width: 0; height: 0; border-style: solid; border-color: transparent; } .tooltip .arrow:before { position: absolute; z-index: -1; width: 0; height: 0; content: ''; border-style: solid; border-color: transparent; } .tooltip.bs-tooltip-top .arrow { top: auto; bottom: 3px; width: auto; border-width: 5px 5px 0; border-top-color: #fff; } .tooltip.bs-tooltip-top .arrow:before { top: auto; bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #9e9e9e; } .tooltip.bs-tooltip-bottom .arrow { top: 3px; width: auto; border-width: 0 5px 5px; border-bottom-color: #fff; } .tooltip.bs-tooltip-bottom .arrow:before { top: -2px; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #e2e2e2; } .tooltip.bs-tooltip-left .arrow { right: 3px; width: auto; border-width: 5px 0 5px 5px; border-left-color: #fff; } .tooltip.bs-tooltip-left .arrow:before { top: 50%; right: -2px; left: auto; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #e2e2e2; } .tooltip.bs-tooltip-right .arrow { left: 2px; width: auto; border-width: 5px 5px 5px 0; border-right-color: #fff; } .tooltip.bs-tooltip-right .arrow:before { top: 50%; left: -2px; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #e2e2e2; } @keyframes tooltipRight { 0% { margin-left: 25px; opacity: 0; } 30% { opacity: 0; } 100% { margin-left: 0; opacity: 1; } } @keyframes tooltipLeft { 0% { left: -25px; opacity: 0; } 30% { opacity: 0; } 100% { left: 0; opacity: 1; } } @keyframes tooltipTop { 0% { top: -25px; opacity: 0; } 30% { opacity: 0; } 100% { margin-top: 0; opacity: 1; } } @keyframes tooltipBottom { 0% { margin-top: 25px; opacity: 0; } 30% { opacity: 0; } 100% { margin-top: 0; opacity: 1; } } .tooltipright, .tooltipleft, .tooltiptop, .tooltipbottom { animation-duration: .24s; animation-timing-function: linear; animation-fill-mode: both; } .tooltipright { animation-name: tooltipRight; } .tooltipleft { animation-name: tooltipLeft; } .tooltiptop { animation-name: tooltipTop; } .tooltipbottom { animation-name: tooltipBottom; } .column-6 .mmenu-col { max-width: 16.666%; -ms-flex: 0 0 16.666%; flex: 0 0 16.666%; } .column-6 .mmenu-col.mmenu-col--double { max-width: 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; } .column-6 .mmenu-col:nth-child(n+7) { margin-top: 40px; } .column-5 .mmenu-col { max-width: 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } .column-5 .mmenu-col.mmenu-col--double { max-width: 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; } .column-5 .mmenu-col:nth-child(n+6) { margin-top: 40px; } .column-4 .mmenu-col { max-width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .column-4 .mmenu-col.mmenu-col--double { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .column-4 .mmenu-col:nth-child(n+5) { margin-top: 40px; } .column-3 .mmenu-col { max-width: 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; } .column-3 .mmenu-col.mmenu-col--double { max-width: 66.667%; -ms-flex: 0 0 66.667%; flex: 0 0 66.667%; } .column-3 .mmenu-col:nth-child(n+4) { margin-top: 40px; } .column-2 .mmenu-col { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .column-2 .mmenu-col:nth-child(n+3) { margin-top: 40px; } .width-16 { max-width: 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; } .width-20 { max-width: 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } .width-25 { max-width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .width-33 { max-width: 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; } .width-40 { max-width: 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; } .account-drop ul { margin-top: -10px; } .account-drop ul li>a { font-size: 16px; font-weight: 500; line-height: 24px; display: -ms-inline-flexbox; display: inline-flex; padding: 7px 0; -ms-flex-align: center; align-items: center; } .account-drop ul li>a:hover { text-decoration: none; } .account-drop ul li>a [class*='icon'] { font-size: 14px; position: relative; top: -1px; width: 22px; } .account-drop ul li>a .icon-card { font-size: 11px; top: .5px; } .minicart-link { position: relative; -ms-flex-align: center; align-items: center; } .minicart-list-prd { overflow: hidden; } .minicart-checkout-agree { position: absolute; right: 70px; bottom: -17px; } .minicart-checkout-agree input[type='checkbox']+label { font-size: 12px; } .icon-fishing-net+.minicart-qty { left: 5px; } @media (max-width: 1024px) { .icon-fishing-net+.minicart-qty { left: 5px; } } @media (max-width: 767px) { .icon-fishing-net+.minicart-qty { left: 2px; } } .icon-cart+.minicart-qty { bottom: 14px; left: 38px; } @media (max-width: 1024px) { .icon-cart+.minicart-qty { bottom: 15px; left: 36px; } } @media (max-width: 575px) { .icon-cart+.minicart-qty { bottom: 12px; left: 18px; } } .icon-shopbag+.minicart-qty { left: 6px; } @media (max-width: 1024px) { .icon-shopbag+.minicart-qty { left: 10px; } } @media (max-width: 575px) { .icon-shopbag+.minicart-qty { left: 0; } } .minicart-prd { position: relative; display: -ms-flexbox; display: flex; padding-bottom: 30px; background-color: #fff; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media (max-width: 767px) { .minicart-prd { padding-bottom: 25px; } } .minicart-prd-image { overflow: hidden; max-width: 135px; -ms-flex: 0 0 135px; flex: 0 0 135px; } @media (max-width: 767px) { .minicart-prd-image { max-width: 120px; -ms-flex: 0 0 120px; flex: 0 0 120px; } } @media (max-width: 575px) { .minicart-prd-image { max-width: 110px; -ms-flex: 0 0 110px; flex: 0 0 110px; } } .minicart-prd-image img { width: 100%; } .minicart-prd-info { display: -ms-flexbox; display: flex; flex-direction: column; padding-right: 40px; -ms-flex-direction: column; } .minicart-prd-info>*:first-child { margin-top: 0; } @media (max-width: 575px) { .minicart-prd-info { padding-top: 0; padding-left: 0; } } .minicart-prd-tag { font-size: 12px; font-weight: 400; line-height: 16px; margin-top: 6px; margin-bottom: 0; transition: .2s; text-decoration: none; } .minicart-prd-tag, .minicart-prd-tag a { color: #9e9e9e; } .minicart-prd-tag a:hover { text-decoration: none; color: #282828; } .minicart-prd-name { font-size: 15px; font-weight: 600; line-height: 20px; margin-top: 2px; margin-bottom: 0; transition: .2s; } .minicart-prd-name, .minicart-prd-name a:not(.btn) { color: #0f0909; } .minicart-prd-name a:not(.btn):hover { text-decoration: none; color: #5ce1e9; } .minicart-prd-options { font-size: 13px; line-height: 18px; margin-top: 15px; } .minicart-prd-qty { margin-top: 10px; } .minicart-prd-qty-label { padding-right: 10px; } .minicart-prd-qty-value { font-weight: bold; } .minicart-prd-qty, .minicart-prd-price { font-size: 13px; line-height: 18px; } .minicart-prd-qty { color: #282828; } .minicart-prd-price.prd-price { height: auto; margin-top: auto; margin-right: -25px; padding-top: 13px; color: #282828; } .minicart-prd-price.prd-price>* { color: inherit !important; } .minicart-prd-action { font-size: 20px; position: absolute; top: 0; right: 15px; display: -ms-flexbox; display: flex; flex-direction: column; transition: .2s; -ms-flex-direction: column; } .minicart-prd-action>a:not(.btn) { text-decoration: none; color: #282828; } .minicart-prd-action>a:not(.btn):hover { color: #5ce1e9; } .minicart-empty { font-size: 20px; font-weight: 600; line-height: 24px; overflow: hidden; margin-bottom: 35px; text-align: center; color: #282828; } .minicart-empty-svg { width: 215px; height: 215px; } .minicart-empty-svg svg { width: 215px; height: 215px; } .minicart-empty-icon { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .minicart-empty-icon [class*='icon'] { font-size: 215px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .minicart-empty-icon>svg { width: 320px; height: 255px; } .minicart-empty-icon>svg path { transform: scale(.53) translate(-5%, 13%); fill: #e8fbfc; } .hdr-banner { padding: 0 15px; } .hdr-banner img { max-width: 100%; } @media (max-width: 1024px) { .hdr-banner { display: none; } } .hdr-custom-block { padding: 0 15px; } .hdr-icn-text { display: -ms-flexbox; display: flex; margin-top: -15px; margin-right: -10px; margin-left: -10px; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1199px) { .hdr-icn-text { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .hdr-icn-text>* { font-size: 15px; font-weight: 500; line-height: 19px; position: relative; display: -ms-flexbox; display: flex; margin: 15px 10px 0; padding: 0 0 0 30px; } .hdr-icn-text>* [class*='icon'] { font-size: 24px; position: absolute; top: 3px; left: 0; max-width: 30px; color: #5ce1e9; -ms-flex: 0 0 30px; flex: 0 0 30px; } @media (max-width: 991px) { .hdr-icn-text>* [class*='icon'] { font-size: 20px; top: 1px; max-width: 30px; -ms-flex: 0 0 30px; flex: 0 0 30px; } } @media (max-width: 767px) { .hdr-icn-text>* [class*='icon'] { font-size: 18px; top: 1px; max-width: 30px; -ms-flex: 0 0 30px; flex: 0 0 30px; } } @media (max-width: 991px) { .hdr-icn-text>* { font-size: 14px; margin: 10px 10px 0; } } @media (max-width: 767px) { .hdr-icn-text>* { font-size: 13px; padding: 0 0 0 25px; } } @media (max-width: 767px) { .hdr-icn-text>* { font-size: 12px; } } .hdr-icn-text a:hover { text-decoration: none; } .hdr-transparent .hdr { position: absolute; top: 0; right: 0; left: 0; background: transparent; } .hdr .mmenu-submenu-inside { max-height: none !important; } .hdr-style3 .hdr-banner { text-align: center; -ms-flex: 1; flex: 1; } .hdr-style3 .hdr-banner>.bnr { width: 100%; max-width: 570px; } .hdr-style3 .hdr-phone { min-width: 15%; } @media (max-width: 1199px) { .hdr-style3 .hdr-banner { display: none; } } .hdr-style4 .mmenu { text-align: left; } .hdr-style4 .justify-content-end .mmenu { text-align: right; } .hdr-style4 .justify-content-start .mmenu { text-align: left; } .hdr-style4 .justify-content-center .mmenu { text-align: center; } .hdr-style4 .hdr-navline>.container>.row { -ms-flex-align: center; align-items: center; } .hdr-style4 .hdr-navline-right { margin-left: auto; } .hdr-style4 .hdr-group-link { margin-bottom: 15px; } .hdr-style5 .hdr-group-link { margin-bottom: 15px; } .hdr-style5 .hdr-topline { z-index: 0; } .hdr-style5 .hdr-banner { text-align: center; -ms-flex: 1; flex: 1; } .hdr-style5 .hdr-banner>.bnr { display: -ms-inline-flexbox; display: inline-flex; width: 100%; max-width: 570px; } .hdr-style5 .hdr-topline-center { max-width: 100%; } @media (max-width: 1860px) { .hdr-style5 .hdr-banner { display: none; } } .hdr-style7 .mmenu { text-align: left; } .hdr-style7 .justify-content-end .mmenu { text-align: right; } .hdr-style7 .justify-content-start .mmenu { text-align: left; } .hdr-style7 .justify-content-center .mmenu { text-align: center; } .hdr-style7 .hdr-group-link { margin-bottom: 15px; } .hdr-style7 .hdr-topline { z-index: 0; } .hdr-style7 .hdr-banner { text-align: center; -ms-flex: 1; flex: 1; } .hdr-style7 .hdr-banner>.bnr { width: 100%; max-width: 830px; } @media (max-width: 1024px) { .hdr-style7 .hdr-custom-block { display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; -ms-flex-pack: center; justify-content: center; } } /* 4. Footer */ .page-footer { font-size: 15px; font-weight: 400; line-height: 24px; padding: 75px 0px; color: #fff; background-color: #181818; background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; } .page-footer a, .page-footer .footer-block a, .page-footer .footer-block ul:not([class]) li a { color: #fff; } .page-footer a:hover, .page-footer .footer-block a:hover, .page-footer .footer-block ul:not([class]) li a:hover { text-decoration: none; color: #fff; } .page-footer p { font-size: 15px; font-weight: 400; line-height: 28px; margin-bottom: 0; } .page-footer p+p { margin-top: 12px; } @media (max-width: 991px) { .page-footer .last-mobile { margin-top: 20px; -ms-flex-order: 10; order: 10; } } .page-footer .social-list-circle-sm li a, .page-footer .social-list-circle li a { background-color: #f7f7f7; } .page-footer .social-list-circle-sm li a [class*='icon'], .page-footer .social-list-circle li a [class*='icon'] { color: #5ce1e9 !important; } .page-footer .social-list-circle-sm li a:after, .page-footer .social-list-circle li a:after { background-color: #5ce1e9; } .page-footer .social-list-circle-sm li a:hover [class*='icon'], .page-footer .social-list-circle li a:hover [class*='icon'] { color: #fff !important; } .page-footer .social-list li a { color: #fff; } .page-footer .social-list li a:hover { color: #5ce1e9; } .page-footer .box-coupon { border-color: #282828; } .footer-top { padding-bottom: 50px; } @media (max-width: 991px) { .footer-top { padding-bottom: 30px; } } @media (min-width: 992px) { .footer-top:not(.footer-top--bg)>.container>.row { margin-top: -40px; } .footer-top:not(.footer-top--bg)>.container>.row>[class*='col-'] { margin-top: 0px; } .footer-top:not(.footer-top--bg)>.container>.row>[class*='col-']:last-child { margin-left: auto; } } .footer-top.footer-top--bg { margin-bottom: 0; padding: 25px 0; background-color: #fff; } .footer-top.footer--dark+.footer-bottom { padding-top: 18px; } .footer-logo { display: -ms-flexbox; display: flex; } .footer-logo a { display: inline-block; } .footer-logo a img { max-width: 130px; background: #fff; padding: 5px; border-radius: 10px; } .footer-logo:not(:last-child) { margin-bottom: 24px; } @media (max-width: 991px) { .footer-logo:not(:last-child) { margin-bottom: 15px; } } @media (min-width: 992px) { .footer-logo--mt-negative { margin-top: -30px; } } .footer-bottom { font-size: 13px; font-weight: normal; line-height: 18px; padding: 0 0 18px 0; color: #FFF; } .footer-bottom.footer-bottom--bg, .footer-bottom.footer--dark { padding: 18px 0; background-color: #181818; } .footer-bottom a { color: #282828; } .footer-bottom a:hover { color: #5ce1e9; } .footer-bottom>.container>.row { -ms-flex-align: center; align-items: center; } .footer-bottom .footer-logo { margin-top: 0; } .footer-bottom.footer-bottom--border { border-top: 1px solid #eaeaec; } .footer-bottom-col-left { -ms-flex: 1; flex: 1; } @media (min-width: 576px) { .footer-bottom-col-right { text-align: right; } .footer-bottom-col-right .payment-link { -ms-flex-pack: end; justify-content: flex-end; } } .footer-bottom-col-right>.row { -ms-flex-align: center; align-items: center; } .footer-newsletter { max-width: 375px; } .footer-newsletter:not(:last-child) { margin-bottom: 30px; } .footer-txt-block { max-width: 375px; } .footer-txt-block:not(:last-child) { margin-bottom: 20px; } .page-footer .text-center>a { display: inline-block; } @media (min-width: 768px) { .footer-bottom .row { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .footer-bottom .row>* { float: none; } } .page-footer .title { text-decoration: none; } .page-footer .title, .page-footer .title>* { color: #282828; } .page-footer .title h3, .page-footer .title .h3-style, .page-footer .title h4, .page-footer .title .h4-style, .page-footer .title h5, .page-footer .title .h5-style, .page-footer .title h6, .page-footer .title .h6-style { font-weight: 700; margin-bottom: 21px; text-transform: uppercase; color:#59e3e5; } .page-footer .title h3 a, .page-footer .title h3 a:focus, .page-footer .title .h3-style a, .page-footer .title .h3-style a:focus, .page-footer .title h4 a, .page-footer .title h4 a:focus, .page-footer .title .h4-style a, .page-footer .title .h4-style a:focus, .page-footer .title h5 a, .page-footer .title h5 a:focus, .page-footer .title .h5-style a, .page-footer .title .h5-style a:focus, .page-footer .title h6 a, .page-footer .title h6 a:focus, .page-footer .title .h6-style a, .page-footer .title .h6-style a:focus { color: #282828; } h6.list-title { font-size: 13px; margin-bottom: 6px; padding-left: 23px; text-align: left; } .footer-block { margin-top: 40px; } .footer-block img { max-width: 100%; } .footer-block:first-child { margin-top: 0; } .page-footer ul:not([class]), .footer-list-inline { margin: 0; padding: 0; list-style: none; } .page-footer ul:not([class]) li, .footer-list-inline li { display: block; overflow: hidden; margin-top: 10px; } @media (max-width: 991px) { .page-footer ul:not([class]) li, .footer-list-inline li { margin-top: 5px; } } .page-footer ul:not([class]) li:first-child, .footer-list-inline li:first-child { margin-top: 0; } .page-footer ul:not([class]) li, .page-footer ul:not([class]) li a, .footer-list-inline li, .footer-list-inline li a { font-size: 15px; font-weight: 400; line-height: 27px; } .page-footer ul:not([class]) li a, .footer-list-inline li a { display: inline-block; } .page-footer ul:not([class]) li a:hover, .page-footer ul:not([class]) li a:focus, .footer-list-inline li a:hover, .footer-list-inline li a:focus { text-decoration: none; color: #0f0909; } .page-footer ul:not([class]) li .link-special, .page-footer ul:not([class]) li a.link-special, .footer-list-inline li .link-special, .footer-list-inline li a.link-special { color: #282828; } .page-footer ul:not([class]) li a.link-special:hover, .page-footer ul:not([class]) li a.link-special:focus, .footer-list-inline li a.link-special:hover, .footer-list-inline li a.link-special:focus { text-decoration: none; color: #5ce1e9; } .page-footer ul:not([class]) li a[href^='mailto:'], .footer-list-inline li a[href^='mailto:'] { color: #282828; } .page-footer ul:not([class]) li a[href^='mailto:']:hover, .page-footer ul:not([class]) li a[href^='mailto:']:focus, .footer-list-inline li a[href^='mailto:']:hover, .footer-list-inline li a[href^='mailto:']:focus { text-decoration: none; color: #5ce1e9; } .page-footer ul:not([class]) li [class*='icon-'], .footer-list-inline li [class*='icon-'] { font-size: 18px; position: relative; display: block; float: left; padding-right: 10px; vertical-align: middle; } .footer-list-inline { display: -ms-flexbox; display: flex; margin-right: -15px; margin-left: -15px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-list-inline li { margin: 0 15px; } @media (max-width: 991px) { .hidden-mobile { display: none; } .footer-top .row[class*='inset-'] { padding: 0; } .footer-block { margin: 0 -15px; padding: 0 15px; } .col-no-collapsed+* { margin-top: 25px; } .last-mobile .footer-block { padding-bottom: 0; } .page-footer .title { margin: 0; padding: 14px 0 12px; } .page-footer .title h4 { margin: 0; padding: 0; } .page-footer .title h4:not(:last-child) { padding-right: 30px; } } .collapsed-mobile .toggle-arrow { display: none; } @media (max-width: 991px) { .page-footer .collapsed-mobile { position: relative; } .collapsed-mobile { position: relative; overflow: hidden; } .collapsed-mobile .title { cursor: pointer; } .collapsed-mobile .title h2 { margin: 0 0 10px 0; padding: 0 0 10px; } .collapsed-mobile .collapsed-content { position: absolute; top: -10000px; visibility: hidden; width: 100%; padding: 0 0 20px; transition: opacity .3s ease; opacity: 0; } .collapsed-mobile .toggle-arrow { position: absolute; z-index: 100; top: 0; right: 0; display: block; width: 50px; height: 50px; cursor: pointer; transition: all .2s ease; } .collapsed-mobile .toggle-arrow span:first-child { position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; margin-top: -1px; margin-left: -7px; transition: .2s; transform: rotate(-90deg); opacity: 1; background-color: #282828; } .collapsed-mobile .toggle-arrow span:last-child { position: absolute; top: 50%; left: 50%; width: 2px; height: 14px; margin-top: -7px; margin-left: -1px; transition: .35s ease-in-out; transform: rotate(-90deg); background-color: #282828; } .collapsed-mobile.open .collapsed-content { position: relative; top: 0; visibility: visible; opacity: 1; } .collapsed-mobile.open .toggle-arrow span:first-child { transition: .35s ease-in-out; transform: rotate(90deg); opacity: 0; } .collapsed-mobile.open .toggle-arrow span:last-child { transform: rotate(90deg); } .footer-block ul:not[class] li a { width: 100%; } .page-footer .container>.row>[class*='col-']:last-child .footer-block.collapsed-mobile:only-child { margin-bottom: 0; border-bottom: 0; } .page-footer .collapsed-mobile .collapsed-content { margin-bottom: 0; } .page-footer .collapsed-mobile .toggle-arrow { right: -5px; padding-top: 0; } } .back-to-top { position: relative; bottom: 0; display: -ms-flexbox; display: flex; overflow: hidden; width: 72px; height: 72px; margin: 15px; transition: .5s; text-align: center; pointer-events: none !important; opacity: 0; color: #282828; border: 1px solid transparent; border-radius: 50%; background: #efefef; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2); -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1199px) { .back-to-top { width: 52px; height: 52px; margin: 5px; } } .back-to-top:after { position: absolute; z-index: 0; top: -30%; left: -30%; width: 110%; height: 110%; content: ''; transition: .25s ease; opacity: 0; border-radius: 50%; background: #282828; } .back-to-top .icon { font-size: 22px; line-height: 1em; position: relative; transition: .2s; color: #282828; } .back-to-top .icon:after { position: relative; position: absolute; z-index: 1; display: block; width: 2px; height: 0; margin: -14px 0 0 10px; content: ''; transition: .2s; background-color: #282828; } .back-to-top .icon:before { position: relative; z-index: 1; } .back-to-top:hover { text-decoration: none; } @media (hover: hover) { .back-to-top:hover .icon { color: #fff; } .back-to-top:hover .icon:after { background-color: #fff; } .back-to-top:hover:after { top: -5%; left: -5%; opacity: 1; } .back-to-top, .back-to-top:hover, .back-to-top:focus { text-decoration: none; } .back-to-top:hover .icon { margin-top: -10px; } .back-to-top:hover .icon:after { height: 20px; } } body.mac .back-to-top { transition: .5s; } body.mac .back-to-top:after { top: 0; left: 0; width: 100%; height: 100%; transition: opacity .25s ease; } .back-to-top.is-visible { bottom: 65px; pointer-events: all !important; opacity: 1; } @media (max-width: 991px) { .back-to-top.is-visible { bottom: 55px; } } .payment-link { display: -ms-flexbox; display: flex; margin: -10px -14px 0; padding: 0; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 575px) { .payment-link { margin-top: 0; margin-right: -5px; margin-left: -5px; } } .payment-link>* { margin: 0 14px; padding: 0 !important; -ms-flex-positive: 0; flex-grow: 0; } @media screen and (max-width: 575px) { .payment-link>* { margin: 0 5px; } .payment-link>* img { max-width: 100%; } } .collapsed-content .payment-link { max-width: 350px; } .text-center>.payment-link { -ms-flex-pack: center; justify-content: center; } .payment-link [class*='icon'] { font-size: 60px; line-height: 1em; display: inline-block; transition: .2s; color: #282828; background-color: transparent; } @media screen and (max-width: 767px) { .payment-link [class*='icon'] { font-size: 40px; } } .payment-link [class*='icon']:hover { color: #5ce1e9; } .payment-link--sm [class*='icon'] { font-size: 50px; } @media screen and (max-width: 767px) { .payment-link--sm [class*='icon'] { font-size: 30px; } } .payment-link--xs [class*='icon'] { font-size: 40px; } @media screen and (max-width: 767px) { .payment-link--xs [class*='icon'] { font-size: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .page-footer.footer-style-1 .footer-top:not(.footer-top--bg):last-child { margin-left: 0; } .page-footer.footer-style-1 .footer-top:not(.footer-top--bg):nth-last-child(2) { margin-left: auto; } } .page-footer.footer-style-2 .footer-copyright { margin-top: -10px; } .page-footer.footer-style-2 .footer-bottom-col-right { -ms-flex: 2; flex: 2; } @media screen and (max-width: 991px) { .page-footer.footer-style-2 .footer-top { padding-bottom: 20px; } .page-footer.footer-style-2 .footer-bottom .row>*+* { margin-top: 20px; } .page-footer.footer-style-2 .footer-bottom .footer-logo { margin-bottom: 5px; } } @media (max-width: 575px) { .page-footer.footer-style-2 .footer-bottom-col-left { -ms-flex: auto !important; flex: auto !important; } .page-footer.footer-style-2 .footer-logo { -ms-flex-pack: center; justify-content: center; } .page-footer.footer-style-2 .footer-bottom-col-right { text-align: center; } .page-footer.footer-style-2 .payment-link { -ms-flex-pack: center; justify-content: center; } } .page-footer.footer-style-3 .footer-logo { margin-top: 0; } .page-footer.footer-style-3 .footer-list-inline { -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 767px) { .page-footer.footer-style-3 .footer-list-inline { flex-direction: column; -ms-flex-direction: column; -ms-flex-align: center; align-items: center; } } .page-footer.footer-style-3 .footer-bottom { margin: auto; padding: 25px 0; } .page-footer.footer-style-3 .footer-bottom .container>*+* { margin-top: 10px; } .page-footer.footer-style-3 .social-list li a { padding-right: 10px; padding-left: 10px; } @media screen and (max-width: 991px) { .page-footer.footer-style-3 .footer-logo { text-align: center; -ms-flex-pack: center; justify-content: center; } .page-footer.footer-style-3 .social-list { -ms-flex-pack: center; justify-content: center; } .page-footer.footer-style-3 .footer-top .row>*+* { margin-top: 20px; } } @media screen and (min-width: 992px) { .page-footer.footer-style-3 .footer-top>.container>.row { -ms-flex-align: center; align-items: center; } .page-footer.footer-style-3 .footer-top>.container>.row>*:last-child { text-align: right; } .page-footer.footer-style-3 .footer-top>.container>.row>*:last-child .social-list, .page-footer.footer-style-3 .footer-top>.container>.row>*:last-child .payment-link { -ms-flex-pack: end; justify-content: flex-end; } } .page-footer.footer-style-4 .footer-logo { margin-top: 0; } .page-footer.footer-style-4 .footer-block>*+* { margin-top: 5px; } .page-footer.footer-style-4 .social-list li a { padding-right: 10px; padding-left: 10px; } .page-footer.footer-style-4 ul:not([class]) li { margin-top: 5px; } .page-footer.footer-style-4 ul:not([class]) li, .page-footer.footer-style-4 ul:not([class]) li a { line-height: 23px; } .page-footer.footer-style-4 .footer-list-wrap { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .page-footer.footer-style-4 .footer-list-wrap>* { margin: 0 15px; } @media screen and (max-width: 767px) { .page-footer.footer-style-4 .footer-top .row>*+* { margin-top: 20px; } .page-footer.footer-style-4 .footer-logo { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .page-footer.footer-style-4 .social-list { -ms-flex-pack: center; justify-content: center; } } @media screen and (min-width: 768px) { .page-footer.footer-style-4 .footer-top>.container>.row { -ms-flex-align: center; align-items: center; } .page-footer.footer-style-4 .footer-top>.container>.row>*:last-child { margin-top: 20px; text-align: center; } } .page-footer .footer-top.footer--dark, .page-footer .footer-bottom.footer--dark { color: #fff; background-color: #0f0909; } .page-footer .footer-top.footer--dark a, .page-footer .footer-top.footer--dark .footer-block a, .page-footer .footer-top.footer--dark .footer-block ul:not([class]) li a, .page-footer .footer-bottom.footer--dark a, .page-footer .footer-bottom.footer--dark .footer-block a, .page-footer .footer-bottom.footer--dark .footer-block ul:not([class]) li a { color: #fff; } .page-footer .footer-top.footer--dark a:hover, .page-footer .footer-top.footer--dark .footer-block a:hover, .page-footer .footer-top.footer--dark .footer-block ul:not([class]) li a:hover, .page-footer .footer-bottom.footer--dark a:hover, .page-footer .footer-bottom.footer--dark .footer-block a:hover, .page-footer .footer-bottom.footer--dark .footer-block ul:not([class]) li a:hover { color: #5ce1e9; } .page-footer .footer-top.footer--dark .social-list li a, .page-footer .footer-bottom.footer--dark .social-list li a { color: #fff; } .page-footer .footer-top.footer--dark .social-list li a:hover, .page-footer .footer-bottom.footer--dark .social-list li a:hover { color: #5ce1e9; } .page-footer .footer-top.footer--dark a:hover, .page-footer .footer-top.footer--dark a:focus, .page-footer .footer-bottom.footer--dark a:hover, .page-footer .footer-bottom.footer--dark a:focus { color: #5ce1e9; } .page-footer .footer-top.footer--dark a.link-special, .page-footer .footer-bottom.footer--dark a.link-special { color: #fff; } .page-footer .footer-top.footer--dark a.link-special:hover, .page-footer .footer-top.footer--dark a.link-special:focus, .page-footer .footer-bottom.footer--dark a.link-special:hover, .page-footer .footer-bottom.footer--dark a.link-special:focus { color: #5ce1e9; } .page-footer .footer-top.footer--dark a[href^='mailto:'], .page-footer .footer-bottom.footer--dark a[href^='mailto:'] { color: #5ce1e9; } .page-footer .footer-top.footer--dark a[href^='mailto:']:hover, .page-footer .footer-top.footer--dark a[href^='mailto:']:focus, .page-footer .footer-bottom.footer--dark a[href^='mailto:']:hover, .page-footer .footer-bottom.footer--dark a[href^='mailto:']:focus { color: #fff; } .page-footer .footer-top.footer--dark .title, .page-footer .footer-top.footer--dark .title>*, .page-footer .footer-bottom.footer--dark .title, .page-footer .footer-bottom.footer--dark .title>* { color: #fff; } .page-footer .footer-top.footer--dark .title h3, .page-footer .footer-top.footer--dark .title .h3-style, .page-footer .footer-top.footer--dark .title h4, .page-footer .footer-top.footer--dark .title .h4-style, .page-footer .footer-top.footer--dark .title h5, .page-footer .footer-top.footer--dark .title .h5-style, .page-footer .footer-top.footer--dark .title h6, .page-footer .footer-top.footer--dark .title .h6-style, .page-footer .footer-bottom.footer--dark .title h3, .page-footer .footer-bottom.footer--dark .title .h3-style, .page-footer .footer-bottom.footer--dark .title h4, .page-footer .footer-bottom.footer--dark .title .h4-style, .page-footer .footer-bottom.footer--dark .title h5, .page-footer .footer-bottom.footer--dark .title .h5-style, .page-footer .footer-bottom.footer--dark .title h6, .page-footer .footer-bottom.footer--dark .title .h6-style { color: #fff; } .page-footer .footer-top.footer--dark .title h3 a, .page-footer .footer-top.footer--dark .title h3 a:focus, .page-footer .footer-top.footer--dark .title .h3-style a, .page-footer .footer-top.footer--dark .title .h3-style a:focus, .page-footer .footer-top.footer--dark .title h4 a, .page-footer .footer-top.footer--dark .title h4 a:focus, .page-footer .footer-top.footer--dark .title .h4-style a, .page-footer .footer-top.footer--dark .title .h4-style a:focus, .page-footer .footer-top.footer--dark .title h5 a, .page-footer .footer-top.footer--dark .title h5 a:focus, .page-footer .footer-top.footer--dark .title .h5-style a, .page-footer .footer-top.footer--dark .title .h5-style a:focus, .page-footer .footer-top.footer--dark .title h6 a, .page-footer .footer-top.footer--dark .title h6 a:focus, .page-footer .footer-top.footer--dark .title .h6-style a, .page-footer .footer-top.footer--dark .title .h6-style a:focus, .page-footer .footer-bottom.footer--dark .title h3 a, .page-footer .footer-bottom.footer--dark .title h3 a:focus, .page-footer .footer-bottom.footer--dark .title .h3-style a, .page-footer .footer-bottom.footer--dark .title .h3-style a:focus, .page-footer .footer-bottom.footer--dark .title h4 a, .page-footer .footer-bottom.footer--dark .title h4 a:focus, .page-footer .footer-bottom.footer--dark .title .h4-style a, .page-footer .footer-bottom.footer--dark .title .h4-style a:focus, .page-footer .footer-bottom.footer--dark .title h5 a, .page-footer .footer-bottom.footer--dark .title h5 a:focus, .page-footer .footer-bottom.footer--dark .title .h5-style a, .page-footer .footer-bottom.footer--dark .title .h5-style a:focus, .page-footer .footer-bottom.footer--dark .title h6 a, .page-footer .footer-bottom.footer--dark .title h6 a:focus, .page-footer .footer-bottom.footer--dark .title .h6-style a, .page-footer .footer-bottom.footer--dark .title .h6-style a:focus { color: #fff; } .page-footer .footer-top.footer--dark .social-list-circle-sm li a, .page-footer .footer-top.footer--dark .social-list-circle li a, .page-footer .footer-bottom.footer--dark .social-list-circle-sm li a, .page-footer .footer-bottom.footer--dark .social-list-circle li a { background-color: #1b191c; } .page-footer .footer-top.footer--dark .social-list-circle-sm li a [class*='icon'], .page-footer .footer-top.footer--dark .social-list-circle li a [class*='icon'], .page-footer .footer-bottom.footer--dark .social-list-circle-sm li a [class*='icon'], .page-footer .footer-bottom.footer--dark .social-list-circle li a [class*='icon'] { color: #5ce1e9 !important; } .page-footer .footer-top.footer--dark .social-list-circle-sm li a:after, .page-footer .footer-top.footer--dark .social-list-circle li a:after, .page-footer .footer-bottom.footer--dark .social-list-circle-sm li a:after, .page-footer .footer-bottom.footer--dark .social-list-circle li a:after { background-color: #5ce1e9; } .page-footer .footer-top.footer--dark .social-list-circle-sm li a:hover [class*='icon'], .page-footer .footer-top.footer--dark .social-list-circle li a:hover [class*='icon'], .page-footer .footer-bottom.footer--dark .social-list-circle-sm li a:hover [class*='icon'], .page-footer .footer-bottom.footer--dark .social-list-circle li a:hover [class*='icon'] { color: #fff !important; } @media screen and (max-width: 991px) { .page-footer .footer-top.footer--dark .collapsed-mobile .toggle-arrow span:first-child, .page-footer .footer-top.footer--dark .collapsed-mobile .toggle-arrow span:last-child, .page-footer .footer-bottom.footer--dark .collapsed-mobile .toggle-arrow span:first-child, .page-footer .footer-bottom.footer--dark .collapsed-mobile .toggle-arrow span:last-child { background-color: #fff; } } .page-footer .footer-top.footer--dark .payment-link [class*='icon'], .page-footer .footer-bottom.footer--dark .payment-link [class*='icon'] { color: #5ce1e9; background-color: transparent; } .page-footer .footer-top.footer--dark .payment-link [class*='icon']:hover, .page-footer .footer-bottom.footer--dark .payment-link [class*='icon']:hover { color: #fff; } .page-footer .footer-top.footer--dark .box-coupon, .page-footer .footer-bottom.footer--dark .box-coupon { border-color: #fff; } .footer-sticky { position: fixed; z-index: 159; right: 0; bottom: 0; left: 0; display: -ms-flexbox; display: flex; flex-direction: column; pointer-events: none; -ms-flex-direction: column; } .footer-sticky>* { pointer-events: auto; } .footer-sticky .back-to-top { -ms-flex-order: -1; order: -1; -ms-flex-item-align: end; align-self: flex-end; } .footer-sticky .sticky-addcart:not(.closed)~.back-to-top.is-visible { bottom: 20px; } .template-collection.fancybox--under-modals .footer-sticky { bottom: 0 !important; } body.fancybox-active .payment-notification-wrap, body.fancybox-active .back-to-top, body.fancybox-active .js-stickyAddToCart { display: none; } body.fancybox-active .footer-sticky { z-index: 171; } body.fancybox-active.fancybox--under-modals .footer-sticky { z-index: 173; } body.fancybox--from-sticky .js-stickyAddToCart { display: block; } .page-footer.footer-style-6 .title h4 { font-size: 14px; line-height: 27px; } .page-footer.footer-style-6 p { font-size: 14px; font-weight: 400; line-height: 20px; } .page-footer.footer-style-6 ul:not([class]) li, .page-footer.footer-style-6 ul:not([class]) li a, .page-footer.footer-style-6 .footer-list-inline li, .page-footer.footer-style-6 .footer-list-inline li a { font-size: 12px; font-weight: 400; line-height: 15px; } .page-footer.footer-style-6 .collapsed-content ul+ul { margin-top: 10px; } .page-footer.footer-style-6 .collapsed-content+* { margin-top: 30px; } .page-footer.footer-style-6 .box-coupon { border-width: 2px; } @media screen and (min-width: 992px) { .page-footer.footer-style-6 .title h4 { margin-top: 10px; margin-bottom: 15px; } .page-footer.footer-style-6 .footer-without-logo .title h4 { margin-top: 0; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .page-footer.footer-style-6 .footer-top .col-lg:first-child:nth-last-child(n + 5), .page-footer.footer-style-6 .footer-top .col-lg:first-child:nth-last-child(n + 5)~.col-lg { min-width: 33.3%; } } @media screen and (max-width: 991px) { .page-footer.footer-style-6 .col-no-collapsed { text-align: center; } .page-footer.footer-style-6 .col-no-collapsed .social-list, .page-footer.footer-style-6 .col-no-collapsed .footer-logo, .page-footer.footer-style-6 .col-no-collapsed .box-coupons { -ms-flex-pack: center; justify-content: center; } .page-footer.footer-style-6 .col-no-collapsed .box-coupon { margin-right: auto; margin-left: auto; } } .page-footer.footer-style-7 p { font-size: 14px; line-height: 28px; } .footer-shop-info, .footer-shop-info .row { background-color: #282828; } .footer-shop-info h4, .footer-shop-info p, .footer-shop-info .icn, .footer-shop-info .row h4, .footer-shop-info .row p, .footer-shop-info .row .icn { transition: color .2s; } .footer-shop-info a.text-icn-block-bg-white { color: #fff; } .footer-shop-info a.text-icn-block-bg-white h4 { color: #fff; } .footer-shop-info a.text-icn-block-bg-white .icn { color: #fff; } .footer-shop-info a.text-icn-block-bg-white:hover, .footer-shop-info a.text-icn-block-bg-white:focus { color: #fff; } .footer-shop-info a.text-icn-block-bg-white:hover h4, .footer-shop-info a.text-icn-block-bg-white:focus h4 { color: #fff; } .footer-shop-info a.text-icn-block-bg-white:hover .icn, .footer-shop-info a.text-icn-block-bg-white:focus .icn { color: #fff; } .box-coupon { position: relative; display: -ms-flexbox; display: flex; max-width: 260px; padding: 12px 10px; text-decoration: none; border: 3px dashed #000; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .box-coupon { margin-top: 15px; } } .box-coupon-icon { font-size: 38px; position: absolute; top: -21px; left: -4px; color: #282828; background: #fff; } .box-coupon-text { font-size: 20px; font-weight: 800; line-height: 1.2em; color: #282828; } .box-coupon:hover { text-decoration: none; } .box-coupon:hover .box-coupon-icon { color: #282828; } .box-coupon:hover .box-coupon-text { color: #282828; } .footer--dark .box-coupon-icon { color: #fff; background: #0f0909; } .footer--dark .box-coupon-text { color: #fff; } .footer--dark .box-coupon { border-color: #fff; } .footer--dark .box-coupon:hover .box-coupon-icon { color: #fff; } .footer--dark .box-coupon:hover .box-coupon-text { color: #fff; } button:hover .slider-control-icon .box { transition: stroke .7s .4s ease-out, fill .4s .3s ease-out; fill: #5ce1e9; stroke: white; stroke-dashoffset: 0; } @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) { button:hover .slider-control-icon .box { transition: stroke .7s .4s ease-out, stroke-dashoffset .4s ease-out, fill .4s .3s ease-out; stroke-dashoffset: 0; } } button:hover .slider-control-icon .play { fill: white; } .letter { line-height: 1em; display: inline-block; } .bnr-decor { display: inline; } @media (max-width: 575px) { .bnr-decor { display: none; } } .video-wrap { position: absolute; top: 0; left: 0; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .video-wrap video { position: absolute; z-index: 3; left: 0; overflow: hidden; width: 100%; height: 100%; object-fit: cover; } .video-wrap.fit-width video { max-width: 100%; min-height: 0; } .video-wrap.fit-height video { min-width: 0; max-height: 100%; } .video-wrap-youtube { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-wrap-youtube iframe { position: absolute; top: 50% !important; transform: translateY(-50%); } .video-wrap-youtube.fit-width iframe { max-width: 100%; } .video-wrap-youtube.fit-height iframe { max-height: 100%; } .video-control { position: absolute; z-index: 4; right: 15px; bottom: 20px; visibility: hidden; transition: .2s; opacity: 0; } @media (max-width: 575px) { .video-control { bottom: 20px; } } .video-control>* { font-size: 24px; line-height: 1em; display: -ms-flexbox; display: flex; width: 48px; height: 48px; cursor: pointer; transition: .2s; color: #282828; border-radius: 50%; background-color: rgba(255, 255, 255, .55); -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 575px) { .video-control>* { width: 38px; height: 38px; } } @media not all and (hover: none) { .video-control>*:hover { color: #fff; background-color: #5ce1e9; } } .video-control.visible { visibility: visible; opacity: 1; } .video-stop { display: none; } .is-playing .video-play { display: none; } .is-playing .video-stop { display: -ms-flexbox; display: flex; } .video-section-wrapper { position: relative; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .video-section-wrapper>* { visibility: visible; opacity: 1; } .video-section-wrapper .video { position: absolute; z-index: 2; top: 0; left: 0; display: none; pointer-events: none; } .video-section-wrapper .video-background-wrapper--no-overlay { background-color: rgba(61, 66, 70, .2); } .video-section-wrapper.video-is-loaded .video__text-content::after, .video-section-wrapper .no-js .video__text-content::after { visibility: hidden; content: none; opacity: 0; } .video-section-wrapper .video--background { position: absolute; visibility: hidden; transition: all .2s ease-in; opacity: 0; } .video-section-wrapper .video-control__play { pointer-events: none; } .video-section-wrapper .video-background-wrapper .video-control__play { top: 50%; transform: translateY(-50%); } .video-section-wrapper .video-control__play .icon { opacity: .5; } .video-section-wrapper .video-control__play-wrapper .video-control__pause { display: none; } .video-section-wrapper.video-is-loaded .video-control__play-wrapper .video-control__pause { display: block; } .video-section-wrapper.video-is-loaded .video-control__play { pointer-events: auto; } .video-section-wrapper.video-is-playing .video-control__play { display: none; visibility: hidden; opacity: 0; } .video-section-wrapper.video-is-loaded .video-control__play-wrapper-mobile .video-control__pause-mobile { display: none; } .video-section-wrapper.video-is-loaded.video-is-playing .video-control__play-wrapper-mobile .video-control__pause-mobile { display: -ms-flexbox; display: flex; } .video-section-wrapper.video-is-playing .video { display: block; } .video-section-wrapper .video__overlay { position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; opacity: .2 !important; background: #000; } .video-section-wrapper .video__image { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; transition: opacity .8s cubic-bezier(.44, .13, .48, .87); opacity: 1; background-repeat: no-repeat; background-position: top center; background-size: cover; } .video-section-wrapper.video-is-loaded.video-is-playing .video__image { opacity: 0; } @media only screen and (min-width: 750px) { .video-section-wrapper .video-background-wrapper .video__image { opacity: 0; } } .video-section-wrapper .no-autoplay .video__image { opacity: 1; } .video-section-wrapper .video-control.is-paused .video-play { display: none; } .video-section-wrapper .video-control.is-paused .video-stop { display: -ms-flexbox; display: flex; } .video-section-wrapper .video-control__play.is-started { font-size: 14px; position: relative; width: 4em; height: 3em; padding: 0; cursor: pointer; transition: all .2s; text-align: center; text-indent: .1em; color: #fff; border-radius: 50% / 10%; background: red; } .video-section-wrapper .video-control__play.is-started:hover { background: #282828; } .video-section-wrapper .video-control__play.is-started:before { position: absolute; top: 9%; right: -5%; bottom: 9%; left: -5%; content: ''; border-radius: 5% / 50%; background: inherit; } .video-section-wrapper .video-control__play.is-started:after { font-size: .75em; position: absolute; top: 50%; left: 50%; width: 0; height: 0; margin: -1em 0 0 -.75em; content: ' '; border-width: 1em 0 1em 1.732em; border-style: solid; border-color: transparent transparent transparent rgba(255, 255, 255, .75); } .video-section-wrapper .video-control__play-wrapper-mobile { display: none; } .video-section-wrapper .video-control__play-wrapper .video-control, .video-section-wrapper .video-control__play-wrapper-mobile .video-control { visibility: visible; opacity: 1; } .video-section-wrapper .video__copyright { font-size: 11px; line-height: 1.6em; position: absolute; z-index: 4; right: 0; bottom: 0; left: 0; padding: 4px; text-align: center; color: #fff; } .video-section-wrapper .video__copyright:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; opacity: .3; background-color: #000; } .autoplay .video-section-wrapper.video-is-loaded .video--background { display: block; visibility: visible; opacity: 1; } .no-autoplay .video-section-wrapper .video-control__play-wrapper { display: none; } .no-autoplay .video-section-wrapper .video-control__play-wrapper-mobile { display: block; } /* 7. Banners */ @media (max-width: 767px) { .row>*:last-child .bnr { margin-bottom: 0; } } .bnr-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; } .bnr-wrap { display: block; } .bnr-wrap, .bnr-wrap:hover { text-decoration: none; } .bnr { font-size: 100px; position: relative; display: block; overflow: hidden; width: 100%; text-decoration: none; color: #282828; } .bnr:hover, .bnr:focus { text-decoration: none; color: #282828; } .bnr img { width: 100%; } .bnr.bnr--left { text-align: left; } .bnr.bnr--right { text-align: right; } .bnr.bnr--center { text-align: center; } .bnr.bnr--top .bnr-caption { -ms-flex-pack: start; justify-content: flex-start; } .bnr.bnr--middle .bnr-caption { -ms-flex-pack: center; justify-content: center; } .bnr.bnr--bottom .bnr-caption { -ms-flex-pack: end; justify-content: flex-end; } .bnr.bnr--left .bnr-caption-bg { margin-right: auto; } .bnr.bnr--right .bnr-caption-bg { margin-left: auto; } .bnr.bnr--center .bnr-caption-bg { margin-right: auto; margin-left: auto; } .bnr .bnr-caption { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; display: -ms-flexbox; display: flex; flex-direction: column; transition: opacity .2s .75s; -ms-flex-direction: column; } .bnr[data-fontratio]:not(.fontratio-calc) .bnr-caption { opacity: 0; } .bnr .bnr-text-wrap { position: relative; z-index: 1; } .bnr .bnr-text-wrap>span[class*='text'] { display: block; } .bnr .bnr-btn-wrap { text-decoration: none; color: inherit; } .bnr .bnr-text-wrap>*:first-child:not([class*='order-']), .bnr .bnr-text-wrap>.order-1 { margin-top: 0; } .bnr .bnr-caption>*+*, .bnr .bnr-caption-inside>*+*, .bnr .bnr-caption-bg>*+* { margin-top: 5%; } .bnr .bnr-caption>*+.mt-xs, .bnr .bnr-caption .mt-xs, .bnr .bnr-caption-inside>*+.mt-xs, .bnr .bnr-caption-inside .mt-xs, .bnr .bnr-caption-bg>*+.mt-xs, .bnr .bnr-caption-bg .mt-xs { margin-top: 2%; } .bnr .bnr-caption>*+.mt-lg, .bnr .bnr-caption .mt-lg, .bnr .bnr-caption-inside>*+.mt-lg, .bnr .bnr-caption-inside .mt-lg, .bnr .bnr-caption-bg>*+.mt-lg, .bnr .bnr-caption-bg .mt-lg { margin-top: 8%; } .bnr .bnr-caption>*+.mt-xl, .bnr .bnr-caption .mt-xl, .bnr .bnr-caption-inside>*+.mt-xl, .bnr .bnr-caption-inside .mt-xl, .bnr .bnr-caption-bg>*+.mt-xl, .bnr .bnr-caption-bg .mt-xl { margin-top: 12%; } .bnr .bnr-caption>*+.mt-xxl, .bnr .bnr-caption .mt-xxl, .bnr .bnr-caption-inside>*+.mt-xxl, .bnr .bnr-caption-inside .mt-xxl, .bnr .bnr-caption-bg>*+.mt-xxl, .bnr .bnr-caption-bg .mt-xxl { margin-top: 18%; } .bnr .bnr-caption-bg { position: relative; display: -ms-flexbox; display: flex; flex-direction: column; -ms-flex-direction: column; } .bnr .bnr-caption-bg--padding { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 2% 3%; } .bnr .bnr-caption-bg-color { position: absolute; z-index: -2; top: 0; left: 0; width: 100%; height: 100%; margin: 0; opacity: .85; background-color: #fff; } .bnr .bnr-caption { padding: 4% 4%; } .bnr .bnr-caption .bnr-text1 { font-size: 21px; font-weight: 700; line-height: 1em; position: absolute; top: 4%; left: 7%; color: #5ce1e9; } .bnr .bnr-caption .bnr-text2 { font-size: 21px; font-weight: 600; line-height: 1em; position: absolute; top: 3%; right: 4%; text-align: right; } .bnr .bnr-caption .bnr-text2 span { font-size: 27px; color: #5ce1e9; } .bnr .bnr-caption .bnr-text2-lt { right: auto; left: 4%; text-align: left; } .bnr .bnr-caption .bnr-text2-rb { top: auto; bottom: 3%; } .bnr .bnr-caption .bnr-text2-lb { top: auto; right: auto; bottom: 3%; left: 4%; text-align: left; } .bnr .bnr-caption .bnr-text3 { font-size: .66em; font-weight: 700; line-height: 1em; } .bnr .bnr-caption .bnr-text3 span { color: #5ce1e9; } .bnr .bnr-caption .bnr-text4 { font-size: 1.8em; font-weight: 700; line-height: 1em; } .bnr .bnr-caption .bnr-text5 { font-size: .94em; font-weight: 800; line-height: 1em; color: #fb317d; } .bnr .bnr-caption .bnr-text6 { font-size: .46em; font-weight: 800; line-height: 1.25em; color: #282828; } .bnr .bnr-caption .bnr-text7 { font-size: .56em; font-weight: 800; line-height: 1em; color: #282828; } .bnr .bnr-caption .bnr-text8 { font-size: .3em; font-weight: 600; line-height: 1em; color: #5ce1e9; } .bnr .bnr-caption .bnr-text9 { font-size: .2em; font-weight: 600; line-height: 1em; color: #282828; } .bnr .bnr-caption .bnr-text10 { font-size: .27em; font-weight: 600; line-height: 1em; color: #282828; } .bnr .bnr-caption .bnr-text11 { font-size: .35em; font-weight: 600; line-height: 1.3em; color: #282828; } .bnr .bnr-caption .bnr-text12 { font-size: .175em; font-weight: 600; line-height: 1.7em; color: #282828; } .bnr .bnr-caption .bnr-text13 { font-size: .5em; font-weight: 700; line-height: 1em; } .bnr .bnr-caption .bnr-text14 { font-size: .25em; font-weight: 400; line-height: 1em; color: #7c7c7c; } @media (max-width: 575px) { .bnr .bnr-caption .bnr-text13 { font-size: 1.05em; } .bnr .bnr-caption .bnr-text14 { font-size: .525em; } } .bnr .bnr-caption .bnr-p { font-size: 20px; line-height: 28px; } @media (max-width: 991px) { .bnr .bnr-caption .bnr-p { font-size: 16px; line-height: 24px; } } .bnr-under-title:not(:first-child) { margin-top: 30px; color: #5ce1e9; } @media (max-width: 767px) { .bnr-under-title:not(:first-child) { margin-top: 20px; } } .bnr-img { position: relative; width: 100%; } .bnr-img .circle_decor { width: 180%; } .bnr-sticky { position: -webkit-sticky; position: sticky; top: 0; transition: .05s; transform: translate3d(0, 0, 0); } .js-sticky-collision .bnr-sticky { transition: transform .35s; } body:not(.has-sticky) .bnr-sticky { top: 0 !important; } .bnr-text-has-bg { position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: .3em; } .bnr-text-has-bg .bnr-text-bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; opacity: .5; background: #fff; } .bnr-text-has-bg.text-right { margin-left: auto; } .bnr-text-has-bg.text-left { margin-right: auto; } .bnr-text-has-bg.text-center { margin-right: auto; margin-left: auto; } .bnr-caption-carousel-item { padding-top: 5px; padding-bottom: 5px; } .bnr-caption-carousel { opacity: 0; } .bnr-caption-carousel.slick-initialized { opacity: 1; } .bnr.bnr--fullwidth.bnr--left .bnr-caption { -ms-flex-align: start; align-items: flex-start; } .bnr.bnr--fullwidth.bnr--right .bnr-caption { -ms-flex-align: end; align-items: flex-end; } .bnr.bnr--fullwidth.bnr--center .bnr-caption { -ms-flex-align: center; align-items: center; } .bnr.custom-caption.bnr--left .bnr-caption { margin-right: auto; } .bnr.custom-caption.bnr--right .bnr-caption { margin-left: auto; } .bnr-categories { min-height: 100%; padding: 8% 8% 6%; } .bnr-categories .col-sm-auto { min-width: 40%; } @media (max-width: 767px) { .bnr-categories { padding: 45px 15px; } } .bnr-categories-title { font-size: 29px; font-weight: 800; margin-bottom: 34px; } @media (max-width: 1860px) { .bnr-categories-title { margin-bottom: 24px; } } .bnr-categories-list { font-size: 17px; line-height: 46px; margin: 0; padding: 0; list-style: none; } @media (max-width: 1860px) { .bnr-categories-list { line-height: 36px; } } .bnr-categories-list li:before { margin: 0 10px 0 0; content: '•'; } .bnr-categories-list a:hover { text-decoration: none; } @media (max-width: 991px) { .col-bnr-categories-list { -ms-flex-order: 100; order: 100; } } /* 8. Product and Category Page */ /* 8.1. Product Card */ .prd-carousel-menu { margin-top: 25px; padding: 0 25px; } .prd-grid.prd-grid--sm-pad { margin-right: -12px; margin-left: -12px; } @media (max-width: 767px) { .prd-grid.prd-grid--sm-pad { margin-right: -5px; margin-left: -5px; } } .prd-grid.prd-grid--nopad { margin-right: 0; margin-left: 0; } @media (max-width: 767px) { .prd-grid.prd-grid--nopad { margin-right: 0; margin-left: 0; } } @media (min-width: 768px) { .prd-carousel:not(.slick-initialized) { visibility: hidden; overflow: hidden; height: 400px; max-height: 400px; transition: opacity .2s ease .5s; opacity: 0; } } .product-listing { -ms-flex-pack: start !important; justify-content: flex-start !important; } .prd { position: relative; width: 100%; min-height: 1px; margin-right: 15px; margin-left: 15px; } @media (max-width: 575px) { .prd { margin-right: 5px; margin-left: 5px; } } .prd:focus { outline: none; } .prd.prd-loading .foxic-loader, .prd img.lazyload+.foxic-loader, .prd img.lazyloading+.foxic-loader { display: block; opacity: 1 !important; } } .prd-grid .prd { max-width: calc(24.9% - 30px); -ms-flex: 0 0 calc(24.9% - 30px); flex: 0 0 calc(24.9% - 30px); } .prd-grid.slick-initialized .slick-slide .prd { width: calc(100% - 30px) !important; max-width: calc(100% - 30px) !important; } .prd-horgrid .prd { max-width: calc(33.32% - 30px); -ms-flex: 0 0 calc(33.32% - 30px); flex: 0 0 calc(33.32% - 30px); } @media (max-width: 1860px) { .prd-horgrid .prd { max-width: calc(33.32% - 30px); -ms-flex: 0 0 calc(33.32% - 30px); flex: 0 0 calc(33.32% - 30px); } } @media (max-width: 1199px) { .prd-horgrid .prd { max-width: calc(49.9% - 30px); -ms-flex: 0 0 calc(49.9% - 30px); flex: 0 0 calc(49.9% - 30px); } } .prd-grid.data-to-show-6 .prd { max-width: calc(16.65% - 30px); -ms-flex: 0 0 calc(16.65% - 30px); flex: 0 0 calc(16.65% - 30px); } .prd-grid.data-to-show-5 .prd { max-width: calc(19.9% - 30px); -ms-flex: 0 0 calc(19.9% - 30px); flex: 0 0 calc(19.9% - 30px); } .prd-grid.data-to-show-4 .prd { max-width: calc(24.9% - 30px); -ms-flex: 0 0 calc(24.9% - 30px); flex: 0 0 calc(24.9% - 30px); } .prd-grid.data-to-show-3 .prd { max-width: calc(33.32% - 30px); -ms-flex: 0 0 calc(33.32% - 30px); flex: 0 0 calc(33.32% - 30px); } .prd-grid.data-to-show-2 .prd { max-width: calc(49.9% - 30px); -ms-flex: 0 0 calc(49.9% - 30px); flex: 0 0 calc(49.9% - 30px); } .prd-grid.data-to-show-1 .prd { max-width: calc(100% - 30px); -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); } @media (max-width: 1199px) { .prd-grid.data-to-show-lg-6 .prd { max-width: calc(16.65% - 30px); -ms-flex: 0 0 calc(16.65% - 30px); flex: 0 0 calc(16.65% - 30px); } .prd-grid.data-to-show-lg-5 .prd { max-width: calc(19.9% - 30px); -ms-flex: 0 0 calc(19.9% - 30px); flex: 0 0 calc(19.9% - 30px); } .prd-grid.data-to-show-lg-4 .prd { max-width: calc(24.9% - 30px); -ms-flex: 0 0 calc(24.9% - 30px); flex: 0 0 calc(24.9% - 30px); } .prd-grid.data-to-show-lg-3 .prd { max-width: calc(33.32% - 30px); -ms-flex: 0 0 calc(33.32% - 30px); flex: 0 0 calc(33.32% - 30px); } .prd-grid.data-to-show-lg-2 .prd { max-width: calc(49.9% - 30px); -ms-flex: 0 0 calc(49.9% - 30px); flex: 0 0 calc(49.9% - 30px); } .prd-grid.data-to-show-lg-1 .prd { max-width: calc(100% - 30px); -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); } } @media (max-width: 991px) { .prd-grid.data-to-show-md-6 .prd { max-width: calc(16.65% - 30px); -ms-flex: 0 0 calc(16.65% - 30px); flex: 0 0 calc(16.65% - 30px); } .prd-grid.data-to-show-md-5 .prd { max-width: calc(19.9% - 30px); -ms-flex: 0 0 calc(19.9% - 30px); flex: 0 0 calc(19.9% - 30px); } .prd-grid.data-to-show-md-4 .prd { max-width: calc(24.9% - 30px); -ms-flex: 0 0 calc(24.9% - 30px); flex: 0 0 calc(24.9% - 30px); } .prd-grid.data-to-show-md-3 .prd { max-width: calc(33.32% - 30px); -ms-flex: 0 0 calc(33.32% - 30px); flex: 0 0 calc(33.32% - 30px); } .prd-grid.data-to-show-md-2 .prd { max-width: calc(49.9% - 30px); -ms-flex: 0 0 calc(49.9% - 30px); flex: 0 0 calc(49.9% - 30px); } .prd-grid.data-to-show-md-1 .prd { max-width: calc(100% - 30px); -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); } } @media (max-width: 767px) { .prd-grid { margin-right: -5px; margin-left: -5px; } .prd { margin-right: 5px; margin-left: 5px; } .prd-grid:not(.product-listing) { display: -ms-flexbox; display: flex; } .prd-grid.sm-limit-2>.prd:nth-child(2)~.prd { display: none; } .prd-grid.sm-limit-4>.prd:nth-child(4)~.prd { display: none; } .prd-grid.data-to-show-sm-6 .prd, .prd-grid.product-listing.data-to-show-sm-6 .prd { max-width: calc(16.65% - 10px); -ms-flex: 0 0 calc(16.65% - 10px); flex: 0 0 calc(16.65% - 10px); } .prd-grid.data-to-show-sm-5 .prd, .prd-grid.product-listing.data-to-show-sm-5 .prd { max-width: calc(19.9% - 10px); -ms-flex: 0 0 calc(19.9% - 10px); flex: 0 0 calc(19.9% - 10px); } .prd-grid.data-to-show-sm-4 .prd, .prd-grid.product-listing.data-to-show-sm-4 .prd { max-width: calc(24.9% - 10px); -ms-flex: 0 0 calc(24.9% - 10px); flex: 0 0 calc(24.9% - 10px); } .prd-grid.data-to-show-sm-3 .prd, .prd-grid.product-listing.data-to-show-sm-3 .prd { max-width: calc(33.32% - 10px); -ms-flex: 0 0 calc(33.32% - 10px); flex: 0 0 calc(33.32% - 10px); } .prd-grid.data-to-show-sm-2 .prd, .prd-grid.product-listing.data-to-show-sm-2 .prd { max-width: calc(49.9% - 10px); -ms-flex: 0 0 calc(49.9% - 10px); flex: 0 0 calc(49.9% - 10px); } .prd-grid.data-to-show-sm-1 .prd, .prd-grid.product-listing.data-to-show-sm-1 .prd { max-width: calc(100% - 10px); -ms-flex: 0 0 calc(100% - 10px); flex: 0 0 calc(100% - 10px); } } @media (max-width: 575px) { .prd-grid.data-to-show-xs-6 .prd, .prd-grid.product-listing.data-to-show-xs-6 .prd { max-width: calc(16.65% - 10px); -ms-flex: 0 0 calc(16.65% - 10px); flex: 0 0 calc(16.65% - 10px); } .prd-grid.data-to-show-xs-5 .prd, .prd-grid.product-listing.data-to-show-xs-5 .prd { max-width: calc(19.9% - 10px); -ms-flex: 0 0 calc(19.9% - 10px); flex: 0 0 calc(19.9% - 10px); } .prd-grid.data-to-show-xs-4 .prd, .prd-grid.product-listing.data-to-show-xs-4 .prd { max-width: calc(24.9% - 10px); -ms-flex: 0 0 calc(24.9% - 10px); flex: 0 0 calc(24.9% - 10px); } .prd-grid.data-to-show-xs-3 .prd, .prd-grid.product-listing.data-to-show-xs-3 .prd { max-width: calc(33.32% - 10px); -ms-flex: 0 0 calc(33.32% - 10px); flex: 0 0 calc(33.32% - 10px); } .prd-grid.data-to-show-xs-2 .prd, .prd-grid.product-listing.data-to-show-xs-2 .prd { max-width: calc(49.9% - 10px); -ms-flex: 0 0 calc(49.9% - 10px); flex: 0 0 calc(49.9% - 10px); } .prd-grid.data-to-show-xs-1 .prd, .prd-grid.product-listing.data-to-show-xs-1 .prd { max-width: calc(100% - 10px); -ms-flex: 0 0 calc(100% - 10px); flex: 0 0 calc(100% - 10px); } } .prd-grid .slick-arrow { z-index: 2 !important; } @media (min-width: 1200px) { .slick-arrows-aside-simple .slick-prev { left: -50px; } .slick-arrows-aside-simple .slick-next { right: -50px; } } @media (min-width: 992px) { .prd-grid .slick-arrow, .prd-grid .slick-arrow.slick-disabled { opacity: 0; } .prd-grid:hover .slick-arrow:not(.slick-disabled) { opacity: 1; } .prd-grid:hover .slick-arrow.slick-disabled { opacity: .3; } } .prd-grid:not([class*='arrows-']) .slick-arrow { top: -25px; right: 0; left: auto; } .prd-grid:not([class*='arrows-']) .slick-prev { right: 25px; } @media (min-width: 768px) { .prd-carousel:not(.prd--nohover) .slick-list.slick-list--offset { z-index: 1; height: auto !important; margin: -5px -5px -200px; padding: 5px 5px 200px; } } .prd .prd-info { margin-top: 20px; } .prd .prd-action { display: -ms-flexbox; display: flex; transition: .2s; transform: translate3d(0, 0, 0); -ms-flex-align: center; align-items: center; } .prd .prd-action .btn { line-height: 15px; max-height: 43px; padding: 14px 22px; } .prd .prd-action .btn, .prd .prd-action .btn:active, .prd .prd-action .btn:active:focus, .prd .prd-action .btn:visited, .prd .prd-action .btn:focus { color: #fff; background-color: #5ce1e9; } .prd .prd-action .btn:hover, .prd .prd-action .btn:active:hover, .prd .prd-action .btn:focus:hover { color: #fff; background-color: #282828; } .prd-action-right { display: -ms-flexbox; display: flex; text-align: right; -ms-flex: 1; flex: 1; -ms-flex-pack: end; justify-content: flex-end; } .prd-info { display: -ms-flexbox; display: flex; flex-direction: column; -ms-flex-direction: column; } .prd-price { font-size: 16px; line-height: 1.2em; display: -ms-flexbox; display: flex; margin-top: 10px; transition: .2s; transform: translate3d(0, 0, 0); margin-bottom: 10px; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: baseline; align-items: baseline; } .prd-price>* { display: block; white-space: nowrap; } .prd-price .price-new { font-family: system-ui; font-weight: 600; color: #282828; } .prd-price .price-old { font-family: system-ui; font-size: 13px; font-weight: 300; line-height: 18px; padding-right: 10px; text-decoration: line-through; color: #282828; } .profibox .pro_maiso { margin-bottom: 20px; border: none; } @media (min-width: 992px) { .prd:not(.prd--action-off) .prd-price { height: 43px; } } .prd .countdown-box { position: absolute; width: 100%; transition: all .2s; -webkit-transform: translateZ(0) scale(1, 1); opacity: 1; -webkit-backface-visibility: hidden; } .prd [class*='circle-label-'], .prd-promo [class*='circle-label-'] { display: -ms-flexbox; display: flex; flex-direction: row-reverse; width: 33px; cursor: pointer; text-align: right; white-space: nowrap; border-radius: 17px; background-color: #f7f7f8; -ms-flex-align: center; align-items: center; -ms-flex-direction: row-reverse; } .prd [class*='circle-label-'] [class*='icon'], .prd-promo [class*='circle-label-'] [class*='icon'] { font-size: 19px; display: -ms-flexbox; display: flex; min-width: 33px; height: 33px; transition: .2s; color: #272727; border-radius: 50%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .prd [class*='circle-label-'] .icon-heart-stroke, .prd-promo [class*='circle-label-'] .icon-heart-stroke { font-size: 18px; padding-top: 1px; } .prd [class*='circle-label-'] span, .prd-promo [class*='circle-label-'] span { font-size: 12px; font-weight: bold; line-height: 33px; overflow: hidden; max-width: 0; padding: 0; transition: 0s; text-transform: uppercase; pointer-events: none; opacity: 0; color: #272727; } .prd [class*='circle-label-']:hover, .prd-promo [class*='circle-label-']:hover { text-decoration: none; } @media not all and (hover: none) { .prd [class*='circle-label-']:hover, .prd-promo [class*='circle-label-']:hover { width: auto; background-color: #f7f7f8; } .prd [class*='circle-label-']:hover [class*='icon'], .prd-promo [class*='circle-label-']:hover [class*='icon'] { transform: scaleX(-1); color: #272727; } .prd [class*='circle-label-']:hover span, .prd-promo [class*='circle-label-']:hover span { max-width: 200px; padding: 0 10px 0 14px; transition: .5s; opacity: 1; } } .prd [class*='circle-label-'].active, .prd-promo [class*='circle-label-'].active { background-color: #f7f7f8; } .prd [class*='circle-label-'].active [class*='icon'], .prd-promo [class*='circle-label-'].active [class*='icon'] { color: #272727; } .prd [class*='circle-label-']+[class*='circle-label-'], .prd-promo [class*='circle-label-']+[class*='circle-label-'] { margin-top: 12px; } .prd [class*='circle-label-']+.colorswatch-label, .prd-promo [class*='circle-label-']+.colorswatch-label { margin-top: 12px; } .prd-big-circle-labels { transition: .2s ease .1s; } .prd-big-circle-labels [class*='label-'] { position: absolute; z-index: 100; left: 10px; display: -ms-flexbox; display: flex; flex-direction: column; width: 100px; height: 100px; padding: 5px; transition: .2s; text-align: center; border-radius: 50%; -ms-flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prd-big-circle-labels .label-new { font-size: 16px; font-weight: 700; line-height: 26px; bottom: 50px; padding: 10px 5px; color: #fff; background-color: #33c7fd; -ms-flex-pack: start; justify-content: flex-start; } .prd-big-circle-labels .label-new:only-child { bottom: 15px; -ms-flex-pack: center; justify-content: center; } .prd-big-circle-labels .label-sale { font-size: 16px; font-weight: 700; line-height: 26px; bottom: 15px; color: #fff; background-color: #fb317d; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .prd-big-circle-labels .label-outstock { font-size: 16px; font-weight: 700; line-height: 26px; bottom: 15px; color: #fff; background-color: #4f4f4f; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 992px) { .prd-labels-shadow [class*='label-'], .prd-labels-shadow [class*='circle-label-'] { box-shadow: 0 4px 4px rgba(0, 0, 0, .05); } .prd-labels-shadow .colorswatch-label { box-shadow: 0 4px 4px rgba(0, 0, 0, .05); } } .prd-outstock .color-swatch, .prd-outstock .colorswatch-label, .prd-outstock .prd-big-circle-labels .label-sale { display: none !important; } .prd-tag { font-size: 13px; font-weight: 400; line-height: 15px; transition: .2s; text-decoration: none; } .prd-tag:not(:first-child) { margin-top: 10px; } .prd-tag, .prd-tag a { color: #9e9e9e; } .prd-tag a:hover { text-decoration: none; } .prd-tag+.prd-rating { line-height: 19px; } .prd-rating+.prd-tag { margin-top: 5px; } .prd-info-top+.prd-tag { margin-top: 5px; } .prd-title { font-size: 15px; font-weight: 500; line-height: 20px; margin-bottom: 0; transition: .2s; } .prd-title:not(:first-child) { margin-top: 6px; } .prd-title, .prd-title a { color: #282828; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .prd-title a:hover { text-decoration: none; color: #5ce1e9; } .prd-hovers:not(:first-child) { margin-top: 10px; } @media (min-width: 992px) { .prd:not(.prd--action-off) .prd-hovers { overflow: hidden; height: 43px; } } @media (min-width: 992px) { .prd.hovered { z-index: 3; } .prd-grid .prd:not(.prd-hor):not(.prd-hor-simple):not(.prd--action-off).hovered .prd-inside, [class*='prd-carousel'] .prd:not(.prd-hor):not(.prd-hor-simple):not(.prd--action-off).hovered .prd-inside { /*position: absolute; z-index: 140; top: 0; left: 10px; display: block; width: calc(100% - 20px);*/ } .prd.hovered .prd-inside { overflow: visible; } .prd.hovered:not(.prd--action-off) .prd-price, .prd.hovered:not(.prd--action-off) .prd-action { /*transform: translateY(-43px);*/ } .prd.hovered .countdown-box { transform: scale(.5); pointer-events: none; opacity: 0; } .prd.hovered .prd-quickview { pointer-events: all; opacity: 1; } .prd.hovered .prd-circle-labels { transform: translate3d(0, 0, 0); pointer-events: all; opacity: 1; } .prd.hovered .prd-big-circle-labels .label-new { bottom: 15px; } .prd.hovered .color-swatch { transform: translate3d(0, 0, 0); pointer-events: all; opacity: 1; } .prd.hovered .prd-circle-labels { display: -ms-flexbox; display: flex; } } .prd-promo-carousel { margin-right: -15px; margin-left: -15px; transition: opacity .5s; } .prd-promo-carousel .slick-list { width: 100%; } .prd-promo-carousel .slick-dots { position: relative; bottom: auto; margin-top: 16px; margin-bottom: -8px; } .prd-promo-carousel .prd-promo { max-width: none; padding: 0 15px; } .prd-promo-carousel:not(.slick-initialized) { height: 600px; opacity: 0; } .prd-promo-carousel.slick-initialized { opacity: 1; } .prd-promo .prd-inside { position: relative; } .prd-promo .prd-hover { overflow: hidden; margin-top: 10px; } @media (min-width: 992px) { .prd-promo .prd-hover { height: 56px; } } @media (max-width: 991px) { .prd-promo .prd-hover { height: 28px; } } .prd-promo .prd-action { transform: translate3d(0, 0, 0); } @media (min-width: 992px) { .prd-promo .prd-action { margin-top: 18px; transition: .2s; } } .prd-promo .prd-rating { font-size: 14px; margin-top: 10px; } .prd-promo .prd-rating [class*='icon'] { font-size: 18px; } .prd-promo .prd-title { font-size: 18px; line-height: 24px; } .prd-promo .prd-title:not(:first-child) { margin-top: 30px; } @media (max-width: 991px) { .prd-promo .prd-title:not(:first-child) { margin-top: 15px; } } .prd-promo .prd-title, .prd-promo .prd-title a { color: #282828; } .prd-promo .prd-title a:hover { color: #5ce1e9; } .prd-promo .prd-price { display: -ms-flexbox; display: flex; transition: .2s; transform: translate3d(0, 0, 0); -ms-flex-align: center; align-items: center; } .prd-promo .prd-price .price-new { font-size: 21px; line-height: 43px; } .prd-promo .prd-price .price-old { padding: 13px; padding: 0 10px; -ms-flex-order: -1; order: -1; } @media (min-width: 992px) { .prd-promo .prd-price { margin-bottom: 10px; } } .prd-promo .prd-labels { top: 10px; left: 5px; } @media (min-width: 992px) { .prd-promo:hover .countdown-box { transform: scale(.5); pointer-events: none; opacity: 0; } } @media (min-width: 992px) { .prd-promo.prd-promo--lg .prd-inside { text-align: center; } .prd-promo.prd-promo--lg .prd-title { font-size: 20px; max-width: none; } .prd-promo.prd-promo--lg .prd-rating { font-size: 14px; min-height: 20px; margin-top: 7px; } .prd-promo.prd-promo--lg .prd-price { margin-bottom: 0; } .prd-promo.prd-promo--lg .prd-price .price-new { font-size: 20px; line-height: 34px; } .prd-promo.prd-promo--lg .prd-price .price-old { font-size: 14px; } .prd-promo.prd-promo--lg .prd-big-circle-labels .label-sale { top: 50px; } .prd-promo.prd-promo--lg .prd-big-circle-labels .label-sale:only-child { top: 15px; } .prd-promo.prd-promo--lg .prd-big-circle-labels .label-new { top: 15px; } .prd-promo.prd-promo--lg .prd-info { padding-top: 20px; -ms-flex-align: center; align-items: center; } .prd-promo.prd-promo--lg .prd-hover { height: auto; margin-top: 5px; } } @media (max-width: 991px) { .prd-promo.prd-promo--lg .prd-rating { min-height: 23px; margin-top: 4px; } .prd-promo.prd-promo--lg .prd-hover { margin-top: 2px; } .prd-promo.prd-promo--lg .prd-price .price-new { font-size: 18px; line-height: 28px; } .prd-promo.prd-promo--lg .prd-price .price-old { font-size: 14px; } .prd-promo.prd-promo--lg .prd-info { padding-top: 12px; -ms-flex-align: center; align-items: center; } } .prd-horgrid .prd, .prd-hor, .prd-hor-simple { margin-bottom: 30px; } .prd-horgrid .prd .prd-info, .prd-hor .prd-info, .prd-hor-simple .prd-info { display: -ms-flexbox; display: flex; flex-direction: column; min-width: 50%; margin-top: 0; -ms-flex-direction: column; } .prd-horgrid .prd .prd-price, .prd-hor .prd-price, .prd-hor-simple .prd-price { height: auto !important; margin-top: 20px; } .prd-horgrid .prd .prd-action, .prd-hor .prd-action, .prd-hor-simple .prd-action { margin-top: 20px; } .prd-horgrid .prd .prd-action-right, .prd-hor .prd-action-right, .prd-hor-simple .prd-action-right { display: none; } .prd-horgrid .prd .color-swatch, .prd-hor .color-swatch, .prd-hor-simple .color-swatch { max-height: 100%; } .prd-horgrid .prd .prd-hovers, .prd-hor .prd-hovers, .prd-hor-simple .prd-hovers { height: auto !important; margin-top: 0; } .prd-horgrid .prd.hovered .prd-labels, .prd-hor.hovered .prd-labels, .prd-hor-simple.hovered .prd-labels { display: none; } .prd-horgrid .prd.hovered .prd-action, .prd-horgrid .prd.hovered .prd-price, .prd-hor.hovered .prd-action, .prd-hor.hovered .prd-price, .prd-hor-simple.hovered .prd-action, .prd-hor-simple.hovered .prd-price { transform: translate3d(0, 0, 0); } @media (min-width: 992px) { .prd-horgrid .prd.hovered:not(.prd--action-off) .prd-price, .prd-horgrid .prd.hovered:not(.prd--action-off) .prd-action, .prd-hor.hovered:not(.prd--action-off) .prd-price, .prd-hor.hovered:not(.prd--action-off) .prd-action, .prd-hor-simple.hovered:not(.prd--action-off) .prd-price, .prd-hor-simple.hovered:not(.prd--action-off) .prd-action { transform: translate3d(0, 0, 0); } } .prd-hor-simple { margin-bottom: 0; } .prd-hor-simple .prd-price { margin-top: 6px; margin-right: -5px; margin-left: -5px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prd-hor-simple .prd-price .price-old, .prd-hor-simple .prd-price .price-new { padding: 0 5px; } .prd-hor-simple .prd-title { margin-top: 2px; } .prd-hor-simple .prd-tag { margin-top: 7px; } .prd-rating { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .prd-rating [class*='icon'] { font-size: 16px; line-height: 1em; margin-right: 2px; color: #b4b4b4; } .prd-rating [class*='icon']:last-child { margin-right: 0; } .prd-rating [class*='icon'].fill { color: #ffd400; } .prd-price .prd-rating { min-width: 100%; -ms-flex-pack: center; justify-content: center; } .prd-info.text-center .prd-rating, .prd-info.text-center .prd-price { -ms-flex-pack: center; justify-content: center; } .prd-grid.listing-view { margin: 0; } .prd-grid.listing-view .prd { width: 100% !important; max-width: 100% !important; height: auto !important; margin: 40px 0 0 2px; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; } @media (max-width: 991px) { .prd-grid.listing-view .prd .prd-title { margin-top: 0; } } .prd-grid.listing-view .prd .prd-tag { margin-top: 0; } .prd-grid.listing-view .prd .prd-info { float: left; width: 65%; padding: 10px 28px 10px 5px; } .prd-carousel-vert { margin-top: -20px; } .prd-carousel-vert .prd { margin-top: 20px; margin-bottom: 0; } .prd-carousel-vert .prd.slick-slide { margin-right: 0; margin-left: 0; } @media (max-width: 991px) { .prd-carousel-vert { margin: 0; } .prd-carousel-vert .prd { margin: 0; } } .prd-promo { max-width: 570px; margin-right: auto; margin-left: auto; } .prd-listview .prd { max-width: 1200px; height: auto !important; margin-right: auto; margin-left: auto; } .prd-listview .prd+.prd { margin-top: 80px; } @media (max-width: 767px) { .prd-listview .prd+.prd { margin-top: 60px; } } @media (max-width: 575px) { .prd-listview .prd+.prd { margin-top: 50px; } } @media not all and (hover: none) { .prd-listview .prd [class*='circle-label-']:hover { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } .prd-listview .prd .prd-info-wrap { padding-left: 30px; } @media (min-width: 768px) { .prd-listview .prd .prd-info-wrap { -ms-flex: 1; flex: 1; } } @media (max-width: 767px) { .prd-listview .prd .prd-info-wrap { padding-left: 15px; } } .prd-listview .prd .color-swatch, .prd-listview .prd .prd-circle-labels { transform: translate3d(0, 0, 0); } .prd-listview .prd .prd-info { margin-top: 0; } @media (min-width: 768px) { .prd-listview .prd .prd-info { display: -ms-flexbox; display: flex; flex-direction: row; -ms-flex: 1; flex: 1; -ms-flex-direction: row; -ms-flex-align: center; align-items: center; } } .prd-listview .prd .prd-info .prd-circle-labels { position: relative; right: 0; left: 0; display: -ms-flexbox !important; display: flex !important; flex-direction: row; margin-right: -7px; margin-left: -7px; pointer-events: all; opacity: 1; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-direction: row; } .prd-listview .prd .prd-info .prd-circle-labels>* { margin-right: 7px; margin-left: 7px; } .prd-listview .prd .prd-info .prd-circle-labels>*+* { margin-top: 10px; } @media (max-width: 991px) { .prd-listview .prd .prd-info .prd-circle-labels { margin-top: 10px; } } @media (max-width: 767px) { .prd-listview .prd .prd-info .prd-circle-labels { flex-direction: row; margin-left: auto; -ms-flex-direction: row; -ms-flex-align: start; align-items: flex-start; } .prd-listview .prd .prd-info .prd-circle-labels>*+* { margin-top: 0; } } .prd-listview .prd .prd-info .prd-circle-labels [class*='circle-label-'] span { display: none; } .prd-listview .prd .prd-info [class*='circle-label-'] { transition: .2s; } .prd-listview .prd .prd-action { margin-top: 30px; } @media (max-width: 767px) { .prd-listview .prd .prd-action { margin-top: 15px; } } @media (max-width: 575px) { .prd-listview .prd .prd-action .btn { width: 100%; } } .prd-listview .prd .prd-action-right { display: none; } .prd-listview .prd .prd-action-left { width: auto !important; } .prd-listview .prd .prd-hovers .prd-action { display: none; } @media (max-width: 575px) { .prd-listview .prd .prd-action-left { width: 100%; } } .prd-listview .prd .prd-hovers { display: -ms-flexbox; display: flex; overflow: visible; flex-direction: column; min-width: 200px; height: auto; padding-left: 50px; -ms-flex-direction: column; } @media (max-width: 767px) { .prd-listview .prd .prd-hovers { flex-direction: row-reverse; margin-top: 0; padding-left: 15px; -ms-flex-direction: row-reverse; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; } } @media (min-width: 768px) { .prd-listview .prd .prd-hovers .prd-circle-labels { -ms-flex-order: 10; order: 10; } } .prd-listview .prd .prd-hovers:not(:first-child) { margin-top: 0; } .prd-listview .prd .prd-price { font-size: 20px; height: auto; } @media (min-width: 768px) { .prd-listview .prd .prd-price { flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-direction: column; -ms-flex-align: end; align-items: flex-end; } .prd-listview .prd .prd-price .prd-rating { display: none; -ms-flex-pack: end; justify-content: flex-end; } .prd-listview .prd .prd-price .price-old { padding: 0; } } @media (max-width: 767px) { .prd-listview .prd .prd-price { font-size: 18px; margin-top: 10px; } } .prd-listview .prd .color-swatch { position: relative; z-index: 1; bottom: auto; display: -ms-flexbox; display: flex; flex-direction: row; width: 100%; margin-top: 5px; opacity: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; -ms-flex-pack: center; justify-content: center; } .prd-listview .prd .color-swatch li { max-width: none; pointer-events: all; } .prd-listview .prd .prd-quickview { display: none; } .prd-listview .prd .prd-title { font-weight: 600; margin-top: 5px; } .prd-grid .prd-w-lg:not(.prd-hor) .prd-action .btn[class*='select-add-to-cart'] { padding: 14px 16px; } .prd-labels--max:not(.prd-w-xs):not(.prd-w-xxs) .countdown-circle { display: none; } .prd-labels--max:not(.prd-w-xs):not(.prd-w-xxs) .prd-big-circle-labels .label-new, .prd-labels--max:not(.prd-w-xs):not(.prd-w-xxs) .prd-big-circle-labels .label-sale, .prd-labels--max:not(.prd-w-xs):not(.prd-w-xxs) .prd-big-circle-labels .label-outstock { font-size: 15px; line-height: 16px; width: 65px; height: 65px; } .prd-labels--max:not(.prd-w-xs):not(.prd-w-xxs) .prd-big-circle-labels .label-new { bottom: 45px; } .prd-labels--max:not(.prd-w-xs):not(.prd-w-xxs) .prd-big-circle-labels .label-new:only-child { bottom: 15px; } .prd-labels--max:not(.prd-w-xs):not(.prd-w-xxs) .prd-big-circle-labels .label-outstock { bottom: 15px; } .prd-w-lg .countdown-circle { display: none; } .prd-w-lg .prd-big-circle-labels .label-new, .prd-w-lg .prd-big-circle-labels .label-sale, .prd-w-lg .prd-big-circle-labels .label-outstock { font-size: 15px; line-height: 16px; width: 65px; height: 65px; } .prd-w-lg .prd-big-circle-labels .label-new { bottom: 45px; } .prd-w-lg .prd-big-circle-labels .label-new:only-child { bottom: 15px; } .prd-w-lg .prd-big-circle-labels .label-outstock { bottom: 15px; } .prd-grid .prd-w-md:not(.prd-hor) .prd-action .btn { padding: 14px 16px; } .prd-w-md .countdown-circle { display: none; } .prd-w-md .prd-big-circle-labels .label-new, .prd-w-md .prd-big-circle-labels .label-sale, .prd-w-md .prd-big-circle-labels .label-outstock { font-size: 15px; line-height: 16px; width: 65px; height: 65px; } .prd-w-md .prd-big-circle-labels .label-new { bottom: 45px; } .prd-w-md .prd-big-circle-labels .label-new:only-child { bottom: 15px; } .prd-w-md .prd-big-circle-labels .label-outstock { bottom: 15px; } .prd-w-md [class*='circle-label-']+[class*='circle-label-'] { margin-top: 8px; } .prd-w-md [class*='circle-label-']+.colorswatch-label { margin-top: 8px; } .prd-grid .prd-w-sm:not(.prd-hor) .prd-action .btn { width: 100%; padding: 14px 16px; } .prd-w-sm .prd-action-left { width: 100%; } .prd-w-sm .prd-action-right { display: none; } .prd-w-sm .countdown-circle { display: none; } .prd-w-sm .prd-big-circle-labels .label-new, .prd-w-sm .prd-big-circle-labels .label-sale, .prd-w-sm .prd-big-circle-labels .label-outstock { font-size: 15px; line-height: 16px; width: 65px; height: 65px; } .prd-w-sm .prd-big-circle-labels .label-new { bottom: 45px; } .prd-w-sm .prd-big-circle-labels .label-new:only-child { bottom: 15px; } .prd-w-sm .prd-big-circle-labels .label-outstock { bottom: 15px; } .prd-w-sm [class*='circle-label-']+[class*='circle-label-'] { margin-top: 6px; } .prd-w-sm [class*='circle-label-']+.colorswatch-label { margin-top: 6px; } .prd-w-sm .prd-action-right { display: none; } .prd-grid .prd-w-xs:not(.prd-hor) .prd-action .btn, .prd-grid .prd-w-xxs:not(.prd-hor) .prd-action .btn { font-size: 13px; width: 100%; padding: 14px 16px; } .prd-grid .prd-w-xs:not(.prd-hor) .prd-info.prd-info--pad, .prd-grid .prd-w-xxs:not(.prd-hor) .prd-info.prd-info--pad { padding: 0 10px 15px; } .prd-w-xs .prd-action-left, .prd-w-xxs .prd-action-left { width: 100%; } .prd-w-xs .prd-action-right, .prd-w-xxs .prd-action-right { display: none; } .prd-w-xs .countdown-circle, .prd-w-xxs .countdown-circle { display: none; } .prd-w-xs [class*='circle-label-']+[class*='circle-label-'], .prd-w-xxs [class*='circle-label-']+[class*='circle-label-'] { margin-top: 5px; } .prd-w-xs [class*='circle-label-']+.colorswatch-label, .prd-w-xxs [class*='circle-label-']+.colorswatch-label { margin-top: 5px; } .prd-w-xs .prd-big-circle-labels .label-new, .prd-w-xs .prd-big-circle-labels .label-sale, .prd-w-xxs .prd-big-circle-labels .label-new, .prd-w-xxs .prd-big-circle-labels .label-sale { font-size: 10px; line-height: 12px; top: 5px; bottom: auto; width: 34px; height: 34px; } .prd-w-xs .prd-big-circle-labels .label-outstock, .prd-w-xxs .prd-big-circle-labels .label-outstock { font-size: 12px; font-weight: 600; line-height: 13px; bottom: 15px; width: 50px; height: 50px; } .prd-w-xs .prd-big-circle-labels .label-new+.label-sale, .prd-w-xxs .prd-big-circle-labels .label-new+.label-sale { top: 42px; } .prd-w-xs .sale-text, .prd-w-xxs .sale-text { display: none; } .prd-w-xs .prd-title, .prd-w-xxs .prd-title { line-height: 20px; z-index: 14; } /* mobile product*/ @media (max-width: 991px) { .prd-hide-mobile { display: none !important; } .prd-grid .prd:not(.prd-hor):not(.prd-hor-simple) .prd-info, [class*='prd-carousel'] .prd:not(.prd-hor):not(.prd-hor-simple) .prd-info { margin-top: 15px; } .prd-grid .prd:not(.prd-hor):not(.prd-hor-simple) .countdown-circle, [class*='prd-carousel'] .prd:not(.prd-hor):not(.prd-hor-simple) .countdown-circle { display: none; } .prd-grid .prd:not(.prd-hor):not(.prd-hor-simple) .prd-action, [class*='prd-carousel'] .prd:not(.prd-hor):not(.prd-hor-simple) .prd-action { margin-top: 10px; } .prd-grid .prd:not(.prd-hor):not(.prd-hor-simple) .prd-circle-labels, [class*='prd-carousel'] .prd:not(.prd-hor):not(.prd-hor-simple) .prd-circle-labels, .prd-promo .prd-circle-labels { pointer-events: all; opacity: 1; } .prd-grid .prd:not(.prd-hor):not(.prd-hor-simple) .circle-label-compare, .prd-grid .prd:not(.prd-hor):not(.prd-hor-simple) .circle-label-qview, [class*='prd-carousel'] .prd:not(.prd-hor):not(.prd-hor-simple) .circle-label-compare, [class*='prd-carousel'] .prd:not(.prd-hor):not(.prd-hor-simple) .circle-label-qview, .prd-promo .circle-label-compare, .prd-promo .circle-label-qview { position: absolute; z-index: 1; top: 5px; right: 5px; display: -ms-flexbox; display: flex; } .prd-grid .prd:not(.prd-hor):not(.prd-hor-simple) .circle-label-compare+.circle-label-qview, [class*='prd-carousel'] .prd:not(.prd-hor):not(.prd-hor-simple) .circle-label-compare+.circle-label-qview, .prd-promo .circle-label-compare+.circle-label-qview { top: 42px; } .prd:not(.prd-hor) .colorswatch-label [class^='icon-'] { display: none; } .prd:not(.prd-hor) .colorswatch-label ul { display: -ms-flexbox; display: flex; margin: 10px -8px 0; padding: 0; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } .prd:not(.prd-hor) .colorswatch-label ul a { display: block; cursor: pointer; } .prd:not(.prd-hor) .colorswatch-label ul img { width: 18px; height: 18px; margin: 4px 8px; border-radius: 50%; } .prd:not(.prd-hor) .color-swatch { position: relative; z-index: 1; display: -ms-flexbox; display: flex; margin: 10px -3px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } } body.equal-height .product-main-carousel:not(.slick-initialized)>div>span, body.equal-height .product-main-carousel .slick-slide>span { display: block; overflow: hidden; height: 0; padding-bottom: 128.48%; } body.equal-height .product-main-carousel:not(.slick-initialized)>div>span img, body.equal-height .product-main-carousel .slick-slide>span img { position: absolute !important; top: 0; right: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: contain !important; } .prd--action-off { height: auto !important; } .prd--action-off .prd-rating:not(:first-child) { margin-top: 5px; } .prd-horgrid .prd .prd-hovers .prd-rating, .prd-horgrid .prd .prd-hovers .prd-tag, .prd-hor.prd--action-off .prd-hovers .prd-rating, .prd-hor.prd--action-off .prd-hovers .prd-tag { display: none; } .prd-listview .prd--action-off .prd-hovers .prd-rating, .prd-listview .prd--action-off .prd-hovers .prd-tag { display: none; } .off-animation .prd .color-swatch { transition: none !important; } .prd:not([class*='prd-w']), .prd-hor:not([class*='prd-w']), .prd-promo:not([class*='prd-w']) { opacity: 0; } .prd-carousel.js-prd-carousel-single .prd { margin-right: 0; margin-left: 0; } .prd-grid .prd--style2:not(.prd-hor) .prd-title { text-align: center; padding: 0px 10px; } .prd-grid .prd--style2:not(.prd-hor) .prd-price { -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prd-grid .prd--style2:not(.prd-hor) .prd-info { margin-top: 15px; } .prd-grid .prd--style2:not(.prd-hor) .prd-action .btn { margin-right: auto; margin-left: auto; } .prd-grid .prd--style2:not(.prd-hor) .prd-action-left:only-child { margin-right: auto; margin-left: auto; } .prd-grid .prd--style2:not(.prd-hor) .prd-tag { text-align: center; } .prd-grid .prd--style2:not(.prd-hor).prd-w-sm .prd-action-left, .prd-grid .prd--style2:not(.prd-hor).prd-w-xs .prd-action-left, .prd-grid .prd--style2:not(.prd-hor).prd-w-xxs .prd-action-left { margin-right: auto; margin-left: auto; text-align: center; } .prd-info.prd-info--pad { padding: 0 20px 20px; } .prd-lookbook { text-align: center; } .prd-lookbook .prd-info { margin-top: 10px; } .prd-lookbook .prd-info>*+* { margin-top: 10px; } @media (max-width: 575px) { .prd-lookbook .prd-info>*+* { margin-top: 6px; } } .prd-lookbook .prd-price { -ms-flex-pack: center; justify-content: center; } .circle-label-wishlist--off { display: none !important; } .prd--in-wishlist .circle-label-wishlist--add { display: none !important; } .prd--in-wishlist .circle-label-wishlist--off { display: -ms-flexbox !important; display: flex !important; } @media (min-width: 992px) { .product-listing:not(.prd-listview) .prd.prd--in-wishlist .prd-circle-labels { transition: 0s; opacity: 1 !important; } .product-listing:not(.prd-listview) .prd.prd--in-wishlist .circle-label-qview, .product-listing:not(.prd-listview) .prd.prd--in-wishlist .colorswatch-label { transition: .2s; transform: translate3d(40px, 0, 0); opacity: 0; } .product-listing:not(.prd-listview) .prd--in-wishlist .circle-label-wishlist--off { transform: translate3d(-40px, 0, 0); } .product-listing:not(.prd-listview) .prd.prd--in-wishlist.hovered .prd-circle-labels .circle-label-wishlist--off { transform: translate3d(0, 0, 0); } .product-listing:not(.prd-listview) .prd.prd--in-wishlist.hovered .circle-label-qview, .product-listing:not(.prd-listview) .prd.prd--in-wishlist.hovered .colorswatch-label { transform: translate3d(0, 0, 0); opacity: 1; } } .btn-add-to-wishlist.btn-add-to-wishlist--off { display: none; } .prd--in-wishlist .btn-add-to-wishlist.btn-add-to-wishlist--off { display: -ms-flexbox; display: flex; } .prd--in-wishlist .btn-add-to-wishlist.btn-add-to-wishlist--add { display: none; } .prd-single-wrap { max-width: 475px; margin-right: auto; margin-left: auto; text-align: center; } .prd-single { display: inline-block; } .prd-single-img { position: relative; } .prd-single .foxic-loader { display: none; } .prd-single.prd-loading .foxic-loader { display: block; } .prd-single .colorswatch-label { position: absolute; z-index: 1; top: auto; right: 15px; bottom: auto; } .prd-single .colorswatch-label ul { margin: 0; padding: 0; list-style: none; } .prd-single .colorswatch-label li { margin-top: 36px; margin-bottom: 36px; } .prd-single .colorswatch-label li a { display: block; overflow: hidden; width: 36px; height: 36px; border-radius: 50%; } .prd-single .colorswatch-label li a img { width: 100%; } .prd-single .prd-info>* { margin-bottom: 0; } .prd-single .prd-price { font-size: 23px; font-weight: 600; line-height: 1.52em; -ms-flex-pack: center; justify-content: center; } @media (max-width: 575px) { .prd-single .prd-price { font-size: 20px; } } .prd-single .product-title { font-size: 23px; font-weight: 600; line-height: 1.52em; } @media (max-width: 575px) { .prd-single .product-title { font-size: 20px; } } .prd-single .prd-info { margin-top: 20px; } .prd-single .prd-info>*+* { margin-top: 20px; } .prd-custom-over { position: absolute; z-index: 1; top: auto; bottom: auto; left: 15px; max-width: 20% !important; } .prd-custom-over-item { text-align: center; } .prd-custom-over-item-icon { font-size: 40px; line-height: 1em; display: -ms-flexbox; display: flex; width: 60px; height: 60px; margin: 0 auto; color: #000; border: 1px solid #000; border-radius: 50%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 575px) { .prd-custom-over-item-icon { font-size: 25px; width: 40px; height: 40px; } } .prd-custom-over-item-icon svg { width: 40px; height: 40px; } .prd-custom-over-item-icon svg path:not([class*='cv']) { fill: currentcolor; } @media (max-width: 575px) { .prd-custom-over-item-icon svg { width: 25px; height: 25px; } } .prd-custom-over-item-text { font-size: 14px; font-weight: 500; line-height: 1.25em; margin-top: 7px; } @media (max-width: 575px) { .prd-custom-over-item-text { font-size: 12px; } } .prd-custom-over-item+.prd-custom-over-item { margin-top: 15px; } .prd.prd-hor-simple .prd-title { font-size: 16px; font-weight: 500; line-height: 20px; } .prd.prd-hor-simple .prd-price { margin-top: 10px; } .prd.prd-hor-simple .prd-price .price-new { font-weight: 400; } .prd.prd-hor-simple .prd-rating { margin-top: 5px; } .prd.prd-hor-simple .prd-info.prd-info--pad { padding: 20px; } .prd.prd-hor-simple .prd-circle-labels+.colorswatch-label { display: none; } @media (max-width: 991px) { .prd.prd-hor-simple .colorswatch-label [class^='icon-'] { display: none; } .prd.prd-hor-simple .prd-circle-labels+.colorswatch-label { position: absolute; z-index: 1; right: 0; bottom: 5px; left: 0; display: block; } .prd.prd-hor-simple .prd-circle-labels { position: absolute; z-index: 1; top: 5px; right: 5px; } .prd.prd-hor-simple .prd-circle-labels .colorswatch-label { display: none; } } .prd-hor--lg .prd-description { font-size: 16px; font-weight: 400; line-height: 26px; display: block; color: #282828; } @media (max-width: 991px) { .prd-hor--lg .prd-description { font-size: 15px; line-height: 23px; } } @media (max-width: 575px) { .prd-hor--lg .prd-description { font-size: 14px; line-height: 20px; } } .prd-hor--lg .prd-info .prd-card_countdown { display: none; } .prd-hor--lg.prd--style2:not(.prd-hor) .prd-description { text-align: center; } .prd-hor.prd-hor--lg .prd-title { font-size: 20px; font-weight: 600; line-height: 1.35em; } .prd-hor.prd-hor--lg .prd-price { font-size: 20px; margin-top: 10px !important; } .prd-hor.prd-hor--lg .prd-price .price-old { font-size: 16px; } .prd-hor.prd-hor--lg.prd-has-countdown .prd-action { display: none !important; opacity: 0; } .prd-hor.prd-hor--lg .prd-card_countdown { margin-top: 20px; margin-left: -3px; } .prd-hor.prd-hor--lg .prd-card_countdown, .prd-hor.prd-hor--lg .prd-action { height: 55px; } .prd-hor.prd-hor--lg .prd-inside { background-color: #fff; } .prd-hor.prd-hor--lg .prd-info { min-width: calc(55% - 15px); max-width: calc(55% - 15px); } .prd-hor.prd-hor--lg .prd-info .prd-card_countdown { display: block; } .prd-hor.prd-hor--lg .prd-card_countdown .countdown { -ms-flex-pack: inherit; justify-content: inherit; } .prd-hor.prd-hor--lg .prd-card_countdown .countdown>span { min-width: 55px; padding: 7px 10px; } .prd-hor.prd-hor--lg.hovered .prd-card_countdown { display: none; } .prd-hor.prd-hor--lg.hovered .prd-action { display: -ms-flexbox !important; display: flex !important; opacity: 1; } @media (min-width: 576px) { .prd-carousel--single-sm { max-width: 277px; margin: 0 auto; } } .prd-carousel--single-sm.prd-grid:not([class*='arrows-']) .slick-prev.slick-arrow { top: auto; right: auto; bottom: -15px; left: calc(50% - 27px); opacity: 1; } .prd-carousel--single-sm.prd-grid:not([class*='arrows-']) .slick-next.slick-arrow { top: auto; right: auto; bottom: -15px; left: 50%; opacity: 1; } .prd-carousel--single-sm.prd-grid:not([class*='arrows-']) .slick-arrow.slick-disabled { opacity: .5; } .prd-carousel--single-sm .prd-tag { display: none; } /* 8.2. Product Page */ .container-prd-block { max-width: 1400px; margin-right: auto; margin-left: auto; } .prd-block_main-image-holder { position: relative; } .prd-block_main-image-holder .zoomContainer { top: 0 !important; left: 50% !important; transform: translateX(-50%); } body:not(.equal-height) .prd-block_main-image-holder .image-container img { object-fit: cover; } .prd-block_main-image { position: relative; max-width: 100%; height: 100%; } .prd-block_main-image img { position: relative; z-index: 1; left: 0; width: 100%; opacity: 1; } @media (min-width: 1025px) { .fixed-col:first-child { margin-top: 0; } body.has-sticky:not(.touch) .fixed-col.is-fixed:first-child .fixed-scroll { padding-top: 87px; } } .prd-block_main-image .unvisible { z-index: -1; pointer-events: none; opacity: 0; } .prd-block_reviews { font-size: 14px; line-height: 1em; display: -ms-inline-flexbox; display: inline-flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-right: -1px; margin-left: -1px; cursor: pointer; -ms-flex-align: center; align-items: center; } .prd-block_reviews [class*='icon'] { font-size: 20px; margin: 0 1px; color: #b4b4b4; } .prd-block_reviews [class*='icon'].fill { color: #ffd400; } .prd-block_reviews .reviews-link { margin: 0 6px; } .prd-block_reviews+* { margin-top: 10px; } .prd-block_reviews a { text-decoration: underline; } .prd-block_wishlist { position: absolute; top: -34px; right: 0; } .prd-block_wishlist-link { font-size: 25px; display: -ms-flexbox; display: flex; color: #282828; -ms-flex-align: center; align-items: center; } .prd-block_wishlist-link:hover, .prd-block_wishlist-link.active { text-decoration: none; color: #fb317d; } .prd-block_wishlist-link span { font-size: 18px; font-weight: 600; padding-left: 5px; } @media (max-width: 767px) { .prd-block_wishlist-link span { font-size: 16px; } } .prd-block_main-image-links { font-size: 24px; position: absolute; z-index: 151; right: 0; bottom: 0; padding: 0 10px 10px 0; pointer-events: none; } .prd-block_main-image-links>a[class*='-link'] { line-height: 37px; position: relative; display: inline-block; width: 33px; height: 33px; text-align: center; vertical-align: top; text-decoration: none; pointer-events: auto; color: #000; border-radius: 4px; background-color: rgba(255, 255, 255, .7); } .prd-block_main-image-links>a[class*='-link']+a { margin-left: 3px; } .prd-block_main-image-links>a[class*='-link']+a:before { position: absolute; left: -7px; width: 7px; height: 100%; content: ''; } body:not(.touch) .prd-block_main-image-links { transition: opacity .2s; opacity: 0; } body:not(.touch) .product-main-carousel .slick-arrow { transition: opacity .2s; opacity: 0; } body:not(.touch) .prd-block_main-image:hover .prd-block_main-image-links { opacity: 1; } body:not(.touch) .prd-block_main-image:hover .slick-arrow { opacity: 1; } body:not(.touch) .prd-block_main-image:hover .slick-arrow.slick-disabled { opacity: .3; } .prd-block_main-image .slick-next, .prd-block_main-image .slick-prev { position: absolute; z-index: 151; top: 50%; right: auto; left: 10px; display: block !important; width: 50px; height: 50px; margin-top: 0; transition: .2s; text-align: center; opacity: 0; border-radius: 5px; background: rgba(232, 232, 232, .3); } .prd-block_main-image .slick-next:hover:not(.slick-disabled), .prd-block_main-image .slick-prev:hover:not(.slick-disabled) { background: #e8e8e8; } .prd-block_main-image .slick-next.slick-disabled, .prd-block_main-image .slick-prev.slick-disabled { pointer-events: all; } .prd-block_main-image .slick-prev:not(.slick-disabled):hover:before, .prd-block_main-image .slick-next:not(.slick-disabled):hover:before { color: #282828; } .prd-block_main-image .slick-next { right: 10px; left: auto; } .prd-block_main-image .slick-prev:before { left: -1px; } .prd-block_main-image .slick-next:before { right: -1px; } .prd-block_main-image .slick-prev:before, .prd-block_main-image .slick-next:before { font-size: 32px; line-height: 47px; position: relative; color: #282828; } body:not(.touch) .prd-block_main-image:hover .slick-next, body:not(.touch) .prd-block_main-image:hover .slick-prev { z-index: 155; } body.touch .prd-block_main-image .slick-next, body.touch .prd-block_main-image .slick-prev { z-index: 155; opacity: 1; background: rgba(232, 232, 232, .7); } body.touch .prd-block_main-image .slick-next:before, body.touch .prd-block_main-image .slick-prev:before { color: #282828; } body.touch .prd-block_main-image .slick-disabled, body.touch .prd-block_main-image .slick-disabled { opacity: .3; } body.touch .prd-block_main-image .slick-next:not(.slick-disabled), body.touch .prd-block_main-image .slick-prev:not(.slick-disabled) { opacity: 1; } body.touch .prd-block_main-image .slick-next:not(.slick-disabled):hover:not(.slick-disabled), body.touch .prd-block_main-image .slick-prev:not(.slick-disabled):hover:not(.slick-disabled) { background: rgba(232, 232, 232, .7); } .zoomWindow { z-index: 149 !important; background-color: #fff; } .prd-block_main-image { -ms-flex: 1; flex: 1; } .prd-block--prv-bottom .product-previews-wrapper { padding: 10px 20px; } .prd-block--prv-bottom .product-previews-wrapper a { padding: 0 4px; } .prd-block--prv-bottom .product-previews-wrapper .slick-prev { left: -28px; } .prd-block--prv-bottom .product-previews-wrapper .slick-next { right: -28px; } .product-previews-wrapper { position: relative; } @media (max-width: 1024px) { .product-previews-wrapper { padding: 15px 20px; } .product-previews-wrapper a { padding: 0 4px; } .product-previews-wrapper .slick-prev { left: -28px; } .product-previews-wrapper .slick-next { right: -28px; } } @media (max-width: 575px) { .product-previews-wrapper { padding: 8px 20px; } } .product-previews-carousel:not(.slick-initialized) { visibility: hidden; max-height: 90px; transition: opacity .2s; opacity: 0; } @media (min-width: 576px) { .product-previews-carousel.slick-initialized:not(.slick-vertical) button+.slick-list { margin: 0 16px; } .product-previews-carousel img { width: 100%; transition: all .4s ease; } .product-previews-carousel .slick-slide, .product-previews-carousel .slick-slide:hover { text-decoration: none; } .product-previews-carousel .slick-prev, .product-previews-carousel .slick-next { width: 27px; height: 27px; opacity: 0; -webkit-backface-visibility: hidden; } .product-previews-carousel .slick-active.active { position: relative; } .product-previews-carousel:hover .slick-prev.slick-disabled, .product-previews-carousel:hover .slick-next.slick-disabled { opacity: .5; } .product-previews-carousel:hover .slick-prev:not(.slick-disabled), .product-previews-carousel:hover .slick-next:not(.slick-disabled) { opacity: 1; } } @supports (-webkit-overflow-scrolling: touch) { .product-previews-carousel .slick-prev.slick-disabled, .product-previews-carousel .slick-next.slick-disabled { opacity: .5; } .product-previews-carousel .slick-prev:not(.slick-disabled), .product-previews-carousel .slick-next:not(.slick-disabled) { opacity: 1; } } @media (max-width: 575px) { .product-previews-carousel { margin: 0; } .product-previews-carousel.slick-initialized:not(.slick-vertical) button+.slick-list { margin: 0; } .product-previews-carousel img { width: 100%; padding: 0; } } @media (max-width: 1024px) { .prd-block--prv-left .prd-block_main-image, .prd-block--prv-right .prd-block_main-image { width: 100%; } } @media (min-width: 992px) { .prd-block--prv-double.prd-block--prv-right .product-previews-carousel .slick-slide>*, .prd-block--prv-double.prd-block--prv-left .product-previews-carousel .slick-slide>* { padding: 0 10px; } } @media (min-width: 1200px) { .prd-block--prv-double.prd-block--prv-right .product-previews-carousel, .prd-block--prv-double.prd-block--prv-left .product-previews-carousel { width: calc(100% + 30px); margin-right: -15px; margin-left: -15px; } .prd-block--prv-double.prd-block--prv-right .product-previews-carousel .slick-slide>*, .prd-block--prv-double.prd-block--prv-left .product-previews-carousel .slick-slide>* { min-width: 50%; padding: 0 15px 9px; } } .prd-block--prv-double.prd-block--prv-bottom .product-previews-carousel .slick-slide>* { display: block; margin: 0 0 8px; padding: 0 4px; } .prd-block--prv-double.prd-block--prv-bottom .product-previews-carousel .slick-slide>*.active { pointer-events: none; } @media (max-width: 991px) { .prd-block--prv-double .product-previews-carousel .slick-slide>* { display: block; margin: 0 0 8px; padding: 0 4px; } } .product-previews-carousel.slick-initialized a { transition: all .3s ease; opacity: 1; } .product-previews-carousel.slick-initialized a.active, .product-previews-carousel.slick-initialized a:hover { opacity: .75; } .product-previews-carousel.slick-vertical .slick-list { padding: 0 !important; } @media (min-width: 992px) { .prd-block:not(.prd-block--prv-left):not(.prd-block--prv-right) .prd-block_prv-carousel:not(.slick-initialized) a { display: block; float: left; width: 25%; } } @media (max-width: 767px) { .prd-block.prd-block--mobile-image-first .prd-block_main-image { margin-bottom: 0; } } @media (max-width: 767px) { .prd-block:not(.prd-block--mobile-image-first) .js-prd-d-holder { display: none; } .prd-block.prd-block--mobile-image-first .js-prd-m-holder { display: none; } } @media (min-width: 768px) { .js-prd-m-holder { display: none; } } .prd-block_info { display: -ms-flexbox; display: flex; flex-direction: column; margin-top: 16px; -ms-flex-direction: column; } /*.prd-block_info>*:not([class*=' order-']) { -ms-flex-order: 100; order: 100; }*/ .prd-block_info+.prd-block_info { margin-top: 40px; } @media (max-width: 767px) { .prd-block_info+.prd-block_info { margin-top: 30px; } } @media (min-width: 768px) { .prd-block_info>.order-md-100 { -ms-flex-order: 100; order: 100; } } @media (min-width: 1800px) { body:not(.has-sm-container) .prd-block_info { padding-left: 40px; } body:not(.has-sm-container) .prd-block_info-under { padding-left: 55px; } body.has-sm-container .prd-block_info { padding-left: 25px; } body.has-sm-container .prd-block_info-under { padding-left: 40px; } } .prd-block_info_item { margin-top: 20px; } @media (min-width: 768px) { .prd-block_info_item.order-md-1, .prd-block_info_item:first-child { margin-top: 0; } } @media (min-width: 768px) { .js-prd-m-holder+.prd-block_info_item { margin-top: 0; } } .prd-block_price { display: -ms-flexbox; display: flex; margin-right: -10px; margin-left: -10px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .prd-block_price:not(:first-child) { margin-top: 10px; } .prd-block_price>* { padding: 0 10px; } @media (min-width: 768px) { .prd-block_price { -ms-flex: 2; /*flex: 2;*/ } .prd-block_price:not(:last-child):after { width: 20px; content: ''; } } .prd-block_price-old-wrap { display: -ms-flexbox; display: flex; -ms-flex-direction: column; -ms-flex-pack: center; justify-content: center; align-items: center; } @media (max-width: 1025px) { .prd-block_price-old-wrap { flex-direction: row; -ms-flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; } .prd-block_price-old-wrap>* { padding: 0 1px; } } .prd-block_price--actual, .prd-block_price--special { font-family: system-ui; font-size: 19px; font-weight: 600; line-height: 20px; letter-spacing: .5px; padding-right: 0px; color: #000; } @media (max-width: 991px) { .prd-block_price--actual, .prd-block_price--special { font-size: 35px; } } @media (max-width: 767px) { .prd-block_price--actual, .prd-block_price--special { font-size: 19px; } } .prd-block_price--old { font-size: 14px; line-height: 1em; font-weight: 600; text-decoration: line-through; color: #888; } @media (max-width: 1199px) { .prd-block_price--old { font-size: 17px; } } @media (max-width: 767px) { .prd-block_price--old { font-size: 14px; } } .prd-block_price--text { font-family: system-ui; font-size: 14px; font-weight: 600; line-height: 22px; white-space: nowrap; color: red; margin-left: 10px; } .prd-block_title-wrap { display: -ms-flexbox; display: flex; flex-direction: column; -ms-flex-direction: column; } .prd-block_title { font-size: 23px; font-weight: 600; line-height: 32px; margin-bottom: 0; color: #282828; } @media (max-width: 767px) { .prd-block_title { font-size: 23px; line-height: 32px; } } @media (max-width: 575px) { .prd-block_title { font-size: 20px; line-height: 28px; } } .prd-block-under { margin-bottom: 25px; } .prd-block-under.prd-block--prv-left>*:first-child { padding-left: 23.5%; } @media (max-width: 1600px) { .prd-block-under.prd-block--prv-left>*:first-child { padding-left: 25%; } } @media (max-width: 1199px) { .prd-block-under.prd-block--prv-left>*:first-child { padding-left: 21%; } } @media (max-width: 991px) { .prd-block-under.prd-block--prv-left>*:first-child { padding-left: 15px; } } @media (max-width: 991px) { .prd-block-under { margin-bottom: 20px; } } @media (max-width: 767px) { .prd-block-under { margin-bottom: 0; } } .prd-block_info-top { display: -ms-flexbox; /*display: flex;*/ -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 992px) { .prd-block_info-top { margin-top: 5px; } .prd-block_info-top>* { margin-top: 15px; } } @media (max-width: 991px) { .prd-block_info-top>* { min-width: 100%; } .prd-block_info-top>*+* { margin-top: 15px; } } .prd-block_info-top+.prd-block_countdown { margin-top: 15px; } .prd-block_info-box { font-size: 15px; line-height: 20px; display: -ms-flexbox; display: flex; padding: 21px 30px 11px; color: #282828; background-color: #f7f7f8; } @media (max-width: 767px) { .prd-block_info-box { font-size: 14px; line-height: 18px; padding: 12px 15px 2px; } } .prd-block_info-box a { color: #282828; } .prd-block_info-box span { font-weight: 600; } .prd-block_info-box p { margin: 0 0 10px; } .prd-block_info-box .two-column { column-count: 2; column-gap: 20px; } .prd-block_info-box .two-column p { display: inline-block; min-width: 100%; } .prd-block_description { font-size: 14px; line-height: 23px; } .prd-block_description:not(:last-child) { margin-bottom: 20px; } .prd-block_description:not(:first-child) { margin-top: 20px; } .prd-block_description h3, .prd-block_description h4, .prd-block_description h5, .prd-block_description h6 { margin-bottom: 5px; } .prd-block_description p { margin-top: 10px; } .prd-block_description p:first-child { margin-top: 0; } .prd-block_details { margin-top: 25px; } .prd-block_details .panel-group--style1 .panel-heading+.panel-collapse>.panel-body { padding: 20px 0; } .prd-block_accordion { margin-top: 55px; } .prd-block_options:not(.prd-block_options--select) { margin-top: 28px; } .prd-block_options:not(.prd-block_options--select)>*:not(:first-child) { margin-top: 28px; } @media (max-width: 575px) { .prd-block_options:not(.prd-block_options--select)>*:not(:first-child) { margin-top: 20px; } } .prd-block_options { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prd-block_options>* { width: 100%; -ms-flex: 100%; flex: 100%; } .prd-block_options>div.swatches select.hidden, .prd-block_options>div.swatches [class*='select-wrapper'].hidden { display: none; } .prd-block_options+.prd-block_description { margin-top: 20px; } .prd-block_options select.form-control { margin-bottom: 0; } .prd-block_options .swatches { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .prd-block_options .option-links { font-size: 15px; font-weight: 600; line-height: 26px; white-space: nowrap; } .prd-block_options .option-links a { text-decoration: underline; color: #0f0909; } .prd-block_options .option-links a:hover { text-decoration: none; color: #5ce1e9; } .prd-block_options .select-label { font-size: 17px; font-weight: 600; line-height: 26px; display: block; color: #282828; } .prd-block_options .select-wrapper { -ms-flex: 1; flex: 1; } .prd-block_options--select { display: -ms-flexbox; display: flex; margin-top: 18px; margin-right: -5px; margin-left: -5px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prd-block_options--select .option-label { margin-bottom: 5px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .prd-block_options--select { margin-top: 10px; margin-right: 0; margin-left: 0; } } @media (max-width: 575px) { .prd-block_options--select { margin-top: 10px; margin-right: 0; margin-left: 0; } } .prd-block_options--select>* { width: calc(33.333% - 10px); margin: 10px 5px 0; -ms-flex: calc(33.333% - 10px); flex: calc(33.333% - 10px); } @media only screen and (min-width: 768px) and (max-width: 991px) { .prd-block_options--select>* { width: 100%; margin: 10px 0 0; -ms-flex: 100%; flex: 100%; } } @media (max-width: 575px) { .prd-block_options--select>* { width: 100%; margin: 10px 0 0; -ms-flex: 100%; flex: 100%; } } .prd-block .prd-block_qty .option-label, .prd-block_options .option-label, .prd-total .option-label { font-size: 14px; font-weight: 600; line-height: 22px; min-width: 85px; padding-right: 10px; color: #282828; } .prd-block .prd-block_qty .option-label:last-child, .prd-block_options .option-label:last-child, .prd-total .option-label:last-child { padding-right: 0; } .prd-block .prd-block_qty .option-label.option-label--custom, .prd-block_options .option-label.option-label--custom, .prd-total .option-label.option-label--custom { min-width: 135px; } @media (max-width: 575px) { .prd-block .prd-block_qty .option-label.option-label--custom, .prd-block_options .option-label.option-label--custom, .prd-total .option-label.option-label--custom { font-size: 14px; line-height: 18px; min-width: 120px; } } .prd-block .prd-block_qty { display: -ms-flexbox; display: flex; min-width: 104px; -ms-flex-align: center; align-items: center; } .prd-block .prd-block_qty .qty-changer input[type='text'], .prd-block .prd-block_qty .qty-changer input[type='number'] { font-size: 24px; line-height: 63px; min-width: 57px; margin: 0; text-align: center; border-radius: 4px; background-color: transparent; } @media (max-width: 991px) { .prd-block .prd-block_qty .qty-changer input[type='text'], .prd-block .prd-block_qty .qty-changer input[type='number'] { line-height: 58px; } } @media (max-width: 575px) { .prd-block .prd-block_qty .qty-changer input[type='text'], .prd-block .prd-block_qty .qty-changer input[type='number'] { font-size: 22px; line-height: 48px; } } .prd-block .prd-block_qty .qty { position: relative; min-width: 88px; padding-right: 37px; padding-left: 10px; background-color: #f7f7f8; } @media (max-width: 575px) { .prd-block .prd-block_qty .qty { padding-right: 30px; padding-left: 6px; } } .prd-block .prd-block_qty .qty button { position: absolute; right: 8px; width: 26px; max-width: 26px; height: calc(50% - 4px); padding: 0; border-radius: 0; background-color: transparent; } @media (max-width: 575px) { .prd-block .prd-block_qty .qty button { right: 3px; } } .prd-block .prd-block_qty .qty button:hover { opacity: .75; background-color: transparent; } .prd-block .prd-block_qty .qty button:hover:before, .prd-block .prd-block_qty .qty button:hover:after { background-color: #282828; } .prd-block .prd-block_qty .qty button:before { top: calc(50% - .5px); width: 14px; height: 2px; } .prd-block .prd-block_qty .qty .increase { top: 5px; } .prd-block .prd-block_qty .qty .increase:after { top: calc(50% - 6.5px); left: calc(50% - 3px); width: 2px; height: 14px; } .prd-block .prd-block_qty .qty .decrease { bottom: 4px; } .prd-block_visitiors { font-size: 14px; font-weight: 600; line-height: 23px; } .prd-block_visitiors-count { display: -ms-inline-flexbox; display: inline-flex; padding: 0 .35em; color: #fff; background-color: #5ce1e9; } .prd-block_links-wrap-bg { background-color: #f7f7f8; } .prd-block_links-wrap { display: -ms-flexbox; display: flex; padding: 5px 0; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .prd-block_link { font-size: 14px; font-weight: 600; line-height: 18px; position: relative; display: -ms-flexbox; display: flex; padding: 0 15px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .prd-block_link .prd-block_sharing_plugin { text-align: center; } @media (max-width: 991px) { .prd-block_link .prd-block_sharing_plugin { max-width: 100px; margin-right: auto; margin-left: auto; } } .prd-block_link>a, .prd-block_link>span { display: -ms-flexbox; display: flex; width: 100%; text-decoration: none; color: #282828; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .prd-block_link>a, .prd-block_link>span { flex-direction: column; text-align: center; -ms-flex-direction: column; } } .prd-block_link>a [class*='icon'], .prd-block_link>span [class*='icon'] { font-size: 31px; } @media (min-width: 768px) { .prd-block_link>a [class*='icon'], .prd-block_link>span [class*='icon'] { margin-right: 7px; } } @media (max-width: 767px) { .prd-block_link>a [class*='icon'], .prd-block_link>span [class*='icon'] { margin-bottom: 5px; } } .prd-block_link>a:hover { color: #5ce1e9; } .prd-block_link:after { position: absolute; right: 0; width: 1px; height: 26px; content: ''; background-color: #f4f4f4; } .prd-block_link:last-child:after { display: none; } .prd-block_shopping-info-wrap { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .prd-block_shopping-info-wrap:not(:first-child) { margin-top: 30px; } @media (max-width: 575px) { .prd-block_shopping-info-wrap:not(:first-child) { margin-top: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .prd-block_shopping-info-wrap { -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 767px) { .prd-block_shopping-info-wrap { flex-direction: column; -ms-flex-direction: column; } } .prd-block_shopping-info { font-size: 15px; font-weight: 600; line-height: 19px; position: relative; display: -ms-flexbox; display: flex; padding: 0 10px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex: 1; flex: 1; } @media (max-width: 767px) { .prd-block_shopping-info { min-width: 100%; } } .prd-block_shopping-info a { display: -ms-flexbox; display: flex; width: 100%; text-decoration: none; color: #282828; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 768px) and (max-width: 991px) { .prd-block_shopping-info a { display: block; text-align: center; } } @media (max-width: 767px) { .prd-block_shopping-info a { padding: 15px 0; -ms-flex-pack: start; justify-content: flex-start; } } .prd-block_shopping-info a:hover { color: #5ce1e9; } .prd-block_shopping-info [class*='icon'] { font-size: 45px; margin-right: 12px; color: #5ce1e9; } @media only screen and (min-width: 768px) and (max-width: 991px) { .prd-block_shopping-info [class*='icon'] { display: block; margin-right: 0; } .prd-block_shopping-info [class*='icon']:not(:last-child) { margin-bottom: 10px; } } .prd-block_shopping-info:after { position: absolute; right: 0; width: 1px; height: 36px; content: ''; background-color: #dadbde; } @media only screen and (min-width: 768px) and (max-width: 991px) { .prd-block_shopping-info:after { height: 70px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } } @media (max-width: 767px) { .prd-block_shopping-info:after { bottom: 0; width: 100%; height: 1px; } } .prd-block_shopping-info:last-child:after { display: none; } .prd-block_shopping-info-wrap-compact { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .prd-block_shopping-info-wrap-compact:not(:first-child) { margin-top: 30px; } @media (max-width: 575px) { .prd-block_shopping-info-wrap-compact:not(:first-child) { margin-top: 20px; } } .prd-block_shopping-info-compact { font-size: 15px; font-weight: 600; line-height: 19px; position: relative; display: -ms-flexbox; display: flex; padding: 0 10px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex: 1; flex: 1; } @media (max-width: 575px) { .prd-block_shopping-info-compact { flex-direction: column; text-align: center; -ms-flex-direction: column; } .prd-block_shopping-info-compact [class*='icon'] { margin: 0 0 7px; } } .prd-block_shopping-info-compact a { display: -ms-flexbox; display: flex; width: 100%; text-decoration: none; color: #282828; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 575px) { .prd-block_shopping-info-compact a { padding: 8px 0; -ms-flex-pack: start; justify-content: flex-start; } } .prd-block_shopping-info-compact a:hover { color: #5ce1e9; } .prd-block_shopping-info-compact [class*='icon'] { font-size: 45px; margin-right: 8px; color: #282828; } @media (max-width: 575px) { .prd-block_shopping-info-compact [class*='icon'] { font-size: 40px; } } .prd-block_actions { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .prd-block_actions:not(.prd-block_info_item) { margin-top: 5px; } .prd-block_actions .prd-block_qty { margin-top: 20px; } .prd-block_actions .prd-block_qty:not(:last-child) { margin-right: 20px; margin-bottom: 0; } @media (max-width: 575px) { .prd-block_actions .prd-block_qty:not(:last-child) { margin-right: 15px; } } .prd-block_actions .btn-wrap-right { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .prd-block_actions .btn-wrap-right>*+* { width: auto; margin-left: 20px; } @media (max-width: 575px) { .prd-block_actions .btn-wrap-right>*+* { margin-left: 10px; } } .prd-block_actions .btn-wrap { display: -ms-flexbox; display: flex; margin: 5px 0px 0; -ms-flex: 1; flex: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 575px) { .prd-block_actions .btn-wrap { flex-direction: column; margin: 20px 5px 0; -ms-flex-direction: column; } } .prd-block_actions .btn-wrap>* { width: auto; margin: 15px 10px 0; -ms-flex: 1; flex: 1; } @media (max-width: 1199px) { .prd-block_actions .btn-wrap>* { margin-right: 10px; margin-left: 10px; } } @media (max-width: 575px) { .prd-block_actions .btn-wrap>* { width: auto; margin: 0; } .prd-block_actions .btn-wrap>*+* { margin-top: 10px; } .prd-block_actions .btn-wrap>*.btn--add-to-cart.d-none+.btn--follow { margin-top: 0; } } @media (max-width: 575px) { .prd-block_actions { margin-top: 8px; margin-right: 0; margin-left: 0; } .prd-block_actions>* { margin-right: 0; margin-left: 0; } } @media (min-width: 1800px) { .prd-block-three-column .prd-block_actions .prd-block_qty { min-width: 100%; } .prd-block-three-column .prd-block_actions .btn-wrap { margin-right: -5px; margin-left: -5px; } .prd-block-three-column .prd-block_actions .btn-wrap>* { margin-right: 5px; margin-left: 5px; } } @media (max-width: 1799px) and (min-width: 992px) { .prd-block-three-column .prd-block_actions .prd-block_qty { min-width: 100%; } .prd-block-three-column .prd-block_actions .btn-wrap { flex-direction: column; margin-right: 0; margin-left: 0; -ms-flex-direction: column; } .prd-block-three-column .prd-block_actions .btn-wrap>* { margin-right: 0; margin-left: 0; } .prd-block-three-column .prd-block_actions .btn-wrap>*+* { margin-top: 10px; } } .prd-block_sharing_plugin { opacity: 0; } .prd-block_sharing_plugin:not(:first-child) { margin-top: 20px; } .documentLoad .prd-block_sharing_plugin { opacity: 1; } .prd-block-share { padding: 0 0 0 25px; } .prd-block-share a { font-size: 38px; } .prd-block-share a:hover { text-decoration: none; } .prd-block_actions .btn.btn--add-to-cart, .prd-block_actions .btn--buy-now, .prd-block_actions .btn--add-to-wishlist, .prd-block_actions .btn--add-to-compare, .prd-block_actions .btn--follow { font-family: system-ui; font-size: 20px; font-weight: 600; line-height: 33px; width: 100%; height: 63px; padding: 15px 30px; white-space: nowrap; } @media (max-width: 1199px) { .prd-block_actions .btn.btn--add-to-cart, .prd-block_actions .btn--buy-now, .prd-block_actions .btn--add-to-wishlist, .prd-block_actions .btn--add-to-compare, .prd-block_actions .btn--follow { padding: 15px 20px; } } @media (max-width: 991px) { .prd-block_actions .btn.btn--add-to-cart, .prd-block_actions .btn--buy-now, .prd-block_actions .btn--add-to-wishlist, .prd-block_actions .btn--add-to-compare, .prd-block_actions .btn--follow { font-size: 18px; line-height: 34px; height: 58px; padding: 12px 15px; } } @media (max-width: 575px) { .prd-block_actions .btn.btn--add-to-cart, .prd-block_actions .btn--buy-now, .prd-block_actions .btn--add-to-wishlist, .prd-block_actions .btn--add-to-compare, .prd-block_actions .btn--follow { font-size: 14px; line-height: 30px; height: 50px; padding: 10px 15px; } } .has-round-btns .prd-block_actions .btn.btn--add-to-cart, .has-round-btns .prd-block_actions .btn--buy-now, .has-round-btns .prd-block_actions .btn--add-to-wishlist, .has-round-btns .prd-block_actions .btn--add-to-compare, .has-round-btns .prd-block_actions .btn--follow { border-radius: 32px; } @media (max-width: 991px) { .has-round-btns .prd-block_actions .btn.btn--add-to-cart, .has-round-btns .prd-block_actions .btn--buy-now, .has-round-btns .prd-block_actions .btn--add-to-wishlist, .has-round-btns .prd-block_actions .btn--add-to-compare, .has-round-btns .prd-block_actions .btn--follow { border-radius: 29px; } } @media (max-width: 575px) { .has-round-btns .prd-block_actions .btn.btn--add-to-cart, .has-round-btns .prd-block_actions .btn--buy-now, .has-round-btns .prd-block_actions .btn--add-to-wishlist, .has-round-btns .prd-block_actions .btn--add-to-compare, .has-round-btns .prd-block_actions .btn--follow { border-radius: 25px; } } .btn--add-to-wishlist, .btn--add-to-compare { min-width: 58px; } @media (max-width: 575px) { .btn--add-to-wishlist, .btn--add-to-compare { display: -ms-flexbox; display: flex; height: 46px; padding: 0 15px; -ms-flex: 1; flex: 1; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .btn--add-to-wishlist span, .btn--add-to-compare span { display: none; } .btn--add-to-wishlist [class*='icon-'], .btn--add-to-compare [class*='icon-'] { font-size: 1.5em; top: 0; } } .btn--follow, .btn--follow:active, .btn--follow:active:focus, .btn--follow:visited, .btn--follow:focus { color: #fff; background-color: #5ce1e9; } .btn--follow:hover, .btn--follow:active:hover, .btn--follow:focus:hover { color: #fff; background-color: #282828; } .btn--add-to-cart, .btn--add-to-cart:active, .btn--add-to-cart:active:focus, .btn--add-to-cart:visited, .btn--add-to-cart:focus { color: #fff; background-color: #5ce1e9; } .btn--add-to-cart:hover, .btn--add-to-cart:active:hover, .btn--add-to-cart:focus:hover { color: #fff; background-color: #282828; } .btn--add-to-wishlist, .btn--add-to-wishlist:active, .btn--add-to-wishlist:active:focus, .btn--add-to-wishlist:visited, .btn--add-to-wishlist:focus { color: #fff; background-color: #fb317d; } .btn--add-to-wishlist:hover, .btn--add-to-wishlist:active:hover, .btn--add-to-wishlist:focus:hover { color: #fff; background-color: #282828; } @media (min-width: 576px) { .btn--add-to-wishlist [class*='icon-'] { display: none; } } .btn--add-to-compare, .btn--add-to-compare:active, .btn--add-to-compare:active:focus, .btn--add-to-compare:visited, .btn--add-to-compare:focus { color: #282828; background-color: #efefef; } .btn--add-to-compare:hover, .btn--add-to-compare:active:hover, .btn--add-to-compare:focus:hover { color: #fff; background-color: #282828; } .btn--buy-now, .btn--buy-now:active, .btn--buy-now:active:focus, .btn--buy-now:visited, .btn--buy-now:focus { color: #fff; background-color: #fbbc05; } .btn--buy-now:hover, .btn--buy-now:active:hover, .btn--buy-now:focus:hover { color: #fff; background-color: #282828; } .sidebar-product>* { margin-top: 30px; } .sidebar-product>*:first-child { margin-top: 0; } .product-main-carousel { max-width: 100%; } .product-main-carousel .slick-arrow { z-index: 151; } @media (min-width: 1025px) and (max-width: 991px) { .prd-block--prv-double.prd-block--prv-right .product-previews-wrapper { padding-left: 20px; } .prd-block--prv-double.prd-block--prv-left .product-previews-wrapper { padding-right: 20px; } } @media (min-width: 992px) { .prd-block--prv-double.prd-block--prv-right .product-previews-wrapper { padding-left: 30px; } .prd-block--prv-double.prd-block--prv-left .product-previews-wrapper { padding-right: 30px; } body.has-sticky .prd-block--prv-left .aside--sticky .aside-content, .prd-block--prv-right .aside--sticky .aside-content { top: 40px; } } @media (min-width: 1025px) { .prd-block:not(.prd-block--prv-bottom) .aside-content { display: -ms-flexbox; display: flex; } .prd-block--prv-left .prd-block_prv-wrap, .prd-block--prv-right .prd-block_prv-wrap { width: 82px; } .prd-block--prv-left .prd-block_prv-carousel, .prd-block--prv-right .prd-block_prv-carousel { margin-top: 0; } .prd-block--prv-left .prd-block_prv-carousel a, .prd-block--prv-right .prd-block_prv-carousel a { margin-bottom: 9px; } .prd-block--prv-left .prd-block_main-image { -ms-flex-order: 2; order: 2; } .prd-block--prv-left .product-previews-wrapper { -ms-flex-order: 1; order: 1; } .prd-block--prv-right .prd-block_main-image { -ms-flex-order: 1; order: 1; } .prd-block--prv-right .product-previews-wrapper { -ms-flex-order: 2; order: 2; } } .prd-block-prevnext { position: relative; top: -10px; display: -ms-inline-flexbox; display: inline-flex; float: right; margin-bottom: -20px; } .prd-block-prevnext a { position: relative; width: 62px; transition: .2s; } .prd-block-prevnext a:not(:first-child) { margin-left: 12px; } .prd-block-prevnext a:first-child [class*=icon] { left: 3px; } .prd-block-prevnext a:last-child [class*=icon] { right: 3px; } .prd-block-prevnext a:hover { text-decoration: none; } .prd-block-prevnext a:hover:first-child [class*=icon] { animation: arrowPrevShift .5s infinite; } .prd-block-prevnext a:hover:last-child [class*=icon] { animation: arrowNextShift .5s infinite; } .prd-block-prevnext a>span { display: -ms-flexbox; display: flex; height: 100%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .prd-block-prevnext [class*=icon] { font-size: 10px; line-height: 16px; position: absolute; z-index: 1; bottom: 3px; width: 16px; height: 16px; text-align: center; color: #000; border-radius: 50%; background-color: #fff; } .prd-block-prevnext img { width: 100%; } @keyframes arrowPrevShift { 0% { left: 3px; } 50% { left: 12px; } 100% { left: 0; } } @keyframes arrowNextShift { 0% { right: 3px; } 50% { right: 12px; } 100% { right: 0; } } @media (max-width: 1599px) { .prd-block-prevnext-wrap { display: none; } } .prd-safecheckout { clear: both; width: 100%; } .prd-safecheckout:not(:first-child) { margin-top: 40px; } @media (max-width: 767px) { .prd-safecheckout:not(:first-child) { margin-top: 30px; } } .product-card-selectbox { font-size: 11px; } .prd-block_main-image-holder { overflow: hidden; } .prd-block_viewed { font-size: 14px; font-weight: 600; line-height: 17px; position: relative; display: -ms-flexbox; display: flex; width: 100%; min-width: 265px; padding: 12px 15px; color: #282828; -ms-flex-align: center; align-items: center; } .prd-block_viewed [class*='icon'] { font-size: 2em; padding-right: 15px; } .prd-block_viewed>* { position: relative; z-index: 1; } .prd-block_viewed:after { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; content: ''; opacity: .8; background: #f7f7f8; } @media (min-width: 992px) { .prd-block_info_item .prd-block_viewed-wrap:last-child { margin-left: auto; -ms-flex: 1; flex: 1; } } .prd-block_links { display: -ms-flexbox; display: flex; margin-right: -20px; margin-left: -20px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1199px) { .prd-block_links { margin-right: -10px; margin-left: -10px; } } @media (max-width: 575px) { .prd-block_links { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .prd-block_links, .prd-block_links a { font-size: 14px; font-weight: 600; line-height: 23px; } .prd-block_links [class*='icon'] { font-size: 20px; line-height: 23px; padding-right: 8px; color: #5ce1e9; } @media (max-width: 575px) { .prd-block_links [class*='icon'] { min-width: 36px; } } .prd-block_links li { display: -ms-inline-flexbox; display: inline-flex; height: 100%; margin: 0 20px; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1199px) { .prd-block_links li { margin: 0 10px; } } @media (max-width: 575px) { .prd-block_links li { min-width: 100%; } .prd-block_links li:not(:first-child) { margin-top: 12px; } } .prd-block_order-info { font-size: 14px; font-weight: 500; line-height: 23px; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .prd-block_order-info { padding: 0; } } .prd-block_order-info [class*='icon'] { font-size: 20px; position: relative; top: .1em; padding-right: 8px; } .prd-block_order-info-time { font-weight: 700; display: -ms-inline-flexbox; display: inline-flex; padding: 0; color: #282828; background-color: transparent; } .prd-block_order-info-time span span { display: -ms-inline-flexbox; display: inline-flex; min-width: 28px; -ms-flex-pack: center; justify-content: center; } .prd-block_order-info a { text-decoration: underline; } .prd-block_order-info a:hover { text-decoration: none; } .prd-block_info-when-arrives { display: -ms-flexbox; display: flex; } .prd-block_images-grid { width: 100%; } .prd-block_images-grid .row { margin-top: -30px; } @media (max-width: 1400px) { .prd-block_images-grid .row { margin-right: -7.5px; margin-left: -7.5px; } } @media (max-width: 1400px) { .prd-block_images-grid .row { margin-top: -15px; } } .prd-block_images-grid .row>* { margin-top: 30px; } @media (max-width: 1400px) { .prd-block_images-grid .row>* { margin-top: 15px; padding-right: 7.5px; padding-left: 7.5px; } } .prd-block_images-grid .row>* a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .prd-block_images-grid .foxic-loader { top: calc(50% - 18px); display: none; transition: opacity .3s .2s; opacity: 0; } .prd-block_images-grid img.lazyload+.foxic-loader, .prd-block_images-grid img.lazyloading+.foxic-loader { display: block; opacity: 1; } .fancybox-thumbs__list a { width: 75px; height: 75px; } .fancybox-thumbs__list a:before { border: 2px solid #5ce1e9; } .fancybox-thumbs-x .fancybox-thumbs__list { margin: 0 auto; } .product-main-carousel .slick-slide { position: relative; overflow: hidden; } .product-main-carousel img.lazyloaded+.foxic-loader, .product-main-carousel .zoomWrapper+.foxic-loader { display: none; } .product-main-carousel .slick-slide:not(.slick-current), .product-main-carousel .slick-slide img.nohover { pointer-events: none; } .product-main-carousel img:not([src]) { position: relative; z-index: 1; transition: .2s; transform: scale(1.1); opacity: 0; } .zoomWindowContainer>* { height: 100% !important; border: 0 !important; } .zoomLens { border-width: 1px !important; border-style: solid !important; } body.equal-height .product-previews-carousel a>span, body.equal-height .prd-block-prevnext a>span { position: relative; display: block; overflow: hidden; height: 0; padding-bottom: 128.48%; border: 0; } body.equal-height .product-previews-carousel a>span>span, body.equal-height .prd-block-prevnext a>span>span { position: absolute; top: 0; left: 0; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } body.equal-height .product-previews-carousel a>span img, body.equal-height .prd-block-prevnext a>span img { position: absolute; width: 100%; height: 100%; object-fit: contain; } body.equal-height .product-main-carousel:not(.slick-initialized)>div>span, body.equal-height .product-main-carousel .slick-slide>span { position: relative; display: block; overflow: hidden; height: 0; padding-bottom: 122.48% !important; border: 0; } body.equal-height .product-main-carousel:not(.slick-initialized)>div>span>span, body.equal-height .product-main-carousel .slick-slide>span>span { position: absolute; top: 0; left: 0; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } body.equal-height .product-main-carousel:not(.slick-initialized)>div>span img, body.equal-height .product-main-carousel .slick-slide>span img { width: auto; max-width: 100%; max-height: 100%; } .prd-progress-text, .prd-progress-text-null { font-size: 14px; font-weight: 600; line-height: 23px; } .prd-progress-text-left, .prd-progress-text-null-left { display: -ms-inline-flexbox; display: inline-flex; padding: 0 .35em; color: #5ce1e9; } .prd-progress-text+.prd-progress-bar-wrap, .prd-progress-text-null+.prd-progress-bar-wrap { margin-top: 2px; margin-bottom: 2px; } .prd-progress-bar-wrap { height: 3px; border-radius: 0; background-color: #f8f8f8; } .prd-progress-bar { background-color: #7c7c7c; } .prd-progress-bar.prd-progress--null { width: 0 !important; } .prd-block_agreement input[type='checkbox']+label { margin: 0; } .prd-block_label-new, .prd-block_label-sale, .prd-block_label-outstock { position: absolute; z-index: 100; left: 15px; display: -ms-flexbox; display: flex; flex-direction: column; width: 100px; height: 100px; padding: 15px 10px; transition: bottom .3s; text-align: center; border-radius: 50%; -ms-flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prd-block_label-new.prd-block_label--single, .prd-block_label-sale.prd-block_label--single, .prd-block_label-outstock.prd-block_label--single { bottom: 15px; -ms-flex-pack: center; justify-content: center; } .prd-block_label-outstock:not(.d-none)+* { display: none; } .prd-block_label-new { font-size: 18px; font-weight: 700; line-height: 26px; bottom: 60px; color: #fff; background-color: #33c7fd; } .prd-block_label-sale { font-size: 22px; font-weight: 700; line-height: 23px; bottom: 15px; color: #fff; background-color: #fb317d; } .prd-block_label-outstock { font-size: 18px; font-weight: 700; line-height: 26px; bottom: 15px; color: #fff; background-color: #4f4f4f; } .prd-block_label-new-squared, .prd-block_label-sale-squared, .prd-block_label-outstock-squared { font-size: 11px; font-weight: 600; line-height: 106%; position: absolute; z-index: 100; top: 15px; left: 15px; padding: 4px 9px; transition: top .3s; text-align: center; text-transform: uppercase; } .prd-block_label-new-squared.prd-block_label--single, .prd-block_label-sale-squared.prd-block_label--single, .prd-block_label-outstock-squared.prd-block_label--single { top: 15px; -ms-flex-pack: center; justify-content: center; } .prd-block_label-new-squared:not(.d-none)+*, .prd-block_label-sale-squared:not(.d-none)+*, .prd-block_label-outstock-squared:not(.d-none)+* { top: 55px; } @media (min-width: 992px) { .prd-labels-shadow .prd-block_label-new-squared, .prd-labels-shadow .prd-block_label-sale-squared, .prd-labels-shadow .prd-block_label-outstock-squared { box-shadow: 0 4px 4px rgba(0, 0, 0, .05); } } .prd-block_label-outstock-squared:not(.d-none)+* { display: none; } .prd-block_label-new-squared { color: #fff; background-color: #33c7fd; } .prd-block_label-sale-squared { color: #fff; background-color: #fb317d; } .prd-block_label-outstock-squared { color: #fff; background-color: #4f4f4f; } @media (min-width: 992px) { .prd-block-three-column .prd-block_links { margin-right: -10px; margin-left: -10px; } .prd-block-three-column .prd-block_links li { margin: 0 10px; } .prd-block-three-column .aside--left { padding-right: 15px; } .prd-block-three-column .prd-reviews h2:first-child { margin-top: -5px; } .prd-block-three-column .prd-block-prevnext { top: 0; } } .prd-block:not(.prd-block--prv-left):not(.prd-block--prv-right).product-previews-carousel .video-slide { display: -ms-inline-flexbox !important; display: inline-flex !important; height: 100%; text-decoration: none; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .prd-block_images-grid .video-slide { position: relative; display: -ms-inline-flexbox !important; display: inline-flex !important; height: 100%; text-decoration: none; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .product-previews-carousel .video-slide [class*='icon'], .prd-block_images-grid .video-slide [class*='icon'] { font-size: 36px; position: absolute; z-index: 1; border-radius: 50%; background: rgba(255, 255, 255, .3); } .product-previews-carousel .video-slide [class*='icon'], .prd-block_images-grid .video-slide [class*='icon'] { font-size: 36px; position: absolute; z-index: 1; top: 50%; left: 50%; margin: -18px 0 0 -18px; border-radius: 50%; background: rgba(255, 255, 255, .3); } .slick-slide.external-video, .slick-slide.inner-video { display: -ms-flexbox !important; display: flex !important; height: auto; background: #f8f8f8; -ms-flex-align: center; align-items: center; } .slick-slide.inner-video video { width: 100%; } .prd-block--prv-double .product-previews-carousel .video-slide { height: 100%; } .prd-block--prv-double.prd-block--prv-bottom .product-previews-carousel .slick-slide { height: auto; } .prd-block--prv-double.prd-block--prv-bottom .product-previews-carousel .slick-slide>* { height: calc(50% - 16px); } .prd-block_gallery-video { display: -ms-flexbox; display: flex; } .prd-block_gallery-video .embed-responsive { position: relative; } .prd-block_gallery-video video { width: 100%; } .prd-block_video-link .embed-responsive { height: 100%; } .prd-block_video-link iframe { pointer-events: none; } .btn-add-to-wishlist:hover { text-decoration: none; color: inherit; } .btn-add-to-wishlist:hover [class*='icon'] { transition: .2s; } .btn-add-to-wishlist:hover [class*='icon'] { transform: scaleX(-1); } .prd-block_actions--wishlist.prd-block_actions { margin-right: -5px; margin-left: -5px; } .prd-block_actions--wishlist.prd-block_actions .btn-wrap>* { margin-right: 5px; margin-left: 5px; } .btn-wishlist-wrap { display: -ms-flexbox; display: flex; height: 60px; margin-top: 20px; margin-left: 10px; } .btn-add-to-wishlist { font-size: 26px; display: -ms-flexbox; display: flex; width: 50px; margin-left: auto; padding: 10px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 575px) { .btn-wishlist-wrap { margin-top: 15px; } .prd-block_actions--wishlist.prd-block_actions .btn-wrap>* { margin-right: 0; margin-left: 0; } .prd-block_actions--wishlist.prd-block_actions { -ms-flex-wrap: wrap; flex-wrap: wrap; } .prd-block_agreement.prd-block_info_item { margin-top: 5px; } } @media (min-width: 1200px) { .addthis_inline_share_toolbox { max-height: 40px; } } .at-resp-share-element .at-share-btn { margin: 5px 2px 5px !important; } .selected-filters-wrap { margin: 5px 0 25px; } .selected-filters-wrap>*+* { margin-top: 15px; } @media screen and (max-width: 991px) { .selected-filters-wrap { margin: 0; } } .selected-filters { position: relative; padding: 0; list-style: none; } .selected-filters li { display: inline-block; margin-right: 5px; margin-bottom: 10px; padding: 0; } .selected-filters li>a, .clear-filters { font-size: 12px; font-weight: 500; line-height: 29px; position: relative; display: block; padding: 0 13px; cursor: pointer; transition: all .2s ease; text-decoration: none; text-transform: uppercase; border-radius: 3px; } .selected-filters li>a:hover, .selected-filters li>a:focus, .clear-filters:hover, .clear-filters:focus { text-decoration: none; } .selected-filters li>a { padding: 0 32px 0 13px; } .selected-filters li>a:after { font-family: 'icon-foxic'; font-size: 12px; position: absolute; top: 1px; right: 10px; content: '\e901'; } .selected-filters li>a { color: #fff; background-color: #5ce1e9; } .selected-filters li>a:hover, .selected-filters li>a:focus { color: #fff; background-color: #282828; } .selected-filters li>a.clear-filters, .clear-filters { color: #282828; background-color: #efefef; } .selected-filters li>a.clear-filters:hover, .selected-filters li>a.clear-filters:focus, .clear-filters:hover, .clear-filters:focus { color: #fff; background-color: #282828; } .selected-filters-count { font-size: 13px; font-weight: 300; line-height: 1em; padding: 8px; } .selected-filters-count span { font-weight: 500; } ul.category-list-lg { margin: -5px 0 0; padding: 0; list-style: none; } ul.category-list-lg li { position: relative; } ul.category-list-lg li a { font-size: 14px; line-height: 21px; display: block; padding: 4px 0 5px 25px; text-decoration: none; color: #282828; } ul.category-list-lg li:hover a, ul.category-list-lg li.active a { color: #282828; } .category-list-viewmore { font-size: 13px; font-weight: 600; line-height: 26px; display: inline-block; margin-top: 10px; color: #5ce1e9; } .category-list-viewmore:hover { color: #282828; } .filter_modal .nav-pills .nav-link.active, .filter_modal .nav-pills .show>.nav-link { color: #000; background-color: #fff; font-weight: 700; } .filter_modal .no-gutters { padding: 0px; } .filter-toggle, .filter-toggle-horizontal { font-size: 28px; z-index: 1; display: -ms-flexbox; display: flex; margin-left: -50px; text-align: center; -ms-flex-align: center; align-items: center; } .filter-toggle [class*='icon'], .filter-toggle-horizontal [class*='icon'] { width: 100%; } @media (min-width: 1025px) { .filter-toggle, .filter-toggle-horizontal { position: -webkit-sticky; position: sticky; z-index: 159; top: 0; width: 50px; height: 50px; } .filter-toggle, .filter-toggle:focus, .filter-toggle-horizontal, .filter-toggle-horizontal:focus { color: #fff; background-color: #5ce1e9; } .filter-toggle:hover, .filter-toggle-horizontal:hover { text-decoration: none; color: #fff; background-color: #000; } } .filter-toggle [class*='icon-']:last-child, .filter-toggle-horizontal [class*='icon-']:last-child { display: none; } .filter-toggle:first-child { display: none; } .has-sticky .filter-toggle { top: 115px; } .filter-toggle-text { display: none; } .filter-toggle-icons { display: -ms-flexbox; display: flex; height: 100%; cursor: pointer; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1024px) { .page-category { margin-bottom: 50px; } .hide-filter-mobile { display: none; } .d-filter-mobile { display: block; } .filter-mobile-col { position: fixed; z-index: 159; right: 0; bottom: 0; left: 0 !important; width: 100%; max-width: 100%; height: 53px; margin: 0; padding: 0 !important; transition: height .5s; pointer-events: none; } .filter-mobile-col .filter-mobile-content { position: relative; z-index: 1; overflow-x: hidden; overflow-y: auto; height: 100%; padding: 15px 15px 65px !important; transition: transform .5s; transform: translate3d(0, 100%, 0); background-color: #fff; } .filter-mobile-col .filter-mobile-content>.row { display: block; margin: 0; } .filter-mobile-col .filter-mobile-content>div { max-width: 500px; margin-right: auto; margin-left: auto; } .filter-mobile-col.filter-col--opened { pointer-events: all; } .filter-mobile-col .sidebar-block.d-filter-mobile:not(:first-child) { margin-top: 30px; } .filter-mobile-col .sidebar-block.d-filter-mobile+.sidebar-block { margin-top: 30px; } .filter-toggle { position: fixed; z-index: 162; top: auto !important; right: 0; bottom: 0; left: 0; height: 50px; margin: 0; cursor: pointer; box-shadow: 0 0 10px rgba(0, 0, 0, .12); } .filter-toggle-icons { display: none; } .filter-toggle-text { font-size: 18px; font-weight: 600; display: block; width: 100%; height: 100%; text-align: center; } .filter-btn-open { display: -ms-flexbox; display: flex; height: 100%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .filter-btn-open, .filter-btn-open:hover, .filter-btn-open:focus { text-decoration: none; color: #fff; background-color: #5ce1e9; } .filter-btn-apply, .filter-btn-close { display: none; width: 50%; height: 100%; } .filter-btn-apply:hover, .filter-btn-close:hover { text-decoration: none; } .no-tags .filter-btn-apply { width: 100%; } .no-tags .filter-btn-close { display: none !important; } .filter-btn-apply, .filter-btn-apply:hover, .filter-btn-apply:focus { color: #fff; background-color: #5ce1e9; } .filter-btn-close, .filter-btn-close:hover, .filter-btn-close:focus { color: #000; background-color: #efefef; } .filter-col--opened { z-index: 161; height: 100% !important; } .filter-col--opened .filter-mobile-content { transform: translate3d(0, 0, 0); } .is-filters-opened .filter-toggle { box-shadow: none; } .is-filters-opened .filter-toggle-text .filter-btn-open { display: none; } .is-filters-opened .filter-toggle-text .filter-btn-apply, .is-filters-opened .filter-toggle-text .filter-btn-close { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } } .listing-show-more { font-size: 16px; font-weight: 600; line-height: 24px; color: #5ce1e9; } .listing-show-more:hover { text-decoration: none; color: #282828; } .listing-show-more+* { margin-left: 40px; } .sidebar-block-horizontal { display: none; } @media (max-width: 1024px) { .template-collection .footer-sticky .loader-horizontal { display: none !important; } body:not(.template-collection) .filter-toggle .loader-horizontal { display: none; } .filter-toggle .loader-horizontal { position: absolute; bottom: 0; min-width: 100%; } .filter-toggle .loader-horizontal .progress { height: 100%; } .filter-col--opened+.filter-toggle .loader-horizontal { display: block; } .template-collection { margin-bottom: 49px; } } .banners-grid-collection:empty { display: none; } /* 8.4. Product Swatches */ .color-swatch { overflow: hidden; margin: 0; padding: 0; list-style: none; } .color-swatch li { width: 34px; height: 34px; margin: 3px; } @media (max-width: 575px) { .color-swatch li { width: 28px; height: 28px; } } .color-swatch li>* { display: block; overflow: hidden; width: 100%; height: 100%; margin: 1px; cursor: pointer; text-decoration: none; border-radius: 50%; box-shadow: inset 0 0 0 1px transparent; } .color-swatch li>* img { position: relative; z-index: -1; display: block; width: 100%; height: 100%; -webkit-transform: translateZ(0) scale(1, 1); border-radius: 50%; -webkit-backface-visibility: hidden; object-fit: cover; } .color-swatch li:hover>*, .color-swatch li.active>* { box-shadow: inset 0 0 0 1px #282828; } .has-squared-color-swatch .color-swatch, .has-squared-color-swatch .color-swatch li>*, .has-squared-color-swatch .color-swatch li>* img, .has-squared-color-swatch .prd:not(.prd-hor):not(.prd-hor-simple) .colorswatch-label ul img { border-radius: 0 !important; } @media (max-width: 575px) { .prd-listview .color-swatch li { width: 34px; height: 34px; } } .prd-block ul.color-list { display: -ms-flexbox; display: flex; overflow: visible !important; margin: -4px 0 0; padding: 0; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prd-block ul.color-list li { position: relative; top: 0; display: -ms-inline-flexbox; display: inline-flex; width: auto; margin: 4px 4px 0; } .prd-block ul.color-list li img { display: block; width: 100%; height: 100%; border-radius: 50%; } .prd-block ul.color-list li.active img { width: calc(100% + 2px); min-width: calc(100% + 2px); height: calc(100% + 2px); } .prd-block ul.color-list li.active span.value:after, .prd-block ul.color-list li.active span.value:before { border-radius: 50%; } .prd-block ul.color-list li.active span.value:after { border-color: #fff; } .prd-block ul.color-list li:not(.absent-option):not(.active):hover a img { width: calc(100% + 2px); min-width: calc(100% + 2px); height: calc(100% + 2px); } .prd-block ul.color-list li.active a span.value:after, .prd-block ul.color-list li:hover a span.value:after { box-shadow: none; } .prd-block ul.color-list li a { display: block; padding: 1px; transition: none; text-decoration: none; } .prd-block ul.color-list li a span.value { position: relative; display: -ms-flexbox; display: flex; width: 30px; height: 30px; border-radius: 50%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .prd-block ul.color-list li a span.value:after { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; content: ''; border-width: 2px; border-style: solid; border-color: transparent; border-radius: 50%; box-shadow: none; } .prd-block ul.color-list li.absent-option>a { position: relative; overflow: hidden; border-radius: 50%; } .prd-block ul.color-list li.absent-option>a:after { position: absolute; z-index: 1; top: 1px; right: 1px; bottom: 1px; left: 1px; display: block; content: ''; background: url(cross_color.png) rgba(255, 255, 255, .5); background-size: 100% 108%; } .sidebar-block ul.color-list { overflow: visible; margin: -5px 0 0; padding: 0; list-style: none; } .sidebar-block ul.color-list li { position: relative; width: 100%; } .sidebar-block ul.color-list li img { position: relative; display: inline-block; width: 18px; height: 18px; vertical-align: top; } .sidebar-block ul.color-list li a { position: relative; display: block; overflow: hidden; width: 100%; min-height: 25px; padding: 5px 0 2px; transition: none; text-decoration: none; color: #282828; } .sidebar-block ul.color-list li a span.value { position: relative; display: block; float: left; min-width: inherit; max-width: 25px; height: 18px; border: 0; box-shadow: inset 0 0 10px 5px transparent; -ms-flex: 0 0 25px; flex: 0 0 25px; } .sidebar-block ul.color-list li a span.value:after { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; content: ''; box-shadow: inset 0 0 0 2px transparent; } .sidebar-block ul.color-list li a span.value:before { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; content: ''; box-shadow: inset 0 0 0 4px transparent; } .sidebar-block ul.color-list li a span.colorname { font-size: 13px; line-height: 16px; position: relative; display: block; overflow: hidden; padding: 1px 0 0 9px; } .sidebar-block ul.color-list li.active a span.value:after, .sidebar-block ul.color-list li:hover a span.value:after { box-shadow: inset 0 0 0 2px #5ce1e9; } .sidebar-block ul.color-list li.active a span.value:before, .sidebar-block ul.color-list li:hover a span.value:before { box-shadow: inset 0 0 0 4px #fff; } .sidebar-block ul.color-list li:not(.active):hover a { color: #282828; } .sidebar-block ul.color-list li.active a { color: #282828; } img.color-bordered { border: 1px solid #ddd; } .prd-block .size-list { display: -ms-flexbox; display: flex; margin: -5px 0 0; padding: 0; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prd-block .size-list li { position: relative; display: -ms-inline-flexbox; display: inline-flex; margin: 5px 7px 0 0; vertical-align: bottom; flex-direction: column; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .prd-block .size-list li { margin-right: 5px; } } .prd-block .size-list li a { display: block; text-decoration: none; border: 1px solid black; border-radius: 8px; padding: 0px; } .prd-block .size-list li span.value { font-size: 14px; font-weight: 500; line-height: 48px; display: inline-block; min-width: 48px; height: 48px; padding: 0 5px; text-align: center; color: #282828; border-radius: 8px; background-color: transparent; } .prd-block .size-list li span.value:after { font-family: 'icon-foxic'; font-size: 12px; position: relative; top: 1px; display: none; padding: 0 0 0 6px; content: '\e117'; } .prd-block .size-list li.active span.value, .prd-block .size-list li:hover:not(.absent-option) span.value { background-color: #5ce1e9; } .prd-block .size-list li.absent-option>a { cursor: default; pointer-events: none; } .prd-block .size-list li.absent-option>a span.value { color: #7e7e7e; border-color: transparent; } .prd-block .size-list li.absent-option>a:after { position: absolute; z-index: 1; top: 3px; right: 3px; bottom: 3px; left: 3px; display: block; content: ''; opacity: .75; background: url(cross_color.png) rgba(255, 255, 255, .75); background-size: 100% 100%; } .prd-block .images-list { display: -ms-flexbox; display: flex; margin: -5px 0 0; padding: 0; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prd-block .images-list li { position: relative; display: -ms-inline-flexbox; display: inline-flex; margin: 5px 7px 0 0; vertical-align: bottom; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .prd-block .images-list li { margin-right: 5px; } } .prd-block .images-list li a { font-size: 14px; font-weight: 500; line-height: 33px; display: -ms-flexbox; display: flex; width: 50px; min-height: 30px; transition: none; text-align: center; text-decoration: none; border-radius: 4px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .prd-block .images-list li a img { border-radius: 4px; } .prd-block .images-list li.active a, .prd-block .images-list li:hover:not(.absent-option) a { color: #fff; } .prd-block .images-list li.active a:after, .prd-block .images-list li:hover:not(.absent-option) a:after { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; content: ''; border: 1px solid #282828; border-radius: 4px; } .prd-block .images-list li.absent-option>a { cursor: default; pointer-events: none; color: #7e7e7e; border-color: transparent; } .prd-block .images-list li.absent-option>a:after { position: absolute; z-index: 1; top: 1px; right: 1px; bottom: 1px; left: 1px; display: block; content: ''; opacity: .75; background: url(cross_color.png) rgba(255, 255, 255, .75); background-size: 100% 100%; } .prd-block .images-list li { min-height: 30px; } .prd-block .images-list li a .color-list-value { display: block; width: 100%; border-radius: 4px; } .prd-block .images-list li:hover:not(.absent-option) a .color-list-value, .prd-block .images-list li.active a .color-list-value { background: #282828; } /* 8.4. Product Colors */ .color-red { background-color: red; } .color-white { background-color: white; } .color-blue { background-color: blue; } .color-orange { background-color: orange; } .color-black { background-color: black; } .color-green { background-color: green; } .color-purple { background-color: purple; } /* 8.4. Product Countdown */ .countdown-box { position: relative; transition: opacity .3s ease 0s, visibility .3s linear 0s; text-align: center; border: 1px solid #000; background: transparent; } @media (max-width: 767px) { .countdown-box { max-width: 100%; } } .countdown-box .countdown-box-bg { position: absolute; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .countdown-box .countdown { position: relative; z-index: 2; display: -ms-flexbox; display: flex; padding: 13px 10px; color: #282828; -ms-flex-pack: center; justify-content: center; -webkit-backface-visibility: hidden; } .countdown-box .countdown:empty { display: none; } .countdown-box .countdown>span { font-size: 16px; font-weight: 300; line-height: 1.25em; position: relative; display: inline-block; padding: 0 .8em; vertical-align: middle; } .countdown-box .countdown>span span { font-size: 1.563em; font-weight: bold; line-height: 1.2em; display: block; min-width: 1.36em; text-align: center; } .countdown-box .countdown>span:after { font-size: 2.188em; font-weight: 600; line-height: 1em; position: absolute; top: 50%; right: -.15em; display: block; content: ':'; content: ':'; transform: translateY(-50%); } .countdown-box .countdown>span:last-child:after { display: none; } .countdown-box-bg { position: relative; z-index: 1; } .countdown-box-bg+* { margin-top: 40px; } .countdown-box-bg .countdown { display: -ms-inline-flexbox; display: inline-flex; margin-right: -10px; margin-left: -10px; } .countdown-box-bg .countdown>span { font-size: 16px; font-weight: 400; line-height: 1.25em; position: relative; margin: 0 10px; padding: 5px 15px; text-align: center; text-transform: lowercase; color: #282828; color: #fff; } @media (max-width: 575px) { .countdown-box-bg .countdown>span { font-size: 14px; margin: 0 5px; } } .countdown-box-bg .countdown>span:after { position: absolute; z-index: -1; top: -5px; left: 0; display: block; width: 100%; height: calc(100% + 10px); content: ''; background-color: #5ce1e9; -webkit-mask-size: cover; mask-size: cover; } .countdown-box-bg .countdown>span span { font-family: system-ui; font-size: 30px; font-weight: 600; line-height: 1em; display: block; min-width: 1.36em; text-align: center; } .countdown-box-full { position: relative; padding: 22px 20px; border: 1px solid #000; background: #fff; } @media (max-width: 575px) { .countdown-box-full { padding: 12px 15px; } } .countdown-box-full+* { margin-top: 40px; } .countdown-box-full [class*='icon'] { font-size: 59px; margin-right: 25px; color: #282828; -webkit-backface-visibility: hidden; } @media (max-width: 575px) { .countdown-box-full [class*='icon'] { font-size: 36px; margin-right: 20px; } } .countdown-box-full .countdown-txt { font-size: 19px; font-weight: 500; line-height: 23px; margin-bottom: 5px; transform: translateZ(0); color: #282828; -webkit-backface-visibility: hidden; } @media (max-width: 575px) { .countdown-box-full .countdown-txt { font-size: 12px; line-height: 18px; } } .countdown-box-full .countdown { margin-right: -13px; margin-left: -13px; } .countdown-box-full .countdown>span { font-size: 16px; font-weight: 300; line-height: 1.25em; position: relative; display: inline-block; padding: 0 .8em; vertical-align: middle; color: #282828; } @media (max-width: 575px) { .countdown-box-full .countdown>span { font-size: 11px; } } .countdown-box-full .countdown>span span { font-size: 1.563em; font-weight: bold; line-height: 1.2em; display: block; min-width: 1.36em; text-align: center; } .countdown-box-full .countdown>span:after { font-size: 2.333em; font-weight: 400; line-height: 1em; position: absolute; top: 50%; right: -.15em; display: block; content: ':'; transform: translateY(-50%); } .countdown-box-full .countdown>span:last-child:after { display: none; } .countdown-box-full .row>.col { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .countdown-box-full-text { position: relative; max-width: 800px; padding: 0; border: 1px solid #000; background: #fff; } @media (max-width: 575px) { .countdown-box-full-text .row { flex-direction: column; text-align: center; -ms-flex-direction: column; -ms-flex-pack: center; justify-content: center; } } .countdown-box-full-text .row>* { padding: 18px 40px; } @media (max-width: 1860px) { .countdown-box-full-text .row>* { padding: 15px 30px; } } @media (max-width: 575px) { .countdown-box-full-text .row>* { padding: 10px; text-align: center; -ms-flex: 1; flex: 1; } .countdown-box-full-text .row>*:last-child { padding-top: 0; -ms-flex: 1; flex: 1; } } .countdown-box-full-text .row>*:first-child:not(:only-child) { position: relative; } .countdown-box-full-text .row>*:first-child:not(:only-child):after { position: absolute; top: calc(50% - 24px); right: 0; width: 1px; height: 48px; content: ''; background-color: #000; } @media (max-width: 575px) { .countdown-box-full-text .row>*:first-child:not(:only-child):after { display: none; } } .countdown-box-full-text .countdown-txt { font-size: 21px; font-weight: 500; line-height: 1.5em; text-align: center; color: #282828; -webkit-backface-visibility: hidden; } @media (max-width: 1860px) { .countdown-box-full-text .countdown-txt { font-size: 20px; } } @media (max-width: 991px) { .countdown-box-full-text .countdown-txt { font-size: 18px; line-height: 24px; } } .countdown-box-full-text .countdown { white-space: nowrap; } .countdown-box-full-text .countdown>span { font-size: 15px; font-weight: 400; line-height: 1.25em; position: relative; display: inline-block; padding: 0 1.1em; vertical-align: middle; color: #282828; } .countdown-box-full-text .countdown>span:first-child { padding-left: 0; } .countdown-box-full-text .countdown>span:last-child { padding-right: 0; } @media (max-width: 767px) { .countdown-box-full-text .countdown>span { font-size: 14px; } } @media (max-width: 575px) { .countdown-box-full-text .countdown>span { font-size: 13px; } } .countdown-box-full-text .countdown>span span { font-size: 1.933em; font-weight: 600; line-height: 1.5em; display: block; min-width: 1.36em; text-align: center; } .countdown-box-full-text .countdown>span:after { font-size: 2.333em; font-weight: 400; line-height: 1em; position: absolute; top: 50%; right: -.15em; display: block; content: ':'; transform: translateY(-50%); } .countdown-box-full-text .countdown>span:last-child:after { display: none; } @media (min-width: 576px) { .countdown-box-full-text.w-md .countdown-txt { font-size: 16px; } .countdown-box-full-text.w-md .countdown>span { font-size: 11px; } .countdown-box-full-text.w-md .countdown-txt { font-size: 19px; } .countdown-box-full-text.w-md .row>* { padding: 18px 30px; } .countdown-box-full-text.w-md .row>*:first-child:not(:only-child):after { top: calc(50% - 19px); height: 38px; } .countdown-box-full-text.w-sm .countdown-txt { font-size: 15px; } .countdown-box-full-text.w-sm .countdown>span { font-size: 11px; } .countdown-box-full-text.w-sm .countdown-txt { font-size: 18px; } .countdown-box-full-text.w-sm .row>* { padding: 15px 25px; } .countdown-box-full-text.w-sm .row>*:first-child:not(:only-child):after { top: calc(50% - 19px); height: 38px; } } .countdown-box-full-text-modal { position: relative; max-width: 800px; margin-bottom: 20px; padding: 0 0 25px; border-bottom: 1px solid #000; background: #fff; } @media (max-width: 575px) { .countdown-box-full-text-modal { padding-bottom: 20px; } .countdown-box-full-text-modal .row { flex-direction: column; text-align: center; -ms-flex-direction: column; -ms-flex-pack: center; justify-content: center; } } .countdown-box-full-text-modal .row { margin-right: -10px; margin-left: -10px; } .countdown-box-full-text-modal .row>* { padding: 0 10px; } @media (max-width: 575px) { .countdown-box-full-text-modal .row>* { text-align: center; -ms-flex: 1; flex: 1; } } .countdown-box-full-text-modal .row>*:first-child:not(:only-child) { position: relative; } .countdown-box-full-text-modal .row>*:first-child:not(:only-child):after { position: absolute; top: 8px; right: -10px; width: 1px; height: 38px; content: ''; background-color: #000; } @media (max-width: 575px) { .countdown-box-full-text-modal .row>*:first-child:not(:only-child):after { display: none; } } .countdown-box-full-text-modal .countdown-txt { font-size: 17px; font-weight: 500; line-height: 24px; padding: 0 0 0 10px; text-align: center; color: #282828; -webkit-backface-visibility: hidden; } @media (max-width: 1199px) and (min-width: 768px) { .countdown-box-full-text-modal .countdown-txt { font-size: 15px; } } @media (max-width: 575px) { .countdown-box-full-text-modal .countdown-txt { font-size: 15px; padding: 10px 10px 0; } } .countdown-box-full-text-modal .countdown { white-space: nowrap; } .countdown-box-full-text-modal .countdown>span { font-size: 12px; font-weight: 400; line-height: 1.25em; position: relative; display: inline-block; padding: 0 1.1em; vertical-align: middle; color: #282828; } .countdown-box-full-text-modal .countdown>span:first-child { padding-left: 0; } .countdown-box-full-text-modal .countdown>span:last-child { padding-right: 0; } @media (max-width: 1199px) and (min-width: 768px) { .countdown-box-full-text-modal .countdown>span { font-size: 11px; } } @media (max-width: 575px) { .countdown-box-full-text-modal .countdown>span { font-size: 11px; } } .countdown-box-full-text-modal .countdown>span span { font-size: 1.933em; font-weight: 600; line-height: 1.5em; display: block; min-width: 1.36em; text-align: center; } .countdown-box-full-text-modal .countdown>span:after { font-size: 2.333em; font-weight: 400; line-height: 1em; position: absolute; top: 50%; right: -.15em; display: block; content: ':'; transform: translateY(-50%); } .countdown-box-full-text-modal .countdown>span:last-child:after { display: none; } .prd-block-three-column .countdown-box-full-text .row>* { padding: 18px 20px; } @media (max-width: 1860px) { .prd-block-three-column .countdown-box-full-text .row>* { padding: 15px 15px; } } @media (max-width: 575px) { .prd-block-three-column .countdown-box-full-text .row>* { padding: 10px; } .prd-block-three-column .countdown-box-full-text .row>*:last-child { padding-top: 0; } } .prd-block-three-column .countdown-box-full-text .row>*:first-child:not(:only-child):after { top: 17px; } .prd-block-three-column .countdown-box-full-text .countdown-txt { font-size: 18px; line-height: 24px; } @media (max-width: 1860px) { .prd-block-three-column .countdown-box-full-text .countdown-txt { font-size: 16px; } } @media (max-width: 1199px) and (min-width: 768px) { .prd-block-three-column .countdown-box-full-text .countdown-txt { font-size: 16px; } } @media (max-width: 991px) { .prd-block-three-column .countdown-box-full-text .countdown-txt { font-size: 18px; line-height: 24px; } } .prd-block-three-column .countdown-box-full-text .countdown>span { font-size: 13px; padding: 0 .7em; } @media (max-width: 575px) { .prd-block-three-column .countdown-box-full-text .countdown>span { font-size: 13px; } } .countdown-circle { position: relative; margin-top: 0; transition: opacity .3s ease 0s, visibility .3s linear 0s; text-align: center; border-top: 1px solid #fff; } @media (max-width: 767px) { .countdown-circle { max-width: 100%; } } .countdown-circle .countdown { display: -ms-flexbox; display: flex; margin-top: 7px; -ms-flex-pack: center; justify-content: center; -webkit-backface-visibility: hidden; } .countdown-circle .countdown:empty { display: none; } .countdown-circle .countdown>span { font-size: 6px; font-weight: 600; line-height: 1.25em; position: relative; display: inline-block; padding: 0 .8em; vertical-align: middle; color: #fff; } .countdown-circle .countdown>span span { font-size: 2em; font-weight: bold; line-height: 1.2em; display: block; min-width: 1.36em; text-align: center; } .countdown-circle .countdown>span:nth-child(4) { display: none; } .countdown-circle .countdown>span:nth-child(3):after { display: none; } .countdown-circle .countdown>span:after { font-size: 2.188em; font-weight: 600; line-height: 1em; position: absolute; top: 50%; right: -.15em; display: block; content: ':'; transform: translateY(-50%); } .countdown-circle .countdown>span:last-child:after { display: none; } .icon--giftAnimate { display: block; animation: giftAnimate 4s infinite; } @keyframes giftAnimate { 0% { transform: scale(1) rotate(0deg); } 5% { transform: scale(1.15) rotate(-10deg); } 10% { transform: scale(1.3) rotate(10deg); } 20% { transform: scale(1) rotate(0deg); } } /* 8.5. Product Single */ .product-full-img img { width: 100%; } .product-full { background-color: #fafafa; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .product-full { text-align: center; } } .product-full .countdown-box { display: -ms-inline-flexbox; display: inline-flex; min-width: 250px; } .product-full .countdown-box .countdown { padding: 18px 18px; } .product-full .countdown-box .countdown>span { font-size: 16px; padding: 0 1.2em; } .product-full-info { padding: 80px 100px; } @media (max-width: 1860px) { .product-full-info { padding: 40px 60px; } } @media (max-width: 1199px) { .product-full-info { padding: 40px 50px; } } @media (max-width: 991px) { .product-full-info { padding: 40px; } } @media (max-width: 767px) { .product-full-info { padding: 30px; } } .product-full-txt { font-family: system-ui; font-size: 30px; font-weight: 900; line-height: 1em; color: #282828; } .product-full-txt:not(:first-child) { margin-top: 40px; } @media (max-width: 1199px) { .product-full-txt:not(:first-child) { margin-top: 35px; } } @media (max-width: 991px) { .product-full-txt:not(:first-child) { margin-top: 25px; } } @media (max-width: 1199px) { .product-full-txt { font-size: 24px; } } @media (max-width: 991px) { .product-full-txt { font-size: 20px; } } @media (max-width: 767px) { .product-full-txt { font-size: 18px; } } .product-full-title { font-size: 70px; font-weight: 300; line-height: 1em; color: #282828; } .product-full-title a, .product-full-title a:hover, .product-full-title a:focus { color: inherit; } .product-full-title:not(:first-child) { margin-top: 35px; } @media (max-width: 991px) { .product-full-title:not(:first-child) { margin-top: 25px; } } @media (max-width: 767px) { .product-full-title:not(:first-child) { margin-top: 15px; } } @media (max-width: 1860px) { .product-full-title { font-size: 60px; } } @media (max-width: 1199px) { .product-full-title { font-size: 54px; } } @media (max-width: 991px) { .product-full-title { font-size: 48px; } } @media (max-width: 767px) { .product-full-title { font-size: 36px; } } .product-full-description { font-size: 16px; line-height: 26px; } .product-full-description:not(:first-child) { margin-top: 20px; } @media (max-width: 991px) { .product-full-description:not(:first-child) { margin-top: 15px; } } @media (max-width: 991px) { .product-full-description { font-size: 15px; line-height: 23px; } } @media (max-width: 767px) { .product-full-description { font-size: 14px; line-height: 20px; } } .product-full-price { display: -ms-inline-flexbox; display: inline-flex; margin-right: -10px; margin-left: -10px; -ms-flex-align: baseline; -moz-align-items: baseline; align-items: baseline; } .product-full-price:not(:first-child) { margin-top: 30px; } @media (max-width: 991px) { .product-full-price:not(:first-child) { margin-top: 20px; } } @media (max-width: 767px) { .product-full-price:not(:first-child) { margin-top: 15px; } } .product-full-price>* { margin: 0 10px; } .product-full-price .price-old { font-family: system-ui; font-size: 30px; font-weight: 300; line-height: 1em; text-decoration: line-through; } @media (max-width: 991px) { .product-full-price .price-old { font-size: 20px; } } @media (max-width: 767px) { .product-full-price .price-old { font-size: 15px; } } .product-full-price .price-new { font-size: 60px; font-weight: 400; line-height: 1em; color: #5ce1e9; } @media (max-width: 991px) { .product-full-price .price-new { font-size: 40px; } } @media (max-width: 767px) { .product-full-price .price-new { font-size: 30px; } } .product-full .btn-wrap:not(:first-child) { margin-top: 40px; } @media (max-width: 1199px) { .product-full .btn-wrap:not(:first-child) { margin-top: 35px; } } @media (max-width: 991px) { .product-full .btn-wrap:not(:first-child) { margin-top: 25px; } } .product-hot { -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .product-hot { text-align: center; } } .product-hot-img { position: relative; } .product-hot-title { font-size: 40px; font-weight: 600; line-height: 1em; color: #282828; } .product-hot-title a, .product-hot-title a:hover, .product-hot-title a:focus { color: inherit; } @media (max-width: 991px) { .product-hot-title { font-size: 36px; } } @media (max-width: 767px) { .product-hot-title { font-size: 30px; } } .product-hot-description { font-size: 16px; line-height: 26px; } .product-hot-description:not(:first-child) { margin-top: 40px; } @media (max-width: 991px) { .product-hot-description:not(:first-child) { margin-top: 30px; } } @media (max-width: 575px) { .product-hot-description:not(:first-child) { margin-top: 20px; } } @media (max-width: 991px) { .product-hot-description { font-size: 15px; line-height: 23px; } } @media (max-width: 767px) { .product-hot-description { font-size: 14px; line-height: 20px; } } .product-hot-label { font-family: system-ui; font-size: 32px; font-weight: 700; line-height: 36px; position: absolute; z-index: 1; z-index: 1; top: 5px; left: 15px; display: -ms-flexbox; display: flex; width: 150px; height: 150px; text-align: center; color: #fff; border-radius: 50%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .product-hot-label:not(.bg-custom) { background-color: #00cbf2; } @media (max-width: 991px) { .product-hot-label { font-size: 24px; line-height: 28px; width: 120px; height: 120px; } } @media (max-width: 575px) { .product-hot-label { font-size: 18px; line-height: 22px; width: 80px; height: 80px; } } .product-hot-label-sm { font-family: system-ui; font-size: 20px; font-weight: 400; line-height: 22px; position: absolute; z-index: 1; z-index: 1; top: 17px; left: 32px; display: -ms-flexbox; display: flex; width: 104px; height: 104px; text-align: center; color: #fff; border-radius: 50%; background-color: #5ce1e9; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 575px) { .product-hot-label-sm { font-size: 16px; line-height: 18px; width: 80px; height: 80px; } } .product-hot-price { position: absolute; z-index: 1; bottom: 5px; left: 15px; } .product-hot-price .price-text { font-family: system-ui; font-size: 30px; font-weight: 700; line-height: 1.25em; } @media (max-width: 991px) { .product-hot-price .price-text { font-size: 28px; } } @media (max-width: 575px) { .product-hot-price .price-text { font-size: 24px; } } @media (max-width: 575px) { .product-hot-price .price-text { font-size: 24px; } } .product-hot-price .price-new { font-size: 54px; font-weight: 700; line-height: 1em; color: #f40000; } @media (max-width: 991px) { .product-hot-price .price-new { font-size: 40px; } } @media (max-width: 767px) { .product-hot-price .price-new { font-size: 30px; } } .product-hot .btn-wrap:not(:first-child) { margin-top: 40px; } @media (max-width: 991px) { .product-hot .btn-wrap:not(:first-child) { margin-top: 30px; } } @media (max-width: 575px) { .product-hot .btn-wrap:not(:first-child) { margin-top: 20px; } } .product-hot--sale { background-repeat: no-repeat; background-size: cover; box-shadow: 0 0 55px rgba(0, 0, 0, .1); } .product-hot--sale .product-hot-description:not(:first-child) { margin-top: 30px; } .product-hot-subtitle { font-size: 18px; font-weight: 400; margin-bottom: 10px; } /* 9. Content Blocks */ /* 9.1. Brand Block */ .brand-prd-carousel { margin: 30px 0; } @media only screen and (min-width: 576px) and (max-width: 767px) { .brand-prd-carousel { margin: 25px 0; } } @media only screen and (max-width: 575px) { .brand-prd-carousel { margin: 15px 0; } } .brand-prd-carousel:last-child { margin-bottom: 30px; } .brand-prd-carousel:first-child { margin-top: 0; } @media (min-width: 768px) { .brand-prd-carousel:last-child { margin-bottom: 55px; } } @media (min-width: 768px) { .brand-prd { display: -ms-flexbox !important; display: flex !important; overflow: hidden; } } @media (min-width: 768px) { .brand-prd-image { float: left; width: 50%; } } @media (max-width: 991px) { .brand-prd-image img { width: 100%; } } .brand-prd-info { float: left; flex-direction: column; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; } @media (min-width: 768px) { .brand-prd-info { display: -ms-flexbox; display: flex; width: 50%; } } @media (max-width: 767px) { .brand-prd-info { margin-top: 20px; } } @media (max-width: 575px) { .brand-prd-info { margin-top: 10px; } } .brand-prd-info [class*='btn'] { margin-top: 15px; } .brand-prd-info p { font-weight: 300; } .brand-prd-info .inside { padding: 20px 60px; } @media (max-width: 1199px) { .brand-prd-info .inside { padding: 15px 40px 15px 30px; } } @media (max-width: 991px) { .brand-prd-info .inside { padding: 0 18px; } } @media (max-width: 767px) { .brand-prd-info .inside { padding: 15px 18px 15px; } } .brand-prd-info .inside>* { margin-top: 30px; } @media (max-width: 767px) { .brand-prd-info .inside>* { margin-top: 20px; } } .brand-prd-info .inside>*:first-child { margin-top: 0; } @media (max-width: 767px) { .brand-prd-info img { max-width: 50%; } } @media (max-width: 767px) { .brand-prd-carousel.vert-dots .slick-dots { position: relative; top: auto; right: auto; bottom: 0; left: auto; flex-direction: row; width: 100%; margin-bottom: 30px; -ms-flex-direction: row; -ms-flex-pack: center; justify-content: center; } .brand-prd-carousel.vert-dots .slick-dots li { margin: 0 8px; } } .aside .brand-prd-info .inside { padding: 10px 30px; } @media (max-width: 1199px) { .aside .brand-prd-info .inside { padding: 0 30px; } } @media (max-width: 767px) { .aside .brand-prd-info .inside { padding: 0 30px; } } @media (max-width: 767px) { .aside .brand-prd-info .inside { padding: 0 30px; } } @media (min-width: 768px) { .aside .brand-prd-carousel.vert-dots .slick-dots { right: 16px; } } .brand-carousel { margin: 30px 0; padding: 0; list-style: none; } .brand-carousel:last-child { margin-bottom: 0; } .brand-carousel:first-child { margin-top: 0; } .brand-carousel li { float: left; margin: 0 30px; } @media (max-width: 575px) { .brand-carousel li { margin: 0 15px; } } .brand-carousel li img { max-width: 100%; margin: 0 auto; transition: .2s; } .brand-carousel .slick-track { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .brand-carousel:not(.slick-initialized) { overflow: hidden !important; height: 100px; opacity: 0; } .brand-carousel.slick-initialized { transition: opacity .5s ease; opacity: 1; } .brand-carousel.slick-arrows-right { display: -ms-flexbox; display: flex; overflow: visible; min-height: 70px; -ms-flex-align: center; align-items: center; } .brand--grey-img li img { opacity: .45; filter: brightness(0); } .brand--grey-img li:hover img { opacity: 1; filter: brightness(100%); } .brands-show-more span:last-child { display: none; } .brands-show-more.showLess span:first-child { display: none; } .brands-show-more.showLess span:last-child { display: block; } /* 9.2. Shop Features Block */ .shop-feature-single { color: #282828; } .shop-feature-single .shop-feature-icon { font-size: 70px; height: 50px; margin-right: 15px; color: #637381; } @media (max-width: 575px) { .shop-feature-single .shop-feature-icon { font-size: 62px; margin-right: 12px; } } .shop-feature-single .shop-feature-icon svg { max-width: 50px; max-height: 50px; } .shop-feature-single .shop-feature-icon svg path:not([class*='cv']) { fill: currentcolor; } .shop-feature-single .shop-feature-text { font-size: 15px; line-height: 23px; } @media (max-width: 575px) { .shop-feature-single .shop-feature-text { font-size: 13px; line-height: 18px; } } .shop-feature-single .shop-feature-text b { font-weight: 600; } .shop-feature-bg { height: 100%; margin: 0; padding: 30px 20px; color: #282828; background-color: #f7f7f8; } .shop-feature-bg>* { padding: 0 10px; } @media (max-width: 575px) { .shop-feature-bg { padding: 15px 10px; } } .shop-feature-bg .shop-feature-icon { font-size: 70px; color: #637381; } .shop-feature-bg .shop-feature-icon svg { width: 70px; height: 70px; } .shop-feature-bg .shop-feature-icon svg path:not([class*='cv']) { fill: currentcolor; } @media (max-width: 1199px) { .shop-feature-bg .shop-feature-icon { font-size: 50px; } .shop-feature-bg .shop-feature-icon svg { width: 50px; height: 50px; } } @media (max-width: 575px) { .shop-feature-bg .shop-feature-icon { font-size: 40px; } .shop-feature-bg .shop-feature-icon svg { width: 40px; height: 40px; } } .shop-feature-bg .shop-feature-text { font-size: 14px; line-height: 21px; } .shop-feature-bg .shop-feature-title-lg { font-size: 29px; font-weight: bold; line-height: 1.35em; margin-bottom: 20px; } @media (max-width: 1860px) { .shop-feature-bg .shop-feature-title-lg { font-size: 24px; margin-bottom: 15px; } } @media (max-width: 767px) { .shop-feature-bg .shop-feature-title-lg { font-size: 20px; margin-bottom: 10px; } } @media (max-width: 575px) { .shop-feature-bg .shop-feature-title-lg { font-size: 18px; } } .shop-feature-bg .shop-feature-title-lg:last-child { margin-bottom: 0; } .shop-feature-bg .shop-feature-title { font-size: 15px; font-weight: bold; line-height: 23px; margin-bottom: 15px; } @media (max-width: 1199px) { .shop-feature-bg .shop-feature-title { margin-bottom: 10px; } } @media (max-width: 767px) { .shop-feature-bg .shop-feature-title { margin-bottom: 5px; } } .shop-feature-bg .shop-feature-title:last-child { margin-bottom: 0; } .shop-feature-bg:hover { text-decoration: none; color: unset; } .shop-feature-bg--column { display: -ms-flexbox; display: flex; flex-direction: column; padding: 30px 20px; text-align: center; -ms-flex-direction: column; -ms-flex-align: center; align-items: center; } .shop-feature-bg--column .shop-feature-icon+* { margin-top: 20px; } @media (max-width: 575px) { .shop-feature-bg--column { padding: 20px 10px; } } .shop-feature-bg--column--svg { padding: 30px 20px; } @media (max-width: 575px) { .shop-feature-bg--column--svg { padding: 50px 20px; } } .shop-feature-bg--shadow { box-shadow: 0 5px 21px rgba(0, 0, 0, .07); } @media (max-width: 991px) and (min-width: 576px) { .shop-feature-bg.row { display: block; text-align: center; } .shop-feature-icon:not(:last-child) { margin-bottom: 15px; } } @media (max-width: 1860px) { body.is-filters-opened .aside .shop-feature-bg.row { display: block; text-align: center; } body.is-filters-opened .aside .shop-feature-bg .shop-feature-icon:not(:last-child) { margin-bottom: 15px; } } .shop-info-compact-row { margin-top: 30px; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .shop-info-compact-row { margin-top: 15px; } } .shop-info-compact { text-align: center; } .shop-info-compact-icon { font-size: 60px; line-height: 1em; display: -ms-flexbox; display: flex; width: 98px; height: 98px; margin: 0 auto; color: #fff; border-radius: 20px; background: #5ce1e9; background: linear-gradient(0deg, #5ce1e9 0%, #cb15f1 100%); -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .shop-info-compact-icon { font-size: 50px; width: 80px; height: 80px; } } .shop-info-compact-icon svg { width: 60px; height: 60px; } .shop-info-compact-icon svg path:not([class*='cv']) { fill: currentcolor; } @media (max-width: 767px) { .shop-info-compact-icon svg { width: 50px; height: 50px; } } .shop-info-compact-text { font-size: 16px; font-weight: 500; line-height: 1.5625em; margin-top: 10px; } @media (max-width: 767px) { .shop-info-compact-text { font-size: 15px; } } @media (max-width: 767px) { .shop-info-compact { max-width: 33.333%; } } .shop-feature-bg--column.shop-feature-bg--column--lg { padding: 40px 20px; } @media (max-width: 575px) { .shop-feature-bg--column.shop-feature-bg--column--lg { padding: 30px 10px; } } .shop-feature-compact { height: 100%; margin: 0; padding: 30px 20px; } .shop-feature-compact>* { padding: 0 10px; } @media (max-width: 575px) { .shop-feature-compact { padding: 15px 0; } } .shop-feature-compact .shop-feature-icon { font-size: 45px; color: #637381; } .shop-feature-compact .shop-feature-icon svg { width: 42px; height: 42px; } .shop-feature-compact .shop-feature-icon svg path:not([class*='cv']) { fill: currentcolor; } @media (max-width: 1199px) { .shop-feature-compact .shop-feature-icon { font-size: 30px; } .shop-feature-compact .shop-feature-icon svg { width: 30px; height: 30px; } } @media (max-width: 575px) { .shop-feature-compact .shop-feature-icon { font-size: 30px; padding-left: 0; } .shop-feature-compact .shop-feature-icon svg { width: 30px; height: 30px; } } .shop-feature-compact .shop-feature-text { font-size: 14px; line-height: 21px; } .shop-feature-compact .shop-feature-title { font-size: 15px; font-weight: bold; line-height: 23px; margin-bottom: 15px; } @media (max-width: 1199px) { .shop-feature-compact .shop-feature-title { margin-bottom: 10px; } } @media (max-width: 767px) { .shop-feature-compact .shop-feature-title { margin-bottom: 5px; } } .shop-feature-compact .shop-feature-title:last-child { margin-bottom: 0; } .shop-feature-bg-lg-icon { height: 100%; margin: 0; padding: 30px 20px; } .shop-feature-bg-lg-icon>* { padding: 0 10px; } @media (max-width: 575px) { .shop-feature-bg-lg-icon { padding: 15px 10px; } } .shop-feature-bg-lg-icon .shop-feature-icon { font-size: 140px; color: #637381; } .shop-feature-bg-lg-icon .shop-feature-icon svg { width: 140px; height: 140px; } .shop-feature-bg-lg-icon .shop-feature-icon svg path:not([class*='cv']) { fill: currentcolor; } @media (max-width: 1199px) { .shop-feature-bg-lg-icon .shop-feature-icon { font-size: 100px; } .shop-feature-bg-lg-icon .shop-feature-icon svg { width: 100px; height: 100px; } } @media (max-width: 575px) { .shop-feature-bg-lg-icon .shop-feature-icon { font-size: 90px; } .shop-feature-bg-lg-icon .shop-feature-icon svg { width: 80px; height: 80px; } } .shop-feature-bg-lg-icon .shop-feature-text { font-size: 14px; line-height: 21px; } .shop-feature-bg-lg-icon .shop-feature-title { font-size: 15px; font-weight: bold; line-height: 23px; margin-bottom: 15px; } @media (max-width: 1199px) { .shop-feature-bg-lg-icon .shop-feature-title { margin-bottom: 10px; } } @media (max-width: 767px) { .shop-feature-bg-lg-icon .shop-feature-title { margin-bottom: 5px; } } .shop-feature-bg-lg-icon .shop-feature-title:last-child { margin-bottom: 0; } .shop-feature-svg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; } .shop-feature-svg.shop-feature-svg-01 svg { transform: rotate(30deg) scale(1.2, 1.2); } .shop-feature-svg.shop-feature-svg-02 svg { transform: rotate(60deg) scale(1.2, 1.2); } .shop-feature-svg.shop-feature-svg-03 svg { transform: rotate(90deg) scale(1.2, 1.2); } .shop-feature-svg.shop-feature-svg-04 svg { transform: rotate(120deg) scale(1.2, 1.2); } .shop-feature-bg .shop-feature-svg svg { width: 100%; height: 100%; } .shop-feature-bg .shop-feature-svg.shop-feature-svg-01 svg { transform: rotate(60deg) scale(1.3, 1.4); } .shop-feature-bg .shop-feature-svg.shop-feature-svg-02 svg { transform: rotate(120deg) scale(1.3, 1.4); } .shop-feature-bg .shop-feature-svg.shop-feature-svg-03 svg { transform: rotate(180deg) scale(1.3, 1.4); } /* 9.3. Subscribe Block */ .holder-subscribe-full { position: relative; overflow: hidden; } .holder-subscribe-full .subscribe-form-title-lg { font-size: 90px; font-weight: 600; line-height: 1.2em; margin-left: -.05em; color: #fff; } @media (max-width: 1199px) { .holder-subscribe-full .subscribe-form-title-lg { font-size: 60px; } } @media (max-width: 767px) { .holder-subscribe-full .subscribe-form-title-lg { font-size: 45px; } } .holder-subscribe-full .subscribe-form-title-md { font-size: 40px; font-weight: 600; line-height: 1.2em; color: #fff; } @media (max-width: 767px) { .holder-subscribe-full .subscribe-form-title-md { font-size: 30px; } } .holder-subscribe-full .subscribe-form-title-sm { font-size: 30px; line-height: 1em; color: #fff; } @media (max-width: 1199px) { .holder-subscribe-full .subscribe-form-title-sm { font-size: 20px; } } @media (max-width: 767px) { .holder-subscribe-full .subscribe-form-title-sm { font-size: 15px; } } .holder-subscribe-full .subscribe-form-title-xs { font-size: 17px; color: #fff; } @media (max-width: 767px) { .holder-subscribe-full .subscribe-form-title-xs { font-size: 15px; } } @media (max-width: 991px) { .holder-subscribe-full .subscribe-form { margin-top: 20px; } } .holder-subscribe-full .subscribe-form .btn { font-size: 21px; font-weight: 700; line-height: 27px; height: auto; padding: 20px 50px; color: #5ce1e9; border-radius: 5px; background-color: #fff; } .holder-subscribe-full .subscribe-form .btn:hover { color: #fff; background-color: #282828; } @media (max-width: 991px) { .holder-subscribe-full .subscribe-form .btn { font-size: 14px; font-weight: 700; line-height: 16px; padding: 15px 30px; } } @media (max-width: 767px) { .holder-subscribe-full .subscribe-form .btn { width: 100%; } } .holder-subscribe-full .form-control-wrap { position: relative; margin-right: 30px; margin-left: 100px; } @media (max-width: 1860px) { .holder-subscribe-full .form-control-wrap { margin-left: 60px; } } @media (max-width: 1199px) { .holder-subscribe-full .form-control-wrap { margin-left: 30px; } } @media (max-width: 991px) { .holder-subscribe-full .form-control-wrap { margin-right: 10px; margin-left: 0; } } @media (max-width: 767px) { .holder-subscribe-full .form-control-wrap { margin-right: 0; } } .holder-subscribe-full .form-control-wrap .bottom { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; transition: all .2s .5s; background-color: #fff; } @media (max-width: 767px) { .holder-subscribe-full .form-control-wrap .bottom { height: 1px; } } @media (max-width: 767px) { .holder-subscribe-full .form-control-wrap { margin-bottom: 20px; border-bottom-width: 1px; } } .holder-subscribe-full input.form-control { font-size: 24px; width: 100%; height: 67px; padding: 0; transition: padding .1s ease .25s; color: #fff; border: 0; background-color: transparent; } .holder-subscribe-full input.form-control::-webkit-input-placeholder { text-transform: none; color: #fff; } .holder-subscribe-full input.form-control:-moz-placeholder { text-transform: none; color: #fff; } .holder-subscribe-full input.form-control::-moz-placeholder { text-transform: none; color: #fff; } .holder-subscribe-full input.form-control:-ms-input-placeholder { text-transform: none; color: #fff; } @media (max-width: 1199px) { .holder-subscribe-full input.form-control { font-size: 17px; } } @media (max-width: 991px) { .holder-subscribe-full input.form-control { height: 46px; } } .holder-subscribe-full input.form-control:focus { padding: 0 15px; transition: padding .1s ease; } @media only screen and (min-device-width: 1025px) { .holder-subscribe-full input.form-control:focus~.bottom { right: 10px; left: 10px; transition: all .2s 0s; opacity: 0; } } .holder-subscribe-full .form-control-wrap { -ms-flex: 1; flex: 1; } @media (max-width: 767px) { .holder-subscribe-full .form-control-wrap { min-width: 100%; } } .holder-subscribe-full .form-control-wrap svg, .holder-subscribe-full .form-control-wrap svg rect { position: absolute; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; transition: 0s; pointer-events: none; fill: none; } .holder-subscribe-full .form-control-wrap svg rect { width: calc(100% - 4px) !important; height: calc(100% - 4px) !important; transform: rotateY(0) rotateX(180deg) translate(0, -100%); stroke: #fff; stroke-width: 2; stroke-dasharray: 400%; stroke-dashoffset: 400%; } @media (max-width: 767px) { .holder-subscribe-full .form-control-wrap svg rect { stroke-width: 2; } } .holder-subscribe-full input.form-control:focus+svg rect { transition: 1s; stroke-dashoffset: 0; } @media (max-width: 767px) { .holder-subscribe-full .form-inline { flex-direction: column; -ms-flex-direction: column; } } .holder-subscribe-full .circle_decor { width: 50%; opacity: 1; } .holder-subscribe-full .circle_decor path, .holder-subscribe-full .circle_decor circle { fill: #80f8e3; } @media (max-width: 767px) { .holder-subscribe-full .circle_decor { width: 70%; } } @media (max-width: 575px) { .holder-subscribe-full .circle_decor { width: 100%; } } .holder-subscribe-full .errors { position: absolute; margin-top: 10px; color: inherit; } .holder-subscribe-full .form--success { font-size: 18px; font-weight: 600; width: 100%; text-align: center; color: inherit; } .holder-subscribe-full input:-webkit-autofill, .holder-subscribe-full input:-webkit-autofill:hover, .holder-subscribe-full input:-webkit-autofill:focus, .holder-subscribe-full input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px #5ce1e9 inset !important; } .holder-subscribe-full input:-webkit-autofill { -webkit-text-fill-color: #fff !important; } .holder-subscribe-full:not(.holder-subscribe--compact) { padding: 89px 0; color: #fff; background-color: #5ce1e9; background-repeat: no-repeat; background-size: cover; } @media (min-width: 992px) { .holder-subscribe-full:not(.holder-subscribe--compact) .row { -ms-flex-align: center; align-items: center; } .holder-subscribe-full:not(.holder-subscribe--compact) .col-auto { max-width: 46%; -ms-flex: 0 0 46%; flex: 0 0 46%; } } @media (max-width: 991px) { .holder-subscribe-full:not(.holder-subscribe--compact) { padding: 60px 0; } .holder-subscribe-full:not(.holder-subscribe--compact) .row { display: block; } .holder-subscribe-full:not(.holder-subscribe--compact) .col { width: 100%; } .holder-subscribe-full:not(.holder-subscribe--compact) .col .circle_decor { width: 80% !important; } } @media (max-width: 991px) { .holder-subscribe-full:not(.holder-subscribe--compact) { padding: 50px 0; } } .holder-subscribe-full.holder-subscribe--compact { position: relative; padding: 42px 45px; color: #fff; background-color: #5ce1e9; background-repeat: no-repeat; background-size: cover; } @media (max-width: 1199px) { .holder-subscribe-full.holder-subscribe--compact { padding: 40px 40px; } } @media (max-width: 991px) { .holder-subscribe-full.holder-subscribe--compact { padding: 40px 30px; } } @media (max-width: 991px) { .holder-subscribe-full.holder-subscribe--compact { padding: 30px 20px; } } @media only screen and (max-device-width: 1024px) { .holder-subscribe-full .form-control-wrap svg { display: none; } } .popup-newsletter { position: fixed; z-index: 172; right: 0; bottom: -40px; left: 0; padding: 140px 0 180px; transform: translate3d(0, 100%, 0); color: #fff; } @media (min-width: 992px) { .popup-newsletter .row { -ms-flex-align: center; align-items: center; } } @media (max-width: 1600px) { .popup-newsletter { padding: 80px 0 120px; } } @media (max-width: 991px) { .popup-newsletter { padding: 60px 0 100px; } .popup-newsletter .row { display: block; } } @media (max-width: 767px) { .popup-newsletter { padding: 40px 0 80px; } } .popup-newsletter:after { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; content: ''; opacity: .95; background-color: #f8357b; } .popup-newsletter .container { position: relative; z-index: 1; } @media (min-width: 1200px) { .popup-newsletter .row { margin-right: -50px; margin-left: -50px; } .popup-newsletter .row>* { padding: 0 50px; } } @media (max-width: 1199px) { .popup-newsletter .row { margin-right: -30px; margin-left: -30px; } .popup-newsletter .row>* { padding: 0 30px; } } .popup-newsletter img { max-width: 100%; } .popup-newsletter form .errors { position: absolute; top: 100%; color: #fff; } .popup-newsletter-logo { max-width: 350px; margin-bottom: 30px; } @media (max-width: 1860px) { .popup-newsletter-logo { max-width: 300px; } } @media (max-width: 1199px) { .popup-newsletter-logo { max-width: 200px; } } .newsletter-form-title-lg { font-size: 50px; font-weight: 700; line-height: 1.2em; margin-left: -.05em; color: #fff; } @media (max-width: 1860px) { .newsletter-form-title-lg { font-size: 45px; } } @media (max-width: 1600px) { .newsletter-form-title-lg { font-size: 36px; } } @media (max-width: 767px) { .newsletter-form-title-lg { font-size: 26px; } } .newsletter-form-title-lg:not(:last-child) { margin-bottom: 20px; } @media (max-width: 767px) { .newsletter-form-title-lg:not(:last-child) { margin-bottom: 10px; } } .newsletter-form-title-sm { font-size: 17px; font-weight: 600; color: #fff; } @media (max-width: 767px) { .newsletter-form-title-sm { font-size: 15px; font-weight: 500; } } .newsletter-form-title-sm:not(:last-child) { margin-bottom: 20px; } @media (max-width: 767px) { .newsletter-form-title-sm:not(:last-child) { margin-bottom: 10px; } } @media (max-width: 991px) { .newsletter-form { margin-top: 20px; } } .newsletter-form .btn { font-size: 21px; font-weight: 700; line-height: 27px; height: auto !important; padding: 20px 50px; color: #f8357b; background-color: #fff; } .newsletter-form .btn, .newsletter-form .btn:last-child { border-radius: 6px; } .newsletter-form .btn:hover { color: #fff; background-color: #282828; } @media (max-width: 991px) { .newsletter-form .btn { font-size: 14px; font-weight: 700; line-height: 16px; padding: 15px 30px; } } @media (max-width: 767px) { .newsletter-form .btn { width: 100%; } } .newsletter-form .form-control-wrap { position: relative; margin-right: 30px; -ms-flex: 1; flex: 1; } @media (max-width: 1600px) { .newsletter-form .form-control-wrap { min-width: 100%; margin-bottom: 30px; } } @media (max-width: 991px) { .newsletter-form .form-control-wrap { margin-right: 10px; } } @media (max-width: 767px) { .newsletter-form .form-control-wrap { margin-right: 0; } } .newsletter-form .form-control-wrap .bottom { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; transition: all .2s .2s; background-color: #fff; } @media (max-width: 767px) { .newsletter-form .form-control-wrap .bottom { height: 1px; } } .newsletter-form .form-control-wrap input.form-control { font-size: 24px; width: 100%; height: 67px; padding: 0; transition: padding .1s ease .25s; color: #fff; border: 0; background-color: transparent; } .newsletter-form .form-control-wrap input.form-control::-webkit-input-placeholder { text-transform: none; color: #fff; } .newsletter-form .form-control-wrap input.form-control:-moz-placeholder { text-transform: none; color: #fff; } .newsletter-form .form-control-wrap input.form-control::-moz-placeholder { text-transform: none; color: #fff; } .newsletter-form .form-control-wrap input.form-control:-ms-input-placeholder { text-transform: none; color: #fff; } @media (max-width: 1199px) { .newsletter-form .form-control-wrap input.form-control { font-size: 22px; } } @media (max-width: 991px) { .newsletter-form .form-control-wrap input.form-control { font-size: 20px; height: 46px; } } @media (max-width: 767px) { .newsletter-form .form-control-wrap input.form-control { font-size: 18px; } } .newsletter-form .form-control-wrap input.form-control:focus { padding: 0 15px; transition: padding .1s ease; } @media only screen and (min-device-width: 1025px) { .newsletter-form .form-control-wrap input.form-control:focus~.bottom { right: 10px; left: 10px; transition: all .2s 0s; opacity: 0; } } .newsletter-form .form-control-wrap input:-webkit-autofill, .newsletter-form .form-control-wrap input:-webkit-autofill:hover, .newsletter-form .form-control-wrap input:-webkit-autofill:focus, .newsletter-form .form-control-wrap input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px #f8357b inset !important; } .newsletter-form .form-control-wrap input:-webkit-autofill { -webkit-text-fill-color: #fff !important; } .newsletter-form .form-control-wrap svg, .newsletter-form .form-control-wrap svg rect { position: absolute; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; transition: 0s; pointer-events: none; fill: none; } .newsletter-form .form-control-wrap svg rect { width: calc(100% - 4px) !important; height: calc(100% - 4px) !important; transform: rotateY(0) rotateX(180deg) translate(0, -100%); stroke: #fff; stroke-width: 2; stroke-dasharray: 500%; stroke-dashoffset: 500%; } @media (max-width: 767px) { .newsletter-form .form-control-wrap svg rect { stroke-width: 2; } } .newsletter-form .form-control-wrap input.form-control:focus+svg rect { transition: 1s; stroke-dashoffset: 0; } @media (max-width: 767px) { .newsletter-form .form-control-wrap .form-inline { flex-direction: column; -ms-flex-direction: column; } } @media only screen and (max-device-width: 1024px) { .newsletter-form svg { display: none; } } .popup-newsletter-close { font-size: 24px; position: absolute; z-index: 1; top: 15px; right: 15px; display: -ms-flexbox; display: flex; width: 36px; height: 36px; cursor: pointer; transition: .2s; color: #fff; border-radius: 50%; background-color: rgba(0, 0, 0, .2); -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .popup-newsletter-close:hover { opacity: .75; } @media (max-width: 767px) { .popup-newsletter-close { font-size: 24px; width: 32px; height: 32px; } } .popup-newsletter.opened .row>* { animation: anim-elem .3s both; } .popup-newsletter .row>*:first-child { animation-delay: .3s; } .popup-newsletter .row>*:nth-child(2) { animation-delay: .4s; } .popup-newsletter .row>*:nth-child(3) { animation-delay: .5s; } @keyframes anim-elem { 0% { transform: translate3d(0, 100px, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } .newslettermodal--classic.fancybox-content { width: 800px; color: #787878; background: #fff; } .newslettermodal--classic.fancybox-content .popup-newsletter-content { padding: 30px 30px 30px 0; } @media (max-width: 575px) { .newslettermodal--classic.fancybox-content .popup-newsletter-content { padding: 35px 20px; } } .newslettermodal--classic.fancybox-content .newslettermodal-content-title { font-family: system-ui; font-size: 26px; font-weight: bold; line-height: 32px; color: #282828; } .newslettermodal--classic.fancybox-content .popup-newsletter-image { height: 100%; } .newslettermodal--classic.fancybox-content .popup-newsletter-image .placeholder-svg { width: 100px; } .newslettermodal--classic.fancybox-content .popup-newsletter-info-sm { font-size: 11px; line-height: 1.6em; } .newslettermodal--classic.fancybox-content .popup-newsletter-info-sm a { text-decoration: underline; color: #787878; } .newslettermodal--classic.fancybox-content .popup-newsletter-info-sm a:hover { text-decoration: none; } .holder-subscribe-simple { padding: 25px 0; background-color: #5ce1e9; } @media (max-width: 575px) { .holder-subscribe-simple { padding: 20px 0; } } .holder-subscribe-simple .subscribe-form { width: 600px; max-width: 100%; margin: auto; } .holder-subscribe-simple .form-control-wrap { -ms-flex: 1; flex: 1; } .holder-subscribe-simple .form-inline .form-control { width: calc(100% - 25px); border-radius: 4px; } @media (max-width: 575px) { .holder-subscribe-simple .form-inline .form-control .holder-subscribe-simple .form-inline .form-control { width: calc(100% - 15px); } } .holder-subscribe-simple .btn:not(:hover) { color: #000; background-color: #fff; } .holder-subscribe-simple .form-inline .btn:last-child { height: 48px; } @media (max-width: 575px) { .holder-subscribe-simple .form-inline .btn:last-child { height: 44px; } } .holder-subscribe-simple .holder-subscribe-simple-title { margin-bottom: 15px; color: #fff; } body:not(.has-squared-btns):not(.has-round-btns) .form-inline .btn:last-child { border-radius: 4px; } body.has-squared-btns .form-inline .form-control { border-radius: 0; } body.has-round-btns .form-inline .form-control { border-radius: 24px; } /* 9.4. Instagram Block */ .instagram-carousel { position: relative; overflow: hidden; margin: 20px 0; } .instagram-carousel:last-child { margin-bottom: 0; } .instagram-carousel:first-child { margin-top: 0; } @media (max-width: 575px) { .instagram-carousel { margin: 20px -15px 0; } } .instagram-feed-full { overflow: hidden; width: 100%; margin: 0; padding: 0; list-style: none; white-space: nowrap; } .instagram-feed-full a { position: relative; display: block; float: left; width: 16.666%; padding: 0; } .instagram-feed-full a:before { font-family: 'icon-foxic'; font-size: 40px; line-height: 1em; position: absolute; z-index: 1; top: 50%; left: 50%; width: 40px; margin: -20px 0 0 -20px; content: '\e90f'; transition: .3s; transform: scale(.5); text-align: center; opacity: 0; color: #fff; -webkit-backface-visibility: hidden; } .instagram-feed-full a:after { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; content: ''; transition: .3s; opacity: 0; background: #000; } .instagram-feed-full a:hover:before { transform: scale(1); opacity: 1; } .instagram-feed-full a:hover:after { opacity: .35; } .instagram-feed-full a span { position: relative; display: block; overflow: hidden; height: 0; padding-bottom: 100%; } .instagram-feed-full a img { position: absolute; display: block; width: 100%; height: 100%; } .instagram-carousel-arrows { position: absolute; z-index: 1; top: 0; bottom: 0; left: 50%; transition: opacity .2s; transform: translateX(-50%); pointer-events: none; } @media (max-width: 767px) { .instagram-carousel-arrows { left: 0; width: 100%; transform: translate3d(0, 0, 0); } } .instagram-carousel-arrows .slick-prev, .instagram-carousel-arrows .slick-next { font-size: 0; line-height: 0; position: absolute; z-index: 1; top: 50%; display: block; width: 47px; height: 47px; margin-top: -23px; padding: 0; cursor: pointer; transition: .2s; transform: none; pointer-events: auto; opacity: 1; background: rgba(255, 255, 255, .7); } @media (max-width: 575px) { .instagram-carousel-arrows .slick-prev, .instagram-carousel-arrows .slick-next { width: 44px; height: 44px; } } .instagram-carousel-arrows .slick-prev:hover, .instagram-carousel-arrows .slick-next:hover { background: white; } .instagram-carousel-arrows .slick-prev:before, .instagram-carousel-arrows .slick-next:before { font-size: 25px; line-height: 49px; display: inline-block; opacity: 1; color: #000; } @media (max-width: 575px) { .instagram-carousel-arrows .slick-prev:before, .instagram-carousel-arrows .slick-next:before { font-size: 24px; line-height: 44px; } } .instagram-carousel-arrows .slick-prev:hover:before, .instagram-carousel-arrows .slick-next:hover:before { opacity: 1; color: #000; } .instagram-carousel-arrows .slick-prev { right: auto; left: 0; } .instagram-carousel-arrows .slick-next { right: 0; left: auto; } @media (min-width: 992px) { .instagram-carousel-arrows .slick-prev { right: auto; left: -15px; opacity: 0; } .instagram-carousel-arrows .slick-next { right: -15px; left: auto; opacity: 0; } .instagram-carousel:hover .instagram-carousel-arrows .slick-prev { right: auto; left: 0; opacity: 1; } .instagram-carousel:hover .instagram-carousel-arrows .slick-next { right: 0; left: auto; opacity: 1; } } .instagram-grid { position: relative; overflow: hidden; } .instagram-grid>*, .instagram-grid .instagram_gallery { display: -ms-flexbox; display: flex; width: 100%; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .instagram-grid .instagram_gallery { width: calc(100% + 20px); margin-right: -10px; margin-left: -10px; } @media (max-width: 767px) { .instagram-grid .instagram_gallery { margin-right: -5px; margin-left: -5px; } } .instagram-grid:not(.instagram-grid.instagram-grid--sm) a:not(.btn) { max-width: calc(16.666% - 20px); margin-top: 20px; margin-right: 10px; margin-left: 10px; -ms-flex: 0 0 calc(16.666% - 20px); flex: 0 0 calc(16.666% - 20px); } @media (min-width: 992px) { .instagram-grid:not(.instagram-grid.instagram-grid--sm) a:not(.btn):nth-child(-n+6) { margin-top: 0; } } @media (max-width: 991px) { .instagram-grid:not(.instagram-grid.instagram-grid--sm) a:not(.btn) { max-width: calc(20% - 30px); -ms-flex: 0 0 calc(20% - 30px); flex: 0 0 calc(20% - 30px); } .instagram-grid:not(.instagram-grid.instagram-grid--sm) a:not(.btn):nth-child(-n+5) { margin-top: 0; } .instagram-grid:not(.instagram-grid.instagram-grid--sm) a:not(.btn):nth-child(10)~a { display: none; } } @media (max-width: 767px) { .instagram-grid:not(.instagram-grid.instagram-grid--sm) a:not(.btn) { max-width: calc(33.333% - 10px); margin-top: 0; margin-right: 5px; margin-bottom: 10px; margin-left: 5px; -ms-flex: 0 0 calc(33.333% - 10px); flex: 0 0 calc(33.333% - 10px); } .instagram-grid:not(.instagram-grid.instagram-grid--sm) a:not(.btn):nth-child(6)~a { display: none; } } .instagram-grid a:not(.btn) { display: block; -webkit-transform: translateZ(0) scale(1, 1); opacity: 1; -webkit-backface-visibility: hidden; } .instagram-grid a:not(.btn):hover span:after { opacity: .25; } .instagram-grid a:not(.btn) span { position: relative; display: block; overflow: hidden; height: 0; padding-bottom: 100%; } .instagram-grid a:not(.btn) span:after { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; content: ''; transition: opacity .2s; opacity: 0; background: #5ce1e9; } .instagram-grid a:not(.btn) img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; } .instagram-grid--sm a:not(.btn) { max-width: 25%; margin: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } .instagram-grid--sm a:not(.btn) span { padding-bottom: 87.5%; } .instagram-grid-btn { position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); pointer-events: none; } .instagram-grid-btn .btn { pointer-events: all; } /* 9.5. Person Block */ .person-row { margin: -30px -15px 0; -ms-flex-pack: center; justify-content: center; } .person-item { position: relative; max-width: calc(25% - 30px); margin-top: 30px; margin-right: 15px; margin-left: 15px; -ms-flex: 0 0 calc(25% - 30px); flex: 0 0 calc(25% - 30px); } @media (max-width: 991px) { .person-item { max-width: calc(50% - 30px); -ms-flex: 0 0 calc(50% - 30px); flex: 0 0 calc(50% - 30px); } } @media (max-width: 767px) { .person-item { max-width: calc(50% - 30px); -ms-flex: 0 0 calc(50% - 30px); flex: 0 0 calc(50% - 30px); } } @media (max-width: 767px) { .person-item { max-width: calc(100% - 30px); -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); } } .person-item-image { height: 100%; } .person-item img { display: block; width: 100%; margin: 0 auto; } .person-item>*:first-child { margin-top: 0; } .person-item .social-list { -ms-flex-pack: end; justify-content: flex-end; } .person-item .social-list li { font-size: 19px; } .person-item .social-list li a { position: relative; display: -ms-flexbox; display: flex; overflow: hidden; width: 51px; height: 51px; margin: 0 3px; padding: 0 10px; color: #fff; border-radius: 50%; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .person-item .social-list li a [class*='icon'] { position: relative; z-index: 2; } .person-item .social-list li a:after { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; content: ''; transition: .2s; opacity: .4; background: #000; } .person-item .social-list li a:hover { color: #fff; } .person-item .social-list li a:hover:after { opacity: .5; background: #5ce1e9; } .person-item-title { font-size: 37px; font-weight: bold; font-style: italic; line-height: 44px; color: #fff; } @media (max-width: 1860px) { .person-item-title { font-size: 32px; line-height: 38px; } } @media (max-width: 1199px) { .person-item-title { font-size: 28px; line-height: 36px; } } .person-item-socials { pointer-events: all; } .person-item-socials:not(:first-child) { margin-top: 20px; } @media (max-width: 1199px) { .person-item-socials:not(:first-child) { margin-top: 15px; } } .person-item-post { font-size: 15px; font-weight: bold; line-height: 28px; text-transform: uppercase; } .person-item-post:not(:first-child) { margin-top: 15px; } @media (max-width: 1199px) { .person-item-post:not(:first-child) { margin-top: 10px; } } @media (max-width: 1199px) { .person-item-post { font-size: 14px; line-height: 24px; } } .person-item-info { position: absolute; z-index: 1; top: 0; left: 0; display: -ms-flexbox; display: flex; flex-direction: column; width: 100%; height: 100%; padding: 17px 17px 17px 40px; pointer-events: none; color: #fff; -ms-flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 1860px) { .person-item-info { padding: 17px 17px 17px 30px; } } @media (max-width: 1199px) { .person-item-info { padding: 15px 15px 15px 25px; } } /* 9.6. Testimonials Block */ .testimonials-carousel-wrap { position: relative; overflow: hidden; background-color: #fafafa; } @media (max-width: 767px) { .testimonials-carousel-wrap .circle_decor_wrap svg { width: 150% !important; } } .testimonials-carousel { background-repeat: no-repeat; background-size: cover; } .testimonials-item { padding: 81px 30px; } @media (min-width: 1200px) { .testimonials-item--lg-pad { padding: 89px 30px; } } @media (max-width: 1860px) { .testimonials-item { padding: 50px 20px; } } @media (max-width: 1199px) { .testimonials-item { padding: 30px 20px; } } .has-sm-container .testimonials-item { padding: 53px 20px; } @media (max-width: 1860px) { .has-sm-container .testimonials-item { padding: 44px 20px; } } @media (max-width: 1199px) { .has-sm-container .testimonials-item { padding: 30px 20px; } } .testimonials-item-text { font-size: 16px; font-weight: 500; line-height: 30px; position: relative; z-index: 1; color: #0f0909; } @media (max-width: 1399px) { .testimonials-item-text { font-size: 15px; font-weight: 400; line-height: 24px; } } @media (max-width: 575px) { .testimonials-item-text { margin-top: 25px; text-align: center; } } .has-sm-container .testimonials-item-text { font-size: 15px; font-weight: 400; line-height: 24px; } .has-sm-container .testimonials-item-text p { margin: 0; } .has-sm-container .testimonials-item-text p+p { margin-top: 15px; } .testimonials-item-photo { height: 100%; } .testimonials-item-photo img { width: 168px; } .testimonials-item-name { font-size: 20px; line-height: 28px; margin-bottom: 10px; } .testimonials-item-name, .testimonials-item-name a { color: #0f0909; } .testimonials-item-name a { text-decoration: none; } .testimonials-item-name a:hover { color: #5ce1e9; } .testimonials-item-quote { font-size: 50px; position: absolute; z-index: 0; top: 37px; right: 34px; color: #dadbde; } @media (max-width: 1199px) { .testimonials-item-quote { top: 15px; } } .testimonials-carousel-single .testimonials-item { position: relative; display: -ms-flexbox; display: flex; max-width: 900px; margin-right: auto; margin-left: auto; padding: 35px 40px; border-radius: 7px; background-color: #fff; -ms-flex-align: center; align-items: center; } .testimonials-carousel-single .testimonials-item p { margin-top: 15px; } .testimonials-carousel-single .testimonials-item-photo { max-width: 135px; margin-right: 40px; -ms-flex: 0 0 135px; flex: 0 0 135px; } .testimonials-carousel-single .testimonials-item-name { font-size: 22px; line-height: 1.5em; } .testimonials-carousel-single .testimonials-item-quote { font-size: 44px; top: 20px; right: 25px; } @media (max-width: 991px) { .testimonials-carousel-single .testimonials-item-photo { max-width: 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; } } @media (max-width: 767px) { .testimonials-carousel-single .testimonials-item-photo { margin: 0 auto 20px; } .testimonials-carousel-single .testimonials-item-name { font-size: 20px; } .testimonials-carousel-single .testimonials-item { display: block; padding: 30px; text-align: center; } .testimonials-carousel-single .slick-arrows-circle .slick-prev { left: 0; } .testimonials-carousel-single .slick-arrows-circle .slick-prev { right: 0; } } .testimonials-carousel-single .rounded-circle .placeholder-svg { margin-right: auto; margin-left: auto; } .testimonials-carousel-simple { margin-right: -15px; margin-left: -15px; text-align: center; } .testimonials-carousel-simple-item { position: relative; width: calc(50% - 30px); margin-right: 15px; margin-left: 15px; padding: 67px; } @media (max-width: 767px) { .testimonials-carousel-simple-item { width: calc(100% - 30px); padding: 50px; } } @media (max-width: 575px) { .testimonials-carousel-simple-item { padding: 30px; } } .testimonials-carousel-simple-item svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .testimonials-carousel-simple-item svg rect { position: absolute; width: 100%; height: 100%; fill: transparent; stroke-width: 3; stroke: #f4f4f4; } .testimonials-carousel-simple p { padding: 0; } .testimonials-carousel-simple-name { font-size: 17px; font-weight: 700; line-height: 1em; margin-bottom: 30px; color: #5ce1e9; } @media (max-width: 767px) { .testimonials-carousel-simple-name { margin-bottom: 20px; } } @media (max-width: 575px) { .testimonials-carousel-simple-name { margin-bottom: 15px; } } .testimonials-carousel-simple-text { font-size: 17px; line-height: 30px; } .testimonials-carousel-simple+.carousel-arrows .slick-prev, .testimonials-carousel-simple+.carousel-arrows .slick-next { position: static; width: 40px; height: 40px; margin: 0 5px; } .testimonials-carousel-simple+.carousel-arrows .slick-prev:hover:before, .testimonials-carousel-simple+.carousel-arrows .slick-next:hover:before { color: #282828; } .testimonials-carousel-simple+.carousel-arrows .slick-prev:before, .testimonials-carousel-simple+.carousel-arrows .slick-next:before { font-size: 40px; color: #5ce1e9 !important; } .testimonials-carousel-simple+.carousel-arrows .slick-prev:before { content: '\e9bc'; } .testimonials-carousel-simple+.carousel-arrows .slick-next:before { content: '\e9bb'; } /* 9.7. Text plus Icons Block */ .text-icn-blocks-row { display: -ms-flexbox; display: flex; margin-top: -30px; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .text-icn-block { max-width: 20%; margin-top: 30px; text-align: center; -ms-flex: 0 0 20%; flex: 0 0 20%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .text-icn-block { max-width: 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; } } @media (max-width: 767px) { .text-icn-block { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } } .text-icn-block .icn { font-size: 70px; position: relative; color: #637381; } @media (max-width: 767px) { .text-icn-block .icn { font-size: 60px; } } @media (max-width: 575px) { .text-icn-block .icn { font-size: 50px; } } .text-icn-block .icn svg { max-height: 100px; } .text-icn-block .icn svg path { fill: currentColor !important; } @media (max-width: 767px) { .text-icn-block .icn svg { max-height: 80px; } } @media (max-width: 575px) { .text-icn-block .icn svg { max-height: 60px; } } .text-icn-block .text { font-size: 17px; font-weight: 500; line-height: 28px; padding: 25px 35px 0; } @media (max-width: 991px) { .text-icn-block .text { font-size: 15px; line-height: 27px; padding: 25px 15px 0; } } @media (max-width: 575px) { .text-icn-block .text { font-size: 14px; line-height: 23px; padding: 15px 10px 0; } } .text-icn-block:last-child .icn:after { display: none; } @media (min-width: 992px) { .text-icn-block:nth-child(n+5) .icn:after { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .text-icn-block:nth-child(n+3) .icn:after { display: none; } } @media (max-width: 767px) { .text-icn-block:nth-child(even) .icn:after { display: none; } } .text-icn-block-hor { display: -ms-flexbox; display: flex; margin-top: 30px; -ms-flex: 1 1 20%; flex: 1 1 20%; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1399px) { .text-icn-block-hor { -ms-flex: 0 1 33.333%; flex: 0 1 33.333%; } } @media (max-width: 991px) { .text-icn-block-hor { -ms-flex: 0 1 50%; flex: 0 1 50%; } } @media (max-width: 575px) { .text-icn-block-hor { -ms-flex: 100%; flex: 100%; } } .text-icn-block-hor h3, .text-icn-block-hor h4, .text-icn-block-hor h5 { margin-bottom: 7px; } @media (max-width: 575px) { .text-icn-block-hor h3, .text-icn-block-hor h4, .text-icn-block-hor h5 { margin-bottom: 5px; } } .text-icn-block-hor p { margin-top: 0; } .text-icn-block-hor a { color: #282828; } .text-icn-block-hor a:hover { color: #5ce1e9; } .text-icn-block-hor .icn { font-size: 48px; position: relative; max-width: 70px; text-align: center; color: #637381; -ms-flex: 0 0 70px; flex: 0 0 70px; } @media (max-width: 1860px) { .text-icn-block-hor .icn { font-size: 44px; max-width: 60px; -ms-flex: 0 0 60px; flex: 0 0 60px; } } @media (max-width: 991px) { .text-icn-block-hor .icn { font-size: 40px; max-width: 50px; -ms-flex: 0 0 50px; flex: 0 0 50px; } } @media (max-width: 575px) { .text-icn-block-hor .icn { font-size: 36px; max-width: 50px; -ms-flex: 0 0 50px; flex: 0 0 50px; } } .text-icn-block-hor .icn:after { position: absolute; top: 10px; left: -20px; width: 1px; height: 60px; content: ''; background-color: #e9e9e9; } @media (max-width: 1860px) { .text-icn-block-hor .icn:after { left: -15px; } } .text-icn-block-hor svg { max-width: 100px; } .text-icn-block-hor svg path { fill: currentColor !important; } @media (min-width: 1400px) { .text-icn-block-hor:nth-child(5n+1) .icn:after { opacity: 0; } } @media (max-width: 1399px) and (min-width: 992px) { .text-icn-block-hor:nth-child(3n+1) .icn:after { opacity: 0; } } @media (max-width: 991px) and (min-width: 576px) { .text-icn-block-hor:nth-child(odd) .icn:after { opacity: 0; } } @media (max-width: 575px) { .text-icn-block-hor .icn:after { opacity: 0; } } .text-icn-block-hor .text { font-size: 15px; line-height: 23px; padding: 0 35px 0 15px; -ms-flex: 1; flex: 1; } @media (max-width: 1860px) { .text-icn-block-hor .text { font-size: 14px; line-height: 20px; padding: 0 25px 0 10px; } } @media (max-width: 767px) { .text-icn-block-hor .text { font-size: 14px; line-height: 20px; padding: 0 25px 0 10px; } } @media (max-width: 575px) { .text-icn-block-hor .text { padding: 0 0 0 10px; } } .text-icn-block-hor .text a { text-decoration: underline; color: inherit; } .text-icn-block-hor .text a:hover { text-decoration: none; color: #5ce1e9; } .text-icn-block-hor .text a[class*='icon'] { font-size: 20px; line-height: 1.25em; text-decoration: none; color: #637381; } .text-icn-block-hor .text a[class*='icon']+a[class*='icon'] { margin-left: 10px; text-decoration: none; } .text-icn-block-hor .text a[class*='icon']:hover { color: inherit; } .text-icn-blocks-row--nodivider .icn:after { display: none !important; } .text-icn-blocks-bg-row { display: -ms-flexbox; display: flex; margin-right: -15px; margin-left: -15px; -ms-flex-pack: center; justify-content: center; } @media (max-width: 575px) { .text-icn-blocks-bg-row { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .text-icn-block-bg { display: -ms-flexbox; display: flex; max-width: 33.333%; margin: 0 15px; padding: 30px 20px; transition: .2s; background-color: #f7f7f8; -ms-flex: 1; flex: 1; } @media (min-width: 576px) and (max-width: 1199px) { .text-icn-block-bg { flex-direction: column; text-align: center; -ms-flex-direction: column; -ms-flex-align: center; align-items: center; } } @media (max-width: 575px) { .text-icn-block-bg { max-width: 100%; padding: 10px 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; } .text-icn-block-bg:first-child { padding-top: 40px; } .text-icn-block-bg:last-child { padding-bottom: 40px; } } .text-icn-block-bg h3, .text-icn-block-bg h4, .text-icn-block-bg h5 { margin-bottom: 10px; } @media (max-width: 575px) { .text-icn-block-bg h3, .text-icn-block-bg h4, .text-icn-block-bg h5 { margin-bottom: 5px; } } .text-icn-block-bg p { margin-top: 0; } .text-icn-block-bg .icn { font-size: 80px; position: relative; max-width: 110px; text-align: center; color: #637381; -ms-flex: 0 0 110px; flex: 0 0 110px; } @media (max-width: 1199px) { .text-icn-block-bg .icn { font-size: 70px; max-width: 110px; -ms-flex: 0 0 110px; flex: 0 0 110px; } } @media (max-width: 991px) { .text-icn-block-bg .icn { font-size: 60px; max-width: 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; } } @media (max-width: 575px) { .text-icn-block-bg .icn { font-size: 50px; max-width: 70px; text-align: inherit; -ms-flex: 0 0 70px; flex: 0 0 70px; } } .text-icn-block-bg .icn>svg { max-width: 80px; max-height: 80px; } .text-icn-block-bg .icn>svg path { fill: currentcolor; } @media (max-width: 1199px) { .text-icn-block-bg .icn>svg { max-width: 70px; max-height: 70px; } } @media (max-width: 991px) { .text-icn-block-bg .icn>svg { max-width: 60px; max-height: 60px; } } @media (max-width: 575px) { .text-icn-block-bg .icn>svg { max-width: 50px; max-height: 50px; } } .text-icn-block-bg .text { font-size: 15px; line-height: 23px; padding: 0 0 0 15px; -ms-flex: 1; flex: 1; } @media (min-width: 576px) and (max-width: 1199px) { .text-icn-block-bg .text { padding: 0; } } @media (max-width: 767px) { .text-icn-block-bg .text { font-size: 14px; line-height: 20px; padding: 0 25px 0 10px; } } @media (max-width: 575px) { .text-icn-block-bg .text { padding: 0; } } .text-icn-block-bg:hover { background-color: transparent; } .text-icn-block-bg--column { flex-direction: column; text-align: center; -ms-flex-direction: column; -ms-flex-align: center; align-items: center; } .text-icn-block-bg--column .icn { max-width: auto; margin: 0 auto 20px; -ms-flex: 0 0 auto; flex: 0 0 auto; } .text-icn-block-bg--column .text { padding: 0; } .text-icn-block-full { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .text-icn-block-full h3, .text-icn-block-full h4, .text-icn-block-full h5 { margin-bottom: 0; } @media (max-width: 575px) { .text-icn-block-full h3, .text-icn-block-full h4, .text-icn-block-full h5 { margin-bottom: 5px; } } .text-icn-block-full p { margin-top: 0; } .text-icn-block-full .icn { font-size: 50px; position: relative; max-width: 65px; text-align: center; color: #637381; -ms-flex: 0 0 65px; flex: 0 0 65px; } .text-icn-block-full .icn>svg { position: relative; top: 0; width: 50px; height: 50px; color: #637381; } .text-icn-block-full .icn>svg path { fill: currentcolor; } .text-icn-block-full .text { font-size: 15px; line-height: 23px; padding: 0 0 0 15px; -ms-flex: 1; flex: 1; } .text-icn-block-full:not(:last-child):after { min-width: 100%; height: 1px; margin-top: 30px; margin-bottom: 30px; content: ''; background-color: #e9e9e9; } .text-icn-block-full-column { text-align: center; } .text-icn-block-full-column h3 { font-size: 26px; line-height: 1.2em; margin-bottom: 10px; } @media (max-width: 575px) { .text-icn-block-full-column h3 { font-size: 20px; } } .text-icn-block-full-column h4, .text-icn-block-full-column h5 { font-size: 21px; line-height: 1.2em; margin-bottom: 10px; } @media (max-width: 575px) { .text-icn-block-full-column h4, .text-icn-block-full-column h5 { font-size: 18px; } } .text-icn-block-full-column p { margin-top: 0; } .text-icn-block-full-column .icn { font-size: 45px; position: relative; margin: 0 auto; text-align: center; color: #637381; } .text-icn-block-full-column .icn>svg { position: relative; top: 0; width: 45px; height: 45px; } .text-icn-block-full-column .icn>svg path { fill: currentcolor; } .text-icn-block-full-column .icn-arrow { font-size: 45px; position: absolute; top: 30px; right: 0; text-align: center; color: #637381; } .text-icn-block-full-column .icn-arrow>svg { position: relative; top: 0; width: 60px; height: 60px; filter: drop-shadow(2px 2px 0px white); } .text-icn-block-full-column .icn-arrow>svg path { fill: currentcolor; } .text-icn-block-full-column .text { font-size: 16px; line-height: 24px; padding: 15px 0 0 0; } @media (max-width: 575px) { .text-icn-block-full-column .text { font-size: 14px; line-height: 22px; } } .text-icn-block-full-column+* { margin-top: 70px; } @media (max-width: 767px) { .text-icn-block-full-column+* { margin-top: 50px; } } @media (max-width: 575px) { .text-icn-block-full-column+* { margin-top: 0; } } .text-icn-block-full-column.text-right .icn-arrow { right: auto; left: 0; transform: scaleX(-1); } @media (max-width: 767px) { .text-icn-block-full-column.text-right .icn-arrow { transform: scale(-1); } } .text-icn-block-bg-white { display: -ms-flexbox; display: flex; max-width: 33.333%; padding: 30px 20px; color: #fff; -ms-flex: 1; flex: 1; } @media (min-width: 576px) and (max-width: 1199px) { .text-icn-block-bg-white { flex-direction: column; text-align: center; -ms-flex-direction: column; -ms-flex-align: center; align-items: center; } } @media (max-width: 575px) { .text-icn-block-bg-white { max-width: 100%; padding: 10px 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; } .text-icn-block-bg-white:first-child { padding-top: 40px; } .text-icn-block-bg-white:last-child { padding-bottom: 40px; } } .text-icn-block-bg-white h3, .text-icn-block-bg-white h4, .text-icn-block-bg-white h5 { margin-bottom: 10px; color: #fff; } @media (max-width: 575px) { .text-icn-block-bg-white h3, .text-icn-block-bg-white h4, .text-icn-block-bg-white h5 { margin-bottom: 5px; } } .text-icn-block-bg-white p { margin-top: 0; } .text-icn-block-bg-white .icn { font-size: 80px; position: relative; max-width: 110px; text-align: center; color: #5ce1e9; -ms-flex: 0 0 110px; flex: 0 0 110px; } @media (max-width: 1199px) { .text-icn-block-bg-white .icn { font-size: 70px; max-width: 110px; -ms-flex: 0 0 110px; flex: 0 0 110px; } } @media (max-width: 991px) { .text-icn-block-bg-white .icn { font-size: 60px; max-width: 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; } } @media (max-width: 575px) { .text-icn-block-bg-white .icn { font-size: 50px; max-width: 67px; text-align: inherit; -ms-flex: 0 0 67px; flex: 0 0 67px; } } .text-icn-block-bg-white .icn>svg { max-width: 80px; max-height: 80px; } .text-icn-block-bg-white .icn>svg path { fill: currentcolor; } @media (max-width: 1199px) { .text-icn-block-bg-white .icn>svg { max-width: 70px; max-height: 70px; } } @media (max-width: 991px) { .text-icn-block-bg-white .icn>svg { max-width: 50px; max-height: 50px; } } @media (max-width: 575px) { .text-icn-block-bg-white .icn>svg { max-width: 50px; max-height: 50px; } } .text-icn-block-bg-white .text { font-size: 15px; line-height: 23px; padding: 0 0 0 15px; -ms-flex: 1; flex: 1; } @media (min-width: 576px) and (max-width: 1199px) { .text-icn-block-bg-white .text { padding: 0; } } @media (max-width: 767px) { .text-icn-block-bg-white .text { font-size: 14px; line-height: 20px; padding: 0 25px 0 10px; } } @media (max-width: 575px) { .text-icn-block-bg-white .text { padding: 0; } } .text-icn-block-footer { display: -ms-flexbox; display: flex; max-width: 33.333%; padding: 45px 15px; color: #fff; -ms-flex: 1; flex: 1; } @media (max-width: 575px) { .text-icn-block-footer { max-width: 100%; padding: 25px 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; } .text-icn-block-footer:not(:first-child) { padding-top: 0; } } .text-icn-block-footer p { margin-top: 0; } .text-icn-block-footer h3, .text-icn-block-footer h4, .text-icn-block-footer h5 { font-size: 16px; font-weight: 600; line-height: 24px; margin-bottom: 8px; color: #fff; } .text-icn-block-footer .icn { font-size: 62px; position: relative; top: -.11em; max-width: 62px; color: inherit; -ms-flex: 0 0 62px; flex: 0 0 62px; } @media (max-width: 767px) { .text-icn-block-footer .icn { font-size: 52px; max-width: 52px; -ms-flex: 0 0 52px; flex: 0 0 52px; } } .text-icn-block-footer .icn>svg { max-width: 62px; max-height: 62px; } @media (max-width: 767px) { .text-icn-block-footer .icn>svg { max-width: 52px; max-height: 52px; } } .text-icn-block-footer .icn>svg path { fill: currentcolor; } .text-icn-block-footer .text { padding: 0 0 0 15px; -ms-flex: 1; flex: 1; } .text-icn-block-footer .text, .text-icn-block-footer .text p { font-size: 14px; font-weight: 400; line-height: 1.6em; } @media (max-width: 575px) { .text-icn-block-footer .text, .text-icn-block-footer .text p { font-size: 13px; } } .icn-block+.icn-block { margin-top: 30px; } .icn-block { position: relative; padding-left: 36px; } .h-icon { display: -ms-flexbox; display: flex; margin-bottom: 10px; -ms-flex-align: baseline; -moz-align-items: baseline; align-items: baseline; } @media (max-width: 575px) { .h-icon { margin-bottom: 5px; } } .h-icon>[class*='icon']:first-child { font-size: 1.4em; position: relative; top: .2em; padding: 0 10px 0 0; } .h-icon>svg { max-width: 33px; max-height: 23px; color: #5ce1e9; } .h-icon>svg path { fill: currentcolor; } .h-icon>svg:first-child { position: relative; top: .2em; padding: 0 10px 0 0; } .h-icon--lg { font-size: 20px; } .h-icon--lg>[class*='icon']:first-child { font-size: 26px; position: absolute; top: .1em; left: 0; width: 36px; color: #5ce1e9; } .h-icon--lg>svg { max-width: 40px; max-height: 30px; color: #5ce1e9; } .h-icon--lg>svg path { fill: currentcolor; } .h-icon--lg>svg:first-child { position: absolute; top: -.2em; left: 0; } .text-icn-blocks-with-title { -ms-flex-align: center; align-items: center; } .text-icn-blocks-with-title .title-wrap { margin-bottom: 0; } @media (max-width: 767px) { .text-icn-blocks-with-title .title-wrap { margin-bottom: 20px; } } .text-icn-blocks-with-title .title-wrap>* { font-size: 36px; font-weight: 600; line-height: 42px; margin-bottom: 0; color: #5ce1e9; } @media (max-width: 767px) { .text-icn-blocks-with-title .title-wrap>* { font-size: 30px; line-height: 36px; } } @media (max-width: 575px) { .text-icn-blocks-with-title .title-wrap>* { font-size: 24px; line-height: 32px; } } .text-icn-blocks-with-title .text-icn-block-bg { background-color: #f7f7f8; } .holder-text-icn-blocks-single { background: #5ce1e9; } .text-icn-blocks-single { color: #fff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .text-icn-blocks-single-icon { font-size: 65px; } @media (max-width: 991px) { .text-icn-blocks-single-icon { font-size: 50px; } } @media (max-width: 575px) { .text-icn-blocks-single-icon { font-size: 60px; } } .text-icn-blocks-single-icon>svg { max-width: 65px; max-height: 65px; } .text-icn-blocks-single-icon>svg path { fill: currentcolor; } @media (max-width: 991px) { .text-icn-blocks-single-icon>svg { max-width: 50px; max-height: 50px; } } @media (max-width: 575px) { .text-icn-blocks-single-icon>svg { max-width: 60px; max-height: 60px; } } .text-icn-blocks-single-text1 { font-size: 25px; line-height: 1.2em; } @media (max-width: 575px) { .text-icn-blocks-single-text1 { font-size: 22px; } } .text-icn-blocks-single-text2 { font-size: 16px; line-height: 1.2em; margin-top: 10px; } @media (max-width: 575px) { .text-icn-blocks-single-text2 { font-size: 14px; } } .text-icn-blocks-single-text3 { font-size: 39px; line-height: 1.2em; } .text-icn-blocks-single-text3 b { font-weight: 700; } @media (max-width: 1199px) { .text-icn-blocks-single-text3 { font-size: 34px; } } @media (max-width: 991px) { .text-icn-blocks-single-text3 { font-size: 32px; } } @media (max-width: 767px) { .text-icn-blocks-single-text3 { font-size: 28px; } } @media (max-width: 575px) { .text-icn-blocks-single-text3 { font-size: 24px; } } @media (min-width: 1200px) { .text-icn-blocks-single-text { min-width: 50%; } } @media (max-width: 575px) { .text-icn-blocks-single { text-align: center; } .text-icn-blocks-single>*+* { margin-top: 15px; } } .text-icn-blocks-single .btn:not(:hover) { color: #282828; background-color: #fff; } /* 9.8. Facts Block */ .fact-blocks-row { margin-top: -30px; } .fact-block { margin-top: 30px; text-align: center; } .fact-block .number { font-size: 100px; font-weight: 800; line-height: 1.1em; color: #5ce1e9; } @media (max-width: 1860px) { .fact-block .number { font-size: 90px; } } @media (max-width: 1199px) { .fact-block .number { font-size: 70px; } } @media (max-width: 991px) { .fact-block .number { font-size: 60px; } } @media (max-width: 767px) { .fact-block .number { font-size: 40px; } } .fact-block .title { font-family: system-ui; font-size: 24px; font-weight: 600; line-height: 36px; } @media (max-width: 991px) { .fact-block .title { font-size: 20px; font-weight: 700; line-height: 30px; } } @media (max-width: 767px) { .fact-block .title { font-size: 17px; line-height: 28px; } } .fact-block .text { font-size: 16px; font-weight: 500; line-height: 28px; padding: 25px 35px 0; } @media (max-width: 1199px) { .fact-block .text { font-size: 15px; line-height: 26px; padding: 20px 0 0; } } @media (max-width: 767px) { .fact-block .text { font-size: 14px; line-height: 24px; padding: 10px 0 0; } } .fact-block .text a { text-decoration: underline; color: inherit; } .fact-block .text a:hover { text-decoration: none; } /* 9.9. Contact Forms */ .contact-info { display: -ms-flexbox; display: flex; margin-top: 30px; } .contact-info-icon { font-size: 24px; line-height: 1em; width: 35px; color: #0f0909; } .contact-info-title { font-size: 14px; font-weight: bold; line-height: 24px; width: 80px; text-transform: uppercase; color: #0f0909; } .contact-info-text { font-size: 14px; line-height: 18px; margin-left: 15px; text-transform: uppercase; -ms-flex: 1; flex: 1; } .contact-map iframe { position: relative; display: block; overflow: hidden; width: 100%; height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 0; -webkit-touch-callout: none; } @media (min-width: 576px) { .contact-map { height: 100%; } } @media (max-width: 575px) { .contact-map, .contact-map iframe { overflow: hidden; height: 250px; } } .form-card-bg { position: relative; z-index: 1; margin-top: 60px; padding: 50px 30px 0; background-color: #f7f8f8; } @media (max-width: 991px) { .form-card-bg { margin-top: 50px; } } @media (max-width: 767px) { .form-card-bg { margin-top: 30px; padding: 35px 30px 0; } } .form-card-bg .form-wrapper { max-width: 1200px; margin-top: 20px; margin-right: auto; margin-left: auto; } @media (max-width: 767px) { .form-card-bg .form-wrapper:not(:first-child) { margin-top: -20px; } } .form-card-bg .form-control, .form-card-bg .form-control:focus { background: #fff; } .form-card-bg .btn-submit { transform: translateY(50%); } .contact-map-under-form iframe, .contact-map-under-form.image-wrap { position: relative; z-index: 0; width: 100%; height: 680px; margin-top: -280px; } @media (max-width: 575px) { .contact-map-under-form iframe, .contact-map-under-form.image-wrap { height: 450px; margin-top: -200px; } } .contact-map-fullwidth { position: relative; width: 100%; height: 300px; } .contact-map-fullwidth iframe { position: relative; display: block; width: 100%; height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 0; -webkit-touch-callout: none; } .contact-map-fullwidth-cover { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; opacity: .5; background-color: #5ce1e9; mix-blend-mode: multiply; } .contact-block-bg { overflow: hidden; padding: 100px 125px 100px 220px; background-size: cover; } @media (max-width: 1199px) { .contact-block-bg { padding: 80px; } } @media (max-width: 991px) { .contact-block-bg { padding: 50px; } } @media (max-width: 767px) { .contact-block-bg { padding: 30px; } } @media (max-width: 575px) { .contact-block-bg { padding: 30px; } } /* 9.10. Creative Carouse */ .creative-product-carousel .prd-labels { position: absolute; z-index: 1; top: auto; bottom: 30px; left: 15px; } @media (max-width: 767px) { .creative-product-carousel .prd-labels { bottom: 15px; } } .creative-product-carousel .prd-info { margin-top: 20px; } @media (max-width: 767px) { .creative-product-carousel .prd-info { margin-top: 15px; } } .creative-product-carousel .label-sale { font-size: 25px; font-weight: 800; font-style: italic; line-height: 1em; position: relative; display: -ms-flexbox; display: flex; width: 111px; height: 111px; text-align: center; color: #fff; background-color: transparent; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .creative-product-carousel .label-sale:before { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: 0; border-radius: 50%; background-color: #fff; } .creative-product-carousel .label-sale:after { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; content: ''; border-radius: 50%; background-color: #f8357b; } .creative-product-carousel .label-sale span { position: relative; z-index: 2; width: 100%; } @media (max-width: 1199px) { .creative-product-carousel .label-sale { font-size: 18px; width: 90px; height: 90px; } } @media (max-width: 767px) { .creative-product-carousel .label-sale { font-size: 16px; width: 70px; height: 70px; } } .creative-product-carousel .creative-product-carousel-item>.row>.col:hover .label-sale { color: #f8357b; } .creative-product-carousel .creative-product-carousel-item>.row>.col:hover .label-sale:after { transform: scale(1.2); } .creative-product-carousel .creative-product-carousel-item>.row>.col:hover .label-sale:before { opacity: 1; } .creative-product-carousel .prd-title { font-size: 19px; line-height: 28px; transition: color .2s; } .creative-product-carousel .prd-title, .creative-product-carousel .prd-title a { color: #282828; } .creative-product-carousel .prd-title a:hover { color: #5ce1e9; } .creative-product-carousel .prd-title:not(:first-child) { margin-top: 10px; } @media (max-width: 1199px) { .creative-product-carousel .prd-title { font-size: 18px; line-height: 26px; } } @media (max-width: 991px) { .creative-product-carousel .prd-title { font-size: 16px; line-height: 22px; } } @media (max-width: 575px) { .creative-product-carousel .prd-title { font-size: 14px; line-height: 20px; } } .creative-product-carousel .slick-slide { overflow: hidden; opacity: 1 !important; } .creative-product-carousel .slick-current.slick-active .label-sale:before, .creative-product-carousel .slick-current.slick-active .label-sale:after { transition: .2s; } .creative-product-carousel-item>.row { position: relative; z-index: 2; } .creative-product-carousel-item>.row.four-in-row>.col { max-width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } @media (max-width: 991px) { .creative-product-carousel-item>.row.four-in-row>.col { max-width: 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; } .creative-product-carousel-item>.row.four-in-row>.col:nth-child(3)~.col { display: none; } } @media (max-width: 767px) { .creative-product-carousel-item>.row.four-in-row>.col { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .creative-product-carousel-item>.row.four-in-row>.col:nth-child(2)~.col { display: none; } } .creative-product-carousel-item>.row.one-in-row>.col { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .creative-product-carousel-item>.row.two-in-row>.col { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } @media (max-width: 991px) { .creative-product-carousel-item>.row.two-in-row>.col { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media (max-width: 767px) { .creative-product-carousel-item>.row.two-in-row>.col { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } } .creative-product-carousel-item>.row.three-in-row>.col { max-width: 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; } @media (max-width: 991px) { .creative-product-carousel-item>.row.three-in-row>.col { max-width: 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; } } @media (max-width: 767px) { .creative-product-carousel-item>.row.three-in-row>.col { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .creative-product-carousel-item>.row.three-in-row>.col:nth-child(2)~.col { display: none; } } .creative-product-carousel-text { font-size: 10vw; font-weight: 800; font-style: italic; line-height: 1em; position: absolute; z-index: 1; top: 0; left: 0; padding: 0 .1em; color: #5ce1e9; } @media (max-width: 1199px) { .creative-product-carousel-text { font-size: 14vw; } } @media (max-width: 767px) { .creative-product-carousel-text { font-size: 16vw; } } @media (max-width: 767px) { .creative-product-carousel-text { font-size: 18vw; } } @media (max-width: 575px) { .creative-product-carousel-text { font-size: 20vw; } } .creative-product-carousel-hovers:not(:first-child) { margin-top: 10px; } @media (min-width: 992px) { .creative-product-carousel-hovers { overflow: hidden; height: 46px; } } .creative-product-carousel-action { margin-top: 12px; } .creative-product-carousel-action .btn { max-height: 46px; transition: 0s; } @media (max-width: 575px) { .creative-product-carousel-action .btn { width: 100%; padding-right: 10px; padding-left: 10px; } } @media (min-width: 992px) { .creative-product-carousel-action { position: relative; margin-top: 0; transform: translate3d(0, 0, 0); } .creative-product-carousel-item .col:hover .creative-product-carousel-hovers .creative-product-carousel-price { transform: translateY(-46px); } .creative-product-carousel-item .col:hover .creative-product-carousel-hovers .creative-product-carousel-action { transform: translateY(-46px); } } .creative-product-carousel-price { display: -ms-inline-flexbox; display: inline-flex; margin-right: -5px; margin-left: -5px; color: #282828; -ms-flex-align: baseline; -moz-align-items: baseline; align-items: baseline; } .creative-product-carousel-price:not(:first-child) { margin-top: 10px; } .creative-product-carousel-price>* { margin: 0 5px; } .creative-product-carousel-price .price-old { font-family: system-ui; font-size: 18px; font-weight: 500; line-height: 1em; text-decoration: line-through; } @media (max-width: 767px) { .creative-product-carousel-price .price-old { font-size: 14px; } } .creative-product-carousel-price .price-new { font-family: system-ui; font-size: 20px; font-weight: 600; line-height: 1em; color: #282828; } @media (max-width: 767px) { .creative-product-carousel-price .price-new { font-size: 22px; } } @media (min-width: 992px) { .creative-product-carousel-hovers .creative-product-carousel-price { height: 46px; transform: translate3d(0, 0, 0); } } @media (min-width: 992px) { .creative-product-carousel .slick-current.slick-active .creative-product-carousel-hovers .creative-product-carousel-price { transition: .2s; } } .creative-product-carousel .slick-current.slick-active .creative-product-carousel-hovers .creative-product-carousel-action, .creative-product-carousel .slick-current.slick-active .creative-product-carousel-hovers .btn { transition: .2s; } .creative-product-carousel-item .col, .creative-product-carousel-text { visibility: hidden; opacity: 1; } .creative-product-carousel-item .animated { visibility: visible; animation-duration: .5s; opacity: 1; animation-fill-mode: both; } .creative-product-carousel-item .creative-product-carousel-text.animated { animation-duration: 1s; } .creative-product-carousel-wrap { position: relative; display: -ms-flexbox; display: flex; } .creative-product-carousel-wrap .creative-product-carousel { max-width: calc(100% - 150px); -ms-flex: 0 0 calc(100% - 150px); flex: 0 0 calc(100% - 150px); } .creative-product-carousel-wrap .collection-grid-1-vertical { position: relative; z-index: 3; max-width: 117px; margin-left: auto; -ms-flex: 0 0 117px; flex: 0 0 117px; } .creative-product-carousel-wrap .collection-grid-1-vertical .slick-list { height: auto !important; } .creative-product-carousel-wrap .collection-grid-1-item { padding: 0; transition: .1s; } .creative-product-carousel-wrap .collection-grid-1-item.disable { opacity: .75; } .creative-product-carousel-wrap .collection-grid-1-item .collection-grid-1-item-inside { width: 117px; height: 117px; margin: 0 auto; } .creative-product-carousel--reversed { flex-direction: row-reverse; -ms-flex-direction: row-reverse; } .creative-product-carousel--reversed .collection-grid-1-vertical { margin-right: auto; margin-left: 0; } @media (max-width: 991px) { .creative-product-carousel-wrap .collection-grid-1-item .collection-grid-1-item-inside { width: 90px; height: 90px; } } @media (max-width: 767px) { .creative-product-carousel-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .creative-product-carousel-wrap .collection-grid-1-vertical { max-width: 100%; margin: 0 auto 20px; -ms-flex-order: -1; order: -1; -ms-flex: 0 0 100%; flex: 0 0 100%; } .creative-product-carousel-wrap .creative-product-carousel { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .creative-product-carousel-wrap .collection-grid-1-item .collection-grid-1-item-inside { width: 80px; height: 80px; } .js-creative-product-carousel-tabs .slick-track { transform: translate3d(0px, 0px, 0px) !important; } } @media (max-width: 575px) { .creative-product-carousel-wrap .collection-grid-1-vertical { margin: 0 -2px 20px; } .creative-product-carousel-wrap .collection-grid-1-item { padding: 0 2px; } .creative-product-carousel-wrap .collection-grid-1-item .collection-grid-1-item-inside { width: 100%; } } .creative-product-carousel-item img.lazyloading { background-color: rgba(0, 0, 0, 0); } .creative-product-carousel-loader { position: absolute; z-index: 2; top: 0; left: 0; display: -ms-flexbox; display: flex; width: 100%; height: 100%; transition: opacity .5s; pointer-events: none; opacity: 0; background: rgba(255, 255, 255, .4); -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .creative-product-carousel-wrap.loading+.creative-product-carousel-loader { opacity: 1; } .creative-product-carousel-wrap-single .prd-info-col>*+* { margin-top: 20px; } @media (max-width: 991px) { .creative-product-carousel-wrap-single .prd-info-col>*+* { margin-top: 15px; } } .creative-product-carousel-wrap-single .prd-title, .creative-product-carousel-wrap-single .prd-title a { font-size: 44px; font-weight: 600; line-height: 1.2em; } @media (max-width: 991px) { .creative-product-carousel-wrap-single .prd-title, .creative-product-carousel-wrap-single .prd-title a { font-size: 36px; } } @media (max-width: 767px) { .creative-product-carousel-wrap-single .prd-title, .creative-product-carousel-wrap-single .prd-title a { font-size: 30px; } } .creative-product-carousel-wrap-single .prd-price { font-size: 28px; transition: 0s; } @media (max-width: 991px) { .creative-product-carousel-wrap-single .prd-price { font-size: 24px; } } @media (max-width: 767px) { .creative-product-carousel-wrap-single .prd-price { font-size: 20px; } } .creative-product-carousel-wrap-single .btn:not([data-animation]) { transition: 0s; } .creative-product-carousel-wrap-single .collection-grid-1-item { margin-top: 15px; padding: 0; } .creative-product-carousel-wrap-single .collection-grid-1-item:hover a, .creative-product-carousel-wrap-single .collection-grid-1-item.active a { transition: .2s; border: 2px solid #607d8b !important; } .creative-product-carousel-wrap-single .collection-grid-1-item .collection-grid-1-item-inside { width: 92px; height: 92px; } @media (max-width: 991px) { .creative-product-carousel-wrap-single .collection-grid-1-item .collection-grid-1-item-inside { width: 80px; height: 80px; } } .creative-product-carousel-wrap-single .collection-grid-1-item .collection-grid-1-item-inside { overflow: hidden; border-radius: 100%; } .creative-product-carousel-wrap-single .collection-grid-1.collection-grid-1-vertical { -ms-flex-pack: center; justify-content: center; } .creative-product-carousel-wrap-single .collection-grid-1-item img { object-fit: contain; } .creative-product-carousel-wrap-single .creative-product-carousel-item.slick-slide { visibility: hidden; opacity: 0; } .creative-product-carousel-wrap-single .creative-product-carousel-item.slick-slide.slick-active { visibility: visible; opacity: 1; } .creative-product-carousel-wrap-single .creative-product-carousel:not(.slick-initialized) { max-height: 592px; } /* 9.11. Welcome Block */ .holder-welcome-block { position: relative; background-color: #f8f8f8; } .holder-welcome-block .container { padding-top: 50px; padding-bottom: 50px; } @media (max-width: 575px) { .holder-welcome-block .container { padding-top: 30px; padding-bottom: 30px; } } .welcome-block { -ms-flex-align: center; align-items: center; } .welcome-block-image { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media (max-width: 991px) { .welcome-block-image { overflow: hidden; max-width: 600px; margin-top: 30px; margin-right: auto; margin-left: auto; -ms-flex-order: 2; order: 2; } } .welcome-block-image img { position: relative; z-index: 2; max-width: 100%; } .welcome-block-image .circle_decor { top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(60deg); } @media (min-width: 992px) { .welcome-block>.welcome-block-btn { display: none; } } @media (max-width: 991px) { .welcome-block>.welcome-block-btn { width: 100%; margin: 15px 0 0 0; text-align: center; -ms-flex-order: 3; order: 3; } .welcome-block-info .welcome-block-btn { display: none; } } .welcome-block-info { position: relative; z-index: 1; max-width: 880px; } .welcome-block-info:not(:first-child) { margin-top: 30px; } .welcome-block-text-wrap { position: relative; } @media (min-width: 992px) { .welcome-block-text-wrap { padding-right: 90px; } } @media (max-width: 991px) { .welcome-block-text-wrap { text-align: center; -ms-flex-order: 1; order: 1; } } @media (min-width: 992px) { .welcome-block-social { position: absolute; top: 0; right: 0; bottom: 0; display: -ms-flexbox; display: flex; width: 68px; -ms-flex-align: center; align-items: center; } .welcome-block-social .social-list-circle { display: -ms-flexbox; display: flex; flex-direction: column; margin: 0; -ms-flex-direction: column; } .welcome-block-social .social-list-circle li { margin: 8px 0; } } @media (max-width: 1860px) and (min-width: 992px) { .welcome-block-social { right: 15px; } } @media (max-width: 991px) { .welcome-block-social { display: none; margin-top: 30px; -ms-flex-pack: center; justify-content: center; } .welcome-block-social .social-list-circle { -ms-flex-pack: center; justify-content: center; } } .welcome-block-social .social-list-circle li a { color: #5ce1e9; background-color: #fff; } .welcome-block-social .social-list-circle li a [class*='icon'] { color: #5ce1e9 !important; } .welcome-block-social .social-list-circle li a:after { background-color: #5ce1e9; } .welcome-block-social .social-list-circle li a:hover [class*='icon'] { color: #fff !important; } .welcome-block-icon { font-size: 16vw; position: absolute; z-index: 0; top: -5%; right: 15%; color: #fff; } @media (max-width: 991px) { .welcome-block-icon { display: none; } } .welcome-block-text { font-size: 150px; font-weight: 900; line-height: .9333em; position: relative; z-index: 1; -ms-flex-align: center; align-items: center; } @media (max-width: 1860px) { .welcome-block-text { font-size: 120px; } } @media (max-width: 1199px) { .welcome-block-text { font-size: 100px; } } @media (max-width: 991px) { .welcome-block-text { font-size: 80px; } } @media (max-width: 767px) { .welcome-block-text { font-size: 70px; } } @media (max-width: 575px) { .welcome-block-text { font-size: 60px; } } .welcome-block-text--md { font-size: 110px; } @media (max-width: 1860px) { .welcome-block-text--md { font-size: 100px; } } @media (max-width: 1199px) { .welcome-block-text--md { font-size: 80px; } } @media (max-width: 991px) { .welcome-block-text--md { font-size: 60px; } } @media (max-width: 767px) { .welcome-block-text--md { font-size: 50px; } } @media (max-width: 575px) { .welcome-block-text--md { font-size: 40px; } } .welcome-block-text--sm { font-size: 90px; } @media (max-width: 1860px) { .welcome-block-text--sm { font-size: 80px; } } @media (max-width: 1199px) { .welcome-block-text--sm { font-size: 65px; } } @media (max-width: 991px) { .welcome-block-text--sm { font-size: 50px; } } @media (max-width: 767px) { .welcome-block-text--sm { font-size: 40px; } } @media (max-width: 575px) { .welcome-block-text--sm { font-size: 35px; } } .welcome-block-text--xs { font-size: 70px; } @media (max-width: 1860px) { .welcome-block-text--xs { font-size: 60px; } } @media (max-width: 1199px) { .welcome-block-text--xs { font-size: 50px; } } @media (max-width: 991px) { .welcome-block-text--xs { font-size: 40px; } } @media (max-width: 767px) { .welcome-block-text--xs { font-size: 35px; } } @media (max-width: 575px) { .welcome-block-text--xs { font-size: 30px; } } .welcome-block-text--xxs { font-size: 50px; } @media (max-width: 1860px) { .welcome-block-text--xxs { font-size: 40px; } } @media (max-width: 1199px) { .welcome-block-text--xxs { font-size: 40px; } } @media (max-width: 991px) { .welcome-block-text--xxs { font-size: 30px; } } @media (max-width: 767px) { .welcome-block-text--xxs { font-size: 30px; } } @media (max-width: 575px) { .welcome-block-text--xxs { font-size: 30px; } } /* 10. Pages */ /* 10.1. Blog Pages */ .post-prw-img { position: relative; z-index: 1; display: block; overflow: hidden; background-color: #f9f9f9; } .post-prw-img img { width: 100%; max-width: 100%; height: 100%; object-fit: cover; } .post-prw-text { font-size: 15px; font-weight: 400; line-height: 28px; display: -ms-flexbox; display: flex; flex-direction: column; padding: 30px 60px 30px 45px; background-color: #f9f9f9; -ms-flex-direction: column; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1860px) { .post-prw-text { padding: 30px 45px 30px 30px; } } @media (max-width: 1199px) { .post-prw-text { padding: 30px 45px 30px 30px; } } @media (max-width: 575px) { .post-prw-text { margin-top: 0; padding: 15px; } } .post-prw-text>* { margin-bottom: 0; } .post-prw-text>*+.post-prw-teaser { margin-top: 18px; } @media (max-width: 575px) { .post-prw-text>*+.post-prw-teaser { margin-top: 10px; } } .post-prw-text>*+.post-prw-links { margin-top: 10px; } .post-prw-text>*+.post-prw-btn { margin-top: 30px; } @media (max-width: 767px) { .post-prw-text>*+.post-prw-btn { margin-top: 20px; } } @media (max-width: 575px) { .post-prw-text>*+.post-prw-btn { margin-top: 15px; } } .post-prw-links { display: -ms-flexbox; display: flex; margin-right: -10px; margin-left: -10px; color: #8d92a3; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 575px) { .post-prw-links { margin-right: -8px; margin-left: -8px; } } .post-prw-links>* { font-size: 12px; line-height: 24px; display: -ms-inline-flexbox; display: inline-flex; margin-right: 10px; margin-left: 10px; white-space: nowrap; -ms-flex-align: center; align-items: center; } @media (max-width: 575px) { .post-prw-links>* { font-size: 13px; margin-right: 8px; margin-left: 8px; } } .post-prw-links>* [class*='icon'] { font-size: 12px; padding: 0 5px 0 0; } .post-prw-links>* .icon-calendar { font-size: 16px; } .post-prw-links>* .icon-chat { position: relative; top: 1px; } .post-prw-links>* .icon-calendar1 { position: relative; top: -1px; } .post-prw-links a { color: #8d92a3; } .post-prw-links a:hover { text-decoration: none; color: #5ce1e9; } .post-prw-title { font-size: 20px; font-weight: 600; line-height: 1.333em; } @media (max-width: 767px) { .post-prw-title { font-size: 18px; } } .post-prw-title, .post-prw-title a { color: #0f0909; } .post-prw-title a { text-decoration: none; } .post-prw-title a:hover { color: #5ce1e9; } .post-prws-listing .post-prw-title { font-size: 24px; } @media (max-width: 767px) { .post-prws-listing .post-prw-title { font-size: 20px; } } .has-sm-container .post-prw-text { padding: 40px 45px 40px 30px; } @media (max-width: 1860px) { .has-sm-container .post-prw-text { padding: 35px 45px 35px 30px; } } @media (max-width: 1199px) { .has-sm-container .post-prw-text { padding: 35px 45px 35px 30px; } } @media (max-width: 575px) { .has-sm-container .post-prw-text { margin-top: 0; padding: 15px 30px; } } .has-sm-container .post-prws-listing .post-prw-text { padding: 70px 45px 70px 30px; } @media (max-width: 1860px) { .has-sm-container .post-prws-listing .post-prw-text { padding: 50px 45px 50px 30px; } } @media (max-width: 1199px) { .has-sm-container .post-prws-listing .post-prw-text { padding: 50px 45px 50px 30px; } } @media (max-width: 575px) { .has-sm-container .post-prws-listing .post-prw-text { margin-top: 0; padding: 20px 45px 25px; } } .post-prw.post-prw--hor .row { flex-direction: column; -ms-flex-direction: column; } .post-prw.post-prw--hor .row>* { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .post-prw-simple { text-align: center; } .post-prw-simple .post-prw-img a { display: block; } .post-prw-simple .post-prw-img img { max-width: 100%; } .post-prw-simple .post-prw-img:not(:first-child) { margin-top: 25px; } .post-prw-simple .post-prw-img:not(:last-child) { margin-bottom: 10px; } .post-prw-simple .post-prw-links { display: -ms-flexbox; display: flex; margin-right: -7px; margin-left: -7px; color: #a5a6ac; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 575px) { .post-prw-simple .post-prw-links { margin-right: -5px; margin-left: -5px; } } .post-prw-simple .post-prw-links>* { font-size: 12px; font-weight: 500; line-height: 18px; display: -ms-inline-flexbox; display: inline-flex; margin-right: 7px; margin-left: 7px; white-space: nowrap; -ms-flex-align: center; align-items: center; } @media (max-width: 575px) { .post-prw-simple .post-prw-links>* { margin-right: 5px; margin-left: 5px; } } .post-prw-simple .post-prw-links>* [class*='icon'] { font-size: 16px; padding: 0 4px 0 0; } .post-prw-simple .post-prw-links a { color: #a5a6ac; } .post-prw-simple .post-prw-links a:hover { text-decoration: none; color: #5ce1e9; } .post-prw-simple .post-prw-date { color: #a5a6ac; } .post-prw-simple .post-prw-title { font-size: 18px; font-weight: 600; line-height: 24px; margin-bottom: 0; } .post-prw-simple .post-prw-title, .post-prw-simple .post-prw-title a { color: #282828; } .post-prw-simple .post-prw-title a { text-decoration: none; } .post-prw-simple .post-prw-title a:hover { color: #5ce1e9; } .post-prw-simple-sm .post-prw-img a { display: block; } .post-prw-simple-sm .post-prw-img img { max-width: 100%; } .post-prw-simple-sm .post-prw-img:not(:first-child) { margin-top: 25px; } .post-prw-simple-sm .post-prw-img:not(:last-child) { margin-bottom: 30px; } .post-prw-simple-sm .post-prw-img:not(:last-child) { margin-bottom: 20px; } @media (max-width: 767px) { .post-prw-simple-sm .post-prw-img:not(:last-child) { margin-bottom: 14px; } } .post-prw-simple-sm .post-prw-links { display: -ms-flexbox; display: flex; margin-right: -10px; margin-left: -10px; color: #a5a6ac; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 575px) { .post-prw-simple-sm .post-prw-links { margin-right: -8px; margin-left: -8px; } } .post-prw-simple-sm .post-prw-links>* { font-size: 12px; font-weight: 500; line-height: 18px; display: -ms-inline-flexbox; display: inline-flex; margin-right: 10px; margin-left: 10px; white-space: nowrap; -ms-flex-align: center; align-items: center; } @media (max-width: 575px) { .post-prw-simple-sm .post-prw-links>* { font-size: 13px; margin-right: 8px; margin-left: 8px; } } .post-prw-simple-sm .post-prw-links>* [class*='icon'] { font-size: 16px; padding: 0 4px 0 0; } .post-prw-simple-sm .post-prw-links a { color: #a5a6ac; } .post-prw-simple-sm .post-prw-links a:hover { text-decoration: none; color: #5ce1e9; } .post-prw-simple-sm .post-prw-date { color: #a5a6ac; } .post-prw-simple-sm .post-prw-comments { font-size: 13px; font-weight: 500; line-height: 18px; display: inline-block; text-decoration: none; color: #5ce1e9; } .post-prw-simple-sm .post-prw-comments [class*='icon'] { position: relative; top: .05em; padding: 0 7px 0 0; } .post-prw-simple-sm .post-prw-comments:not(:first-child) { margin-top: 5px; } .post-prw-simple-sm a.post-prw-comments:hover { text-decoration: none; color: #282828; } .post-prw-simple-sm .post-prw-title { font-size: 17px; font-weight: 600; line-height: 26px; margin-bottom: 0; } .post-prw-simple-sm .post-prw-title:not(:first-child) { margin-top: 4px; } .post-prw-simple-sm .post-prw-title, .post-prw-simple-sm .post-prw-title a { color: #282828; } .post-prw-simple-sm .post-prw-title a { text-decoration: none; } .post-prw-simple-sm .post-prw-title a:hover { color: #5ce1e9; } .post-prw-simple-sm+.post-prw-simple-sm { margin-top: 30px; } .post-prws-grid { margin-top: -40px; pointer-events: none; } .post-prws-grid>* { margin-top: 40px; pointer-events: all; } @media (max-width: 991px) { .post-prws-grid { margin-top: -30px; } .post-prws-grid>* { margin-top: 30px; } } .post-prws-listing { overflow: hidden; } .post-prws-listing>*+* { margin-top: 30px; } @media (max-width: 575px) { .post-prws-listing>*+* { margin-top: 30px; } } @media (max-width: 575px) { .post-prws-listing .post-prw-text { padding: 15px 30px; } } .post-prws-listing.block-border-off>*+* { margin-top: 48px; padding-top: 0; border-top-width: 0; } @media (max-width: 575px) { .post-prws-listing.block-border-off>*+* { margin-top: 30px; padding-top: 0; } } .post-prws--row { margin-right: -15px; margin-left: -15px; } @media (max-width: 767px) { .aside-block .post-prws-carousel { width: 100%; margin-right: -5px; margin-left: -5px; } .aside-block .post-prws-carousel .post-prw { width: calc(100% - 10px); margin-right: 5px; margin-left: 5px; } } .post-prw-big .tags-list:not(:first-child) { margin-top: 20px; } .post-prw-big .post-bot { padding: 24px 0 0; } @media (max-width: 575px) { .post-prw-big .post-bot { padding-top: 16px; } } .post-prw-big .post-img { position: relative; z-index: 1; display: block; overflow: hidden; } .post-prw-big .post-img img { width: calc(100% + 1px); transition: .5s; transform: scale(1.1) rotate(.001deg); } .post-prw-big .post-img:after { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; content: ''; transition: .3s; opacity: 0; background: #000; } .post-prw-big:hover .post-img img { transform: scale(1) rotate(.01deg); } .post-prw-big:hover .post-img:after { opacity: .15; } .post-full img { max-width: 100%; } .post-full>*:not(:first-child) { margin-top: 30px; } @media (max-width: 767px) { .post-full>*:not(:first-child) { margin-top: 24px; } } @media (max-width: 575px) { .post-full>*:not(:first-child) { margin-top: 18px; } } .post-full .post-img { display: block; } .post-full .post-img:not(:last-child) { margin-top: 25px; } .post-full .post-img img { width: 100%; } .post-full .post-title { font-size: 24px; line-height: 32px; display: inline-block; margin-bottom: 0; text-decoration: none; } .post-full .post-title:not(:first-child) { margin-top: 30px; } @media (max-width: 767px) { .post-full .post-title { font-size: 20px; line-height: 28px; } } .post-full .post-bot { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .post-full .post-bot:not(:first-child) { margin-top: 40px; } @media (max-width: 767px) { .post-full .post-bot:not(:first-child) { margin-top: 25px; } } .post-full .post-links { display: -ms-flexbox; display: flex; margin-right: -15px; margin-left: -15px; color: #a5a6ac; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 575px) { .post-full .post-links { margin-right: -8px; margin-left: -8px; } } .post-full .post-links:not(:first-child) { margin-top: 0; } .post-full .post-links>* { font-size: 15px; font-weight: 500; line-height: 20px; display: -ms-inline-flexbox; display: inline-flex; margin-top: 5px; margin-right: 15px; margin-left: 15px; white-space: nowrap; -ms-flex-align: center; align-items: center; } @media (max-width: 575px) { .post-full .post-links>* { font-size: 13px; margin-right: 8px; margin-left: 8px; } } .post-full .post-links>* [class*='icon'] { font-size: 15px; padding: 0 5px 0 0; } .post-full .post-links>* .icon-chat { font-size: 12px; position: relative; top: 1px; } .post-full .post-links a { color: #a5a6ac; } .post-full .post-links a:hover { text-decoration: none; color: #5ce1e9; } .post-full .post-share { margin-left: auto; } .post-prws-carousel:not(.slick-initialized) { visibility: hidden; overflow: hidden; height: 372px; opacity: 0; } .post-prws-carousel--single .slick-list { margin-right: -15px; margin-left: -15px; } .post-prws-carousel--single .slick-slide { margin-right: 15px; margin-left: 15px; } .post-prws-carousel--single .slick-slide>.row { margin-right: 0; margin-left: 0; } .post-prws-carousel--single .slick-slide .post-prw-text { padding: 30px 45px 30px 45px; } @media (max-width: 1860px) { .post-prws-carousel--single .slick-slide .post-prw-text { padding: 30px 30px 30px 30px; } } @media (max-width: 1199px) { .post-prws-carousel--single .slick-slide .post-prw-text { padding: 30px 30px 30px 30px; } } @media (max-width: 575px) { .post-prws-carousel--single .slick-slide .post-prw-text { margin-top: 0; padding: 15px 15px; } } .post-prws-carousel--single .slick-slide .post-prw-img { padding: 0; } .has-sm-container .post-prws-carousel--single .slick-slide .post-prw-text { padding: 25px 45px 25px 45px; } @media (max-width: 1860px) { .has-sm-container .post-prws-carousel--single .slick-slide .post-prw-text { padding: 25px 30px 25px 30px; } } @media (max-width: 1199px) { .has-sm-container .post-prws-carousel--single .slick-slide .post-prw-text { padding: 25px 30px 25px 30px; } } @media (max-width: 575px) { .has-sm-container .post-prws-carousel--single .slick-slide .post-prw-text { margin-top: 0; padding: 15px 15px; } } .aside-block .post-prw:not(.slick-slide)+.post-prw { margin-top: 20px; } @media only screen and (max-width: 575px) { .aside-block .post-prw:not(.slick-slide)+.post-prw { margin-top: 15px; } } .post-prw-big+.post-prw-big { margin-top: 60px; } @media (max-width: 767px) { .post-prw-big+.post-prw-big { margin-top: 40px; } } .post-grid-2, .post-grid-3, .post-grid-4 { width: calc(100% + 30px); margin: 10px 0 0 -30px; } .post-grid-2 .post-prw-big, .post-grid-3 .post-prw-big, .post-grid-4 .post-prw-big { display: inline-block; width: calc(50% - 30px); min-height: 1px; margin-top: 0; margin-right: -4px; margin-bottom: 30px; margin-left: 30px; vertical-align: top; } .post-grid-2 .post-prw-big:nth-child(1), .post-grid-2 .post-prw-big:nth-child(2), .post-grid-3 .post-prw-big:nth-child(1), .post-grid-3 .post-prw-big:nth-child(2), .post-grid-3 .post-prw-big:nth-child(3), .post-grid-4 .post-prw-big:nth-child(1), .post-grid-4 .post-prw-big:nth-child(2), .post-grid-4 .post-prw-big:nth-child(3), .post-grid-4 .post-prw-big:nth-child(4) { margin-top: 10px; } .post-grid-2 .post-prw-big { width: calc(50% - 30px); } .post-grid-3 .post-prw-big { width: calc(33.33333% - 30px); } .post-grid-4 .post-prw-big { width: calc(25% - 30px); } @media (max-width: 991px) { .post-grid-4 .post-prw-big { width: calc(33.33333% - 30px); } } @media (max-width: 767px) { .post-grid-4 .post-prw-big, .post-grid-3 .post-prw-big { width: calc(50% - 30px); } } @media (max-width: 480px) { .post-grid-4 .post-prw-big, .post-grid-3 .post-prw-big, .post-grid-2 .post-prw-big { width: calc(100% - 30px); } } #sideColumn.fixed-col { margin-top: 0; } .post-comment:not(:first-child) { margin-top: 30px; } @media (max-width: 767px) { .post-comment .row>*:last-child:not(:only-child) { padding-left: 0; } } .post-comment-text { font-size: 15px; font-weight: 400; line-height: 24px; } .post-comment-text:not(:first-child) { margin-top: 12px; } @media (max-width: 767px) { .post-comment-text:not(:first-child) { margin-top: 8px; } } .post-comment-author-img { width: 110px; } @media (max-width: 991px) { .post-comment-author-img { width: 75px; } } .post-comment-author-img img { width: 100%; } .post-comment-author { font-size: 18px; font-weight: 600; font-style: normal; line-height: 1em; } .post-comment-author, .post-comment-author a { color: #282828; } .post-comment-author:not(:first-child) { margin-top: 5px; } .post-comment-date { font-size: 12px; font-weight: 500; line-height: 18px; display: -ms-flexbox; display: flex; color: #a5a6ac; -ms-flex-align: center; align-items: center; } .post-comment-date [class*='icon'] { font-size: 16px; padding: 0 5px 0 0; } .post-comment-date:not(:first-child) { margin-top: 5px; } .post-comment-reply { font-size: 12px; line-height: 1em; text-transform: uppercase; } .post-comment-reply, .post-comment-reply a { color: #5ce1e9; } .post-comment-reply a:hover { color: #282828; } .post-comment-reply:not(:first-child) { margin-top: 25px; } .related-posts .post-prws { background: #f7f7f8; } .related-posts:not(:first-child) { margin-top: 40px; } @media (max-width: 767px) { .related-posts:not(:first-child) { margin-top: 30px; } } @media (max-width: 767px) { .related-posts .post-prw-text { padding: 25px 35px; } } .blogs-next-prev:not(:first-child) { margin-top: 35px; } @media (max-width: 767px) { .blogs-next-prev:not(:first-child) { margin-top: 20px; } } .blogs-next-prev .btn [class*='icon-'] { font-size: 1em; top: .1em; } @media (max-width: 575px) { .blogs-next-prev .btn span { display: none; } .blogs-next-prev .btn [class*='icon-']:not(:only-child):not(:last-child) { padding: 0; } } .post-prw-vert { display: -ms-flexbox; display: flex; flex-direction: column; text-align: center; -ms-flex-direction: column; -ms-flex-align: center; align-items: center; } .post-prw-vert .post-prw-img a { display: block; } .post-prw-vert .post-prw-img img { max-width: 100%; } .post-prw-vert .post-prw-img:not(:first-child) { margin-top: 15px; } .post-prw-vert .post-prw-teaser { font-size: 14px; line-height: 24px; max-width: 360px; margin-right: auto; margin-left: auto; } .post-prw-vert .post-prw-teaser:not(:first-child) { margin-top: 12px; } .post-prw-vert .post-prw-links { display: -ms-flexbox; display: flex; margin-right: -10px; margin-left: -10px; color: #a5a6ac; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .post-prw-vert .post-prw-links:not(:first-child) { margin-top: 8px; } @media (max-width: 575px) { .post-prw-vert .post-prw-links { margin-right: -5px; margin-left: -5px; } } .post-prw-vert .post-prw-links>* { font-size: 14px; font-weight: 400; line-height: 18px; display: -ms-inline-flexbox; display: inline-flex; margin-right: 10px; margin-left: 10px; white-space: nowrap; -ms-flex-align: center; align-items: center; } @media (max-width: 575px) { .post-prw-vert .post-prw-links>* { font-size: 13px; margin-right: 5px; margin-left: 5px; } } .post-prw-vert .post-prw-links>* [class*='icon'] { font-size: 13px; position: relative; top: -1px; padding: 0 5px 0 0; } .post-prw-vert .post-prw-links a { color: #a5a6ac; } .post-prw-vert .post-prw-links a:hover { text-decoration: none; color: #5ce1e9; } .post-prw-vert .post-prw-title { font-size: 18px; font-weight: 600; line-height: 26px; margin-bottom: 0; } .post-prw-vert .post-prw-title:not(:first-child) { margin-top: 15px; } .post-prw-vert .post-prw-title, .post-prw-vert .post-prw-title a { color: #282828; } .post-prw-vert .post-prw-title a { text-decoration: none; } .post-prw-vert .post-prw-title a:hover { color: #5ce1e9; } .post-prw-vert.post-prw-vert--style2:nth-child(even) { display: -ms-flexbox !important; display: flex !important; } .post-prw-vert.post-prw-vert--style2:nth-child(odd) .post-prw-img { margin-bottom: 30px; } .post-prw-vert.post-prw-vert--style2:nth-child(even) .post-prw-img { width: 100%; margin-top: 40px; -ms-flex-order: 10; order: 10; } .post-prw-vert.post-prw-vert--style2:nth-child(even) { padding-top: 30px; } .post-prw-vert.post-prw-vert--style2 .post-prw-teaser { font-size: 16px; line-height: 24px; margin-top: 0; } .review-write-link { font-size: 17px; font-weight: 600; line-height: 23px; } .review-write-link:hover { text-decoration: none; } .review-write-link [class*='icon'] { position: relative; top: 2px; padding-right: 6px; } .review-item { margin-bottom: 30px; } .review-item p { margin-top: 10px; } .review-item h4 { margin-bottom: 10px; } .review-item_author { font-size: 14px; line-height: 20px; margin: 0; color: #7e7e7e; } .review-item_report { font-size: 12px; } .review-item_content { margin-top: 10px; } .review-item_top>*:last-child:not(:only-child) { margin-left: auto; } @media (max-width: 767px) { .review-item_top { flex-direction: column; -ms-flex-direction: column; } .review-item_top>* { width: 100%; -ms-flex: 1; flex: 1; } .review-item_top>*:last-child:not(:only-child) { margin: 0; } } .review-item_rating [class*='icon'], .review-item_rating span { display: inline-block; vertical-align: top; } .review-item_rating span:not(:first-child) { padding-left: 5px; } .review-item_rating [class*='icon'] { font-size: 17px; line-height: 1em; color: #efce4a; } .review-item_rating [class*='icon'].fill { color: #efce4a; } .review-item+.review-item { margin-top: 0; border-top: 0; } .review-item+*:not(.review-item) { margin-top: 30px; } /* 10.2. Cart Page */ .cart-promo-banner { display: -ms-flexbox; display: flex; text-align: center; color: #fff; background-color: #e91e63; } .cart-promo-banner-inside { padding: 26px 15px; -ms-flex: 1; flex: 1; } @media (max-width: 1199px) { .cart-promo-banner-inside { padding: 20px 10px; } } .cart-promo-banner .txt1 { font-size: 38px; font-weight: bold; line-height: 1.2em; } @media (max-width: 1799px) { .cart-promo-banner .txt1 { font-size: 32px; } } @media (max-width: 1199px) { .cart-promo-banner .txt1 { font-size: 30px; } } @media (max-width: 575px) { .cart-promo-banner .txt1 { font-size: 28px; } } .cart-promo-banner .txt2 { font-size: 25px; font-weight: 600; font-style: italic; line-height: 1.2em; } @media (max-width: 1799px) { .cart-promo-banner .txt2 { font-size: 22px; } } @media (max-width: 991px) { .cart-promo-banner .txt2 { font-size: 20px; } } @media (max-width: 575px) { .cart-promo-banner .txt2 { font-size: 18px; } } .cart-promo-banner+* { margin-top: 30px; } @media (max-width: 575px) { .cart-promo-banner+* { margin-top: 20px; } } .cart-promo-banner-logo { display: -ms-flexbox; display: flex; max-width: 100px; margin-left: auto; padding: 0; border-width: 1px; border-style: dashed; border-color: #d4d4d4; border-left-width: 0; background-color: #fff; -ms-flex-align: center; align-items: center; } .cart-promo-banner:hover { text-decoration: none; } .card-total>*+* { margin-top: 25px; } @media (max-width: 991px) { .card-total>*+* { margin-top: 18px; } } .card-total-txt { font-size: 31px; font-weight: 600; line-height: 1.2em; } @media (max-width: 1799px) { .card-total-txt { font-size: 26px; } } @media (max-width: 1199px) { .card-total-txt { font-size: 24px; } } @media (max-width: 991px) { .card-total-txt { font-size: 22px; } } .card-total-price { font-size: 31px; font-weight: 600; line-height: 1.2em; color: #282828; } @media (max-width: 1799px) { .card-total-price { font-size: 26px; } } @media (max-width: 1199px) { .card-total-price { font-size: 24px; } } @media (max-width: 991px) { .card-total-price { font-size: 22px; } } .card-shipping-info p { margin-top: 10px; } .cart-table { border: .8px solid #eef0f4; margin-bottom: 30px; border-radius: 10px; padding: 20px 20px 0px 20px; } .cart-table-prd { position: relative; display: -ms-flexbox; display: flex; overflow: hidden; padding-right: 0 !important; padding-left: 0 !important; -ms-flex-align: center; } .cart-table-prd:not(:last-child) { /*border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f4f4f4;*/ } @media (max-width: 991px) { .cart-table-prd { -ms-flex-align: start; align-items: flex-start; } } .cart-table-prd>* { padding: 0 15px; } .cart-table-prd>*:first-child { padding-left: 0; } .cart-table-prd>*:last-child { padding-right: 0; } .cart-table-prd-options { margin-top: 5px; } .cart-table-prd-image { max-width: 160px; -ms-flex: 0 0 160px; flex: 0 0 160px; } .cart-table-prd-image img { width: 100%; border-radius: 10px; } @media (max-width: 1860px) { .cart-table-prd-image { max-width: 120px; -ms-flex: 0 0 120px; flex: 0 0 120px; } } @media (max-width: 1199px) { .cart-table-prd-image { max-width: 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; } } @media (max-width: 991px) { .cart-table-prd-image { max-width: 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; } } @media (max-width: 575px) { .cart-table-prd-image { max-width: 80px; -ms-flex: 0 0 80px; flex: 0 0 80px; } } .cart-table-prd-info { -ms-flex: 1; flex: 1; } .cart-table-prd-name { font-size: 16px; font-weight: 600; line-height: 1.2em; margin-bottom: 0; color: #818181; } .cart-table-prd-name:not(:first-child) { margin-top: 7px; } @media (max-width: 991px) { .cart-table-prd-name { font-size: 16px; } } .cart-table-prd-subname { font-size: 15px; font-weight: 400; line-height: 1.2em; margin-bottom: 0; } .cart-table-prd-subname:not(:first-child) { margin-top: 6px; } @media (max-width: 991px) { .cart-table-prd-subname { font-size: 14px; } } .cart-table-prd-qty { max-width: 160px; text-align: center; -ms-flex: 0 0 160px; flex: 0 0 160px; } @media (max-width: 1199px) { .cart-table-prd-qty { max-width: 120px; -ms-flex: 0 0 120px; flex: 0 0 120px; } } @media (max-width: 767px) { .cart-table-prd-qty { max-width: 120px; -ms-flex: 0 0 120px; flex: 0 0 120px; } .cart-table-prd-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 265px; } .shipping { display: none; } .qty_price { display: flex; justify-content: space-between; align-items: center; margin: 10px 0 0 -130px; width: 70%; } .qty_price .cart-table-prd-qty { margin: 0; } } @media (max-width: 575px) { .cart-table-prd-qty { max-width: 80px; -ms-flex: 0 0 80px; flex: 0 0 80px; } } .cart-table-prd-qty .qty { display: -ms-inline-flexbox; display: inline-flex; } .cart-table-prd-price { max-width: 230px; -ms-flex: 0 0 230px; flex: 0 0 230px; } @media (max-width: 1860px) { .cart-table-prd-price { max-width: 160px; -ms-flex: 0 0 160px; flex: 0 0 160px; } } @media (max-width: 1199px) { .cart-table-prd-price { max-width: 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; } } .cart-table-prd--head { font-size: 15px; font-weight: 500; } .cart-table-prd-price-total { font-family: system-ui; font-size: 26px; line-height: 1em; max-width: 230px; text-align: center; white-space: nowrap; color: #282828; -ms-flex: 0 0 230px; flex: 0 0 230px; } @media (max-width: 1860px) { .cart-table-prd-price-total { font-size: 22px; max-width: 160px; -ms-flex: 0 0 160px; flex: 0 0 160px; } } @media (max-width: 1199px) { .cart-table-prd-price-total { font-size: 18px; max-width: 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; } } .cart-table-prd-action { max-width: 70px; display: none; text-align: center; -ms-flex: 0 0 70px; flex: 0 0 70px; } @media (max-width: 767px) { .cart-table-prd-action { position: absolute; top: 0px; right: 0; display: block; } .cart-table-prd-remove [class*='icon'] { font-size: 18px !important; } } .cart-table-prd-remove { font-size: 20px; } .cart-table-prd-remove [class*='icon'] { transition: .2s; color: #0f0f0f; background: #f7f7f7; font-size: 10px; } .cart-table-prd-remove:hover { text-decoration: none; } .cart-table-prd-remove:hover [class*='icon'] { color: #282828; } .cart-table-prd-content-wrap .cart-table-prd-price { margin-top: 0 !important; -ms-flex-pack: center; justify-content: center; } .cart-table-prd-price { display: -ms-inline-flexbox; display: inline-flex; margin-right: -5px; margin-left: -5px; -ms-flex-align: baseline; align-items: baseline; } .cart-table-prd-price:not(:first-child) { margin-top: 10px; } .cart-table-prd-price>* { margin: 0 5px; } .cart-table-prd-price .price-old { font-family: system-ui; font-size: 16px; font-weight: 300; line-height: 1em; text-decoration: line-through; } @media (max-width: 991px) { .cart-table-prd-price .price-old { font-size: 14px; } } .cart-table-prd-price .price-new { font-family: system-ui; font-size: 20px; font-weight: 500; line-height: 1em; color: #282828; } @media (max-width: 991px) { .cart-table-prd-price .price-new { font-size: 18px; } } .card-text-info { font-size: 13px; font-weight: 300; line-height: 19px; } .card-text-info h4, .card-text-info h5, .card-text-info h6 { margin-bottom: 5px; } .card-text-info p:not(:first-child) { margin-top: 5px; } .card-text-info b { font-size: 15px; } .cart-table-prd-content-wrap { display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex: 1; flex: 1; } .cart-table-prd-content-wrap>* { padding: 0 15px; } .cart-table-prd-content-wrap>*:first-child { padding-left: 0; } .cart-table-prd-content-wrap>*:last-child { padding-right: 0; } @media (max-width: 991px) { .cart-table-prd-content-wrap { padding-right: 0; } } @media (max-width: 767px) { .cart-table-prd-content-wrap { flex-direction: column; -ms-flex-direction: column; } } @media (max-width: 767px) { .cart-table-prd-info, .cart-table-prd-price-total, .cart-table-prd-qty { width: 100%; max-width: 100%; padding: 0; text-align: left; -ms-flex: 0 0 auto; flex: 0 0 auto; } .cart-table-prd-price { max-width: calc(100% - 50px); padding-right: 50px; } .cart-table-prd-info, .cart-table-prd-qty { margin: 0 0 15px; } } .page404-bg { min-height: 550px !important; } @media (max-width: 767px) { .page404-bg { min-height: 350px !important; } } .shopping-cart-empty-text { display: none; } .shopping-cart-empty-text .page404-bg { min-height: 500px !important; } @media (max-width: 767px) { .shopping-cart-empty-text .page404-bg { min-height: 350px !important; } } .shopping-cart-empty-text .page404-bg .page404-text { position: relative; } .shopping-cart--empty .shopping-cart-empty-text { display: block; } .shopping-cart--empty .shopping-cart-content { display: none; } @media (min-width: 992px) { .cart-table-under { margin-right: -30px; margin-left: -30px; } .cart-table-under>* { padding: 0 30px; } } .cart-table.disable-actions .cart-table-prd-remove { pointer-events: none; opacity: 0; } @media (min-width: 576px) { .cart-table-under .form-control.textarea--height-200 { height: 272px; } } .cart-table-under .cart-promo-banner .txt1 { font-size: 28px; } @media (max-width: 1199px) { .cart-table-under .cart-promo-banner .txt1 { font-size: 26px; } } @media (max-width: 575px) { .cart-table-under .cart-promo-banner .txt1 { font-size: 24px; } } .cart-table-under .cart-promo-banner .txt2 { font-size: 18px; } @media (max-width: 575px) { .cart-table-under .cart-promo-banner .txt2 { font-size: 16px; } } .cart-table--sm .cart-table-prd-image { max-width: 80px; -ms-flex: 0 0 80px; flex: 0 0 80px; } .cart-table--sm .cart-table-prd-price-total { font-size: 20px; } .cart-table--sm .cart-table-prd-info { -ms-flex: 2; flex: 2; } .cart-table--sm .cart-table-prd-price, .cart-table--sm .cart-table-prd-price-total { -ms-flex: 1; flex: 1; } .cart-table--sm .cart-table-prd-qty { max-width: 80px; text-align: center; -ms-flex: 0 0 80px; flex: 0 0 80px; } @media (max-width: 767px) { .cart-table--sm .cart-table-prd-content-wrap { flex-direction: row; padding: 0; -ms-flex-direction: row; } } .cart-total-sm { display: -ms-flexbox; display: flex; margin: 0 -10px; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .cart-total-sm>* { padding: 0 10px; } /* 10.3. Coming Soon Page */ .holder-coming-soon { display: -ms-flexbox; display: flex; min-height: 100vh; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .holder-coming-soon svg { position: relative; z-index: 0; overflow: visible; width: 500px; height: 500px; } @media (max-width: 767px) { .holder-coming-soon svg { width: 400px; height: 400px; } } @media (max-width: 575px) { .holder-coming-soon svg { width: 300px; height: 300px; } } .holder-coming-soon svg path { transform: scale(2.6); fill: #ebfaf8; } .coming-soon-block { position: relative; z-index: 1; max-width: 1020px; margin-right: auto; margin-left: auto; text-align: center; } .countdown-box-title { font-size: 50px; font-weight: 800; line-height: 1em; margin: 0; } .countdown-box-title:not(:first-child) { margin-top: -90px; } @media (max-width: 991px) { .countdown-box-title:not(:first-child) { margin-top: -80px; } } @media (max-width: 767px) { .countdown-box-title:not(:first-child) { margin-top: -70px; } } @media (max-width: 991px) { .countdown-box-title { font-size: 40px; } } @media (max-width: 767px) { .countdown-box-title { font-size: 26px; } } .countdown-box-text, p.countdown-box-text { font-size: 24px; font-weight: 500; line-height: 1.458em; position: relative; max-width: 600px; margin-right: auto; margin-left: auto; } .countdown-box-text:not(:first-child), p.countdown-box-text:not(:first-child) { margin-top: 30px; } @media (max-width: 767px) { .countdown-box-text:not(:first-child), p.countdown-box-text:not(:first-child) { margin-top: 20px; } } @media (max-width: 991px) { .countdown-box-text, p.countdown-box-text { font-size: 20px; } } @media (max-width: 767px) { .countdown-box-text, p.countdown-box-text { font-size: 16px; font-weight: 400; } } @media (max-width: 575px) { .countdown-box-text, p.countdown-box-text { font-size: 14px; } } .countdown-box-coming-soon { position: relative; transition: opacity .3s ease 0s, visibility .3s linear 0s; text-align: center; } @media (max-width: 767px) { .countdown-box-coming-soon { max-width: 100%; } } .countdown-box-coming-soon .countdown { position: absolute; display: -ms-flexbox; display: flex; padding: 13px 10px; -ms-flex-pack: center; justify-content: center; -webkit-backface-visibility: hidden; } .countdown-box-coming-soon .countdown:empty { display: none; } .countdown-box-coming-soon .countdown>span { font-size: 20px; font-weight: 800; line-height: 1.25em; position: relative; display: inline-block; padding: 0 .8em; vertical-align: middle; color: #5ce1e9; } .countdown-box-coming-soon .countdown>span span { font-size: 5em; font-weight: 800; line-height: 1em; display: block; min-width: 1.5em; text-align: center; } .countdown-box-coming-soon .countdown>span:after { font-size: 2.188em; font-weight: 600; line-height: 1em; position: absolute; top: 50%; right: -.15em; display: block; content: ':'; content: ':'; transform: translateY(-50%); } .countdown-box-coming-soon .countdown>span:last-child:after { display: none; } @media (max-width: 991px) { .countdown-box-coming-soon .countdown>span { font-size: 18px; font-weight: 700; } .countdown-box-coming-soon .countdown>span span { font-size: 4em; min-width: 1.4em; } } @media (max-width: 767px) { .countdown-box-coming-soon .countdown>span { font-size: 16px; } .countdown-box-coming-soon .countdown>span span { font-size: 3em; line-height: 1.2em; } } @media (max-width: 575px) { .countdown-box-coming-soon .countdown>span { font-size: 15px; } .countdown-box-coming-soon .countdown>span span { font-size: 2.4em; line-height: 1.2em; } } .countdown-box-subscribe-form { max-width: 600px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .countdown-box-subscribe-form .row { margin-right: -10px; margin-left: -10px; } .countdown-box-subscribe-form .row>* { padding: 0 10px; } } .countdown-box-subscribe-form:not(:first-child):not(:first-child) { margin-top: 70px; } @media (max-width: 1199px) { .countdown-box-subscribe-form:not(:first-child):not(:first-child) { margin-top: 50px; } } @media (max-width: 991px) { .countdown-box-subscribe-form:not(:first-child):not(:first-child) { margin-top: 40px; } } @media (max-width: 767px) { .countdown-box-subscribe-form:not(:first-child):not(:first-child) { margin-top: 30px; } } .countdown-box-subscribe-form .form-control { border: 1px solid #dedede; background-color: #fff; } .countdown-box-subscribe-form .form-control:focus { border-color: #5ce1e9; } @media (max-width: 575px) { .countdown-box-subscribe-form .btn { width: 100%; } } .countdown-box-login { position: fixed; z-index: 3; top: 20px; right: 20px; } @media (max-width: 767px) { .countdown-box-login { top: 15px; right: 15px; } } .countdown-box-login a { font-size: 33px; text-decoration: none; color: #000; } .countdown-box-login a:hover { color: #5ce1e9; } @media (max-width: 575px) { .countdown-box-login a { font-size: 24px; } } .countdown-box-footer { font-size: 15px; line-height: 1.6em; display: -ms-flexbox; display: flex; flex-direction: column; margin-top: 90px; -ms-flex-direction: column; -ms-flex-align: center; align-items: center; } @media (max-width: 1199px) { .countdown-box-footer { margin-top: 80px; } } @media (max-width: 991px) { .countdown-box-footer { margin-top: 70px; } } @media (max-width: 767px) { .countdown-box-footer { margin-top: 50px; } } @media (max-width: 767px) { .countdown-box-footer { font-size: 14px; } } .countdown-box-footer-text:not(:first-child) { margin-top: 5px; } /* 10.4. Gallery Page */ .filters { margin: 0 0 25px; padding: 0; text-align: center; } @media (max-width: 575px) { .filters { margin-bottom: 10px; } } .filters .filters-label { display: inline-block; margin: 0 10px 10px; } @media (max-width: 575px) { .filters .filters-label { margin: 0 7px 10px; } } .filters .filters-label>a { font-family: system-ui; font-size: 16px; font-weight: 600; line-height: 20px; text-decoration: none; text-transform: uppercase; color: #282828; } .filters .filters-label.active>a, .filters .filters-label:hover>a { color: #5ce1e9; } .filters .filters-label-count { font-weight: 400; padding-left: 7px; color: #7e7e7e; } .holder.fullwidth .filters { padding-right: 15px; padding-left: 15px; } .gallery-wrapper { overflow: hidden; margin-bottom: -1px; } .gallery-item { position: relative; overflow: hidden; text-align: center; } .gallery-item:hover .gallery-item-caption, .gallery-item:hover .gallery-item-links { opacity: 1; } .gallery-item:hover .gallery-item-link { margin: 0 12px; opacity: 1; } .gallery-item:hover .gallery-item-subtitle, .gallery-item:hover .gallery-item-title { transform: translate3d(0, 0, 0); opacity: 1; } .gallery-item:hover .gallery-item-subtitle { transition: all .2s .15s; } @media (max-width: 1024px) { body.touch .gallery-item .gallery-item-caption, body.touch .gallery-item .gallery-item-links { opacity: 1; } body.touch .gallery-item .gallery-item-link { margin: 0 12px; opacity: 1; } body.touch .gallery-item .gallery-item-subtitle, body.touch .gallery-item .gallery-item-title { transform: translate3d(0, 0, 0); opacity: 1; } body.touch .gallery-item .gallery-item-subtitle { transition: 0; } body.touch .gallery-item [data-fancybox] { display: none; } } .gallery-item-image { position: relative; } .gallery-item-image img { display: block; width: 100%; } .gallery-item-image .foxic-loader { top: 0; right: 0; bottom: 0; left: 0; margin: auto; transition: opacity .3s .2s; opacity: 1; } .gallery-item-image img.lazyloaded+.foxic-loader, .gallery-item-image img.lazyloading+.foxic-loader { opacity: 0; } .gallery-item-caption { position: absolute; top: 0; left: 0; display: -ms-flexbox; display: flex; flex-direction: column; width: 100%; height: 100%; padding: 15px; transition: .5s; opacity: 0; background: rgba(0, 0, 0, .6); -ms-flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .gallery-item-caption, .gallery-item-caption h3, .gallery-item-caption h4 { margin-bottom: 0; } .gallery-item-caption>*:not(:first-child) { margin-top: 37px; } .gallery-item-subtitle { font-size: 13px; font-weight: 600; line-height: 1em; transition: all .2s; transform: translateY(-15px); opacity: 0; color: #fff; } .gallery-item-title { font-size: 22px; font-weight: 600; line-height: 1em; transition: all .2s; transform: translateY(-25px); opacity: 0; color: #fff; } .gallery-item-title:not(:first-child) { margin-top: 25px; } .gallery-item-links { z-index: 1; top: 0; left: 0; display: -ms-flexbox; display: flex; width: 100%; transition: .5s; opacity: 0; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .gallery-item-link { font-size: 22px; display: -ms-flexbox; display: flex; width: 63px; height: 63px; margin: 0 75px; cursor: pointer; transition: .5s; text-decoration: none; opacity: 0; color: #fff; border-radius: 50%; background: rgba(255, 255, 255, .3); -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .gallery-item-link:hover, .gallery-item-link:focus { text-decoration: none; color: #282828; } .gallery-item-link:hover { transition: .5s; background: white; } /* 10.5. Collections Page */ .collections-wrap { margin-top: -45px; } @media (max-width: 767px) { .collections-wrap { margin-top: -30px; } } @media (max-width: 575px) { .collections-wrap { margin-top: -20px; } } .collection-item { display: block; margin-top: 30px; } @media (max-width: 575px) { .collection-item { margin-top: 20px; } } .collection-item-qty { font-size: 14px; font-weight: 400; line-height: 1.2em; margin-top: 5px; margin-bottom: 0; color: #a1a0a0; } .collection-item-title { line-height: 1.2em; margin-top: 10px; margin-bottom: 0; text-decoration: none; color: #282828; } .collection-item-img>a { position: absolute; top: 0; left: 0; display: -ms-flexbox; display: flex; width: 100%; height: 100%; text-decoration: none; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .collection-item-img { position: relative; z-index: 0; overflow: hidden; height: 0; padding-bottom: calc(7 / 10 * 100%); } @media (max-width: 991px) { .collection-item.zoom-out .collection-item-img>a img { top: 0 !important; transform: scale(1) translateY(0px) !important; } } .collection-item-hover { position: absolute; z-index: 1; top: 0; left: 0; display: -ms-flexbox; display: flex; width: 100%; height: 100%; padding: 15px 15px 100px; transition: .4s; pointer-events: none; opacity: 0; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .collection-item-hover>span { transition: .4s; transform: translateY(100px); } .collection-item-hover p { font-size: 14px; line-height: 22px; margin-bottom: 0; color: #fff; } .collection-item-hover p:not(:first-child) { margin-top: 15px; } .collection-item-hover .btn { margin-top: 20px; } .collection-item-hover:after { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: .4; background: #000; } .collection-grid-2 { margin-top: -30px; margin-right: -15px; margin-left: -15px; text-align: center; } .collection-grid-2>.collection-grid-2-item { padding: 0 15px; } @media (max-width: 575px) { .collection-grid-2 { margin-top: -20px; margin-right: -10px; margin-left: -10px; } .collection-grid-2>.collection-grid-2-item { margin-top: 20px; padding: 0 10px; } } .collection-grid-2-item { margin-top: 30px; } .collection-grid-2-item .collection-grid-2-item-inside { display: block; text-decoration: none; background-color: #f7f7f8; } .collection-grid-2-item img { display: block; max-width: 100%; max-height: 100%; margin: auto; } .collection-grid-2-title { font-family: system-ui; font-size: 19px; font-weight: 600; line-height: 24px; margin-bottom: 10px; transition: .2s; color: #282828; } .collection-grid-2-title:last-child { margin-bottom: 0; padding-bottom: 15px; } .collection-grid-2-title:hover { color: #5ce1e9; } .collection-grid-2-title:not(:first-child) { margin-top: 15px; } @media (max-width: 991px) { .collection-grid-2-title { font-size: 17px; line-height: 22px; } } .collection-grid-1 { margin-top: -24px; margin-right: -12px; margin-left: -12px; text-align: center; } .collection-grid-1-item { margin-top: 24px; padding: 0 12px; } @media (max-width: 767px) { .collection-grid-1-item { margin-top: 5px; } } .collection-grid-1-item .collection-grid-1-item-inside { font-size: 18px; font-weight: 600; line-height: 1.5em; display: -ms-flexbox; display: flex; overflow: hidden; padding: 10px; cursor: pointer; text-decoration: none; color: #282828; background-color: #fff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1199px) { .collection-grid-1-item .collection-grid-1-item-inside { font-size: 16px; } } @media (max-width: 991px) { .collection-grid-1-item .collection-grid-1-item-inside { font-size: 14px; } } @media (max-width: 767px) { .collection-grid-1-item .collection-grid-1-item-inside { font-size: 14px; } } @media (max-width: 575px) { .collection-grid-1-item .collection-grid-1-item-inside { font-size: 13px; } } .collection-grid-1-item [class*='icon'] { font-size: 62px; transition: .2s; } @media (max-width: 1199px) { .collection-grid-1-item [class*='icon'] { font-size: 60px; } } @media (max-width: 991px) { .collection-grid-1-item [class*='icon'] { font-size: 56px; } } @media (max-width: 767px) { .collection-grid-1-item [class*='icon'] { font-size: 50px; } } @media (max-width: 575px) { .collection-grid-1-item [class*='icon'] { font-size: 46px; } } .collection-grid-1-item img { width: 100%; height: 100%; object-fit: cover; } .collection-grid-1-item:hover .collection-grid-1-item-inside, .collection-grid-1-item.active .collection-grid-1-item-inside { color: #5ce1e9; } .collection-grid-1:not(.slick-initialized):not(.collection-grid-1-vertical) { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .collection-grid-1:not(.slick-initialized):not(.collection-grid-1-vertical) .collection-grid-1-item { max-width: 16.666%; -ms-flex: 0 0 16.666%; flex: 0 0 16.666%; } @media (max-width: 1199px) { .collection-grid-1:not(.slick-initialized):not(.collection-grid-1-vertical) .collection-grid-1-item { max-width: 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } } @media (max-width: 991px) { .collection-grid-1:not(.slick-initialized):not(.collection-grid-1-vertical) .collection-grid-1-item { max-width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } } @media (max-width: 767px) { .collection-grid-1:not(.slick-initialized):not(.collection-grid-1-vertical) .collection-grid-1-item { max-width: 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; } } @media (max-width: 575px) { .collection-grid-1:not(.slick-initialized):not(.collection-grid-1-vertical) .collection-grid-1-item { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } } .collection-grid-1.collection-grid-1-vertical { display: -ms-flexbox; display: flex; flex-direction: column; -ms-flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .collection-grid-1.collection-grid-1-vertical { flex-direction: row; -ms-flex-direction: row; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px) { .collection-grid-1.collection-grid-1-vertical .collection-grid-1-item { max-width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } } .collection-grid-3 img { display: block; max-width: 100%; margin: auto; } .collection-grid-3-caption { margin-top: 20px; text-align: center; } /* 10.6. FAQ Page */ .faq-item+.faq-item { margin-top: 40px; padding-top: 44px; border-top-width: 1px; border-top-style: solid; border-top-color: #e9e9e9; } @media (max-width: 767px) { .faq-item+.faq-item { margin-top: 30px; padding-top: 32px; } } .faq-item:last-child { padding-bottom: 40px; } @media (max-width: 767px) { .faq-item:last-child { padding-bottom: 30px; } } .faq-item-title { font-size: 23px; font-weight: 600; line-height: 1.25em; margin-bottom: 28px; } @media (max-width: 767px) { .faq-item-title { font-size: 20px; margin-bottom: 23px; } } @media (max-width: 575px) { .faq-item-title { font-size: 17px; } } .faq-item-content, .faq-item-content p { font-size: 18px; line-height: 28px; } @media (max-width: 767px) { .faq-item-content, .faq-item-content p { font-size: 15px; line-height: 23px; } } .faq-item-content strong, .faq-item-content b, .faq-item-content p strong, .faq-item-content p b { font-weight: 600; } .faq-item-content p+p { margin-top: 28px; } @media (max-width: 767px) { .faq-item-content p+p { margin-top: 23px; } } .faq-item-wrap--noborder .faq-item+.faq-item { padding-top: 0; border: 0; } /* 11. Tabs */ .nav-tabs:not(.tab-category) { display: -ms-flexbox; display: flex; padding: 0; list-style: none; border: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nav-tabs:not(.tab-category):not(:first-child) { margin-top: 30px; } .nav-tabs:not(.tab-category)>li { position: relative; width: 50%; margin-bottom: 0; } .nav-tabs:not(.tab-category)>li a.nav-link { display: block; } .nav-tabs:not(.tab-category)>li .nav-link { font-family: system-ui; font-size: 12px; font-weight: 600; line-height: 28px; width: 100%; position: relative; overflow: hidden; padding: 10px 18px; transition: .2s; text-align: center; color: #0f0909; border-color: transparent; border-radius: 0; } .nav-tabs:not(.tab-category)>li .nav-link:hover { text-decoration: none; color: #0f0909; } .nav-tabs:not(.tab-category)>li .nav-link:hover:after { width: calc(100% - 0px); } .nav-tabs:not(.tab-category)>li .nav-link.active, .nav-tabs:not(.tab-category)>li .nav-link.active:hover, .nav-tabs:not(.tab-category)>li .nav-link.active:focus { color: #0f0909; } .nav-tabs:not(.tab-category)>li .nav-link.active:after, .nav-tabs:not(.tab-category)>li .nav-link.active:hover:after, .nav-tabs:not(.tab-category)>li .nav-link.active:focus:after { width: calc(100% - 0px); background-color: #49cdd5; } .nav-tabs:not(.tab-category)>li .nav-link .toggle-arrow { display: none; } .nav-tabs:not(.tab-category)>li .nav-link:after { position: absolute; bottom: .15em; left: 50%; display: block; width: 100%; height: 4px; content: ''; transition: .2s; transform: translateX(-50%); background-color: #ccc; } @media (max-width: 767px) { .nav-tabs:not(.tab-category)>li .nav-link:after { bottom: -.2em; } } .tab-content { position: relative; z-index: 1; padding: 25px 0 0; } .tab-content input.spr-form-input:not(.spr-starrating), .tab-content textarea.spr-form-input, .tab-content .form-control, .tab-content .select-wrapper select { background-color: #f9f9f9; } .tab-content input.spr-form-input:not(.spr-starrating), .tab-content input.spr-form-input:not(.spr-starrating):focus, .tab-content textarea.spr-form-input, .tab-content textarea.spr-form-input:focus, .tab-content .form-control, .tab-content .form-control:focus, .tab-content .select-wrapper select, .tab-content .select-wrapper select:focus { background-color: #f9f9f9; } @media (max-width: 767px) { .tab-content { padding: 0px 0 0; } } .tab-content.tab-content--bg { padding: 40px; color: #282828; background: #fff; } @media (max-width: 767px) { .tab-content.tab-content--bg { padding: 20px; } } .tab-content.tab-content--bg h2, .tab-content.tab-content--bg h3, .tab-content.tab-content--bg h4, .tab-content.tab-content--bg h5, .tab-content.tab-content--bg h6 { color: #282828; } .tab-content.tab-content--bg .tags-list li a:not(:hover):not(.active) { background-color: #fff; } .tab-content.tab-content--bg table { font-size: 14px; line-height: 23px; color: #282828; background-color: #fff; } .tab-content.tab-content--bg .form-control, .tab-content.tab-content--bg .form-control:focus { background-color: #fff; } .tab-content>.tab-pane { display: none; width: 100%; border: 0; } .tab-content>.tab-pane>*:not(:first-child):not(p):not(.clearfix):not(.row) { margin-top: 35px; } @media (max-width: 767px) { .tab-content>.tab-pane>*:not(:first-child):not(p):not(.clearfix):not(.row) { margin-top: 20px; } } .tab-content>.tab-pane>p:not(:first-child) { margin-top: 25px; } .tab-content>.tab-pane>p+p { margin-top: 20px; } .tab-content>.tab-pane:only-child { margin-bottom: 0; } .tab-content>.active { display: block; } .panel-group--style1:first-child { margin-top: -15px; } .panel-group--style1 .panel { background: transparent; } .panel-group--style1 .panel-body img { max-width: 100%; } .panel-group--style1 .panel-body input.spr-form-input:not(.spr-starrating), .panel-group--style1 .panel-body textarea.spr-form-input, .panel-group--style1 .panel-body .form-control, .panel-group--style1 .panel-body .select-wrapper select { background-color: #f9f9f9; } .panel-group--style1 .panel-body input.spr-form-input:not(.spr-starrating), .panel-group--style1 .panel-body input.spr-form-input:not(.spr-starrating):focus, .panel-group--style1 .panel-body textarea.spr-form-input, .panel-group--style1 .panel-body textarea.spr-form-input:focus, .panel-group--style1 .panel-body .form-control, .panel-group--style1 .panel-body .form-control:focus, .panel-group--style1 .panel-body .select-wrapper select, .panel-group--style1 .panel-body .select-wrapper select:focus { background-color: #f9f9f9; } .panel-group--style1 .panel { border: 0; box-shadow: none !important; } .panel-group--style1 .panel-title, .panel-group--style1 .panel-heading, .panel-group--style1 .panel-group .panel { border-radius: 0; } .panel-group--style1 .panel-heading { padding: 0; border-bottom: 0; border-radius: 0; } .panel-group--style1 .panel-heading a { display: block; padding:8px 30px 8px 0; font-size: 18px; color: #282828; } .panel-group--style1 .panel-heading a:hover { color: #282828; } .panel-group--style1 .panel-heading.active a { color: #282828; } .panel-group--style1.panel-body-bg .panel-heading a { padding: 17px 40px 17px 12px; } .panel-group--style1 .panel-title { font-size: 20px; line-height: 24px; margin-bottom: 0; } .panel-group--style1 .panel>.panel-heading { position: relative; border-width: 1px 0 1px 0; border-style: solid; border-color: #f0f0f0; background-color: #fff; } .panel-group--style1 .panel>.panel-heading .toggle-arrow { position: absolute; z-index: 100; top: 0; right: 0; display: block; width: 50px; height: 100%; transition: all .2s ease; pointer-events: none; } .panel-group--style1 .panel>.panel-heading .toggle-arrow span:first-child { position: absolute; top: 50%; left: 50%; width: 15px; height: 3px; margin-top: 0; margin-left: -6px; transition: .2s; transform: rotate(-90deg); opacity: 1; background-color: #282828; } .panel-group--style1 .panel>.panel-heading .toggle-arrow span:last-child { position: absolute; top: 50%; left: 50%; width: 3px; height: 15px; margin-top: -6px; margin-left: 0; transition: .35s ease-in-out; transform: rotate(-90deg); background-color: #282828; } .panel-group--style1 .panel>.panel-heading.active .collapsed-content { position: relative; top: 0; visibility: visible; opacity: 1; } .panel-group--style1 .panel>.panel-heading.active .toggle-arrow span:first-child { transition: .35s ease-in-out; transform: rotate(90deg); opacity: 0; } .panel-group--style1 .panel>.panel-heading.active .toggle-arrow span:last-child { transform: rotate(90deg); } .panel-group--style1 .panel:first-child>.panel-heading { border-top: 0; } .panel-group--style1 .panel+.panel { margin-top: 0; } .panel-group--style1 .panel+.panel>.panel-heading { border-top: 0; } .panel-group--style1 .panel-heading+.panel-collapse>.panel-body { padding: 20px 0; border-top: 0; } .panel-group--style1.panel-body-bg .panel-heading+.panel-collapse>.panel-body { padding: 40px; } @media (max-width: 767px) { .panel-group--style1.panel-body-bg .panel-heading+.panel-collapse>.panel-body { padding: 20px; } } .panel-group--style1.panel-body-bg .panel-heading.active { border-bottom-color: transparent; } .panel-group--style1.panel-body-bg .panel-body { color: #282828; background: #fff; } .panel-group--style1.panel-body-bg .panel-body h2, .panel-group--style1.panel-body-bg .panel-body h3, .panel-group--style1.panel-body-bg .panel-body h4, .panel-group--style1.panel-body-bg .panel-body h5, .panel-group--style1.panel-body-bg .panel-body h6 { color: #282828; } .panel-group--style1.panel-body-bg .panel-body .tags-list li a:not(:hover):not(.active) { background-color: #fff; } .panel-group--style1.panel-body-bg .panel-body table { font-size: 14px; line-height: 23px; border: 25px solid #fff; background: #fff; } @media (max-width: 767px) { .panel-group--style1.panel-body-bg .panel-body table { border-width: 10px; } } .panel-group--style1.panel-body-bg .panel-body table tr td, .panel-group--style1.panel-body-bg .panel-body table th td, .panel-group--style1.panel-body-bg .panel-body table tbody tr td, .panel-group--style1.panel-body-bg .panel-body table tbody tr th, .panel-group--style1.panel-body-bg .panel-body table thead tr th, .panel-group--style1.panel-body-bg .panel-body table thead tr td, .panel-group--style1.panel-body-bg .panel-body table tfoot tr th, .panel-group--style1.panel-body-bg .panel-body table tfoot tr td { border: 0; } .panel-group--style1.panel-body-bg .panel-body .form-control, .panel-group--style1.panel-body-bg .panel-body .form-control:focus { background-color: #fff; } .panel-group--style2 { margin-bottom: -1px; } .panel-group--style2 .panel { background: transparent; } .panel-group--style2 .panel-body { padding: 20px; color: #282828; background: #fff; } .panel-group--style2 .panel-body h2, .panel-group--style2 .panel-body h3, .panel-group--style2 .panel-body h4, .panel-group--style2 .panel-body h5, .panel-group--style2 .panel-body h6 { color: #282828; } .panel-group--style2 .panel-body img { max-width: 100%; } .panel-group--style2 .panel-body .tags-list li a:not(:hover):not(.active) { background-color: #fff; } .panel-group--style2 .panel-body input.spr-form-input:not(.spr-starrating), .panel-group--style2 .panel-body textarea.spr-form-input, .panel-group--style2 .panel-body .form-control, .panel-group--style2 .panel-body .select-wrapper select { background-color: #f9f9f9; } .panel-group--style2 .panel-body input.spr-form-input:not(.spr-starrating), .panel-group--style2 .panel-body input.spr-form-input:not(.spr-starrating):focus, .panel-group--style2 .panel-body textarea.spr-form-input, .panel-group--style2 .panel-body textarea.spr-form-input:focus, .panel-group--style2 .panel-body .form-control, .panel-group--style2 .panel-body .form-control:focus, .panel-group--style2 .panel-body .select-wrapper select, .panel-group--style2 .panel-body .select-wrapper select:focus { background-color: #f9f9f9; } .panel-group--style2 .panel { border: 0; box-shadow: none !important; } .panel-group--style2 .panel-title, .panel-group--style2 .panel-heading, .panel-group--style2 .panel-group .panel { border-radius: 0; } .panel-group--style2 .panel-heading { padding: 0; border-bottom: 0; border-radius: 0; background-color: #f9f9f9; } .panel-group--style2 .panel-heading a { display: block; padding: 22px 40px 22px 20px; color: #282828; } .panel-group--style2 .panel-heading a:hover { color: #282828; } .panel-group--style2 .panel-heading.active a { color: #282828; } .panel-group--style2 .panel-title { font-size: 17px; line-height: 24px; margin-bottom: 0; } .panel-group--style2 .panel>.panel-heading { position: relative; margin-bottom: 1px; } .panel-group--style2 .panel>.panel-heading .toggle-arrow { position: absolute; z-index: 100; top: 0; right: 0; display: block; width: 50px; height: 100%; transition: all .2s ease; pointer-events: none; } .panel-group--style2 .panel>.panel-heading .toggle-arrow span:first-child { position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; margin-top: 0; margin-left: -5px; transition: .2s; transform: rotate(-90deg); opacity: 1; background-color: #282828; } .panel-group--style2 .panel>.panel-heading .toggle-arrow span:last-child { position: absolute; top: 50%; left: 50%; width: 2px; height: 12px; margin-top: -5px; margin-left: 0; transition: .35s ease-in-out; transform: rotate(-90deg); background-color: #282828; } .panel-group--style2 .panel>.panel-heading.active .collapsed-content { position: relative; top: 0; visibility: visible; opacity: 1; } .panel-group--style2 .panel>.panel-heading.active .toggle-arrow span:first-child { transition: .35s ease-in-out; transform: rotate(90deg); opacity: 0; } .panel-group--style2 .panel>.panel-heading.active .toggle-arrow span:last-child { transform: rotate(90deg); } .panel-group--style2 .panel+.panel { margin-top: 17px; } @media (max-width: 767px) { .panel-group--style2 .panel+.panel { margin-top: 10px; } } .panel-group--style2 table { font-size: 14px; line-height: 23px; margin-right: -15px; margin-left: -15px; border: 25px solid #fff; background: #fff; } @media (max-width: 767px) { .panel-group--style2 table { border-width: 10px; } } .panel-group--style2 table tr td, .panel-group--style2 table th td, .panel-group--style2 table tbody tr td, .panel-group--style2 table tbody tr th, .panel-group--style2 table thead tr th, .panel-group--style2 table thead tr td, .panel-group--style2 table tfoot tr th, .panel-group--style2 table tfoot tr td { border: 0; } .params-row { margin: 0; list-style: none; } .params-row li { display: inline-block; min-width: 50px; text-align: center; } .steps-progress .nav-tabs { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media (max-width: 575px) { .steps-progress .nav-tabs { margin-bottom: 10px; border: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .steps-progress .nav-tabs:not(.tab-category)>li { max-width: 25%; } @media (max-width: 575px) { .steps-progress .nav-tabs:not(.tab-category)>li { width: 100%; max-width: 100%; margin-bottom: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .steps-progress .nav-tabs:not(.tab-category)>li .nav-link { font-size: 14px; font-weight: 600; line-height: 16px; display: -ms-flexbox; display: flex; padding: 10px 0; transition: .2s; text-align: inherit; text-transform: uppercase; border: 0; background-color: transparent; } @media (max-width: 575px) { .steps-progress .nav-tabs:not(.tab-category)>li .nav-link { -ms-flex-align: center; -moz-align-items: center; align-items: center; } } .steps-progress .nav-tabs:not(.tab-category)>li .nav-link:hover, .steps-progress .nav-tabs:not(.tab-category)>li .nav-link:focus, .steps-progress .nav-tabs:not(.tab-category)>li .nav-link:active, .steps-progress .nav-tabs:not(.tab-category)>li .nav-link.active { padding: 10px 0; border: 0; background-color: transparent; } .steps-progress .nav-tabs:not(.tab-category)>li .nav-link:hover:after, .steps-progress .nav-tabs:not(.tab-category)>li .nav-link:focus:after, .steps-progress .nav-tabs:not(.tab-category)>li .nav-link:active:after, .steps-progress .nav-tabs:not(.tab-category)>li .nav-link.active:after { display: none; } .steps-progress .nav-tabs:not(.tab-category)>li .nav-link:not(.active) { opacity: .3; } .steps-progress .nav-tabs:not(.tab-category)>li .nav-link:hover { opacity: 1; } .steps-progress .nav-tabs:not(.tab-category)>li .nav-link span:first-child { font-size: 36px; font-weight: 400; position: relative; top: 3px; padding: 0 8px; } @media (max-width: 575px) { .steps-progress .nav-tabs:not(.tab-category)>li .nav-link span:first-child { font-size: 30px; top: -4px; } } .steps-progress .progress { height: 4px; margin-top: -1px; border-radius: 0; } .steps-progress .progress-bar { background-color: #5ce1e9; } /* 12. Breadcrumbs */ .breadcrumbs-wrap { background-color: #fff; } .breadcrumbs { padding: 8px 0; list-style: none; color: #282828; } .breadcrumbs li { font-size: 12px; line-height: 20px; display: inline-block; } .breadcrumbs li:first-child { padding-left: 0; } .breadcrumbs li:last-child { padding-right: 0; } .breadcrumbs li a { white-space: nowrap; text-decoration: underline; color: #282828; } .breadcrumbs li a:hover { text-decoration: none; color: #5ce1e9; } .breadcrumbs li:after { font-family: 'icon-foxic'; font-size: 18px; line-height: 20px; position: relative; margin-right: -8px; padding-right: 12px; padding-left: 8px; content: '/'; vertical-align: bottom; color: rgb(45, 45, 45); } .breadcrumbs li:last-child:after { display: none; } /* 13. Modals */ .modal-content { padding: 0; border: 0; box-shadow: 0 0 0 0; } .modal-content img { max-width: 100%; } .modal-content { overflow-x: hidden; overflow-y: auto; background-color: transparent; } .modal-info { font-size: 18px; font-weight: 600; line-height: 20px; overflow: hidden; max-width: 470px; transition: all .7s; transform: translateY(-50px); color: #0f0909; } .modal-info .modal-icon-info { font-size: 20px; display: inline-block; padding-right: 12px; vertical-align: top; } .modal-info .modal-text { display: -ms-flexbox; display: flex; } .modal-info.modal--simple .modal-content { padding: 45px 40px 30px; } @media (max-width: 575px) { .modal-info.modal--simple .modal-content { padding: 45px 30px 25px; } } .modal-info a { color: #5ce1e9; } .modal--success .modal-icon-info { color: #282828; } .modal--error .modal-icon-info { color: #f33f46; } .modal--lg { width: 909px; max-width: calc(100% - 40px); } .modal--quickview .quickview-hidden { display: none; } .modal--quickview .prd-block_visitiors, .modal--quickview .prd-block_viewed { font-size: 10px; font-weight: 600; line-height: 13px; } .modal--quickview .prd-block_viewed-wrap { position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; display: -ms-flexbox; display: flex; color: #282828; -ms-flex-align: center; align-items: center; } .modal--quickview .prd-block_viewed-wrap:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; opacity: .75; background-color: #fff; } .modal--quickview .prd-block_viewed { width: 50%; min-width: 0; padding: 8px; color: #282828; } .modal--quickview .prd-block_viewed [class*='icon'] { padding-right: 5px; } @media (max-width: 767px) { .modal--quickview .prd-block_viewed [class*='icon'] { display: none; } } .modal--quickview .prd-block_viewed:after { display: none; } .modal--quickview .prd-block_viewed--real-time { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } .modal--quickview .modal-content { overflow: hidden; width: 100%; max-width: 100%; max-height: 100%; border-radius: 5px; } @media (max-width: 991px) { .modal--quickview .modal-content { background-color: #fff; } } @media (max-width: 767px) { .modal--quickview .modal-content { border-radius: 0; } } .modal--quickview .prd-block { max-height: 100%; } .modal--quickview .prd-block>.row { max-height: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media (max-width: 991px) { .modal--quickview .prd-block>.row { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .modal--quickview .quickview-gallery { position: -webkit-sticky; position: sticky; top: 0; height: 100%; border-radius: 5px 0 0 5px; } @media (max-width: 991px) { .modal--quickview .quickview-gallery { position: relative; border-radius: 5px 5px 0 0; } } @media (max-width: 767px) { .modal--quickview .quickview-gallery { position: relative; border-radius: 0; background-color: transparent; } } .modal--quickview .quickview-info { border-radius: 0 5px 5px 5px; background-color: #fff; } @media (max-width: 767px) { .modal--quickview .quickview-info { border-radius: 0; } } .modal--quickview.fancybox-content { display: -ms-inline-flexbox; display: inline-flex; overflow: hidden; width: 1030px; max-width: calc(100% - 60px); min-height: 400px; max-height: calc(100% - 30px); margin: 0 !important; padding: 0; background: transparent; } @media (max-width: 991px) { .modal--quickview.fancybox-content { width: 500px; max-width: calc(100% - 20px); height: 100%; min-height: 0; max-height: 100%; } } @media (max-width: 767px) { .modal--quickview.fancybox-content { width: 100%; max-width: 100%; } } @media (min-width: 992px) { .modal--quickview.fancybox-content.modal-content--compact { width: 930px; } } .modal--quickview .prd-block_info { position: relative; padding: 30px 30px; } @media (max-width: 991px) { .modal--quickview .prd-block_info { padding: 20px 30px; } } @media (max-width: 575px) { .modal--quickview .prd-block_info { padding: 20px 15px; } } @media (min-width: 992px) { .modal--quickview .prd-block_info-bottom, .modal--quickview .prd-block_info-top { position: absolute; z-index: 1; right: 20px; width: calc(50% - 20px); height: 28px; border-radius: 0 0 5px 5px; background-color: #fff; } } @media (min-width: 992px) and (max-width: 991px) { .modal--quickview .prd-block_info-bottom, .modal--quickview .prd-block_info-top { height: 18px; } } @media (min-width: 992px) { .modal--quickview .prd-block_info-top { top: -5px; } .modal--quickview .prd-block_info-bottom { bottom: 0; } } @media (max-width: 991px) { .modal--quickview .prd-block_info-bottom, .modal--quickview .prd-block_info-top { display: none; } } .modal--quickview .prd-block_info .panel-group--style1 .panel-heading { display: none; } .modal--quickview .prd-block_info .panel-group--style1 .panel-body { padding: 20px 0 !important; } .modal--quickview .prd-block_main-image-holder { overflow: visible; } .modal--quickview .prd-block_main-image { z-index: 1; background-color: #fff; } .modal--quickview .prd-block_main-image img { width: 100%; } @media (max-width: 767px) { .modal--quickview .prd-block_main-image { background-color: transparent; } } .modal--quickview .product-main-carousel .slick-arrow { opacity: 0; } .modal--quickview .prd-block_description { margin-top: 20px; } .modal--quickview .prd-block_info--style2 .prd-block_options { margin-top: 20px; } .modal--quickview .prd-block_shopping-info [class*='icon'] { font-size: 38px; height: 39px; margin-right: 7px; } .modal--quickview .product-main-carousel { transition: height .5s; } .modal--quickview .product-main-carousel .ZoomContainer { z-index: 150 !important; } .modal--quickview .product-main-carousel:not(.slick-initialized)>*+* { display: none; } .modal--quickview .product-main-carousel:not(.slick-initialized)>*+.ZoomContainer { display: block; } @media (max-width: 575px) { .modal--quickview .prd-block_actions .btn-wrap { margin-right: 0; margin-left: 0; } } @media (min-width: 992px) { .modal--quickview .prd-block--no-previews .prd-block_info-bottom, .modal--quickview .prd-block--no-previews .prd-block_info-top { width: calc(55.5% - 20px); } .modal--quickview .prd-block--no-previews .prd-block_main-image { overflow: hidden; border-radius: 5px 0 0 5px; } } .modal--quickview .prd-block--prv-right .product-previews-carousel { display: -ms-flexbox; display: flex; flex-direction: column; width: 90px; height: 100%; margin: 0; padding: 7px 0 7px 15px; transition: 0s; -ms-flex-direction: column; -ms-flex-pack: center; justify-content: center; } @media (max-width: 575px) { .modal--quickview .prd-block--prv-right .product-previews-carousel { width: 60px; padding: 0; } } .modal--quickview .prd-block--prv-right .prd-block_main-image { overflow: hidden; width: calc(100% - 90px); height: 100%; border-radius: 0 0 0 5px; } @media (max-width: 575px) { .modal--quickview .prd-block--prv-right .prd-block_main-image { width: calc(100% - 60px); } } .modal--quickview .prd-block--prv-right .quickview-gallery { display: -ms-flexbox; display: flex; background-color: #fff; } @media (max-width: 575px) { .modal--quickview .prd-block--prv-right .slick-vertical .slick-slide { border-top-width: 3px; border-bottom-width: 3px; } } .modal--quickview .prd-block--prv-bottom .product-previews-carousel { padding: 8px 20px; transition: .5s; background-color: #fff; } @media (max-width: 767px) { .modal--quickview .prd-block--prv-bottom .product-previews-carousel { background-color: transparent; } } .modal--quickview .prd-block--prv-bottom .product-previews-carousel:not(.slick-initialized) { overflow: hidden; opacity: 0; } .modal--quickview .prd-block--prv-bottom .product-previews-carousel.slick-initialized { opacity: 1; } .modal--quickview .prd-block--prv-bottom .product-previews-wrapper { padding: 0; } .modal--quickview .prd-block--prv-bottom .product-previews-wrapper a { padding: 0 4px; } @media (max-width: 575px) { .modal--quickview .prd-block--prv-bottom .product-previews-wrapper a { padding: 0 6px; } } .modal--quickview .prd-block--prv-bottom .product-previews-wrapper .slick-prev { left: -4px; } @media (max-width: 575px) { .modal--quickview .prd-block--prv-bottom .product-previews-wrapper .slick-prev { left: 0; } } .modal--quickview .prd-block--prv-bottom .product-previews-wrapper .slick-next { right: -4px; } @media (max-width: 575px) { .modal--quickview .prd-block--prv-bottom .product-previews-wrapper .slick-next { right: 0; } } .modal--quickview .product-previews-wrapper { padding: 0; } @media (min-width: 992px) { .modal--quickview .corner-modal { position: absolute; right: -8px; bottom: -5px; width: 13px; height: 13px; background: #fff; background: linear-gradient(45deg, transparent 5px, #fff) bottom left; background-image: radial-gradient(circle at 0 100%, rgba(0, 0, 0, 0) 5px, #fff 6px); background-repeat: no-repeat; background-size: 50% 50%; } } .modal--quickview .prd-block_countdown { min-height: 95px; margin-top: 0; opacity: 0; } .modal--quickview .prd-block_countdown.countdown-init { opacity: 1; mun-height: 0; } .modal--quickview .countdown-circle { display: none; } .modal--quickview .prd-block_label-new, .modal--quickview .prd-block_label-sale, .modal--quickview .prd-block_label-outstock { font-size: 15px; line-height: 16px; bottom: 55px; width: 70px; height: 70px; padding: 12px 8px; } .modal--quickview .prd-block_label-new.prd-block_label--single, .modal--quickview .prd-block_label-sale.prd-block_label--single, .modal--quickview .prd-block_label-outstock.prd-block_label--single { bottom: 55px !important; } .modal--quickview .prd-block_label-new { bottom: 85px; } .modal--quickview .prd-block_label-new:only-child { bottom: 55px; } .modal--quickview .prd-block_label-outstock { bottom: 55px; } .modal--quickview .prd-block_details { margin-top: 20px; } .modal--quickview.modal-quickview--no-previews.fancybox-content { width: 895px; } .modal--quickview.modal-quickview--classic .product-previews-carousel:not(.slick-initialized) { max-height: none; } @media (min-width: 992px) { .modal--quickview.modal-quickview--classic .quickview-gallery { position: relative; } .modal--quickview.modal-quickview--classic.fancybox-content { max-height: none; } .modal--quickview.modal-quickview--classic .quickview-info { max-height: calc(100vh - 60px); } .modal--quickview.modal-quickview--classic .quickview-gallery, .modal--quickview.modal-quickview--classic .prd-block_main-image { height: auto !important; } .modal--quickview.modal-quickview--classic .corner-modal { display: none; } .modal--quickview.modal-quickview--classic .prd-block>.row { background-color: #fff; } .modal--quickview.modal-quickview--classic .quickview-gallery { background-color: #fff; } .modal--quickview.modal-quickview--classic .quickview-info { border-radius: 0 5px 5px 0; } .modal--quickview.modal-quickview--classic .prd-block_info { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .modal--quickview.modal-quickview--classic .prd-block_info-top { display: none; } .modal--quickview.modal-quickview--classic .prd-block_info-bottom { width: calc(50% - 20px); transform: scaleY(-1); background: #fff; background: -webkit-gradient(left top, left bottom, color-stop(10%, #fff), color-stop(100%, rgba(255, 255, 255, 0))); background: linear-gradient(to bottom, #fff 10%, rgba(255, 255, 255, 0) 100%); } .modal--quickview.modal-quickview--classic .prd-block_info>*:last-child { margin-bottom: 30px; } } @media (min-width: 768px) { .modal--quickview.modal-quickview--classic .prd-block_price { -ms-flex: 0; flex: 0; } } .modal--simple { padding: 0; } .modal--simple.fancybox-content { overflow: visible; } .modal--simple .modal-header { padding: 16px 30px 14px; border: 0; background: #5ce1e9; } @media (max-width: 767px) { .modal--simple .modal-header { padding: 10px 15px 9px; } } .modal--simple .modal-header-title { font-family: system-ui; font-size: 24px; font-weight: 600; line-height: 36px; text-align: center; color: #fff; } @media (max-width: 767px) { .modal--simple .modal-header-title { font-size: 18px; line-height: 24px; } } .modal--simple .modal-header-title [class*='icon'] { padding-right: 25px; } @media (max-width: 767px) { .modal--simple .modal-header-title [class*='icon'] { display: none; } } .modal--simple .modal-header .modal-close { font-size: 18px; top: 8px; right: 20px; padding: 10px; transition: .2s; color: #fff; } .modal--simple .modal-header .modal-close:hover { opacity: .6; } .modal--simple .modal-content { padding: 30px 40px; } @media (max-width: 991px) { .modal--simple .modal-content { padding: 20px 30px; } } @media (max-width: 767px) { .modal--simple .modal-content { padding: 15px 20px; } } .modal--simple .modal-body { padding: 0; } .fancybox-slide--html .modal--quickview .fancybox-close-small { display: none; } .fancybox-fx-material.fancybox-slide--previous, .fancybox-fx-material.fancybox-slide--next { transform: translateY(-60px) scale(1.1); opacity: 0; } .fancybox-fx-material.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1); opacity: 1; } .fancybox-is-open .fancybox-bg { opacity: .35; } .fancybox-container { z-index: 172; } .fancybox-content { overflow: hidden; background-color: #fff; } .fancybox-slide--html .fancybox-close-small { font-size: 18px; position: absolute; top: 8px; right: 8px; display: -ms-flexbox; display: flex; width: 26px; height: 26px; cursor: pointer; transition: .2s; opacity: .75; color: #5ce1e9; border-radius: 50%; background-color: #fff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .fancybox-slide--html .fancybox-close-small svg { display: none; } .fancybox-slide--html .fancybox-close-small:hover { opacity: 1; } @media (max-width: 767px) { .fancybox-slide--html .modal--quickview .fancybox-close-small { display: -ms-flexbox; display: flex; } .fancybox-slide--html .modal--quickview .fancybox-close-small { font-size: 20px; z-index: 2; top: 10px; right: 10px; display: -ms-flexbox; display: flex; width: 50px; height: 50px; opacity: 1; color: #282828; background-color: #fff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .fancybox-slide--html .modal-info-content-sm .fancybox-close-small { top: 6px; right: 5px; } } .fancybox-slide--html { padding-top: 30px; padding-bottom: 30px; } @media (max-width: 991px) { .fancybox-slide--html { padding: 10px; } } @media (max-width: 767px) { .fancybox-slide--html { padding: 0; } } .fancybox-thumbs { top: auto; right: 0; bottom: 0; left: 0; box-sizing: border-box; width: auto; height: auto; padding: 10px 10px 0 10px; background: rgba(0, 0, 0, .3); } .fancybox-show-thumbs .fancybox-inner { right: 0; bottom: 95px; overflow: visible; } .payment-notification-wrap { position: absolute; bottom: 0; left: 20px; margin-bottom: 20px; transition: .2s; pointer-events: none; } .payment-notification { position: relative; z-index: 1; padding: 4px; transform: translateY(120%); pointer-events: all; opacity: 0; border-radius: 50%; } .payment-notification:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: .35; border-radius: 50%; background: #647482; } .payment-notification-inside { position: relative; z-index: 1; width: 190px; height: 190px; border-radius: 50%; background-color: #fff; } @media (max-width: 575px) { .payment-notification-inside { width: 170px; height: 170px; } } .payment-notification-container { padding: 12px; text-align: center; } @media (max-width: 575px) { .payment-notification-container { padding: 8px; } } .payment-notification-image img { overflow: hidden; max-width: 90px; max-height: 80px; } @media (max-width: 575px) { .payment-notification-image img { max-width: 75px; max-height: 65px; } } .payment-notification-content { display: -ms-flexbox; display: flex; flex-direction: column; margin: 0; padding: 15px 12px; -ms-flex-direction: column; } @media (max-width: 575px) { .payment-notification-content { padding: 12px 8px; } } .payment-notification-close { font-size: 18px; position: absolute; top: 5px; right: 8px; display: -ms-flexbox; display: flex; width: 34px; height: 34px; cursor: pointer; transition: .2s; color: #282828; border-radius: 50%; background-color: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, .07); -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .payment-notification-close:hover { text-decoration: none; opacity: .75; color: #fff; background-color: #5ce1e9; } .payment-notification-qw { font-size: 18px; position: absolute; right: 8px; bottom: 5px; display: -ms-flexbox; display: flex; width: 34px; height: 34px; cursor: pointer; transition: .2s; color: #282828; border-radius: 50%; background-color: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, .07); -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .payment-notification-qw:hover { text-decoration: none; opacity: .75; color: #fff; background-color: #5ce1e9; } .payment-notification-content>*+* { margin-top: 4px; } .payment-notification-text { font-size: 10px; line-height: 1em; color: #282828; } .payment-notification-name { font-size: 13px; font-weight: 600; line-height: 1em; display: inline-block; overflow: hidden; max-width: 100%; white-space: nowrap; text-decoration: none; text-overflow: ellipsis; color: #282828; } .payment-notification-name:hover { text-decoration: none; color: #5ce1e9; } .payment-notification-bottom { display: -ms-flexbox; display: flex; margin: auto -2px 0; padding-top: 15px; } .payment-notification-bottom>* { padding-right: 2px; padding-left: 2px; } .payment-notification-when { font-size: 11px; line-height: 1em; color: #5ce1e9; } .payment-notification-from { font-size: 11px; line-height: 1em; margin-top: 0; color: #282828; } .payment-notification.payment-notification--squared .payment-notification-inside { width: 280px; height: auto; border-radius: 5px; box-shadow: 0 5px 8px rgba(0, 0, 0, .2); } .payment-notification.payment-notification--squared .payment-notification-container { display: -ms-flexbox; display: flex; padding: 5px 30px 5px 5px; text-align: left; -ms-flex-align: center; align-items: center; } .payment-notification.payment-notification--squared .payment-notification-image img { width: auto; height: 100%; object-fit: contain; } .payment-notification.payment-notification--squared .payment-notification-content { margin: 0; padding: 0 10px; } .payment-notification.payment-notification--squared .payment-notification-content-wrapper { height: auto; } .payment-notification.payment-notification--squared .payment-notification-name { line-height: 1.2em; display: block; white-space: normal; } .payment-notification.payment-notification--squared .payment-notification-close { font-size: 14px; top: 5px; right: 5px; width: 24px; height: 24px; box-shadow: none; } .payment-notification.payment-notification--squared .payment-notification-qw { font-size: 16px; right: 5px; bottom: 5px; width: 24px; height: 24px; box-shadow: none; } .payment-notification.payment-notification--squared .payment-notification-from { font-size: 11px; line-height: 1em; } .payment-notification.payment-notification--squared:after { display: none; } .popup-addedtocart { position: relative; z-index: 3; overflow: hidden; width: 100%; height: 0; color: #fff; background-color: #5ce1e9; box-shadow: 0 -5px 8px rgba(0, 0, 0, .12); } .popup-addedtocart .container { padding-top: 15px; padding-bottom: 15px; } @media screen and (min-width: 768px) { .popup-addedtocart .container { position: relative; } } .popup-addedtocart .container>.row { -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media screen and (max-width: 575px) { .popup-addedtocart .container>.row { display: block; } } .popup-addedtocart_logo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .popup-addedtocart_logo img { width: auto; max-height: 60px; } @media screen and (max-width: 767px) { .popup-addedtocart_logo { display: none; } } .popup-addedtocart_image { display: -ms-flexbox; display: flex; max-width: 80px; -ms-flex-align: center; align-items: center; -ms-flex: 0 0 80px; flex: 0 0 80px; } .popup-addedtocart_image img { max-width: 100%; border-radius: 4px; } @media screen and (max-width: 575px) { .popup-addedtocart_image { max-width: 60px; -ms-flex: 0 0 60px; flex: 0 0 60px; } } .popup-addedtocart_info { font-size: 15px; line-height: 23px; margin-bottom: 0; } @media screen and (max-width: 575px) { .popup-addedtocart_info { font-size: 14px; line-height: 20px; } } .popup-addedtocart_info>.row { margin-right: -10px; margin-left: -10px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media screen and (max-width: 575px) { .popup-addedtocart_info>.row { margin-right: -5px; margin-left: -5px; } } @media screen and (min-width: 768px) { .popup-addedtocart_info>.row { -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } } .popup-addedtocart_info>.row>* { padding: 0 10px; } @media screen and (max-width: 575px) { .popup-addedtocart_info>.row>* { padding: 0 5px; } } .popup-addedtocart_info a:not(.btn) { color: #fff; } .popup-addedtocart_info a:not(.btn):hover, .popup-addedtocart_info a:not(.btn):focus { text-decoration: underline; color: #fff; } .popup-addedtocart_info .popup-addedtocart_text { display: -ms-flexbox; display: flex; flex-direction: column; -ms-flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 575px) { .popup-addedtocart_info .popup-addedtocart_text { padding-right: 50px; } } .popup-addedtocart_message a { text-decoration: underline; color: #fff; } .popup-addedtocart_message a:hover { text-decoration: none; } .popup-addedtocart_actions { font-size: 15px; line-height: 23px; position: relative; display: -ms-flexbox; display: flex; margin-left: auto; padding-right: 65px; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 1200px) { .popup-addedtocart_actions { text-align: center; } } @media screen and (min-width: 768px) { .popup-addedtocart_actions { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media screen and (max-width: 991px) { .popup-addedtocart_actions span:first-child { display: none; } } @media screen and (max-width: 767px) { .popup-addedtocart_actions { text-align: left; } } @media screen and (max-width: 575px) { .popup-addedtocart_actions { display: none; } } .popup-addedtocart_actions>span:first-child { padding-right: 5px; } .popup-addedtocart_actions>span:not(:first-child) { padding: 0 5px; } .popup-addedtocart_actions a.btn { margin-top: 2px; margin-bottom: 2px; margin-left: 5px; } .popup-addedtocart_actions a.btn:not(:last-child) { margin-right: 5px; } .popup-addedtocart_actions a:not(.btn) { text-decoration: underline; color: #fff; } .popup-addedtocart_actions a:not(.btn):hover, .popup-addedtocart_actions a:not(.btn):focus { text-decoration: none; color: #fff; } .popup-addedtocart_actions.has-agreement a.btn { margin-bottom: 15px; } .popup-addedtocart_actions .btn--grey, .popup-addedtocart_actions .btn--grey:active, .popup-addedtocart_actions .btn--grey:active:focus, .popup-addedtocart_actions .btn--grey:visited, .popup-addedtocart_actions .btn--grey:focus { color: #282828; background-color: #efefef; } .popup-addedtocart_actions .btn--grey:hover { color: #fff; background-color: #282828; } .popup-addedtocart_actions .btn--invert, .popup-addedtocart_actions .btn--invert:active, .popup-addedtocart_actions .btn--invert:active:focus, .popup-addedtocart_actions .btn--invert:visited, .popup-addedtocart_actions .btn--invert:focus { color: #fff; background-color: #282828; } .popup-addedtocart_actions .btn--invert:hover { color: #282828; background-color: #efefef; } .popup-addedtocart-close { font-size: 36px; position: absolute; z-index: 1; top: 0; right: 8px; bottom: 0; display: -ms-flexbox; display: flex; width: 50px; cursor: pointer; color: #fff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .popup-addedtocart-close:hover, .popup-addedtocart-close:focus { color: #fff; } .popup-addedtocart-close:hover { text-decoration: none; opacity: .7; } @media screen and (max-width: 575px) { .popup-addedtocart-close { font-size: 28px; right: 3px; bottom: auto; height: 50%; } } .popup-addedtocart-cart { display: none; } @media screen and (max-width: 575px) { .popup-addedtocart-cart { font-size: 21px; position: absolute; z-index: 1; right: 12px; bottom: 8px; display: -ms-flexbox; display: flex; width: 30px; height: 30px; cursor: pointer; color: #5ce1e9; border-radius: 50%; background-color: #fff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } } .popup-addedtocart_title { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .popup-addedtocart_error_message { display: none; } .popup-addedtocart.has-error { background-color: #f33f46; } .popup-addedtocart.has-error .popup-addedtocart_message, .popup-addedtocart.has-error .popup-addedtocart_title, .popup-addedtocart.has-error .popup-addedtocart_image, .popup-addedtocart.has-error .popup-addedtocart_actions { display: none; } .popup-addedtocart.has-error .popup-addedtocart_error_message { display: block; } .popup-addedtocart.has-error:not(.closed) { display: -ms-flexbox; display: flex; min-height: 80px; -ms-flex-align: center; align-items: center; } .sticky-addcart { position: relative; z-index: 2; overflow: hidden; width: 100%; height: 0; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, .07); } .sticky-addcart .container { padding-top: 15px; padding-bottom: 15px; } .sticky-addcart .row { -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .sticky-addcart.options-off .sticky-addcart_info { max-width: 20%; } @media screen and (max-width: 1860px) { .sticky-addcart.options-off .sticky-addcart_info { max-width: 20%; } } @media screen and (max-width: 1199px) { .sticky-addcart.options-off .sticky-addcart_info { max-width: 35%; } } @media screen and (max-width: 991px) { .sticky-addcart.options-off .sticky-addcart_info { max-width: 50%; } } @media screen and (max-width: 575px) { .sticky-addcart.options-off .sticky-addcart_info { max-width: none; -ms-flex: auto; flex: auto; } } .sticky-addcart .popup-selectoptions-close { font-size: 36px; position: absolute; z-index: 1; top: 0; right: 8px; bottom: 0; display: -ms-flexbox; display: flex; width: 50px; padding: 0; cursor: pointer; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .sticky-addcart .popup-selectoptions-close:hover { text-decoration: none; opacity: .7; } @media screen and (max-width: 575px) { .sticky-addcart .popup-selectoptions-close { font-size: 30px; right: 3px; } } .sticky-addcart .prd-block_shopping-info-wrap { width: 100%; max-width: 600px; } @media screen and (max-width: 1199px) { .sticky-addcart .prd-block_shopping-info-wrap .prd-block_shopping-info-compact:nth-child(n+3) { display: none; } } .popup-selectoptions { color: #282828; background-color: #fff; } @media screen and (min-width: 768px) { .popup-selectoptions .container { position: relative; } } .popup-selectoptions .container .row { padding-right: 45px; } @media screen and (max-width: 575px) { .popup-selectoptions .container .row { padding-right: 40px; } } .popup-selectoptions.options-off .sticky-addcart_info { max-width: 20%; } @media screen and (max-width: 1860px) { .popup-selectoptions.options-off .sticky-addcart_info { max-width: 20%; } } @media screen and (max-width: 1199px) { .popup-selectoptions.options-off .sticky-addcart_info { max-width: 35%; } } @media screen and (max-width: 991px) { .popup-selectoptions.options-off .sticky-addcart_info { max-width: 50%; } } @media screen and (max-width: 575px) { .popup-selectoptions.options-off .sticky-addcart_info { max-width: none; -ms-flex: auto; flex: auto; } } .popup-selectoptions .prd-block_shopping-info-wrap { width: 100%; max-width: 600px; } @media screen and (max-width: 1199px) { .popup-selectoptions .prd-block_shopping-info-wrap .prd-block_shopping-info-compact:nth-child(n+3) { display: none; } } .popup-selectoptions .popup-selectoptions-close { font-size: 36px; position: absolute; z-index: 1; top: 0; right: 8px; bottom: 0; display: -ms-flexbox; display: flex; width: 50px; padding: 0; cursor: pointer; color: #282828; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .popup-selectoptions .popup-selectoptions-close:hover { text-decoration: none; opacity: .7; color: #5ce1e9; } @media screen and (max-width: 575px) { .popup-selectoptions .popup-selectoptions-close { font-size: 30px; right: 3px; } } .popup-selectoptions .sticky-addcart_error_message { display: none; } .popup-selectoptions>.container>.row { margin-right: -10px; margin-left: -10px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media screen and (max-width: 575px) { .popup-selectoptions>.container>.row { margin-right: -5px; margin-left: -5px; } } @media screen and (min-width: 768px) { .popup-selectoptions>.container>.row { -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } } .popup-selectoptions>.container>.row>* { padding: 0 10px; } @media screen and (max-width: 575px) { .popup-selectoptions>.container>.row>* { padding: 0 5px; } } .popup-selectoptions.has-error .sticky-addcart_price, .popup-selectoptions.has-error .sticky-addcart_title, .popup-selectoptions.has-error .sticky-addcart_image, .popup-selectoptions.has-error .sticky-addcart_actions, .popup-selectoptions.has-error .sticky-addcart_options { display: none; } .popup-selectoptions.has-error .sticky-addcart_info { display: block; max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .popup-selectoptions.has-error .sticky-addcart_error_message { display: block; text-align: center; color: #f33f46; } .sticky-addcart_title { font-size: 16px; line-height: 24px; margin-bottom: 0; } .sticky-addcart_title a { color: #282828; } .sticky-addcart_title a:hover { color: #5ce1e9; } @media screen and (max-width: 991px) { .sticky-addcart_title { font-size: 15px; font-weight: 500; line-height: 20px; } } @media screen and (max-width: 767px) { .sticky-addcart_title { display: none; } } .sticky-addcart_price { display: -ms-flexbox; display: flex; margin: 10px -5px 0; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sticky-addcart_price>* { margin: 0 5px; } .sticky-addcart_price--old { font-size: 16px; text-decoration: line-through; color: #282828; } .sticky-addcart_price--actual, .sticky-addcart_price--special { font-family: system-ui; font-size: 20px; font-weight: 600; color: #282828; } @media screen and (max-width: 767px) { .sticky-addcart_price { margin-top: 0; } } .sticky-addcart_image { display: -ms-flexbox; display: flex; max-width: 80px; min-height: 58px; -ms-flex-align: center; align-items: center; -ms-flex: 0 0 80px; flex: 0 0 80px; } .sticky-addcart_image img { max-width: 100%; border-radius: 4px; } @media screen and (max-width: 575px) { .sticky-addcart_image { max-width: 60px; -ms-flex: 0 0 60px; flex: 0 0 60px; } } .sticky-addcart_image--zoom>a { position: relative; display: inline-block; width: 100%; } .sticky-addcart_image--zoom>a:after, .sticky-addcart_image--zoom>a:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: .3s; opacity: 0; } .sticky-addcart_image--zoom>a:after { z-index: 1; content: ''; border-radius: 4px; background-color: rgba(0, 0, 0, .5); } .sticky-addcart_image--zoom>a:before { font-family: 'icon-foxic'; font-size: 20px; z-index: 2; display: -ms-flexbox; display: flex; content: '\e9ef'; color: #fff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .sticky-addcart_image--zoom>a:hover:after, .sticky-addcart_image--zoom>a:hover:before { opacity: 1; } .sticky-addcart_options { -ms-flex: 1; flex: 1; } @media screen and (max-width: 575px) { .sticky-addcart_options { padding: 0; } } .sticky-addcart_actions { display: -ms-flexbox; display: flex; margin-left: auto; -ms-flex-align: center; align-items: center; } .sticky-addcart_actions .prd-block_qty .option-label { font-size: 15px; padding-right: 7px; } @media screen and (max-width: 1199px) { .sticky-addcart_actions .prd-block_qty { display: none !important; } } @media screen and (max-width: 767px) { .sticky-addcart_actions .btn { padding-right: 20px; padding-left: 20px; } } @media screen and (min-width: 576px) { .sticky-addcart_actions .prd-block_qty+.btn-wrap { margin-left: 15px; } } .sticky-addcart_actions .btn { min-width: 160px; } @media screen and (max-width: 767px) { .sticky-addcart_actions .btn { min-width: 130px; padding: 15px; } } @media (max-width: 991px) and (min-width: 576px) { .sticky-addcart_info { padding: 0; } } @media screen and (max-width: 575px) { .sticky-addcart:not(.options-off) .sticky-addcart_info { display: none; } } .sticky-addcart .prd-block_qty { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .sticky-addcart .prd-block_qty .qty-changer input[type='text'], .sticky-addcart .prd-block_qty .qty-changer input[type='number'] { font-size: 17px; line-height: 36px; width: 36px; min-width: 36px; margin: 0; } .sticky-addcart .prd-block_qty .qty { position: relative; padding-right: 22px; } .sticky-addcart .prd-block_qty .qty button { position: absolute; right: 0; } .sticky-addcart .prd-block_qty .qty .increase { top: 0; } .sticky-addcart .prd-block_qty .qty .decrease { bottom: 0; } .form-notification { width: 667px; max-width: calc(100% - 30px); padding: 73px 50px; text-align: center; border-radius: 5px; background-color: #fff; } @media screen and (max-width: 767px) { .form-notification { padding: 50px 30px; } } .form-notification-icon { font-size: 52px; position: relative; z-index: 2; display: -ms-inline-flexbox; display: inline-flex; width: 100px; height: 100px; color: #5ce1e9; border-radius: 50%; background-color: #f9f9f9; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .form-notification-icon:not(:first-child) { margin-top: 35px; } @media screen and (max-width: 767px) { .form-notification-icon:not(:first-child) { margin-top: 25px; } } .form-notification-icon .icon-success { position: relative; top: -5px; } .form-notification-text { font-size: 25px; font-weight: 600; line-height: 1.24em; position: relative; z-index: 2; color: #282828; } @media screen and (max-width: 767px) { .form-notification-text { font-size: 22px; } } @media screen and (max-width: 575px) { .form-notification-text { font-size: 20px; } } .form-notification-text:not(:first-child) { margin-top: 35px; } @media screen and (max-width: 767px) { .form-notification-text:not(:first-child) { margin-top: 25px; } } .form-notification.has-error .form-notification-icon { color: #f33f46; } .form-notification.has-error .form-notification-text { color: #282828; } .form-notification.has-error .circle_decor { fill: #f33f46; } .form-notification.has-error .fancybox-close-small { color: #f33f46; } .form-notification.has-error+.form-control-wrap { margin-bottom: 45px; } .form-notification.has-error ul { position: relative; z-index: 2; } .fancybox-toolbar { top: 10px; right: 10px; } .fancybox-toolbar>button { border-radius: 50%; } .fancybox-toolbar>button:hover { opacity: .5; } .fancybox-loading { border-width: 2px; } .fancybox-button { color: #fff; background: #5ce1e9; } .fancybox-button:hover { color: #fff; background: #282828; } .fancybox-button[data-fancybox-zoom], .fancybox-button[data-fancybox-thumbs], .fancybox-button[data-fancybox-play] { display: none !important; } .fancybox-navigation .fancybox-button { top: calc(50% - 25px); display: -ms-flexbox; display: flex; width: 50px; height: 50px; padding: 0; border-radius: 50%; background-color: #fff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .fancybox-navigation .fancybox-button:before { font-family: icon-foxic; font-size: 32px; line-height: 1em; position: relative; transition: .2s; opacity: 1; color: #2d2c2c; } .fancybox-navigation .fancybox-button.fancybox-button--arrow_left { left: 15px; } .fancybox-navigation .fancybox-button.fancybox-button--arrow_left:before { content: '\e94c'; } .fancybox-navigation .fancybox-button.fancybox-button--arrow_right { right: 15px; } .fancybox-navigation .fancybox-button.fancybox-button--arrow_right:before { content: '\e94b'; } .fancybox-navigation .fancybox-button[disabled] { opacity: .5; } .fancybox-navigation .fancybox-button:hover:not([disabled]) { background: #282828; } .fancybox-navigation .fancybox-button:hover:not([disabled]):before { color: #fff; } .fancybox-navigation .fancybox-button>div { display: none; } .fancybox-infobar { color: #fff; } .fancybox--light .fancybox-button--zoom { display: none !important; } .fancybox--light .fancybox-bg { background: #fff; } .fancybox--light.fancybox-is-open .fancybox-bg { opacity: .95; } .fancybox--light .fancybox-caption { font-family: system-ui; font-size: 18px; font-weight: 600; line-height: 1em; padding: 15px; text-transform: uppercase; color: #282828; background: #fff; } .fancybox--light .fancybox-caption:after { display: none; } .fancybox--light .fancybox-infobar { color: #282828; mix-blend-mode: unset; } .fancybox--light .fancybox-button { background: #5ce1e9; } .fancybox--light .fancybox-button:hover { color: #fff; background: #282828; } .fancybox--light .fancybox-button, .fancybox--light .fancybox-button:link, .fancybox--light .fancybox-button:visited { color: #fff; } .fancybox--light .fancybox-button.disabled, .fancybox--light .fancybox-button.disabled:hover, .fancybox--light .fancybox-button[disabled], .fancybox--light .fancybox-button[disabled]:hover { opacity: .35; color: #fff; } .fancybox--light .fancybox-caption__body { overflow: visible; } .fancybox--light .fancybox-thumbs { background-color: transparent; } .modal-info-content { max-width: calc(100% - 30px); border-radius: 5px; } .modal-info-content.fancybox-content { padding: 60px; } @media screen and (max-width: 575px) { .modal-info-content.fancybox-content { padding: 30px; } } .modal-info-content .fancybox-close-small { font-size: 24px; color: #000; } .modal-info-content .fancybox-close-small:hover { color: #5ce1e9; } .modal-info-content-lg { width: 861px; } .modal-info-content-sm { width: 506px; } .modal-info-content-xs { width: 450px; } .modal-info-heading { text-align: center; } .modal-info-heading h2 { font-size: 30px; font-weight: 600; line-height: 1.233em; margin-bottom: 35px; } @media screen and (max-width: 575px) { .modal-info-heading h2 { font-size: 24px; } } .modal-info-heading h2:not(:first-child) { margin-top: 18px; } .modal-info-heading [class*='icon'] { font-size: 44px; color: #5ce1e9; } .modal-info-heading [class*='icon']+* { margin-top: 18px; } .modal-hidden { position: absolute; right: 0; bottom: 0; left: 0; pointer-events: none; } .fancybox-close-small+.fancybox-close-small { display: none !important; } @media screen and (min-width: 576px) { .popupLeavePage .popup-col1 { padding-right: 20px; padding-left: 50px; } .popupLeavePage .popup-col1:last-child { padding-right: 50px; padding-left: 50px; } .popupLeavePage .popup-col2 { padding: 20px 50px 50px 30px; } .popupLeavePage .prd-grid.prd-carousel { min-height: 370px; } .fancybox-slide--html .popupLeavePage .fancybox-close-small { top: 5px; right: 5px; } } @media screen and (max-width: 575px) { .popupLeavePage .popup-col1 { padding: 30px; } .popupLeavePage .popup-col2 { padding: 0 30px 50px 30px; } } /* 14. Side Images */ body { position: relative; overflow: auto; } .side-fixed { position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; overflow: hidden; width: 100%; pointer-events: none; } .side-fixed svg { width: 40vw; height: 40vw; } .side-fixed .left-fixed svg { transform: translate3d(-65%, 0, 0); } .side-fixed .right-fixed svg { transform: translate3d(65%, 0, 0); } @media (max-width: 1620px) { .side-fixed { display: none; } } .left-fixed { position: absolute; top: 0; bottom: 0; left: -20px; width: 100%; } .left-fixed>* { position: absolute; left: 0; height: 100vh; } .left-fixed>*:nth-child(1) { top: 1250px; } .left-fixed>*:nth-child(2) { top: 2500px; } .left-fixed img { position: absolute; top: 0; left: 0; animation: smRotate_l 7s infinite; } .right-fixed { position: absolute; top: 0; right: -20px; bottom: 0; width: 100%; text-align: right; } .right-fixed>* { position: relative; right: 0; height: 100vh; } .right-fixed>*:nth-child(1) { top: 850px; } .right-fixed>*:nth-child(2) { top: 1200px; } .right-fixed img { position: absolute; top: 0; right: 0; animation: smRotate_r 7s infinite; } @keyframes smRotate_l { 50% { transform: rotate(-7deg); } } @keyframes smRotate_r { 50% { transform: rotate(7deg); } } .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; z-index: 1; top: 50%; display: block; width: 27px; height: 27px; padding: 0; cursor: pointer; transition: opacity .2s; transform: translate(0, -50%); color: transparent; border: 0; outline: none; background: transparent; } .slick-prev:hover:not(.slick-disabled), .slick-next:hover:not(.slick-disabled) { color: transparent; outline: none; background: transparent; } .slick-prev:hover:not(.slick-disabled):before, .slick-next:hover:not(.slick-disabled):before { opacity: 1; color: #5ce1e9; } .slick-prev:before, .slick-next:before { font-family: 'icon-foxic'; font-size: 27px; line-height: 1; transition: .2s; opacity: 1; color: #2d2c2c; } .slick-disabled { cursor: auto !important; opacity: .3; } .slick-prev { left: -5px; } .slick-prev:before { content: '\e94c'; } .slick-next { right: -5px; } .slick-next:before { content: '\e94b'; } .slick-arrows-aside-simple.slick-arrows-white .slick-prev:before, .slick-arrows-aside-simple.slick-arrows-white .slick-next:before { color: #fff; } .slick-arrows-aside-simple.slick-arrows-white .slick-prev:hover:before, .slick-arrows-aside-simple.slick-arrows-white .slick-next:hover:before { color: #fff; } @media (max-width: 767px) { .slick-arrows-mobile-lg:not(.bnr-grid) .slick-prev { right: auto; left: 0; } .slick-arrows-mobile-lg:not(.bnr-grid) .slick-next { right: 0; left: auto; } .bnr-grid.slick-arrows-mobile-lg .slick-prev { right: auto; left: 15px; } .bnr-grid.slick-arrows-mobile-lg .slick-next { right: 15px; left: auto; } } @media (max-width: 1199px) { .slick-arrows-tablet .slick-prev, .slick-arrows-tablet .slick-next { font-size: 0; line-height: 0; position: absolute; z-index: 1; display: block; width: 44px; height: 44px; margin-top: -22px; padding: 0; cursor: pointer; transform: none; border-radius: 50%; background: rgba(255, 255, 255, .7); } .slick-arrows-tablet .slick-prev:hover:not(.slick-disabled), .slick-arrows-tablet .slick-next:hover:not(.slick-disabled) { background: white; } .slick-arrows-tablet .slick-prev:before, .slick-arrows-tablet .slick-next:before { font-size: 26px; line-height: 44px; display: inline-block; opacity: 1; color: #282828; } .slick-arrows-tablet .slick-prev:hover:not(.slick-disabled):before, .slick-arrows-tablet .slick-next:hover:not(.slick-disabled):before { opacity: 1; color: #282828; } .slick-arrows-tablet .slick-prev { right: auto; left: 0; } .slick-arrows-tablet .slick-next { right: 0; left: auto; } } @media (max-width: 767px) { .slick-arrows-mobile .slick-prev, .slick-arrows-mobile .slick-next { font-size: 0; line-height: 0; position: absolute; z-index: 1; display: block; width: 44px; height: 44px; margin-top: -22px; padding: 0; cursor: pointer; transform: none; border-radius: 50%; background: rgba(255, 255, 255, .7); } .slick-arrows-mobile .slick-prev:hover:not(.slick-disabled), .slick-arrows-mobile .slick-next:hover:not(.slick-disabled) { background: white; } .slick-arrows-mobile .slick-prev:before, .slick-arrows-mobile .slick-next:before { font-size: 26px; line-height: 44px; display: inline-block; opacity: 1; color: #282828; } .slick-arrows-mobile .slick-prev:hover:not(.slick-disabled):before, .slick-arrows-mobile .slick-next:hover:not(.slick-disabled):before { opacity: 1; color: #282828; } .slick-arrows-mobile .slick-prev { right: auto; left: 0; } .slick-arrows-mobile .slick-next { right: 0; left: auto; } } .slick-arrows-circle .slick-arrow { position: absolute; top: 50%; width: auto; height: 48px; margin-top: -24px; color: #282828; } .slick-arrows-circle .slick-prev { left: 0; } .slick-arrows-circle .slick-next { right: 0; } .slick-arrows-circle .slick-prev, .slick-arrows-circle .slick-next { transition: .2s; transform: none; } .slick-arrows-circle .slick-prev:hover:before, .slick-arrows-circle .slick-prev:hover:not(.slick-disabled):before, .slick-arrows-circle .slick-next:hover:before, .slick-arrows-circle .slick-next:hover:not(.slick-disabled):before { color: #fff; background-color: #5ce1e9; } .slick-arrows-circle .slick-prev:before, .slick-arrows-circle .slick-next:before { font-size: 20px; position: absolute; top: 0; display: -ms-flexbox; display: flex; width: 48px; height: 48px; transition: .2s; opacity: 1; color: #282828; border-radius: 50%; background-color: rgba(255, 255, 255, .55); -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .slick-arrows-circle .slick-prev:before { left: 0; padding-right: 2px; content: '\e907'; } .slick-arrows-circle .slick-next:before { right: 0; content: '\e919'; } .slick-arrows-circle .slick-prev { left: 15px; } .slick-arrows-circle.container-fluid .slick-prev { left: 15px; } .slick-arrows-circle .slick-next { right: 15px; } .slick-arrows-circle.container-fluid .slick-next { right: 15px; } .carousel-arrows { position: relative; z-index: 1; } .carousel-arrows .slick-prev, .carousel-arrows .slick-next { top: 50%; transform: translate(0, -50%); } .carousel-arrows .slick-prev:before, .carousel-arrows .slick-next:before { font-size: 28px; color: #282828; } .carousel-arrows .slick-prev:hover:not(.slick-disabled):before, .carousel-arrows .slick-next:hover:not(.slick-disabled):before { color: #5ce1e9; } .carousel-arrows .slick-next { right: 0; left: auto; } .carousel-arrows .slick-next:before { content: '\e94b'; } .carousel-arrows .slick-prev { right: 25px; left: auto; } .carousel-arrows .slick-prev:before { content: '\e94c'; } .carousel-arrows.carousel-arrows--center .slick-prev, .carousel-arrows.carousel-arrows--center .slick-next, .text-center>.carousel-arrows .slick-prev, .text-center>.carousel-arrows .slick-next { top: 0; transform: translate(0); } .slick-arrows-right { padding-right: 65px; } .slick-arrows-right .slick-prev, .slick-arrows-right .slick-next { top: 50%; right: 0; left: auto; width: 44px; height: 44px; background: #fff; } .slick-arrows-right .slick-prev:before, .slick-arrows-right .slick-next:before { font-size: 16px; color: #000; } .slick-arrows-right .slick-prev:hover:not(.slick-disabled):before, .slick-arrows-right .slick-next:hover:not(.slick-disabled):before { color: #000; } .slick-arrows-right .slick-next { transform: translateY(-49px); } .slick-arrows-right .slick-prev { transform: translateY(10px); } .slick-slider.slick-vertical .slick-prev, .slick-slider.slick-vertical .slick-next { top: auto; bottom: -25px; } .slick-slider.slick-vertical .slick-prev { left: 5px; } .slick-slider.slick-vertical .slick-prev:before { content: '\e94c'; } .slick-slider.slick-vertical .slick-next { top: 0; left: 50%; } .slick-slider.slick-vertical .slick-next:before { content: '\e94b'; } .slick-dotted .slick-slider { margin-bottom: 10px; } .slick-dots { position: absolute; bottom: 10px; display: block; width: 100%; margin: 0; padding: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 15px; height: 15px; margin: 8px 5px; padding: 0; cursor: pointer; pointer-events: all; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 5px; height: 5px; margin: 5px; padding: 0; cursor: pointer; transition: .15s; color: transparent; border: 0; border-radius: 50%; outline: none; background-color: #bfbfbf; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li:not(.slick-active) button:hover { background-color: #5ce1e9; } .slick-dots li.slick-active button { width: 15px; height: 15px; margin: 0; border-width: 2px; border-style: solid; border-color: #5ce1e9; background-color: transparent; } .slick-dots li:only-child { display: none; } .slick-slide { will-change: transform; } .slick-slider[class*='-carousel'] .slick-dots { position: relative; display: none; margin: 50px auto 0; } .slick-slider[class*='-carousel'] .slick-dots[style] { display: block; } @media (max-width: 1199px) { .slick-slider[class*='-carousel'] .slick-dots { margin-top: 30px; } } @media (max-width: 992px) { .hdr-logo img { height: 50px; } } .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; animation-timing-function: cubic-bezier(.455, .03, .515, .955); } @keyframes fadeInDown { from { transform: translate3d(0, -100%, 0); opacity: 0; } to { transform: none; opacity: 1; } } .fadeInDown { animation-name: fadeInDown; animation-timing-function: cubic-bezier(.455, .03, .515, .955); } @keyframes fadeInDownBig { from { transform: translate3d(0, -2000px, 0); opacity: 0; } to { transform: none; opacity: 1; } } .fadeInDownBig { animation-name: fadeInDownBig; animation-timing-function: cubic-bezier(.455, .03, .515, .955); } @keyframes fadeInLeft { 0% { transform: translate3d(-400px, 0, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } .fadeInLeft { animation-name: fadeInLeft; animation-timing-function: cubic-bezier(.455, .03, .515, .955); } @keyframes fadeInLeftBig { from { transform: translate3d(-2000px, 0, 0); opacity: 0; } to { transform: none; opacity: 1; } } .fadeInLeftBig { animation-name: fadeInLeftBig; animation-timing-function: cubic-bezier(.455, .03, .515, .955); } @keyframes fadeInRight { 0% { transform: translate3d(400px, 0, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } .fadeInRight { animation-name: fadeInRight; animation-timing-function: cubic-bezier(.455, .03, .515, .955); } @keyframes fadeInRightBig { from { transform: translate3d(2000px, 0, 0); opacity: 0; } to { transform: none; opacity: 1; } } .fadeInRightBig { animation-name: fadeInRightBig; animation-timing-function: cubic-bezier(.455, .03, .515, .955); } @keyframes fadeInUp { from { transform: translate3d(0, 100%, 0); opacity: 0; } to { transform: none; opacity: 1; } } .fadeInUp { animation-name: fadeInUp; animation-timing-function: cubic-bezier(.455, .03, .515, .955); } @keyframes fadeInUpBig { from { transform: translate3d(0, 2000px, 0); opacity: 0; } to { transform: none; opacity: 1; } } .fadeInUpBig { animation-name: fadeInUpBig; animation-timing-function: cubic-bezier(.455, .03, .515, .955); } @keyframes fadeInTop { 0% { transform: translate3d(0, -400px, 0); opacity: 0; } 50% { opacity: .2; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } .fadeInTop { animation-name: fadeInTop; animation-timing-function: cubic-bezier(.455, .03, .515, .955); } @keyframes fadeInBottom { 0% { transform: translate3d(0, 400px, 0); opacity: 0; } 50% { opacity: .2; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } .fadeInBottom { animation-name: fadeInBottom; animation-timing-function: cubic-bezier(.455, .03, .515, .955); } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { animation-name: fadeOut; animation-timing-function: cubic-bezier(.455, .03, .515, .955); } @keyframes fadeOutLeft { 0% { transform: translate3d(0, 0, 0); opacity: 1; } 100% { transform: translate3d(-400px, 0, 0); opacity: 0; } } .fadeOutLeft { animation-name: fadeOutLeft; animation-timing-function: cubic-bezier(.455, .03, .515, .955); } @keyframes fadeOutLeftBig { from { opacity: 1; } to { transform: translate3d(-2000px, 0, 0); opacity: 0; } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; animation-timing-function: cubic-bezier(.455, .03, .515, .955); } @keyframes fadeOutRight { 0% { transform: translate3d(0, 0, 0); opacity: 1; } 100% { transform: translate3d(400px, 0, 0); opacity: 0; } } .fadeOutRight { animation-name: fadeOutRight; animation-timing-function: cubic-bezier(.455, .03, .515, .955); } @keyframes fadeOutRightBig { from { opacity: 1; } to { transform: translate3d(2000px, 0, 0); opacity: 0; } } .fadeOutRightBig { animation-name: fadeOutRightBig; animation-timing-function: cubic-bezier(.455, .03, .515, .955); } @keyframes fadeOutTop { 0% { transform: translate3d(0, 0, 0); opacity: 1; } 40% { opacity: .2; } 100% { transform: translate3d(0, -300px, 0); opacity: 0; } } .fadeOutTop { animation-name: fadeOutTop; animation-timing-function: cubic-bezier(.455, .03, .515, .955); } @keyframes fadeOutTopBig { 0% { transform: translate3d(0, 0, 0); opacity: 1; } 40% { opacity: .2; } 100% { transform: translate3d(0, -2000px, 0); opacity: 0; } } .fadeOutTopBig { animation-name: fadeOutTop; animation-timing-function: cubic-bezier(.455, .03, .515, .955); } @keyframes fadeOutBottom { from { opacity: 1; } to { transform: translate3d(0, 100%, 0); opacity: 0; } } .fadeOutBottom { animation-name: fadeOutBottom; animation-timing-function: cubic-bezier(.455, .03, .515, .955); } @keyframes fadeOutBottomBig { from { opacity: 1; } to { transform: translate3d(0, 2000px, 0); opacity: 0; } } .fadeOutBottomBig { animation-name: fadeOutBottomBig; animation-timing-function: cubic-bezier(.455, .03, .515, .955); } @keyframes fadeOutTop { from { opacity: 1; } to { transform: translate3d(0, -100%, 0); opacity: 0; } } .fadeOutTop { animation-name: fadeOutTop; animation-timing-function: cubic-bezier(.455, .03, .515, .955); } @keyframes fadeOutTopBig { from { opacity: 1; } to { transform: translate3d(0, -2000px, 0); opacity: 0; } } .fadeOutTopBig { animation-name: fadeOutTopBig; animation-timing-function: cubic-bezier(.455, .03, .515, .955); } @keyframes driveInLeft { 0% { transform: translate3d(-800px, 0, 0); animation-timing-function: cubic-bezier(.165, .84, .44, 1); opacity: 0; } 30% { opacity: 1; } 60% { transform: translate3d(60px, 0, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 100% { transform: translate3d(0, 0, 0); animation-timing-function: cubic-bezier(.645, .045, .355, 1); } } .driveInLeft { animation-name: driveInLeft; animation-duration: 2s; } .offcanvas__stikcy--toolbar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9; -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .12); box-shadow: 0 0 9px rgba(0, 0, 0, .12); display: none; } .footerbg { width: 100%; } .fixfoot { position: absolute; bottom: 0px; display: flex; width: 100%; margin-bottom:0px; padding: 5px 0; align-items: center; justify-content: space-around; } .fixfoot li { width: 25%; text-align: center; list-style: none; } .offcanvas__stikcy--toolbar__btn { position: relative; text-align: center; } .offcanvas__stikcy--toolbar__icon img { width: 25px; height: 25px; filter: grayscale(1); text-align: center; color: var(--white-color); } .offcanvas__stikcy--toolbar__btn>* { pointer-events: none; } .offactiv .offcanvas__stikcy--toolbar__label { color: #555 !important; } .offcanvas__stikcy--toolbar__label { display: block; font-size: 12px; margin-top: 0px; color: #888c8d; } /* .sellbtn { background: #59e4e5; padding: 5px; height: 80px; width: 80px; margin: auto; border-radius: 50%; display: flex; align-items: center; box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .3); margin-top: -55px; text-transform: uppercase; justify-content: center; } */ /* .sellbtn span { color: #fff; font-size: 18px !important; } */ .tabs-left { border-bottom: none; border-right: 1px solid #ddd; } .sideways { display: flex; flex-direction: column; align-items: center; } .sideways li a img { } .sitab .sidcbox img { height: auto; width: 100%; } .allcsec { background-color: #fff; } .sidcbox { background: #fff; border: 1px solid #ddd; border-radius: 7px; } .sidcbox h4 { color: #999; padding-left: 10px; } .nav-tabs>li>a.active, .nav-tabs>li>a.active:focus, .nav-tabs>li>a.active:hover { color: #111; cursor: default; background-color: #fff; display: block; font-weight: 600; } .sideways li { margin-bottom: 0px !important; width: 100%; text-align: center; } .sideways li a { padding: 10px; } @media (max-width:768px) { /* .sellbtn { height: 120px; width: 120px; margin-top: -90px; } */ .maicat { padding: 20px 0px; } .prd-grid .prd-w-xs:not(.prd-hor) .prd-action .btn, .prd-grid .prd-w-xxs:not(.prd-hor) .prd-action .btn { font-size: 12px; padding: 10px 12px; } .offcanvas__stikcy--toolbar { display: block; z-index: 9; } .footer-bottom { padding-bottom: 100px !important; } .sicbox h4 { font-size: 14px; margin-top: 0px; margin-bottom: 5px; } .sideways li a img { height: 130px; } } @media (max-width: 580px) { .sideways li a img { height: 110px; } /* .sellbtn { height: 90px; width: 90px; margin-top: -70px; } */ /* .sellbtn span { font-size: 14px !important; } */ h1, .h1-style { font-size: 16px !important; } } @media (max-width: 480px) { /* .sellbtn { height: 70px; width: 70px; margin-top: -40px; } */ .sideways li a img { height: 90px; } } .tabodo { display: flex; justify-content: center; align-items: center; } .signup_box { display: none; } .have_acc h3 { font-size: 16px; color: #000; font-weight: 600; text-align: center; } .cursor { cursor: pointer; } .select_box select { width: 70%; background-color: #f7f7f8; border: none; outline: #f7f7f4; } .account_box { box-shadow: 0 2px 31px 0 hsla(0,0%,72.9%,.07); padding: 50px 20px 50px 20px; border-radius: 6px; background-color: #fff; } .bg-color { background-color: #F9F9F9; } .material { position: relative; padding: 0; border: none; overflow: visible; } .material input { box-sizing: border-box; width: 100%; padding: 12px 10px 8px; border: none; border-radius: 0; box-shadow: none; border-bottom: 1px solid #DDD; font-size: 14px; outline: none; cursor: text; } .material input::-webkit-input-placeholder { transition: color 300ms ease; } .material input:not(:focus)::-webkit-input-placeholder { color: transparent; } .material hr { content: ''; display: block; position: absolute; bottom: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 2px; border: none; background: #607D8B; font-size: 1px; will-change: transform, visibility; transition: all 200ms ease-out; transform: scaleX(0); visibility: hidden; z-index: 10; } .material input:focus~hr { transform: scaleX(1); visibility: visible; } .material label { position: absolute; top: 10px; left: 0px; font-size: 14px; color: #607D8B; transform-origin: 0 -150%; transition: transform 300ms ease; pointer-events: none; } .material input:focus~label, .material input:valid~label { transform: scale(0.6); } .nofilo { display: flex; } .nofilo .dDIvtJ { height: 50px; border-bottom: 1px solid #eee; width: 15%; text-align: center; line-height: 48px; } .nofilo .material { width: 100%; } .nofilo .greyBase { color: #000; font-weight: 600; font-size: 1rem; } .pt-10 { padding: 10px 6px 14px 15px !important; } .sidebar-block_content { padding-left: 20px; } .colum_color input[type="checkbox"] { display: block !important; margin-right: 10px; } .colum_color .check_wrap { display: flex !important; align-items: center; } .colum_color .red_color { border: 3px solid red; background-color: red; height: 13px; width: 13px; border-radius: 35px; } .yellow_color { border: 3px solid yellow; background-color: yellow; height: 13px; width: 13px; border-radius: 35px; } .colum_color .colorname { font-size: 15px !important; } .colum_color li { margin-bottom: 6px; } .fabric-list { padding-left: 0; } .fabric-list li { list-style-type: none; margin-bottom: 6px; } .fabric-list input[type="checkbox"] { display: block !important; margin-right: 10px; } .fabric-list .wraping_flex_box { display: flex; align-items: center; } .rating_circle { width: 100px; height: 100px; border-radius: 70px; border: 1px none; font-size: 35px; font-weight: 700; color: rgb(6, 167, 89); } .rate_box { display: flex; flex-direction: column; justify-content: center; /* align-items: center; */ height: 100%; width: 100%; } .verified_buyers h4 { font-size: 14px; font-weight: 400; margin-top: 10px; } .rate_box h6 { margin-top: 0 !important; margin-bottom: 0 !important; } .stars-outer { display: inline-block; position: relative; font-family: FontAwesome; font-size: 20px; letter-spacing: 5px; } .stars-outer::before { content: "\f006 \f006 \f006 \f006 \f006"; } .stars-inner { position: absolute; top: 0; left: 0; white-space: nowrap; overflow: hidden; width: 0; } .stars-inner::before { content: "\f005 \f005 \f005 \f005 \f005"; color: rgb(6, 167, 89); } .exc_vgood { background: rgb(6, 167, 89); } .good { background: rgb(244, 183, 67); } .avg { background: rgb(236, 128, 61); } .poor { background: rgb(245, 40, 51); } .progress { position: relative; } #Tab5-collapse .panel-group--style2 .panel-body { padding: 0px !important; } @media (max-width: 768px) { .progress::after { font-size: 13px; } #productReviews .card { flex-direction: column !important; } .box_top h3 { font-size: 14px; } .card-body .right_border { border: none !important; } .border_right { border: none !important; } .cart-table-prd-remove { } .more_options { display: block !important; } .more_options_box { display: block !important; } } .card-body .right_border { border-right: 1px solid #ddd; } #productReviews .card { display: flex; flex-direction: row; align-items: center; } .border_right { border-right: 1px solid #ddd; } .card-body2 a { margin: 10px 0; } .card-body2 { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 30px 0 14px; } .more_options_box_show { max-width: 100vw !important; } .more_options_box { position: absolute; right: 0; top: 32px; width: 100%; max-width: 0; overflow: hidden; background-color: #282828; height: 100%; z-index: 99; transition: all ease .5s; padding: 0; display: none; } .more_options_box .main { display: flex; width: 100%; height: 100%; flex-wrap: nowrap; } .more_options_box .main .left_box { background-color: white; height: 100%; width: 10%; padding: 10px 12px; } .more_options_box .main .left_box i { font-size: 20px; color: #000; } .more_options_box .main .right_box { height: 100%; width: 90%; } .right_box .top_bar { background-color: #5ce1e9; color: #000; text-align: center; } .right_box .top_bar h4 { font-size: 14px; font-weight: 400; margin: 0; } .right_box .action_box { display: flex; color: #fff; align-items: center; margin: 22px 0; flex-wrap: nowrap; } .right_box .action_box .action_item span { line-height: 20px; } .right_box .action_box .action_item i { font-size: 24px; margin-bottom: 6px; } .right_box .action_box .action_item { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 33%; padding: 0 10px; flex-wrap: nowrap; } .right_box .action_box .action_item:nth-child(2) { border: 2px solid #fff; border-top: none; border-bottom: none; } .more_options { color: #000; font-weight: 600; font-size: 20px; display: none; } @media (max-width: 280px) { .qty_price { margin: 10px 0 0 -200px; width: 40%; } } @media (max-width: 390px) { .cart-table-prd-name { width: 210px; } } .page-title .fade_text { font-size: 18px; color: #aea9a9; text-transform: lowercase; padding: 6px 20px 0; } .page-title .fade_text:first-child::before { content: '.'; position: absolute; left: 0; margin-left: 5px; color: #aea9a9; font-size: 24px; } .tobox0 h2 { margin-bottom: 0px; } .tobox0 p { margin-top: 0px; font-size: 12px; color: #999; } .tappa ul { padding-left: 0px; } .tappa ul li { list-style: none; display: flex; justify-content: space-between; padding: 2px 0px } .soldata p { font-weight: 600; color: #000; display: flex; justify-content: space-between; margin-bottom: 5px; } .soldata a { color: #5ce1e9 !important; } .sle_bocl { border: 1px solid #ddd; border-radius: 5px; width: 100%; display: flex; padding: 10px; /* display: block; */ justify-content: space-between; align-items: flex-start; } .sle_bocl input { margin-top: 15px; } .soldata { padding: 10px; width: 100%; } .slerobox label { width: 100%; } .delivery_details_wrap-ab { gap: 4px; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; padding: 5px; } .deliveryDate { font-family: montserrat-regular, sans-serif !important; font-size: 14px !important; line-height: 15px !important; } .delivery_details_wrap-ab .deliveryImg img { width: 18px; height: 18px; } .cartBottomAction { border-top: 2px solid rgba(0, 0, 0, .04); margin: 0 10px; font-size: 12px; font-family: montserrat, sans-serif; } .cartProductActions { width: 100%; display: -ms-flexbox; display: flex; text-align: center; color: #484848; } .cartProductActions .rmv-action { padding: 18px 0; width: 35%; border-right: 2px solid rgba(0, 0, 0, .04); cursor: pointer; font-size: 14px; } .cartProductActions .add-w-action { padding: 18px 0; width: 65%; cursor: pointer; font-size: 14px; } @media (max-width : 768px) { .prtext span:nth-child(2) { margin: 0px 2px 0px 5px !important; font-size: 14px !important; } .prtext span:nth-child(1) { font-size: 15px !important; } .prtext span:nth-child(3) { font-size: 14px !important; } .total_itemamt { display: block !important; } .page-title .fade_text:first-child::before { content: ''; position: absolute; left: 0; margin-left: 10px; background-color: #aea9a9; width: 1px; height: 100%; } .page-title .fade_text { padding: 0 20px 0; font-size: 14px; line-height: 16px; } .cart_amt_info { flex-direction: column; align-items: baseline !important; } .page-title { align-items: center; position: relative; } .page-title h1 { margin: 0 !important; font-size: 24px !important; font-weight: 700; } .fav_icon { display: block !important; } .fav_icon i { font-size: 28px; position: absolute; right: 10px; top: 16px; } } .total_itemamt { display: none; } .cart_amt_info { display: flex; align-items: baseline; justify-content: center; position: relative; } .fav_icon { display: none; } .moitem { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .moitem span:last-child { color: #000; font-weight: 600; } .moitem { display: none; } .selty { width: fit-content; padding: 10px; height: auto; font-size: 14px; } .crsize { display: block; margin-top: 10px; margin-bottom: 10px; } .prtext { margin-top: 0px !important; margin-bottom: 0px !important; } .prtext span:nth-child(1) { font-weight: 600; color: #000; font-size: 17px; } .prtext span:nth-child(2) { color: #999; text-decoration: line-through; font-size: 13px; margin: 0px 8px; } .prtext span:nth-child(3) { color: rgb(0, 184, 82); font-size: 16px; } .delspan { background: #eee; color: #666; border-radius: 3px; padding: 3px 8px; display: none; font-size: 18px; } .slequbx { } .oupbox { cursor: pointer; height: 32px; width: 100%; background: rgba(66, 162, 161, .1); border-radius: 5px; padding: 10px; display: flex; justify-content: space-between; align-items: center; } .copboxx { padding: 6px; border: 1px solid #eaeaea; } .oupbox i { color: #111; font-size: 18px; } .oupbox span i { margin-right: 10px; } .cupteo { font-size: 18px; } .cupteo span { font-size: 14px; } .ktaEeU { background-color: rgb(255, 255, 255); padding-bottom: 20px; margin-left: 20px; margin-right: 20px; } .iBWxXe { margin-bottom: 28px; } .bSUOgv { display: block; border-radius: 12px; margin: 14px 0px 0px; position: relative; background: url(https://static.hopscotch.in/fstatic/rupee.jpg?tr=orig-true?version=1551970362783) center center / cover no-repeat rgb(62, 72, 85); z-index: 2; padding: 10px; } .livDwq { position: absolute; top: 32px; right: -4px; z-index: 4; } .flmYwQ { background-color: rgb(87, 187, 138); margin: 0px; border-radius: 4px 4px 0px; box-shadow: rgb(0, 168, 79) 0px -1px 0px 0px inset; padding: 4px 8px; } .bDqjHi { line-height: 1.43; color: rgb(255, 255, 255) !important; margin-bottom: 0px; } .jcHlnB { position: absolute; bottom: -4px; right: 0px; width: 0px; height: 0px; border-width: 2px; border-style: solid; border-image: initial; border-color: rgb(12, 136, 74) transparent transparent rgb(12, 136, 74); } .dboIoA { width: calc(100% - 70px); margin-top: 8px; } .coDMyH { color: rgb(255, 255, 255) !important; margin-bottom: 12px; margin-top: 10px; font-weight: 600; } .eFyUhY { opacity: 0.72; font-size: 14px; line-height: 1.43; letter-spacing: 0.2px; color: rgb(255, 255, 255); padding-right: 4px; -webkit-tap-highlight-color: transparent; } .jJlmFm { display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-top: 29px; } .eNxkkH { line-height: 18px; color: white !important; margin-bottom: 0px; } .hdDdoB { opacity: 0.72; font-size: 12px; color: rgb(255, 255, 255); margin-top: 2px; } .caption { color: #000; font-size: 12px; line-height: 16px; letter-spacing: .4px; } .eICnss { vertical-align: top; } .kkFIwK { position: relative; } .kaIvji { background-color: rgb(255, 255, 255) !important; width: 70px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .btn-tertiary, .cart-item-delete .btn { color: #ed54a4; font-weight: 700; font-size: 14px; line-height: 16px; border-radius: 4px; background-color: transparent; border: 0 solid transparent; padding: 10px 12px; } .ctEADV { position: absolute; border-radius: 12px; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 16px 0px, rgba(0, 0, 0, 0.16) 0px 2px 4px 0px; mix-blend-mode: multiply; background-blend-mode: multiply; pointer-events: none; z-index: 3; } .apfilbtn { color: #5ce1e9 !important; font-weight: 500; text-transform: uppercase; } .cartempt { text-align: center; } .cartempt h4 { margin-bottom: 10px; } .cartempt p { margin-top: 0px; margin-bottom: 10px; } .sidebar-block input[type='checkbox']+label, .sidebar-block input[type='radio']+label { padding-left: 0px; } .sidebar-block input[type='checkbox']+label:before, .sidebar-block input[type='radio']+label:before { display: none; } .sidebar-block input[type='checkbox']+label:after { display: none; } .right_conatct_social_icon { background: linear-gradient(to top right, #009688 -5%, #00BCD4 100%); } .contact_us { background-color: #f1f1f1; padding: 20px 0px; } .contact_inner { background-color: #fff; position: relative; box-shadow: 20px 22px 44px #cccc; border-radius: 25px; } .contact_field { padding: 60px 340px 90px 100px; } .right_conatct_social_icon { height: 100%; } .contact_field h3 { color: #000; font-size: 40px; letter-spacing: 1px; font-weight: 600; margin-bottom: 10px } .contact_field p { color: #000; font-size: 13px; font-weight: 400; letter-spacing: 1px; margin-bottom: 35px; } .contact_field .form-control { border-radius: 0px; border: none; border-bottom: 1px solid #ccc; } .contact_field .form-control:focus { box-shadow: none; outline: none; border-bottom: 2px solid #1325e8; } .contact_field .form-control::placeholder { font-size: 13px; letter-spacing: 1px; } .contact_info_sec { position: absolute; background-color: #5de3e7; right: 1px; top: 18%; height: 340px; width: 340px; padding: 40px; border-radius: 25px 0 0 25px; } .contact_info_sec h4 { letter-spacing: 1px; padding-bottom: 15px; } .info_single { margin: 30px 0px; } .info_single i { margin-right: 15px; } .info_single span { font-size: 14px; letter-spacing: 1px; } button.contact_form_submit { background: linear-gradient(to top right, #009688 -5%, #00BCD4 100%); border: none; color: #fff; padding: 10px 15px; width: 100%; margin-top: 25px; border-radius: 35px; cursor: pointer; font-size: 14px; letter-spacing: 2px; } .socil_item_inner li { list-style: none; } .socil_item_inner li a { color: #fff; margin: 0px 15px; font-size: 14px; } .socil_item_inner { padding-bottom: 10px; } .map_sec { padding: 50px 0px; } .map_inner h4, .map_inner p { color: #000; text-align: center } .map_inner p { font-size: 13px; } .map_bind { margin-top: 50px; border-radius: 30px; overflow: hidden; } #apcalbtn { display: none; } #apcalbtn1 { display: none; } .allflobo .tab-content { /*z-index: 1; padding: 25px 0 0; position: fixed; width: 60%; top: 40px; height: 85%; background-color: #fff; text-transform: none; color: #424242; padding-top: 5px; overflow: scroll;*/ } .chepopa { display: flex; justify-content: space-between; align-items: center; padding: 10px 0px; font-size: 16px; } .chepopa a { font-weight: 600; color: #5CE1E9; text-transform: uppercase; } .addpoas { float: left; color: #000; } .btn-deliba { width: 100%; } .ap-cp-wrp { margin: 8px 0; background-color: #fff; padding: 8px 16px; } .ap-cp-wrp .cpn-ip-wrap { position: relative; } .ap-cp-wrp .gft-ttl, .ap-cp-wrp .vld-txt { color: #4e5664; font-size: 10px !important; line-height: 12px !important; } .ap-cp-wrp .cpn-ip-wrap .cpn-cd-ipt { text-transform: uppercase; height: 40px; width: 100%; box-sizing: border-box; background: #fefefe; border: .5px solid #c7cbd4; border-radius: 4px; padding: 8px 64px 8px 8px; margin-bottom: 4px; color: #303030; font-size: 12px !important; line-height: 14px !important; } .ap-cp-wrp .cpn-ip-wrap .apply-btn { position: absolute; right: 8px; height: 40px; color: #207bb4; font-size: 12px !important; line-height: 15px !important; background: transparent; border: none; } .cp-h-sec { padding: 12px 0 9px 16px; background-color: #fff; } .cp-h-sec span { color: #0f0f0f; font-family: montserrat-semibold, sans-serif !important; font-size: 12px !important; line-height: 15px !important; } .cpn-bg-wrap { background-color: #fff; padding: 9px 16px; line-height: normal; } .cpn-bg-wrap .cpn-view { filter: drop-shadow(0 1px 8px rgba(0, 0, 0, .1)); background-size: 51% 100%; background-repeat: no-repeat; background-image: radial-gradient(circle at 0 50%, transparent 12.5px, #fff .5em), radial-gradient(circle at 100% 50%, transparent 12.5px, #fff .5em); background-position: 0 0, 100% 0; border-radius: 8px; width: 100%; min-height: 130px; } .cpn-bg-wrap .cpn-view .bg-cc { border-radius: 7px 0 0 7px; width: 40px; position: relative; } .cpn-bg-wrap .cpn-view .bg-cc span { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -ms-transform: rotate(180deg); transform: rotate(180deg); text-transform: uppercase; color: #000; position: absolute; top: 0; right: 7px; bottom: 0; text-align: center; z-index: 1; font-family: montserrat-bold, sans-serif !important; font-size: 12px !important; line-height: 18px !important; } .cpn-bg-wrap .bottom-left, .cpn-bg-wrap .top-left { background: #63ca91; -webkit-mask: var(--mask); mask: var(--mask); width: 40px; } .cpn-bg-wrap .top-left { --mask: radial-gradient(12.5px at 0 100%,transparent 98%,#000); border-top-left-radius: 8px; margin-bottom: -1px; } .cpn-bg-wrap .bottom-left { --mask: radial-gradient(12.5px at 0 0,transparent 98%,#000); border-bottom-left-radius: 8px; } .cpn-bg-wrap .cpn-view .cp-mid-ct { padding: 0 0 16px 12px; } .cpn-bg-wrap .cpn-view .cp-lg { padding-right: 4px; padding-bottom: 4px; } .cpn-bg-wrap .cpn-view .cp-lg img { width: 28px; } .cpn-bg-wrap .cpn-view .cp-nm-ttl { color: #000; font-family: montserrat-bold, sans-serif !important; font-size: 12px !important; line-height: 15px !important; } .cpn-bg-wrap .cpn-view .cp-mid-ct button { border: none; background-color: transparent; } .cpn-bg-wrap .cpn-view .c-bt-cta { padding: 12px 16px; color: #207bb4; text-transform: uppercase; font-family: montserrat-semibold, sans-serif !important; font-size: 12px !important; line-height: 15px !important; } .cpn-bg-wrap .cpn-view .cp-cb { padding-right: 16px; } .cpn-bg-wrap .cpn-view .cp-cb span { color: #5ce1e9; font-family: montserrat-semibold, sans-serif !important; font-size: 12px !important; line-height: 19px !important; font-weight: 600; } .cpn-bg-wrap .cpn-view .cp-dtl { margin-top: 8px; padding-right: 16px; } .cpn-bg-wrap .cpn-view .cp-dtl span { color: rgba(0, 0, 0, .3); font-family: montserrat-regular, sans-serif !important; font-size: 12px !important; line-height: 15px !important; font-weight: 500; } .appcoptp { font-size: 12px; color: #000; } @media (max-width: 768px) { /*body {*/ /* padding-bottom: 100px;*/ /*}*/ .right_conatct_social_icon { justify-content: center; } .socil_item_inner { padding-bottom: 0px; } .contact_field { padding: 20px; } .contact_info_sec { background-color: #5de3e7; right: 1px; position: relative; top: 18%; height: 340px; width: 100%; padding: 40px; border-radius: 0px; } .categbody .holder { margin-top: 25px; } .categbody .page-title h1 { font-size: 16px !important; } .categbody .cat_head .lft { font-size: 14px !important; } .holder.breadcrumbs-wrap { display: none; } .delspan { display: block; } .product-previews-wrapper { display: none; } .cartbody .breadcrumbs-wrap { display: none; } .cartbody .holder { padding-top: 0px; } #cart-scroll { /* position: fixed; background: #fff; left: 0; z-index: 999; padding: 10px; top: 0px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12); width: 100%; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;*/ } } @media(max-width: 992px) { .cartbody header { } .cart-table-prd { padding: 10px 0px; } .cartbody { padding-bottom: 100px; } .cartbody .page-footer, .cartbody .back-to-top.is-visible { display: none; } .moitem { display: flex; } .tobox0 { border-bottom: 1px solid #eee; padding-bottom: 5px; } .discart { display: none; } .morowx { position: fixed; bottom: 0px; border-bottom: 1px solid #e3e3e3; z-index: 999; background: #fff; width: 100%; left: 0px; right: 0px; padding: 10px; box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, .12); } } .payable_cod{ margin-bottom: 0; } .data_pay { margin-left: 15px; } .data_pay span { font-size: 16px; font-weight: 600; } /* Account_detail_start */ .detail_page { background: #fff; padding: 27px 0px 27px 0px; } .account_sidebar { background: white; } .account_detail_bx_1 { text-align: center; background-color: #fff; box-shadow: inset 0 -1px 0 0 #f1f1f1; border-radius: 4px 4px 0 0; padding: 12px; margin-bottom: 17px; } .profile_img { padding-bottom: 10px; } .profile_img img { height: 100px; } .profile_name {} .profile_name p { font-size: 20px; line-height: 24px; color: rgba(0, 0, 0, .8); letter-spacing: -.4px; font-weight: 500; padding: 0 16px; margin-bottom: 5px; } .profile_name span { margin-bottom: 0; font-size: 14px; display: block; color: rgba(0, 0, 0, .36); } .account_sidebar .list-group-item { padding: 15px 15px !important; } .account_sidebar .list-group-item img { height: 30px; margin-right: 15px; } .suborder-shipments .order-details-card { display: flex; width: 100%; position: relative; } .orders-list-wrapper .suborder-shipments { background: #fff; box-shadow: 0 -1px 0 0 #f5f5f5; cursor: pointer; position: relative; padding: 24px; } .order-list-item { margin-bottom: 20px; } .order-list-item .suborder-shipments .product-list { overflow: hidden; display: flex; width: 50%; } .product-list .product-image img { height: 100px; } .product-list .product-image { margin-right: 20px; background: #fff; border: 1px solid #f5f5f5; height: 100px; width: 100px; float: left; display: flex; justify-content: center; position: relative; flex-shrink: 0; } .product-list .product-name-wrapper { margin-right: 15px; display: flex; flex-direction: column; margin-top: 0px; } .product-name-wrapper .product-name { font-weight: 600; font-size: 16px; margin-bottom: 10px; } .order-details-card:hover { color: black; } .price-wrapper { margin: 10px 30px; font-size: 16px; } .price-wrapper .price { font-size: 18px; font-weight: 600; } .shipment-status-msg-wrapper { width: 50%; } .status_1 { float: left; padding-right: 20px; } .status_1 img { height: 50px; width: 50px; border-radius: 50px; padding: 3px; border: 1px solid #a1a1a1; background: lightgray; } .status_2 h5 { margin-bottom: 10px; } .order_32 { /* background-color: white;*/ border-top: 1px solid #e3e3e3; text-align: center; padding: 15px; } .order_32 h5 { margin-bottom: 6px; font-weight: 600; color: black; font-size: 18px; text-transform: uppercase; } .order_32 span { font-weight: 500; color: #676767; } .order-detail-container .arrives p { margin-bottom: 0; } .order-detail-container .arrives span { font-size: 14px; } .order-detail-container .arrives p:first-child { font-weight: 600; font-size: 13px; } .image_item { display: inline-block; vertical-align: top; width: 86px; height: 104px; border: 1px solid #f5f5f5; border-radius: 4px; float: left; } .order-detail-container_2 { margin-top: 0px; } .image_item img { height: 96px; } .text-overflow-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ordersDetailWrapper--Box { background: white; padding: 14px; margin-bottom: 20px; border-radius: 4px; border: 1px solid #e5e5e5; } .curved_box { width: 100%; display: flex; } .dtl_bxd { width: 90%; display: flex; } .curved_box .img_1 { width: 10%; margin-right: 20px; } .dtl_bxd .stripes { width: 50%; padding-right: 45px; } .dtl_bxd .size_year { width: 20%; } .price_order { width: 20%; text-align: right; } .price_order .line_through { display: block; text-decoration: line-through; font-size: 12px; } .track_milestone { display: flex; align-items: center; border: 1px solid lightgrey; width: fit-content; padding: 0px 10px 0px 5px; border-radius: 50px; margin-top: -33px; margin-left: 110px; } .binding_track { margin-right: 17px; } .binding_track img { height: 31px; width: 31px; } .track-now-link { font-weight: 500; color: #218388; } .ship_bxd_1 { padding: 24px 0 24px 24px; overflow: hidden; word-break: break-all; margin-bottom: 24px; background-color: #fff; border-radius: 4px; color: #333; } .shipment-address-name { border-bottom: 1px solid #e3e3e3; margin-bottom: 15px; padding-bottom: 10px; } .shipment-address-name p { margin-bottom: 5px; font-weight: 600; } .shipment-contact p { margin-bottom: 0; } .payment_sum { border-bottom: 1px solid #e3e3e3; padding-bottom: 15px; margin-bottom: 20px; } .bg_summary { padding: 10px; overflow: hidden; word-break: break-all; margin-bottom: 24px; background-color: #fff; border-radius: 4px; color: #333; } .Line_item { display: flex; justify-content: space-between; padding: 5px 10px; } .Line_item p { margin-bottom: 0; font-weight: 600; } .Line_item p strong { color: black; font-size: 16px; } .cash-bar { margin: 12px 0; /* height: 24px; */ border: 1px solid #e3e3e3; padding: 8px; font-size: 14px; line-height: 16px; margin-bottom: 24px; background-color: #575757; border-radius: 40px; color: #fff; text-align: center; } .bxd_track { display: flex; margin-bottom: 5px; } .bxd_track span, p { color: black; font-weight: 600; } .column_1 { width: 50%; } .column_2 { width: 50%; } .column_1 p { margin-bottom: 0; } .column_2 span { display: block; } .column_2 .locate { font-size: 14px; } .bxd_track { font-size: 14px; } .text_right_side { font-size: 13px; } .card_profile { background: white; } .item-list .item_mails { display: inline-block; width: 100%; align-items: center; padding: 18px 18px 24px } .item-icon-wrapper img { height: 30px; } .item_mails .content { display: inherit; } .item_mails .content h4 { display: block; } .item_mails .content h4 { margin-bottom: 0; } .item_mails .item-icon-wrapper { padding-right: 24px; float: left; } .icon-chevron-bw-right { float: right; margin-top: 6px; } .content .verify { display: block; font-size: 13px; color: red; } .progress-messages { font-size: 15px; margin-bottom: 10px; color: #4f4646; } .progress-message { padding: 20px 100px 20px; text-align: center; } .progress-message .progress { height: 5px; } .card-body label { font-weight: 600 !important; } .card-body .form-control--sm { font-weight: 600; border: 1px solid #e3e3e3; } .pro_edit { font-size: 18px; margin-bottom: 0 !important; } .pro_edit .fa { font-size: 18px; margin-right: 20px; } .order_page { padding-bottom: 40px; } .success_bxd_1 { margin-bottom: 30px; } .order_page { border-top: 1px solid #e3e3e3; } .order_bxd_1 { display: flex; align-items: center; width: 100%; background-color: rgb(211, 244, 234); padding: 12px 16px; margin-bottom: 8px; } .order_bxd_1 .cYhMyg { /*height: 20px; width: 20px; min-width: 20px;*/ margin-right: 20px; } .order_bxd_1 .cYhMyg img { height: 30px; width: 30px; min-width: 30px; } .order_bxd_1 .thanku_shop .jbL_91 { font-size: 17px; font-weight: 600; color: rgb(53, 53, 67); } .order_bxd_1 .thanku_shop .jbL_span { font-size: 14px; } .wrpaing_order_1 { margin-bottom: 20px; } .estimate_del { border-bottom: 1px solid #bdbdbd; } .estimate_del p img { height: 18px; margin-right: 14px; } .order_bxd_2 { border-right: 1px solid #a7a7a7; padding-right: 30px; } .wrpaing_order_2 { display: flex; align-items: flex-start; gap: 16px; } .wrpaing_order_2 .order_images { border: 1px solid rgb(234, 234, 242); border-radius: 4px; min-width: 58px; width: 58px; min-height: 58px; height: 58px; } .wrpaing_order_2 .order_images img { height: 100%; width: 100%; object-fit: fill; } .modern_dream h3 { margin-bottom: 5px; } .modern_dream .price_order { display: flex; width: 100%; margin-bottom: 5px; } .price_order span { padding-right: 10px; font-weight: 600; letter-spacing: 0.5px; } .kyiqea_1_line { text-decoration: line-through; color: rgb(139, 139, 163); } .kyiqea_2 { color: #048f8d; } .modern_dream p { margin-bottom: 5px; } .wrpaing_order_3 { margin-bottom: 10px; border-top: 1px solid #bdbdbd; margin-top: 10px; } .Web_Technologies { display: flex; justify-content: space-between; padding-top: 11px; } .wrpaing_order_4 .del_address p { font-size: 17px; } .wrpaing_order_4 .del_address p .fa { margin-right: 10px; } .wrpaing_order_4 .box_add { font-weight: 500; font-size: 16px; color: rgb(97, 97, 115); font-family: "Mier book"; margin-top: 8px; border: 1px solid rgb(234, 234, 242); padding: 16px; } .wrpaing_order_4 .box_add h2 { margin-bottom: 10px; font-size: 21px; } .wrpaing_order_4 .box_add p { margin-bottom: 4px; font-family: system-ui; color: #3d3a3a; } .wrpaing_order_5 {} .pay_bxd { background-color: rgb(255, 255, 255); border-radius: 8px; border: 1px solid rgb(234, 234, 242); padding: 15px; } .pay_mode { font-size: 20px; padding: 17px 0px 0px 0px; } .cash_delvery { display: flex; font-size: 17px; } .cash_delvery .fa { line-height: 25px; padding-right: 5px; border: 1px solid #b7b7b7; padding: 0px 19px; margin-right: 10px; border-radius: 2px; } .cash_delvery { margin-bottom: 20px; } .cash_delvery p { margin-bottom: 0; } .get_extra { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; margin: 6px 0px; border-radius: 4px; background-color: rgb(211, 244, 234); -webkit-box-pack: start; justify-content: flex-start; padding: 10px 16px; gap: 10px; } .get_extra p { margin-bottom: 0; } .get_extra p img { height: 20px; } .price_details {} .p_price .item_prices { margin: 12px 0px; display: flex; -webkit-box-pack: justify; justify-content: space-between; position: relative; } .p_price .item_prices p { margin-bottom: 0; } .p_price .item_prices p {} .p_price .item_prices .Item_1 { text-decoration: underline dotted; color: rgb(53, 53, 67); font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; /* font-family: "Mier book";*/ margin: 0px; padding: 0px; display: flex; -webkit-box-align: center; align-items: center; } .lining { border-bottom: 1px solid #e3e3e3; } .item_prices .Item_3 { font-size: 18px; } .item_prices .Item_4 { font-size: 18px; } .caption_img { margin-top: 20px; } .price_details {} ._failed { border-bottom: solid 4px red !important; } ._failed i { color: red !important; } ._success { box-shadow: 0 15px 25px #00000019; padding: 45px; width: 100%; text-align: center; margin: 40px auto; /*border-bottom: solid 4px #28a745;*/ } ._success i { font-size: 55px; color: #28a745; } ._success h2 { margin-bottom: 12px; font-size: 40px; font-weight: 500; line-height: 1.2; margin-top: 10px; color: red; } ._success p { margin-bottom: 0px; font-size: 18px; color: #495057; font-weight: 500; } .play_store_img img { height: 50px; } .quality_bxd { margin-top: 21px; } .quality_bxd .In_stk { margin-left: 10px; font-size: 18px; } .cartBtn { background: #59e3e5; border: 1px solid #d6d6d6 !important; border-radius: 3px; height: 44px !important; padding: 0 !important; color: black; font-size: 13px !important; } .cartBtn:hover img{ filter: brightness(0) invert(100); } .mobile_view { display: none !important; } .box-dropdown-location { position: absolute; top: 100%; left: 15px; background: #ffffff; border: 2px solid #181A1F; border-radius: 6px; padding: 0px 20px; margin-top: 35px; width: 430px; z-index: 99; display: none; } .list-locations .item-location { display: flex; align-items: flex-start; padding: 20px 0px; border-bottom: 1px solid #E5E5E5; cursor: pointer; } .list-locations .item-location:last-child { border-bottom: 0px; } .list-locations .item-location:hover .location-info h6 { color: #22C58B; } .list-locations .item-location:hover .location-info p { color: #181A1F; } .list-locations .item-location .location-icon { max-width: 16px; margin-right: 20px; padding-top: 6px; } .list-locations .item-location .location-info { width: 100%; } .footer-sticky { display: none; } .text-icn-block-footer .text p { color: white; } .mrpodu { font-size: 14px; line-height: 1em; font-weight: 600; /* text-decoration: line-through; */ color: #888; } .inctxt { margin-top: 0px; } @media(max-width: 768px) { .mobile_view { display: block !important; } .ktaEeU { margin: 0; } .suborder-shipments .order-details-card { display: block; } .order-list-item .suborder-shipments .product-list { overflow: hidden; display: block; width: 100%; } .orders-list-wrapper .suborder-shipments { padding: 7px; } .shipment-status-msg-wrapper { width: 100%; display: flex; } .status_1 { width: 40%; text-align: right; padding-right: 11px; } .status_2 { width: 60%; } .price-wrapper { position: absolute; right: 0; top: 50px; } .price-wrapper .price { font-size: 15px; font-weight: 600; } .product-name-wrapper .product-name { font-size: 14px; margin-bottom: 3px; } .product-list .product-name-wrapper { margin-right: 46px; padding-bottom: 10px; } .price-wrapper { margin: 10px 6px !important; } .status_1 img { height: 30px; width: 30px; } .product-name-wrapper .tags { font-size: 14px; line-height: 21px; } .status_2 h5 { margin-bottom: 3px; } .dtl_bxd { width: 100%; display: block; } .dtl_bxd .stripes { width: 100%; } .curved_box { display: block; } .stripes p { margin-bottom: 0; } .dtl_bxd .size_year { width: 100%; } .price_order { width: 100%; text-align: left; } .track_milestone { margin-top: 6px; margin-left: 0; margin-bottom: 6px; } .image_item { margin-right: 14px; } .dtl_bxd { padding-right: 0px; } .price_order .line_through { display: inline-block; } .progress-message { padding: 20px; } .order_bxd_2 { margin-bottom: 25px; } .Web_Technologies p { font-size: 12px; } .order_bxd_2 { border-right: none; padding-right: 0px; } .wishlist_page .prd-grid.data-to-show-xs-1 .prd { max-width: calc(50% - 10px) !important; } .hdr-topline.hdr-topline--dark { display: none; } .about_home { display: none; } .holder .back_history { display: inline-block !important; } .holder h1 { display: inline-block; margin-left: 10px; } } .holder .back_history { display: none; } .wallet_box{ margin-right: 4px; } .wallet_box img{ width: 37px; vertical-align: baseline; } .payment_bxd_1 ul{ padding-left: 0; } .payment_bxd_1 ul label{ display: block; align-items: center; margin-bottom: 30px; } .payment_bxd_1 ul li{ list-style-type: none; } .payment_bxd_1 ul li .flex_wallet{ display: flex; align-items: center; } .wallet_box{ width: 10%; } .wallet_box_1{ width: 80%; } .inpt_select_box{ width: 10%; } .flat_upi img{ height: 18px; padding-bottom: 4px; } .wallet_box_1 span{ display: flex; font-size: 12px; } .wallet_box_1 p{ font-size: 14px; display: flex; margin-bottom: 0; } .flat_upi{ border: 1px solid #5ce1e9; border-radius: 30px; padding: 0px 7px 0px; font-size: 13px; margin-left: 10px; color: green !important; } .buy_nowBtn:hover a{ color: white; } .buy_nowBtn{ background: none; border: 1px solid #d6d6d6 !important; border-radius: 3px; height: 44px !important; padding: 0 !important; color: black; font-size: 13px !important; } .text-left{ text-align: left; } .flex_disp{ display: flex; } .flex_disp .back_history{ margin-right: 10px; } .left_side{ margin-top: 10px; } .legal_policy{ background: white; } .legal_policy ul{ padding: 20px; } .legal_policy ul li{ list-style-type: none; margin-bottom: 10px; border-bottom: 1px dotted black; padding-bottom: 10px; } .legal_policy ul li a{ font-size: 18px; } .legal_policy ul li:hover a { font-size: 18px; color: #278486; } .milikoio { background: #eee; height: 3px; width: calc(100% + 30px); display: block; margin: 15px 0px; } .pincodeStatusBox ul li { font-size: 12px; font-family: montserrat-regular, sans-serif; color: #000; padding: 11px 0; position: relative; } .pincodeStatusBox ul li .servicableText { width: calc(100% - 70px); line-height: normal; margin-bottom: 0px; } .pincodeStatusBox ul li .changeLabelText { background: transparent; border: none; color: #207bb4; font-size: 12px; font-family: montserrat-bold, sans-serif; text-transform: uppercase; margin-left: 6px; font-weight: 600; padding: 6px 8px; } .pincodeStatusBox ul li .servicableText .deliveryText { margin-left: 3px; } .pincodeStatusBox ul li strong { font-family: montserrat-bold, sans-serif; vertical-align: middle; } .pincodeStatusBox ul li .servicableText .countryDeliveringName { color: #207bb4; } .pincodeStatusBox ul li .servicableText img { height: 26px; width: 26px; margin-left: 5px !important; } .pincodeStatusBox ul li img { display: inline-block; vertical-align: middle; margin-right: 6px; max-width: 100%; } .pincodeStatusBox ul { padding-left: 0px; } .pincodeStatusBox ul .text-wrapper img { width: 26px; } .product-attribute-section { padding-block: 1rem; } .product-attribute-section .heading { font-family: montserrat-semibold, sans-serif !important; font-size: 18px !important; line-height: 21px !important; } .product-attribute-section .product-attribute-wrapper { display: -ms-grid; display: grid; -ms-grid-columns: (minmax(0, 1fr)) [2]; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1rem; row-gap: 1rem; } .product-attribute-section .product-attribute-wrapper { padding: 1rem; } .product-attribute-section .product-attribute-wrapper .product-attribute-block { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 8px; padding-bottom: 1rem; padding-top: 6px; border-bottom: 1px solid #f1f2f4; } .product-attribute-section .product-attribute-wrapper .product-attribute-block .product-attribute-title { text-transform: capitalize; color: #8f98a9; font-family: montserrat, sans-serif !important; font-size: 12px !important; line-height: 15px !important; font-weight: 500; } .product-attribute-section .product-attribute-wrapper .product-attribute-block .product-attribute-value { font-family: montserrat, sans-serif !important; font-size: 16px !important; line-height: 19px !important; font-weight: 600; } @media(max-width: 768px){ .mobsibarh { display: none; } .wallet_box { margin-right: 12px; } .wallet_box_1 p{ font-size: 18px; } .mobile_header_none{ /*display: none;*/ } .mobile_footer_visible .page-footer{ display: block !important; } .pb_bottom{ margin-bottom: 80px; } .sidcbox{ margin-bottom: 15px; } .fix_bar_none .offcanvas__stikcy--toolbar{ display: none; } .order-detail-container{text-align: center;} .background_color{ background: #f5f5f5; } .holders .back_history { display: inline-block !important; } .holders h1 { display: inline-block; margin-left: 10px; } .holders{ position: fixed; top: 0; width: 100%; z-index: 999; } .mt_top_cart{ margin-top: 0px; } .cartomob{ padding-bottom: 30px; } } .hdr-wrap .container, .page-footer .container, .footer-sticky .container, .holder:not(.fullwidth) .container:not(.coming-soon-block) { max-width: 1200px !important; } .hdr-wrap .mmenu-bottom { font-size: 16px; font-weight: 500; line-height: 24px; } .hdr-wrap .mmenu-bottom b, .hdr-wrap .mmenu-bottom strong { font-weight: 600; } .hdr-wrap .mmenu-bottom [class*='icon'] { font-size: .8em; display: inline-block; padding: 0 8px; transition: .2s; vertical-align: middle; color: #5ce1e9; } .hdr-wrap .mmenu-bottom [class*='icon'].icon--lg { font-size: 1.4em; position: relative; top: -.15em; } .hdr-wrap .mmenu-bottom, .hdr-wrap .mmenu-bottom a { color: #282828; } .hdr-wrap .mmenu-bottom a:hover { text-decoration: none; color: #5ce1e9; } .hdr-wrap .mmenu-bottom a:hover [class*='icon'] { color: #5ce1e9; } .hdr-wrap .mmenu-bottom a:hover [class*='icon-arrow'] { transform: translateX(10px); } .hdr-wrap { position: fixed; z-index: 163; width: 100%; margin: 0; top: 0px; padding: 0; } .is-filters-opened .hdr-wrap { z-index: 160; } .hdr-wrap .search { position: relative; width: 100%; max-width: 800px; margin-right: auto; margin-left: auto; padding: 0 50px 0 0; } .hdr-wrap .search-input[type] { font-size: 18px; font-weight: normal; line-height: 50px; display: inline-block; width: 100%; margin: 0; padding: 0 50px 0 0; transition: .2s; vertical-align: top; color: #7e7e7e; border: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e8e8e8; background-color: transparent; } .hdr-wrap .search-input[type]::-webkit-input-placeholder { text-transform: none; color: #7e7e7e; } .hdr-wrap .search-input[type]:-moz-placeholder { text-transform: none; color: #7e7e7e; } .hdr-wrap .search-input[type]::-moz-placeholder { text-transform: none; color: #7e7e7e; } .hdr-wrap .search-input[type]:-ms-input-placeholder { text-transform: none; color: #7e7e7e; } .hdr-wrap .search-input[type]:focus { border-bottom-color: #5ce1e9; } .hdr-wrap .search-input[type]::-webkit-search-cancel-button { display: none; } .hdr-wrap .search-input.input-empty+.search-button { display: none; } .hdr-wrap .search-button { font-size: 33px; line-height: 50px; position: absolute; top: 1px; right: 50px; display: block; width: 50px; padding: 0; cursor: pointer; transition: .2s; text-align: center; border: 0; background-color: transparent; } .hdr-wrap .search-popular { font-size: 13px; line-height: 23px; margin: 20px 0; text-align: left; } .hdr-wrap .search-popular a { padding: 0 10px 0 0; text-decoration: none; color: #7e7e7e; } .hdr-wrap .search-popular a:hover { color: #5ce1e9; } .hdr-wrap .search-close { font-size: 45px; position: absolute; top: 0; right: 0; } .hdr-wrap .search-close:hover { text-decoration: none; } .hdr-wrap .search-popular-label { font-size: 15px; font-weight: 500; padding-right: 10px; color: #0f0909; } .mobile_header_none_single_order-detail_page .hdr-wrap{ } .hdr-content.hdr-content-sticky { position: fixed !important; z-index: -1 !important; top: 0; right: 0; left: 0; transition: opacity .2s; pointer-events: none; opacity: 0; background-color: #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, .05); } .hdr-content.hdr-content-sticky .container>.row>* { padding-top: 5px; padding-bottom: 5px; } .has-sticky .hdr-content.hdr-content-sticky { transition: opacity .5s; pointer-events: all; opacity: 1; } .hdr-content>.container>.row { -ms-flex-align: center; align-items: center; } .hdr-content>.container>.row>* { position: static; padding-top: 5px; padding-bottom:5px; transition: 0s; } @media (max-width: 1024px) { .hdr-content>.container>.row { margin-right: -5px; margin-left: -5px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .hdr-content>.container>.row>* { padding: 5px; } } .hdr-content .hdr-link-icon { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } .hdr-content .hdr-nav { display: -ms-flexbox; display: flex; padding: 0 15px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; -ms-flex: 1; flex: 1; } .hdr-content .hdr-inline-link { display: -ms-flexbox; display: flex; margin-right: -18px; margin-left: -18px; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 1199px) { .hdr-content .hdr-inline-link { margin-right: -14px; margin-left: -14px; } } @media (max-width: 767px) { .hdr-content .hdr-inline-link { margin-right: -8px; margin-left: -8px; } } .hdr-content .hdr-inline-link .dropdn-link { padding: 0 5px; text-decoration: none; } @media (max-width: 1860px) { .hdr-content .hdr-inline-link .dropdn-link { padding: 0 5px; } } @media (max-width: 767px) { .hdr-content .hdr-inline-link .dropdn-link { padding: 0 5px; } } .hdr-content .hdr-inline-link.hdr-inline-link--sm .dropdn-link [class*='icon'] { font-size: 26px; } .hdr-content .hdr-inline-link.hdr-inline-link--compact .dropdn-link { padding: 0 7px; } @media (max-width: 1860px) { .hdr-content .hdr-inline-link.hdr-inline-link--compact .dropdn-link { padding: 0 7px; } } @media (max-width: 767px) { .hdr-content .hdr-inline-link.hdr-inline-link--compact .dropdn-link { padding: 0 6px; } } .hdr-content { position: relative; z-index: 1; border-bottom: 1px solid rgba(0, 0, 0, .2); color: #282828; background-color: #fff; } .hdr-content .dropdn-link { display: -ms-flexbox; display: flex; } .hdr-content .dropdn-link [class*='icon'] { font-size: 24px; } @media (max-width: 767px) { .hdr-content .dropdn-link [class*='icon'] { font-size: 20px; } } .hdr-content .hdr_container_mobile .dropdn-link [class*='icon'] { top: -2px; } @media (min-width: 1025px) { .hdr-content .dropdn-link:not(.only-icon) [class*='icon'] { margin-right: 0px; } } .hdr-content .dropdn_wishlist .dropdn-link [class*='icon'] { position: relative; top: -.05em; } .hdr-content .dropdn_compare .dropdn-link [class*='icon'] { position: relative; padding: 0 .05em; } .hdr-content .dropdn-link, .hdr-content .mobilemenu-toggle, .hdr-content .minicart-link, .hdr-content .mobilemenu-toggle, .hdr-content .custom-text a, .hdr-content .search-button { color: #282828; } .hdr-content .dropdn-link:hover .dropdn-link-txt, .hdr-content .mobilemenu-toggle:hover .dropdn-link-txt, .hdr-content .minicart-link:hover .dropdn-link-txt, .hdr-content .mobilemenu-toggle:hover .dropdn-link-txt, .hdr-content .custom-text a:hover .dropdn-link-txt, .hdr-content .search-button:hover .dropdn-link-txt { color: #5ce1e9; } .hdr-content .dropdn-link:hover [class*='icon'], .hdr-content .mobilemenu-toggle:hover [class*='icon'], .hdr-content .minicart-link:hover [class*='icon'], .hdr-content .mobilemenu-toggle:hover [class*='icon'], .hdr-content .custom-text a:hover [class*='icon'], .hdr-content .search-button:hover [class*='icon'] { color: #5ce1e9; } .hdr-content .dropdn-link [class*='icon'], .hdr-content .mobilemenu-toggle [class*='icon'], .hdr-content .minicart-link [class*='icon'], .hdr-content .mobilemenu-toggle [class*='icon'], .hdr-content .custom-text a [class*='icon'], .hdr-content .search-button [class*='icon'] { transition: .2s; color: #282828; } .hdr-content .dropdn.is-hovered .dropdn-link .dropdn-link-txt, .hdr-content .minicart.is-hovered .minicart-link .dropdn-link-txt, .hdr-content .mobilemenu-toggle.active .dropdn-link-txt { color: #5ce1e9; } .hdr-content .dropdn.is-hovered .dropdn-link [class*='icon'], .hdr-content .minicart.is-hovered .minicart-link [class*='icon'], .hdr-content .mobilemenu-toggle.active [class*='icon'] { color: #5ce1e9; } .hdr-content .custom-text span { color: #5ce1e9; } @media (max-width: 1024px) { .hdr-content .dropdn-link .dropdn-link-txt { display: none; } } .hdr-content-sticky .mmenu-submenu-inside { overflow-y: hidden; } @media (max-width: 1024px) { .hdr-content-sticky.mmenu-multirow-s .mmenu li.hovered .mmenu-submenu { top: auto; } } .hdr-style2 .hdr-content .hdr-links { display: -ms-flexbox; display: flex; margin: 0 -30px; text-align: right; -ms-flex-pack: end; justify-content: flex-end; } .hdr-style2 .hdr-content .hdr-links>* { padding-right: 30px; padding-left: 30px; } @media (min-width: 1025px) { .hdr-style2 .hdr-content .hdr-nav { text-align: left; -ms-flex-pack: start; justify-content: flex-start; } .hdr-style2 .hdr-content .hdr-logo { min-width: 0; padding-right: 15px; padding-left: 15px; text-align: center; } .hdr-style2 .hdr-navline .mmenu>li>a { padding: 20px 17px !important; } .is-filters-opened .hdr-content-sticky { display: none; } } @media (max-width: 1024px) { .hdr-style2 .hdr-topline:first-child { display: none; } .hdr-style2 .hdr-links-wrap { overflow: hidden; max-width: 100%; margin: 0; -ms-flex: 1; flex: 1; } .hdr-style2 .hdr-content .hdr-links { margin: 0 -10px; } .hdr-style2 .hdr-content .hdr-links>* { padding-right: 10px; padding-left: 10px; } } @media (max-width: 1024px) { .hdr-style3 .hdr-content .hdr-links { margin-left: auto; } .hdr-style3 .hdr-content>.container>.row { -ms-flex-wrap: wrap; flex-wrap: wrap; } .hdr-style3 .hdr-banner { min-width: 100%; padding-top: 0 !important; -ms-flex-order: 10; order: 10; } } .hdr-style4 .hdr-content>.container>.row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .hdr-style4 .hdr-content>.container>.row>* { transition: 0s; } @media (max-width: 1024px) { .hdr-style4 .hdr-navline { -ms-flex-order: -1; order: -1; } .hdr-style4 .hdr-content>.container>.row { -ms-flex-wrap: wrap; flex-wrap: wrap; } .hdr-style4 .hdr-navline-left { display: none; } .hdr-style4 .hdr-banner { min-width: 100%; padding-top: 0 !important; -ms-flex-order: 10; order: 10; } .hdr-style4 .hdr-navline-right { margin: 5px 0; } } .hdr-style5 .hdr-content>.container>.row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .hdr-style5 .hdr-content .hdr-nav { -ms-flex-pack: center; justify-content: center; } .hdr-style5 .hdr-content>.container>.row>* { transition: 0s; } .hdr-style7 .hdr-content>.container>.row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .hdr-style7 .hdr-content>.container>.row>* { transition: 0s; } @media (min-width: 1025px) and (max-width: 1199px) { .hdr-style7 .hdr-content>.container>.row { -ms-flex-wrap: wrap; flex-wrap: wrap; } .hdr-style7 .hdr-banner { display: none; } } @media (max-width: 767px) { .hdr-style7 .hdr-content>.container>.row { -ms-flex-wrap: wrap; flex-wrap: wrap; } .hdr-style7 .hdr-custom-block { max-width: 100%; padding: 10px 0 0 !important; -ms-flex: 0 0 100%; flex: 0 0 100%; -ms-flex-order: -1; order: -1; } .hdr-style7 .hdr-custom-block .hdr-icn-text { display: -ms-flexbox; display: flex; width: 100%; -ms-flex-pack: justify; justify-content: space-between; } } .hdr-content .bnr .bnr-caption>*+* { margin-top: 10px; } @media (max-width: 575px) { .hdr-content .bnr .bnr-caption>*+* { margin-top: 5px; } } mobilemenu-close.mobilemenu-toggle { font-size: 17px; font-weight: 700; position: -webkit-sticky; position: sticky; z-index: 2; top: 0; margin: 0 -15px 10px; padding: 20px 15px; cursor: pointer; text-align: left; text-decoration: none; color: #282828; background-color: #fff; } @media (max-width: 575px) { .mobilemenu-close.mobilemenu-toggle { font-size: 14px; margin: 0 -15px 10px; padding: 20px 15px; } } .mobilemenu-close.mobilemenu-toggle:hover { text-decoration: underline; } .mobilemenu-toggle { display: -ms-flexbox; display: flex; padding: 0; -ms-flex-align: center; align-items: center; } .mobilemenu-toggle [class*='icon'] { font-size: 26px; } .mobilemenu-toggle span { font-size: 11px; line-height: 20px; padding-left: 7px; text-decoration: none; text-transform: uppercase; } .mobilemenu-toggle:hover, .mobilemenu-toggle:focus { text-decoration: none; } @media (min-width: 1025px) { .mobilemenu-toggle { height: 40px; } .mobilemenu-close.mobilemenu-toggle { height: 40px; } } @media (max-width: 1024px) { .mobilemenu-toggle { min-width: 26px; height: 30px; } .mobilemenu-close.mobilemenu-toggle { width: calc(100% - 10px); height: 30px; } } .hdr-logo { display: -ms-flexbox; display: flex; max-width: 300px; -ms-flex-align: center; align-items: center; } .hdr-logo>a { display: -ms-inline-flexbox; display: inline-flex; text-decoration: none; } .hdr-logo img { /*max-width: 100%;*/ height: 50px; transition: .2s; } @media (max-width: 1199px) { .hdr-logo { max-width: 220px; } } @media (max-width: 575px) { .hdr-logo { max-width: 160px; } } @media (max-width: 479px) { .hdr-logo { max-width: 130px; } } .hdr-links-wrap { margin-left: auto; } .hdr-topline .hdr-links-wrap .dropdn-link [class*='icon'] { padding: 0; } .hdr-topline .hdr-links-wrap { margin: 0 30px; } .hdr-topline .hdr-links-wrap .dropdn-link-txt { display: none; } .hdr-topline .hdr-links-wrap:last-child { margin-right: -8px; } .hdr-topline .hdr-links-wrap .dropdn-link [class*='icon'] { font-size: 19px; } .hdr-topline .hdr-links-wrap .hdr-inline-link { margin-right: 0; margin-left: auto; } .hdr-topline .hdr-links-wrap .hdr-inline-link .dropdn-link { padding: 0 8px; } @media (max-width: 1860px) { .hdr-style6 .hdr-inline-link>.dropdn_language:last-child .dropdn-content, .hdr-style6 .dropdn_currency .dropdn-content { right: 0; left: auto; } } @media (min-width: 1025px) { .hdr-style6 .hdr-links-wrap { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .hdr-style6 .hdr-links-wrap>* { margin-right: 30px; margin-left: 30px; } .hdr-style6 .hdr-links-wrap>*:last-child { margin-right: 0; } .hdr-style6 .hdr-links-wrap .hdr-inline-link>*:last-child>a { padding-right: 0; } .hdr-style6 .hdr-topline-center { max-width: 100%; } } @media (max-width: 1199px) and (min-width: 1025px) { .hdr-style6 .hdr-links-wrap { flex-direction: column-reverse; -ms-flex-direction: column-reverse; } .hdr-style6 .hdr-links-wrap>.hdr-inline-link { margin-right: 0; margin-left: 30px; } .hdr-style6 .hdr-links-wrap>.hdr-group-link { margin-bottom: 15px; } } .hdr-style7 .hdr-inline-link:last-child { margin-left: auto; } .hdr-navline .hdr-inline-link { display: -ms-flexbox; display: flex; margin-right: -12px; margin-left: -12px; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 575px) { .hdr-navline .hdr-inline-link { margin-right: -3px; margin-left: -3px; } } .hdr-navline .hdr-inline-link .dropdn-link { padding: 0 18px; text-decoration: none; } @media (max-width: 575px) { .hdr-navline .hdr-inline-link .dropdn-link { padding: 0 3px; } } .hdr-inline-link { display: -ms-flexbox; display: flex; margin-right: -27px; margin-left: -27px; -ms-flex-align: center; align-items: center; } @media (max-width: 1860px) { .hdr-inline-link { margin-right: -20px; margin-left: -20px; } } @media (max-width: 1199px) { .hdr-inline-link { margin-right: -10px; margin-left: -10px; } } .hdr-inline-link .dropdn-link { height: 100%; padding: 0 27px; } @media (max-width: 1860px) { .hdr-inline-link .dropdn-link { padding: 0 20px; } } @media (max-width: 1199px) { .hdr-inline-link .dropdn-link { padding: 0 10px; } } @media (max-width: 1024px) { .hdr-inline-link { display: -ms-flexbox; display: flex; margin-right: -8px; margin-left: -8px; } .hdr-inline-link .dropdn { position: relative; } .hdr-inline-link .dropdn.is-hovered { z-index: 1; } .hdr-inline-link .dropdn-link { padding: 0 8px; } .hdr-inline-link .dropdn.dropdn_search { position: static; } } .hdr-inline-link--compact .icon-basket+.minicart-qty { left: 2px; } @media (max-width: 1024px) { .hdr-inline-link--compact .icon-basket+.minicart-qty { left: 2px; } } @media (max-width: 767px) { .hdr-inline-link--compact .icon-basket+.minicart-qty { left: 1px; } } .hdr-inline-link--compact .wishlist-qty, .hdr-inline-link--compact .compare-qty { left: 2px; } @media (max-width: 1024px) { .hdr-inline-link--compact .wishlist-qty, .hdr-inline-link--compact .compare-qty { left: 2px; } } @media (max-width: 767px) { .hdr-inline-link--compact .wishlist-qty, .hdr-inline-link--compact .compare-qty { left: 2px; } } .list-icon, .dropdn-content ul.list-icon { margin: 0; padding: 0; list-style: none; } .list-icon li, .dropdn-content ul.list-icon li { font-size: 14px; line-height: 18px; position: relative; padding: 0 0 0 26px; } .list-icon li:not(:last-child), .dropdn-content ul.list-icon li:not(:last-child) { margin-bottom: 8px; } .list-icon li a, .dropdn-content ul.list-icon li a { padding-top: 0; padding-bottom: 0; } .list-icon li [class*='icon'], .dropdn-content ul.list-icon li [class*='icon'] { font-size: 18px; position: absolute; top: 0; left: 0; color: #282828; } .mobilemenu .dropdn { position: static; display: block; } .mobilemenu .dropdn.is-hovered .dropdn-link [class*='icon'] { transform: rotate(0deg); } .mobilemenu .dropdn-link { font-size: 17px; line-height: 20px; position: relative; display: block; margin-bottom: 15px; padding: 0; text-decoration: none; color: #282828; } .mobilemenu .dropdn-link [class*='icon'] { font-size: 11px; position: absolute; top: 6px; right: 11px; transition: .2s; transform: rotate(-90deg); } .mobilemenu .dropdn:not(.dropdn_fullheight) .dropdn-content { position: relative; z-index: 101; right: 0; left: 0; overflow: hidden; height: 0; padding: 0 0 0 10px; transform: translate3d(0, 0, 0); color: #282828; } .mobilemenu .dropdn.is-hovered .dropdn-content { height: auto; } .mobilemenu .dropdn .dropdn-content ul { display: -ms-flexbox; display: flex; margin: 0; padding: 0; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } .mobilemenu .dropdn .dropdn-content ul>li>a:hover { color: #282828; } .mobilemenu .dropdn .dropdn-content ul>li.active>a, .mobilemenu .dropdn .dropdn-content ul>li.active>a span:first-child { color: #5ce1e9; } .mobilemenu .dropdn .dropdn-content ul>li>a { font-size: 14px; line-height: 18px; transition: .2s; text-decoration: none; text-transform: none; color: #868686; } .mobilemenu .dropdn .dropdn-content ul>li>a img { display: inline-block; padding-right: 10px; } .mobilemenu .dropdn .dropdn-content ul>li>a span, .mobilemenu .dropdn .dropdn-content ul>li>a [class*='icon-'] { display: inline-block; vertical-align: middle; } .mobilemenu .dropdn .dropdn-content ul>li>a span:first-child { padding-right: 4px; text-transform: uppercase; color: #282828; } .mobilemenu .dropdn .dropdn-content ul>li>a [class*='icon-'] { font-size: 30px; padding-right: 10px; color: #5ce1e9; } .mobilemenu-content { position: fixed; z-index: 1; top: 0; bottom: 0; left: 0; overflow: hidden; width: 100%; max-width: 320px; height: 100vh; height: calc(var(--vh, 1vh) * 100); padding: 0px; transition: transform .35s ease .1s; transform: translate3d(-110%, 0, 0); background: #fff; } .mobilemenu-content .dropdn .dropdn-content ul { flex-direction: column; margin: 0 0 20px; padding: 0; -ms-flex-direction: column; } .mobilemenu-content .dropdn .dropdn-content ul li { margin-right: 0; margin-left: 0; text-align: left; } .mobilemenu-content .mobilemenu-currency .dropdn .dropdn-content ul li { margin-right: 0 !important; margin-left: 0 !important; } .mobilemenu-scroll { overflow: hidden; overflow-y: auto; padding-bottom: 70px; height: 100%; } .mobilemenu-scroll.ps .ps__scrollbar-x-rail, .mobilemenu-scroll.ps ps__scrollbar-y-rail { z-index: 1; } .mobilemenu.active { visibility: visible; transition: visibility 0s ease 0s; } .mobilemenu.active .mobilemenu-content { transition: transform .35s ease 0s; transform: translate3d(0, 0, 0); } @media (min-width: 1025px) { .mobilemenu.active { pointer-events: none; } .mobilemenu.active .mobilemenu-content { pointer-events: all; box-shadow: 0 3px 4px rgba(0, 0, 0, .2); } } .mobilemenu ul.nav { position: absolute; top: 0; left: 0; display: block; width: 100%; margin: 10px 0 0; padding: 0 0 20px; list-style: none; transition: all .35s; opacity: 1 !important; background-color: #fff; } .mobilemenu ul.nav li { position: static !important; display: -ms-flexbox; display: flex; padding: 0; transition: .2s; } .mobilemenu ul.nav li a { display: block; padding: 0 50px 0 20px; font-family: montserrat-bold, sans-serif; font-size: 12px; color: #000; position: relative; margin: 0; } .mobilemenu ul.nav li a:last-child .arrow { display: none; } .mobilemenu ul.nav li.active, .mobilemenu ul.nav li:hover, .mobilemenu ul.nav li.mmenu-submenu-open { background-color: transparent; } .mobilemenu ul.nav li.active>a, .mobilemenu ul.nav li:hover>a, .mobilemenu ul.nav li.mmenu-submenu-open>a { text-decoration: none; color: #5ce1e9; background: transparent; } .mobilemenu ul.nav li.active>.arrow, .mobilemenu ul.nav li:hover>.arrow, .mobilemenu ul.nav li.mmenu-submenu-open>.arrow { color: #5ce1e9; } .mobilemenu ul.nav li .arrow { font-size: 11px; z-index: 100; display: -ms-flexbox; display: flex; float: right; width: 30px; height: 25px; transition: .2s; pointer-events: none; color: #282828; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .mobilemenu ul.nav li ul { position: absolute; top: 0; left: 100%; display: none; width: 100%; padding: 45px 0 20px 0; list-style: none; transition: opacity .1s ease; opacity: 1; } .mobilemenu ul.nav li ul a { color: #282828; } .mobilemenu ul.nav li.mmenu-submenu-open>ul { display: block; opacity: 1; } . .dropdn { display: inline-block; } .dropdn-link svg { width: auto; max-height: 16px; margin: 0 3px; } .hdr-navline .dropdn-link { display: -ms-flexbox; display: flex; } .hdr-navline .dropdn-link [class*='icon'] { font-size: 33px; } @media (max-width: 767px) { .hdr-navline .dropdn-link [class*='icon'] { font-size: 27px; } } .hdr-navline .hdr_container_mobile .dropdn-link [class*='icon'] { top: -2px; } @media (min-width: 1025px) { .hdr-navline .dropdn-link:not(.only-icon) [class*='icon'] { margin-right: 6px; } } .hdr-navline .dropdn_wishlist .dropdn-link [class*='icon'] { position: relative; top: -.05em; } .hdr-navline--light .dropdn-link, .hdr-navline--light .mobilemenu-toggle, .hdr-navline--light .minicart-link, .hdr-navline--light .mobilemenu-toggle, .hdr-navline--light .custom-text a, .hdr-navline--light .search-button, .hdr-navline--light .social-list a { color: #282828; } .hdr-navline--light .dropdn-link:hover, .hdr-navline--light .mobilemenu-toggle:hover, .hdr-navline--light .minicart-link:hover, .hdr-navline--light .mobilemenu-toggle:hover, .hdr-navline--light .custom-text a:hover, .hdr-navline--light .search-button:hover, .hdr-navline--light .social-list a:hover { color: #5ce1e9; } .hdr-navline--light .dropdn-link:hover [class*='icon'], .hdr-navline--light .mobilemenu-toggle:hover [class*='icon'], .hdr-navline--light .minicart-link:hover [class*='icon'], .hdr-navline--light .mobilemenu-toggle:hover [class*='icon'], .hdr-navline--light .custom-text a:hover [class*='icon'], .hdr-navline--light .search-button:hover [class*='icon'], .hdr-navline--light .social-list a:hover [class*='icon'] { color: #5ce1e9; } .hdr-navline--light .dropdn-link [class*='icon'], .hdr-navline--light .mobilemenu-toggle [class*='icon'], .hdr-navline--light .minicart-link [class*='icon'], .hdr-navline--light .mobilemenu-toggle [class*='icon'], .hdr-navline--light .custom-text a [class*='icon'], .hdr-navline--light .search-button [class*='icon'], .hdr-navline--light .social-list a [class*='icon'] { color: #282828; } .hdr-navline--light .dropdn.is-hovered .dropdn-link, .hdr-navline--light .minicart.is-hovered .minicart-link, .hdr-navline--light .mobilemenu-toggle.active { color: #5ce1e9; } .hdr-navline--light .dropdn.is-hovered .dropdn-link [class*='icon'], .hdr-navline--light .minicart.is-hovered .minicart-link [class*='icon'], .hdr-navline--light .mobilemenu-toggle.active [class*='icon'] { color: #5ce1e9; } .hdr-navline--dark .dropdn-link, .hdr-navline--dark .mobilemenu-toggle, .hdr-navline--dark .minicart-link, .hdr-navline--dark .mobilemenu-toggle, .hdr-navline--dark .custom-text a, .hdr-navline--dark .search-button, .hdr-navline--dark .social-list a { color: #fff; } .hdr-navline--dark .dropdn-link:hover, .hdr-navline--dark .mobilemenu-toggle:hover, .hdr-navline--dark .minicart-link:hover, .hdr-navline--dark .mobilemenu-toggle:hover, .hdr-navline--dark .custom-text a:hover, .hdr-navline--dark .search-button:hover, .hdr-navline--dark .social-list a:hover { color: #5ce1e9; } .hdr-navline--dark .dropdn-link:hover [class*='icon'], .hdr-navline--dark .mobilemenu-toggle:hover [class*='icon'], .hdr-navline--dark .minicart-link:hover [class*='icon'], .hdr-navline--dark .mobilemenu-toggle:hover [class*='icon'], .hdr-navline--dark .custom-text a:hover [class*='icon'], .hdr-navline--dark .search-button:hover [class*='icon'], .hdr-navline--dark .social-list a:hover [class*='icon'] { color: #5ce1e9; } .hdr-navline--dark .dropdn-link [class*='icon'], .hdr-navline--dark .mobilemenu-toggle [class*='icon'], .hdr-navline--dark .minicart-link [class*='icon'], .hdr-navline--dark .mobilemenu-toggle [class*='icon'], .hdr-navline--dark .custom-text a [class*='icon'], .hdr-navline--dark .search-button [class*='icon'], .hdr-navline--dark .social-list a [class*='icon'] { color: #fff; } .hdr-navline--dark .dropdn.is-hovered .dropdn-link, .hdr-navline--dark .minicart.is-hovered .minicart-link, .hdr-navline--dark .mobilemenu-toggle.active { color: #fff; } .hdr-navline--dark .dropdn.is-hovered .dropdn-link [class*='icon'], .hdr-navline--dark .minicart.is-hovered .minicart-link [class*='icon'], .hdr-navline--dark .mobilemenu-toggle.active [class*='icon'] { color: #5ce1e9; } .hdr-topline .dropdn-link, .hdr-group-link .dropdn-link { font-size: 13px; line-height: 18px; display: inline-block; } .hdr-topline .dropdn-link [class*='icon'], .hdr-group-link .dropdn-link [class*='icon'] { font-size: 17px; position: relative; top: .15em; padding-right: 6px; } .hdr-topline .dropdn_caret .dropdn-link [class*='icon'], .hdr-group-link .dropdn_caret .dropdn-link [class*='icon'] { font-size: 8px; position: relative; top: -.05em; padding: 0 0 0 5px; } .hdr-topline .dropdn-link, .hdr-topline .custom-text a, .hdr-topline .social-list a, .hdr-group-link .dropdn-link, .hdr-group-link .custom-text a, .hdr-group-link .social-list a { text-decoration: none; } .hdr-topline .dropdn-link:hover, .hdr-topline .custom-text a:hover, .hdr-topline .social-list a:hover, .hdr-group-link .dropdn-link:hover, .hdr-group-link .custom-text a:hover, .hdr-group-link .social-list a:hover { text-decoration: none; } .hdr-topline .dropdn-link:hover [class*='icon'], .hdr-topline .custom-text a:hover [class*='icon'], .hdr-topline .social-list a:hover [class*='icon'], .hdr-group-link .dropdn-link:hover [class*='icon'], .hdr-group-link .custom-text a:hover [class*='icon'], .hdr-group-link .social-list a:hover [class*='icon'] { transition: .2s; } .hdr-topline .dropdn-link [class*='icon'], .hdr-topline .custom-text a [class*='icon'], .hdr-topline .social-list a [class*='icon'], .hdr-group-link .dropdn-link [class*='icon'], .hdr-group-link .custom-text a [class*='icon'], .hdr-group-link .social-list a [class*='icon'] { transition: .2s; } .hdr-topline { color: #282828; background-color: #fff; } .hdr-topline .dropdn-link, .hdr-topline .custom-text a, .hdr-topline .social-list a { color: #282828; } .hdr-topline .dropdn-link:hover, .hdr-topline .custom-text a:hover, .hdr-topline .social-list a:hover { color: #5ce1e9; } .hdr-topline .dropdn-link:hover [class*='icon'], .hdr-topline .custom-text a:hover [class*='icon'], .hdr-topline .social-list a:hover [class*='icon'] { color: #5ce1e9; } .hdr-topline .dropdn:not(.dropdn_caret) .dropdn-link [class*='icon'] { color: #282828; } .hdr-topline .dropdn.is-hovered .dropdn-link, .hdr-topline .minicart.is-hovered .minicart-link, .hdr-topline .mobilemenu-toggle.active { color: #5ce1e9; } .hdr-topline .dropdn.is-hovered .dropdn-link [class*='icon'], .hdr-topline .minicart.is-hovered .minicart-link [class*='icon'], .hdr-topline .mobilemenu-toggle.active [class*='icon'] { color: #5ce1e9; } .hdr-topline.hdr-topline--dark { color: #rgba(0, 0, 0, .8); border-bottom: 0; background-color: #eee; padding: 2px; } .hdr-topline.hdr-topline--dark .dropdn-link, .hdr-topline.hdr-topline--dark .custom-text a, .hdr-topline.hdr-topline--dark .social-list a { text-decoration: none; color: #000; } .hdr-topline.hdr-topline--dark .dropdn-link:hover, .hdr-topline.hdr-topline--dark .custom-text a:hover, .hdr-topline.hdr-topline--dark .social-list a:hover { text-decoration: none; color: #5ce1e9; } .hdr-topline.hdr-topline--dark .dropdn-link:hover [class*='icon'], .hdr-topline.hdr-topline--dark .custom-text a:hover [class*='icon'], .hdr-topline.hdr-topline--dark .social-list a:hover [class*='icon'] { color: #5ce1e9; } .hdr-topline.hdr-topline--dark .dropdn:not(.dropdn_caret) .dropdn-link [class*='icon'] { color: #fff; } .hdr-topline.hdr-topline--dark .dropdn.is-hovered .dropdn-link, .hdr-topline.hdr-topline--dark .minicart.is-hovered .minicart-link, .hdr-topline.hdr-topline--dark .mobilemenu-toggle.active { color: #5ce1e9; } .hdr-topline.hdr-topline--dark .dropdn.is-hovered .dropdn-link [class*='icon'], .hdr-topline.hdr-topline--dark .minicart.is-hovered .minicart-link [class*='icon'], .hdr-topline.hdr-topline--dark .mobilemenu-toggle.active [class*='icon'] { color: #5ce1e9; } .hdr-topline.hdr-topline--dark .custom-text, .hdr-topline.hdr-topline--dark .custom-text a { color: #fff; } .hdr-topline.hdr-topline--dark .custom-text [class*='icon'], .hdr-topline.hdr-topline--dark .custom-text a [class*='icon'] { color: #fff; } .hdr-topline.hdr-topline--dark .custom-text span { color: #5ce1e9; } .hdr-topline.hdr-topline--dark .hdr-line-separate:after { border-color: rgba(255, 255, 255, .15); } .hdr-topline.hdr-topline--dark .dropdn_caret .dropdn-link:after { border-top-color: #fff; } .dropdn { display: block; } .dropdn-link { white-space: nowrap; } .dropdn-link.only-icon .dropdn-link-txt { display: none; } .dropdn-content ul.list-unstyled a { padding-top: 0; padding-bottom: 0; } @media (min-width: 1025px) { .dropdn:not(.dropdn_fullheight) .dropdn-content { position: absolute; top: -1000px; min-width: 125px; padding: 13px 19px 9px; transition: transform .2s; transform: translateY(20px); pointer-events: none; opacity: 0; color: #282828; background-color: #fff; box-shadow: 0 30px 35px rgba(0, 0, 0, .07); } .dropdn:not(.dropdn_fullheight).is-hovered .dropdn-content { top: auto; transform: translate3d(0, 0, 0); pointer-events: all; opacity: 1; } .dropdn:not(.dropdn_fullheight):not(.dropdn_fullwidth) .dropdn-content { margin-top: 10px; margin-left: 8px; } } @media (max-width: 1024px) { .dropdn.dropdn_search .dropdn-content { position: absolute; top: -1000px; min-width: 125px; padding: 13px 19px 9px; transition: transform .2s; transform: translateY(20px); pointer-events: none; opacity: 0; color: #282828; background-color: #fff; box-shadow: 0 30px 35px rgba(0, 0, 0, .07); } .dropdn.dropdn_search.is-hovered .dropdn-content { top: 100% !important; transform: translate3d(0, 0, 0); pointer-events: all; opacity: 1; } .search_container_mobile .dropdn-link { display: none; } .search_container_mobile .dropdn.dropdn_search .dropdn-content { position: static; padding: 0; transform: translate3d(0, 0, 0); pointer-events: all; opacity: 1; } .search_container_mobile .dropdn.dropdn_search .dropdn-content .container { padding: 0; } .search_container_mobile .dropdn.dropdn_search .dropdn-content .search-popular { display: none; } .hdr .search_container_mobile .search-input[type] { padding: 0 50px 0 10px; } .hdr .search-button { display: none !important; } } .dropdn-content h3, .dropdn-content h4, .dropdn-content h5 { color: #282828; } .dropdn-content a:not(.btn) { transition: .2s; color: #282828; } .dropdn-content a:not(.btn):hover { color: #5ce1e9; } .dropdn-content .list-icon li [class*=icon] { color: #282828; } .dropdn-content .payment-link [class*=icon] { color: #282828; } .dropdn-content .payment-link [class*=icon]:hover { color: #5ce1e9; } .dropdn-content li.active a:not(.btn) { pointer-events: none; color: #5ce1e9; } .dropdn-content ul { margin: -5px 0 0; padding: 0; list-style: none; } .dropdn-content ul li>a { font-size: 14px; line-height: 17px; display: inline-block; padding: 5px 0; } .dropdn-content ul li>a:hover { text-decoration: none; } .dropdn-content .dropdn-close { font-size: 16px; font-weight: 600; position: -webkit-sticky; position: sticky; z-index: 2; top: 0; overflow: hidden; min-height: auto; margin: 0 -5px 10px; padding: 0px 5px; transition: .2s; transform: translateZ(0); text-align: right; color: #282828; background: #fff; background: -webkit-gradient(left top, left bottom, color-stop(80%, #fff), color-stop(100%, rgba(255, 255, 255, 0))); background: linear-gradient(to bottom, #fff 80%, rgba(255, 255, 255, 0) 100%); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (max-width: 575px) { .dropdn-content .dropdn-close { font-size: 14px; padding: 0px 5px; } .dropdn-content .dropdn-close{ min-height: auto !important; } } .dropdn-content .dropdn-close>span { cursor: pointer; } .dropdn-content .dropdn-close>span:hover { text-decoration: underline; color: #282828; } .dropdn-content .dropdn-close .ps__scrollbar-x-rail, .dropdn-content .dropdn-close ps__scrollbar-y-rail { z-index: 1; } .dropdn-content span.dropdn-close-clear { font-size: 12px; font-weight: 500; line-height: 29px; position: relative; display: -ms-flexbox; display: flex; height: 29px; padding: 0 9px; text-decoration: none; text-transform: uppercase; color: #282828; border-radius: 3px; background: #efefef; -ms-flex-align: baseline; align-items: baseline; } .dropdn-content span.dropdn-close-clear>* { padding: 0 4px; } .dropdn-content span.dropdn-close-clear [class*='icon'] { font-size: 1.2em; position: relative; top: 1px; } .dropdn-content span.dropdn-close-clear:hover { text-decoration: none; color: #fff; background: #282828; } .dropdn_language.dropdn_language--noimg .dropdn-content li img { display: none; } .dropdn_language .dropdn-content li img { max-width: 30px; padding-right: 10px; } .dropdn_currency .dropdn-content li span:first-child:not(:only-child) { padding-right: 10px; } .dropdn.dropdn_fullheight .dropdn-content { position: fixed; top: 0; left: 0; width: 100vw; height: calc(100vh - 40px); transition: max-height .3s; pointer-events: none; opacity: 1; } @media (max-width: 1024px) { .dropdn.dropdn_fullheight .dropdn-content { height: 100vh !important; height: calc(var(--vh, 1vh) * 100) !important; max-height: none !important; } } body.boxed .dropdn.dropdn_fullheight .dropdn-content { width: 100%; } .header-side-panel .dropdn-content-block { position: fixed; z-index: 9999; top: 0; right: 0; display: block; overflow-y: auto; width: 485px; height: 100%; padding: 0 60px 35px; transition: transform .35s; transform: translate3d(110%, 0, 0); pointer-events: all; opacity: 1; color: #282828; background-color: #fff; box-shadow: 0 10px 35px rgba(0, 0, 0, .07); } @media (max-width: 767px) { .header-side-panel .dropdn-content-block { padding: 0 30px 30px; } } @media (max-width: 575px) { .header-side-panel .dropdn-content-block { max-width: 100%; padding: 0 25px 30px; } } .dropdn-content.is-opened .dropdn-content-block { transform: translate3d(0, 0, 0); } .account-drop {} .account-drop .form-control {} .account-drop .dropdn-form-wrapper { margin-top: 40px; } .account-drop .dropdn-form-wrapper .btn { min-width: 195px; } .account-drop .dropdn-bnr-wrapper { margin-top: 55px; } .dropdn.dropdn_fullwidth .dropdn-content { left: 0; width: 100%; padding: 45px 0; } @media (max-width: 1024px) { .dropdn-content .drop-overlay { position: fixed; z-index: 163; top: 0; left: 0; width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); cursor: pointer; transition: background .3s ease .1s; pointer-events: none; background: transparent; } .dropdn-content.is-opened .drop-overlay { transition: background .3s ease 0; pointer-events: all; background: rgba(0, 0, 0, .6); } } .dropdn.dropdn_search .dropdn-content { padding: 10px 0; } .dropdn-content.minicart-drop .dropdn-content-block { display: -ms-flexbox; display: flex; overflow: hidden; flex-direction: column; padding: 0 45px; -ms-flex-direction: column; } @media (max-width: 767px) { .dropdn-content.minicart-drop .dropdn-content-block { padding: 0 30px; } } @media (max-width: 575px) { .dropdn-content.minicart-drop .dropdn-content-block { padding: 0 7px; } } .hdr-style4 .hdr-group-link .dropdn_language, .hdr-style4 .hdr-group-link .dropdn_currency { position: relative; z-index: 1; } .hdr-style4 .hdr-banner { max-width: 1150px; } @media (max-width: 1860px) { .hdr-style4 .dropdn_language:last-child .dropdn-content, .hdr-style4 .dropdn_currency .dropdn-content { right: 0; left: auto; } } .hdr-style5 .hdr-group-link .dropdn_language, .hdr-style5 .hdr-group-link .dropdn_currency { position: relative; z-index: 1; } @media (max-width: 1860px) { .hdr-style5 .dropdn_language:last-child .dropdn-content, .hdr-style5 .dropdn_currency .dropdn-content { right: 0; left: auto; } } .hdr-style7 .hdr-group-link .dropdn_language, .hdr-style7 .hdr-group-link .dropdn_currency { position: relative; z-index: 1; } @media (min-width: 1025px) { .hdr-style7 .hdr-custom-block { -ms-flex: 1; flex: 1; } .hdr-style7 .hdr-navline .dropdn-link [class*='icon'] { font-size: 28px; } } .dropdn-content.is-opened .drop-overlay { transition: background .3s ease 0; pointer-events: all; background: rgba(0, 0, 0, .6); } .dropdn-content .drop-overlay { position: fixed; z-index: 163; top: 0; left: 0; width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); cursor: pointer; transition: background .3s ease .1s; pointer-events: none; background: transparent; } .wishlist-link, .compare-link { position: relative; } .wishlist-qty, .compare-qty { bottom: -2px !important; left: 10px; } @media (max-width: 1024px) { .wishlist-qty, .compare-qty { left: 10px; } } @media (max-width: 767px) { .wishlist-qty, .compare-qty { left: 2px; } } .wishlist-qty:empty, .compare-qty:empty { display: none; } .minicart-qty, .wishlist-qty, .compare-qty { font-size: 12px; font-weight: 500; position: absolute; bottom: -3px; display: -ms-flexbox; display: flex; width: 18px; height: 18px; color: rgba(0,0,0,.8); border-radius: 50%; background-color: #5ce1e9; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1024px) { .minicart-qty, .wishlist-qty, .compare-qty { font-size: 11px; width: 16px; height: 16px; } } @media (max-width: 575px) { .minicart-qty, .wishlist-qty, .compare-qty { font-size: 9px; width: 14px; height: 14px; } } .icon-basket+.minicart-qty { left: 15px; } @media (max-width: 1024px) { .icon-basket+.minicart-qty { left: 10px; } } @media (max-width: 767px) { .icon-basket+.minicart-qty { left: 2px; } } .minicart-link.only-icon .minicart-total { display: none; } .icon-cart+.minicart-qty+.minicart-total { top: 4px; } .minicart-total { font-size: 15px; font-weight: 600; position: relative; top: -3px; } .hdr-topline .minicart-total { display: none; } .show-mobile form input { border: none; font-size: 14px; } .show-mobile form i { font-size: 18px; color: #60dee7; } .show-mobile form { padding: 7px 18px; border-radius: 60px; border: 1px solid #60dee7; display: flex; align-items: center; gap: 4px; } @media (min-width: 1025px) { .show-mobile { display: none !important; } } @media (max-width: 1024px) { /*.hide-mobile { display: none !important; }*/ .nav-holder-s { display: none; } .homepage .show-mobile { display: block !important; } .homepage .hdr-logo { display: block ; } .hdr-logo { display: none ; } .hdr_container_mobile.show-mobile { display: -ms-flexbox !important; display: flex !important; } } /*.hdr { background-color: #fff; }*/ .hdr .custom-text { font-size: 16px; line-height: 23px; } @media (max-width: 1860px) { .hdr .custom-text { font-size: 16px; } } @media (max-width: 1199px) { .hdr .custom-text { font-size: 15px; } } @media (max-width: 767px) { .hdr .custom-text { font-size: 14px; } } @media (max-width: 575px) { .hdr .custom-text { font-size: 12px; } } .hdr .custom-text a, .hdr .custom-text a:hover { text-decoration: none; } @media (max-width: 1024px) { .hdr { display: -ms-flexbox; display: flex; flex-direction: column; -ms-flex-direction: column; } } .hdr--botbrd { border-color: #e8e8e8; border-bottom-width: 1px; border-bottom-style: solid; } .hdr-transparent .hdr { transition: background-color .5s; } .has-sticky .hdr-transparent .hdr { transition: 0s; background-color: #fff; } @media (max-width: 575px) { .hdr>*>.container { padding-right: 10px; padding-left: 10px; } } .hdr-navline>.container>.row { -ms-flex-align: center; align-items: center; } .hdr-navline--light { background-color: #f8f8f8; } .hdr-navline--light .mmenu>li>a { color: #282828; } .hdr-navline--light .mmenu>li>a:hover { color: #5ce1e9; } .hdr-navline--dark { background-color: #282828; } .hdr-navline--dark .mmenu>li>a { color: #fff; } .hdr-navline--dark .mmenu>li>a:hover { color: #5ce1e9; } .hdr-navline-left, .hdr-navline-right { position: static; } .hdr-phone { font-size: 20px; font-weight: 600; display: -ms-flexbox; display: flex; min-width: 18%; white-space: nowrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .hdr-phone, .hdr-phone a { color: #282828; } .hdr-phone a:hover { text-decoration: none; color: #5ce1e9; } .hdr-phone [class*='icon'] { font-size: 1.238em; position: relative; top: .05em; padding-right: 8px; color: #5ce1e9; } .hdr-phone>span { display: -ms-inline-flexbox; display: inline-flex; } @media (max-width: 1199px) { .hdr-phone { font-size: .9em; } .hdr-phone [class*='icon'] { top: 0; } } @media (max-width: 1024px) { .hdr-phone { -ms-flex: 1; flex: 1; } } @media (max-width: 767px) { .hdr-phone { display: none; } } .hdr_container_desktop { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media (max-width: 1024px) { .hdr_container_mobile { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } } .hdr-topline.drop-opened { z-index: 101; } .hdr-topline>.container>.row>*:not(.hdr-topline-center) { position: static; } .hdr-topline .custom-text.js-custom-text-carousel { overflow: hidden; height: 40px; } @media (max-width: 767px) { .hdr-topline .custom-text.js-custom-text-carousel { height: 26px; } } .hdr-topline .custom-text.js-custom-text-carousel .custom-text-item { line-height: 40px; } @media (max-width: 767px) { .hdr-topline .custom-text.js-custom-text-carousel .custom-text-item { line-height: 26px; } } .hdr-topline .custom-text.js-custom-text-carousel .custom-text-item a, .hdr-topline .custom-text.js-custom-text-carousel .custom-text-item a:hover { text-decoration: none; } .hdr-topline:last-child { z-index: 0; } .hdr-topline-left { -ms-flex: 1; flex: 1; } .hdr-topline-right { display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; -ms-flex-pack: end; justify-content: flex-end; } .hdr-topline-center { position: static; display: -ms-flexbox; display: flex; padding-top: 0; padding-bottom: 0; text-align: center; -ms-flex: 2; flex: 2; -ms-flex-pack: center; justify-content: center; } @media (min-width: 1025px) { .hdr-topline-center { max-width: 50%; } } .hdr-topline { position: relative; z-index: 2; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e8e8e8; } @media (max-width: 1024px) { .hdr-topline { z-index: 1; } } .hdr-topline>.container>.row { -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media (max-width: 575px) { .hdr-topline>.container>.row { } } .hdr-topline .custom-text, .hdr-topline .custom-text a { color: #282828; } @media (max-width: 1024px) { .hdr-topline .custom-text, .hdr-topline .custom-text a { color: #282828; } } .hdr-topline .custom-text [class*='icon'], .hdr-topline .custom-text a [class*='icon'] { color: #282828; } .hdr-topline .custom-text span { color: #5ce1e9; } @media (max-width: 1024px) { .hdr-topline .custom-text span { color: #5ce1e9; } } .hdr-topline .minicart-qty, .hdr-topline .wishlist-qty, .hdr-topline .compare-qty { font-size: 11px; right: 0; bottom: -4px; left: auto; width: 14px; height: 14px; } .hdr-topline .wishlist-qty, .hdr-topline .compare-qty { right: -4px; } @media (max-width: 1024px) { .hdr-topline>.container { overflow: hidden; } } .social-list { display: -ms-flexbox; display: flex; margin: 0 -5px; padding: 0; list-style: none; } .social-list li { font-size: 18px; line-height: 24px; } .social-list li a { display: -ms-flexbox; display: flex; padding: 0 5px; text-align: center; text-decoration: none; font-size: 10px; text-transform: capitalize; } .social-list li a:hover { color: #5ce1e9; } .social-list-circle { display: -ms-flexbox; display: flex; margin: 0 -6px; padding: 0; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; } .social-list-circle li { font-size: 24px; line-height: 1em; margin: 0 6px 10px; } .social-list-circle li a { line-height: 38px; position: relative; display: -ms-flexbox; display: flex; overflow: hidden; width: 68px; height: 68px; padding: 0; text-decoration: none; border-radius: 50%; background-color: #f7f7f7; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .social-list-circle li a [class*='icon'] { position: relative; z-index: 1; color: #5ce1e9 !important; } .social-list-circle li a:after { position: absolute; z-index: 0; top: -30%; left: -30%; width: 110%; height: 110%; content: ''; transition: .25s ease; opacity: 0; border-radius: 50%; background-color: #5ce1e9; } .social-list-circle li a:hover [class*='icon'] { color: #fff !important; } .social-list-circle li a:hover:after { top: -5%; left: -5%; opacity: 1; } body.mac .social-list-circle li a:after { top: 0; left: 0; width: 100%; height: 100%; transition: opacity .25s ease; } body.mac .social-list-circle li a:hover:after { top: 0; left: 0; } .social-list-circle-sm { display: -ms-flexbox; display: flex; margin: 0 -5px; padding: 0; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 768px) { .social-list-circle-sm { max-width: 240px; } } .social-list-circle-sm li { font-size: 18px; line-height: 1em; margin: 0 5px 10px; } .social-list-circle-sm li a { line-height: 44px; position: relative; display: -ms-flexbox; display: flex; overflow: hidden; width: 44px; height: 44px; padding: 0; text-decoration: none; border-radius: 50%; background-color: #f7f7f7; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .social-list-circle-sm li a [class*='icon'] { position: relative; z-index: 1; color: #5ce1e9 !important; } .social-list-circle-sm li a:after { position: absolute; z-index: 0; top: -30%; left: -30%; width: 100%; height: 100%; content: ''; transition: .25s ease; opacity: 0; border-radius: 50%; background-color: #5ce1e9; } .social-list-circle-sm li a:hover [class*='icon'] { color: #fff !important; } .social-list-circle-sm li a:hover:after { top: 0; left: 0; opacity: 1; } body:not(.no-loader) .mobilemenu { opacity: 0; } /* 3. Menu */ /* 3.1. Megamenu */ .mmenu { margin: 0 -26px; padding: 0; list-style: none; text-align: center; white-space: normal; } @media (max-width: 1860px) { .mmenu { margin: 0 -15px; } } @media (max-width: 1199px) { .mmenu { margin: 0 -8px; } } .mmenu>li { display: inline-block; margin-right: -4px; white-space: normal; } .mmenu>li>a { font-family: montserrat, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px; position: relative; display: block; padding: 20px 20px; text-transform: uppercase; transition: .2s; text-decoration: none; border-bottom: 4px solid #fff; letter-spacing: .1px; color: rgba(0, 0, 0, 0.9); } @media (max-width: 1860px) { .mmenu>li>a { padding-right: 7px; padding-left: 7px; } } @media (max-width: 1199px) { .mmenu>li>a { padding-right: 8px; padding-left: 8px; } } /*.mmenu>li>a:not(:only-child):after { font-family: 'icon-foxic'; font-size: 13px; position: relative; top: 1px; padding-left: 2px; content: '\e949'; }*/ .mmenu>li>a:hover { border-color: #5ce1e9; border-bottom: 4px solid #5ce1e9; } .mmenu>li>a.active { color: #5ce1e9; } .mmenu>li.hovered>a:not(:only-child):after { content: '\e94a'; } .mmenu>li.hovered>a:not(:only-child):before { position: absolute; z-index: 0; left: 0; width: 100%; padding-bottom: 250px; content: ''; } .mmenu.mmenu--link-lined>li>a>span { position: relative; } .mmenu.mmenu--link-lined>li>a>span:after { position: absolute; bottom: -.5em; left: 50%; display: block; width: 0; height: 2px; content: ''; transition: .2s; transform: translateX(-52%); background-color: #282828; } .mmenu.mmenu--link-lined>li.active>a>span:after, .mmenu.mmenu--link-lined>li:hover>a>span:after { width: 96%; } .mmenu.mmenu--compact>li>a { padding: 20px 10px; } @media (max-width: 1860px) { .mmenu.mmenu--compact>li>a { padding-right: 8px; padding-left: 8px; } } @media (max-width: 1199px) { .mmenu.mmenu--compact>li>a { padding-right: 6px; padding-left: 6px; } } .mmenu>li.mmenu-item--mega.hovered>a:not(:only-child):before { top: -40px; left: -50%; width: 200%; padding-bottom: 150px; -webkit-clip-path: polygon(0% 87%, 50% 0%, 50% 0%, 100% 87%); clip-path: polygon(0% 87%, 50% 0%, 50% 0%, 100% 87%); } .menu-label { font-size: 10px; font-weight: 600; line-height: 13px; display: -ms-flexbox; display: flex; min-height: 14px; padding: 1px 4px 0; white-space: nowrap; text-transform: none; color: #fff; border-top-color: #5ce1e9; border-radius: 2px; background-color: #5ce1e9; -ms-flex-align: center; align-items: center; -webkit-backface-visibility: hidden; } .mmenu .menu-label { font-family: system-ui; position: absolute; right: 31px; margin-top: -38px; transform: translateX(50%); } .mmenu .menu-label:after { position: absolute; top: 100%; left: 50%; width: 0; height: 0; margin-left: -4px; content: ' '; pointer-events: none; border: solid transparent; border-width: 4px; border-top-color: inherit; } .mobilemenu .menu-label, .mmenu .submenu-list .menu-label { position: relative; top: -1px; right: auto; display: -ms-inline-flexbox; display: inline-flex; margin-top: 0 !important; margin-left: 10px; transform: translate3d(0, 0, 0); } .mobilemenu .menu-label:after, .mmenu .submenu-list .menu-label:after { display: none; } .menu-label.menu-label--color1 { border-top-color: #282828; background-color: #282828; } .menu-label.menu-label--color2 { border-top-color: #ffc427; background-color: #ffc427; } .menu-label.menu-label--color3 { border-top-color: #fb317d; background-color: #fb317d; } .hdr.hdr-onerow-menu .mmenu { white-space: nowrap; } .hdr.hdr-onerow-menu .mmenu>li { white-space: normal; } .mmenu .mmenu-item--mega:hover>a:after, .mmenu .mmenu-item--simple:hover>a:after { padding-bottom: 200px; } .mmenu-item--mega .mmenu-submenu-inside { overflow-x: hidden; overflow-y: hidden; } .mmenu-item--mega .mmenu-submenu { left: 15%; width: 70%; text-align: left; white-space: normal; } .mmenu-item--mega .mmenu-submenu .mmenu-submenu-inside>.container { padding: 20px 0; } .mmenu-item--mega .mmenu-submenu.mmenu-submenu--has-top .mmenu-submenu-inside>.container { padding-top: 0; } .mmenu-item--mega .mmenu-submenu.mmenu-submenu--has-bottom .mmenu-submenu-inside>.container { padding-bottom: 0; } .mmenu-item--mega .mmenu-submenu .submenu-list { padding: 0; } .mmenu-item--mega .mmenu-submenu .submenu-list>li>a { padding-right: 0; padding-left: 0; background-color: transparent; } .mmenu-item--mega .mmenu-submenu .submenu-list>li>a:hover { /* padding-left: 1.25em;*/ color: #282828; /*background-color: #f4f4f4;*/ text-decoration: underline !important; } .mmenu-item--mega .mmenu-submenu .submenu-list>li>a:hover:before { transform: translate3d(0, 0, 0) translateZ(0); opacity: 1; } .mmenu-item--mega .mmenu-submenu .submenu-list>li>a:not(:only-child) { padding-right: 25px; } .mmenu-item--mega .mmenu-submenu .submenu-list>li>a:not(:only-child):hover { padding-left: .6em; } .mmenu-item--mega .mmenu-submenu .submenu-list>li>a:not(:only-child):after { right: 5px; } .mmenu-submenu { position: absolute; top: -1000vh; pointer-events: none; border: 1px solid rgba(0,0,0,.2); background-color: #fff; box-shadow: 0 10px 35px rgba(0, 0, 0, .07); } .mmenu-submenu .submenu-list ul { background-color: #fff; } .mmenu li.hovered .mmenu-submenu { z-index: 2; top: 100%; pointer-events: auto; } .mmenu-submenu .mmenu-submenu-inside>.container { display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 1025px) { .hdr.mmenu-multirow .mmenu li.hovered .mmenu-submenu { top: auto; } .hdr.mmenu-multirow-s .mmenu li.hovered .mmenu-submenu { top: auto; } .mmenu>li>a { padding-top: 12px; padding-bottom: 12px; } } .hdr .mmenu-submenu .custom-text { font-size: 12px; } .submenu-view-more { font-size: 12px; font-weight: 600; line-height: 18px; display: block; margin: 7px 0 0 0; text-transform: uppercase; color: #282828; } .submenu-view-more:hover { color: #5ce1e9; } .submenu-title { font-size: 14px; font-weight: 600; line-height: 22px; position: relative; margin-bottom: 0; text-decoration: none; } .submenu-title:first-child { margin-top: 10px; } .submenu-title:not(:first-child) { margin-top: 20px; } .submenu-title, .submenu-title a { color: #494949; } .submenu-title:hover { color: #5ce1e9; } .submenu-title+.submenu-title { margin-top: 10px; } .submenu-link-txt { font-size: 13px; line-height: 18px; display: block; color: #7e7e7e; } .submenu-list { margin: 0; margin-top: 12px; padding: 10px 20px; list-style: none; } .submenu-list:first-child { margin-top: 0; } .submenu-list .submenu-list .submenu-link-image { display: none; } .submenu-list .submenu-list img[data-src] { transition: opacity .15s; } .submenu-list .submenu-list li.active>a+.submenu-link-image, .submenu-list .submenu-list li.hovered>a+.submenu-link-image { display: block; opacity: 1; } .submenu-list .submenu-link-image { position: absolute; z-index: 1; top: 0; left: 100%; transition: opacity 0s; pointer-events: none; opacity: 0; background-color: #fff; box-shadow: 0 10px 15px rgba(0, 0, 0, .1); } .submenu-list .submenu-link-image img { max-width: 500px; } .submenu-list .submenu-link-image.to-right { right: 100%; left: auto; } .submenu-list li.hovered>.submenu-link-image { transition: opacity .3s; opacity: 1; } .submenu-list li.active>a, .submenu-list li.hovered>a { color: #282828; background-color: #f4f4f4; } .submenu-list a { font-size: 13px; line-height: 18px; position: relative; display: block; padding: 5px 10px; transition: .2s ease; color: #7f7f7f; } .submenu-list a:before { font-family: 'icon-foxic'; font-size: 8px; position: absolute; top: 6px; left: 0; display: none`; content: '\e919'; transition: transform .15s ease, opacity .1s ease .1s; transform: translate3d(-15px, 0, 0); pointer-events: none; opacity: 0; } .submenu-list a:hover, .submenu-list a.active { padding-left: 25px; text-decoration: none; color: #282828; background-color: #f4f4f4; } .submenu-list a:hover:before, .submenu-list a.active:before { transform: translate3d(10px, 0, 0); opacity: 1; } .submenu-list a:not(:only-child):not(:last-child) { padding-right: 25px; } .submenu-list a:not(:only-child):not(:last-child):after { font-family: 'icon-foxic'; font-size: 11px; position: absolute; top: 6px; right: 10px; content: '\e919'; transition: .15s; } .submenu-list a:not(:only-child):not(:last-child):before { position: absolute; z-index: 0; top: 0; right: -15px; left: -15px; height: 100%; content: ''; } .mmenu-item--mega .submenu-list>li>a:before { left: 5px; } .mmenu-item--simple .mmenu-submenu { overflow: inherit; text-align: left; border-top: 0; } .mmenu-item--simple .mmenu-submenu li { width: 270px; white-space: normal; } .mmenu-item--simple .mmenu-submenu .submenu-list li { position: relative; } .mmenu-item--simple .mmenu-submenu .submenu-list li ul { top: 0; } .mmenu-item--simple .mmenu-submenu li:not(.to-right)>ul { left: 100%; } .mmenu-item--simple .mmenu-submenu li.to-right>ul { right: 99.9%; left: auto; } .mmenu-submenu .submenu-list li { position: static; overflow: inherit; padding: 0; text-align: left; } .mmenu-submenu .submenu-list li ul { position: absolute; z-index: 2; visibility: hidden; min-width: 270px; margin-top: -10px; padding: 10px 20px; list-style: none; transition: all 0s ease 0s; pointer-events: none; opacity: 0; box-shadow: 0 30px 30px rgba(0, 0, 0, .07); } .mmenu-submenu .submenu-list li ul:before { position: absolute; left: -1px; width: 1px; height: 100%; content: ''; } .mmenu-submenu .submenu-list li li.to-right>ul { right: 100%; left: auto !important; } .mmenu-submenu .submenu-list li ul ul { z-index: 2; } .mmenu-submenu .submenu-list li:hover>ul, .mmenu-submenu .submenu-list li li:hover>ul { visibility: visible; transition: visibility .2s ease .1s, opacity .2s ease .1s, min-width .3s ease .1s; pointer-events: auto; opacity: 1; } .mmenu-bnr-wrap { overflow: hidden; text-align: center; } .mmenu-bnr-wrap:not(:last-child) { margin-bottom: 20px; } .mmenu-bnr-wrap img { width: 100%; } .mmenu-cols { display: -ms-flexbox; display: flex; height: 100%; margin: 0; padding: 0; -ms-flex-pack: center; justify-content: center; -ms-flex: 1; flex: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mmenu-cols:first-child { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .mmenu-col { position: static; display: -ms-flexbox; display: flex; flex-direction: column; width: 100%; padding: 0 20px; -ms-flex-direction: column; } .mmenu-left { padding: 0 15px 30px; -ms-flex-order: 0; order: 0; } .mmenu-right { padding: 0 15px 30px; text-align: right; -ms-flex-order: 2; order: 2; } .mmenu-top { display: -ms-flexbox; display: flex; clear: both; width: 100%; margin-bottom: 30px; padding: 25px 0; border-color: #f4f4f4; border-bottom-width: 1px; border-bottom-style: solid; } .mmenu-bottom { display: -ms-flexbox; display: flex; clear: both; width: 100%; min-height: 100px; margin-top: 30px; padding: 20px 0; border-color: #f4f4f4; border-top-width: 1px; border-top-style: solid; -ms-flex-align: center; align-items: center; -ms-flex-order: 10; order: 10; } .mmenu-right:nth-last-child(2), .mmenu-left:nth-last-child(2) { margin-bottom: 0; } /* 3.1. Mobile Menu */ @media (min-width: 1025px) { .mobilemenu { display: none; } } @media (max-width: 1024px) { .mmenu { display: none; } } .mobilemenu { position: fixed; z-index: 1009; top: 0 !important; right: 0; left: 0; visibility: hidden; overflow: hidden; width: 100%; height: 100vh; padding: 15px; transition: visibility 0s ease .6s; } .mobilemenu .container { width: 100%; padding: 0; } .mobilemenu-bottom { position: relative; } .mobilemenu-bottom>* { margin: 0; } .mobilemenu-currency, .mobilemenu-language { position: static; display: block; } .mobilemenu-settings { display: none; } .nav-wrapper { position: relative; overflow: hidden; width: 100%; margin-bottom: 15px; transition: all .35s cubic-bezier(.25, 1, .3, 1); transform: translate3d(-100%, 0, 0); border-color: #e2e2e2; border-bottom-width: 1px; border-bottom-style: solid; } .nav-wrapper.show-menu { transform: none; border-bottom: none; } .nav-wrapper .nav-toggle { position: absolute; z-index: 100; top: 0; left: 0; display: -ms-flexbox; display: flex; visibility: hidden; width: 100%; padding: 0 0 10px; cursor: pointer; color: #282828; border-bottom: 1px solid #e2e2e2; background-color: #fff; } .nav-wrapper .nav-toggle.back-visible { visibility: visible; } .nav-wrapper .nav-toggle.back-visible .nav-back { opacity: 1; } .nav-wrapper .nav-toggle.back-visible .nav-title .arrow { display: none; } .nav-wrapper .nav-title { font-size: 17px; line-height: 20px; } .nav-wrapper .nav-viewall { font-size: 14px; font-style: italic; line-height: 20px; margin-left: auto; white-space: nowrap; } .nav-wrapper .nav-back { font-size: 15px; position: relative; top: 1px; padding: 0 10px 0 0; } .mobilemenu .nav-wrapper ul.nav li.mmenu-submenu-open>.arrow { transform: rotate(0deg); } @media (max-width: 1024px) { .mobilemenu:after, .row:not(.prd-block) .fixed-col:after { position: absolute; top: 0; left: 0; width: 120%; height: 100vh; height: calc(var(--vh, 1vh) * 100); content: ''; cursor: pointer; transition: background .3s ease .1s; background: transparent; } .mobilemenu.active:after, .row:not(.prd-block) .fixed-col.active:after { transition: background .3s ease 0s; background: rgba(0, 0, 0, .6); } } /* 3. Header */ /* 3.1. Promo Topline */ .promo-topline { font-size: 14px; line-height: 20px; position: relative; padding-top: 10px; padding-bottom: 10px; text-align: center; color: #fff; } .promo-topline a, .promo-topline a:focus { color: #000; } .promo-topline a:hover { color: #000; } @media (max-width: 767px) { .promo-topline { font-size: 12px; padding-top: 10px; padding-bottom: 10px; } .promo-topline b { font-weight: 600; } } @media (max-width: 575px) { .promo-topline { font-size: 11px; line-height: 16px; } } @media (max-width: 1024px) { .promo-topline:after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; opacity: .5; background-color: #fff; } } .promo-topline-item { position: relative; padding: 0 55px; } @media (max-width: 767px) { .promo-topline-item { padding: 0 18px; } } .promo-topline-item:not(:last-child):after { font-weight: bold; position: relative; top: -1px; padding: 0 10px; content: '|'; } /* 3.2. Header Structure */ .ps__scrollbar-x-rail { display: none !important; } .title-tabs-wrap .ps>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x, .title-tabs-wrap .ps>.ps__scrollbar-x-rail:active>.ps__scrollbar-x { height: 6px; } .title-tabs-wrap .ps>.ps__scrollbar-x-rail { height: 10px; } body:not(.touch) .title-tabs-wrap .ps__scrollbar-x-rail { display: block !important; } .minicart-drop-content { position: relative; overflow-y: auto; height: 100%; margin: -25px -30px 0; padding: 10px 30px 0; } @media (max-width: 767px) { .minicart-drop-content { margin-right: -20px; margin-left: -20px; padding: 10px 20px 0; } } .minicart-drop-fixed { margin-top: auto; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .minicart-drop-fixed .payment-link [class*='icon'] { font-size: 42px; } .minicart-drop-fixed .payment-link>* { margin: 0 10px; } @media (max-width: 767px) { .minicart-drop-fixed .payment-link [class*='icon'] { font-size: 34px; } .minicart-drop-fixed .payment-link>* { margin: 0 5px; } } .minicart-drop-content.disable-actions .minicart-prd-action { pointer-events: none; opacity: 0; } .minicart-drop { text-align: left; } .minicart-drop .shop-feature-single { color: inherit; } .minicart-drop-content>* { transform: translateZ(0); -webkit-backface-visibility: hidden; } .minicart-drop-content-inside>*:last-child { margin-bottom: 40px; } @media (max-width: 767px) { .minicart-drop-content-inside>*:last-child { margin-bottom: 20px; } } .minicart-drop-total { margin-top: 0; padding: 18px 0 0; border-width: 1px 0 0 0; border-style: solid; border-color: #f4f4f4; } .minicart-drop-total-txt { font-size: 17px; font-weight: bold; line-height: 30px; text-transform: uppercase; color: #282828; } .minicart-drop-total-price { font-size: 24px; font-weight: 600; line-height: 30px; text-align: right; color: #282828; } .minicart-drop-discount { margin-top: 30px; } .minicart-drop-discount h4 { font-size: 18px; line-height: 24px; margin-bottom: 10px; color: #282828; } .minicart-drop-countdown { display: none; margin-top: 0; } .is-opened .minicart-drop-countdown { display: block; } .minicart-drop-info { margin-top: 40px; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (max-width: 767px) { .minicart-drop-info { margin-top: 20px; } } .minicart-drop-actions { display: -ms-flexbox; display: flex; margin: 15px -10px 25px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .minicart-drop-actions { margin-top: 10px; } } .minicart-drop-actions .btn { margin-top: 10px; margin-right: 10px; margin-left: 10px; -ms-flex: 1; flex: 1; } a.minicart-drop-countdown { display: block; text-decoration: none; } @media (max-width: 1199px) { .minicart-drop-countdown .countdown-box .countdown { padding: 18px 18px; } .minicart-drop-countdown .countdown-box .countdown>span { font-size: 14px; } } .order_sty{ display: flex; justify-content: space-between; margin-top: 10px; margin-bottom: 12px; width: 100%; } .order_sty .sectiontitle{ width: 100%; text-align: center; } .order_sty .sectiontitle h1{ margin-bottom: 20px; font-size: 20px; } /*.order_sty .dropdn-close{ width: 20%; }*/ .tracking_bxd_1 { text-align: center; margin-bottom: 30px; } .tracking_bxd_1 img { height: 100px; padding-bottom: 15px; } .tracking_bxd_1 p { font-size: 17px; font-weight: 600; } .home_page_gz .fixfoot li:nth-child(1){ background: none; } .all_catogories_gz .fixfoot li:nth-child(2){ background: none; } .profile_detail_gz .fixfoot li:nth-child(4) img{ filter: brightness(0.5); } .profile_detail_gz .fixfoot li:nth-child(4) .offcanvas__stikcy--toolbar__label{ color: #37475A !important; } .subcatpro { padding: 50px 0px; } .prd-grid, .prd-horgrid { position: relative; z-index: 2; margin: 0 -15px 0; padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prd-carousel * { -webkit-backface-visibility: hidden; backface-visibility: hidden; } @supports not (-webkit-overflow-scrolling: touch) { .prd-grid:before, .prd-grid:after { display: table; content: ''; } .prd-grid:after { clear: both; } } .prd-block:not(.prd-block--prv-left):not(.prd-block--prv-right) .product-previews-wrapper .slick-track { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .slick-vertical.fixedOnSelect .slick-track { transform: none !important; } .prd-block:not(.prd-block--prv-left):not(.prd-block--prv-right).product-previews-carousel .slick-track { display: -ms-flexbox; display: flex; } .prd-block:not(.prd-block--prv-left):not(.prd-block--prv-right) .product-previews-wrapper .slick-track { -ms-flex-align: inherit !important; align-items: inherit !important; } .slick-track { margin: 0 auto; touch-action: pan-y; -ms-touch-action: pan-y; } .prd-grid.slick-initialized[class*='data-to-show'] .prd.slick-slide { width: auto; max-width: none; } .prd-horgrid .prd .prd-inside, .prd-hor .prd-inside, .prd-hor-simple .prd-inside { display: -ms-flexbox; display: flex; background-color: #fff; -ms-flex-align: center; align-items: center; } .prd-grid.listing-view .prd .prd-inside { overflow: hidden; padding: 0; } .prd-listview .prd .prd-inside { display: -ms-flexbox; display: flex; } .has-rounded-elements .prd .prd-inside .prd-img { border-radius: 15px; } .has-rounded-elements .prd .prd-inside { overflow: visible; border-radius: 15px; } .prd .prd-inside { overflow: hidden; background-color: #fff; } .prd-img-area { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .prd-img-area .label-wishlist { transition: opacity .4s ease .1s; opacity: 0; } .prd-horgrid .prd .prd-img-area, .prd-hor .prd-img-area, .prd-hor-simple .prd-img-area { min-width: calc(49.9% - 30px); height: auto; margin: 0 30px 0 0; } @media (max-width: 1860px) { .prd-horgrid .prd .prd-img-area .prd-big-circle-labels [class^='label-'], .prd-hor .prd-img-area .prd-big-circle-labels [class^='label-'], .prd-hor-simple .prd-img-area .prd-big-circle-labels [class^='label-'] { line-height: 18px; } .prd-horgrid .prd .prd-img-area [class*='circle-label-']+[class*='circle-label-'], .prd-hor .prd-img-area [class*='circle-label-']+[class*='circle-label-'], .prd-hor-simple .prd-img-area [class*='circle-label-']+[class*='circle-label-'] { margin-top: 8px; } } .prd-grid.listing-view .prd .prd-img-area { float: left; width: calc(31.8% - 15px); margin-right: 15px; } .prd-listview .prd .prd-img-area { overflow: visible; max-width: 23%; height: 100%; -ms-flex: 0 0 23%; flex: 0 0 23%; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .prd-listview .prd .prd-img-area { max-width: 220px; -ms-flex: 0 0 220px; flex: 0 0 220px; } } @media (max-width: 575px) { .prd-listview .prd .prd-img-area { max-width: 140px; -ms-flex: 0 0 140px; flex: 0 0 140px; } } .prd-listview .prd .prd-img-area .circle-label-compare, .prd-listview .prd .prd-img-area .circle-label-qview { display: none !important; } .prd-listview .prd .prd-img-area .colorswatch-label { margin: 0; } .prd-listview .prd .prd-img-area:hover .prd-circle-labels { pointer-events: all; opacity: 1; } .prd-listview .prd.prd-off-description .prd-img-area { max-width: 23%; -ms-flex: 0 0 23%; flex: 0 0 23%; } @media (max-width: 767px) { .prd-listview .prd.prd-off-description .prd-img-area { max-width: 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; } } .prd.prd-hor-simple .prd-img-area { min-width: 49.9% !important; margin: 0 !important; } .prd-hor--lg .prd-img-area .prd-card_countdown { display: block; } .prd-hor.prd-hor--lg .prd-img-area { min-width: calc(44.9% - 30px); } .prd-hor.prd-hor--lg .prd-img-area .prd-card_countdown { display: none; } .creative-product-carousel .prd-img-area { overflow: visible; max-width: 350px; margin-right: auto; margin-left: auto; } .creative-product-carousel-wrap-single .prd-img-area-col.animated { animation-duration: .75s; } .has-prd-shadow .prd:not(.prd-hor) .prd-img-area { box-shadow: 0 0 16px rgba(0, 0, 0, .05); } .has-rounded-elements .prd-horgrid .prd:not(.prd-hor--lg) .prd-img-area, .has-rounded-elements .prd-hor:not(.prd-hor--lg) .prd-img-area, .has-rounded-elements .prd-hor-simple .prd-img-area, .has-rounded-elements .prd:not(.prd-hor) .prd-img-area { border-radius: 15px; } body.equal-height .prd-img:not(.prd-img--noequal) .image-container { padding-bottom: 128.48% !important; } body.equal-height .prd-img:not(.prd-img--noequal) { overflow: hidden; height: 0; padding-bottom: 128.48% !important; } body.equal-height .prd-img:not(.prd-img--noequal) img { position: absolute; right: 0; left: 0; width: auto; height: 100%; margin: 0 auto; object-fit: contain; } body.equal-height .prd-img.prd-img--noequal, body:not(.equal-height) .prd-img.prd-img--noequal { padding-bottom: 0; } .creative-product-carousel .prd-img { width: 100%; } .creative-product-carousel .prd-img>img { width: auto; max-width: 100%; max-height: 630px; margin-right: auto; margin-left: auto; } .creative-product-carousel .prd-img .image-container+.image-container { position: absolute; z-index: 1; display: block; width: 100%; height: 100%; opacity: 0; } .creative-product-carousel .creative-product-carousel-item>.row>.col:hover .prd-img .image-container:not(:only-of-type) { opacity: 0; } .creative-product-carousel .creative-product-carousel-item>.row>.col:hover .prd-img .image-container+.image-container { opacity: 1 !important; } .creative-product-carousel .creative-product-carousel-item>.row>.col:hover .prd-img>img:not(:only-of-type) { opacity: 0; } .creative-product-carousel .creative-product-carousel-item>.row>.col:hover .prd-img>img+img { opacity: 1 !important; } .prd-img { position: relative; display: -ms-flexbox; display: flex; width: 100%; padding-right: 0; padding-bottom: 128.48%; padding-left: 0; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; } .prd-img img { width: 100%; transition: opacity .2s; } .prd-img img+img { position: absolute; z-index: 1; left: 0; display: block; width: auto; height: 100%; opacity: 0 !important; } .prd-outstock .prd-img img { filter: grayscale(1); } .image-container .foxic-loader { top: 0; right: 0; bottom: 0; left: 0; margin: auto; transition: opacity .3s .2s; opacity: 1; } .image-container img.lazyloaded+.foxic-loader, .image-container img.lazyloading+.foxic-loader { opacity: 0; } .prd .foxic-loader { top: calc(49.9% - 18px); display: none; transition: opacity .3s .2s; opacity: 0; } .prd img.lazyloaded~.prd-big-circle-labels, .prd img.lazyloaded~.prd-big-squared-labels { opacity: 1; } .prd-big-squared-labels { position: absolute; top: 10px; left: 10px; display: -ms-flexbox; display: flex; flex-direction: column; transition: .2s ease .1s; -ms-flex-direction: column; } .prd-big-squared-labels [class*='label-'] { font-size: 11px; font-weight: 600; line-height: 106%; display: -ms-flexbox; display: flex; flex-direction: column; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 44px; padding: 5px 9px; text-transform: uppercase; -ms-flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prd-big-squared-labels [class*='label-']+[class*='label-'] { margin-top: 10px; } .prd-big-squared-labels [class*='label-'].d-none:first-child+[class*='label-'] { margin-top: 0; } .prd-big-squared-labels [class*='label-'] .sale-text { display: block; width: 100%; text-align: center; } .prd-big-squared-labels .label-new { color: #fff; background-color: #33c7fd; } .prd-big-squared-labels .label-sale { color: #fff; background-color: #fb317d; } .prd-big-squared-labels .label-outstock { color: #fff; background-color: #4f4f4f; } @media (max-width: 575px) { .prd-listview .prd.prd-off-description .prd-img-area { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } } .prd-listview .prd .prd-img-area:hover .countdown-box { transform: scale(.5); pointer-events: none; opacity: 0; } .prd-listview .prd .prd-img-area:hover .prd-img img:first-child:not(:only-of-type) { opacity: 0 !important; } .prd-listview .prd .prd-img-area:hover .prd-img img+img { opacity: 1 !important; } .prd-promo:hover .prd-img img:first-child:not(:only-of-type) { opacity: 0 !important; } .prd-promo:hover .prd-img img+img { opacity: 1 !important; } } .prd-vertical-sm .prd-img img, .prd-vertical-simple .prd-img img { transition: .2s; } .prd-vertical-sm .prd-img:hover img, .prd-vertical-simple .prd-img:hover img { opacity: .85; } .prd-carousel img { -webkit-transform: translateZ(0) scale(1, 1); } .prd img.lazyload~.prd-big-circle-labels, .prd img.lazyloading~.prd-big-circle-labels, .prd img.lazyload~.prd-big-squared-labels, .prd img.lazyloading~.prd-big-squared-labels { opacity: 0; } .prd-info .prd-circle-labels { display: none !important; } @media (min-width: 992px) { .prd-labels, .prd-circle-labels { display: -ms-flexbox; display: flex; flex-direction: column; -ms-flex-direction: column; } .prd-circle-labels { pointer-events: none; opacity: 0; } .prd-labels { position: absolute; top: 5px; left: 5px; } .prd-circle-labels { position: absolute; z-index: 1; top: 5px; right: 5px; transition: .2s; transform: translate3d(40px, 0, 0); -ms-flex-align: end; align-items: flex-end; } .prd-circle-labels .colorswatch-label { display: -ms-flexbox; display: flex; flex-direction: column; width: 33px; cursor: pointer; border-radius: 17px; background-color: #f7f7f8; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; } .prd-circle-labels .colorswatch-label [class*='icon'] { font-size: 19px; display: -ms-flexbox; display: flex; min-width: 33px; height: 33px; transition: .5s; color: #272727; border-radius: 50%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .prd-circle-labels .colorswatch-label ul { display: -ms-flexbox; display: flex; overflow: hidden; flex-direction: column; max-height: 0; padding: 0; list-style: none; transition: 0s; opacity: 0; -ms-flex-direction: column; -ms-flex-pack: center; justify-content: center; } .prd-circle-labels .colorswatch-label ul img { display: block; width: 10px; height: 10px; margin: 5px auto; border-radius: 50%; } .prd-circle-labels .colorswatch-label ul img:hover { width: 12px; height: 12px; margin: 4px auto; } .prd-circle-labels .colorswatch-label.colorswatch-label--variants ul li { width: 20px; height: 20px; margin: 5px auto; } .prd-circle-labels .colorswatch-label.colorswatch-label--variants ul li:hover { width: 24px; height: 24px; margin: 3px auto; } .prd-circle-labels .colorswatch-label.colorswatch-label--variants ul li:hover img { margin: 0; } .prd-circle-labels .colorswatch-label.colorswatch-label--variants ul li>* { display: block; overflow: hidden; width: 100%; height: 100%; cursor: pointer; text-decoration: none; border-radius: 50%; } .prd-circle-labels .colorswatch-label.colorswatch-label--variants ul li img { position: relative; display: block; width: 100%; height: 100%; margin: 0; -webkit-transform: translateZ(0) scale(1, 1); -webkit-backface-visibility: hidden; object-fit: contain; } .prd-circle-labels .colorswatch-label:hover [class*='icon'] { transform: rotate(360deg); } .prd-circle-labels .colorswatch-label:hover ul { max-height: none; margin: 2px 0 7px; transition: opacity .5s; opacity: 1; } .prd .color-swatch { position: absolute; z-index: 2; bottom: 5px; left: 2px; /*display: -ms-flexbox;*/ display: none; flex-direction: column-reverse; max-height: calc(100% - 10px); transition: transform .2s, opacity .3s .1s; transform: translate3d(-110%, 0, 0); pointer-events: none; opacity: 0; -ms-flex-direction: column-reverse; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 992px) { .prd.hovered .prd-big-circle-labels, .prd.hovered .prd-big-squared-labels { transition: .1s ease 0s !important; pointer-events: none; opacity: 0 !important; } .prd-promo.prd-promo--lg .prd-img img { display: -ms-flexbox; display: flex; width: auto; max-height: 485px; margin-right: auto; margin-left: auto; } .prd.hovered .prd-img img:first-child:not(:only-of-type) { opacity: 0 !important; } .prd.hovered .prd-img img+img { opacity: 1 !important; } .prd-promo .prd-img-area:hover .prd-circle-labels { pointer-events: all; opacity: 1; } .prd-promo.prd-promo--lg .prd-img-area { display: -ms-inline-flexbox; display: inline-flex; } .prd-promo:hover .prd-quickview { pointer-events: all; opacity: 1; } .prd-promo:hover .prd-circle-labels { transform: translate3d(0, 0, 0); pointer-events: all; opacity: 1; } } .prd .prd-description { display: none; } .prd-grid.listing-view .prd .prd-description { font-size: 13px; line-height: 1.333em; margin-top: 10px; } .prd-grid.listing-view .prd .prd-description+* { margin-top: 20px; } @media (max-width: 991px) { .prd-grid .prd:not(.prd-hor):not(.prd-hor-simple) .prd-img-area, [class*='prd-carousel'] .prd:not(.prd-hor):not(.prd-hor-simple) .prd-img-area, .prd-promo .prd-img-area { display: block; } } .prd-listview .prd .prd-description { font-size: 15px; line-height: 23px; display: block; margin-top: 23px; } @media (max-width: 767px) { .prd-listview .prd .prd-description { font-size: 13px; line-height: 18px; margin-top: 15px; } } .prd-listview .prd .prd-description [class^='mt-'] { margin-top: 15px !important; } .prd .prd-info-top { display: none; } .prd-horgrid .prd .prd-info-top, .prd-hor .prd-info-top, .prd-hor-simple .prd-info-top { display: block; } .prd-horgrid .prd .prd-info-top+.prd-rating, .prd-hor .prd-info-top+.prd-rating, .prd-hor-simple .prd-info-top+.prd-rating { display: none; } .prd-listview .prd .prd-info-top { display: block; } .prd .prd-info-wrap .prd-action { display: none; } .prd-listview .prd .prd-info-wrap .prd-action { display: -ms-flexbox; display: flex; } .prd-listview .prd .prd-info-top+.prd-rating { display: none; } @media (max-width: 575px) { .prd-grid, .prd-horgrid { margin-right: -5px; margin-left: -5px; } } .fix_img img { width: 100%; height: auto; } .maicat { padding: 50px 0px; } .cat_box { overflow: hidden; } .cat_box img { transition: transform .5s ease .05s, opacity .3s !important; } .catbox:hover .cat_box img { transition: transform .5s ease .05s, opacity .3s !important; transform: scale3d(1.075, 1.075, 1); } .collection-grid-3-caption-bg { position: absolute; z-index: 1; top: 50%; left: 50%; padding: 10px 15px; box-shadow: 0 2px 22px rgba(0, 0, 0, .16); transform: translate(-50%, -50%); text-align: center; background: rgba(255, 255, 255, .9); } .collection-grid-3-title { font-size: 18px; font-weight: bold; line-height: 1.2em; margin-bottom: 5px; color: #282828; } .collection-grid-3-subtitle { font-size: 13px; font-weight: 400; line-height: 1.2em; margin-bottom: 0; color: #8d92a3; } @media (max-width:768px) { .collection-grid-3-caption-bg { padding: 5px; } .collection-grid-3-title { font-size: 12px; } .collection-grid-3-subtitle { font-size: 10px; word-wrap: break-word; } } .about_bxd h1 { font-size: 20px; margin-bottom: 15px; } .about_bxd p { font-size: 13px; font-weight: 600; margin-bottom: 10px; } .about_bxd h4 { margin-bottom: 5px; } .about_bxd h4 { margin-bottom: 5px; } .about_bxd li { list-style-type: auto; margin-bottom: 4px; font-size: 13px; font-weight: 600; } .subcatpro { padding: 50px 0px; } .prd-grid, .prd-horgrid { position: relative; z-index: 2; margin: 0 -15px 0; padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prd-carousel * { -webkit-backface-visibility: hidden; backface-visibility: hidden; } @supports not (-webkit-overflow-scrolling: touch) { .prd-grid:before, .prd-grid:after { display: table; content: ''; } .prd-grid:after { clear: both; } } .prd-block:not(.prd-block--prv-left):not(.prd-block--prv-right) .product-previews-wrapper .slick-track { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .slick-vertical.fixedOnSelect .slick-track { transform: none !important; } .prd-block:not(.prd-block--prv-left):not(.prd-block--prv-right).product-previews-carousel .slick-track { display: -ms-flexbox; display: flex; } .prd-block:not(.prd-block--prv-left):not(.prd-block--prv-right) .product-previews-wrapper .slick-track { -ms-flex-align: inherit !important; align-items: inherit !important; } .slick-track { margin: 0 auto; touch-action: pan-y; -ms-touch-action: pan-y; } .prd-grid.slick-initialized[class*='data-to-show'] .prd.slick-slide { width: auto; max-width: none; } .prd-horgrid .prd .prd-inside, .prd-hor .prd-inside, .prd-hor-simple .prd-inside { display: -ms-flexbox; display: flex; background-color: #fff; -ms-flex-align: center; align-items: center; } .prd-grid.listing-view .prd .prd-inside { overflow: hidden; padding: 0; } .prd-listview .prd .prd-inside { display: -ms-flexbox; display: flex; } .has-rounded-elements .prd .prd-inside .prd-img { border-radius: 15px; } .has-rounded-elements .prd .prd-inside { overflow: visible; border-radius: 15px; } .prd .prd-inside { overflow: hidden; background-color: #fff; } .prd-img-area { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .prd-img-area .label-wishlist { transition: opacity .4s ease .1s; opacity: 0; } .prd-horgrid .prd .prd-img-area, .prd-hor .prd-img-area, .prd-hor-simple .prd-img-area { min-width: calc(49.9% - 30px); height: auto; margin: 0 30px 0 0; } @media (max-width: 1860px) { .prd-horgrid .prd .prd-img-area .prd-big-circle-labels [class^='label-'], .prd-hor .prd-img-area .prd-big-circle-labels [class^='label-'], .prd-hor-simple .prd-img-area .prd-big-circle-labels [class^='label-'] { line-height: 18px; } .prd-horgrid .prd .prd-img-area [class*='circle-label-']+[class*='circle-label-'], .prd-hor .prd-img-area [class*='circle-label-']+[class*='circle-label-'], .prd-hor-simple .prd-img-area [class*='circle-label-']+[class*='circle-label-'] { margin-top: 8px; } } .prd-grid.listing-view .prd .prd-img-area { float: left; width: calc(31.8% - 15px); margin-right: 15px; } .prd-listview .prd .prd-img-area { overflow: visible; max-width: 23%; height: 100%; -ms-flex: 0 0 23%; flex: 0 0 23%; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .prd-listview .prd .prd-img-area { max-width: 220px; -ms-flex: 0 0 220px; flex: 0 0 220px; } } @media (max-width: 575px) { .prd-listview .prd .prd-img-area { max-width: 140px; -ms-flex: 0 0 140px; flex: 0 0 140px; } } .prd-listview .prd .prd-img-area .circle-label-compare, .prd-listview .prd .prd-img-area .circle-label-qview { display: none !important; } .prd-listview .prd .prd-img-area .colorswatch-label { margin: 0; } .prd-listview .prd .prd-img-area:hover .prd-circle-labels { pointer-events: all; opacity: 1; } .prd-listview .prd.prd-off-description .prd-img-area { max-width: 23%; -ms-flex: 0 0 23%; flex: 0 0 23%; } @media (max-width: 767px) { .prd-listview .prd.prd-off-description .prd-img-area { max-width: 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; } } .prd.prd-hor-simple .prd-img-area { min-width: 49.9% !important; margin: 0 !important; } .prd-hor--lg .prd-img-area .prd-card_countdown { display: block; } .prd-hor.prd-hor--lg .prd-img-area { min-width: calc(44.9% - 30px); } .prd-hor.prd-hor--lg .prd-img-area .prd-card_countdown { display: none; } .creative-product-carousel .prd-img-area { overflow: visible; max-width: 350px; margin-right: auto; margin-left: auto; } .creative-product-carousel-wrap-single .prd-img-area-col.animated { animation-duration: .75s; } .has-prd-shadow .prd:not(.prd-hor) .prd-img-area { box-shadow: 0 0 16px rgba(0, 0, 0, .05); } .has-rounded-elements .prd-horgrid .prd:not(.prd-hor--lg) .prd-img-area, .has-rounded-elements .prd-hor:not(.prd-hor--lg) .prd-img-area, .has-rounded-elements .prd-hor-simple .prd-img-area, .has-rounded-elements .prd:not(.prd-hor) .prd-img-area { border-radius: 15px; } body.equal-height .prd-img:not(.prd-img--noequal) .image-container { padding-bottom: 128.48% !important; } body.equal-height .prd-img:not(.prd-img--noequal) { overflow: hidden; height: 0; padding-bottom: 128.48% !important; } body.equal-height .prd-img:not(.prd-img--noequal) img { position: absolute; right: 0; left: 0; width: auto; height: 100%; margin: 0 auto; object-fit: contain; } body.equal-height .prd-img.prd-img--noequal, body:not(.equal-height) .prd-img.prd-img--noequal { padding-bottom: 0; } .creative-product-carousel .prd-img { width: 100%; } .creative-product-carousel .prd-img>img { width: auto; max-width: 100%; max-height: 630px; margin-right: auto; margin-left: auto; } .creative-product-carousel .prd-img .image-container+.image-container { position: absolute; z-index: 1; display: block; width: 100%; height: 100%; opacity: 0; } .creative-product-carousel .creative-product-carousel-item>.row>.col:hover .prd-img .image-container:not(:only-of-type) { opacity: 0; } .creative-product-carousel .creative-product-carousel-item>.row>.col:hover .prd-img .image-container+.image-container { opacity: 1 !important; } .creative-product-carousel .creative-product-carousel-item>.row>.col:hover .prd-img>img:not(:only-of-type) { opacity: 0; } .creative-product-carousel .creative-product-carousel-item>.row>.col:hover .prd-img>img+img { opacity: 1 !important; } .prd-img { position: relative; display: -ms-flexbox; display: flex; width: 100%; padding-right: 0; padding-bottom: 128.48%; padding-left: 0; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; } .prd-img img { width: 100%; transition: opacity .2s; } .prd-img img+img { position: absolute; z-index: 1; left: 0; display: block; width: auto; height: 100%; opacity: 0 !important; } .prd-outstock .prd-img img { filter: grayscale(1); } .image-container .foxic-loader { top: 0; right: 0; bottom: 0; left: 0; margin: auto; transition: opacity .3s .2s; opacity: 1; } .image-container img.lazyloaded+.foxic-loader, .image-container img.lazyloading+.foxic-loader { opacity: 0; } .prd .foxic-loader { top: calc(49.9% - 18px); display: none; transition: opacity .3s .2s; opacity: 0; } .prd img.lazyloaded~.prd-big-circle-labels, .prd img.lazyloaded~.prd-big-squared-labels { opacity: 1; } .prd-big-squared-labels { position: absolute; top: 10px; left: 10px; display: -ms-flexbox; display: flex; flex-direction: column; transition: .2s ease .1s; -ms-flex-direction: column; } .prd-big-squared-labels [class*='label-'] { font-size: 11px; font-weight: 600; line-height: 106%; display: -ms-flexbox; display: flex; flex-direction: column; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 44px; padding: 5px 9px; text-transform: uppercase; -ms-flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prd-big-squared-labels [class*='label-']+[class*='label-'] { margin-top: 10px; } .prd-big-squared-labels [class*='label-'].d-none:first-child+[class*='label-'] { margin-top: 0; } .prd-big-squared-labels [class*='label-'] .sale-text { display: block; width: 100%; text-align: center; } .prd-big-squared-labels .label-new { color: #fff; background-color: #33c7fd; } .prd-big-squared-labels .label-sale { color: #fff; background-color: #fb317d; } .prd-big-squared-labels .label-outstock { color: #fff; background-color: #4f4f4f; } @media (max-width: 575px) { .prd-listview .prd.prd-off-description .prd-img-area { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } } .prd-listview .prd .prd-img-area:hover .countdown-box { transform: scale(.5); pointer-events: none; opacity: 0; } .prd-listview .prd .prd-img-area:hover .prd-img img:first-child:not(:only-of-type) { opacity: 0 !important; } .prd-listview .prd .prd-img-area:hover .prd-img img+img { opacity: 1 !important; } .prd-promo:hover .prd-img img:first-child:not(:only-of-type) { opacity: 0 !important; } .prd-promo:hover .prd-img img+img { opacity: 1 !important; } } .prd-vertical-sm .prd-img img, .prd-vertical-simple .prd-img img { transition: .2s; } .prd-vertical-sm .prd-img:hover img, .prd-vertical-simple .prd-img:hover img { opacity: .85; } .prd-carousel img { -webkit-transform: translateZ(0) scale(1, 1); } .prd img.lazyload~.prd-big-circle-labels, .prd img.lazyloading~.prd-big-circle-labels, .prd img.lazyload~.prd-big-squared-labels, .prd img.lazyloading~.prd-big-squared-labels { opacity: 0; } .prd-info .prd-circle-labels { display: none !important; } @media (min-width: 992px) { .prd-labels, .prd-circle-labels { display: -ms-flexbox; display: flex; flex-direction: column; -ms-flex-direction: column; } .prd-circle-labels { pointer-events: none; opacity: 0; } .prd-labels { position: absolute; top: 5px; left: 5px; } .prd-circle-labels { position: absolute; z-index: 1; top: 5px; right: 5px; transition: .2s; transform: translate3d(40px, 0, 0); -ms-flex-align: end; align-items: flex-end; } .prd-circle-labels .colorswatch-label { display: -ms-flexbox; display: flex; flex-direction: column; width: 33px; cursor: pointer; border-radius: 17px; background-color: #f7f7f8; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; } .prd-circle-labels .colorswatch-label [class*='icon'] { font-size: 19px; display: -ms-flexbox; display: flex; min-width: 33px; height: 33px; transition: .5s; color: #272727; border-radius: 50%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .prd-circle-labels .colorswatch-label ul { display: -ms-flexbox; display: flex; overflow: hidden; flex-direction: column; max-height: 0; padding: 0; list-style: none; transition: 0s; opacity: 0; -ms-flex-direction: column; -ms-flex-pack: center; justify-content: center; } .prd-circle-labels .colorswatch-label ul img { display: block; width: 10px; height: 10px; margin: 5px auto; border-radius: 50%; } .prd-circle-labels .colorswatch-label ul img:hover { width: 12px; height: 12px; margin: 4px auto; } .prd-circle-labels .colorswatch-label.colorswatch-label--variants ul li { width: 20px; height: 20px; margin: 5px auto; } .prd-circle-labels .colorswatch-label.colorswatch-label--variants ul li:hover { width: 24px; height: 24px; margin: 3px auto; } .prd-circle-labels .colorswatch-label.colorswatch-label--variants ul li:hover img { margin: 0; } .prd-circle-labels .colorswatch-label.colorswatch-label--variants ul li>* { display: block; overflow: hidden; width: 100%; height: 100%; cursor: pointer; text-decoration: none; border-radius: 50%; } .prd-circle-labels .colorswatch-label.colorswatch-label--variants ul li img { position: relative; display: block; width: 100%; height: 100%; margin: 0; -webkit-transform: translateZ(0) scale(1, 1); -webkit-backface-visibility: hidden; object-fit: contain; } .prd-circle-labels .colorswatch-label:hover [class*='icon'] { transform: rotate(360deg); } .prd-circle-labels .colorswatch-label:hover ul { max-height: none; margin: 2px 0 7px; transition: opacity .5s; opacity: 1; } .prd .color-swatch { position: absolute; z-index: 2; bottom: 5px; left: 2px; /*display: -ms-flexbox;*/ display: none; flex-direction: column-reverse; max-height: calc(100% - 10px); transition: transform .2s, opacity .3s .1s; transform: translate3d(-110%, 0, 0); pointer-events: none; opacity: 0; -ms-flex-direction: column-reverse; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 992px) { .prd.hovered .prd-big-circle-labels, .prd.hovered .prd-big-squared-labels { transition: .1s ease 0s !important; pointer-events: none; opacity: 0 !important; } .prd-promo.prd-promo--lg .prd-img img { display: -ms-flexbox; display: flex; width: auto; max-height: 485px; margin-right: auto; margin-left: auto; } .prd.hovered .prd-img img:first-child:not(:only-of-type) { opacity: 0 !important; } .prd.hovered .prd-img img+img { opacity: 1 !important; } .prd-promo .prd-img-area:hover .prd-circle-labels { pointer-events: all; opacity: 1; } .prd-promo.prd-promo--lg .prd-img-area { display: -ms-inline-flexbox; display: inline-flex; } .prd-promo:hover .prd-quickview { pointer-events: all; opacity: 1; } .prd-promo:hover .prd-circle-labels { transform: translate3d(0, 0, 0); pointer-events: all; opacity: 1; } } .prd .prd-description { display: none; } .prd-grid.listing-view .prd .prd-description { font-size: 13px; line-height: 1.333em; margin-top: 10px; } .prd-grid.listing-view .prd .prd-description+* { margin-top: 20px; } @media (max-width: 991px) { .prd-grid .prd:not(.prd-hor):not(.prd-hor-simple) .prd-img-area, [class*='prd-carousel'] .prd:not(.prd-hor):not(.prd-hor-simple) .prd-img-area, .prd-promo .prd-img-area { display: block; } } .prd-listview .prd .prd-description { font-size: 15px; line-height: 23px; display: block; margin-top: 23px; } @media (max-width: 767px) { .prd-listview .prd .prd-description { font-size: 13px; line-height: 18px; margin-top: 15px; } } .prd-listview .prd .prd-description [class^='mt-'] { margin-top: 15px !important; } .prd .prd-info-top { display: none; } .prd-horgrid .prd .prd-info-top, .prd-hor .prd-info-top, .prd-hor-simple .prd-info-top { display: block; } .prd-horgrid .prd .prd-info-top+.prd-rating, .prd-hor .prd-info-top+.prd-rating, .prd-hor-simple .prd-info-top+.prd-rating { display: none; } .prd-listview .prd .prd-info-top { display: block; } .prd .prd-info-wrap .prd-action { display: none; } .prd-listview .prd .prd-info-wrap .prd-action { display: -ms-flexbox; display: flex; } .prd-listview .prd .prd-info-top+.prd-rating { display: none; } @media (max-width: 575px) { .prd-grid, .prd-horgrid { margin-right: -5px; margin-left: -5px; } } .subcatpro { padding: 50px 0px; } .prd-grid, .prd-horgrid { position: relative; z-index: 2; margin: 0 -15px 0; padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prd-carousel * { -webkit-backface-visibility: hidden; backface-visibility: hidden; } @supports not (-webkit-overflow-scrolling: touch) { .prd-grid:before, .prd-grid:after { display: table; content: ''; } .prd-grid:after { clear: both; } } .prd-block:not(.prd-block--prv-left):not(.prd-block--prv-right) .product-previews-wrapper .slick-track { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .slick-vertical.fixedOnSelect .slick-track { transform: none !important; } .prd-block:not(.prd-block--prv-left):not(.prd-block--prv-right).product-previews-carousel .slick-track { display: -ms-flexbox; display: flex; } .prd-block:not(.prd-block--prv-left):not(.prd-block--prv-right) .product-previews-wrapper .slick-track { -ms-flex-align: inherit !important; align-items: inherit !important; } .slick-track { margin: 0 auto; touch-action: pan-y; -ms-touch-action: pan-y; } .prd-grid.slick-initialized[class*='data-to-show'] .prd.slick-slide { width: auto; max-width: none; } .prd-horgrid .prd .prd-inside, .prd-hor .prd-inside, .prd-hor-simple .prd-inside { display: -ms-flexbox; display: flex; background-color: #fff; -ms-flex-align: center; align-items: center; } .prd-grid.listing-view .prd .prd-inside { overflow: hidden; padding: 0; } .prd-listview .prd .prd-inside { display: -ms-flexbox; display: flex; } .has-rounded-elements .prd .prd-inside .prd-img { border-radius: 15px; } .has-rounded-elements .prd .prd-inside { overflow: visible; border-radius: 15px; } .prd .prd-inside { overflow: hidden; background-color: #fff; } .prd-img-area { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .prd-img-area .label-wishlist { transition: opacity .4s ease .1s; opacity: 0; } .prd-horgrid .prd .prd-img-area, .prd-hor .prd-img-area, .prd-hor-simple .prd-img-area { min-width: calc(49.9% - 30px); height: auto; margin: 0 30px 0 0; } @media (max-width: 1860px) { .prd-horgrid .prd .prd-img-area .prd-big-circle-labels [class^='label-'], .prd-hor .prd-img-area .prd-big-circle-labels [class^='label-'], .prd-hor-simple .prd-img-area .prd-big-circle-labels [class^='label-'] { line-height: 18px; } .prd-horgrid .prd .prd-img-area [class*='circle-label-']+[class*='circle-label-'], .prd-hor .prd-img-area [class*='circle-label-']+[class*='circle-label-'], .prd-hor-simple .prd-img-area [class*='circle-label-']+[class*='circle-label-'] { margin-top: 8px; } } .prd-grid.listing-view .prd .prd-img-area { float: left; width: calc(31.8% - 15px); margin-right: 15px; } .prd-listview .prd .prd-img-area { overflow: visible; max-width: 23%; height: 100%; -ms-flex: 0 0 23%; flex: 0 0 23%; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .prd-listview .prd .prd-img-area { max-width: 220px; -ms-flex: 0 0 220px; flex: 0 0 220px; } } @media (max-width: 575px) { .prd-listview .prd .prd-img-area { max-width: 140px; -ms-flex: 0 0 140px; flex: 0 0 140px; } } .prd-listview .prd .prd-img-area .circle-label-compare, .prd-listview .prd .prd-img-area .circle-label-qview { display: none !important; } .prd-listview .prd .prd-img-area .colorswatch-label { margin: 0; } .prd-listview .prd .prd-img-area:hover .prd-circle-labels { pointer-events: all; opacity: 1; } .prd-listview .prd.prd-off-description .prd-img-area { max-width: 23%; -ms-flex: 0 0 23%; flex: 0 0 23%; } @media (max-width: 767px) { .prd-listview .prd.prd-off-description .prd-img-area { max-width: 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; } } .prd.prd-hor-simple .prd-img-area { min-width: 49.9% !important; margin: 0 !important; } .prd-hor--lg .prd-img-area .prd-card_countdown { display: block; } .prd-hor.prd-hor--lg .prd-img-area { min-width: calc(44.9% - 30px); } .prd-hor.prd-hor--lg .prd-img-area .prd-card_countdown { display: none; } .creative-product-carousel .prd-img-area { overflow: visible; max-width: 350px; margin-right: auto; margin-left: auto; } .creative-product-carousel-wrap-single .prd-img-area-col.animated { animation-duration: .75s; } .has-prd-shadow .prd:not(.prd-hor) .prd-img-area { box-shadow: 0 0 16px rgba(0, 0, 0, .05); } .has-rounded-elements .prd-horgrid .prd:not(.prd-hor--lg) .prd-img-area, .has-rounded-elements .prd-hor:not(.prd-hor--lg) .prd-img-area, .has-rounded-elements .prd-hor-simple .prd-img-area, .has-rounded-elements .prd:not(.prd-hor) .prd-img-area { border-radius: 15px; } body.equal-height .prd-img:not(.prd-img--noequal) .image-container { padding-bottom: 128.48% !important; } body.equal-height .prd-img:not(.prd-img--noequal) { overflow: hidden; height: 0; padding-bottom: 128.48% !important; } body.equal-height .prd-img:not(.prd-img--noequal) img { position: absolute; right: 0; left: 0; width: auto; height: 100%; margin: 0 auto; object-fit: contain; } body.equal-height .prd-img.prd-img--noequal, body:not(.equal-height) .prd-img.prd-img--noequal { padding-bottom: 0; } .creative-product-carousel .prd-img { width: 100%; } .creative-product-carousel .prd-img>img { width: auto; max-width: 100%; max-height: 630px; margin-right: auto; margin-left: auto; } .creative-product-carousel .prd-img .image-container+.image-container { position: absolute; z-index: 1; display: block; width: 100%; height: 100%; opacity: 0; } .creative-product-carousel .creative-product-carousel-item>.row>.col:hover .prd-img .image-container:not(:only-of-type) { opacity: 0; } .creative-product-carousel .creative-product-carousel-item>.row>.col:hover .prd-img .image-container+.image-container { opacity: 1 !important; } .creative-product-carousel .creative-product-carousel-item>.row>.col:hover .prd-img>img:not(:only-of-type) { opacity: 0; } .creative-product-carousel .creative-product-carousel-item>.row>.col:hover .prd-img>img+img { opacity: 1 !important; } .prd-img { position: relative; display: -ms-flexbox; display: flex; width: 100%; padding-right: 0; padding-bottom: 128.48%; padding-left: 0; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; } .prd-img img { width: 100%; transition: opacity .2s; } .prd-img img+img { position: absolute; z-index: 1; left: 0; display: block; width: auto; height: 100%; opacity: 0 !important; } .prd-outstock .prd-img img { filter: grayscale(1); } .image-container .foxic-loader { top: 0; right: 0; bottom: 0; left: 0; margin: auto; transition: opacity .3s .2s; opacity: 1; } .image-container img.lazyloaded+.foxic-loader, .image-container img.lazyloading+.foxic-loader { opacity: 0; } .prd .foxic-loader { top: calc(49.9% - 18px); display: none; transition: opacity .3s .2s; opacity: 0; } .prd img.lazyloaded~.prd-big-circle-labels, .prd img.lazyloaded~.prd-big-squared-labels { opacity: 1; } .prd-big-squared-labels { position: absolute; top: 10px; left: 10px; display: -ms-flexbox; display: flex; flex-direction: column; transition: .2s ease .1s; -ms-flex-direction: column; } .prd-big-squared-labels [class*='label-'] { font-size: 11px; font-weight: 600; line-height: 106%; display: -ms-flexbox; display: flex; flex-direction: column; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 44px; padding: 5px 9px; text-transform: uppercase; -ms-flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prd-big-squared-labels [class*='label-']+[class*='label-'] { margin-top: 10px; } .prd-big-squared-labels [class*='label-'].d-none:first-child+[class*='label-'] { margin-top: 0; } .prd-big-squared-labels [class*='label-'] .sale-text { display: block; width: 100%; text-align: center; } .prd-big-squared-labels .label-new { color: #fff; background-color: #33c7fd; } .prd-big-squared-labels .label-sale { color: #fff; background-color: #fb317d; } .prd-big-squared-labels .label-outstock { color: #fff; background-color: #4f4f4f; } @media (max-width: 575px) { .prd-listview .prd.prd-off-description .prd-img-area { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } } .prd-listview .prd .prd-img-area:hover .countdown-box { transform: scale(.5); pointer-events: none; opacity: 0; } .prd-listview .prd .prd-img-area:hover .prd-img img:first-child:not(:only-of-type) { opacity: 0 !important; } .prd-listview .prd .prd-img-area:hover .prd-img img+img { opacity: 1 !important; } .prd-promo:hover .prd-img img:first-child:not(:only-of-type) { opacity: 0 !important; } .prd-promo:hover .prd-img img+img { opacity: 1 !important; } } .prd-vertical-sm .prd-img img, .prd-vertical-simple .prd-img img { transition: .2s; } .prd-vertical-sm .prd-img:hover img, .prd-vertical-simple .prd-img:hover img { opacity: .85; } .prd-carousel img { -webkit-transform: translateZ(0) scale(1, 1); } .prd img.lazyload~.prd-big-circle-labels, .prd img.lazyloading~.prd-big-circle-labels, .prd img.lazyload~.prd-big-squared-labels, .prd img.lazyloading~.prd-big-squared-labels { opacity: 0; } .prd-info .prd-circle-labels { display: none !important; } @media (min-width: 992px) { .prd-labels, .prd-circle-labels { display: -ms-flexbox; display: flex; flex-direction: column; -ms-flex-direction: column; } .prd-circle-labels { pointer-events: none; opacity: 0; } .prd-labels { position: absolute; top: 5px; left: 5px; } .prd-circle-labels { position: absolute; z-index: 1; top: 5px; right: 5px; transition: .2s; transform: translate3d(40px, 0, 0); -ms-flex-align: end; align-items: flex-end; } .prd-circle-labels .colorswatch-label { display: -ms-flexbox; display: flex; flex-direction: column; width: 33px; cursor: pointer; border-radius: 17px; background-color: #f7f7f8; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; } .prd-circle-labels .colorswatch-label [class*='icon'] { font-size: 19px; display: -ms-flexbox; display: flex; min-width: 33px; height: 33px; transition: .5s; color: #272727; border-radius: 50%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .prd-circle-labels .colorswatch-label ul { display: -ms-flexbox; display: flex; overflow: hidden; flex-direction: column; max-height: 0; padding: 0; list-style: none; transition: 0s; opacity: 0; -ms-flex-direction: column; -ms-flex-pack: center; justify-content: center; } .prd-circle-labels .colorswatch-label ul img { display: block; width: 10px; height: 10px; margin: 5px auto; border-radius: 50%; } .prd-circle-labels .colorswatch-label ul img:hover { width: 12px; height: 12px; margin: 4px auto; } .prd-circle-labels .colorswatch-label.colorswatch-label--variants ul li { width: 20px; height: 20px; margin: 5px auto; } .prd-circle-labels .colorswatch-label.colorswatch-label--variants ul li:hover { width: 24px; height: 24px; margin: 3px auto; } .prd-circle-labels .colorswatch-label.colorswatch-label--variants ul li:hover img { margin: 0; } .prd-circle-labels .colorswatch-label.colorswatch-label--variants ul li>* { display: block; overflow: hidden; width: 100%; height: 100%; cursor: pointer; text-decoration: none; border-radius: 50%; } .prd-circle-labels .colorswatch-label.colorswatch-label--variants ul li img { position: relative; display: block; width: 100%; height: 100%; margin: 0; -webkit-transform: translateZ(0) scale(1, 1); -webkit-backface-visibility: hidden; object-fit: contain; } .prd-circle-labels .colorswatch-label:hover [class*='icon'] { transform: rotate(360deg); } .prd-circle-labels .colorswatch-label:hover ul { max-height: none; margin: 2px 0 7px; transition: opacity .5s; opacity: 1; } .prd .color-swatch { position: absolute; z-index: 2; bottom: 5px; left: 2px; /*display: -ms-flexbox;*/ display: none; flex-direction: column-reverse; max-height: calc(100% - 10px); transition: transform .2s, opacity .3s .1s; transform: translate3d(-110%, 0, 0); pointer-events: none; opacity: 0; -ms-flex-direction: column-reverse; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 992px) { .prd.hovered .prd-big-circle-labels, .prd.hovered .prd-big-squared-labels { transition: .1s ease 0s !important; pointer-events: none; opacity: 0 !important; } .prd-promo.prd-promo--lg .prd-img img { display: -ms-flexbox; display: flex; width: auto; max-height: 485px; margin-right: auto; margin-left: auto; } .prd.hovered .prd-img img:first-child:not(:only-of-type) { opacity: 0 !important; } .prd.hovered .prd-img img+img { opacity: 1 !important; } .prd-promo .prd-img-area:hover .prd-circle-labels { pointer-events: all; opacity: 1; } .prd-promo.prd-promo--lg .prd-img-area { display: -ms-inline-flexbox; display: inline-flex; } .prd-promo:hover .prd-quickview { pointer-events: all; opacity: 1; } .prd-promo:hover .prd-circle-labels { transform: translate3d(0, 0, 0); pointer-events: all; opacity: 1; } } .prd .prd-description { display: none; } .prd-grid.listing-view .prd .prd-description { font-size: 13px; line-height: 1.333em; margin-top: 10px; } .prd-grid.listing-view .prd .prd-description+* { margin-top: 20px; } @media (max-width: 991px) { .prd-grid .prd:not(.prd-hor):not(.prd-hor-simple) .prd-img-area, [class*='prd-carousel'] .prd:not(.prd-hor):not(.prd-hor-simple) .prd-img-area, .prd-promo .prd-img-area { display: block; } } .prd-listview .prd .prd-description { font-size: 15px; line-height: 23px; display: block; margin-top: 23px; } @media (max-width: 767px) { .prd-listview .prd .prd-description { font-size: 13px; line-height: 18px; margin-top: 15px; } } .prd-listview .prd .prd-description [class^='mt-'] { margin-top: 15px !important; } .prd .prd-info-top { display: none; } .prd-horgrid .prd .prd-info-top, .prd-hor .prd-info-top, .prd-hor-simple .prd-info-top { display: block; } .prd-horgrid .prd .prd-info-top+.prd-rating, .prd-hor .prd-info-top+.prd-rating, .prd-hor-simple .prd-info-top+.prd-rating { display: none; } .prd-listview .prd .prd-info-top { display: block; } .prd .prd-info-wrap .prd-action { display: none; } .prd-listview .prd .prd-info-wrap .prd-action { display: -ms-flexbox; display: flex; } .prd-listview .prd .prd-info-top+.prd-rating { display: none; } @media (max-width: 575px) { .prd-grid, .prd-horgrid { margin-right: -5px; margin-left: -5px; } } .populars_link { display:none; margin-top: 30px; } .footerTags h6 { font-size: 20px; } .footerTags a { letter-spacing: 0; text-decoration: none; color: #666; line-height: 20px; padding: 0; display: inline-block; } .footerTags a:after { content: "|"; line-height: 1; font-size: 12px; margin-left: 5px; margin-right: 3px; } .shbrand { padding: 50px 0px; } .brand-grid { display: -ms-flexbox; display: flex; margin: -30px -15px 0; padding: 0; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 575px) { .brand-grid { margin-top: -15px; } } .brand-grid li { padding: 0; } .brand-grid img, .brand-grid .placeholder-svg { width: calc(100% - 30px); margin: 30px 15px 0; transition: .5s; } @media (max-width: 575px) { .brand-grid img, .brand-grid .placeholder-svg { margin-top: 15px; } } .brand-grid .placeholder-svg { max-width: calc(100% - 30px); } .brand-grid li { max-width: 16.667%; -ms-flex: 0 0 16.667%; flex: 0 0 16.667%; } @media (max-width: 991px) { .brand-grid li { max-width: 20.0%; -ms-flex: 0 0 20.0%; flex: 0 0 20.0%; } } @media (max-width: 575px) { .brand-grid li { max-width: 50.0%; -ms-flex: 0 0 50.0%; flex: 0 0 50.0%; } } .brand-grid li .image-container { padding-bottom: calc(37.5% + 30px); } .agesec { padding: 50px 0px; } .shcatbo img { width: 100%; height: auto; transition: transform .5s ease .05s, opacity .3s !important; } .shcatbo:hover img { transition: transform .5s ease .05s, opacity .3s !important; transform: scale3d(1.075, 1.075, 1); box-shadow: 0 2px 22px rgba(0, 0, 0, .16); } @media (max-width:768px) { .agesec { padding: 10px 0px; } .shcatbo { margin-bottom: 20px; } } .shpprice { padding: 50px 0px; } .shcatbo img { width: 100%; height: auto; transition: transform .5s ease .05s, opacity .3s !important; } .shcatbo:hover img { transition: transform .5s ease .05s, opacity .3s !important; transform: scale3d(1.075, 1.075, 1); box-shadow: 0 2px 22px rgba(0, 0, 0, .16); } @media (max-width:768px) { .agesec { padding: 10px 0px; } .shcatbo { margin-bottom: 20px; } } .subslider { padding: 50px 0px; } .subboxo { text-align: center; margin-bottom: 20px; } .subboxo img { width: 160px; height: 160px; border: 5px solid #fff; border-radius: 50%; transition: transform .5s ease .05s, opacity .3s !important; box-shadow: 0 2px 22px rgba(0, 0, 0, .16); } .subboxo:hover img { transition: transform .5s ease .05s, opacity .3s !important; border-color: #57E2E5; } .subboxo:hover .sub_tol { background-color: #57E2E5; color: #fff; } .sub_tol { padding: 10px; box-shadow: 0 2px 22px rgba(0, 0, 0, .16); /* transform: translate(-50%, -50%); */ text-align: center; background: rgba(255, 255, 255, .9); position: relative; margin-top: -15px; } .sub_tol p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis-word; text-overflow: ellipsis; margin-bottom: 0px; } @media (max-width:768px) { .subslider, .subcatpro, .shbrand, .shpprice { padding: 20px 0px; } .subboxo img { width: 100px; height: 100px; } .sub_tol { padding: 5px; font-size: 12px; line-height: 12px; } } .desktop_view_banner { display: block; } /* 15. Plugins */ .slick-slider { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } body.no-loader .bnslider-loader { display: none; } /* 6. Main Slider */ .bnslider-wrapper { position: relative; } .bnslider-wrapper .bnslider-dots .slick-dots li { box-sizing: content-box; width: 27px; height: 27px; margin: 0; padding: 0; vertical-align: top; } .product-main-carousel.slick-slider .slick-track { display: -ms-flexbox; display: flex; } .collection-grid-2:not(.slick-slider) { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .modal--quickview .prd-block--prv-right .slick-slider.slick-vertical .slick-prev, .modal--quickview .prd-block--prv-right .slick-slider.slick-vertical .slick-next { position: static; width: 100%; height: 30px; padding: 0; transform: none; background-color: transparent; } .modal--quickview .prd-block--prv-right .slick-slider.slick-vertical .slick-prev:after, .modal--quickview .prd-block--prv-right .slick-slider.slick-vertical .slick-next:after { display: none; } .modal--quickview .prd-block--prv-right .slick-slider.slick-vertical .slick-prev { margin-bottom: auto; } .modal--quickview .prd-block--prv-right .slick-slider.slick-vertical .slick-next { margin-top: auto; } .modal--quickview .prd-block--prv-right .slick-slider.slick-vertical .slick-next:before, .modal--quickview .prd-block--prv-right .slick-slider.slick-vertical .slick-prev:before { font-size: 7px; color: #5ce1e9; } .modal--quickview .prd-block--prv-right .slick-slider.slick-vertical .slick-prev:before { content: '\ea05'; } .modal--quickview .prd-block--prv-right .slick-slider.slick-vertical .slick-next:before { content: '\ea04'; } body.touch .modal--quickview .prd-block--prv-right .slick-slider.slick-vertical .slick-prev, body.touch .modal--quickview .prd-block--prv-right .slick-slider.slick-vertical .slick-next { visibility: visible; } .bnslider { overflow: hidden; height: 325px; margin-bottom: 0; color: #282828; background: #fff; } .bnslider>* { visibility: hidden; transition: opacity 1s ease; opacity: 0; } .bnslider.slick-initialized>* { visibility: visible; opacity: 1; } .bnslider-link, .bnslider-link:hover, .bnslider-link:focus, .bnslider-link:active { color: inherit !important; } .bnslider.bnslider--fullheight { min-height: 100vh; max-height: 100vh; } @media only screen and (min-width: 768px) { .bnslider { height: 475px; min-height: 475px; } .bnslider.bnslider--md { height: 669px; min-height: 669px; max-height: calc(100vh - 85px); } } @media only screen and (max-width: 767px) { .bnslider { height: 375px; min-height: 375px; max-height: calc(100vh - 85px); } .bnslider.bnslider--md { height: 450px; min-height: 450px; max-height: calc(100vh - 85px); } } .bnslider .bnslider-slide, .bnslider .slick-list, .bnslider .slick-track { height: 100%; } .bnslider:hover .slick-prev, .bnslider:hover .slick-next { opacity: 1; } .bnslider-pause:focus { z-index: 10000; clip: auto; width: auto; height: auto; margin: 0; padding: 27.5px; transition: none; color: #fff; background-color: #7796a8; } .bnslider-pause-stop { display: block; } .is-paused .bnslider-pause-stop { display: none; } .bnslider-pause-play { display: none; } .is-paused .bnslider-pause-play { display: block; } .bnslider-slide { position: relative; overflow: hidden; } .bnslider-image-mobile { display: none; } @media (max-width: 575px) { .bnslider-image-mobile { display: block; } .bnslider-image-mobile+.bnslider-image { display: none; } } .bnslider-image, .bnslider-image-mobile { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; transition: opacity .8s cubic-bezier(.44, .13, .48, .87); opacity: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bnslider-image.bg-left, .bnslider-image-mobile.bg-left { background-position: center left; } .bnslider-image.bg-right, .bnslider-image-mobile.bg-right { background-position: center right; } .bnslider-image.bg-bottom, .bnslider-image-mobile.bg-bottom { background-position: bottom center; } .bnslider-image.bg-top, .bnslider-image-mobile.bg-top { background-position: top center; } .bnslider-image.bg-bottom.bg-left, .bnslider-image-mobile.bg-bottom.bg-left { background-position: bottom left; } .bnslider-image.bg-bottom.bg-right, .bnslider-image-mobile.bg-bottom.bg-right { background-position: bottom right; } .bnslider-image.bg-top.bg-left, .bnslider-image-mobile.bg-top.bg-left { background-position: top left; } .bnslider-image.bg-top.bg-right, .bnslider-image-mobile.bg-top.bg-right { background-position: top right; } .slick-initialized .bnslider-image, .slick-initialized .bnslider-image-mobile, .no-js .bnslider-image { opacity: 1; } .no-autoplay .bnslider-image { opacity: 1; } .ie9 .bnslider-slide { z-index: 1 !important; } .ie9 .slick-dots { z-index: 2; } .bnslider-text-wrap { height: 100%; touch-action: pan-y; -ms-touch-action: pan-y; } .bnslider-text-wrap.w-50 { max-width: 50%; } .bnslider-link .bnslider-text-wrap { cursor: inherit; } .bnslider-link, .bnslider-link:hover { text-decoration: none; } .bnslider-text-content { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .bnslider-text-content a:not(.btn) { cursor: pointer; color: inherit; } .bnslider-text-content a:not(.btn):hover, .bnslider-text-content a:not(.btn):focus { text-decoration: none; color: inherit; } .slick-active .bnslider-text-content, .no-js .bnslider-text-content { opacity: 1; } .bnslider-text-content .bnslider-text-content-flex { display: -ms-flexbox; display: flex; flex-direction: column; height: 100%; padding: 15px 15px 30px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; } @media (max-width: 991px) { .bnslider-text-content .bnslider-text-content-flex.container { padding-right: 30px; padding-left: 30px; } } @media (max-width: 767px) { .bnslider-text-content .bnslider-text-content-flex.container { padding-right: 15px; padding-left: 15px; } } @media (max-width: 575px) { .bnslider-text-content .bnslider-text-content-flex.container { padding-right: 10px; padding-left: 10px; } } .bnslider-text-content.txt-left .bnslider-text-content-flex { -ms-flex-align: start; align-items: flex-start; } .bnslider-text-content.txt-left .bnslider-text-content-flex .bnslider-text2-1, .bnslider-text-content.txt-left .bnslider-text-content-flex .bnslider-text2-2, .bnslider-text-content.txt-left .bnslider-text-content-flex .bnslider-text2-3 { float: left; } .bnslider-text-content.txt-right .bnslider-text-content-flex { -ms-flex-align: end; align-items: flex-end; } .bnslider-text-content.txt-right .bnslider-text-content-flex .bnslider-text2-1, .bnslider-text-content.txt-right .bnslider-text-content-flex .bnslider-text2-2, .bnslider-text-content.txt-right .bnslider-text-content-flex .bnslider-text2-3 { float: right; } .bnslider-text-content.txt-top .bnslider-text-content-flex { -ms-flex-pack: start; justify-content: flex-start; } .bnslider-text-content.txt-bottom .bnslider-text-content-flex { -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 575px) { .bnslider-text-content.txt-left-m .bnslider-text-content-flex { -ms-flex-align: start; align-items: flex-start; } .bnslider-text-content.txt-left-m .bnslider-text-content-flex .bnslider-text2-1, .bnslider-text-content.txt-left-m .bnslider-text-content-flex .bnslider-text2-2, .bnslider-text-content.txt-left-m .bnslider-text-content-flex .bnslider-text2-3 { float: left; } .bnslider-text-content.txt-right-m .bnslider-text-content-flex { -ms-flex-align: end; align-items: flex-end; } .bnslider-text-content.txt-right-m .bnslider-text-content-flex .bnslider-text2-1, .bnslider-text-content.txt-right-m .bnslider-text-content-flex .bnslider-text2-2, .bnslider-text-content.txt-right-m .bnslider-text-content-flex .bnslider-text2-3 { float: right; } .bnslider-text-content.txt-top-m .bnslider-text-content-flex { -ms-flex-pack: start; justify-content: flex-start; } .bnslider-text-content.txt-bottom-m .bnslider-text-content-flex { -ms-flex-pack: end; justify-content: flex-end; } .bnslider-text-content.txt-center-m .bnslider-text-content-flex { -ms-flex-align: center; align-items: center; } .bnslider-text-content.txt-center-m .bnslider-text-content-flex .bnslider-text2-1, .bnslider-text-content.txt-center-m .bnslider-text-content-flex .bnslider-text2-2, .bnslider-text-content.txt-center-m .bnslider-text-content-flex .bnslider-text2-3 { float: none; } .bnslider-text-content.txt-middle-m .bnslider-text-content-flex { -ms-flex-pack: center; justify-content: center; } } body.fullpage-layout .bnslider-text-content .bnslider-text-content-flex { padding: 15px 30px 30px; } @media (max-width: 575px) { body.fullpage-layout .bnslider-text-content .bnslider-text-content-flex { padding: 5px 30px 5px; } } @media (max-width: 991px) { .bnslider--fullheight .bnslider-text-content .bnslider-text-content-flex { font-size: 55px; } } @media (max-width: 575px) { .bnslider--fullheight .bnslider-text-content .bnslider-text-content-flex { font-size: 47px; } } .bnslider-text-content { font-size: 100px; } .bnslider-text-content .bnslider-vert { position: relative; display: -ms-flexbox; display: flex; flex-direction: column; margin: 0 15px; -ms-flex-direction: column; } @media (max-width: 991px) { .bnslider-text-content .bnslider-vert { margin: 0 15px; } } @media (max-width: 767px) { .bnslider-text-content .bnslider-vert { margin: 0; padding: 0 10px; } } @media (max-width: 575px) { .bnslider-text-content .bnslider-vert { margin: 0; padding: 0; } } .bnslider-text-content .bnslider-vert>* { margin-top: 20px; } @media (max-width: 1199px) { .bnslider-text-content .bnslider-vert>* { margin-top: 18px; } } @media (max-width: 991px) { .bnslider-text-content .bnslider-vert>* { margin-top: 15px; } } @media (max-width: 575px) { .bnslider-text-content .bnslider-vert>* { margin-top: 5px; } } .bnslider-text-content .bnslider-vert>*:first-child:not([class*='order-']), .bnslider-text-content .bnslider-vert>*.order-1 { margin-top: 0; } .bnslider-text-content .bnslider-vert>.mt-xs { margin-top: 10px; } @media (max-width: 991px) { .bnslider-text-content .bnslider-vert>.mt-xs { margin-top: 10px; } } @media (max-width: 575px) { .bnslider-text-content .bnslider-vert>.mt-xs { margin-top: 5px; } } .bnslider-text-content .bnslider-vert>.mt-sm { margin-top: 20px; } @media (max-width: 991px) { .bnslider-text-content .bnslider-vert>.mt-sm { margin-top: 15px; } } @media (max-width: 575px) { .bnslider-text-content .bnslider-vert>.mt-sm { margin-top: 5px; } } .bnslider-text-content .bnslider-vert>.mt-md { margin-top: 35px; } @media (max-width: 1199px) { .bnslider-text-content .bnslider-vert>.mt-md { margin-top: 30px; } } @media (max-width: 991px) { .bnslider-text-content .bnslider-vert>.mt-md { margin-top: 20px; } } @media (max-width: 575px) { .bnslider-text-content .bnslider-vert>.mt-md { margin-top: 10px; } } .bnslider-text-content .bnslider-vert>.mt-lg { margin-top: 55px; } @media (max-width: 1199px) { .bnslider-text-content .bnslider-vert>.mt-lg { margin-top: 40px; } } @media (max-width: 991px) { .bnslider-text-content .bnslider-vert>.mt-lg { margin-top: 30px; } } @media (max-width: 575px) { .bnslider-text-content .bnslider-vert>.mt-lg { margin-top: 10px; } } @media (max-width: 575px) { .bnslider-text-content .bnslider-vert>.btn-wrap.mt-lg { margin-top: 17px; } } .bnslider-text-content .bnslider-vert>.mt-xl { margin-top: 85px; } @media (max-width: 1199px) { .bnslider-text-content .bnslider-vert>.mt-xl { margin-top: 65px; } } @media (max-width: 991px) { .bnslider-text-content .bnslider-vert>.mt-xl { margin-top: 35px; } } @media (max-width: 767px) { .bnslider-text-content .bnslider-vert>.mt-xl { margin-top: 30px; } } @media (max-width: 575px) { .bnslider-text-content .bnslider-vert>.mt-xl { margin-top: 15px; } } @media (max-width: 575px) { .bnslider-text-content .bnslider-vert>.btn-wrap.mt-xl { margin-top: 22px; } } .bnslider-text-content .bnslider-vert-bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } @media (max-width: 1599px) { .bnslider-text-content { font-size: 80px; } } @media (max-width: 1499px) { .bnslider-text-content { font-size: 70px; } } @media (max-width: 1399px) { .bnslider-text-content { font-size: 60px; } } @media (max-width: 1199px) { .bnslider-text-content { font-size: 50px; } } @media (max-width: 991px) { .bnslider-text-content { font-size: 44px; } } @media (max-width: 767px) { .bnslider-text-content { font-size: 40px; } } @media (max-width: 575px) { .bnslider-text-content { font-size: 44px; } } @media (max-width: 400px) { .bnslider-text-content { font-size: 44px; } } @media (max-width: 364px) { .bnslider-text-content { font-size: 40px; } } .bnslider-text-content .bnslider-text { line-height: 1.15em; color: #282828; } .bnslider-text-content .bnslider-text .bnslider-text { color: inherit; } .bnslider-text-content .bnslider-text--price { font-family: system-ui; font-size: .55em; font-weight: 600; line-height: 1em; display: -ms-flexbox; display: flex; margin-right: -10px; margin-left: -10px; -ms-flex-align: baseline; align-items: baseline; } .bnslider-text-content .bnslider-text--price>* { top: 0 !important; margin-top: 0; padding: 0 10px; } @media (max-width: 1199px) { .bnslider-text-content .bnslider-text--price { font-size: .65em; } } .bnslider-text-content .bnslider-text--price-text { font-size: .545em; font-weight: 500; line-height: 1em; } .bnslider-text-content .bnslider-text--price-old { font-family: system-ui; font-size: .455em; font-weight: 400; line-height: 1em; margin-top: .25em; } @media (max-width: 1199px) { .bnslider-text-content .bnslider-text--price-old { font-size: .65em; } } .bnslider-text-content .bnslider-text--price-old.through-hor { text-decoration: line-through; } .bnslider-text-content .bnslider-text--price-old.through-diag:after { position: absolute; top: .4em; left: 0; width: 102%; height: 1px; content: ''; transform: rotate(15deg); background: #000; } .bnslider-text-content .bnslider-text--description { font-size: 16px; line-height: 26px; } @media (max-width: 1199px) { .bnslider-text-content .bnslider-text--description { font-size: 15px; line-height: 23px; } } @media (max-width: 991px) { .bnslider-text-content .bnslider-text--description { font-size: 14px; line-height: 20px; } } @media (max-width: 767px) { .bnslider-text-content .bnslider-text--description { font-size: 14px; line-height: 17px; } } .bnslider-text-content .bnslider-text--xxxl { font-size: 1.55em; font-weight: 600; line-height: 1em; } @media (max-width: 575px) { .bnslider-text-content .bnslider-text--xxxl { font-size: 1.25em; } } .bnslider-text-content .bnslider-text--xxl { font-size: 1.25em; font-weight: 600; line-height: 1em; } @media (max-width: 575px) { .bnslider-text-content .bnslider-text--xxl { font-size: 1.1em; } } .bnslider-text-content .bnslider-text--xl { font-size: 1.05em; font-weight: 600; line-height: 1em; margin-top: .25em; } @media (max-width: 575px) { .bnslider-text-content .bnslider-text--xl { font-size: .9em; } } .bnslider-text-content .bnslider-text--lg { font-size: .75em; font-weight: 600; line-height: 1em; } @media (max-width: 575px) { .bnslider-text-content .bnslider-text--lg { font-size: .7em; } } .bnslider-text-content .bnslider-text--md { font-size: .6em; font-weight: 600; line-height: 1em; } @media (max-width: 575px) { .bnslider-text-content .bnslider-text--md { font-size: .6em; } } .bnslider-text-content .bnslider-text--sm { font-size: .4em; font-weight: 700; line-height: 1em; letter-spacing: .05em; } @media (max-width: 575px) { .bnslider-text-content .bnslider-text--sm { font-size: .4em; } } .bnslider-text-content .bnslider-text--xs { font-size: .24em; font-weight: 700; line-height: 1.2em; letter-spacing: .05em; } @media (max-width: 575px) { .bnslider-text-content .bnslider-text--xs { font-size: .24em; } } .bnslider-text-content .bnslider-text--xxs { font-size: .18em; font-weight: 500; letter-spacing: .05em; } @media (max-width: 575px) { .bnslider-text-content .bnslider-text--xxs { font-size: .26em; font-weight: 500 !important; } } .bnslider-text-content .bnslider-text--bg { padding: .2em .4em; } .bnslider-text-content .bnslider-text p { font-size: 14px; line-height: 1.714em; } @media (max-width: 991px) { .bnslider-text-content .bnslider-text p { font-size: 12px; line-height: 1.2em; } } @media (max-width: 575px) { .bnslider-text-content .bnslider-text p { font-size: 12px; } } .bnslider-text-content .bnslider-text p:first-child { margin-top: 0; } .bnslider-text-content .bnslider-text.text-center p { margin: 0 auto; padding: 0 15%; } .bnslider-text-content .bnslider-text.text-left { -ms-flex-item-align: start; align-self: flex-start; } .bnslider-text-content .bnslider-text.text-right { -ms-flex-item-align: end; align-self: flex-end; } .bnslider-text-content .bnslider-text.text-right.bnslider-text--sm { margin-right: -.3em; } .bnslider-text-content .bnslider-text.text-right.bnslider-text--lg { margin-right: -.15em; } .bnslider-text-content .bnslider-text.text-center { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .bnslider-text-content .bnslider-product-text { font-size: .4em; font-weight: 700; line-height: 1.2em; } @media (max-width: 575px) { .bnslider-text-content .bnslider-product-text { font-size: .4em; } } .bnslider-text-content .bnslider-product-text.bnslider-product-name, .bnslider-text-content .bnslider-product-name { font-size: 1.1em; font-weight: 600; line-height: 1.3em; } @media (max-width: 575px) { .bnslider-text-content .bnslider-product-text.bnslider-product-name, .bnslider-text-content .bnslider-product-name { font-size: .8em; } } .text-right .bnslider-text--price-sale, .text-right .bnslider-text--price { -ms-flex-pack: end; justify-content: flex-end; } @media (min-width: 576px) { .text-sm-left.text-right .bnslider-text--price-sale, .text-sm-left.text-right .bnslider-text--price { -ms-flex-pack: start; justify-content: flex-start; } } .text-center .bnslider-text--price-sale, .text-center .bnslider-text--price { -ms-flex-pack: center; justify-content: center; } .bnslider-text--price-sale { font-family: system-ui; font-size: .8em; font-weight: 300; display: -ms-inline-flexbox; display: inline-flex; color: #282828; } .bnslider-text--price-sale .txt { font-size: .35em; font-weight: 400; line-height: 1em; position: relative; top: .5em; } .bnslider-text--price-sale .txt span { position: absolute; top: 35%; left: 0; width: 100%; height: 2px; background-color: #282828; } .bnslider-text--price-sale .txt+* { padding-left: 10px; } .bnslider-slide-product-style1 .bnslider-text-content .bnslider-product-name { font-size: 1em; font-weight: 500; } @media (max-width: 575px) { .bnslider-slide-product-style1 .bnslider-text-content .bnslider-product-name { font-size: .7em; } } .bnslider-slide-product-style1 .bnslider-text-content .bnslider-product-text { font-size: .5em; font-weight: 600; } @media (max-width: 575px) { .bnslider-slide-product-style1 .bnslider-text-content .bnslider-product-text { font-size: .35em; margin-top: 15px; } } .bnslider-slide-product-style1 .bnslider-text-content .bnslider-text--price { font-family: system-ui; font-size: .5em; font-weight: 600; } @media (max-width: 575px) { .bnslider-slide-product-style1 .bnslider-text-content .bnslider-text--price { font-size: .5em; } } .bnslider-slide-product-style1 .bnslider-text-content .bnslider-text--price-old { font-family: system-ui; font-size: .68em; font-weight: 300; } .bnslider-slide-product-style1 .bnslider-text-content .bnslider-text--price-new { color: #5ce1e9; } .bnslider-slide-product-style2 .bnslider-text-content .bnslider-product-name { font-size: .50em; font-weight: 300; position: relative; top: -.3em; } @media (max-width: 575px) { .bnslider-slide-product-style2 .bnslider-text-content .bnslider-product-name { font-weight: 400; top: -.1em; } } .bnslider-slide-product-style2 .bnslider-text-content .bnslider-product-text { font-size: .50em; font-weight: 900; color: #fb317d; } .bnslider-slide-product-style2 .bnslider-text-content .bnslider-text--price-old { font-family: system-ui; font-size: .5em; font-weight: 300; line-height: 1em; position: relative; text-decoration: none; } @media (max-width: 575px) { .bnslider-slide-product-style2 .bnslider-text-content .bnslider-text--price-old { font-size: .6em; } } .bnslider-slide-product-style2 .bnslider-text-content .bnslider-text--price { font-family: system-ui; font-size: .6em; font-weight: 600; line-height: 1em; position: relative; padding-top: 30px; } @media (max-width: 575px) { .bnslider-slide-product-style2 .bnslider-text-content .bnslider-text--price { font-size: .65em; } } @media (max-width: 1199px) { .bnslider-slide-product-style2 .bnslider-text-content .bnslider-text--price { padding-top: 0; } } @media (max-width: 575px) { .bnslider-slide-product-style2 .bnslider-text-content .bnslider-text--price { padding-top: 10px; } } .bnslider-slide-product-style2 .bnslider-text-content .bnslider-text--description { max-width: 755px; margin-top: 30px; } @media (max-width: 1199px) { .bnslider-slide-product-style2 .bnslider-text-content .bnslider-text--description { margin-top: 20px; } } @media (max-width: 991px) { .bnslider-slide-product-style2 .bnslider-text-content .bnslider-text--description { margin-top: 15px; } } @media (max-width: 575px) { .bnslider-slide-product-style2 .bnslider-text-content .bnslider-text--description { margin-top: 10px; } } .bnslider-slide-product-style3 .bnslider-text-content .bnslider-text { color: #fff; } .bnslider-slide-product-style3 .bnslider-text-content .bnslider-product-name { font-size: .60em; font-weight: 500; position: relative; } .bnslider-slide-product-style3 .bnslider-text-content .bnslider-text--price-text { font-size: .50em; } .bnslider-slide-product-style3 .bnslider-text-content .bnslider-text--price-new { color: #fb317d; } .bnslider-slide-product-style3 .bnslider-text-content .bnslider-text--price-old { color: #fff; } .bnslider-slide-product-style3 .bnslider-text-content .bnslider-text--price { font-family: system-ui; font-size: .60em; font-weight: 600; line-height: 1em; position: relative; } .bnslider-slide-product-style3 .bnslider-text-content .bnslider-text--description { max-width: 755px; margin-top: 30px; } .bnslider-slide-product-style4 .bnslider-text-content .bnslider-product-name { font-size: 1.2em; font-weight: 900; position: relative; margin-top: 0; color: #282828; } @media (max-width: 575px) { .bnslider-slide-product-style4 .bnslider-text-content .bnslider-product-name { font-size: .7em; } } .bnslider-slide-product-style4 .bnslider-text-content .bnslider-product-text { font-size: .5em; font-weight: 900; color: #fb317d; } .bnslider-slide-product-style4 .bnslider-text-content .bnslider-text--price-text { font-weight: 500; } @media (max-width: 575px) { .bnslider-slide-product-style4 .bnslider-text-content .bnslider-text--price-text { font-size: .35em; } } .bnslider-slide-product-style4 .bnslider-text-content .bnslider-text--price-old { font-family: system-ui; font-size: .65em; font-weight: 300; line-height: 1em; position: relative; } @media (max-width: 575px) { .bnslider-slide-product-style4 .bnslider-text-content .bnslider-text--price-old { font-size: .7em; } } .bnslider-slide-product-style4 .bnslider-text-content .bnslider-text--price { font-family: system-ui; font-size: .6em; font-weight: 600; line-height: 1em; position: relative; margin-top: 0; } @media (max-width: 575px) { .bnslider-slide-product-style4 .bnslider-text-content .bnslider-text--price { font-size: .5em; } } .bnslider-slide-product-style5 .bnslider-text-content .bnslider-product-text { font-size: .72em; font-weight: 600; color: #282828; } .bnslider-slide-product-style5 .bnslider-text-content .bnslider-product-text-lg { font-size: .9em; font-weight: 300; color: #282828; } .bnslider-slide-product-style6 .bnslider-text-content .bnslider-product-name { font-size: 1.5em; font-weight: 300; line-height: 1em; position: relative; color: #282828; } @media (max-width: 575px) { .bnslider-slide-product-style6 .bnslider-text-content .bnslider-product-name { font-size: .8em; } } .bnslider-slide-product-style6 .bnslider-text-content .bnslider-product-text { font-size: .55em; font-weight: bold; color: #5ce1e9; } .bnslider-slide-product-style6 .bnslider-text-content .bnslider-text--price-old { font-family: system-ui; font-size: .4em; font-weight: 300; line-height: 1em; position: relative; color: #282828; } @media (max-width: 1199px) { .bnslider-slide-product-style6 .bnslider-text-content .bnslider-text--price-old { font-size: .55em; } } @media (max-width: 575px) { .bnslider-slide-product-style6 .bnslider-text-content .bnslider-text--price-old { font-size: .7em; } } .bnslider-slide-product-style6 .bnslider-text-content .bnslider-text--price { font-family: system-ui; font-size: .6em; font-weight: 600; line-height: 1em; color: #5ce1e9; } @media (max-width: 575px) { .bnslider-slide-product-style6 .bnslider-text-content .bnslider-text--price { font-size: .5em; } } .bnslider-dots { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .bnslider-dots .slick-dots { left: 50%; width: auto; transform: translateX(-50%); pointer-events: none; border-radius: 13px; background-color: rgba(255, 255, 255, .55); } .bnslider-dots .slick-dots li { pointer-events: auto; } @media (max-width: 991px) { .bnslider-dots { display: none; } } .bnslider-arrows { position: absolute; top: 50%; right: 0; left: 0; height: 48px; margin-top: -24px; } .bnslider-arrows .slick-arrow { top: 0; width: auto; color: #282828; } .bnslider-arrows .slick-prev, .bnslider-arrows .slick-next { transition: .2s; } .bnslider-arrows .slick-prev, .bnslider-arrows .slick-next { transform: none; } .bnslider-arrows .slick-prev:hover:before, .bnslider-arrows .slick-prev:hover:not(.slick-disabled):before, .bnslider-arrows .slick-next:hover:before, .bnslider-arrows .slick-next:hover:not(.slick-disabled):before { color: #fff; background-color: #5ce1e9; } .bnslider-arrows .slick-prev:before, .bnslider-arrows .slick-next:before { font-size: 20px; position: absolute; top: 0; display: -ms-flexbox; display: flex; width: 48px; height: 48px; transition: .2s; opacity: 1; color: #282828; border-radius: 50%; background-color: rgba(255, 255, 255, .55); -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .bnslider-arrows .slick-prev:before { left: 0; padding-right: 2px; content: '\e907'; } .bnslider-arrows .slick-next:before { right: 0; content: '\e919'; } .bnslider-arrows .slick-prev { left: 15px; } .bnslider-arrows.container-fluid .slick-prev { left: 15px; } .bnslider-arrows .slick-next { right: 15px; } .bnslider-arrows.container-fluid .slick-next { right: 15px; } @media (max-width: 575px) { .bnslider-arrows { top: auto; bottom: 10px; left: 0; width: 100%; height: 38px; margin-top: 0; pointer-events: none; } .bnslider-arrows>* { position: relative; display: block; width: 112px; margin: 0 auto; } .bnslider-arrows .slick-prev, .bnslider-arrows .slick-next { transform: none; pointer-events: all; } .bnslider-arrows .slick-prev:before, .bnslider-arrows .slick-next:before { font-size: 14px; line-height: 38px; width: 38px; height: 38px; color: #fff !important; border-radius: 50%; background-color: #5ce1e9 !important; } } .bnslider-loader { position: absolute; z-index: 1; top: 0; left: 0; display: -ms-flexbox; display: flex; width: 100%; height: 100%; transition: .75s ease .75s; pointer-events: none; } .slick-initialized+.bnslider-loader { opacity: 0; } .bnslider .countdown-box { position: absolute; z-index: 1; padding: 0; transform: translate(-50.5%, -49.5%); } .bnslider .countdown-box .countdown { padding: 20px 15px; } .bnslider .countdown-box .countdown>span { font-size: 18px; font-weight: 600; } .bnslider .countdown-box .countdown>span span { font-size: 2em; font-weight: 600; line-height: 1.1em; min-width: 1.36em; } .bnslider .countdown-box .countdown>span:after { font-size: 1.555em; right: -.15em; } @media (max-width: 1199px) { .bnslider .countdown-box .countdown { padding: 20px 15px; } .bnslider .countdown-box .countdown>span { font-size: 16px; } } @media (max-width: 991px) { .bnslider .countdown-box .countdown { padding: 15px 15px; } .bnslider .countdown-box .countdown>span { font-size: 14px; } } @media (max-width: 575px) { .bnslider .countdown-box { display: none; } } .bnslider-text--xl+.bnslider-text--xl, .bnslider-text--lg+.bnslider-text--lg { margin-top: 0; } .bnslider-text { position: relative; overflow: hidden; } .bnslider-text-inside { position: relative; z-index: 1; display: block; } .bnslider-text-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform-origin: top left; } .bnslider-text-bg1 { background-color: #fff; } .bnslider-text-bg2 { background-color: #5ce1e9; } .bnslider-text-bg3 { background-color: #000; } .bnslider .btn.js-video-slider-play span:last-child { display: none; } .bnslider .btn.is-play.js-video-slider-play span:last-child { display: block; } .bnslider .btn.is-play.js-video-slider-play span:first-child { display: none; } .bnslider-image-placeholder { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .bnslider-image-placeholder svg { width: 100%; height: 100%; opacity: .25 !important; } .bnslider-image-wrap { display: -ms-flexbox; display: flex; height: 100%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .bnslider-image-wrap img { width: 100%; height: 100%; object-fit: contain; } .bnslider-image-wrap.w-50 { max-width: 50%; } .bnslider-slide .bnslider-image-wrap { max-width: 30%; -ms-flex: 1; flex: 1; } .bnslider-slide .bnslider-text-wrap { max-width: 50%; -ms-flex: 1; flex: 1; } @media (max-width: 1199px) { .bnslider-slide .bnslider-image-wrap { max-width: 35%; } .bnslider-slide .bnslider-text-wrap { max-width: 65%; } } .bnslider .w-s-20, .bnr .w-s-20 { width: 20%; } .bnslider .w-s-30, .bnr .w-s-30 { width: 30%; } .bnslider .w-s-40, .bnr .w-s-40 { width: 40%; } .bnslider .w-s-50, .bnr .w-s-50 { width: 50%; } .bnslider .w-s-60, .bnr .w-s-60 { width: 60%; } .bnslider .w-s-70, .bnr .w-s-70 { width: 70%; } .bnslider .w-s-80, .bnr .w-s-80 { width: 80%; } .bnslider .w-s-90, .bnr .w-s-90 { width: 90%; } .bnslider .w-s-100, .bnr .w-s-100 { width: 100%; } @media (max-width: 575px) { .bnslider .w-ms-20, .bnr .w-ms-20 { width: 20%; } .bnslider .w-ms-30, .bnr .w-ms-30 { width: 10%; } .bnslider .w-ms-40, .bnr .w-ms-40 { width: 40%; } .bnslider .w-ms-50, .bnr .w-ms-50 { width: 50%; } .bnslider .w-ms-60, .bnr .w-ms-60 { width: 60%; } .bnslider .w-ms-70, .bnr .w-ms-70 { width: 70%; } .bnslider .w-ms-80, .bnr .w-ms-80 { width: 80%; } .bnslider .w-ms-90, .bnr .w-ms-90 { width: 90%; } .bnslider .w-ms-100, .bnr .w-ms-100 { width: 100%; } } .bnslider [data-animation] { opacity: 0; } .bnslider-lightning { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: brightness(3); } .bnslider-flashit { animation: flash ease-out 5s infinite; animation-delay: 0s; } @keyframes flash { from { opacity: 0; } 92% { opacity: 0; } 93% { opacity: .6; } 94% { opacity: .2; } 96% { opacity: 1; } to { opacity: 0; } } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-list.draggable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .slick-slide:focus { outline: none; } .video-section-wrapper .bnslider-text-content .bnslider-text { color: #fff; } .video-section-wrapper .bnslider-text-content .bnslider-vert { display: block; } .bnslider-product-name, .payment-notification-name, .prd-title, h2.prd-title, .h2-style.prd-title, .prd-block_title, h2.minicart-prd-name, h2.sticky-addcart_title, h1.sticky-addcart_title, .popup-addedtocart_title, .dropdn-content ul.search-results li .title { font-family: system-ui; } @media (max-width: 575px) { .bnslider-text-content .bnslider-text-content-flex { padding: 25px 0 30px; } } .bnslider-text-content .bnslider-text-content-flex.container { max-width: 1500px; } @media (max-width: 1199px) { .bnslider-text-content .bnslider-text-content-flex.container { padding-right: 60px; padding-left: 60px; } } @media (min-width: 992px) { .modal--quickview .prd-block--prv-right .slick-slider.slick-vertical .slick-prev, .modal--quickview .prd-block--prv-right .slick-slider.slick-vertical .slick-next { visibility: hidden; } } .modal--quickview .prd-block--prv-right .product-previews-wrapper:hover .slick-slider.slick-vertical .slick-prev, .modal--quickview .prd-block--prv-right .product-previews-wrapper:hover .slick-slider.slick-vertical .slick-next { visibility: visible; } .bnslider-wrapper .bnslider-dots .slick-dots li:not(.slick-active) button { margin: 11px auto; background-color: #282828; } .bnslider-wrapper .bnslider-dots .slick-dots li.slick-active button { margin: 6px auto; } .prd-grid:not(.slick-slider) .prd, .prd-horgrid:not(.slick-slider) .prd { margin-top: 17px; } .prd-grid:not(.slick-slider), .prd-horgrid:not(.slick-slider) { margin-top: -30px; } .prd-grid--mt-sm:not(.slick-slider) .prd { margin-top: 15px; } .prd-grid--mt-sm:not(.slick-slider) { margin-top: -15px; } .product-listing.prd-grid:not(.slick-slider) { margin-top: -20px; } .prd-horgrid:not(.slick-slider), .prd-grid:not(.slick-slider) { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } @media(max-width: 768px) { .desktop_view_banner { display: none !important; } .bnslider.bnslider--lg { height: 575px; min-height: 575px; max-height: calc(100vh - 85px); } } .bnslider-wrapper .bnslider-dots { bottom: 20px; } @media (max-width: 991px) { .bnslider-wrapper .bnslider-dots { bottom: 10px; } } @media (min-width: 1025px) { .prd-block--prv-double.prd-block--prv-right .product-previews-carousel, .prd-block--prv-double.prd-block--prv-left .product-previews-carousel { margin-top: -38px; } .prd-block--prv-right:not(.prd-block--prv-double) .product-previews-wrapper, .prd-block--prv-left:not(.prd-block--prv-double) .product-previews-wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .prd-block--prv-left .product-previews-carousel, .prd-block--prv-right .product-previews-carousel { width: 98px; } .prd-block--prv-left .product-previews-carousel .slick-slide>*, .prd-block--prv-right .product-previews-carousel .slick-slide>* { border: 0; border-top: 0px solid transparent; border-bottom: 0px solid transparent; } .prd-block--prv-left .prd-block_main-image, .prd-block--prv-right .prd-block_main-image { width: calc(100% - 98px); max-width: calc(100% - 98px); } .prd-block--prv-left .slick-slider.slick-vertical .slick-prev, .prd-block--prv-left .slick-slider.slick-vertical .slick-next, .prd-block--prv-right .slick-slider.slick-vertical .slick-prev, .prd-block--prv-right .slick-slider.slick-vertical .slick-next { z-index: 1; left: 0; display: -ms-flexbox; display: flex; width: 100%; height: 20px; transform: none; background-color: #fff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .prd-block--prv-left .slick-slider.slick-vertical .slick-prev:before, .prd-block--prv-left .slick-slider.slick-vertical .slick-next:before, .prd-block--prv-right .slick-slider.slick-vertical .slick-prev:before, .prd-block--prv-right .slick-slider.slick-vertical .slick-next:before { font-size: 7px; color: #282828; } .prd-block--prv-left .slick-slider.slick-vertical .slick-prev:after, .prd-block--prv-left .slick-slider.slick-vertical .slick-next:after, .prd-block--prv-right .slick-slider.slick-vertical .slick-prev:after, .prd-block--prv-right .slick-slider.slick-vertical .slick-next:after { position: absolute; z-index: -1; top: -4px; width: 30px; height: 30px; content: ''; transition: .2s; opacity: 0; border-radius: 3px; background-color: #c4c4c4; } .prd-block--prv-left .slick-slider.slick-vertical .slick-prev:hover:before, .prd-block--prv-left .slick-slider.slick-vertical .slick-next:hover:before, .prd-block--prv-right .slick-slider.slick-vertical .slick-prev:hover:before, .prd-block--prv-right .slick-slider.slick-vertical .slick-next:hover:before { color: #5ce1e9; } .prd-block--prv-left .slick-slider.slick-vertical .slick-prev:hover:after, .prd-block--prv-left .slick-slider.slick-vertical .slick-next:hover:after, .prd-block--prv-right .slick-slider.slick-vertical .slick-prev:hover:after, .prd-block--prv-right .slick-slider.slick-vertical .slick-next:hover:after { opacity: .1; } .prd-block--prv-left .slick-slider.slick-vertical .slick-next, .prd-block--prv-right .slick-slider.slick-vertical .slick-next { top: auto; bottom: 0; } .prd-block--prv-left .slick-slider.slick-vertical .slick-next:before, .prd-block--prv-right .slick-slider.slick-vertical .slick-next:before { content: '\ea04'; } .prd-block--prv-left .slick-slider.slick-vertical .slick-next:after, .prd-block--prv-right .slick-slider.slick-vertical .slick-next:after { top: -6px; } .prd-block--prv-left .slick-slider.slick-vertical .slick-prev, .prd-block--prv-right .slick-slider.slick-vertical .slick-prev { top: 0; } .prd-block--prv-left .slick-slider.slick-vertical .slick-prev:before, .prd-block--prv-right .slick-slider.slick-vertical .slick-prev:before { content: '\ea05'; } .prd-block--prv-left .slick-slider.slick-vertical .slick-prev, .prd-block--prv-left .slick-slider.slick-vertical .slick-next { padding-right: 15px; } .prd-block--prv-left .product-previews-carousel { padding: 30px 15px 30px 0; } .prd-block--prv-left .product-previews-carousel .slick-list:only-child { margin-top: -30px; } .prd-block--prv-right .slick-slider.slick-vertical .slick-prev, .prd-block--prv-right .slick-slider.slick-vertical .slick-next { padding-left: 15px; } .prd-block--prv-right .product-previews-carousel { padding: 30px 0 30px 15px; } .prd-block--prv-right .product-previews-carousel .slick-list:only-child { margin-top: -30px; } .prd-block--prv-double.prd-block--prv-right .product-previews-wrapper, .prd-block--prv-double.prd-block--prv-left .product-previews-wrapper { max-width: 19.8%; -ms-flex: 0 0 41.8%; flex: 0 0 41.8%; } .prd-block--prv-double.prd-block--prv-right .prd-block_main-image, .prd-block--prv-double.prd-block--prv-left .prd-block_main-image { max-width: 80.2%; -ms-flex: 0 0 58.2%; flex: 0 0 58.2%; } .prd-block--prv-double.prd-block--prv-right .product-previews-carousel, .prd-block--prv-double.prd-block--prv-left .product-previews-carousel { width: calc(100% + 20px); margin-right: -10px; margin-left: -10px; padding: 30px 0; } .prd-block--prv-double.prd-block--prv-right .product-previews-carousel .slick-list:only-child, .prd-block--prv-double.prd-block--prv-left .product-previews-carousel .slick-list:only-child { margin-top: -30px; } .prd-block--prv-double.prd-block--prv-right .product-previews-carousel .slick-slide, .prd-block--prv-double.prd-block--prv-left .product-previews-carousel .slick-slide { display: -ms-flexbox; display: block; } .prd-block--prv-double.prd-block--prv-right .product-previews-carousel .slick-slide>*, .prd-block--prv-double.prd-block--prv-left .product-previews-carousel .slick-slide>* { min-width: 100%; padding: 0 10px; } .prd-block--prv-double.prd-block--prv-right .slick-slider.slick-vertical .slick-prev, .prd-block--prv-double.prd-block--prv-right .slick-slider.slick-vertical .slick-next, .prd-block--prv-double.prd-block--prv-left .slick-slider.slick-vertical .slick-prev, .prd-block--prv-double.prd-block--prv-left .slick-slider.slick-vertical .slick-next { padding-right: 0; padding-left: 0; } .prd-block--prv-double.prd-block--prv-right .slick-slider.slick-vertical .slick-prev, .prd-block--prv-double.prd-block--prv-left .slick-slider.slick-vertical .slick-prev { top: 10px; } .prd-block--prv-double.prd-block--prv-right .slick-slider.slick-vertical .slick-next, .prd-block--prv-double.prd-block--prv-left .slick-slider.slick-vertical .slick-next { bottom: 16px; } } @media (min-width: 768px) { [data-slick]:not(.slick-initialized) { opacity: 0; } [data-slick].slick-initialized { opacity: 1; } .slick-slide { display: block; opacity: 0; } .slick-initialized .slick-slide { opacity: 1; } .bnslider.bnslider--lg { height: 768px; min-height: 768px; max-height: calc(100vh - 85px); } } .subcatpro { padding: 50px 0px; } .prd-grid, .prd-horgrid { position: relative; z-index: 2; margin: 0 -15px 0; padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prd-carousel * { -webkit-backface-visibility: hidden; backface-visibility: hidden; } @supports not (-webkit-overflow-scrolling: touch) { .prd-grid:before, .prd-grid:after { display: table; content: ''; } .prd-grid:after { clear: both; } } .prd-block:not(.prd-block--prv-left):not(.prd-block--prv-right) .product-previews-wrapper .slick-track { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .slick-vertical.fixedOnSelect .slick-track { transform: none !important; } .prd-block:not(.prd-block--prv-left):not(.prd-block--prv-right).product-previews-carousel .slick-track { display: -ms-flexbox; display: flex; } .prd-block:not(.prd-block--prv-left):not(.prd-block--prv-right) .product-previews-wrapper .slick-track { -ms-flex-align: inherit !important; align-items: inherit !important; } .slick-track { margin: 0 auto; touch-action: pan-y; -ms-touch-action: pan-y; } .prd-grid.slick-initialized[class*='data-to-show'] .prd.slick-slide { width: auto; max-width: none; } .prd-horgrid .prd .prd-inside, .prd-hor .prd-inside, .prd-hor-simple .prd-inside { display: -ms-flexbox; display: flex; background-color: #fff; -ms-flex-align: center; align-items: center; } .prd-grid.listing-view .prd .prd-inside { overflow: hidden; padding: 0; } .prd-listview .prd .prd-inside { display: -ms-flexbox; display: flex; } .has-rounded-elements .prd .prd-inside .prd-img { border-radius: 15px; } .has-rounded-elements .prd .prd-inside { overflow: visible; border-radius: 15px; } .prd .prd-inside { overflow: hidden; background-color: #fff; } .prd-img-area { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .prd-img-area .label-wishlist { transition: opacity .4s ease .1s; opacity: 0; } .prd-horgrid .prd .prd-img-area, .prd-hor .prd-img-area, .prd-hor-simple .prd-img-area { min-width: calc(49.9% - 30px); height: auto; margin: 0 30px 0 0; } @media (max-width: 1860px) { .prd-horgrid .prd .prd-img-area .prd-big-circle-labels [class^='label-'], .prd-hor .prd-img-area .prd-big-circle-labels [class^='label-'], .prd-hor-simple .prd-img-area .prd-big-circle-labels [class^='label-'] { line-height: 18px; } .prd-horgrid .prd .prd-img-area [class*='circle-label-']+[class*='circle-label-'], .prd-hor .prd-img-area [class*='circle-label-']+[class*='circle-label-'], .prd-hor-simple .prd-img-area [class*='circle-label-']+[class*='circle-label-'] { margin-top: 8px; } } .prd-grid.listing-view .prd .prd-img-area { float: left; width: calc(31.8% - 15px); margin-right: 15px; } .prd-listview .prd .prd-img-area { overflow: visible; max-width: 23%; height: 100%; -ms-flex: 0 0 23%; flex: 0 0 23%; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .prd-listview .prd .prd-img-area { max-width: 220px; -ms-flex: 0 0 220px; flex: 0 0 220px; } } @media (max-width: 575px) { .prd-listview .prd .prd-img-area { max-width: 140px; -ms-flex: 0 0 140px; flex: 0 0 140px; } } .prd-listview .prd .prd-img-area .circle-label-compare, .prd-listview .prd .prd-img-area .circle-label-qview { display: none !important; } .prd-listview .prd .prd-img-area .colorswatch-label { margin: 0; } .prd-listview .prd .prd-img-area:hover .prd-circle-labels { pointer-events: all; opacity: 1; } .prd-listview .prd.prd-off-description .prd-img-area { max-width: 23%; -ms-flex: 0 0 23%; flex: 0 0 23%; } @media (max-width: 767px) { .prd-listview .prd.prd-off-description .prd-img-area { max-width: 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; } } .prd.prd-hor-simple .prd-img-area { min-width: 49.9% !important; margin: 0 !important; } .prd-hor--lg .prd-img-area .prd-card_countdown { display: block; } .prd-hor.prd-hor--lg .prd-img-area { min-width: calc(44.9% - 30px); } .prd-hor.prd-hor--lg .prd-img-area .prd-card_countdown { display: none; } .creative-product-carousel .prd-img-area { overflow: visible; max-width: 350px; margin-right: auto; margin-left: auto; } .creative-product-carousel-wrap-single .prd-img-area-col.animated { animation-duration: .75s; } .has-prd-shadow .prd:not(.prd-hor) .prd-img-area { box-shadow: 0 0 16px rgba(0, 0, 0, .05); } .has-rounded-elements .prd-horgrid .prd:not(.prd-hor--lg) .prd-img-area, .has-rounded-elements .prd-hor:not(.prd-hor--lg) .prd-img-area, .has-rounded-elements .prd-hor-simple .prd-img-area, .has-rounded-elements .prd:not(.prd-hor) .prd-img-area { border-radius: 15px; } body.equal-height .prd-img:not(.prd-img--noequal) .image-container { padding-bottom: 128.48% !important; } body.equal-height .prd-img:not(.prd-img--noequal) { overflow: hidden; height: 0; padding-bottom: 128.48% !important; } body.equal-height .prd-img:not(.prd-img--noequal) img { position: absolute; right: 0; left: 0; width: auto; height: 100%; margin: 0 auto; object-fit: contain; } body.equal-height .prd-img.prd-img--noequal, body:not(.equal-height) .prd-img.prd-img--noequal { padding-bottom: 0; } .creative-product-carousel .prd-img { width: 100%; } .creative-product-carousel .prd-img>img { width: auto; max-width: 100%; max-height: 630px; margin-right: auto; margin-left: auto; } .creative-product-carousel .prd-img .image-container+.image-container { position: absolute; z-index: 1; display: block; width: 100%; height: 100%; opacity: 0; } .creative-product-carousel .creative-product-carousel-item>.row>.col:hover .prd-img .image-container:not(:only-of-type) { opacity: 0; } .creative-product-carousel .creative-product-carousel-item>.row>.col:hover .prd-img .image-container+.image-container { opacity: 1 !important; } .creative-product-carousel .creative-product-carousel-item>.row>.col:hover .prd-img>img:not(:only-of-type) { opacity: 0; } .creative-product-carousel .creative-product-carousel-item>.row>.col:hover .prd-img>img+img { opacity: 1 !important; } .prd-img { position: relative; display: -ms-flexbox; display: flex; width: 100%; padding-right: 0; padding-bottom: 128.48%; padding-left: 0; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; } .prd-img img { width: 100%; transition: opacity .2s; } .prd-img img+img { position: absolute; z-index: 1; left: 0; display: block; width: auto; height: 100%; opacity: 0 !important; } .prd-outstock .prd-img img { filter: grayscale(1); } .image-container .foxic-loader { top: 0; right: 0; bottom: 0; left: 0; margin: auto; transition: opacity .3s .2s; opacity: 1; } .image-container img.lazyloaded+.foxic-loader, .image-container img.lazyloading+.foxic-loader { opacity: 0; } .prd .foxic-loader { top: calc(49.9% - 18px); display: none; transition: opacity .3s .2s; opacity: 0; } .prd img.lazyloaded~.prd-big-circle-labels, .prd img.lazyloaded~.prd-big-squared-labels { opacity: 1; } .prd-big-squared-labels { position: absolute; top: 10px; left: 10px; display: -ms-flexbox; display: flex; flex-direction: column; transition: .2s ease .1s; -ms-flex-direction: column; } .prd-big-squared-labels [class*='label-'] { font-size: 11px; font-weight: 600; line-height: 106%; display: -ms-flexbox; display: flex; flex-direction: column; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 44px; padding: 5px 9px; text-transform: uppercase; -ms-flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prd-big-squared-labels [class*='label-']+[class*='label-'] { margin-top: 10px; } .prd-big-squared-labels [class*='label-'].d-none:first-child+[class*='label-'] { margin-top: 0; } .prd-big-squared-labels [class*='label-'] .sale-text { display: block; width: 100%; text-align: center; } .prd-big-squared-labels .label-new { color: #fff; background-color: #33c7fd; } .prd-big-squared-labels .label-sale { color: #fff; background-color: #fb317d; } .prd-big-squared-labels .label-outstock { color: #fff; background-color: #4f4f4f; } @media (max-width: 575px) { .prd-listview .prd.prd-off-description .prd-img-area { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } } .prd-listview .prd .prd-img-area:hover .countdown-box { transform: scale(.5); pointer-events: none; opacity: 0; } .prd-listview .prd .prd-img-area:hover .prd-img img:first-child:not(:only-of-type) { opacity: 0 !important; } .prd-listview .prd .prd-img-area:hover .prd-img img+img { opacity: 1 !important; } .prd-promo:hover .prd-img img:first-child:not(:only-of-type) { opacity: 0 !important; } .prd-promo:hover .prd-img img+img { opacity: 1 !important; } } .prd-vertical-sm .prd-img img, .prd-vertical-simple .prd-img img { transition: .2s; } .prd-vertical-sm .prd-img:hover img, .prd-vertical-simple .prd-img:hover img { opacity: .85; } .prd-carousel img { -webkit-transform: translateZ(0) scale(1, 1); } .prd img.lazyload~.prd-big-circle-labels, .prd img.lazyloading~.prd-big-circle-labels, .prd img.lazyload~.prd-big-squared-labels, .prd img.lazyloading~.prd-big-squared-labels { opacity: 0; } .prd-info .prd-circle-labels { display: none !important; } @media (min-width: 992px) { .prd-labels, .prd-circle-labels { display: -ms-flexbox; display: flex; flex-direction: column; -ms-flex-direction: column; } .prd-circle-labels { pointer-events: none; opacity: 0; } .prd-labels { position: absolute; top: 5px; left: 5px; } .prd-circle-labels { position: absolute; z-index: 1; top: 5px; right: 5px; transition: .2s; transform: translate3d(40px, 0, 0); -ms-flex-align: end; align-items: flex-end; } .prd-circle-labels .colorswatch-label { display: -ms-flexbox; display: flex; flex-direction: column; width: 33px; cursor: pointer; border-radius: 17px; background-color: #f7f7f8; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; } .prd-circle-labels .colorswatch-label [class*='icon'] { font-size: 19px; display: -ms-flexbox; display: flex; min-width: 33px; height: 33px; transition: .5s; color: #272727; border-radius: 50%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .prd-circle-labels .colorswatch-label ul { display: -ms-flexbox; display: flex; overflow: hidden; flex-direction: column; max-height: 0; padding: 0; list-style: none; transition: 0s; opacity: 0; -ms-flex-direction: column; -ms-flex-pack: center; justify-content: center; } .prd-circle-labels .colorswatch-label ul img { display: block; width: 10px; height: 10px; margin: 5px auto; border-radius: 50%; } .prd-circle-labels .colorswatch-label ul img:hover { width: 12px; height: 12px; margin: 4px auto; } .prd-circle-labels .colorswatch-label.colorswatch-label--variants ul li { width: 20px; height: 20px; margin: 5px auto; } .prd-circle-labels .colorswatch-label.colorswatch-label--variants ul li:hover { width: 24px; height: 24px; margin: 3px auto; } .prd-circle-labels .colorswatch-label.colorswatch-label--variants ul li:hover img { margin: 0; } .prd-circle-labels .colorswatch-label.colorswatch-label--variants ul li>* { display: block; overflow: hidden; width: 100%; height: 100%; cursor: pointer; text-decoration: none; border-radius: 50%; } .prd-circle-labels .colorswatch-label.colorswatch-label--variants ul li img { position: relative; display: block; width: 100%; height: 100%; margin: 0; -webkit-transform: translateZ(0) scale(1, 1); -webkit-backface-visibility: hidden; object-fit: contain; } .prd-circle-labels .colorswatch-label:hover [class*='icon'] { transform: rotate(360deg); } .prd-circle-labels .colorswatch-label:hover ul { max-height: none; margin: 2px 0 7px; transition: opacity .5s; opacity: 1; } .prd .color-swatch { position: absolute; z-index: 2; bottom: 5px; left: 2px; /*display: -ms-flexbox;*/ display: none; flex-direction: column-reverse; max-height: calc(100% - 10px); transition: transform .2s, opacity .3s .1s; transform: translate3d(-110%, 0, 0); pointer-events: none; opacity: 0; -ms-flex-direction: column-reverse; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 992px) { .prd.hovered .prd-big-circle-labels, .prd.hovered .prd-big-squared-labels { transition: .1s ease 0s !important; pointer-events: none; opacity: 0 !important; } .prd-promo.prd-promo--lg .prd-img img { display: -ms-flexbox; display: flex; width: auto; max-height: 485px; margin-right: auto; margin-left: auto; } .prd.hovered .prd-img img:first-child:not(:only-of-type) { opacity: 0 !important; } .prd.hovered .prd-img img+img { opacity: 1 !important; } .prd-promo .prd-img-area:hover .prd-circle-labels { pointer-events: all; opacity: 1; } .prd-promo.prd-promo--lg .prd-img-area { display: -ms-inline-flexbox; display: inline-flex; } .prd-promo:hover .prd-quickview { pointer-events: all; opacity: 1; } .prd-promo:hover .prd-circle-labels { transform: translate3d(0, 0, 0); pointer-events: all; opacity: 1; } } .prd .prd-description { display: none; } .prd-grid.listing-view .prd .prd-description { font-size: 13px; line-height: 1.333em; margin-top: 10px; } .prd-grid.listing-view .prd .prd-description+* { margin-top: 20px; } @media (max-width: 991px) { .prd-grid .prd:not(.prd-hor):not(.prd-hor-simple) .prd-img-area, [class*='prd-carousel'] .prd:not(.prd-hor):not(.prd-hor-simple) .prd-img-area, .prd-promo .prd-img-area { display: block; } } .prd-listview .prd .prd-description { font-size: 15px; line-height: 23px; display: block; margin-top: 23px; } @media (max-width: 767px) { .prd-listview .prd .prd-description { font-size: 13px; line-height: 18px; margin-top: 15px; } } .prd-listview .prd .prd-description [class^='mt-'] { margin-top: 15px !important; } .prd .prd-info-top { display: none; } .prd-horgrid .prd .prd-info-top, .prd-hor .prd-info-top, .prd-hor-simple .prd-info-top { display: block; } .prd-horgrid .prd .prd-info-top+.prd-rating, .prd-hor .prd-info-top+.prd-rating, .prd-hor-simple .prd-info-top+.prd-rating { display: none; } .prd-listview .prd .prd-info-top { display: block; } .prd .prd-info-wrap .prd-action { display: none; } .prd-listview .prd .prd-info-wrap .prd-action { display: -ms-flexbox; display: flex; } .prd-listview .prd .prd-info-top+.prd-rating { display: none; } @media (max-width: 575px) { .prd-grid, .prd-horgrid { margin-right: -5px; margin-left: -5px; } } .main_jso { display: flex; justify-content: space-between; align-items: center; } .canformb label { font-size: 16px !important; } .canformb input[type='checkbox']+label:before, .canformb input[type='radio']+label:before { display: none; } .canformb input[type='checkbox']+label:after, .canformb input[type='radio']+label:after { display: none; } .canformb input[type='checkbox']+label, .canformb input[type='radio']+label { padding-left: 10px; margin-bottom: 0px; } .canformb .form-check { display: flex; align-items: center; } @media (max-width: 768px) { .main_jso { display: flex; justify-content: space-between; align-items: center; flex-direction: column; width: 100%; } .btncanre { padding: 5px 15px !important; } } .uplobox .img-thumbs-hidden { display: none; } .uplobox .wrapper-thumb { position: relative; display:inline-block; justify-content: space-around; border: 1px dashed #999; } .uplobox .img-preview-thumb { background: #fff; border: 1px solid none; border-radius: 0.25rem; box-shadow: 0.125rem 0.125rem 0.0625rem rgba(0, 0, 0, 0.12); margin-right: 1rem; width: 85px; height: 85px; } .uplobox .remove-btn{ position:absolute; display:flex; justify-content:center; align-items:center; font-size:.7rem; top:-5px; right:10px; width:20px; height:20px; background:white; border-radius:10px; font-weight:bold; cursor:pointer; } .uplobox .remove-btn:hover{ box-shadow: 0px 0px 3px grey; transition:all .3s ease-in-out; } .upinput { position: relative; } .uploinp { position: absolute; margin-top: -80px !important; width: 80px; /* left: 0px; */ height: 80px; opacity: 0; } .upinput img { width: 80px; height: 80px; opacity: 1; position: relative; } .uplpoint li { font-size: 13px; } .uplobox .img-thumbs { } @media(max-width: 768px) { .uploinp { height: 60px; width: 100%; margin-top: -60px; } .upinput img { width: 100%; height: 60px; } .uplobox .img-preview-thumb { margin-right: 0px; } .uplobox .remove-btn { right: 0px; } .uplobox .wrapper-thumb { width: 33.33%; margin-bottom: 10px; } .upinput { padding-right: 0px; padding-left: 0px; } .uplobox .img-preview-thumb { width: 100%; height: 60px; object-fit: cover; } } .reasontext { background: transparent; border-bottom: 1px solid #ccc; } .reasontext:focus, .reasontext[type]:focus, .reasontext:focus, .reasontext[type]:focus, .reasontext:focus { border-bottom-color: #5de1e7; background: transparent; } .product-previews-wrapper .product-previews-carousel .pr_img{ width: 100% !important; display:block !important; height: 40% !important; } body.equal-height .prd-img:not(.prd-img--noequal) img { position: absolute; right: 0; left: 0; width: 100% !important; height: 100%; margin: 0 auto; object-fit: contain; height: 100% !important; } .product_right_side .prd-block_title{ margin-bottom: 10px; } .product_right_side .title_nm{ font-size: 20px; margin-bottom: 0; color: #737373; } .tags-wrapper{ width: 100%; display: flex; align-items: center; margin-top: 0; } .tags-wrapper .tags-rect{ background-color: rgba(82, 82, 82, 0.8); color: rgb(255, 255, 255); border: none; margin: 8px 16px 8px 0px; padding: 5px 20px; } .tags-wrapper .tags-rect p{ margin-bottom: 0; font-size: 12px !important; line-height: 15px !important; color: white; } .tags-wrapper .sec_child{ background: none; border: 1px solid rgba(82, 82, 82, 0.8); } .tags-wrapper .sec_child p{ color: black; } .tribeContainer { font-family: montserrat, sans-serif; font-size: 12px; margin-top: 4px; line-height: normal; cursor: pointer; padding: 7px 0; position: relative; } .tribeContainer:before { content: ""; background: #d5d5d5; height: 3px; width: 40%; display: block; position: absolute; } .tribeContainer .tribeMsgWrpr { padding: 16px 0; } .tribeContainer .tribeMsg b { font-family: montserrat-bold, sans-serif; } .tribeContainer .tribeLearnMore { margin-left: 3px; color: #42a2a2; } .tribeContainer .tribeMsg { line-height: normal; font-size: 13px; color: #333; } .color_comb{ margin-top: 0; } .color_mode .colorName{ font-weight: 600; padding-bottom: 17px; } .color_comb:before { content: ""; background: #d5d5d5; height: 3px; width: 40%; display: block; position: absolute; margin: -10px 0; } .color_comb .colorName{ color: black; font-size: 14px; font-weight: 600; } .touch_color_bxd{ height: 42px; width: 42px; display: inline-block; margin: 0 13px 13px 0; border: 1px solid #ebebeb; border-radius: 50%; overflow: hidden; } .touch_color_bxd .copy div{ height: calc(100%); border-radius: 8px; } .touch_color_bxd .copy .color_1{ height: calc(100%); background-color: rgb(240, 240, 251); border-radius: 8px; } .touch_color_bxd .copy .color_2{ background-color: red; } .touch_color_bxd .copy .color_3{ background-color: blue; } .touch_color_bxd .copy .color_4{ background-color: brown; } .touch_color_bxd .copy .color_5{ background-color: pink; } .touch_color_bxd.active { padding: 0; border: none; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 4px #fff, 0 0 4px 7px #00bcd4; } .prd_active_option{ margin-top: 0 !important; } .prd_active_option .swatches{ margin-top: 10px !important; } .d-flex{ display: flex !important; } .garmentDetailsV3{ margin-top: 12px !important; } .garmentDetailsV3 ul{ padding-left: 3px !important; } .garmentDetailsV3 p{ font-size: 12px; margin-bottom: 0px; line-height: 10px; padding-left: 4px; } .garmentDetailsV3{ flex-wrap: wrap; } .pin_codes{ margin-top: 0px; } .checkPincodeHeader img{ margin-right: 10px; } .checkPincodeHeader{ font-weight: 600; font-size: 14px; padding-bottom: 10px; color: #333; font-family: montserrat-bold,sans-serif!important; } .delivering{ padding-bottom: 10px; } .delivering span{ font-size: 12px; font-family: montserrat-bold,sans-serif!important; font-weight: 600; } .delivering .countryName { color: #207bb4 !important; margin-left: 5px; } .delivering img { height: 16px; width: 16px; margin-left: 5px !important; } .pincodeStatusBox ul .text-wrapper { margin-left: 6px; } .codError { border-color: #db3236; } .codFormFocus { border: 1px solid #ffd232; } .codCheckForm { border: .5px solid rgba(0, 0, 0, .3); border-radius: 5px; margin-bottom: 0; position: relative; padding: 2px; margin-top: 0; } .codCheckForm input { font-family: montserrat, sans-serif; font-size: 12px; color: #000; display: inline-block; padding: 10px 8px; border: none; width: calc(100% - 75px); height: auto; } .codCheckForm button { background: transparent; border: none; font-family: montserrat-semibold, sans-serif; font-size: 14px; font-weight: 600; color: #207bb4; text-transform: uppercase; padding: 10px 1px; vertical-align: middle; } .ex_tn{ display: block; font-size: 13px !important; position: relative; left: 30px; } .panel_list{ padding-left: 0; } .panel_list li{ padding-left: 0; display: flex; width: 100%; } .panel_list .img_pnl{ width: 5%; } .panel_list .content_pnl{ width: 90%; } .panel_list li{ list-style-type: none; margin-bottom: 10px; } .panel_list li img{ height: 20px; margin-right: 10px; } .panel_list .content_pnl p{ margin-bottom: 0; } .copyBtn { color: #42a2a2; font-weight: 600; cursor: pointer; } .second_pnl p{ color: #606060; } .second_pnl p strong{ color: black; } .secure_pay{ margin-top: 14px; } .pay_img{ text-align: center; } .pay_img img { width: 40px; height: 40px; margin-bottom: 6px; color: #8f98a9; display: block; filter: hue-rotate(148deg); margin: auto; } .pay_img .trustBadgeTitle{ font-size: 8px; /* font-weight: 600; */ line-height: 0px !important; color: #8f98a9; font-family: montserrat-semibold, sans-serif !important; } .pay_img .bl_block{ display: block; margin-top: 5px; } .review_section{ margin-bottom: 30px; } .recommend{ font-size: 14px; } .recommend img { width: 15px; height: 15px; margin-top: -2px; } .rate_box h6{ font-size: 12px; } .star_bxd h6{ text-align: end; font-weight: 500; } .star_bxd h6 .fa{ font-size: 12px; } .review_section .mt-30{ margin-top: 30px; } .cust_review{ font-size: 16px; } .relative{ position: relative; } .relative img{ filter: brightness(50%); } .centerText { position: absolute; color: white; font-weight: 600; font-family: montserrat-bold, sans-serif; font-size: 22px; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); left: 50%; top: 50%; } .gallery_bxd img{ height: 230px; width: 100%; object-fit: cover; border-radius: 15px; } .gal_item img{ height: 110px; width: 100%; object-fit: cover; margin-bottom: 10px; border-radius: 15px; } .select_size{ display: flex; width: 100%; justify-content: space-between; } .select_size .option_label_right a{ font-size: 14px; font-weight: 600; line-height: 22px; min-width: 85px; padding-right: 10px; color: #3dbec0; } .men_half{ height: 250px; } .garmentType { text-transform: capitalize; } .garmentDetailsV3 ul { border-right: 1px solid #979797; padding: 0 5px; } .garmentDetailsV3 .specificationName { color: #878787; margin-right: 5px; } .size-list li:last-child .qtyLeft { visibility: visible; } .qtyLeft { color: #ea2123; font-family: montserrat-medium, sans-serif !important; font-size: 11px !important; line-height: 14px !important; text-align: center; margin-top: 5px; visibility: hidden; } @media(max-width: 768px){ .pay_img .trustBadgeTitle{ font-size: 9px; } .panel-group--style2 .panel-body{ padding: 0px !important; } .M_padding{ padding: 0 !important; } } .rivabs { position: absolute; background: #fff; padding: 2px 5px; border-radius: 30px; left: 10px; bottom: 10px; color: #000; } .rivabs i { color: gold; } .tabWrpr { display: none; } .tabWrpr .bottomHeaderWrapper { z-index: 3; background-color: #fff; width: 100%; overflow-y: scroll; display: -ms-inline-flexbox; display: inline-flex; white-space: nowrap; } .tabWrpr .bottomHeaderWrapper ul { background-color: #fff; height: -webkit-fit-content; height: fit-content; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; text-align: center; margin-bottom: 0; margin-left: 4px; } .tabWrpr .bottomHeaderWrapper .tabNav { cursor: pointer; } .tabWrpr .bottomHeaderWrapper ul li { display: inline-block; width: 100%; border-bottom: 4px solid transparent; transition: all .3s ease-in 0s; } .tabWrpr .bottomHeaderWrapper ul li a { width: -webkit-fit-content; width: fit-content; text-transform: uppercase; font-family: montserrat-medium, sans-serif; font-weight: 500; font-size: 17px; display: block; color: #0e0e0e; letter-spacing: .07px; line-height: 13px; padding: 21px 24px; } .tabWrpr ::-webkit-scrollbar { width: 0; height: 0; display: none !important; } ::-webkit-scrollbar { width: 0; background: transparent; } .searchContainer { width: 100%; text-align: left; height: 40px; } .icon-addon.addon-sm .searchInput { padding: 5px 5px 5px 40px; font-size: 12px; line-height: 1.5; box-shadow: none; width: 300px; background: #eaeaea; border: 1px solid transparent; color: rgba(0, 0, 0, .5); border-radius: 5px; position: relative; margin: 0; height: 100%; transition: all .1s ease-in .1s; } .searchContainer i { position: absolute; left: 12px; top: 12px; font-size: 18px; color: rgba(0, 0, 0, .5); } button, input, optgroup, select, textarea { font-family: 'Montserrat' !important; } .searchInput::placeholder { font-size: 10px; } .seperator { display: inline-block; height: 20px; opacity: .3; background: #000; width: 0.5px; /* position: absolute; */ /* right: -15px; */ /* top: calc(50% - 10px); */ margin-left: 12px; } .fibanimg img { width: 100%; } .fibanimg { padding: 20px 0px; } .ulimdat { padding-left: 0px; } .ulimdat li { list-style: none; cursor: pointer; } .widgetImg { margin-bottom: 20px; } .dropdn_account { position: relative; } .myAccountMenuHolder { width: 200px; top: 40px; text-align: left; cursor: pointer; position: absolute; display: none; right: -70px; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px; z-index: -1; background: rgb(255, 255, 255); z-index: 99; } .myAccountMenuHolder .myAccountMenu a { display: block; } .myAccountMenu a { line-height: normal; padding: 12px 10px; color: rgba(0,0,0,.9); } .myAccountMenu li { list-style: none; } .myAccountMenu { padding-left: 0px; margin-bottom: 0px; } .myAccountMenuHolder .myAccountMenu a:hover { background: #f5f5f5; } .dropdn_account:hover .myAccountMenuHolder { display: block; } .dropdn_account .myAccountMenuHolder:hover .myAccountMenuHolder { display: block; } .icon-addon.addon-sm:focus-within .form-controls, .icon-addon.addon-sm:focus .form-controls { background: #fff; border-color: #979797; } .owl-nav button { background: rgba(255, 255, 255, 0.38) !important; font-size: 19px; color: #000; width: 47px; height: 47px; border-radius: 50%; cursor: pointer; top: calc(50% - 25px); padding: 14px; position: absolute; z-index: 5; } .owl-nav button.owl-prev { left: 0; } .owl-nav button.owl-next { right: 0; } .owl-dots { text-align: center; padding-top: 15px; position: absolute; z-index: 99; left: 48%; bottom: 0px; } .owl-dots button.owl-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; background: #ccc; margin: 0 3px; } .owl-dots button.owl-dot.active { background-color: #000; } .owl-dots button.owl-dot:focus { outline: none; } .owl-nav button { /*position: absolute; top: 50%; transform: translateY(-50%);*/ background: rgba(255, 255, 255, 0.38) !important; } .owl-slider span { font-size: 50px; position: relative; top: -5px; display: block; } .owl-nav button:focus { outline: none; } #maninslider .item img { width: 100%; transition: all .2s ease-in-out 0s; } .mainprd { border: 1px solid #d6d6d6; } #proslider .owl-dots.disabled, #proslider .owl-nav.disabled { display: block; } .prdata { display: flex; } .pro_maiso { border: 1px solid #d6d6d6; border-radius: 4px; } .prnames h3 { color: #4f5362; text-transform: capitalize; font-family: montserrat-semibold, sans-serif; font-size: 13px; line-height: 15px ; font-weight: 600; margin-bottom: 5px; } .prnames h2 { color: #737373; margin-top: 4px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-family: montserrat-regular, sans-serif !important; font-size: 11px !important; line-height: 12px !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 0px; } .pro_decm { padding: 10px; } #proslider { padding:30px 20px; } .prnames { width: 85%; } .wiloc { width: 15%; display: flex; align-items: center; justify-content: flex-end; } .wiloc i { font-size: 22px; color: #222; } .productPriceBox .discountedPriceText { font-family: montserrat-semibold, sans-serif !important; font-size: 16px !important; line-height: 14px !important; } .productPriceBox .discountedPriceText .prirup { font-family: montserrat-regular, sans-serif !important; font-size: 12px !important; line-height: 8px !important; } .prtext { display: flex; } .pwr-column-title { text-align: center; } .pwr-column-title { margin: 16px 0px 17px; } .pwr-column-title a { color: #5ce1e9; text-decoration: underline !important; font-weight: 600; } .pro_imgs { position: relative; overflow: hidden; } .prtagp { position: absolute !important; top: 0px !important; left: 0px !important; background-color: rgba(82, 82, 82, 0.8); font-size: 8px !important; color: #fff; padding: 0px 5px; z-index: 9; font-weight: 600; } .pro_maiso:hover .pro_imgs img { transform: scale(1.01); transition: all .2s ease-in-out 0s; } #orignalslider .owl-dots.disabled, #orignalslider .owl-nav.disabled { display: block; } .widgetSliderWrapper { position: relative; margin: 0 0 0 10px; text-align: center; } .widgetSliderWrapper, .widgetSliderWrapper ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .widgetSliderWrapper ul { overflow-x: scroll; } .widgetSliderWrapper ul li{ display: block; } .widgetSliderWrapper .widgetSliderInner { position: relative; margin: 0 25px 0 0; text-align: center; } .widgetSliderInner a { color: #000; background-color: transparent; text-decoration: none; outline: none; cursor: pointer; transition: color .3s; -webkit-text-decoration-skip: objects; -ms-touch-action: manipulation; touch-action: manipulation; } .widgetSliderWrapper .widgetImg { } .foolisul li a { font-size:15px ; } @media screen and (min-width: 769px) { .widgetSliderWrapper .widgetImg { border-radius: 12px; margin: 0 auto; overflow: hidden; } .widgetSliderWrapper .widgetImg img { width: 100%; display: block; height: 175px; } .widgetSliderWrapper .widgetSliderInner p { font-size: 11px; font-family: montserrat, sans-serif; font-weight: 700; letter-spacing: .05px; margin-top: 19px; } } .subscription { outline: none; background-color: transparent !important; border: none !important; border-bottom: 1px solid #5ce1e9 !important; width: 55% !important; height: 34px; color: #fff !important; border-radius: 0px !important; } .subscribeButton { width: 45%; background: #5ce1e9; border: 1px solid #5ce1e9; height: 34px; color: #000; padding: 0; } .subscriptionForm { display: flex; } .subscription { } .fcWhite { color: #fff; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 1px; font-size: 17px; display: inline-block; } .seperate-li { display: block; font-size: 12px; margin-top: 10px; color: #fff !important; } .footerContainer li a { color: hsla(0, 0%, 100%, .9); line-height: 18px; display: inline-block; } .footerContainer ul li { list-style: none; } .abgwzo p { color: #fff; } .bottomHeaderWrapper .tabNav img { display: none; } .mobileview { display: none; } .fooopen { margin-bottom: 60px; } .btnfoot h4 { display: block; font-size: 14px; font-family: montserrat, sans-serif; color: #000; position: relative; padding: 20px 24px; border: .5px solid #979797; width: 100%; text-align: left; background: #fff; } .panel-title a:after { font-family:Fontawesome; content:'\f077'; float:right; font-size:10px; font-weight:300; } .panel-title a.collapsed:after { font-family:Fontawesome; content:'\f078'; } .mMenuHead { width: 100%; padding: 0; border-bottom: 1px solid #d8d8d8; } .mMenuHead .welcomeHeader { width: 100%; padding: 15px 20px; overflow: hidden; } .welcomeGuest { font-family: montserrat-bold, sans-serif; font-size: 16px; color: #000; line-height: normal; font-weight: 600; margin-bottom: 10px; } .register { margin: 0 0 -15px; } .register a { color: #757575 !important; display: inline-block; padding: 10px 0; font-weight: 400 !important; } .menuHeading { font-size: 12px; font-family: montserrat-bold, sans-serif; color: rgba(0, 0, 0, .3); line-height: normal; text-transform: uppercase; padding: 14px 20px 5px; } .MenuListOption { line-height: 48px; } .MenuListOption a { display: block; padding: 0 50px 0 20px; font-family: montserrat-bold, sans-serif; font-size: 12px; color: #000; position: relative; margin: 0; } .menuListWrpr .navIcon { float: right; height: 30px; position: absolute; right: 20px; top: 15px; } .menuListWrpr ul { padding-left: 0px; margin-bottom: 0px; } .searchContainer.headerPoupBox { /*border: 1px solid rgba(0, 0, 0, .2); background: #fff; font-family: montserrat-regular, sans-serif; max-height: 550px; position: absolute; top: 46px; max-width: 360px; overflow: auto; height: auto;*/ } .searchContainer.headerPoupBox .resultList { overflow-y: auto; } .searchContainer.headerPoupBox .showAll { font-family: montserrat, sans-serif; border-bottom: 2px solid #f5f5f5; line-height: normal; } .searchContainer.headerPoupBox .showAll a { font-size: 12px; display: block; padding: 12px; color: #000; } .searchContainer.headerPoupBox .showAll a .colorGrey { color: rgba(0, 0, 0, .5); } .searchContainer.headerPoupBox .showAllResults { font-family: montserrat, sans-serif; border-bottom: 2px solid #f5f5f5; line-height: normal; font-size: 12px; text-align: left; } .searchContainer.headerPoupBox .showAllResults a { color: #5ce1e9; display: inline-block; padding: 12px; cursor: pointer; font-weight: 600; } .serasection { position: relative; } .searchContainer.headerPoupBox .showAll:hover { background: #f5f5f5; } .image-hover-scale>.bnr-img, .image-hover-scale>img, .image-hover-scale>.placeholder-svg svg, .image-hover-scale .collection-grid-3-item-img>img { max-width: 100%; transition: transform .75s ease 0s, opacity .3s !important; vertical-align: middle; -webkit-backface-visibility: hidden; backface-visibility: hidden; image-rendering: optimizeQuality; } .image-hover-scale:hover>.bnr-img, .image-hover-scale:hover>img, .image-hover-scale:hover>.placeholder-svg svg, .image-hover-scale:hover .collection-grid-3-item-img>img { transition: transform .5s ease .05s, opacity .3s !important; transform: scale3d(1.075, 1.075, 1); } .collection-grid-3-item { position: relative; /*border-radius: 50%;*/ /*box-shadow: 0 2px 22px rgba(0, 0, 0, .16);*/ display: block !important; } .collection-grid-3-item:hover { text-decoration: none; } .collection-grid-3-item-img.image-container { padding-bottom: 37.22%; } .image-container--product { padding-bottom: 128.48% !important; } body:not(.equal-height) .prd-block_main-image-holder .image-container img { object-fit: cover; } .creative-product-carousel .image-container { transition: opacity .35s; } .collection-item .image-container>img { bottom: 0; max-width: 100%; max-height: 100%; margin: auto; } .collection-grid-2-img.image-container.image-hover-scale img { width: 100%; height: 100%; object-fit: cover; } body.has-loader-bg .prd img:not(.lazyloaded)+.foxic-loader, body.has-loader-bg .image-container img:not(.lazyloaded)+.foxic-loader { width: 100%; height: 100%; animation: none; border: 0; border-radius: 0; background: #fafafa; } .image-container { position: relative; overflow: hidden; height: 0; } .image-container>img, .image-container>.zoomWrapper { position: absolute; top: 0; right: 0; left: 0; } .image-container .placeholder-svg { position: absolute; top: 0; left: 0; } .image-container>img.lazyload { height: 100%; } .image-container>.zoomWrapper { width: 100% !important; height: 100% !important; } body:not(.equal-height) .prd .image-container>img { max-height: 100%; margin: 0 auto; } span.image-container { position: relative; display: block; width: 100%; } .image-container>img, .image-container>.zoomWrapper { position: absolute; top: 0; right: 0; left: 0; } .collection-grid-3-caption-bg { position: absolute; z-index: 1; top: 50%; left: 50%; padding: 10px 15px; box-shadow: 0 2px 22px rgba(0, 0, 0, .16); transform: translate(-50%, -50%); text-align: center; background: rgba(255, 255, 255, .9); } .collection-grid-3-title { font-size: 18px; font-weight: bold; line-height: 1.2em; margin-bottom: 5px; color: #282828; } .collection-grid-3-subtitle { font-size: 13px; font-weight: 400; line-height: 1.2em; margin-bottom: 0; color: #8d92a3; } /* catoogery-filter-mobile-start */ @media(max-width: 768px) { .categbody .offcanvas__stikcy--toolbar { display: none; } .filter_column_start { display: block !important; } } .filter_column_start { margin-top: 0px; display: none; position: fixed; bottom: 0px; left: 0px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1); width: 100%; z-index: 9999; } .box_f1 { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .16); } .nav_listed { overflow-x: hidden; background-color: #fff; } .nav_listed { overflow: scroll; } .nav_listed ul { padding-left: 0; /* overflow: scroll; */ /* width: max-content; */ display: flex; align-items: center; justify-content: space-between; } .nav_listed ul li { /*margin-right: 10px;*/ border-right:1px solid #a1a1a12b; /*padding-right: 10px;*/ width: 50%; text-align: center; list-style: none; } .nav_listed ul li:last-child { border-right: none; } .nav_listed ul li a { color: #343a40; font-size: 12px; line-height: 1.5; padding: 10px; display: flex; font-weight: 600; letter-spacing: normal; align-items: center; justify-content: center; } .nav_listed ul li a img { margin-right: 5px; } .inselo { display: flex; line-height: 14px; flex-direction: column; align-items: flex-start; } .lasrow { margin-right: 5px; } .inselo small { font-size: 10px; color: #737373; font-weight: 500; } .first_modal .modal-content { overflow-x: hidden; overflow-y: auto; background-color: white; height: auto; } .modals { position: fixed; /*top: 0;*/ left: 0; bottom: -67%; z-index: 1060; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; /*margin-bottom: 10px;*/ } .gendmod { position: fixed; /*top: 0;*/ left: 0; bottom: 0px; z-index: 1060; display: none; width: 100%; height: fit-content; overflow-x: hidden; overflow-y: auto; outline: 0; /*margin-bottom: 10px;*/ } .modals .modal-body { padding: 10px 10px 10px; } .first_modal .modal-dialog { margin: 0; position: relative; max-width: 100%; } .first_modal .modal-footer { position: fixed; bottom: 0; width: 100%; } .first_modal .gaps_bet h5 { font-size: 20px; } .first_modal .gaps_bet { display: flex; justify-content: space-between; align-items: center; padding: 0px 0px 10px; } .first_modal .btn_close { border: none !important; background: none !important; text-transform: uppercase; } .wrapping_fill { margin-bottom: 0px; } .flt_box input[type='radio'] { display: block; height: 14px; width: 14px; } .flt_box ul { padding-left: 0; } .flt_box ul li { list-style: none; padding-bottom: 5px; margin-bottom: 5px; } .flt_box ul li .wraping_flt { display: flex; justify-content: space-between; align-items: center; font-size: 12px; } .flt_box ul li span { color: #333; } @media (min-width: 576px) { .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } } .form-inline .form-control { display: inline-block; width: 60%; vertical-align: middle; } @media (max-width: 768px) { .form-inline .form-control { display: inline-block; width: 65%; vertical-align: middle; } } .box_top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px; } .card-body h3, .card-body p { margin: 5px 0; } .card-body img { width: 30%; } .wrap { /* max-height: 0; */ display: none; overflow: hidden; transition: .7s; } .boxed_label { transition: .7s; } .s_start ul { list-style: none; padding-left: 0px; } .s_start ul li input[type="radio"] { display: inline-block !important; } .s_start ul li { font-size: 12px; color: #000; } .cardScroll { display: flex; column-gap: 10px; flex-direction: row !important; overflow-x: scroll; align-items: center; } .cardScroll .card-body { width: 100%; min-width: 85%; } .cardScroll::-webkit-scrollbar { width: 10px; padding: 1px; height: 8px; } /* Track */ .cardScroll::-webkit-scrollbar-track { /* box-shadow: inset 0 0 5px grey; */ border-radius: 10px; } /* Handle */ .cardScroll::-webkit-scrollbar-thumb { background-color: #00cbf2; border-radius: 10px; } /* Handle on hover */ .cardScroll::-webkit-scrollbar-thumb:hover { background: #33c7fd; } .form-inline .btn__sm { padding: 10px; } /* catoogery-filter-mobile-end */ .page-footer { margin-top: 80px; } .holder { margin-top: 50px; } .page-title { display: flex; } .page-title>*:only-child { margin-bottom: 0; } .filter-row .clear-filters, .selected-filters-wrap .clear-filters { padding: 0 9px; } .filter-row .clear-filters:after, .selected-filters-wrap .clear-filters:after { display: none; } .filter-row .clear-filters>*, .selected-filters-wrap .clear-filters>* { padding: 0 2px; } @media (min-width: 1025px) { .filter-row .hide-filter-mobile { display: none; } } @media (max-width: 1024px) { .filter-row .hide-filter-mobile { display: -ms-flexbox; display: flex; } } .filter-row { position: relative; overflow: hidden; margin: -10px 0 10px; padding: 10px; color: #282828; background: #fff; } .filter-row select.form-control:hover { border-color: #efefef; } @media (max-width: 767px) { .filter-row { padding: 10px 0; margin-bottom: 0px; } } .filter-row .row {} @media (max-width: 1199px) { .filter-row .row { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 767px) { .filter-row .row { -ms-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; } } .filter-row .row>* { margin: 0 20px; } @media (max-width: 1860px) { .filter-row .row>* { margin: 0 15px; } } @media (max-width: 1199px) { .filter-row .row>* { margin: 0 10px; } } @media (max-width: 767px) { .filter-row .row>* { margin: 0 0px; } } .filter-row .select-wrap, .filter-row .viewmode-wrap { display: -ms-flexbox; display: flex; margin-left: 10px; -ms-flex-align: center; align-items: center; } .filter-row .viewmode-wrap { padding-top: 2px; } .filter-row .select-wrapper { background-color: #f7f7f8; } .filter-row .view-mode>* { font-size: 26px; line-height: 1em; cursor: pointer; transition: .2s; color: #aeb0b8; } .filter-row .view-mode>*.active, .filter-row .view-mode>*:hover { color: #000; } .filter-row .select-label { font-size: 15px; font-weight: 600; line-height: 1em; display: block; text-align: center; text-decoration: none; color: #282828; } .filter-row .select-label+* { margin-left: 7px; } .filter-row .select-wrapper-sm select { padding: 0 30px 0 15px; background-color: transparent; } @media (max-width: 1199px) { .filter-row .select-wrapper-xxs select { max-width: 145px; } } .filter-row .select-wrapper:before, .filter-row .select-wrapper-sm:before { background-color: transparent; } .filter-row .selected-filters-wrap .selected-filters li { margin: 5px 5px 5px 0; } .select-wrapper:before { font-family: 'icon-foxic'; font-size: 17px; line-height: 50px; position: absolute; top: 1px; right: 1px; bottom: 1px; width: 61px; content: '\e949'; text-align: center; pointer-events: none; color: #282828; background-color: transparent; } @media screen and (max-width: 991px) { .select-wrapper:before { line-height: 46px; width: 46px; } } .select-wrapper.select-wrapper-xxs .form-control { font-size: 15px; height: 34px; } input[type=text], input[type=email], input[type=password], textarea, .select-wrapper select, .select-wrapper-sm select { appearance: none; -moz-appearance: none; -webkit-appearance: none; } .select-wrapper select { padding: 0 44px 0 14px; background-color: #f7f7f8; } .tab-content input.spr-form-input:not(.spr-starrating), .tab-content textarea.spr-form-input, .tab-content .form-control, .tab-content .select-wrapper select { background-color: #f9f9f9; } .tab-content input.spr-form-input:not(.spr-starrating), .tab-content input.spr-form-input:not(.spr-starrating):focus, .tab-content textarea.spr-form-input, .tab-content textarea.spr-form-input:focus, .tab-content .form-control, .tab-content .form-control:focus, .tab-content .select-wrapper select, .tab-content .select-wrapper select:focus { background-color: #f9f9f9; } .panel-group--style1 .panel-body input.spr-form-input:not(.spr-starrating), .panel-group--style1 .panel-body textarea.spr-form-input, .panel-group--style1 .panel-body .form-control, .panel-group--style1 .panel-body .select-wrapper select { background-color: #f9f9f9; } .panel-group--style1 .panel-body input.spr-form-input:not(.spr-starrating), .panel-group--style1 .panel-body input.spr-form-input:not(.spr-starrating):focus, .panel-group--style1 .panel-body textarea.spr-form-input, .panel-group--style1 .panel-body textarea.spr-form-input:focus, .panel-group--style1 .panel-body .form-control, .panel-group--style1 .panel-body .form-control:focus, .panel-group--style1 .panel-body .select-wrapper select, .panel-group--style1 .panel-body .select-wrapper select:focus { background-color: #f9f9f9; } .panel-group--style2 .panel-body input.spr-form-input:not(.spr-starrating), .panel-group--style2 .panel-body textarea.spr-form-input, .panel-group--style2 .panel-body .form-control, .panel-group--style2 .panel-body .select-wrapper select { background-color: #f9f9f9; } .panel-group--style2 .panel-body input.spr-form-input:not(.spr-starrating), .panel-group--style2 .panel-body input.spr-form-input:not(.spr-starrating):focus, .panel-group--style2 .panel-body textarea.spr-form-input, .panel-group--style2 .panel-body textarea.spr-form-input:focus, .panel-group--style2 .panel-body .form-control, .panel-group--style2 .panel-body .form-control:focus, .panel-group--style2 .panel-body .select-wrapper select, .panel-group--style2 .panel-body .select-wrapper select:focus { background-color: #f9f9f9; } select option:not([disabled]) { color: #282828; } @media (min-width: 1025px) { .filter-col.filter-col--opened-desktop { left: 0 !important; margin-left: 0; } .filter-col.filter-col--opened-desktop+.filter-toggle { display: none; } .filter-col--opened-desktop.aside--left { padding-right: 15px; } } .filter-col.filter-col--opened-desktop { overflow: inherit; height: auto; } @media (max-width: 767px) { .aside:not(.filter-col)+.aside { margin-top: 35px; } } @media (min-width: 1200px) { .is-filters-opened:not(.has-horizontal-filter) .prd-horgrid .prd, .filter-col--opened-desktop~.aside .prd-horgrid.product-listing .prd { max-width: calc(33.32% - 30px); -ms-flex: 0 0 calc(33.32% - 30px); flex: 0 0 calc(33.32% - 30px); } } @media (min-width: 1200px) { body.has-sm-container .is-filters-opened:not(.has-horizontal-filter) .prd-horgrid .prd, body.has-sm-container .filter-col--opened-desktop~.aside .prd-horgrid.product-listing .prd { max-width: calc(49.9% - 30px); -ms-flex: 0 0 calc(49.9% - 30px); flex: 0 0 calc(49.9% - 30px); } } @media (max-width: 1439px) and (min-width: 1025px) { .is-filters-opened:not(.has-horizontal-filter) .prd-horgrid .prd, .filter-col--opened-desktop~.aside .prd-horgrid.product-listing .prd { max-width: calc(49.9% - 30px); -ms-flex: 0 0 calc(49.9% - 30px); flex: 0 0 calc(49.9% - 30px); } } @media (min-width: 1025px) { .is-filters-opened:not(.has-horizontal-filter) .container--boxed .prd-horgrid .prd, .container--boxed .filter-col--opened-desktop~.aside .prd-horgrid.product-listing .prd { max-width: calc(49.9% - 30px); -ms-flex: 0 0 calc(49.9% - 30px); flex: 0 0 calc(49.9% - 30px); } } @media (min-width: 1025px) { .is-filters-opened:not(.has-horizontal-filter) .prd-grid.product-listing.data-to-show-6 .prd, .filter-col--opened-desktop~.aside .prd-grid.product-listing.data-to-show-6 .prd { max-width: calc(19.9% - 30px); -ms-flex: 0 0 calc(19.9% - 30px); flex: 0 0 calc(19.9% - 30px); } .is-filters-opened:not(.has-horizontal-filter) .prd-grid.product-listing.data-to-show-5 .prd, .filter-col--opened-desktop~.aside .prd-grid.product-listing.data-to-show-5 .prd { max-width: calc(24.9% - 30px); -ms-flex: 0 0 calc(24.9% - 30px); flex: 0 0 calc(24.9% - 30px); } .is-filters-opened:not(.has-horizontal-filter) .prd-grid.product-listing.data-to-show-4 .prd, .filter-col--opened-desktop~.aside .prd-grid.product-listing.data-to-show-4 .prd { max-width: calc(24.9% - 30px); -ms-flex: 0 0 calc(24.9% - 30px); flex: 0 0 calc(24.9% - 30px); } .is-filters-opened:not(.has-horizontal-filter) .prd-grid.product-listing.data-to-show-3 .prd, .filter-col--opened-desktop~.aside .prd-grid.product-listing.data-to-show-3 .prd { max-width: calc(33.32% - 30px); -ms-flex: 0 0 calc(33.32% - 30px); flex: 0 0 calc(33.32% - 30px); } .is-filters-opened:not(.has-horizontal-filter) .prd-grid.product-listing.data-to-show-2 .prd, .filter-col--opened-desktop~.aside .prd-grid.product-listing.data-to-show-2 .prd { max-width: calc(49.9% - 30px); -ms-flex: 0 0 calc(49.9% - 30px); flex: 0 0 calc(49.9% - 30px); } .is-filters-opened:not(.has-horizontal-filter) .prd-grid.product-listing.data-to-show-1 .prd, .filter-col--opened-desktop~.aside .prd-grid.product-listing.data-to-show-1 .prd { max-width: calc(100% - 30px); -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); } } @media (max-width: 1439px) and (min-width: 1025px) { .is-filters-opened:not(.has-horizontal-filter) .prd-grid.product-listing.data-to-show-6 .prd, .filter-col--opened-desktop~.aside .prd-grid.product-listing.data-to-show-6 .prd { max-width: calc(19.9% - 30px); -ms-flex: 0 0 calc(19.9% - 30px); flex: 0 0 calc(19.9% - 30px); } .is-filters-opened:not(.has-horizontal-filter) .prd-grid.product-listing.data-to-show-5 .prd, .filter-col--opened-desktop~.aside .prd-grid.product-listing.data-to-show-5 .prd { max-width: calc(24.9% - 30px); -ms-flex: 0 0 calc(24.9% - 30px); flex: 0 0 calc(24.9% - 30px); } .is-filters-opened:not(.has-horizontal-filter) .prd-grid.product-listing.data-to-show-4 .prd, .filter-col--opened-desktop~.aside .prd-grid.product-listing.data-to-show-4 .prd { max-width: calc(33.32% - 30px); -ms-flex: 0 0 calc(33.32% - 30px); flex: 0 0 calc(33.32% - 30px); } .is-filters-opened:not(.has-horizontal-filter) .prd-grid.product-listing.data-to-show-3 .prd, .filter-col--opened-desktop~.aside .prd-grid.product-listing.data-to-show-3 .prd { max-width: calc(25% - 30px); -ms-flex: 0 0 calc(25% - 30px); flex: 0 0 calc(25% - 30px); } .is-filters-opened:not(.has-horizontal-filter) .prd-grid.product-listing.data-to-show-2 .prd, .filter-col--opened-desktop~.aside .prd-grid.product-listing.data-to-show-2 .prd { max-width: calc(100% - 30px); -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); } .is-filters-opened:not(.has-horizontal-filter) .prd-grid.product-listing.data-to-show-1 .prd, .filter-col--opened-desktop~.aside .prd-grid.product-listing.data-to-show-1 .prd { max-width: calc(100% - 30px); -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); } } @media (max-width: 1600px) and (min-width: 1025px) { .is-filters-opened:not(.has-horizontal-filter) .prd-grid.product-listing.data-to-show-6 .prd, .filter-col--opened-desktop~.aside .prd-grid.product-listing.data-to-show-6 .prd { max-width: calc(24.9% - 30px); -ms-flex: 0 0 calc(24.9% - 30px); flex: 0 0 calc(24.9% - 30px); } } /* 8.3. Category Page */ .filter-col h3, .filter-col .h3-style { margin-bottom: 15px; } .filter-col h3 span, .filter-col .h3-style span { font-size: 15px; } .filter-col:not(.filter-col--opened-desktop), .filter-col:not(.filter-col--opened-desktop)+.filter-toggle { visibility: hidden; } .filter-col--init, .filter-col:not(.filter-col--opened-desktop).filter-col--init, .filter-col--init+.filter-toggle, .filter-col:not(.filter-col--opened-desktop).filter-col--init+.filter-toggle { visibility: visible; } .filter-col { position: relative; overflow: hidden; height: 0; transition: left .35s, margin .35s; } @media (min-width: 1921px) { .filter-col { max-width: 425px; margin-left: -425px; -ms-flex: 0 0 425px; flex: 0 0 425px; } } @media (max-width: 1920px) { .filter-col { max-width: 270px; margin-left: -320px; -ms-flex: 0 0 320px; flex: 0 0 320px; } } .filter-col--opened { left: 0 !important; overflow: inherit; height: auto; margin-left: 0; } .filter-col--opened+.filter-toggle [class*='icon-']:last-child { display: block; } .filter-col--opened+.filter-toggle [class*='icon-']:first-child { display: none; } .filter-col--sticky .filter-col-content { position: -webkit-sticky; position: sticky; top: 0; transform: translate3d(0, 0, 0); } body:not(.has-sticky) .filter-col--sticky .filter-col-content { top: 100px !important; } @media (min-width: 1025px) { .filter-col.filter-col--opened+.filter-toggle { width: 45px; margin-right: -8px !important; margin-left: -38px !important; } } .sidebar-block { position: relative; } @media (min-width: 992px) { .sidebar-block:not(.d-filter-mobile)+.sidebar-block { border-color: #f4f4f4; border-top-width: 1px; border-top-style: solid; } .sidebar-block:not(.d-filter-mobile)+.sidebar-block .sidebar-block_title { } .sidebar-block.d-filter-mobile+.sidebar-block { margin-top: -9px; } } @media (max-width: 991px) { .sidebar-block+.sidebar-block { border-color: #f4f4f4; border-top-width: 1px; border-top-style: solid; } .sidebar-block+.sidebar-block .sidebar-block_title { padding-top: 18px; } } @media (min-width: 1025px) { .sidebar-block:not(.d-filter-mobile)+h3 { margin-top: 20px; } } @media (max-width: 1024px) { .sidebar-block+h3 { margin-top: 20px; } } .sidebar-block+div:not(.sidebar-block) { margin-top: 0; } .sidebar-block:last-child { border-bottom: 0; } .sidebar-block .sidebar-block_title { position: relative; z-index: 1; padding: 10px 0px ; } .sidebar-block .sidebar-block_content { margin-top: 0; transition: opacity .5s ease; } .sidebar-block .toggle-arrow { position: absolute; z-index: 100; top: 10px; right: 0; display: block; width: 50px; height: 100%; cursor: pointer; transition: all .2s ease; } .sidebar-block .toggle-arrow span:first-child:after { font-family: 'icon-foxic'; font-size: 27px; position: relative; font-weight: 100; top: 1px; padding-left: 2px; content: '\e949'; color: #333; } .sidebar-block .toggle-arrow span:last-child { /*position: absolute; top: 50%; left: 50%; width: 1px; height: 11px; margin-top: -5px; margin-left: 0; transition: .35s ease-in-out; transform: rotate(-90deg); background-color: #282828;*/ } .sidebar-block.open .collapsed-content { position: relative; top: 0; visibility: visible; opacity: 1; } .sidebar-block.open .sidebar-block_title>.toggle-arrow span:first-child:after { content: '\e94a'; } .sidebar-block.open .sidebar-block_title>.toggle-arrow span:last-child { transform: rotate(90deg); } .block-border-off .sidebar-block { border-width: 0 !important; } .sidebar-block_title { font-family: system-ui; font-size: 15px; font-weight: 600; line-height: 1.333em; position: relative; z-index: 1; cursor: pointer; } @media (max-width: 991px) { .sidebar-block_title { font-size: 14px; } } .sidebar-block_title span, .sidebar-block_title a { transition: color .2s ease; text-decoration: none; color: #282828; } .sidebar-block_title:hover a, .sidebar-block_title:hover span { color: #5ce1e9; } .sidebar-block_title:hover .toggle-arrow:before { color: #282828; } .sidebar-block_content { padding: 0 0 18px; } .sidebar-block.collapsed .sidebar-block_content { display: none; opacity: 0; } .sidebar-block.open .sidebar-block_content { position: relative; z-index: 2; opacity: 1; } .sidebar-block ul.category-list { margin: -4px 0 0; padding-left: 13px; list-style: none; } .sidebar-block ul.category-list li { position: relative; } .sidebar-block ul.category-list ul { padding: 4px 0 0 20px; } .sidebar-block ul.category-list.two-column li:first-child:not(:only-child) { float: left; } .sidebar-block ul.category-list .toggle-category { font-size: 12px; position: absolute; top: 0; right: 0; display: -ms-flexbox; display: flex; width: 50px; height: 25px; cursor: pointer; text-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .sidebar-block ul.category-list .toggle-category:hover [class*='icon']:before { display: block; content: '\e902'; transform: rotate(-45deg); } .sidebar-block ul.category-list .toggle-category [class*='icon'] { display: block; transition: transform .2s ease-out; } .sidebar-block ul.category-list li a { font-size: 13px; line-height: 16px; position: relative; display: -ms-inline-flexbox; display: inline-flex; width: 100%; min-height: 25px; padding: 5px 0 4px 10px; text-decoration: none; color: rgba(45,45,45,.7); } /*.sidebar-block ul.category-list li a:after, .sidebar-block ul.category-list li a:before { position: absolute; left: 0; display: block; box-sizing: content-box; content: ''; }*/ .sidebar-block ul.category-list li a:after { top: 8px; left: 5px; width: 8px; height: 4px; transition: none; transform: rotate(-45deg) scale(0); border-width: 0 0 2px 2px; border-style: solid; border-color: #282828; background-color: transparent; } .sidebar-block ul.category-list li a:before { top: 4px; width: 16px; height: 16px; transition: background-color .2s; border: 1px solid transparent; background-color: #f7f7f8; } .sidebar-block ul.category-list li a.open~ul { visibility: visible; opacity: 1; } .sidebar-block ul.category-list li a.open+.toggle-category [class*='icon'] { transform: rotate(-180deg); } .sidebar-block ul.category-list li a.open+.toggle-category:hover [class*='icon']:before { content: '\e902'; transform: rotate(0deg); } .sidebar-block ul.category-list li a:hover, .sidebar-block ul.category-list li.active>a { color: #282828; background-color: #f7f7f7; } .sidebar-block ul.category-list li a:hover:after, .sidebar-block ul.category-list li.active>a:after { transition: transform .2s ease-out; transform: rotate(-45deg) scale(1); } @media (max-width: 1199px) { .filter-row .selected-filters-wrap { min-width: calc(100% - 25px); margin: 0 10px 10px; text-align: center; } .filter-row .selected-filters-wrap .selected-filters li { padding: 4px 2px; } } .filter-row.disable { pointer-events: none; } .filter-row.disable .row { display: none; } .category_column { width: 100%; } .catfil_box { display: flex; align-items: center; justify-content: flex-end; } .catfil_box { justify-content: space-between; } .cat_head .lft { font-size: 16px; margin-bottom: 0px; } .cat_head .R12_75 { font-size: 13px !important; color: rgba(45, 45, 45, .5); line-height: 17px; text-transform: uppercase; font-weight: 700; } .select-wrapper.select-wrapper-xxs:before { line-height: 34px; width: 34px; } #modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; display: none; opacity: 0.5; height: 100vh; background-color: #000; } .filter_modal .modal-content { background-color: white; } .filter_modal .modal-dialog { margin: 0; position: relative; max-width: 100%; } .filter_modal .modal-footer { position: fixed; bottom: 0; width: 100%; } .filter_modal .gaps_bet h5 { font-size: 20px; } .filter_modal .gaps_bet { display: flex; justify-content: space-between; align-items: center; padding: 0px 0px 10px; } .filter_modal .btn_close { border: none !important; background: none !important; text-transform: uppercase; } .filter_modal .modal-body { padding: 0px !important; } .backbtn { z-index: 5; background: #fff; border-bottom: 1px solid #e0e0e0; font-size: 16px; padding-left: 17px; color: #424242; width: 100%; } .ind-module { position: fixed; background: #fff; z-index: 11; bottom: -5px; left: 0; right: 0; width: 100%; height: 80%; transition: all .2s ease-in 0s; } .allflobo { /*height: calc(100% - 41px); position: fixed; width: 100%; height: 100%; background-color: #fff; top: 0; left: 0; overflow: scroll; z-index: 4; top: 41px;*/ } .mobileFilterTab { width: 100%; height: 100%; overflow: scroll; } .filter_modal .nav-pills { /*position: fixed; top: 45px;*/ /*height: 100vh; padding-left: 10px; width: 100%;*/ } .clearfix { clear: both; } .mobscrol { overflow: scroll; height: 100vh; } .mobileFilterTab--left { background-color: rgba(0, 0, 0, .05); position: absolute; left: 0; top: 57px; width: 35%; z-index: 11; height: 100%; max-height: 550px; padding-bottom: 100px; overflow: auto; } .mobileFilterTab--right { width: 100%; min-height: 200px; max-height: 500px; height: 550px; padding: 5px 20px 100px 40%; overflow: auto; } .filterHeading { padding: 18px 15px; border-bottom: 1px solid rgba(0, 0, 0, .1); } .filterHeading h4 { font-family: montserrat, sans-serif; font-size: 16px; color: #000; line-height: normal; margin-bottom: 0px; float: left; } .filterHeading .clearAllBtn { float: right; } .filterHeading:after { display: block; content: ""; clear: both; } .anchorStyle { font-size: 14px; color: #42a2a2; font-family: montserrat-bold, sans-serif; cursor: pointer; display: block; line-height: 18px; } .filter_modal .nav-pills a { font-size: 12px; color: #000; line-height: normal; padding: 15px; position: relative; text-align: left; font-family: montserrat-bold, sans-serif; text-transform: capitalize; } .filter_modal .tab-content { padding-top: 0px; } .filmobs .sidebar-block .sidebar-block_title { padding: 0px 6px 0px 0px; } .filmobs .sidebar-block_content { padding-left: 7px; } .filmobs .sidebar-block li { list-style: none; border-bottom: 1px solid rgba(0, 0, 0, .05); } .filmobs .sidebar-block li a { display: flex; align-items: center; padding: 10px 0px; } .filmobs .sidebar-block li a label { margin-bottom: 0px; font-size: 11px; vertical-align: text-bottom; color: #333; } .filmobs .sidebar-block li a input { width: 16px; margin-right: 10px; height: 16px; } .mobileFilterTab--details-color { display: inline-block; height: 24px; width: 24px; border: 1px solid rgba(0, 0, 0, .09); border-radius: 1px; margin-right: 10px; vertical-align: middle; } .aplbtnuj { font-size: 16px ! IMPORTANT; text-transform: uppercase; font-weight: 500 !important; } .filterActionBtn--apply { background-color: #42a2a2; color: #fff !important; } .colorName label { font-size: 14px; } @media (min-width: 1025px) { .d-filter-mobile { display: none; } .hide-filter-mobile { display: -ms-flexbox; display: flex; } .filter-col-horizontal { position: relative; overflow: hidden; height: 0; } .filter-col-horizontal.filter-col--opened-desktop { height: auto; } .filter-col-horizontal.filter-col--opened-desktop+.filter-toggle { display: none; } .filter-col-horizontal.filter-col--opened-desktop .filter-row-content .sidebar-block-horizontal .filter-row-close { display: none; } .filter-row-content { padding: 0 0 20px; } .filter-row-content>.row>* { min-width: 25%; padding: 0 15px; padding-bottom: 30px; -ms-flex: 0 0 25%; flex: 0 0 25%; } .filter-row-content>.row>.filter-row-col-auto { -ms-flex: 1; flex: 1; } .filter-row-content>.row>.filter-row-col-12 { min-width: 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; } .filter-row-content>.row>.filter-row-col-16 { min-width: 16.666%; -ms-flex: 0 0 16.666%; flex: 0 0 16.666%; } .filter-row-content>.row>.filter-row-col-25 { min-width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .filter-row-content>.row>.filter-row-col-33 { min-width: 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; } .filter-row-content .sidebar-block_content { padding-bottom: 0; } .filter-row-content .sidebar-block .toggle-arrow { display: none; } .filter-row-content .sidebar-block:first-child .sidebar-block_title { padding-top: 0; } .filter-row-content .sidebar-block:not(.d-filter-mobile)+.sidebar-block { border-top: 0; } .filter-row-content .sidebar-block .sidebar-block_title { padding-top: 0 !important; } .filter-row-content .sidebar-block_title { padding: 0 0 18px; pointer-events: none; } .filter-row-content .sidebar-block_title:hover a, .filter-row-content .sidebar-block_title:hover span, .filter-row-content .sidebar-block_title:hover .toggle-arrow:before { color: #282828; } .filter-row-content .sidebar-block_content+.sidebar-block_title { margin-top: 18px; } .filter-row-content h3 { margin-bottom: 5px; } .filter-row-content .sidebar-block.collapsed .sidebar-block_content { display: block; opacity: 1; } .filter-row-content .sidebar-block-horizontal { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .filter-row-content .sidebar-block-horizontal>*+* { margin-left: 15px; } .filter-row-content .sidebar-block-horizontal .selected-filters li { display: inline-block; margin-top: 5px; margin-bottom: 5px; } .filter-row-content .sidebar-block-horizontal .filter-row-close { font-size: 13px; font-weight: bold; display: -ms-flexbox; display: flex; width: auto; margin-left: auto; padding-left: 10px; -ms-flex-align: center; align-items: center; } .filter-row-content .sidebar-block-horizontal .filter-row-close [class*='icon'] { padding-left: 5px; } .filter-row-content .sidebar-block-horizontal .filter-row-close:hover { text-decoration: none; } .filter-col-horizontal+.filter-toggle { position: absolute; top: 0; left: 0; visibility: hidden; margin-left: -50px; transition: opacity .25s; } .filter-col-horizontal.filter-col--init+.filter-toggle { visibility: visible; } .filter-col-horizontal.filter-col--opened+.filter-toggle { transition: 0s; pointer-events: none; opacity: 0; } .sidebar-block.d-filter-mobile+.sidebar-block { margin-top: 0; } } @media (min-width: 1025px) { .filter-toggle .loader-horizontal { display: none !important; } } @media (max-width: 768px) { .categbody .catfil_box { width: 100%; float: none; justify-content: center !important; } .categbody .cat_head .lft { font-size: 14px !important; } } /*login page start*/ .logsleft { background-image: linear-gradient(0deg, #fff4c4, #fff); } .login-welcom-text { text-align: center; } .lofimg { text-align: center; } .lofimg img { width: 100%; } .cntrycode { background: #f5f5f5; padding: 5px; border-radius: 5px; } .cntrycode img { height: 20px; } .fordiv { display: flex; border: 1px solid #111; border-radius: 5px; padding: 15px; } .mobtxt { margin-left: 10px; width: 80%; border: none; padding-left: 10px; } .mobtxt::placeholder { font-weight: 600; } .btncontin { width: 100%; height: 52px; border: none; border-radius: 5px; outline: none; letter-spacing: .5px; background-color: #2aaab1; font-weight: 600; font-size: 16px; font-family: montserrat, sans-serif; color: #fff; text-transform: uppercase; } .connectWithTitle { padding: 0 0 10px; color: #181818; margin-top: 10px; text-align: center; } .connectWithTitle hr { margin: 0 0 -7px; } .connectWithTitle hr { width: 110%; margin: 0 0 -12px -5%; } .connectWithTitle .socialHeading { text-align: center; color: #000; font-size: 12px; font-family: montserrat-regular, sans-serif; background: #fff; padding: 0 7px; position: relative; } .soc-login { margin-top: 43px; } .socialLogins { width: 100%; } .connectWithWrapper { padding: 20px 20px 0; width: 100%; padding-top: 4%; font-size: 13px; letter-spacing: 1px; } .socialLogins .connectWithWrapper button { height: 39px; border-radius: 5.8px; border: 1px solid #aeaeae; background: #fff; font-weight: 800; color: #5c5c5c; font-size: 14px; font-family: montserrat-bold, sans-serif; width: 100%; text-transform: uppercase; line-height: 20px; margin-bottom: 10px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .socialLogins .connectWithWrapper button img { width: 18px; margin-right: 10px; } .socialLogins .connectWithWrapper .soc { display: -ms-flexbox; display: flex; } .termsAndConditions { font-size: 12px; font-family: montserrat-regular, sans-serif; color: #a0a0a0; line-height: 20px; text-align: center; margin-top: 15px; } .termsAndConditions a { color: #42a2a2; font-family: montserrat-bold, sans-serif; } .logsright { display: flex; align-items: center; height: 100%; justify-content: center; } .login-text-desk-wrap { margin-top: 20px; text-align: center; } .login-text-desk-wrap h1 { font-size: 24px; font-family: montserrat-bold, sans-serif; margin-bottom: 22px; } .login-text { font-family: montserrat, sans-serif; font-size: 18px; color: #a0a0a0; margin: 0 0 40px; line-height: 1.44; } .molinner { width: 70%; margin: auto; } /*login page end*/ /*email page start*/ .emial-body { background-image: linear-gradient(0deg, #5ce1e9, #fff); } .toggle-password { cursor: pointer; margin-right: 10px; position: absolute; right: 10px; bottom: 15px; } .have_acc { text-align: center; font-weight: 800; margin-top: 80px !important; margin-bottom: 50px !important; } .emaiform { width: 40%; margin: auto; } .btnemil { background-color: #989898; width: 100%; height: 48px; border: none; border-radius: 5px; outline: none; letter-spacing: .5px; font-size: 16px; font-family: montserrat, sans-serif; color: #fff; text-transform: uppercase; } .formodel.fancybox-content { padding: 15px !important; } .formodel h5 { font-weight: 900 !important; } .emtxtja { color: #000; text-align: center; display: block; width: 80%; margin: 0 auto; padding-bottom: 30px; line-height: normal; font-size: 14px; opacity: .5; font-weight: 500; } .thecol { background-color: #1fa7af; } .borafter:after { position: absolute; content: ""; width: 117px; height: 2px; background-color: rgb(90 227 230); display: block; margin: 6px 0px 0px 2px; } .cartile { margin-bottom: 50px; } .filter-row .col-md-12 { margin: 0px; padding: 10px 5px; } .cat_head { display: flex; justify-content: space-between; margin-bottom: 20px; } .filclet { color: #5ae0e2; font-size: 12px; font-weight: 600; } .slefetus { display: flex; align-items: center; justify-content: flex-end; } .slefetus .select-wrapper select { background-color: transparent; } .slefetus .select-label { font-size: 12px !important; color:#888; line-height: 17px; text-transform: uppercase; font-weight: 700; margin-bottom: 0px; } .fabric_tag_container { border: 1px solid rgb(115, 115, 115); background: white; width: fit-content; font-size: 10px; font-weight: 600; line-height: 8px; } .tag_label_plp { color: rgb(115, 115, 115); } .reviebox { position: absolute !important; bottom: 20px; left: 0px; top: auto !important; background: rgb(247, 247, 247); padding: 1px 4px 0px 8px; font-size: 10px !important; line-height: 14px; vertical-align: revert-layer; display: flex !important; font-weight: 600; align-items: center; color: rgba(0, 0, 0, 0.9); } .reviebox i { margin-right: 5px; font-size: 10px; color: gold; } .colorPickerBox li { display: inline-block; border-radius: 4px; /*background-color: #fff;*/ width: 30px; height: 30px; margin: 0 9px 10px 0; padding: 0; } .colo-list { padding-left: 10px; } .colorList { float: left; } .colorLink { display: block; border: 1px solid #e6e6e6; border-radius: 4px; width: 30px; height: 30px; margin: 0 auto; } .clactfil { margin-left: 5px; font-size: 10px !important; color: #5ce1e9; } .filtersSection { z-index: 99; width: 100%; background-color: #fff; } .filtersSection .filtebox { overflow-x: scroll; align-items: center; display: flex; } .filtersSection .active-filter { opacity: .7; border: none; } .filtersSection .quickFilters { margin:8px; border: .5px solid hsla(0, 0%, 45.1%, .5); border-radius: 20px; height: 23px; min-width: -webkit-max-content; min-width: max-content; padding: 2px 15px; background-color: #f7f7f7; } .filtersSection .quickFilters .filterTabs h3 { text-transform: capitalize; margin-bottom: 0px; font-size: 11px; } .filtersSection .filtebox::-webkit-scrollbar { display: none; } .nav_listed::-webkit-scrollbar { display: none !important; padding: 0px !important; } #sortpop_box { z-index: 9999; height: auto; } .sortbyHeading { font-family: montserrat, sans-serif; font-size: 16px; color: #000; display: flex; margin-bottom: 5px; line-height: normal; text-align: left; padding: 18px 15px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1); align-items: center; justify-content: space-between; } .sortbyHeading i { color: #222 !important; } .fitactiv { color: #000; font-weight: 600; } #filter_popbox { height: 80%; } .mobcbox { display: flex; align-items: center; } .mLogoDiv h5 { margin-bottom: 0px; font-family: montserrat-regular, sans-serif !important; font-size: 12px !important; line-height: 18px !important; color: #0f0f0f; } .mLogoDiv span { font-family: montserrat-regular, sans-serif !important; font-size: 10px !important; line-height: 15px !important; color: #737373; } .mActionMenu { margin-left: 10px; } .mLogoDiv { line-height: 10px; } .homepage .mobarcat { display: none; } .cat_contbox p { font-size: 12px; color: #999; font-weight: 400; } .subhecoa { font-size: 14px; } .mhecon { font-size: 14px; } .mobarcat { display: none; } .charbse img { width: 100%; } .ssechei img { width: 100%; } .offinner ul { padding-left: 0px; } .offinner ul li { list-style: none; text-align: center; } .offinner ul li img { text-align: center; height: auto; width: auto; } .catfiimg { margin-bottom: 15px; } .catfiimg img { width: 100%; } .wihbell { font-size: 16px !important; } .addToCartBtn .addToBag { width: 100% !important; border: 0; margin-bottom: 20px; border: .5px solid #e3e5e9; cursor: pointer; padding: 0 12px; height: 32px; font-weight: 600; font-family: montserrat, sans-serif !important; font-size: 12px !important; line-height: 15px !important; text-transform: uppercase; color: #1db5be; display: flex; justify-content: center; -ms-flex-align: center; align-items: center; } .addToCartBtn .addToBag span { height: 13px; width: 12px; margin-right: 6px; } .addToCartBtn .addToBag span img { width: 100%; filter: hue-rotate(338deg); height: 100%; vertical-align: baseline; } .addToCartBtn .addToBag:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .newCatPageSideNavWrapper { width: 33.333333%; float: left; height: 100%; padding: 20px 0; background-color: #ececec; } .subCategoryWrapper { width: 66.666666%; padding: 0 0 10px 10px; height: 100%; overflow-y: scroll; } .newCatPageSideNavWrapper .catalogNavInner { margin-bottom: 0; width: 100%; height: 100%; overflow-y: scroll; display: inline-block; } .newCatPageSideNavWrapper .catalogNavInner li { width: 100%; } .newCatPageSideNavWrapper .catalogNavInner li a { font-family: montserrat-medium, sans-serif; font-size: 11px; font-weight: 500; color: rgba(0, 0, 0, .5); display: block; text-align: left; } .newCategoryPageWrapper { display: -ms-flexbox; width: 100%; position: fixed; top: 50px; bottom: 0px; overflow: hidden; } .subCatul li { list-style: none; } .subCategoryWrapper .subCategoryInner { display: inline-block; margin-right: 10px; margin-bottom: 15px; min-width: 105px; min-height: 105px; width: calc(49% - 10px); text-align: center; } .subCategoryWrapper .subCategoryInner img { width: 100%; } .subCategoryWrapper .subCategoryInner div { margin: 5px 0 0; position: relative; font-family: montserrat-regular, sans-serif; font-size: 11px; text-align: center; color: rgba(0, 0, 0, .8); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .openFullMenu { position: unset; text-align: left; padding: 0; border-radius: 4px; background-color: #f2f2f2; margin-right: 8px; height: 42px; } .iconMenuOption .fullSearchBox { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100%; position: relative; width: 100%; padding: 0; line-height: normal; } .msearchContainer { width: 100%; text-align: left; } .iconMenuOption span label { margin: 0; text-align: center; } .msearchContainer .msearchInput { font-size: 12px; border: none; padding: 5px 5px 5px 40px; width: 70%; background-color: #f2f2f2; } .msearchContainer .msearchClose { position: absolute; top: 0; right: 0px; padding: 10px 15px; font-size: 25px; /* line-height: 25px; */ color: #000; margin: 0; font-weight: 900; } .segsebox { width: 90% !important; } .msearchContainer .icon-search { font-size: 25px; top: 11px; font-weight: 900; left: 10px; position: absolute; } .sep-widget-contianer { /* height: calc(100% - 54px);*/ top: 54px; /* position: absolute;*/ left: 0; width: 100%; } .sep-widget-contianer .rec-srch { margin-top: 24px; } .img-scl-wrap img { transform: scale(1.5); } .rec-src-text { line-height: 18px; text-align: center; } .marecss { display: flex; align-items: center; justify-content: space-between; } .marecss p { margin-bottom: 0px; font-weight: 900; } .sep-widget-contianer .rec-srch .img-wrap { padding-left: 14px; padding-top: 12px; overflow-x: auto; overflow-y: hidden; margin-bottom: 0px; scroll-behavior: smooth; } .sep-widget-contianer .rec-srch .srch-img-wrap:first-child { margin-left: 0; } .sep-widget-contianer .rec-srch .srch-img-wrap { width: 72px; border-radius: 12px; margin-left: 18px; position: relative; } .sep-widget-contianer .rec-srch .srch-img-wrap .srch-img-border { border: 1px solid #d6d6d6; border-radius: 12px; height: 72px; width: 72px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .bkf-btn-wrap { border: none; border-radius: 4px; cursor: pointer; background: none; padding: 0; font-size: 12px; font-weight: 600; } .sep-widget-contianer .rec-srch .srch-img-wrap .img-scl-wrap { width: 68px; height: 68px; overflow: hidden; border-radius: 12px; } .sep-widget-contianer .rec-srch .srch-img-wrap .img-scl-wrap .srch-img { border-radius: 12px; width: 68px; height: 68px; -ms-transform: scale(1.5); transform: scale(1.5); } .sep-widget-contianer .rec-srch .srch-img-wrap .rec-src-text { text-align: center; white-space: normal; max-height: 36px; margin-top: 6px; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 11px !important; } .sep-widget-contianer .popular-searches-section { height: -webkit-fit-content; height: fit-content; padding-top: 20px; padding-bottom: 8px; } .categoriesTitle.on-sep { font-family: montserrat-bold, sans-serif; font-size: 16px; font-weight: 600; color: #000; padding: 0 16px; margin-bottom: 0; } .sep-widget-contianer .popular-searches-section .popular-search-wrapper { overflow: hidden; position: relative; padding: 12px; } .sep-widget-contianer .popular-searches-section .popular-search-wrapper .searched-text-bubble { height: 36px; margin: 4px; padding: 10px 20px 11px 17px; border-radius: 21px; border: 1px solid #cecece; background-color: var(--white); } .sep-widget-contianer .popular-searches-section .popular-search-wrapper .searched-text-bubble .popular-search-text { cursor: pointer; font-size: 12px; } .productHorizontalTitle.on-sep { margin: 0; padding: 0 16px; text-align: left; letter-spacing: 0; font-family: montserrat-bold, sans-serif; font-weight: 600; color: #111; } .hdr-inline-link .searchContainer.headerPoupBox { border: 1px solid rgba(0, 0, 0, .2); background: #fff; font-family: montserrat-regular, sans-serif; max-height: 550px; position: absolute; top: 46px; max-width: 360px; overflow: auto; height: auto; } .searchContainer { width: 100%; text-align: left; height: 40px; } .searchContainer.headerPoupBox .resultList { overflow-y: auto; } .searchContainer.headerPoupBox .showAll { font-family: montserrat, sans-serif; border-bottom: 2px solid #f5f5f5; line-height: normal; } .searchContainer.headerPoupBox .showAll a { font-size: 12px; display: block; padding: 12px; color: #000; } .searchContainer.headerPoupBox .showAll a .colorGrey { color: rgba(0, 0, 0, .5); } .productName { font-family: montserrat-regular, sans-serif ; font-size: 16px ; line-height: 20px ; /* padding-top: 8px !important; */ color: #737373 ; font-weight: 500; } @media screen and (max-width: 768px) { .searchContainer.headerPoupBox { left: 0; top: 48px; z-index: 1000; max-width: 100%; max-height: 100%; overflow: auto; } } @media screen and (max-width: 768px) { .searchContainer.headerPoupBox.on-sep { height: calc(100% - 48px); } } .pdt-r-wrap.pdp-des-wrap { position: relative; bottom: auto; padding: 3px 8px; border: .3px solid #949494; box-sizing: border-box; border-radius: 1px; background-color: #f7f7f7; font-family: montserrat-semibold, sans-serif !important; font-size: 14px !important; line-height: 17px !important; color: #303030; } .pdt-r-wrap.pdp-des-wrap i { font-size: 16px; } .clr-shade-2 { font-weight: 600; margin-left: 7px; } .prodDesc .priceRow { padding: 5px 0 0 !important; -ms-flex-wrap: wrap; flex-wrap: wrap; } .priceContainer { text-align: left; -ms-flex-direction: row; flex-direction: row; margin: 2px 5px 2px 0; width: 100%; } .priceContainer .prices .sellingPrice { font-family: montserrat-semibold, sans-serif !important; font-size: 24px !important; line-height: 24px !important; } .priceContainer .prices .sellingPrice span { font-family: montserrat-semibold, sans-serif !important; font-size: 16px !important; line-height: 18px !important; } .priceContainer .prices .discPrice { text-decoration: line-through; color: #949494; font-family: montserrat-regular, sans-serif !important; font-size: 14px !important; line-height: 18px !important; margin: 0px 8px 0px 4px; } .priceContainer .prices .offers.offer-perc-o p { font-family: montserrat, sans-serif !important; font-size: 16px !important; line-height: 19px !important; color: #00b852; margin-bottom: 0px; } .priceContainer .inclusiveOfAllTaxes { font-family: montserrat-regular, sans-serif !important; font-size: 12px !important; line-height: 15px !important; font-size: 9px; margin-top: 4px; color: #949494; } .last-bought-snippet { padding-block: 10px; width: 100%; display: -ms-flexbox; display: flex; } .last-bought-snippet .last-bought-wrapper { gap: 4px; padding: 3px 5px; background: linear-gradient(90deg, #b9e4ff, rgba(185, 228, 255, 0) 60%); border-radius: 4px; width: 100%; } .last-bought-snippet .last-bought-wrapper .title-info { font-family: montserrat-semibold, sans-serif !important; font-size: 14px !important; line-height: 19px !important; color: #1c6c9e; margin-bottom: 0px; } .d-fit-tags-ctr .tags-wrapper { width: inherit; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .d-fit-tags-ctr .tags-rect { background: #fff; padding: 2px 5px; color: rgb(115, 115, 115); border: 1px solid #303030 !important; } .d-fit-tags-ctr .tags-rect p{ padding: 3px 8px; margin-bottom:0px ; color: rgb(115, 115, 115); } .b-tab { display: none; } .b-tab.active { display: block; } .b-nav-tab { display: inline-block; padding: 8px 12px; } .b-nav-tab.active { color: #5ce1e9; border-bottom: 4px solid #5ce1e9; } .appcattop { padding: 0px !important; text-align: center; } .allcthdr { padding: 1px 0px !important; } .ratings-wrapper ul li { margin-top: 10px; } .rew-wrpr { margin-bottom: 20px; font-family: montserrat-regular, sans-serif; } .purchase-row-wrpr { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: baseline; align-items: baseline; } .purchase-row-wrpr .purchase-wrpr { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: end; align-items: flex-end; } .rating-star { width: 14px; margin-right: 1px; } .review { margin-top: 10px; opacity: .7; color: #000; line-height: 1.5; overflow: hidden; } .usr-imgs { margin-top: 20px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; border-bottom: 1px solid #e3e5e9; padding-bottom: 16px; } .imgs { cursor: pointer; width: 60px; height: 60px; margin-right: 10px; background-color: grey; border-radius: 6px; } .imgs img { height: 100%; } .dark { border-radius: 6px; background-color: #676767; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .usr-name { font-size: 12px; color: rgba(0, 0, 0, .5); margin-bottom: 0px; } .review, .usr-name { font-family: montserrat-regular, sans-serif; } .thumbsIcon { cursor: pointer; -ms-flex-align: center; align-items: center; height: 24px; } .thumbsIcon .upVoteCount { font-family: montserrat, sans-serif !important; font-size: 12px !important; line-height: 15px !important; width: -webkit-fit-content; width: fit-content; margin-top: 3px !important; margin-bottom: 0px; } .thumbsIcon img { width: 100%; height: 100%; } .reviewsWrpr ul { padding-left: 0px; } .reviewsWrpr ul li { list-style: none; } .review-time-flag-container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; margin-top: 6px; margin-bottom: 12px; } .review-time-flag-container .review-time { word-wrap: break-word; font-size: 11px; opacity: .5; margin-bottom: 0px; color: #000; } .share-link img { height: 24px; } .share-link { display: none; } .cart-prod-info-msg { font-size: 14px; color: #008c2d; margin-bottom: 8px; font-family: montserrat-medium, sans-serif; text-align: left !important; } .cart-table-prd-info .brandName { margin-bottom: 10px; margin-right: 24px; font-family: montserrat, sans-serif !important; font-size: 13px !important; line-height: 14px !important; color: var(--Neutrals-700, #4e5664); } .sizecrt { width: fit-content; padding: 0px 10px; height: auto; font-size: 12px; border: 1px solid #d2e5f0 !important; border-radius: 4px; } .offerBox { margin-bottom: 15px; border-radius: 4px; border-width: 1px; border-style: solid; border-color: rgb(234, 234, 234); background-color: rgb(255, 255, 255); color: rgb(45, 45, 45); line-height: 1.44; font-size: 14px; padding: 5px 15px; } .apredm { font-family: montserrat, sans-serif; font-weight: 400; font-size: 12px; color: #42a2a2; } .copboxx span:last-child { font-family: montserrat, sans-serif; font-weight: 1000; font-size: 12px; color: #42a2a2; } .copboxx span:last-child img { width: 12px; height: 12px; margin-left: 6px; } .redeem-button { cursor: pointer; height: 32px; width: 100%; background: rgba(66, 162, 161, .1); border-radius: 5px; padding: 10px; } .sectionTopHeading { background: rgba(0, 0, 0, .04); padding: 3px 15px; } .sectionTopHeading h4 { font-size: 11px; font-family: montserrat-bold, sans-serif; color: #000; text-transform: uppercase; margin-bottom: 0px; } .paymentBox { background-color: #fff; } .paymentBox .prc-bdn-dsk { padding-top: 16px; } .paymentBox .prc-bdn { background-color: #fff; padding: 15px 16px 16px; } .paymentBox .paymentBoxInner { padding: 0 0 10px; border: none; } .summeryBorderBox { border: 1px solid #e0e0e0; margin-bottom: 30px; padding-right: 0; } .paymentBox .paymentBoxInner .p-brk-dwn { font-family: montserrat, sans-serif !important; font-size: 12px !important; line-height: 18px !important; margin-bottom: 0px; color: #777; } .atb-widget-wrap-ab { margin-top: 0px; } .paymentBox .paymentBoxInner .p-brk-dwn-st { font-family: montserrat-semibold, sans-serif !important; font-size: 14px !important; line-height: 18px !important; color: #000 !important; } .df-wrap { height: 50px; margin-bottom: 20px; } .df-wrap .df-inner { height: 100%; border-radius: 5px; padding: 10px 16px; background-color: #f3faff !important; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; overflow: hidden; gap: 8px; } .df-wrap .df-inner .gh-df-img-free { height: 28px; } .df-wrap .df-inner p { margin-left: 0; font-family: montserrat, sans-serif; font-size: 12px !important; margin-bottom: 0px; } .pmts-box { transform: translateZ(0); background: #fff; box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, .05); margin: 0; position: fixed; bottom: 0; left: 0; width: 100%; right: 0; z-index: 9; border-radius: 8px 8px 0 0; } .pmts-box { box-shadow: none; position: static; width: 100%; border-radius: 0; } .pmts-wrap { padding: 16px 10px 10px; display: table; width: 100%; } .pmts-wrap .pmts-pr { display: table-cell; vertical-align: middle; padding-left: 10px; width: 35%; } .pmts-wrap .pmts-pr span { display: block; font-size: 12px; font-family: montserrat, sans-serif; color: #000; line-height: 14px; padding: 0 0 4px; } .pmts-wrap .pmts-pr p:first-child { vertical-align: sub; font-family: montserrat, sans-serif !important; font-size: 11px !important; line-height: 16px !important; font-weight: 600; color: #292d35; font-style: normal; } .pmts-wrap .pmts-pr p:last-child { font-family: montserrat, sans-serif !important; font-size: 16px !important; line-height: 16px !important; font-weight: 600; color: #292d35; font-style: normal; } .pmts-wrap .pmts-pr p { margin-bottom: 0px; } .pmts-wrap .pmts-btn { float: right; display: table-cell; vertical-align: middle; padding: 11px; background: #5ce1e9 !important; border-radius: 8px; font-weight: 600; font-size: 14px !important; line-height: 19.6px !important; color: #191919 !important; margin: 0; width: 100%; border: none; clear: both; height: 40px; } .trustBaggeContainer { padding: 15px; } .trustBaggeContainer .containerInner img { width: 40px; height: 40px; margin-bottom: 6px; filter: hue-rotate(148deg); color: #8f98a9; } .trustBaggeContainer .containerInner .ProductText { color: #c7cbd4; font-family: montserrat-semibold, sans-serif !important; font-size: 8px !important; line-height: 12px !important; text-align: center; } .delivery_details_wrap { margin-top: 10px; align-items: baseline; display: none !important; } .delivery_details_wrap .success_tick_img { width: 16px; height: 16px; } .delivery_details_wrap .success_tick_img img { width: 100%; height: 100%; } .deliveryDate { font-family: montserrat, sans-serif !important; font-size: 10px !important; line-height: 10px !important; } .deliveryDate strong { margin-left: 2px; font-family: montserrat-semibold, sans-serif; } .mobopat { display: none; } .gft-cd-vw { background-color: #fff; } .gft-cd-vw .cp-hdr { padding: 12px 16px; } .gft-cd-vw .cp-hdr span { font-family: montserrat-semibold, sans-serif !important; font-size: 12px !important; line-height: 14px !important; color: #292d35; font-weight: 600; } .gft-cd-vw .cp-row { background-color: #fff; padding: 12px 16px; } .gft-cd-vw .cp-row .of-ico-wrp img { width: 24px; height: 24px; } .gft-cd-vw .cp-row .m-row-cont { padding: 0 12px; } .gft-cd-vw .cp-row .m-row-cont span:first-child { font-family: montserrat-semibold, sans-serif !important; font-size: 12px !important; line-height: 14px !important; font-weight: 600; color: #292d35; } .gft-cd-vw .cp-row .m-row-cont span:nth-child(2) { font-family: montserrat-regular, sans-serif !important; font-size: 10px !important; line-height: 12px !important; font-weight: 500; color: #8f98a9; padding-top: 4px; } .gft-cd-vw .cp-row .ic-r-cta img { width: 24px; height: 24px; } .mi-ofr-vw { padding: 8px 16px; background-color: #5ce1e933; text-align: center; } .mi-ofr-vw span { color: #079aa3; font-family: montserrat-regular, sans-serif !important; font-size: 13px !important; line-height: 14px !important; font-weight: 500; } .ap-cp-row { background-color: #fff; padding: 16px; } .ap-cp-row .of-ico-wrp img { width: 24px; height: 24px; } .ap-cp-row .m-row-cont { padding: 0 12px; } .ap-cp-row .m-row-cont .cd-apply { font-family: montserrat-semibold, sans-serif !important; font-size: 12px !important; line-height: 15px !important; font-weight: 600; padding-bottom: 4px; text-transform: uppercase; color: #079aa3; } .ap-cp-row .m-row-cont .cp-dsp { font-family: montserrat-regular, sans-serif !important; font-size: 11px !important; line-height: 12px !important; font-weight: 500; color: #8f98a9; } .ap-cp-row .apply-btn-wrp .rm-bt-cta { padding: 12px; color: #207bb4; font-weight: 600; text-transform: uppercase; font-family: montserrat-semibold, sans-serif !important; font-size: 12px !important; line-height: 15px !important; } .ap-cp-row .apply-btn-wrp button { border: none; background-color: transparent; } .sec100img img { width: 100%; } .sec100img { display: none; } .prc-bdn-svg { padding: 0 0 16px; display: none; } .svg-msg-lbl-cmn, .svg-msg-lbl-cmn strong { font-size: 12px !important; line-height: 14px !important; } .svg-msg-lbl-cmn { background-color: #5ce1e933; padding: 6px 16px; color: #292d35; font-family: montserrat-regular, sans-serif !important; font-weight: 500; text-align: center; margin-top: 8px; } .svg-msg-lbl-cmn strong { font-family: montserrat-semibold, sans-serif !important; color: #079aa3; font-weight: 600; } .onlymoc { display: none !important; } .websiteMyacTitle { width: 100%; font-family: montserrat-bold, sans-serif; font-size: 2em; color: #181818; } .backtoListing hr { float: left; width: 100%; margin: 15px 0 50px; height: 3px; max-width: 100px; background: #5ce1e7; } .myaccBox .accOptions { border-bottom: 1px solid #e6e6e6; display: -ms-flexbox; display: flex; } .myaccBox .accOptionsInner { width: 200px; float: left; margin-right: 30px; position: relative; padding: 30px 0; } .myaccBox .accOptionsInner:after { content: ""; background-color: #979797; width: 1px; height: 64px; opacity: .24; position: absolute; right: 0; top: 30px; } .myaccBox .accOptionsInner a { display: block; text-decoration: none; position: relative; } .myaccBox .accOptionsInner .accHead { font-family: montserrat, sans-serif; font-size: 16px; letter-spacing: .1px; color: #181818; margin: 0; font-weight: 600; display: inline-block; } .myaccBox .accOptionsInner .accHead { vertical-align: middle; } .myaccBox .accOptionsInner i { font-size: 18px; color: #979797; padding-left: 10px; } .myaccBox .accOptionsInner .accNote { opacity: .4; font-family: montserrat, sans-serif; font-size: 12px; letter-spacing: 0; color: #181818; margin: 10px 0 0; display: block; } .myaccBox .accOptionsInner .accNote { margin: 8px 0 0; line-height: 1.3; } .myaccBox .accOptionsInner:last-child:after { background-color: transparent; } .myaccBox .emptyAccText { position: relative; padding: 50px 0px; margin-top: 50px; } .myaccBox .emptyAccText h3 { opacity: .6; font-family: montserrat, sans-serif; font-size: 20px; color: #181818; margin: 0 0 30px; padding: 40px 0 0; width: 355px; } .myaccBox .continueShoppingBtn { font-family: montserrat, sans-serif; font-size: 14px; color: #00bcd4; border-radius: 2px; border: 1px solid #00bcd4; padding: 7px 14px; display: block; float: left; line-height: 20px; } .myaccBox .emptyAccText img { position: absolute; top: 0; left: 388px; } .myaccBox .emptyMobImg { display: none; } .myaccBox .emptyDesktopImg { display: block; } .clear { clear: both; } .main_odox { } .ordersDetailWrapper--orderNumber { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 10px; font-size: 1.1em; } .ordersDetailWrapper--orderNumber h6 { font-size: 12px; letter-spacing: .11px; text-transform: uppercase; margin-bottom: 0px; } .ordersDetailWrapper--orderNumber h6 strong { font-family: montserrat-bold, sans-serif; color: #000; } .ordersWrapper--Box { width: 100%; } .ordersWrapper--Box-outer { position: relative; background: #fff; border: 1px solid #d4d4d4; border-radius: 4px; width: 100%; margin: 0 0 25px; } .ordersWrapper--Box-inner:nth-last-child(2) { margin-bottom: 0; } .ordersWrapper--Box-inner { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; margin: 0 0 -12px; padding: 0px; position: relative; } .ordersWrapper--Box-inner_left { width: 228px; height: 100%; overflow: hidden; } .containerForTag { position: relative; } .ordersWrapper--Box-inner_left img { width: 100%; } .ordersWrapper--Box-inner_right { width: calc(100% - 228px); padding: 20px 20px 20px 51px; } .ordersWrapper--Box-inner_right-text { padding: 5px 0 20px; } .ordersWrapper--Box-inner_right-text p { font-size: 14px; padding-bottom: 10px; font-family: montserrat, sans-serif; line-height: normal; margin-bottom: 0px; } .ordersWrapper--Box-inner_right-text p span { color: #181818; } .ordersWrapper--Box-inner_right-info { margin-bottom: 30px; } .ordersWrapper--Box-inner_right-info p { font-family: montserrat, sans-serif; font-size: 12px; line-height: 15px; letter-spacing: .09px; color: #000; margin-bottom: 6px; } .ordersWrapper--Box-inner_right-info img { width: 15px; vertical-align: middle; } .ordersWrapper--Box-inner_right-info p span { font-family: montserrat-regular, sans-serif; color: rgba(0, 0, 0, .6); letter-spacing: normal; text-transform: uppercase; vertical-align: middle; } .labelSuccess { background-color: #e7ffeb; color: #128a27; } .labelDefault { font-size: 12px; letter-spacing: .09px; padding: 6px; } .labelDefault { text-transform: uppercase; border-radius: 3px; font-size: 12px; font-family: montserrat, sans-serif; font-weight: 600; padding: 4px 6px; letter-spacing: .08px; line-height: normal; margin-bottom: 8px; } .ordersWrapper--Box-inner_right-button { display: inline-block; margin-top: 13px; width: auto; position: absolute; top: auto; bottom: -10px; right: 20px; } .ordersWrapper--Box-inner_right-button { position: absolute; right: 12px; -ms-transform: translateY(-50%); transform: translateY(-50%); bottom: 0px; } .ordersWrapper--Box-inner_right-button button { border: 1px solid #42a2a2; font-family: montserrat-bold, sans-serif !important; font-size: 14px; padding: 20px; width: 206px; background-color: transparent; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight: 600; text-transform: uppercase; color: #42a2a2; } .ordersWrapper--Box-inner_right-button button img { display: none; } .bggray { background-color: #f9f9f9; } .ordersDetailWrapper--orderNumber h6 { font-size: 12px; font-family: montserrat-regular, sans-serif; color: rgba(0, 0, 0, .7); line-height: normal; letter-spacing: .09px; } .shippingAddress--wrapper { border: 1px solid #e5e5e5; border-radius: 4px; background: #fff; padding: 12px; margin: 12px 0 15px; } .shippingAddress--wrapper h5 { font-size: 12px; font-family: montserrat, sans-serif; color: rgba(0, 0, 0, .38); line-height: normal; margin: 0 0 10px; text-transform: uppercase; } .shippingAddress--wrapper h6 { font-size: 10px; color: #000; display: -ms-flexbox; display: flex; line-height: 18px; -ms-flex-pack: justify; font-weight: 600; justify-content: space-between; margin-bottom: 10px; } .shippingAddress--wrapper h6 label { font-size: 9px; font-family: montserrat, sans-serif; color: #181818; line-height: 18px; background: rgba(24, 24, 24, .15); border-radius: 18px; padding: 0 10px; margin: 0; text-transform: uppercase; } .shippingAddress--wrapper p { font-size: 10px; font-family: montserrat-regular, sans-serif; color: #000; margin-bottom: 0px; line-height: 15px; font-weight: 400; } .orders-detail_wrap { margin-top: 25px; } .ordersDetailWrapper-steps-container { border: 1px solid #e5e5e5; border-radius: 4px; background: #fff; width: 100%; margin: 6px 0 15px; padding: 14px; } .ordersDetailWrapper-steps-container .ordersDetailWrapper-steps { margin: 0; } .orderStepWrapper { position: relative; width: 100%; overflow: hidden; } .orderStepWrapper--step { position: relative; cursor: pointer; width: 25%; } .orderStepWrapper--step-active .orderStepWrapper--bar { background-color: #d5eccd; } .orderStepWrapper--bar { position: absolute; top: 12px; right: 50%; background: hsla(0, 0%, 60.8%, .5); width: 100%; height: 2px; border-radius: 10px; overflow: hidden; } .orderStepWrapper--step:first-child .orderStepWrapper--bar { width: 0; } .orderStepWrapper--step-active .orderStepWrapper--step-bullet { background: #d5eccd; border-color: #2ca003; box-shadow: none; } .orderStepWrapper--step-bullet { width: 24px; height: 24px; } .orderStepWrapper--step-bullet { z-index: 1; position: relative; background: #fff; width: 20px; height: 20px; border-radius: 100%; transition: .3s ease; border: .5px solid hsla(0, 0%, 59.2%, .5); background: #c7cbd4; box-shadow: inset 0 0 0 7.5px #f7f7f7; margin: 0 auto; } .orderStepWrapper--step-active .step-bullet-img { padding-top: 3px; text-align: center; display: flex; align-items: center; justify-content: center; } .orderStepWrapper--step-active .orderStepWrapper--step-label { opacity: 1; color: #2ca003; font-size: 12px; line-height: 14px; } .orderStepWrapper--step-label { font-size: 10px; font-family: montserrat, sans-serif; color: #181818; text-transform: uppercase; opacity: .7; line-height: 12px; margin: 6px 0 0; text-align: center; } .ordersDetailWrapper--Box-inner { display: -ms-flexbox; display: flex; } .ordersDetailWrapper--Box-inner_left { width: 121px; height: 164px; position: static; } .ordersDetailWrapper--Box-inner_left img { width: 100%; } .ordersDetailWrapper--Box-inner_right { width: calc(100% - 121px); padding: 0 0 20px 23px; } .ordersDetailWrapper--Box-forMobile { height: 100%; } .ordersDetailWrapper--Box-inner_right-text { padding: 0 0 3px; } .labelDanger { background-color: #ffefef; color: #d24141; } .labelDefault { text-transform: uppercase; border-radius: 3px; font-size: 10px; font-family: montserrat, sans-serif; font-weight: 400; padding: 4px 6px; letter-spacing: .08px; line-height: normal; margin-bottom: 8px; } .ordersDetailWrapper--Box-inner_right-text p { color: #000; font-size: 12px; font-family: montserrat, sans-serif; line-height: normal; margin-bottom: 0px; padding-bottom: 4px; } .ordersDetailWrapper--Box-inner_right-text .rsizeDetail h2 span{ font-family: montserrat-regular, sans-serif !important; font-size: 11px !important; line-height: 12px !important; color: #8f98a9; margin: 4px 0 8px; } .ordersDetailWrapper--Box-inner_right-text .rsizeDetail h2 { margin-bottom: 5px; line-height: 10px; } .ordersDetailWrapper--Box-inner_right-text p { color: #000; font-size: 12px; font-family: montserrat, sans-serif; line-height: normal; padding-bottom: 4px; } .ordersDetailWrapper--Box-inner_right-text p .right-text_price { color: #181818; } .ordersDetailWrapper--delivery p { margin-bottom: 0px; font-size: 12px; } .ordersDetailWrapper--delivery p img { margin-right: 5px; } .orderPaymentWrapper { background: #fff; padding: 10px; border: 1px solid #e5e5e5; border-radius: 4px; margin: 0 0 15px; } .orderPaymentWrapper h4 { font-family: montserrat, sans-serif; font-size: 12px; color: rgba(0, 0, 0, .38); line-height: normal; text-transform: uppercase; padding: 10px; margin-bottom: 0px; } .orderPaymentWrapper .orderPaymentWrapper-row { padding: 0 11px 15px; } .orderPaymentWrapper .orderPaymentWrapper-row span { font-size: 12px; font-family: montserrat-regular, sans-serif; color: #000; line-height: normal; display: inline-block; } .orderPaymentWrapper .orderPaymentWrapper-row .orderPaymentWrapper-amount { float: right; } .orderPaymentWrapper .orderPaymentWrapper-totalRow { padding: 14px 11px 16px; } .orderPaymentWrapper .orderPaymentWrapper-totalRow { border-top: 1px solid hsla(0, 0%, 74.1%, .4); margin-top: 11px; padding: 14px 14px 16px; } .orderPaymentWrapper .orderPaymentWrapper-totalRow span { font-size: 14px; font-family: montserrat-bold, sans-serif; } .orderPaymentWrapper .orderPaymentWrapper-row span { font-family: montserrat-regular, sans-serif; color: #000; line-height: normal; display: inline-block; } .addressPaymentWrapper { border: 1px solid #e5e5e5; border-radius: 4px; background: #fff; width: 100%; margin: 6px 0 15px; padding: 16px; position: relative; } .shippingAddress--wrapper-new { background: #fff; } .shippingAddress--wrapper-new .shippingAddressType label { font-family: montserrat-regular, sans-serif !important; font-size: 8px !important; line-height: 16px !important; color: #fe8f00; background: #fff9f2; border-radius: 2px; padding: 0 5px; text-transform: uppercase; border: .5px solid #fe8f00; margin-bottom: 8px; width: -webkit-fit-content; width: fit-content; } .shippingAddress--wrapper-new .userDetails h6 { color: #292d35; margin-bottom: 4px; font-family: montserrat, sans-serif !important; font-size: 12px !important; line-height: 14px !important; } .shippingAddress--wrapper-new .shippingaddressData p { font-family: montserrat-regular, sans-serif !important; font-size: 12px !important; line-height: 14px !important; color: #4e5664; margin-bottom: 0px; } .shippingAddress--wrapper-new .returnProductBar { border-bottom: 1px solid #e3e5e9; margin-top: 12px; } .addressPaymentWrapper .viewAddressPayemnt-wrpr { display: none; } .addressPaymentWrapper .viewAddressPayemnt-wrpr { display: block; border: none; background: transparent; color: #42a2a2; font-family: montserrat-bold, sans-serif; font-size: 10px; margin: 0 -14px; padding: 12px 12px 0; width: calc(100% + 28px); letter-spacing: .54px; line-height: 18px; text-align: left; position: relative; } .addressPaymentWrapper .viewAddressPayemnt-wrpr .viewPaymentWrapper { margin-bottom: 8px; } .addressPaymentWrapper .viewAddressPayemnt-wrpr .viewPaymentWrapper p { font-family: montserrat, sans-serif !important; font-size: 12px !important; line-height: 18px !important; color: #292d35; margin-bottom: 0px; } .addressPaymentWrapper .viewAddressPayemnt-wrpr .viewPaymentWrapper span { font-family: montserrat-semibold, sans-serif !important; font-size: 12px !important; line-height: 18px !important; color: #207bb4; letter-spacing: .05em; } .orderHelpWrapper { background-color: #fff; border: 1px solid #e5e5e5; border-radius: 4px; padding: 10px; margin-bottom: 15px; } .orderHelpWrapper--heading { font-size: 12px; color: rgba(0, 0, 0, .38); padding: 0px; margin-bottom: 0px; } .orderHelpWrapper--buttons { padding: 1px 0 2px; } .orderHelpWrapper--buttons .orderHelp--buttonWrapper:last-child { margin: 0 !important; } .orderHelp--buttonWrapper:last-child button { padding-bottom: 0; } .orderHelpWrapper--buttons button { font-family: montserrat-semibold, sans-serif !important; font-size: 12px !important; line-height: 14px !important; display: block; background-color: #fff; border: none; color: #207bb4; padding: 5px 0; position: relative; text-align: left; text-transform: uppercase; width: 100%; margin-right: 12px; } .orderHelpWrapper--buttons .orderHelp--buttonWrapper button { width: 100% !important; margin: 0 !important; } .orderHelpWrapper--buttons button i { display: block; font-size: 20px; font-weight: 600; padding: 0px; position: absolute; right: 5px; top: 0; } .myAddressWrap { padding: 0 24px 50px; } .addressWrapper { float: left; position: relative; margin-top: 0; padding: 0 24px 24px 0; } .addressWrapper .adrType { position: absolute; top: 20px; right: 40px; text-transform: uppercase; margin-bottom: 0px; line-height: 10px; padding: 5px 10px; opacity: .4; font-size: 8px; color: rgba(24, 24, 24, .7); border-radius: 2px; background: rgba(24, 24, 24, .04); } .addressWrapper .panelBox.addAddressBox, .addressWrapper .panelBox.addressBox, .addressWrapper .panelBox.card-box { width: 100%; overflow: auto; overflow-y: hidden; margin: 0; height: auto; } .addressWrapper .simpleHoverBox { border: 1px solid #ddd; border-radius: 3px; } .addressWrapper .panel { background-color: #fff; border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .addressWrapper .panelBox .panelBody { line-height: normal; margin-bottom: 0; padding: 20px; } .addressWrapper .fixedDynamicContent { width: 100%; display: table; margin-bottom: 0px; } .addressWrapper .fixedDynamicContent .dynamicLeft { float: left; vertical-align: middle; display: table-cell; font-size: 14px; font-family: montserrat, sans-serif; width: calc(100% - 45px); white-space: nowrap; font-weight: 600; overflow: hidden; text-overflow: ellipsis; } .text-grayed-12 { font-family: montserrat-regular, sans-serif; color: rgba(0, 0, 0, .8); line-height: 18px; font-size: 12px !important; } .addressWrapper .addressClamp { overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: block; min-height: 34px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 2.824em; margin-bottom: 15px; opacity: .8; font-family: montserrat; font-size: 12px; color: #000; } .success { color: #00bcd4 !important; } .addressForms .divider { height: 1px; background-color: rgba(0, 0, 0, .12); margin-bottom: 1rem; } .addressForms .formGroup { width: 100%; padding-bottom: 50px; } .addressForms .formGroup .addressTypeTitle { color: rgba(0, 0, 0, .4); } .addressForms .formGroup .addressSubType { cursor: pointer; border: 1px solid rgba(0, 0, 0, .4); border-radius: 15px; margin: 9px 12px 0 0; } .addressForms .formGroup .addressSubType.active { border: 1px solid #42a2a2; } .addressForms .formGroup .addressSubType input[type=radio] { display: none; } .addressForms .formGroup .addressSubType label { padding: 5px 5px 5px 30px; border-radius: 15px; margin: 0; font-size: 12px; font-family: montserrat, sans-serif; text-transform: uppercase; color: rgba(0, 0, 0, .4); cursor: pointer; } .addressForms .addEditSubmit { text-align: center; padding-bottom: 45px; } .addressForms .addEditSubmit .maddAddressButton { background-color: #42a2a2; border: 1px solid #42a2a2; color: #fff; font-size: 16px; text-transform: uppercase; height: 48px; } .addressForms .addEditSubmit .cancelAddButton { background-color: #fff; color: #42a2a2; margin-left: 20px; } .addEditSubmit button { width: 40%; margin: auto; } .accProfileForm { max-width: 400px; width: 100%; } .xgroup { width: 100%; position: relative; display: inline-block; margin-bottom: 45px; } .xgroup input, .xgroup select { width: 100%; height: 29px; padding: 5px 0; font-size: 14px; outline: none; border: none; border-bottom: 1px solid #bcbcbc; border-radius: 0; background: none; box-shadow: none; display: block; -webkit-appearance: none; line-height: normal; } .xgroup .bar { position: relative; display: block; width: 100%; } .xgroup .bar:before { left: 50%; } .xgroup .bar:after, .xgroup .bar:before { content: ""; height: 1px; width: 0; bottom: 0; position: absolute; background: #181818; transition: all .1s ease; } .xgroup .bar:after { right: 50%; } .xgroup input:focus~label, .xgroup input:not([value=""])~label { top: -10px; font-size: 11px; } .xgroup label { font-size: 14px; font-weight: 500; opacity: .5; color: #181818; position: absolute; left: 0; top: 7px; pointer-events: none; transition: all .1s ease; } .xgroup input:focus { outline: none !important; } .xgroup input:focus~.bar:after, .xgroup input:focus~.bar:before { width: 50%; border: none; } .xgroup input[readonly], .xgroup select[readonly] { color: #999; cursor: default; pointer-events: none; } .xgroup .inputHelp { display: block; margin: 15px 0 -15px; color: #00bcd4; font-family: montserrat-regular, sans-serif; font-size: 14px; } .clearLeft { clear: left; } .veryfyMobileOuter { width: 100%; } .verifyPhoneInput { color: #969696; } .xgroup .countryCode { position: absolute; top: 7px; left: 0; font-size: 14px; display: none; } .xgroup .countryCode span { padding: 4px; color: #bcbcbc; } .veryfyMobile { right: 0; top: 0; } .verifyMobileBox { position: absolute; right: 0px; top: 0px; margin-top: 5px; } .verifyMobileBox p { height: 17px; width: 17px; background: #00bcd4; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-bottom: 0px; text-align: center; } .verifyMobileBox p i.fa-check { color: #fff; font-size: 9px; font-weight: 700; } .xgroup .msgs { width: 100%; opacity: .9; white-space: nowrap; padding: 6px 0; font-size: 12px; font-family: montserrat, sans-serif; } .genderTabBox { margin-bottom: 30px; } .addrTypeTitle { float: left; width: 100%; margin: -10px 0 10px; opacity: .6; font-size: 10px; } .addrTypeList { float: left; border: 1px solid #8c8c8c; border-radius: 3px; cursor: pointer; white-space: nowrap; overflow: hidden; } .addrSubType:not(:last-child) { border-right: 1px solid #8c8c8c; } .addrSubType { cursor: pointer; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; } .addrSubType input[type=radio] { display: none; } .addrSubType label.active {` background: #ffd835; } .addrSubType label { float: left; padding: 3px 20px; margin: 0px !important; font-size: 13px; font-family: montserrat-regular, sans-serif; text-transform: capitalize; color: #181818; cursor: pointer; } .wtsapp-tgl { cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 15px 0; margin: 0 0 10px; font-size: 12px; } .wtsapp-tgl .selectCheckbox { float: none; margin: 0 10px 0 0; } .selectCheckbox { position: relative; float: right; width: 18px; height: 18px; margin: 0 auto; text-align: center; overflow: hidden; cursor: pointer; } .wtsapp-tgl { font-size: 14px; margin: 5px 0 20px; } .selectCheckbox label { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; } .wtsapp-tgl .selectCheckbox label:before { border-radius: 5px !important; } .selectCheckbox.selectCheckbox-blue input:checked+label:after { background: #00bcd4; } .wtsapp-tgl .selectCheckbox input:checked+label:after, .wtsapp-tgl .selectCheckbox label:before { border-radius: 5px !important; } .selectCheckbox input:checked+label:after { content: "\E93C"; font-family: icomoon; background: #000; border-radius: 50%; color: #fff; font-size: 10px; font-weight: 700; line-height: 18px; height: 100%; width: 100%; text-align: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .accProfileForm .submit { position: fixed; bottom: 0; left: 0; width: 100%; height: auto; padding: 20px 40px; border: 1px solid #00bcd4; background-color: #00bcd4; letter-spacing: 1px; color: #fff; z-index: 1; margin: 0; } .checkoutAddressHead { background: rgba(0, 0, 0, .04); padding: 13px 20px; font-size: 11px; font-family: montserrat-bold, sans-serif; color: #000; text-transform: uppercase; display: -ms-flexbox; display: flex; } .checkoutAddressHead h5 { margin-bottom: 0px; font-size: 14px; } .add_dress { margin-bottom: 10px; } .add_dress a { padding: 10px; border: 1px solid; border-radius: 5px; width: 100%; text-align: center; display: block; } .plssel { background: rgba(0, 0, 0, .04); border-radius: 15px; display: block; font-size: 11px; font-family: montserrat-regular, sans-serif; color: rgba(0, 0, 0, .5); float: right; padding: 1px 10px; text-transform: uppercase; margin: 0 0 0 15px; } .ediremo { float: right; font-size: 13px; text-transform: uppercase; color: #5ce1e9; font-weight: 600; } .ediremo span:nth-child(2) { color: #999; } .conadbo { margin-top: 10px; } .advanceTrack--wrapper { background: #fff; border: 1px solid #e5e5e5; border-radius: 4px; padding: 4px 0 0; } .advanceTrack--topHeader { padding: 10px 14px 0; border-bottom: 1px solid #e5e5e5; } .advanceTrack--topHeader h5 { font-size: 12px; font-family: montserrat, sans-serif; color: rgba(0, 0, 0, .38); margin-bottom: 0px; text-transform: uppercase; line-height: normal; } .advanceTrack--status { padding: 24px 0; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .advanceTrack--status p { font-size: 12px; font-family: montserrat-regular, sans-serif; line-height: 16px; margin-bottom: 0px; color: rgba(24, 24, 24, .7); padding-bottom: 0px; } .advanceTrack--status p b { color: #000; } .advanceTrack--details ul { list-style-type: none; padding-left: 0px; } .advanceTrack--details ul li { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; position: relative; width: 100%; list-style: none; } .advanceTrack--details .advanceTrack--details-date { margin-right: 25px; padding-right: 25px; width: 35%; position: relative; } .advanceTrack--details .advanceTrack--details-date:before { content: ""; display: block; background: #fff; border: 1px solid #42a2a2; border-radius: 50%; width: 11px; height: 11px; position: absolute; top: 0; left: calc(100% - 5px); } .advanceTrack--details .advanceTrack--details-inner p { font-size: 11px; font-family: montserrat, sans-serif; line-height: 14px; color: #000; margin-bottom: 6px; opacity: .5; } .advanceTrack--details .advanceTrack--current p { opacity: 1; font-family: montserrat-bold, sans-serif; } .advanceTrack--details .advanceTrack--details-inner p span { display: block; opacity: .7; } .advanceTrack--details .advanceTrack--current .advanceTrack--details-date:after { content: ""; display: block; background-color: #42a2a2; box-shadow: 0 0 2px 0 #42a2a2; border-radius: 50%; width: 5px; height: 5px; position: absolute; top: 3px; left: calc(100% - 2px); } .advanceTrack--details .advanceTrack--prev .advanceTrack--details-date:after { content: ""; display: block; background-color: #42a2a2; box-shadow: 0 0 2px 0 #42a2a2; border-radius: 50%; width: 11px; height: 11px; position: absolute; top: 0; left: calc(100% - 5px); } .advanceTrack--details .advanceTrack--details-inner { padding-bottom: 45px; } .advanceTrack--details .advanceTrack--details-place { width: 65%; } .advanceTrack--details { padding: 21px 20px 0; } @media screen and (max-width: 768px) { .advanceTrack--status { display: block; padding: 15px 0px; } .advanceTrack--status p { margin-bottom: 5px; font-weight: 400; } .advanceTrack--status p b { font-size: 11px; } .orderStepWrapper { padding-bottom: 15px !important; gap: 24px; flex-direction: column !important; } .orderStepWrapper--step { gap: 8px; width: -webkit-fit-content; width: fit-content; display: flex; } .orderStepWrapper--bar { -ms-transform: rotate(90deg); transform: rotate(90deg); top: -13.8px; left: 0px; width: 20px; right: 0px; } .orderStepWrapper--step-bullet { margin: 0px; } } hr.hr-dark { height: 1px; background: #b5b5b5; } .clr-shade3 { margin-bottom: 0px; } .delsela { font-size: 12px; cursor: pointer; } .delsela span:nth-child(2) { font-weight: 600; } .shipmentWrapper p { margin-bottom: 0px; } .shipmentinner { position: relative; } .shipmentinner img { width: 46px; } .bkf-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .clr-shade2 { color: #303030 !important; } .clr-so-green { color: #44c6c7 !important; } .shipmentinner .count { width: 16px; height: 16px; opacity: .7; position: absolute; font-size: 12px; line-height: 18px; bottom: 1px; left: 19px; color: #fff; text-align: center; border-radius: 30px; } .bgclr-p-black { background-color: #000 !important; } .ml-3{ margin-left: 1rem !important; } .inodima .shipmentinnerText p { font-weight: 500; font-size: 12px; } .inodima .shipmentinnerText p span { font-weight: 600; } .ad-in--label { display: none; } .maavrot { display: flex; align-items: center; border-top: 10px solid #f7f7f7; justify-content: space-between; padding-top: 10px; } .estmta { font-weight: normal !important; } .maavrot { display: none; } @media only screen and (min-width: 769px) { .accProfileForm .submit { float: left; position: static; width: auto; margin-bottom: 20px; } } @media (max-width: 768px) { .itemproch { display: none; } .maavrot { display: flex !important; } .estmta { display: none; } .inodima .shipmentinnerText p { font-size: 11px; line-height: 16px; white-space: normal; } .inodima .shipmentinnerText p:nth-child(2) { font-size: 9px !important; } .shipmentinnerText { width: 70% !important; } .shipmentinner img { width: 85px; } .p-sum-itm-wrap { border-radius: 4px; background-color: #fefefe; margin-top: 10px; padding: 8px; border: 1px solid #e3e5e9; } .cartomob { border-top: 10px solid #f7f7f7; padding-top: 10px; } .yapti { display: none; } .deflox { display: flex; } .ad-in--label { display: block; padding: 0px 8px; background: #00bcd41c; font-weight: 600; border: .5px solid #42a2a2; border-radius: 2px; -ms-flex-align: start; align-items: flex-start; margin-left: 8px; color: #42a2a2; } .deltexk { display: none; } .addressWrapper { padding-right: 0px; width: 100%; } .ordersWrapper--Box-inner_right-button button img { width: 11px; display: block; } .ordersWrapper--Box-inner_right-button { position: absolute; right: 12px; -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0px; top: 50%; bottom: auto; } .ordersWrapper--Box-inner_right-button button { display: block; width: auto; border: none; background: transparent; color: #42a2a2; font-size: 0; line-height: normal; letter-spacing: .67px; padding: 7px; text-transform: uppercase; } .ordersWrapper--Box-inner_right-info { margin-bottom: 14px; } .ordersWrapper--Box-inner_right-text { padding: 0 0 4px; } .ordersWrapper--Box-inner_right-text p { color: #000; font-size: 12px; font-family: montserrat, sans-serif; line-height: normal; padding-bottom: 4px; } .ordersWrapper--Box-inner { height: auto; margin: 0 0 26px; padding: 10px; } .ordersWrapper--Box-inner_right { width: calc(100% - 84px); padding: 0 20px 0 15px; } .ordersWrapper--Box-outer { margin: 0 0 20px; } .ordersWrapper--Box-inner_left { width: 84px; height: 110px; overflow: hidden; } .myaccBox .emptyAccText { padding: 0px 0px; margin-top: 0px; } .myaccBox .emptyAccText h3 { width: 100%; } .myaccBox .continueShoppingBtn { text-align: center; float: none; } .myaccBox .emptyAccText img { position: relative; top: auto; margin: auto; left: auto; right: auto; } .myaccBox .accOptions { padding: 20px 0; border: none; display: block; } .myaccBox .accOptionsInner { width: 100%; margin: 0; float: none; padding: 10px 0px; border-bottom: .5px solid rgba(0, 0, 0, .2); } .onlymoc { display: flex !important; } .secimg { display: none; } .paymentBox .paymentBoxInner { padding: 16px 0; border-bottom: .5px solid #e3e5e9; } .prc-bdn-svg { display: flex !important; } .df-wrap { display: none; } .sec100img { display: block; } .offerBox, .copboxx { display: none; } .cart-table { padding: 0px 10px 0px 10px; } .cartBottomAction { border-top: none; } .emaiform { width: 100%; margin: auto; } .cartProductActions { display: none; } .mobopat { display: flex; align-items: center; justify-content: space-between; } .prtext { display: flex; justify-content: flex-end; } .cart-prod-info-msg { margin-bottom: 0px; } .delivery_details_wrap-ab { display: none !important; } .dekslequ { display: none; } .delivery_details_wrap { display: flex !important; } } @media (max-width: 1024px) { .offinner ul li img { width: -webkit-fill-available; } .hide-mobile { display: none !important; } .mobarcat { display: block; } .desktop { display: none; } .bottomHeaderWrapper .tabNav img { display: block; border-radius: 12px; width: 72px; margin-bottom: 5px; } .tabWrpr .bottomHeaderWrapper ul li a { font-size: 11px; text-transform: capitalize; padding: 10px 24px 0px 24px; } .tabWrpr .bottomHeaderWrapper ul { padding-left: 0px; } .tabWrpr .bottomHeaderWrapper ul li a:first-child { padding-left: 0px; } .mobileview { display: block; } body { padding-top: 70px; } #maninslider .item img { border-radius: 12px; } #maninslider .item { padding: 10px; } .minicart-qty, .wishlist-qty, .compare-qty { background-color: #282828; color: #fff; } .homepage .hdr-content { background-color: #fff; border: none; padding: 4px 0px; box-shadow: 0 2px 10px rgba(0,0,0,.08); } .hdr-content { background-color: #fff; border: none; padding: 4px 0px; box-shadow: 0 2px 10px rgba(0,0,0,.08); } .hdr-logo img { height: 40px; } .fibanimg { padding: 20px 10px; } .fibanimg img { border-radius: 12px; } .widgetSliderColumn .widgetSliderInner .widgetImg { width: 152px; height: 190px; } .widgetSliderColumn .widgetSliderInner { margin-right: 12px; } .widgetImg img { border-radius: 12px; } .ulimdat { padding-left: 10px; } .categoriesToBagContainer ul { overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; } .widgetSliderWrapper .widgetImg { height: 190px; width: 152px; } .widgetSliderWrapper ul { padding-left: 0px; } #orignalslider .item { padding: 10px; } #orignalslider .item img { border-radius: 12px; } .agesec .widgetSliderInner p { font-size: 10px; } .owl-dots { left: auto; width: 100%; right: auto; position: relative; top: -15px; } .collapsed-content ul li { display: inline-block !important; } .collapsed-content ul li a:after { content: ""; display: inline-block; background: #fff; width: 1px; height: 11px; position: absolute; right: 0; top: 2px; } .collapsed-content ul li a { display: block; font-size: 12px; letter-spacing: 0; font-family: montserrat-regular, sans-serif; line-height: normal; position: relative; padding-right: 8px; margin-right: 7px; } .collapsed-content ul li:last-child a:after { content: ""; display: none; background: #fff; width: 1px; height: 11px; position: absolute; right: 0; top: 2px; } .footerContainer ul a h4 { color: #fdd835; text-transform: uppercase; font-size: 12px; margin-bottom: 10px; line-height: normal; letter-spacing: normal; display: block; } .footerContainer ul a { display: block; margin-top: 0; } .footerContainer ul li { display: inline-block; } .footerContainer ul li a { display: block; font-size: 12px; letter-spacing: 0; font-family: montserrat-regular, sans-serif; line-height: normal; position: relative; padding-right: 8px; margin-right: 7px; } .footerContainer ul li a:after { content: ""; display: inline-block; background: #fff; width: 1px; height: 11px; position: absolute; right: 0; top: 2px; } .page-footer { padding: 30px 0px; } .logsright { margin-top: -25px; width: 100%; border-radius: 30px 30px 0 0; border-top: .1px solid #cecece; background-color: #fff; padding: 20px; height: auto; transform: translateZ(0); } .loginnp { width: 100%; } .molinner { width: 100%; margin: auto; } } .bxd_wrap_1{ text-align: center; } .bxd_wrap_1 img { max-width: 350px; margin-bottom: 20px; } .bxd_wrap_1 .savingTopText { font-family: montserrat-semibold, sans-serif; font-size: 18px; line-height: 20px; margin-bottom: 10px; } .bxd_wrap_1 .savingBottomText{ font-weight: 200; } .wrap_full_width{ width: 100%; display: flex; column-gap: 20px; } .bxd_wrap_2{ width: 50%; } .bxd_wrap_3{ width: 50%; } .bxd_wrap_2{ margin-top: 10px; border: 1px solid #e8e8e8; border-radius: 8px; padding: 20px; } .bxd_wrap_2 .title{ font-family: montserrat-semibold, sans-serif; font-size: 14px; line-height: 16px; } .bxd_wrap_2 .name{ margin-bottom: 10px; } .bxd_wrap_2 .name span { font-family: montserrat, sans-serif !important; font-size: 9px !important; line-height: 10px !important; text-transform: uppercase; color: #fe8200; margin-left: 10px; border: .5px solid #fe8200; border-radius: 2px; padding: 1px 4px; background-color: #fff9f2; } .bxd_wrap_2 p { font-family: montserrat-regular, sans-serif !important; font-size: 12px; line-height: 12px; margin-bottom: 5px; font-weight: 200; color: #333; } .bxd_wrap_2 .orderCTA { font-size: 14px; font-weight: bold; line-height: 12px; margin-top: 10px; color: #207bb4; letter-spacing: .05em; outline: none; border: none; background: transparent; text-transform: uppercase; padding-left: 0; padding-right: 0; } .bxd_wrap_3{ margin-top: 10px; border: 1px solid #e8e8e8; border-radius: 8px; padding: 20px; } .bxd_wrap_3 .nps-rate{ display: inline-block; justify-content: center; gap: 16px; margin: auto; } .bxd_wrap_3 .social_medias ul{ display: inline-flex; align-items: center; justify-content: center; width: 100%; margin-top: 5%; } .bxd_wrap_3 .social_medias ul li{ list-style: none; margin-right: 20px; } .bxd_wrap_3 .social_medias ul li img{ height: 70px; } .bxd_wrap_4{ padding-top: 32px; } .bxd_wrap_4 .rc-itembox-head{ margin-bottom: 18px; font-size: 18px; font-weight: 700; margin-left: 2px; } .bxd_wrap_5{ position: relative; margin-bottom: 50px; } .bxd_wrap_5 .referBoxInner .referText { position: absolute; left: 0; line-height: 1.43; width: 25%; top: 4%; margin-left: 20px; } .bxd_wrap_5 .referBoxInner .refBoxDesk { width: 50%; height: 100%; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -ms-flexbox; display: flex; } .bxd_wrap_5 .referBoxInner .refBoxDesk .deskShareBox { margin: auto; font-size: 11px; font-family: montserrat, sans-serif; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; text-align: center; } .bxd_wrap_5 .referBoxInner .refBoxDesk .deskShareBox span { padding: 8px 0; font-size: 14px; font-weight: 600; } .bxd_wrap_5 .refBoxDesk .deskShareBox ul .deskShareButton { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; padding-right:40px; } .bxd_wrap_5 ul li { box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2); background: #fff; border-radius: 50%; display: inline-block; width: 40px; height: 40px; line-height: 38px; margin-right: 15px; } .deskShareButton li{ list-style: none; margin-right: 15px; } .exploreMoreBox .iconDefault{ background-color: rgb(255, 210, 50); padding: 19px; display: inline-flex; color: rgb(41, 45, 53); cursor: pointer; width: 30%; font-size: 0.9rem; line-height: 0; text-align: center; justify-content: center; align-items: center; border: 1px solid rgb(60, 66, 76); zoom: 1; user-select: none; border-radius: 4px; box-shadow: rgb(60, 66, 76) 0px 2px 0px; } .bxd_wrap_6{ width: 50%; } .subheaderMyorder .subheader--title { font-weight: 600; font-size: 16px; margin-bottom: 10px; } .bxd_wrap_6 .cancelReason--list { background-color: #fff; border: 1px solid #e5e5e5; border-radius: 4px; margin: 0 0 18px; } .bxd_wrap_6 .cancelReason--list li { border-bottom: 1px solid #eaeaea; padding: 14px 18px; list-style: none; } .bxd_wrap_6 input[type='radio']+label:before{ display: none; } .bxd_wrap_6 input[type='radio']+label:after { display: none; } .bxd_wrap_6 input[type='radio']+label{ padding-left: 20px; } .bxd_wrap_6 .cancelReason--list li { padding: 9px 15px; } .bxd_wrap_6 .cancelReason--list ul{ padding: 0; } .bxd_wrap_6 input{ height: 30px; width: 20px; vertical-align: middle; } .bxd_wrap_6 .cancelReason_button{ float: right; } .bxd_wrap_6 .cancelReason_button button{ padding: 8px 40px; border: 1px solid #e3e3e3; font-size: 19px; color: #444141; font-weight: 600; } .bxd_wrap_6 .cancelReason_button button:hover{ background: #5be1e6; color: black; } .bxd_wrap_7{ width: 50%; } .bxd_wrap_7{ background-color: #fff; border: 1px solid #e5e5e5; border-radius: 4px; padding: 20px; margin-top: 50px; } .bxd_wrap_7 .modifysumry--text { font-size: 11px; font-family: montserrat, sans-serif; color: rgba(0, 0, 0, .5); line-height: normal; } .bxd_wrap_7 .modify_padding h3{ margin-bottom: 5px !important; font-size: 20px; } .bxd_wrap_7 .modify_padding p{ font-size: 14px; } .modifysumry--midHeader{ margin-top: 15px; } .can_text{ font-family: montserrat, sans-serif; color: rgba(0, 0, 0, .5); margin-bottom: 0; font-size: 14px; font-weight: 600; } .bxd_wrap_7 .modifysumry--buttons { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; margin-top: 15px; } .bxd_wrap_7 .modifysumry--buttons button { font-size: 14px; width: 178px; padding: 7px; border: 1px solid #e3e3e3; } .modifysumry--buttons-solid{ background: #5ce1e9; color: white; } .related_product_order_page{ margin-top: 30px; } #dvPinNo{ border: 1px solid #898989; height: 100px; margin-bottom: 16px; } #dvPinNo .form-control{ background: none; padding: 7px 13px !important; } .bxd_wrap_8 .request_Cancel_order{ text-align: center; } .bxd_wrap_8 .request_Cancel_order img{ height: 100px; margin-bottom: 20px; } .bxd_wrap_8 .request_Cancel_order p{ font-size: 17px; } .bxd_wrap_9{ } .heading_return{ margin-bottom: 20px; text-align: left; } .heading_return h2{ margin-bottom: 0; font-size: 19px; color:rgb(0 0 0 / 88%) !important; } .heading_return .returnItemId{ font-size: 14px; color: #000; font-weight: 600; } .bxd_wrap_9 .price_599{ margin-bottom: 15px; } .lastDateToReturn span{ font-size: 11px; background-color: #fff9f2; max-width: fit-content; color: #0d8f94; padding: 6px; font-weight: 600; } .bxd_wrap_9 .ordersDetailWrapper--Box-inner_left { height: 153px; } .bxd_wrap_10{ padding: 0 !important; } .bxd_wrap_10 .ordersDetailWrapper-steps-container{ border: none; } .ret_product{ border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; } .ret_product p{ padding-bottom: 0; margin-bottom: 10px; } .bxd_wrap_10 .orderStepWrapper{ justify-content: center; } .bxd_wrap_11{ } .reason_form .reason_span{ font-size: 11px; color: #111111bd; font-weight: 600; margin-bottom: 2px; } .reason_form .form_field .form-control{ border: .5px solid rgba(0,0,0,.5); margin-bottom: 20px; background: white; border-radius: 5px; } .reason_form .form_field textarea{ height: 100px; } .form_field .Optional_1{ font-weight: 500; margin-top: -10px; font-size: 13px; } .bxd_wrap_11 .retuns_button{ display: flex; justify-content: space-between; } .retuns_button .modify_bt{ border: 1px solid #737e93; padding: 7px 40px; } .previous_bt{ background: none; box-shadow: 0 2px 0 #737e93; } .next_bt{ background:#5ce1e9; color: white; border: none !important; } .bxd_wrap_12{ background: white; padding: 15px; } .terms_condition_box h2{ font-size: 18px; } .terms_condition_box ul { list-style-type: disc; padding-left: 15px; } .terms_condition_box ul li{ font-size: 12px; color: rgb(0 0 0); line-height: 17px; padding-bottom: 11px; } .terms_condition_box strong { display: block; margin: 25px 0 18px; } .order_reviews .needy{ margin-bottom: 16px; font-size: 13px; } .order_reviews .orderHelp--buttonWrapper{ margin-bottom: 13px; border-bottom: 1px solid #e3e3e3; padding-bottom: 12px; } .order_reviews .orderHelp--buttonWrapper:last-child{ border-bottom: none; } .order_reviews .orderHelp--buttonWrapper p{ margin-bottom: 5px; color: #30b9bc; } .order_reviews .orderHelp--buttonWrapper span{ font-size: 10px; font-weight: 600; color: #000; } .order_reviews .rating{ position: relative; left: 6px; } .order_reviews .rating .checked{ color: orange; font-size: 12px; } .bxd_wrap_13{ } .review_ord_full_width{ width: 100%; display: flex; background: white; padding: 9px; margin-bottom: 20px; } .bxd_wrap_13 .review_ord_full_width .inner_left_box{ width: auto; margin-right: 23px; } .bxd_wrap_13 .review_ord_full_width .inner_right_box{ width: 70%; } .bxd_wrap_13 .inner_left_box img { height: 153px; } .products_detail .order-date{ font-size: 13px; font-weight: 600; } .products_detail h2{ font-size: 20px; margin-bottom: 4px; } .products_detail .name-wrpr{ font-size: 13px; font-weight: 600; } .products_detail .line_height{ line-height: 13px; } .products_detail .rating_order{ margin-top: 14px; margin-bottom: 15px; } .products_detail .rating_order .fa{ color: orange; font-size: 32px; margin-right: 15px; } .bxd_wrap_14{ margin-bottom: 25px; } .textarea_wrap textarea{ height: 100px; background: white; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .12); border: 1px solid #ebebeb; border-radius: 4px; } .textarea_wrap textarea:focus { border: 1px solid #ebebeb; background: white; } .textarea_wrap p{ font-weight: 500; font-size: 13px; color: #000000b8; } .img-upload-wrpr{ width: 100%; display: flex; align-items: center; padding: 30px 8px; border: 1px dotted #c3e9eb; background: white; justify-content: space-around; margin-bottom: 10px; } .img-upload-wrpr .camera-img{ /* width: 30%;*/ height: 40px; width: 40px; } .img-upload-wrpr .img-txt{ /*width: 70%;*/ } .img-upload-wrpr .img-txt span{ display: block; } .img-upload-wrpr .img-txt span:first-child{ font-size: 12px; color: black; font-weight: 600; } .img-upload-wrpr .img-txt span:nth-child(2){ font-size: 12px; color: black; font-weight: 500; } .credit_message p{ font-weight: 500; font-size: 13px; } .bxd_wrap_15{ margin-bottom: 20px; } .write_review a{ color: #1f858c !important; font-size: 13px; } @media(max-width: 768px){ .wrap_full_width{ display: block; width: 100%; } .bxd_wrap_2 { width: 100%; } .bxd_wrap_3 { width: 100%; } .bxd_wrap_5 .referBoxInner .referText{ width: 100%; } .bxd_wrap_5 .referBoxInner .refBoxDesk{ display: none !important; } .exploreMoreBox .iconDefault{ width: 100%; margin-bottom: 20px; } .referText h5{ margin-bottom: 0; } .page-content img { max-width: 100%; } .bxd_wrap_5 .referBoxInner .referText{ top: 12%; margin-left: 11px; } .bxd_wrap_5 { position: relative; margin-bottom: 25px; } .bxd_wrap_6{ width: 100%; } .bxd_wrap_7{ width: 100%; } .bxd_wrap_7 .modifysumry--buttons button{ width: 43%; } .bxd_wrap_3 .social_medias ul{ margin-top: 0% !important; } .products_detail .rating_order .fa { color: orange; font-size: 28px; margin-right: 7px; } .bxd_wrap_13 .inner_left_box img { height: 114px; } .products_detail .name-wrpr { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lastDateToReturn span{ font-size: 9px !important; } .bxd_wrap_11 { z-index: 999999; position: relative; } .header_mobile_none{ display: none; } }